BDTI

Content Layer

background-repeat	no-repeat
background-size	80%
background-image	cef-event-detail-bg-header.png
background-position	top bottom
id	813755849
class	cef cef-section cef-primary-bg cef-d-bg-sm-none

Content Column

width	100%
id	813755850

Content Block

id	813755851

Div

class	cef-container

Div

class	cef-row cef-justify-content-end

Div

class	cef-col-6

HTML

<p class="cef-mb-0">
<span class="cef-badge cef-badge-sm cef-primary-light-bg cef-mr-2 cef-mb-2">Big Data Test Infrastructure</span>
</p>

<h1 class="cef-mt-3">

<span class="cef-display-3 cef-date-day">23<span class="cef-h6 cef-date-month">Feb</span></span>


<span class="cef-d-block cef-mt-4 cef-mb-2">Meet Big Data Test Infrastructure</span>
<span class="cef-d-block cef-h3 cef-font-weight-normal cef-mb-0">How BDTI can support Public Administrations in using Big Data and developing their network.</span>
</h1>
<p>Taking the use of Big Data to the next level</p>

<ul class="cef-list-unstyled">
<li class="cef-ico-conjunction cef-ico-schedule-white">3 PM CET</li>
<li class="cef-ico-conjunction cef-ico-play-circle-white">Online event</li>
</ul>

<p><a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/20210223_Privacy_Statement_CEF_BDTI-Webinar-final-published-vf.pdf">Download privacy statement</a></p>

<p>This event is <strong>open for registration</strong>. <br>Registration end 5pm the day before.</p>

<p>
<a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/eusurvey/runner/BDTI-Webinar-Q12021" target="_blank">
<span class="cef-link-external">Register for the webinar</span><span class="cef-sr-only">(opens in a new tab)</span>
</a>
</p>

CSS Stylesheet

/*FRAMEWORK CSS CEF DIGITAL V3 30/03/2021*/

/************************************************************/
/*--- SPECIFIC FOR THIS PAGE = DON'T COPY ON BRIKIT CSS ---*/
/

CSS Stylesheet

/**********************************/
/*--- CEF 2020 REEBOOT BRIKIT ---*/
/********************************/
.cef .brikit-container, .cef-container-fluid .brikit-container, .cef-container-xxl { width: 100%;}

@media screen and (min-width: 1200px){
	.cef .brikit-container { width: 1170px;}
}

@media screen and (min-width: 1366px){
	.cef-container-xxl .brikit-container { width: 1300px;}
}

/*--- CEF 2020 HACK BRIKIT ---*/
/*---------------------------*/
.brikit-edit-mode .brikit-content-layers a.aui-button.edit-content-block { z-index:9;}
.cef .position-bottom { display: none;}

/**************************/ 
/*--- CEF 2020 LAYOUT ---*/ 
/************************/

/*--- CEF 2020 GRID ---*/
/*--------------------*/
.cef * { box-sizing: border-box;}   
.cef {margin:0 auto !important; max-width: 2560px;}
.cef-container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; width:100%;}
.cef-row { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px}
    
[class*="cef-col-"] { padding-right: 15px; padding-left: 15px;}

/*--- DEBUG MODE ---*/
/*[class*="cef-col-"] {border:1px solid blue;}  
.cef-row {border:1px solid yellow;}
.cef-container { border:1px solid red;}*/

.cef-col-1 { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%}
.cef-col-2 { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%}
.cef-col-3 { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.cef-col-4 { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%}
.cef-col-5 { -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%}
.cef-col-6 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}
.cef-col-7 { -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%}
.cef-col-8 { -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%}
.cef-col-9 { -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}
.cef-col-10 { -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%}
.cef-col-11 { -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%}
.cef-col-12 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}  

@media screen and (max-width: 600px) {    
[class*="cef-col-"] { -ms-flex:0 0 100%; flex:0 0 100%; position:relative; padding:0; max-width: 100%;} 
.cef-row+.cef-row { margin-top: 0;}  
}

/*--- CEF 2020 SECTION ---*/
/*-----------------------*/
.cef-section { padding:3rem 0;}

/***************************/
/*--- CEF 2020 CONTENT ---*/
/*************************/

/*--- CEF TYPOGRAPHY ---*/
/*---------------------*/
.brikit-content-layers .cef .cef-display-1, .brikit-content-layers .cef .cef-display-2, .brikit-content-layers .cef .cef-display-3, .brikit-content-layers .cef .cef-display-4, .brikit-content-layers .cef .cef-display-5, .brikit-content-layers .cef .cef-display-6 { line-height:1;}

.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4, .brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5  {line-height:1.2;}

.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef .cef-lead, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn  { line-height:1.4;}

/*--- FONT SIZE ---*/ 
.brikit-content-layers .cef .cef-display-1 { font-size:5.60rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:4.60rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:3.60rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:2.80rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:2.40rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.20rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:1.80rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.60rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.40rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.20rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead  { font-size:1.10rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 0.90rem;}

@media screen and (min-width: 768px) {
.brikit-content-layers .cef .cef-display-1 { font-size:6.50rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:5.50rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:4.50rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:3.50rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.50rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.75rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote  { font-size:1.50rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.25rem;}
}

@media screen and (min-width: 1200px) {
.brikit-content-layers .cef .cef-display-1 { font-size:6.75rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:5.75rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:4.75rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:3.75rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3.25rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.75rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2.25rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.75rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.50rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.25rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead { font-size:1.15rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 1rem;}
}

@media screen and (min-width: 1920px) {
.brikit-content-layers .cef .cef-display-1 { font-size:9rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:7rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:5rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:4rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3.50rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:3rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2.50rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:2.25rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.75rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.50rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead { font-size:1.25rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 1.1rem;}
}

/*--- FONT SPACING ---*/  
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3 { margin-bottom:1rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .h3 { margin-top:0;}
.cef p, .cef ul, .cef ol { margin: 0 0 1rem 0;}

/*--- FONT TRANSFORM ---*/  
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-weight:bold;}

/*--- FONT DECO ---*/
.cef-primary-heading-deco:after, .cef-secondary-heading-deco:after { margin-top:1rem; content: ''; display:block; height: 3px; width: 30px;}
.cef-heading-deco-auto:after { margin:1rem auto 0 auto;}

.cef-primary-heading-deco:after {  background-color: #003764;}  
.cef-secondary-heading-deco:after, .cef-secondary-heading-deco-auto:after { background-color: #FFCF00;}  

/*--- BLOCKQUOTE ---*/  
/*-----------------*/
.cef blockquote { margin-top:0 !important; padding:0; font-style:italic; border:none;}

.cef hr { margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid #DBDBDB;}

/*--- IMAGE ---*/
/*------------*/
.cef img { vertical-align:middle; border-style:none}
.cef svg { overflow:hidden; vertical-align:middle;}

.cef-img-fluid { max-width: 100%; height: auto;}
 
a.cef-img-link { display: inline-block !important; padding:2px; line-height: 0; border: 0 !important;}
a.cef-img-link:hover { outline: 2px solid black; outline-offset: 2px; background-color: transparent !important; filter:brightness(200%);}

.cef-img-parallax { background-attachment: fixed;}

@media screen and (max-width: 1200px){
	.cef-img-parallax { background-size: cover !important; background-attachment: initial !important;}
}

@media screen and (min-width: 1921px){
	.cef-img-parallax { background-size: cover !important; background-position: center !important; background-attachment: initial !important;}
}

/* --- LIST --- */  
/*-------------*/
.cef-list-unstyled { list-style: none !important; padding: 0;}
.cef-list-unstyled li:before { content: "\200B"; /* add zero-width space */}
.cef-list-lh-0 li { line-height:0 !important;}

/* --- LINE HEIGHT --- */  
/*--------------------*/
.cef-lh-0 { line-height:0 !important;}

/*--- CEF 2020 COLOR ---*/
/*---------------------*/

/*--- FONT COLOR ---*/
.cef h1, .cef h2, .cef h3, .cef h4, .cef h5, .cef h6, .cef p, .cef span, .cef ul, .cef ul li, .cef ol, .cef ol li, .cef blockquote, .cef small {color: #003764;}

.cef-primary-color { color:#003764 !important;}
.cef-primary-medium-color { color:#0189C6 !important;}
.cef-secondary-color { color:#FFCF00 !important;}
.cef-terciary-color { color:#99C9BD !important;}
.cef-white-color { color:#FFF !important;}

/*--- FONT OUTLINE COLOR ---*/
.cef-outline { color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px;}
.cef-outline.cef-outline-white { -webkit-text-stroke-color: white;}

/*--- BACKGROUND COLOR ---*/
.cef-primary-bg { background-color:#003764 !important;}
.cef-primary-medium-bg { color:white !important; background-color:#0189C6;}
.cef-primary-light-bg { background-color:#BDE4F5;}

.cef-primary-bg h1, .cef-primary-bg h2, .cef-primary-bg h3, .cef-primary-bg p, .cef-primary-bg span, .cef-primary-bg blockquote, .brikit-content-layers .cef.cef-primary-bg a:link, .cef-primary-medium-bg h1, .cef-primary-medium-bg h2, .cef-primary-medium-bg h3, .cef-primary-medium-bg p, .cef-primary-medium-bg span { color:white;}

.brikit-content-layers .cef.cef-primary-bg a, .brikit-content-layers .cef.cef-primary-bg a:link { color: #FFCF00; border-bottom: 2px solid #FFCF00;}
.brikit-content-layers .cef.cef-primary-bg a:hover { color: #003764; background-color: #FFCF00; border: 2px solid #FFCF00;}
.brikit-content-layers .cef.cef-primary-bg a:focus, .brikit-content-layers .cef .cef-primary-bg a:focus { outline: 2px dashed #FFCF00;}

.cef-secondary-bg { background-color:#FFCF00;}
.cef-terciary-bg { background-color:#3F89C4;}
.cef-grey-light-bg { background-color:#F0F4F5;}
.cef-white-bg { background-color:#FFF;}

/*--- CEF 2020 LINK ---*/
/*--------------------*/
.brikit-content-layers .cef a, .brikit-content-layers .cef a:link { display: inline; position: relative; padding-left: 2px; padding-right: 2px; font-weight:bold; text-decoration: none !important; color: #003764; border-top: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid #003764; border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}
.brikit-content-layers .cef a:hover { color: white; background-color: #003764; border: 2px solid #003764;}
.brikit-content-layers .cef a:focus { color: inherit; background-color: inherit; border: 2px solid transparent; outline: 2px dashed black; outline-offset: 2px;}

.brikit-content-layers .cef h1 a, .brikit-content-layers .cef h2 a, .brikit-content-layers .cef h3 a, .brikit-content-layers .cef h4 a, .brikit-content-layers .cef h5 a, .brikit-content-layers .cef h6 a {color: #003764 !important;}
.brikit-content-layers .cef h1 a:hover, .brikit-content-layers .cef h2 a:hover, .brikit-content-layers .cef h3 a:hover, .brikit-content-layers .cef h4 a:hover, .brikit-content-layers .cef h5 a:hover, .brikit-content-layers .cef h6 a:hover {color: white !important;}
.brikit-content-layers .cef h1 a:focus, .brikit-content-layers .cef h2 a:focus, .brikit-content-layers .cef h3 a:focus, .brikit-content-layers .cef h4 a:focus, .brikit-content-layers .cef h5 a:focus, .brikit-content-layers .cef h6 a:focus {color: inherit !important; background-color: inherit !important; border: 2px solid transparent !important; outline: 2px dashed black !important; outline-offset: 2px !important;}

/*--- BTN EXTERNAL LINK ---*/
.cef-btn.cef-btn-light-outline .cef-link-external:after, .cef-btn.cef-btn-primary .cef-link-external:after { top: 0; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-backspace-white.png") left no-repeat; background-size: 24px; transform: rotate(145deg);} 

/*--- EXTERNAL LINK ---*/
.cef-link-external { display: inline-block !important; margin-right: 20px; position: relative;}
.cef-link-external:after { position: absolute; right: -24px; content: ""; width: 24px; height: 24px; transition: all .1s linear;}

.cef-link-external:after { top: 0; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-backspace-primary.png") left no-repeat;  background-size: 24px; transform: rotate(145deg);}
.cef-link-external:hover:after, .cef-btn:hover .cef-link-external:after {transform: translate(4px, -4px) rotate(145deg);}

/******************************/
/*--- CEF 2020 COMPONENTS ---*/
/****************************/

/*--- BADGE ---*/
/*------------*/
.cef-badge { display: inline-block; padding: 5px 15px; letter-spacing: 0.1em; font-weight: bold; border-radius: 0px 30px 30px 0px; -moz-border-radius: 0px 30px 30px 0px;
-webkit-border-radius: 0px 30px 30px 0px;}

/*--- SIZE ---*/
.cef-badge.cef-badge-sm { padding: 3px 10px !important; font-size:80%;}
.cef-badge.cef-badge-lg { font-size:120%;}

/*--- BUTTON ---*/
/*-------------*/
.cef-btn { display:inline-block !important; padding:0.75rem 1rem !important; min-width:100px !important; line-height:1.2em; text-align:center; text-transform: uppercase; border: 2px solid transparent; border-radius:7px; box-shadow: none;}
.cef-btn:hover { box-shadow: none;}
.cef-btn span { padding-left:2px; padding-right:2px; border: 2px solid transparent;}
.cef-btn:hover span { border-top: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid #003764; border-left: 2px solid transparent;}

/*--- COLOR ---*/
.cef-btn.cef-btn-primary { background: #003764 !important; border-color:#003764 !important;} 
.cef-btn.cef-btn-primary:hover { background: #003764 !important; border-color:#003764 !important;}  
.cef-btn.cef-btn-primary span { color:white !important;}  
.cef-btn.cef-btn-primary:hover span { border-bottom-color: white;} 

.cef-btn.cef-btn-primary-outline { background: transparent !important; border-color:#003764 !important;} 
.cef-btn.cef-btn-primary-outline:hover { background: transparent !important; border-color:transparent !important;} 
.cef-btn.cef-btn-primary-outline span { color:#003764 !important;} 

.cef-btn.cef-btn-secondary { background: #FFCF00 !important; border-color:#FFCF00 !important;} 
.cef-btn.cef-btn-secondary:hover { background: #FFCF00 !important; border-color:#FFCF00 !important;} 
.cef-btn.cef-btn-secondary span { color:#003764 !important; }  
.cef-btn.cef-btn-secondary:hover span { border-bottom-color: #003764;} 

.cef-btn.cef-btn-light-outline { background: transparent !important; border-color:#fff !important;} 
.cef-btn.cef-btn-light-outline:hover { background: transparent !important; border-color:transparent !important;} 
.cef-btn.cef-btn-light-outline span { color:#fff !important; } 
.cef-btn.cef-btn-light-outline:hover span { border-bottom-color: #fff;} 

/*--- SIZE ---*/
.cef-btn.cef-btn-sm { padding: 3px 10px !important; font-size:80%; min-width:80px !important;}
.cef-btn.cef-btn-lg { min-width:260px !important;}

/*--- CARD ---*/
/*-----------*/
.cef-card { position:relative; display: flex; -ms-flex-direction: column; flex-direction: column; height:100%; min-width: 0; word-wrap: break-word;}
.cef-card-header { padding: 1.5rem  1rem 0 1rem;}
.cef-card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem 1rem 0 1rem; min-height: 1px;}
.cef-card-footer { padding: 1rem 1rem 0.5rem 1rem;}

@media screen and (min-width: 1366px){
	.cef-card-header { padding: 1.5rem  1.5rem 0 1.5rem;}
	.cef-card-body { padding: 1.5rem 1.5rem 0 1.5rem; }
	.cef-card-footer { padding: 1.5rem 1.5rem 0.5rem 1.5rem;}
}

/*--- COLLAPSE ---*/
/*---------------*/
.cef-collapse-item { margin-bottom:1rem; }

.cef .cef-collapse h3 { position:relative; z-index:8; margin-bottom:0; background-color: #F0F4F5;}

.cef-collapse button::-moz-focus-inner { border: 0;}
.cef-collapse-trigger { display: block; padding:1rem 40px 1rem 1rem; position: relative; text-align: left; width: 100%; background-color: transparent; border-color: transparent; cursor: pointer;}
.cef-collapse-trigger:hover { border-color: #003764;}
.cef-collapse-trigger:focus { outline: 2px dashed #003764; outline-offset: 2px;}

.cef-collapse-title { display: block; pointer-events: none; outline: none;}
.cef-collapse-trigger:focus .cef-collapse-title { border-color: hsl(216, 94%, 73%);}

.cef-collapse-icon { position: absolute; right: 1rem; top: 50%; height: 1rem; width: 1rem; border: solid #003764; border-width: 0 2px 2px 0; transform: translateY(-60%) rotate(45deg); -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;}
.cef-collapse-trigger[aria-expanded="true"] .cef-collapse-icon { transform: translateY(-50%) rotate(-135deg);}

.cef-collapse-panel { position:relative; z-index:7; padding:1rem; background-color: #F0F4F5; border-top: 1px solid #DBDBDB;  display: block; -webkit-animation: cef-collapse-slide .2s ease-out; -moz-animation: cef-collapse-slide .2s ease-out;}
/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.cef-collapse-panel[hidden] { z-index-1; display: none;}

@-webkit-keyframes cef-collapse-slide {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes cef-collapse-slide {
      0% { opacity: 0; -moz-transform: translateY(-100%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

/*****************************/
/*--- CEF 2020 UTILITIES ---*/
/***************************/
/*--- DISPLAY ---*/
/*--------------*/
.cef-d-block { display: block;}
.cef-d-flex { display:-ms-flexbox!important; display:flex!important}
.cef-d-inline-block { display: inline-block;}
.cef-d-none { display:none!important;}

@media screen and (min-width: 600px) {
	.cef-d-sm-block { display:block !important;}
}

@media screen and (min-width: 768px) {
	.cef-d-md-block { display:block !important;}
}

@media screen and (min-width: 992px) {
	.cef-d-lg-block { display:block !important;}
}

@media screen and (min-width: 1200px) {
	.cef-d-xl-block { display:block !important;}
}

/*--- DISPLAY BACKGROUND---*/
/*------------------------*/
@media screen and (max-width: 600px) {
	.cef-d-bg-sm-none { background-image: none !important;}
}

/*--- FLEX ---*/
/*-----------*/
.cef-justify-content-start { -ms-flex-pack:start!important; justify-content:flex-start!important }
.cef-justify-content-end { -ms-flex-pack:end!important; justify-content:flex-end!important}
.cef-justify-content-center { -ms-flex-pack:center!important; justify-content:center!important}
.cef-justify-content-between { -ms-flex-pack:justify!important; justify-content:space-between!important}
.cef-justify-content-around { -ms-flex-pack:distribute!important; justify-content:space-around!important}

/*--- SCREEN READER ---*/
/*--------------------*/
.cef-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.cef-sr-only-focusable:active,
.cef-sr-only-focusable:focus { position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal}

/*--- SHADOW ---*/
/*-------------*/
.cef-shadow-none { box-shadow:none!important}
.cef-shadow-sm { box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef-shadow { box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;}
.cef-shadow-lg { box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;}

/*--- SIZING ---*/
/*-------------*/
.cef-w-xxxxs { width: 25px;}
.cef-w-xxxs { width: 50px;}
.cef-w-xxs { width: 75px;}
.cef-w-xs { width: 100px;}
.cef-w-sm { width: 125px;}
.cef-w-md { width: 150px;}
.cef-w-lg { width: 175px;}
.cef-w-xl { width: 200px;}
.cef-w-xxl { width: 225px;}
.cef-w-xxxl { width: 250px;}

/*--- SPACING ---*/
/*--------------*/
.cef-m-0 { margin: 0 !important;}

.cef-mt-0 { margin-top: 0 !important;}
.cef-mr-0 { margin-right: 0 !important;}
.cef-mb-0 { margin-bottom: 0 !important;}
.cef-ml-0 { margin-left: 0 !important;}

.cef-mt-1 { margin-top: .25rem !important;}
.cef-mr-1 { margin-right: .25rem !important;}
.cef-mb-1 { margin-bottom: .25rem !important;}
.cef-ml-1 { margin-left: .25rem !important;}

.cef-mt-2 { margin-top: .50rem !important;}
.cef-mr-2 { margin-right: .50rem !important;}
.cef-mb-2 { margin-bottom: .50rem !important;}
.cef-ml-2 { margin-left: .50rem !important;}

.cef-mt-3 { margin-top: 1rem !important;}
.cef-mr-3 { margin-right: 1rem !important;}
.cef-mb-3 { margin-bottom: 1rem !important;}
.cef-ml-3 { margin-left: 1rem !important;}

.cef-mt-4 { margin-top: 1.5rem !important;}
.cef-mr-4 { margin-right: 1.5rem !important;}
.cef-mb-4 { margin-bottom: 1.5rem !important;}
.cef-ml-4 { margin-left: 1.5rem !important;}

.cef-mt-5 { margin-top: 3rem !important;}
.cef-mr-5 { margin-right: 3rem !important;}
.cef-mb-5 { margin-bottom: 3rem !important;}
.cef-ml-5 { margin-left: 3rem !important;}

.cef-p-0 { padding: 0 !important;}

.cef-pt-0 { padding-top: 0 !important;}
.cef-pr-0 { padding-right: 0 !important;}
.cef-pb-0 { padding-bottom: 0 !important;}
.cef-pl-0 { padding-left: 0 !important;}

.cef-pt-1 { padding-top: .25rem !important;}
.cef-pr-1 { padding-right: .25rem !important;}
.cef-pb-1 { padding-bottom: .25rem !important;}
.cef-pl-1 { padding-left: .25rem !important;}

.cef-pt-2 { padding-top: .50rem !important;}
.cef-pr-2 { padding-right: .50rem !important;}
.cef-pb-2 { padding-bottom: .50rem !important;}
.cef-pl-2 { padding-left: .50rem !important;}

.cef-pt-3 { padding-top: 1rem !important;}
.cef-pr-3 { padding-right: 1rem !important;}
.cef-pb-3 { padding-bottom: 1rem !important;}
.cef-pl-3 { padding-left: 1rem !important;}

.cef-pt-4 { padding-top: 1.5rem !important;}
.cef-pr-4 { padding-right: 1.5rem !important;}
.cef-pb-4 { padding-bottom: 1.5rem !important;}
.cef-pl-4 { padding-left: 1.5rem !important;}

.cef-pt-5 { padding-top: 3rem !important;}
.cef-pr-5 { padding-right: 3rem !important;}
.cef-pb-5 { padding-bottom: 3rem !important;}
.cef-pl-5 { padding-left: 3rem !important;}

@media (min-width:600px) { 

.cef-m-sm-0 { margin: 0 !important;}

.cef-mt-sm-0 { margin-top: 0 !important;}
.cef-mr-sm-0 { margin-right: 0 !important;}
.cef-mb-sm-0 { margin-bottom: 0 !important;}
.cef-ml-sm-0 { margin-left: 0 !important;}

.cef-mt-sm-1 { margin-top: .25rem !important;}
.cef-mr-sm-1 { margin-right: .25rem !important;}
.cef-mb-sm-1 { margin-bottom: .25rem !important;}
.cef-ml-sm-1 { margin-left: .25rem !important;}

.cef-mt-sm-2 { margin-top: .50rem !important;}
.cef-mr-sm-2 { margin-right: .50rem !important;}
.cef-mb-sm-2 { margin-bottom: .50rem !important;}
.cef-ml-sm-2 { margin-left: .50rem !important;}

.cef-mt-sm-3 { margin-top: 1rem !important;}
.cef-mr-sm-3 { margin-right: 1rem !important;}
.cef-mb-sm-3 { margin-bottom: 1rem !important;}
.cef-ml-sm-3 { margin-left: 1rem !important;}

.cef-mt-sm-4 { margin-top: 1.5rem !important;}
.cef-mr-sm-4 { margin-right: 1.5rem !important;}
.cef-mb-sm-4 { margin-bottom: 1.5rem !important;}
.cef-ml-sm-4 { margin-left: 1.5rem !important;}

.cef-mt-sm-5 { margin-top: 3rem !important;}
.cef-mr-sm-5 { margin-right: 3rem !important;}
.cef-mb-sm-5 { margin-bottom: 3rem !important;}
.cef-ml-sm-5 { margin-left: 3rem !important;}

.cef-p-sm-0 { margin: 0 !important;}

.cef-pt-sm-0 { padding-top: 0 !important;}
.cef-pr-sm-0 { padding-right: 0 !important;}
.cef-pb-sm-0 { padding-bottom: 0 !important;}
.cef-pl-sm-0 { padding-left: 0 !important;}

.cef-pt-sm-1 { padding-top: .25rem !important;}
.cef-pr-sm-1 { padding-right: .25rem !important;}
.cef-pb-sm-1 { padding-bottom: .25rem !important;}
.cef-pl-sm-1 { padding-left: .25rem !important;}

.cef-pt-sm-2 { padding-top: .50rem !important;}
.cef-pr-sm-2 { padding-right: .50rem !important;}
.cef-pb-sm-2 { padding-bottom: .50rem !important;}
.cef-pl-sm-2 { padding-left: .50rem !important;}

.cef-pt-sm-3 { padding-top: 1rem !important;}
.cef-pr-sm-3 { padding-right: 1rem !important;}
.cef-pb-sm-3 { padding-bottom: 1rem !important;}
.cef-pl-sm-3 { padding-left: 1rem !important;}

.cef-pt-sm-4 { padding-top: 1.5rem !important;}
.cef-pr-sm-4 { padding-right: 1.5rem !important;}
.cef-pb-sm-4 { padding-bottom: 1.5rem !important;}
.cef-pl-sm-4 { padding-left: 1.5rem !important;}

.cef-pt-sm-5 { padding-top: 3rem !important;}
.cef-pr-sm-5 { padding-right: 3rem !important;}
.cef-pb-sm-5 { padding-bottom: 3rem !important;}
.cef-pl-sm-5 { padding-left: 3rem !important;}
}

/*--- TEXT ---*/
/*-----------*/
.cef-text-left { text-align: left;}
.cef-text-center { text-align: center;}
.cef-text-right { text-align: right;}

.cef-text-lowercase { text-transform: lowercase;}
.cef-text-uppercase { text-transform: uppercase;}
.cef-text-capitalize { text-transform: uppercase;}

.brikit-content-layers .cef .cef-font-weight-bold { font-weight: bold;}
.brikit-content-layers .cef .cef-font-weight-bolder { font-weight: bolder;}
.brikit-content-layers .cef .cef-font-weight-normal { font-weight: normal;}
.brikit-content-layers .cef .cef-font-weight-light { font-weight: light;}
.brikit-content-layers .cef .cef-font-weight-lighter { font-weight: lighter;}
.brikit-content-layers .cef .cef-font-italic { font-weight: italic;}

/********************************************/
/*--- CEF 2020 SPECIFIC STYLE & SECTION ---*/
/******************************************/

/*--- DECORATION CURVE ---*/
/*-----------------------*/
.cef-deco-curve:after {display: block; position:absolute; bottom:-1px; right:-1px; content:""; width: 100%; height:7rem; background-position: top right; background-repeat: no-repeat; background-size: cover;}
.cef-deco-curve-lg:after {display: block; position:absolute; bottom:-1px; right:-1px; content:""; width: 100%; height:14rem; background-position: top right; background-repeat: no-repeat; background-size: cover;}

.cef-deco-curve-white:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-white.png");}
.cef-deco-curve-grey-light:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-grey-light.png");}
.cef-deco-curve-white-lg:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-white-lg.png");}

/*--- DECORATION ARROW ---*/
/*-----------------------*/
.cef-deco-arrow { position:relative;}
.cef-deco-arrow:after { position:absolute; top:-25px; left:50%; content:''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent;}
.cef-deco-arrow-primary:after { border-bottom: 30px solid #003764;}

/*--- ICO STEP ---*/
/*---------------*/
.cef-ico-step { position:relative;}
.cef-ico-step:after { content: ''; position:absolute; top:2.8rem; right: -10px; height: 55px; width: 20px; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-step.png"); background-repeat: no-repeat;  background-size: 15px 55px; }

@media screen and (max-width: 600px) {
.cef-ico-step:after {background-image: none;}
}

/*************************/
/*--- CEF 2020 MACRO ---*/
/***********************/

/*--- MACRO SLIDER ---*/
/*-------------------*/
.cef-slider { position:relative; z-index:8;}
.cef-slider .flickity-enabled { background-color: transparent; box-shadow:none;}
.cef-slider .flickity-enabled.is-draggable { box-shadow:none;}
.cef-slider .news-slider-root > div { padding:0;}
.cef-slider .aui-item > div { margin:0; padding:0;}
.cef-slider .aui-item { display:inline-block; padding:0 15px 10px 15px;}
.cef-slider .aui-group>.aui-item { padding-top:0; padding-bottom:1rem; width: 100%;}
.cef-slider .aui-group>.aui-item+.aui-item { padding:0; width: 100%;}

/*--- HEADING ---*/
.cef-slider h2:first-child { display: none;}

/*DOT*/
.cef-slider .flickity-page-dots { position:relative; top:0 !important; height:1rem; text-align: center;}
.cef-slider .flickity-page-dots .dot { opacity: 1; height: 15px; width:15px; background: white; border:2px solid #003764;}
.cef-slider .flickity-page-dots .dot.is-selected { background: #003764; border:2px solid #003764;}
.cef-slider .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}

/*--- ARROW ---*/
.cef-slider .flickity-button { top:35%; background-color: white; border-radius:10px; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef-slider .flickity-button:hover { background-color: #F0F4F5;}
.cef-slider .flickity-button:focus {  outline: 2px dashed black; outline-offset: 2px; box-shadow: none;}
.cef-slider .flickity-prev-next-button .flickity-button-icon { fill: rgb(109, 114, 120);}
.cef-slider .flickity-prev-next-button.previous { left: -15px;}
.cef-slider .flickity-prev-next-button.next { right: -15px;}

/*--- SLIDER SPOTLIGHT ---*/
.cef-slider .cef-slider-spotlight-bg { background-size:cover; background-position: top left; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.cef-slider .cef-slider-spotlight-text { padding:0.5rem 2rem; min-height: 260px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

@media screen and (max-width: 600px) {
	.cef-slider .cef-slider-spotlight-bg { height:150px;}
}

/*--- MACRO NEWS TEASER ---*/
/*------------------------*/
.cef .cef-news .news-teaser-root > div > div > div {display: inline-block; margin-top:20px; box-shadow:none;}
.cef .cef-news .news-teaser-root .aui-group { display: block; min-height: 425px !important; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef .cef-news .news-teaser-root a, .brikit-content-layers .cef .cef-news .news-teaser-root a:link { display: inline-block; margin-bottom:1rem; border:none;}
.cef .cef-news .news-teaser-root a:hover { background-color: white; border-bottom:2px solid transparent;}
.cef .cef-news .news-teaser-root a img { margin-top:2px; padding:2px; line-height:0; outline: 2px solid transparent; outline-offset: 2px; -webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}
.cef .cef-news .news-teaser-root a:hover img { outline: 2px solid black; filter: brightness(1.52) grayscale(1);}
.cef .cef-news .news-teaser-root a:focus img { outline: 2px solid white;}
.cef .cef-news .news-teaser-root a h2 { display: inline; font-size: inherit; font-size:110%; border-bottom:2px solid #003764;}
.cef .cef-news .news-teaser-root a:hover h2 { color:white; background-color: #003764; border-bottom:2px solid transparent;}
.cef .cef-news .news-teaser-root .aui-group span { font-size: initial; text-transform: uppercase;}
.cef .cef-news .news-teaser-root > div > div:last-child { display:none;}

@media screen and (max-width: 600px) {
	.cef .cef-news .news-teaser-root > div > div > div  { position:relative !important; width: auto !important; left: auto !important; top: auto !important;}
	.cef .cef-news .news-teaser-root .aui-group { min-height: auto !important;}
}

/*--- MACRO TABS ---*/
/*-----------------*/
/*MENU*/
.aui-tabs.horizontal-tabs > .tabs-menu { align-items: center; justify-content: center;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu::after { left: -20px; right:-20px; height: 1px;}

/*TAB*/
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item { margin: 0; background-color: #EFF3F4; border-top:1px solid #C2C7CF; border-left:1px solid #C2C7CF; border-bottom:1px solid #C2C7CF;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:first-child { border-top-left-radius: 15px;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:last-child { border-right:1px solid #C2C7CF; border-top-right-radius: 15px;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab { background-color: white; border-bottom: 1px solid white;}

/*LINK*/
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a, .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { padding:1.25rem 2rem !important; font-weight: normal; text-transform: uppercase; color: inherit !important; border:none;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { background-color: transparent;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a::after { z-index: 1; display: block; content: ""; position: absolute; left:0; right:0; bottom:-1px; width: initial; height: 2px; background-color: transparent;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a { border:none;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a::after { left:0; right:0; bottom:-1px; height: 2px; background-color: white;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:hover a::after { z-index: 1; display: block; content: ""; position: absolute; left:0; right:0; bottom:-1px; width: initial; height: 2px; background-color:#0189C6;}

/*BODY*/
.cef .aui-tabs.horizontal-tabs > .tabs-pane { margin-top: 1rem;}

@media screen and (max-width: 600px) {
  .cef .aui-tabs.horizontal-tabs > .tabs-menu { align-items: left; justify-content: left;}
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a,
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { padding:.25rem !important;}
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:first-child { border-top-left-radius: 0;}
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:last-child { border-top-right-radius: 0;}
}

/*******************************/
/*--- CEF 2020 WEBTOOL MAP ---*/
/*****************************/
.brikit-content-layers .cef .wtmap {-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55);}
.brikit-content-layers .cef .wtmap a:link { border:2px solid transparent;}
.brikit-content-layers .cef .wtmap a:hover { background-color: #003764; border:2px solid #FFCF00;}
.brikit-content-layers .cef .wtmap a:focus {  border:2px solid black; outline: 2px dashed #FFCF00; outline-offset: 2px;}
.brikit-content-layers .cef .wtmap .wtcontent { border:none;}
.brikit-content-layers .cef .wtinfoclose { display: inline-block !important; background-color: #003764;}
.brikit-content-layers .cef .wtinfo { border:none; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55);}
.brikit-content-layers .cef .wtinfo:focus { border:none;}
.brikit-content-layers .cef .wtinfocontent h3, .brikit-content-layers .cef .wtinfocontent p { color: #003764;}
.brikit-content-layers .cef .wtinfocontent .cef-btn:focus {outline: 2px dashed black !important;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive { border:2px solid transparent;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive:hover { border:2px solid #003764;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive:focus { border:2px solid transparent; outline: 2px dashed black !important;}
.brikit-content-layers .wtMarkerIcon { width: 28px !important;}
.brikit-content-layers .cef .wtmenu { background-color: #003764;}
.brikit-content-layers .cef .wtmenu a { display: inline-block;}
.brikit-content-layers .cef .wtmenu span { background-color: #003764;}
.cef .wtfooter { display:none;}

/*LOADING ANIMATION*/
.cef-map-wrapper { position:relative; min-height:2rem;}
.wtmap { position:relative; z-index:2}
.cef-map-loading { position:absolute; z-index:1;}
.cef-map-loading-text { float:left; display:inline-block; margin-top:5px;}
.cef-map-loading-animation-wrapper {display: inline-block; margin-left:10px; line-height:0;}
.cef-map-loading-animation { display: inline-block; width: 5px; height: 5px; border-radius: 15px; background-color: white;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(1) {animation: cef-map-loading-animation 0.8s 0.1s linear infinite;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(2) {animation: cef-map-loading-animation 0.8s 0.2s linear infinite;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(3) {animation: cef-map-loading-animation 0.8s 0.3s linear infinite;}

@keyframes cef-map-loading-animation {
  0 {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

/**********************************************************/
/*--- SPECIFIC FOR THIS PAGE = DON'T COPY ON MAIN CSS ---*/
/********************************************************/
/*--- REMOVE CEF DIGITAL BREADCRUMP & TITLE PAGE ---*/
.brikit-header-backdrop { border:none;}
.brikit-title-backdrop { display: none !important;}
#brikit-breadcrumbs-relocated { display: none;}
/*.first-layer { display: none;}*/

/*--- HACK TO REMOVE EMPTY HEADER CONTENT ---*/
/*.brikit-header-content { display: none; border:1px solid red; }*/

.secondary-nav {margin:0 auto !important; padding:10px 0 !important; max-width: 2560px;}
.secondary-nav { z-index: 2; background-color: #F0F4F5; }
.secondary-nav ul { display:inline-block; margin-left:15px;}
.secondary-nav ul li { margin-right:30px;}
.secondary-nav ul li:first-child { font-size: 170%;}
.secondary-nav ul li:first-child:after { margin-left: 30px; display: inline-block; content: ''; width: 8px; height: 8px; background-color: #0189C6; border-radius: 10px;}
.secondary-nav ul li a { color: #003764 !important;}

.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link), 
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):link,
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):active,
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):visited {
color: #003764; 
font-weight:bold;
text-decoration: none !important;
border-top: 2px solid transparent; 
border-right: 2px solid transparent; 
border-bottom: 2px solid transparent; 
border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;
}
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):hover {
color: #003764 !important; 
text-decoration: none !important; 
border-top: 2px solid transparent; 
border-right: 2px solid transparent; 
border-bottom: 2px solid #003764; 
border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;
}
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):focus {
border: 2px solid transparent; 
outline: 2px dashed black; outline-offset: 2px;
}

@media screen and (max-width: 600px) {
	.secondary-nav ul { margin-left:0;}
	.secondary-nav ul li:first-child:after { margin-left: 10px;}
}

/*******/
/*----*/
/*****/

CSS Stylesheet

/*19-01-2021*/
/*to do add class before .news-teaser for home page and landing BB*/

/*--- BACKGROUND COLOR ---*/
.cef .cef-primary-bg {color: white;}
.cef-primary-light-bg { color:#003764 !important; background-color:#BDE4F5;}
.cef-primary-bg ul li, .cef-primary-bg blockquote { color:white;}
.cef-secondary-bg { color:#003764 !important; background-color: #FFCF00;}

.cef-date-day { display:inline-block; position:relative; margin:0} 
.cef-date-month { position: absolute; right: 0; bottom: -20px; text-transform: uppercase; font-weight: normal;}

.cef-ico-conjunction { position:relative; padding-left: 34px;} 
.cef-ico-conjunction::before { content:''; position: absolute; left:0; height: 24px; width: 24px; background-repeat: no-repeat; background-size: cover;} 
.cef-ico-play-circle-white::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-outline_play_circle_white_48dp.png');}
.cef-ico-schedule-white::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-outline_schedule_white_48dp.png');}

/*--- IMAGE ---*/ 
/*------------*/  
.cef img { vertical-align:middle; border-style:none} 
.cef svg { overflow:hidden; vertical-align:middle;} 
.cef-img-fluid { max-width: 100%; height: auto;} 
a.cef-link-img { display: inline-block !important; padding:2px; line-height: 0; border: 0 !important;} 
a.cef-link-img:hover { outline: 2px solid black; outline-offset: 2px; background-color: transparent !important; filter:brightness(200%);}

/*--CEF BB FAMILY--*/
/*----------------*/ 
.cef-bb { padding-top:100px;}
.cef-bb h3 {position: relative; font-weight: bold;}
.cef-bb h3::before { top:-90px;}
.cef-bb h3::before {content:''; position: absolute; height: 75px; width: 75px; background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/82773384/ico-bdti.png'); background-repeat: no-repeat; background-size: cover;}

.cef-bb.cef-bb-big-data h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-bdti.png');}
.cef-bb.cef-bb-blockchain h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-blockchain.png');}
.cef-bb.cef-bb-context-broker h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-context-broker.png');}
.cef-bb.cef-bb-earchiving h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-earchiving.png');}
.cef-bb.cef-bb-edelivery h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-edelivery.png');}
.cef-bb.cef-bb-eid h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-eid.png');}
.cef-bb.cef-bb-einvoicing h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-einvoicing.png');}
.cef-bb.cef-bb-esignature h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-esignature.png');}
.cef-bb.cef-bb-etranslation h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-etranslation.png');}
.cef-bb.cef-bb-oop h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-oop.png');}

@media screen and (min-width: 1366px){
.cef-bb {padding-top:0; padding-left: 100px;}
.cef-bb h3::before {content:''; position: absolute; top:0; left:-90px;}
}

/*--- CEF TIMELINE ---*/
/*-------------------*/ 
.cef-timeline { position: relative; margin: 0 auto; max-width: 600px;}  
.cef-timeline::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin-left: 3px; width: 3px; background-color: #003764}  
  
.cef-timeline-container { position: relative; padding: 10px 40px; width: 100%; background-color: inherit;}   
.cef-timeline-container::after { z-index: 1; content: ''; position: absolute; top: 15px; left: -3px; width: 10px; height: 10px; background-color: #003764; border-radius: 10px; border: 3px solid #003764;}   
.cef-timeline-container::before { z-index: 1; position: absolute; top: 22px; left: 30px; content: " "; height: 0; width: 0;}  
.cef-timeline-content { position: relative; margin-bottom:20px;} 

/*--- HACK BRIKIT ---*/
/*------------------*/
/*Overflow visible for element*/
#main-content .brikit-content-block .block-content-wrapper { padding-top:0.3rem; padding-bottom:0.3rem;}

/*--- MACRO EXPAND ---*/ 
/*-------------------*/
.expand-container .expand-content { margin: 0;}
.expand-control-text {font-weight: 600;}

/
/*--- REMOVE CEF DIGITAL BREADCRUMB & TITLE PAGE ---*/
.brikit-header-backdrop { border:none;}
.brikit-title-backdrop { display: none !important;}
#brikit-breadcrumbs-relocated { display: none;}
.first-layer { display: none;}

content-content-layer

id	814715416
class	cef cef-section cef-pb-4

Content Column

width	100%
id	814715417

Content Block

id	814715419

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-8

HTML

<h2>Discover Big Data Test Infrastructure</h2>
<p class="cef-h3">Analyse and experiment with big data, for insights that lead to better decisions and strategic moves.</p>
<p class="lead">BDTI is a testing infrastructure offering virtual environment templates to explore and experiment with various data sources, software tools and big data techniques. This allows public administrations to focus on gathering knowledge, insight and value from their data, instead of setting up and maintaining a complex experimental environment. .</p>

Div

class	cef-row

Div

class	cef-col-4 cef-mt-5

HTML

<div class="cef-bb cef-bb-big-data">
<h3 class="cef-h4">Big Data Test Infrastructure</h3>
<p>A free online sandbox where you can analyse big data sets and test data-driven decision-making<making.</p>
<p><a href="https://ec.europa.eu/digital-building-blocks/sites/x/UQfvB" aria-label="Learn more about Big Data Test Infrastructure">Learn more</a></p>
</div>

Content Layer

id	811022842
class	cef cef-section cef-grey-light-bg

Content Column

width	100%
id	811022843

Content Block

id	811022854

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2 class="cef-mb-0">Webinar <h2>Webinar agenda and materials</h2>

Div

HTML

The


<p class="cef-h3">The CEF Big Data Test Infrastructure is holding a webinar on 23 February 2021.

<p>

Register

<p>Register to this webinar to discover BDTI and gain insights on how BDTI can help European Public Administrations to analyse and experiment with big data, move towards data-driven decision making, and create synergies with other organisations, enlarging their own network and collaboration opportunities.</p>

Div

class	cef-row cef-justify-content-center

Div

class	cef-col-3 cef-mt-4 cef-text-center

HTML
<h3><span class="cef-display-2 cef-date-day"><strong>23</strong><span class="cef-h6 cef-date-month">Feb</span></span></h3>

Div

class	cef-col-127 cef-mt-4

HTML

<h3><span<div class="cef-displaymt-3 cef-date-day"><strong>23</strong><spantimeline">
 
 <div class="cef-h6 timeline-container"> 
	<div class="cef-datetimeline-month">Feb</span></span></h3>

<divcontent"> 
      <h4 class="cef-mt-3 cef-timeline">
 h5"><strong>3 PM CET</strong></h4>
	  <p>Introduction to CEF <br>// By Erbil Kop - Onboarding Manager</p>
		<p> Brief introduction on CEF Digital and its Building Blocks including BDTI </p>
	</div> 
 </div>


 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.05 PM CET</strong></h4>
	  <p>BDTI <p>Introductionin toa CEFnutshell <br>// By ErbilAndrea KopBiancini - OnboardingProject Manager</p>
		<p> BriefAn introductionintroductory onoverview CEFof DigitalBDTI, and its Buildingmain Blocksfeatures includingand BDTI benefits.</p>
	</div> 
 </div>


 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.0515 PM CET</strong></h4>
	  <p>BDTI in a nutshell Service Offering and how to get started <br>// By AndreaFrancesca BianciniVelle - Pilot ProjectRequest Manager</p>
	<p> An introductoryoverview overviewon ofthe whatBDTI isservice BDTI,offering and which are its main features and benefits the steps to follow to get started a pilot in BDTI.</p>
	</div> 
 </div>


 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.1525 PM CET</strong></h4>
	  <p>BDTI Service Offering and how to get started <br>	  <p>BDTI Community Portal<br>// By Roberta Talarico - Communication expert <br>// By Federica Russo - Service and UX Designer </p>
	<p>Presentation of the BDTI Community Portal focusing on the purpose and main goals of the platform. An overview of the portal will be shown through a navigation session.</p>
	</div> 
 </div>

 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.3040 PM CET</strong></h4>
	  <p>Municipality of Milan Pilot Showcase <br>// By Elisa Bellistri - SIAD Management Instructor, Analytics and Data Science Unit, Municipality of Milan </p>
<p>The Municipality of Milan will present its BDTI pilot sharing its objectives and experience, with a focus on its role and expectations withwithin the BDTI Community Portal.</p>
<p>"The Municipality of Milan takes part into the BDTI project in order to manage different scenarios during the ongoing pandemic emergency. In particular results aim to make forecast about movements of people, related to opening hours of stores, industries, schools and other activities. The prediction of flows, related to different parameters, increases the ability to monitor the city and take decisions.
BDTI platform provides an environment to integrate different data from different sources, as flows information and attributes, historical and real time data, georeferenced data, population data, and to build advanced models of data prediction."</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.45 PM CET</strong></h4>
	  <p>BDTI Self-paced labs: descriptive analytics, big data and AI <br>// By Ze Wen Wu - Cloud Engineer</p>
	<p>Presentation of the Self-paced labs that will be available for each pilot user on BDTI, in order to provide users with basic skills in descriptive analysis, machine learning and big data tools< takes part in the BDTI project in order to manage different scenarios during the ongoing pandemic emergency. In particular, they aim to make forecasts about the movement of citizens through the city, based on the opening hours of stores, industries, schools and other activities. Making these sorts of predictions makes it easier to monitor the city and make data-driven decisions about city management. The BDTI platform provides an environment to integrate different data from different sources, such as flow information and attributes, historical and real-time data, georeferenced data, population data. It is then possible to build advanced models of data prediction."</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>4><strong>3.0555 PM CET</strong></h4>
	  <p>BDTI Technical architecture & future vision Self-paced labs: descriptive analytics, big data and AI <br>// By KasperZe Wen RuttenWu - Cloud Engineer</p>
	<p>Layout and visuals<p>Presentation of current architecture, with a quick rundown of features to come in the near future</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>4.15 PM CET</strong></h4>
	  <p>Q&A + Interactive session <the Self-paced labs that will be available for each pilot user on BDTI, in order to provide users with basic skills in descriptive analysis, machine learning and big data tools</p>
	</div> 
 </div>

</div>

Content Layer

id	2056157353
class	cef cef-container-xxl cef-primary-bg cef-deco-arrow cef-deco-arrow-primary

Content Column

width	100%
id	2056157355

Content Block

id	2056157357

Div

class	cef-container or

Div

class	cef-row

Div

class	cef-col-12 cef-pb-3 cef-text-center

HTML

<p><strong class="cef-display-2 cef-d-inline-block cef-mt-3 cef-mr-3 cef-outline cef-outline-white">Join this event</strong>
<span class="cef-h4 cef-mr-3 cef-mb-3 cef-d-block">This event is open for registration. Registration end 5pm the day before</span>
</p>

<p>
<a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/eusurvey/runner/BDTI-Webinar-Q12021" target="_blank">
<span class="cef-link-external">Register for the webinar</span><span class="cef-sr-only">(opens in a new tab)</span>
</a>
</p>

CSS Stylesheet

.or { position: relative;} .or .cef-row { position: relative; z-index:1;} .or:after { z-index:0; position:absolute; top:40%; left:0; content:'JOIN'; font-size: 20rem; line-height:0; color:#16426F;}

</div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>4.15 PM CET</strong></h4>
	  <p>BDTI Technical architecture & future vision <br>// By Kasper Rutten - Cloud Engineer</p>
	<p>Layout and visuals of current architecture, with a quick rundown of features to come in the near future</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>4.25 PM CET</strong></h4>
	  <p>Q&A + Interactive session </p>
	</div> 
 </div>

</div>

Content Layer

id	849473731
class	cef cef-section

Content Column

width	100%
id	849473732

Content Block

id	849473734

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>Speakers</h2>

Div

class	cef-container

Div

class	cef-row cef-justify-content-center

Div

class	cef-col-3 cef-mt-3 cef-mt-sm-0

HTML

<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/AndreaBiancini_round.png" alt=""></p>
<p class="cef-h5"><strong>Andrea Biancini</strong> <span class="cef-d-block cef-h6">BDTI Project Manager</span></p>

Expand

title	Read more

Andrea works in the European Commission (DIGIT) in the Data, Information and Knowledge Management sector. With a double academic background, in Computer Science and in Psychology, he worked for the private and public sector having managerial roles in IT and in digital innovation. For the Commission, he provides guidance and expertise on the implementation and usage of emerging technologies for policy and decision making. Andrea participates to different project and prototypes on data, information and knowledge and acts as the project manager for BDTI.

Div

class	cef-col-3 cef-mt-3 cef-mt-sm-0

HTML

<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/UnknownFrancesca%20Vella_Round.png" alt=""></p>
<p class="cef-h5"><strong>Francesca Vella</strong> <span class="cef-d-block cef-h6">BDTI Pilot Request Manager</span></p>

Expand

title	Read more

Francesca has experience in project management for business and digital transformation projects, ICT strategy, business processes re-engineering and organisational development applied to multiple international assignments. She is involved in projects within the Public Sector, mainly supporting the Directorate General for Informatics (DG DIGIT) of the European Commission under ISA² Programme (Programme on Interoperability Solutions for European Public Administrations).

Div

class	cef-col-3 cef-mt-3 cef-mt-sm-0

HTML

<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/Roberta_Talarico_round.png" alt=""></p>
<p class="cef-h5"><strong>Roberta Talarico</strong> <span class="cef-d-block cef-h6">Expert in communication and stakeholders engagement</span></p>

Expand

title	Read more

Roberta has deep experience across the European affairs and is a trusted advisor to European and National Institutions, and to private companies interested in the European framework and policies. She covers communication and awareness development, public diplomacy and social innovation.

Div

class	cef-col-3 cef-mt-3 cef-mt-sm-0

HTML

<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/Frederica_Russo_round.png" alt=""></p>
<p class="cef-h5"><strong>Federica Russo</strong> <span class="cef-d-block cef-h6">Service&UX Designer</span></p>

Expand

title	Read more

Federica has experience in designing digital strategies and services. She supports the creation and animation of the BDTI Community Portal.

Div

class	cef-col-3 cef-mt-3 cef-mt-sm-0

HTML

<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/Elisa_Bellistri_roundpng.png" alt=""></p>
<p class="cef-h5"><strong>Elisa Bellistri</strong> <span class="cef-d-block cef-h6">SIAD Management Instructor, Analytics and Data Science Unit, Municipality of Milan</span></p>

Expand

title	Read more

Elisa Bellistri works at the Municipality of Milan, Data Management and Integration area, Analytics and Data science office. With a degree in biomedical engineer, focused on bioinformatics, she worked for the private and public sector in the data science and signal processing field. For the Municipality, she participates to the assessment and development of different projects, regarding data analysis and integration for policy and decision making. Elisa acts as project developer for BDTI.

Div

class	cef-col-3 cef-mt-3 cef-mt-sm-0

HTML

<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/ZEWen_Wu_Round.png" alt=""></p>
<p class="cef-h5"><strong>Ze Wen Wu</strong> <span class="cef-d-block cef-h6">Cloud Engineer</span></p>

Expand

title	Read more

Ze Wen is a cloud engineer that provides technical support on the BDTI infrastructure during the execution of the Pilot.

Div

class	cef-col-3 cef-mt-3 cef-mt-sm-0

HTML

<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/Kasper_Rutten_Round.png" alt=""></p>
<p class="cef-h5"><strong>Kasper Rutten</strong> <span class="cef-d-block cef-h6">Cloud Engineer</span></p>

Expand

title	Read more

Kasper is a certified cloud architect that helps pilots in setting up and using their BDTI resources.

Content Layer

id	204863366284918422
class	cef cef-section cef-grey-light-bg

Content Column

width	100%
id	204863366384918424

Content Block

id	204863366584918426

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12 cef-text-center

HTML
<h2>Discover the webinar recording</h2>

Div

class	cef-container

Div

class	cef-row cef-justify-content-center

Div

class	cef-col-5 cef-mt-4

HTML

<a class="cef-link-img" href="https://www.youtube.com/watch?v=XA9RUS6E_uY&feature=youtu.be" target="_blank"><img

HTML

<h2>Contact us</h2>
<p>If you have any question about the event, feel free to contact us.</p>
<p><a class="cef-btn cef-btn-secondaryimg-fluid" hrefsrc="https://ec.europa.eu/digital-building-blocks/sites/trackerdownload/pluginsattachments/servlet/desk268927291/cef-ebsi-episode-00.jpg" targetalt="_blank"><spanWatch the recording"></a>

Div

class	cef-col-5 cef-mt-4

HTML
<h3>Did you miss the BDTI general webinar?<span class="cef-link-external">Contact us</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>

Excerpt

hidden	true

HTML

Big Data Test Infrastructure <h3

text-reset cef-text-nowrap"> </span></h3>
<p>This webinar was about how BDTI can support Public Administrations in using Big Data and developing their network. Taking the use of Big Data to the next level! Watch the recording or download the presentation!</p>
<p>
<a class="cef-

h1

btn cef-

mt

btn-

0

primary"

> <span

class="cef-display-3 cef-date-day">23Feb - 23Feb

href="https://www.youtube.com/watch?v=XA9RUS6E_uY&feature=youtu.be" target="_blank">
<span class="cef-

d-block cef-mt-4 cef-mb-2">Meet Big Data Test Infrastructure </h3> How BDTI can support Public Administrations in using Big Data and developing their network. Taking the use of Big Data to the next level <a class="cef-btn cef-btn-primary" href="#">See BDTI event<

link-external">Watch the video</span><span class="cef-sr-only">(opens in a new tab)</span>
</a>
</p>

Content Layer

id	2048633662
class	cef cef-section

Content Column

width	100%
id	2048633663

Content Block

id	2048633665

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12 cef-text-center

HTML

<h2>Contact us</h2>
<p>If you have any questions about the event, feel free to contact us.</p>
<p><a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk" target="_blank"><span class="cef-link-external">Contact us</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>

Excerpt

hidden	true

HTML
<p class="cef-mb-0"> <span class="cef-badge cef-badge-sm cef-primary-

medium

light-bg cef-mr-2 cef-

mt

mb-

3">Spotlight

2">Big Data Test Infrastructure</span>
</p>

<h3 class="cef-h1 cef-mt-0">
<span class="cef-display-3 cef-date-

h3

day">23<span class="cef-

font

h6 cef-

weight

date-

normal">Coalition for SMEs and Private Sectors Onboarding </h3> During the eInvoicing Open Session, participants expressed a great interest in the topic "SMEs and Private Sector Onboarding". We warmly invite you to continue your expert discussions on this topic here! Our coalition aims to spread eInvoicing among EU public actors and private businesses. <a class="cef

month">Feb</span></span>
<span class="cef-d-block cef-mt-4 cef-mb-2">Meet Big Data Test Infrastructure</span>
</h3>

<p>How BDTI can support Public Administrations in using Big Data and developing their network.
<br>Taking the use of Big Data to the next level</p>

<p class="cef-mb-0"><a class="cef-btn cef-btn-primary

-outline

" href="https://ec.europa.eu/digital-building-blocks/sites/x/

GwLFDg">Learn more<

PoI_F"><span>See BDTI event</span></a></p>

Page tree

Versions Compared

Old Version 65

New Version Current

Key