/* NORMALIZE================================================================ */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100% ;} html,button,input,select,textarea{font-family:sans-serif;} body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} h1{font-size:2em;margin:0.67em 0;} h2{font-size:1.5em;margin:0.83em 0;} h3{font-size:1.17em;margin:1em 0;} h4{font-size:1em;margin:1.33em 0;} h5{font-size:.83em;margin:1.67em 0;} h6{font-size:.67em;margin:2.33em 0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:700;} blockquote{margin:1em 40px;} dfn{font-style:italic;} mark{background:#ff0;color:#000000;} p,pre{margin:1em 0;} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} q{quotes:none;} q:before,q:after{content:'';content:none;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} dl,menu,ol,ul{margin:1em 0;} dd{margin:0 0 0 40px;} menu,ol,ul{padding:0 0 0 20px;} nav ul,nav ol{list-style:none;list-style-image:none;} img{border:0;-ms-interpolation-mode:bicubic ;} svg:not(:root){overflow:hidden;} figure{margin:0;} form{margin:0;} fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;white-space:normal;*margin-left:-7px ;} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle ;} button,input{line-height:normal;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible ;} button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px ;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top ;} table{border-collapse:collapse;border-spacing:0;}
/* CORE================================================================ */
html, body {min-height: 100%; padding: 0; margin: 0; width: 100%; }
html {font-size: 62.5%; background: #3dbfd9; }
body {font-size: 16px; line-height: 1.5; color: white; font-family: 'Raleway', 'Lucida Grande', 'Gill Sans', Arial, Helvetica, Sans-serif; }
body > svg, .main_container > svg { display: none; }
.wrapper { max-width: 900px; margin: 0 auto; }
/*.page { background: #212326; }*/
a:link, a:visited, span.pdf-view { color: #3dbfd9; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
h1 { font-size: 56px; line-height: 1; margin: 0; }
h2 { font-size: 30px; font-weight: normal; }
h3 { font-size: 44px; margin: 0.25em 0; }
h4 { font-size: 24px; font-weight: bold; margin: 1.2em 0; color: #3dbfd9;}
/*.page_header { text-align: center; padding-top: 20px; }*/
section { /*padding: 3em;*/ }
section header { border-top: 1px solid #3dbfd9; border-bottom: 1px solid #3dbfd9; clear: both; }
ol { list-style: none; margin: 2em 0; padding:0;  }
ol li { clear: both; margin: 1em 0; }
.icon_block { float: left; width: 16%; min-width: 100px; text-align: center; margin-top: 5px; }
.content_block { overflow: hidden; }
.circle { margin-top: 0.4em; display: inline-block; font-size: 30px; font-weight: bold; line-height: 55px; background: #3dbfd9; border-radius: 50%; width: 60px; height: 60px; }
.circle svg { margin: 15px; float: left; }
.bullets li { list-style: disc; margin-bottom: 0.74em; }
.bullets li ul { padding-left: 0; }
.bullets li li { list-style: none; margin: 0.5em 0; }
.small { font-size: 14px; }
.cta, .cta:link, .cta:visited { font-weight: bold; position: relative; float: right; border: 2px solid white; text-transform: uppercase; white-space: nowrap; color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; line-height: 2; font-size: 20px; padding: 0.3em 3.5em 0.3em 1em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #ff0000; }
.cta:hover, .cta:active, .cta:focus {text-decoration: none; background: #333333; }
.cta svg { position: absolute; right: 1em; top: 20%; }
.writable { padding: 0; list-style: none; }
.writable li { color: #212326; border-radius: 8px; background: #e2f5f9; padding: 0.75em 1em; }
.writable .error { border: 2px solid red; }
.writable .success { border: 2px solid green; }
.footer { /*padding: 2em 0;*/ position: relative; }
.footer .mainnav {margin-top: 0.5em; }
.footer a:link, .footer a:visited { color: white; }
.mainnav { color: #bcffff; font-size: 14px; font-size: 1.4rem; text-align: center; }
.mainnav ul { padding: 0; margin: 0 auto; }
.mainnav li { display: inline-block; float: none; position: relative; }
.mainnav a { text-transform: uppercase; margin-right: 0.8em; position: relative; }
.mainnav a:link, .mainnav a:visited { color: #bcffff; }
.mainnav a:hover, .mainnav a:active, .mainnav a:focus {color: #ffffff; }
.mainnav a:after {content: '/'; display: inline-block; padding-left: 1em; left: 0; top: 0; font-size: 12px; font-size: 1.2rem; color: #bcffff; }
.mainnav .first a {padding-left: 0; outline: none; }
.mainnav .first a:after {content: '/'; }
.footer .left { position: absolute; margin: 0; }
.colophon { clear: both; text-align: center; margin-top: 3em; font-size: 12px; margin-bottom: 0; padding-bottom: 10px; }
.colophon svg { margin-bottom: -8px; }
.small svg { margin-bottom: -15px; }
.callout { color: #f00; }
#error_404 { padding: 2em; text-align: center; }

#main_inner { /*margin-bottom: 40px;*/ }

.page header { height: 40vh; position: relative; }
.page header .wrapper { height: 100%; background-image: url('../images/background.png'); background-size: cover; }

.default-page { color: #000; }
.default-page #main_inner .wrapper { padding: 25px 30px; }

header { width: 100%; /*background-image: url("../images/background.jpg");*/ background-image: linear-gradient(#83ddff 40%, #e3f541); background-size: cover; }
header .logo { width: 150px; flex: auto; }
header .logo img { width: inherit; }
header .navbar { align-items: flex-start; }
header .navbar-collapse { flex-flow: row-reverse; }

.footer { background-color: #1c3a55; margin-right: 0; margin-left: 0; }
.footer .address { float: left; }
.footer .address li { list-style: none; font-size: 12px; line-height: 1.2; }
.footer .address li.pointer:before { content: "\f3c5"; font-family: "Font Awesome 5 Free"; display: inline-block; margin-left: -1.3em;  width: 1.3em; position: relative; top: 14px; font-size: 24px; }
.footer .address li.envelope:before { content: "\f2b6"; font-family: "Font Awesome 5 Free"; display: inline-block; margin-left: -1.3em;  width: 1.3em; position: relative; top: 14px; font-size: 24px; }
.footer .social { padding-top:50px; font-size: 25px; float: right; display: flex; flex-flow: column; align-items: center; align-self: flex-end; }
.footer .social ul { display: flex; }
.footer .social ul li { list-style: none; float: left; margin-right: 25px; }
.footer .social ul li.last { margin-right: 0; }
.footer .social ul li a { border: 2px solid; border-radius: 35px; padding: 8px;}
.footer .social ul li a:hover { background: rgba(255,255,255,.2); }
.footer .social ul li a .fa-instagram { margin: 0 3px; }
.footer .social .eu_logo { display: flex; }

#about { background-color: #3dbfd9; position: relative; }
#about div { text-align: center; }
#outputs h1, #about h1 {
	font-size: 50px; 
	font-weight: bold; 
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
}
#outputs h1:before, #outputs h1:after, #about h1:before, #about h1:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 20px;
    flex: 1 0 20px;
}
#outputs  h2, #about h2 { font-size: 24px; }
#outputs .upper, #about .upper { color: #000; background: #fff; padding-top: 50px; padding-bottom: 0px; }
#about .bottom { margin-top: 50px; /*margin-bottom: 25px;*/ margin-bottom: 0; }
#about #bigTriangleColor path { fill: #fff; stroke: #fff; stroke-width: 2; }
#about .about { max-width: 1080px; color: #fff; /*color: #1c3a55;*/ }
#about .about p { color: #fff; }
#about .about-link { padding-top: 10px; }
#about .about-link a {
	color: #fff;
	border: 1px solid;
	padding: 12px 20px;
	transition: all 0.5s;
}
#about .about-link a:hover {
	text-decoration: none;
	background: #61cde2;
	filter: drop-shadow(0px 0px 6px #ddd);
}
#about .about-link a:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	margin-left: .3em;
}

#video { background-color: #000; }
#video .wrapper { max-width: none; max-height: 900px; margin-top: -10%; margin-bottom: -10%; }

#partners { background: #fff; padding-top: 40px; text-align: center; }
#partners .row { margin: 0px; }
#partners img { height: 100px; margin-bottom: 50px; }

#outputs ul.outputs {
	padding: 0;
	list-style: none;
	margin-bottom: 100px;
}
#outputs ul.outputs li.output {
    border: 1px solid #ddd;
    padding: 20px;
}
#outputs ul.outputs li.output > h2 {
	text-align: center;
	padding-top: 0;
	color: #1c3a55;
}
#outputs ul.outputs li.output li.download {
	display: flex;
	align-items: center;
}
#outputs ul.outputs li.output li.download:before {
	content: "\f56d";
	font-family: "Font Awesome 5 Free";
	width: 1.3em;
	font-size: 30px;
	color: #3dbfd9;
}

@media (min-width: 900px) {
    footer .wrapper { width: 900px; }
}
@media (max-width: 899px) {
    footer .wrapper { width: 90%; }
}
@media (max-width: 768px) {
    header { height: 390px; }
    header .navbar-collapse { background: #1c3a55; text-align: center; }
    header .logo { width: 100px; }
}
@media (max-width: 576px) {
    header { height: 275px; }
    #partners img { height: 80px; }
}


/* LANG PICK */
.languagepicker {
	/*background-color: #FFF;*/
	display: inline-block;
	padding: 0;
	height: 32px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0 0px 10px 0;
	vertical-align: top;
	float: left;
}
.languagepicker:hover {
	height: 81px;
	background: rgba(255, 255, 255, 0.6);
}
.languagepicker a{
	color: #fff;
	text-decoration: none;
}
.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 32px;
	border-top: 0px solid #EEE;
}
.languagepicker li:hover{
	background-color: #1c3a55;
}
.languagepicker a:first-child li {
	border: none;
	/*background: #FFF !important;*/
}
.languagepicker li img {
}
.large:hover {
	height: 265px;
}
.eu-financed-container {
	clear: both;
	font-size: 8px;
	text-align: center;
}
.disclaimer-container {
	background-color: #333;
	padding: 10px;
	font-size: 8px;
	text-align: center;
}

.eu_logo {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.pdf-view {
	cursor: pointer;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.9);
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 90%;
	height: 90%;
	max-width: 1200px;
}
.modal-content > iframe {
	height: 100%;
	border: 0;
}

/* The Close Button */
.close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

/* Loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/assets/images/preloader.gif) center no-repeat #fff;
}