html {
     font-family: 'Alegreya Sans', sans-serif;
     margin:0;
     padding:0;
}
body {
     background:#fff;
     font-family: 'Alegreya Sans', sans-serif;
}
html body nav ul li {
     background: none;
     padding-left: inherit;
}

.text-underline {
    text-decoration:underline !important;
}

body #content .h1 {
    font-size:36px !important;
}

body #content .h2 {
    font-size:30px !important;
}

body #content .h3 {
    font-size:24px !important;
}

/**************************************************************************/
/* Banner Video */
/**************************************************************************/

.custom-h2 {
    color: #0A4684;
    font-size: 2em;
    margin: 5px 0 15px 0;
    font-family: 'Alegreya Sans', sans-serif !important;
}

.custom-h2-blog {
    font-size: 3em;
    line-height: 1.3em;
    padding-bottom: 25px;
    font-family: "Abril Fatface";
    letter-spacing: 1px;
    color: #222;
    text-transform: uppercase;
    text-align: center;
}

.custom-h3 {
    color: #0A4684;
    font-size: 24px;
    font-family: 'Alegreya Sans', sans-serif !important;
}

.video-banner {
     position:relative;
}
 /*.video-banner .video-banner__link::before {
     content: '';
     background: rgba(0, 0, 0, 0.3);
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1;
     display: block 
}*/
.video-banner .video-banner__link {
     z-index: 100;
     display: block;
     position: relative;
     opacity:1;
     -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -ms-transition: opacity .25s ease-in-out;
     -o-transition: opacity .25s ease-in-out;
     transition: opacity .25s ease-in-out;
}
.video-banner .video-banner__link:hover {
     opacity:0.7;
     text-decoration:none;
}
@media screen and (min-width: 768px) {
     .video-banner video {
         position: relative;
         transition: 1s opacity;
         padding: 0;
         margin: 0;
         border: 0;
         transform: translateX(-50%) translateY(-50%);
         top: 50%;
         left: 50%;
         min-width: 100%;
         min-height: 100%;
         height: auto;
    }
}
.video-banner__content {
     overflow:hidden;
     height:435px;
     position:relative;
}
.video-banner__text {
     position: absolute;
     bottom: 0;
     color: #fff;
     z-index: 2;
     margin-left: 25px;
     margin-right: 25px;
     margin-bottom: 15px;
}
.video-banner__text h2 {
     font-size: 3em;
     font-weight: 400;
     position: relative;
     line-height: normal;
     padding-bottom:10px;
}
.video-banner__text h2:after {
     position: absolute;
     content: '';
     bottom: -10px;
     height:3px;
     background-color:#fff;
     left: 0;
     max-width: 190px;
     width: 100%;
}

.video-banner__text h2:after {
     border-bottom: none;
}
      
.video-banner__text .title-txt {
     font-size: 1.6em;
     font-weight: normal;
     margin-top: 22px;
}
.video-banner__content .logo-on-video {
     position:absolute;
     z-index:999;
     left:5%;
     top:0;
     opacity:.45;
}

.header-banner__video .video-banner__text {
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      margin:inherit;
      bottom:inherit;
 }
 
 .video-banner [class*="-overlay"]::before {
      z-index:1;
 }
 
 .video-banner__text img {
    display: block;
    max-width: 100%;
    height: auto;
 }

@media (max-width: 767px) {
    .video-banner video {
        position: relative;
        width: 100%;
        transition: 1s opacity;
        padding: 0;
        margin: 0;
        left: 0;
        right: 0;
        border: 0;
        display:none;
    }
    .video-banner .video-banner__link::before {
        height:99%;
        background: rgba(0, 0, 0, 0);
    }
    .video-banner__text .title-txt {
        display: none;
    }
    .video-banner__text h2 {
        font-size: 2em;
        padding: 5px;
    }

    .video-banner__text {
        padding: 20px 20px 15px 0;
        margin: 10px;
        bottom:0;
        left:0;
    }
    .video-banner__text h2.border-none:after {
        border:none;
    }
    .video-banner__content {
        height:auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    /* .video-banner__content .logo-on-video {
         left: 50%;
         transform: translate(-50%, 0);
    }
    */
}
/**************************************************************************/
/* Generic style */
/**************************************************************************/
 .hidden-touch {
     display: none !important;
}
 .hidden-desktop {
     display: none !important;
}
 .no-padding-left-right {
     padding-left: 0;
     padding-right: 0;
}
 .img-fullWidth {
     width: 100%;
}
 .navbar-fixed-top .nav-margin {
     padding-top: 12px !important;
}
 .nav-margin {
     margin-top: 0;
     position: initial;
     padding-top: 25px !important;
     padding-bottom: 20px;
}
/*-------------- Margin content style -----------*/
/* Small margin */
 .margin-small {
    margin:5px;
}
 .margin-bottom-small {
    margin-bottom:5px;
}
 .margin-top-small {
    margin-top:5px;
}
 .margin-right-small {
    margin-right:5px;
}
 .margin-left-small {
    margin-left:5px;
}
/* Medium margin */
 .margin-medium {
    margin:10px;
}
 .margin-bottom-medium {
    margin-bottom:10px;
}
 .margin-top-medium {
    margin-top:10px;
}
 .margin-right-medium {
    margin-right:10px;
}
 .margin-left-medium {
    margin-left:10px;
}
/* Large margin */
 .margin-large {
    margin:15px;
}
 .margin-bottom-large {
    margin-bottom:15px;
}
 .margin-top-large {
    margin-top:15px;
}
 .margin-right-large {
    margin-right:15px;
}
 .margin-left-large {
    margin-left:15px;
}
/* Extra Large margin */
 .margin-x-large {
    margin:20px;
}
 .margin-bottom-x-large {
    margin-bottom:20px;
}
 .margin-top-x-large {
    margin-top:20px;
}
 .margin-right-x-large {
    margin-right:20px;
}
 .margin-left-x-large {
    margin-left:20px;
}
/* No margin */
 .no-margin-bottom{
     margin-bottom: 0px !important;
}
 .no-margin-top{
     margin-top: 0px !important;
}
 .no-margin-right{
     margin-right: 0px !important;
}
 .no-margin-left{
     margin-left: 0px !important;
}
 .no-margin{
    margin:0px !important;
}
/*-------------- padding content style -----------*/
/* Small padding */
 .padding-small {
    padding:5px;
}
 .padding-bottom-small {
    padding-bottom:5px;
}
 .padding-top-small {
    padding-top:5px;
}
 .padding-right-small {
    padding-right:5px;
}
 .padding-left-small {
    padding-left:5px;
}
/* Medium padding */
 .padding-medium {
    padding:10px;
}
 .padding-bottom-medium {
    padding-bottom:10px;
}
 .padding-top-medium {
    padding-top:10px;
}
 .padding-right-medium {
    padding-right:10px;
}
 .padding-left-medium {
    padding-left:10px;
}
/* Large padding */
 .padding-large {
    padding:15px;
}
 .padding-bottom-large {
    padding-bottom:15px;
}
 .padding-top-large {
    padding-top:15px;
}
 .padding-right-large {
    padding-right:15px;
}
 .padding-left-large {
    padding-left:15px;
}
/* Extra Large padding */
 .padding-x-large {
    padding:20px;
}
 .padding-bottom-x-large {
    padding-bottom:20px;
}
 .padding-top-x-large {
    padding-top:20px;
}
 .padding-right-x-large {
    padding-right:20px;
}
 .padding-left-x-large {
    padding-left:20px;
}
/* No padding */
 .no-padding-bottom{
     padding-bottom: 0px !important;
}
 .no-padding-top{
     padding-top: 0px !important;
}
 .no-padding-right{
     padding-right: 0px !important;
}
 .no-padding-left{
     padding-left: 0px !important;
}
 .no-padding {
     padding:0px !important;
}
/* No padding margin */
 .no-margin-padding {
     margin:0 !important;
     padding:0 !important;
}
/*------------ Padding Section ------------*/
 .padding-small-section {
     padding:40px 0 40px 0;
}
 .padding-medium-section {
     padding:60px 0 60px 0;
}
 .padding-normal-section {
     padding:60px 0 60px 0;
}
 .padding-large-section {
     padding:80px 0 80px 0;
}
 .padding-extra-large-section {
     padding:100px 0 100px 0;
}
/*------------ Background color Section ------------*/
 .grey-bg-section {
    background-color:#f3f3f3;
}
 .blue-bg-section {
    background-color:#00529E;
}
/*------------ Color text ------------*/
 .green-txt {
    color: #94c83c !important;
}
 .red-txt {
    color: #ee4055 !important;
}
 .blue-txt {
    color: #13b0e7 !important;
}
 .dark-blue-txt {
    color: #00529e !important;
}
 .orange-txt {
    color: #f4791f !important;
}
 .yellow-txt {
    color: #FFCC00 !important;
}
 .grey-txt {
    color: #9c9e9f !important;
}
 .light-green-txt {
    color: #aece76 !important;
}
 .white-txt {
    color: #ffffff !important;
}
 .bold-txt {
    font-weight:bold !important;
}
/*------------ Background Color ------------*/
 .green-bg {
    background-color: #94c83c;
}
 .red-bg {
    background-color: #ee4055;
}
 .blue-bg {
    background-color: #13b0e7;
}
 .orange-bg {
    background-color: #f4791f;
}
 .yellow-bg {
    background-color: #FFCC00;
}
 .grey-bg {
    background-color: #9c9e9f;
}
 .light-green-bg {
    background-color: #aece76;
}
 .dark-blue-bg {
    background-color: #00529e !important;
}
 .x-large-txt {
    /*font-size:3em;
    */
}
/*------ Return to top -----------*/
 #return-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     background: rgb(0, 0, 0);
     background: rgba(0, 0, 0, 0.6);
     width: 38px;
     height: 38px;
     display: block;
     text-decoration: none;
     -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
     border-radius: 35px;
     display: none;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index:8009;
}
 #return-to-top span.go-up {
     margin: 0;
     position: absolute;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     left: 11px;
     top: 10px;
     background-repeat: no-repeat;
     background-position: center center;
     background-image:url('/img/site/arrow-16.png');
     width:16px;
     height:16px;
}
 #return-to-top:hover {
     background: rgba(0, 0, 0, 0.9);
}
 #return-to-top:hover i {
     color: #fff;
     top: 5px;
}
/**************************************************************************/
/* Section :Top Menu */
/**************************************************************************/
 .navbar-fixed-top .logos-header img {
     max-height: 50px;
}
 .navbar-fixed-top .logos-header div {
     padding: 0 !important;
}
 .logos-header img{
     max-height: 75px;
}
 .logos-header img{
     max-height: 75px;
}
 .close-dropdown-menu {
     float: right;
     padding-right: 5px;
}
/*.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
     background-color: #00529E !important;
     color: white !important;
}
*/
 nav.navbar.navbar-default.navbar-eib {
     min-height: 60px;
}
 nav.navbar.navbar-default.navbar-eib.navbar-fixed-top {
     min-height: 50px;
}
 nav.navbar-head .language-list a.btn {
     padding: 6px 8px;
}
 .navbar .btn, .navbar .btn-group {
     margin-top: 0;
}
div.language-list a.btn.dropdown-language {
     background-color: inherit;
     box-shadow: inherit;
}
form input[type="submit"].searchButton {
     background-color: #FFFFFF;
     background-image: url('/tools/img/tech/input-search-bg.png');
     background-position: right center;
     background-repeat: no-repeat;
     border-top: 1px solid #D3D4D5;
     border-bottom: 1px solid #D3D4D5;
     border-right : 1px solid #D3D4D5;
     border-left : none;
     cursor: pointer;
     float : none;
     height: 25px;
     position: relative;
     text-indent: -9999px;
     top: 0;
     width: 25px;
}
ul.lang-list {
     padding-top: 5px;
     font-size: 0.85em;
}
.navbar-inverse ul.social-network-icon {
     padding-top: 8px;
     margin-bottom: -5px;
}
ul.social-network-icon {
     text-align:right;
     padding-top:5px;
     padding-right:0;
}
ul.social-network-icon .fa-rss:hover {
     color:#F26522;
}
ul.social-network-icon .fa-facebook:hover {
     color:#3B5998;
}
ul.social-network-icon .fa-linkedin:hover {
     color:#0077B5;
}
ul.social-network-icon .fa-twitter:hover {
     color:#1DA1F2;
}
ul.social-network-icon .fa-youtube:hover {
     color:#CD201F;
}
ul.social-network-icon .fa-instagram:hover {
     color:#8a3ab9;
}
ul.social-network-icon .fa-search:hover {
     color:#333333;
}
 .navbar-inverse ul.social-network-icon li a i {
     color:#fff;
}
@media only screen and (max-width: 991px) {
    ul.social-network-icon li {
         padding-right: 3px;
         padding-left: 3px;
    }
}
ul.social-network-icon li a i {
     color:#aaaaaa;
     -webkit-transition: color .3s linear;
     -moz-transition: color .3s linear;
     -ms-transition: color .3s linear;
     -o-transition: color .3s linear;
     transition: color .3s linear;
}
 ul.social-network-icon li a i:hover {
     opacity: .7;
}
 ul.social-network-icon li.search-icon {
     border-left: 1px solid #bbb;
     padding-left: 8px;
}
 ul.social-network-icon li.search-icon a {
     padding-top: 5px;
     padding-bottom: 5px;
}
 ul.social-network-icon li.search-icon a:hover {
     cursor: pointer;
}
 .social-bottom [class*="fa fa-"] {
     background-color: #333;
     border-radius: 30px;
     color: #fff;
     display: inline-block;
     height: 30px;
     line-height: 30px;
     margin: auto 3px;
     width: 30px;
     font-size: 15px;
     text-align: center;
}
 ul.social-bottom {
     margin-top:10px;
}
 ul.social-bottom li {
     display: inline;
}
 .social-bottom .fa.fa-facebook, .social-left .fa.fa-facebook {
     background-color: #3B5998 !important;
     padding-left: 3px;
}
 .social-bottom .fa.fa-google-plus, .social-left .fa.fa-google-plus {
     background-color: #d34836 !important;
     padding-left: 4px;
}
 .social-bottom .fa.fa-linkedin, .social-left .fa.fa-linkedin {
     background-color: #0077B5 !important;
     padding-left: 5px;
}
 .social-bottom .fa.fa-twitter, .social-left .fa.fa-twitter {
     background-color: #1DA1F2 !important;
     padding-left: 5px;
}
 ul.social-bottom li a i:hover {
     opacity: .7;
     border:none;
}
/**************************************************************************/
/* Navigation - Header page */
/**************************************************************************/
 a.navbar-brand img {
     padding-top: 15px;
     width: 85%;
     padding-left: 15px;
}
 nav.wrapper .language-list a {
     text-transform: uppercase;
}
 .navbar-inverse .navbar-nav li a {
     padding-top: 8px;
     padding-bottom: 6px;
     text-transform: uppercase;
}
 .navbar-head .navbar-nav li a:hover{
     background-color:#fff !important;
     color:#333 !important;
}
 .navbar {
     margin-bottom: 0 !important;
     padding-bottom: 0 !important;
     border:none;
}
 .navbar-inverse {
     border-radius: 0px;
     height: auto;
     min-height: auto;
}
 .navbar-default .navbar-nav>li>a {
     color: #777;
     padding-top: 30px;
     padding-bottom: 30px;
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
}
 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
     background-color: #00529E !important;
     background: #00529E !important;
     color: white;
}
 .white-text {
     color: white !important;
}
 .white-text:hover {
     background: white !important;
     color: black !important;
}
 .dropdown-language {
     color: white;
}
 .btn-lang{
     padding: 6px 0px;
}
 .language-menu {
     background: black;
     position:inherit;
     margin-top: 8px;
}
 .dropdown-menu-language {
     min-width:100%;
     top: inherit;
}
 .dropdown-language:hover, .dropdown-language:focus {
     color: white;
}
 .dropdown-language::after {
     color: white;
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .3em;
     vertical-align: middle;
     content: "";
     border-top: .3em solid;
     border-right: .3em solid transparent;
     border-left: .3em solid transparent;
}
 .btn-header:hover {
     color: white !important;
}
 #navbar-menu-principal{
     background:#00529E ;
}
 #navbar-header-menu {
     margin: 0px -15px;
}
 div.visible-xs div#navbar-menu-principal ul.nav.navbar-inverse {
     margin: 0px -15px;
}
 .container-menu {
     margin-top: 20px;
     margin-bottom: 20px;
     position: relative;
}
 .dropdown-menu .divider {
     height: 100%;
     overflow: hidden;
     background: white;
     position: absolute;
     width: 1px;
     margin: 0;
}
 .subMenuNav .picture-menu img {
     border: 1px solid #fff;
     opacity:1;
     -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -ms-transition: opacity .25s ease-in-out;
     -o-transition: opacity .25s ease-in-out;
     transition: opacity .25s ease-in-out;
}
 .subMenuNav a.picture-menu img:hover {
     opacity:0.7;
}
 .menu-center .dropdown-menu.dropdown-submenu {
     border-radius:0;
}
 .dropdown-menu.dropdown-submenu:before {
     content: none !important;
}
 .dropdown-menu.dropdown-submenu:after {
     content: none !important;
}
 .navbar-eib {
     border-bottom: 1px solid #f3f3f3 !important;
}
/**************************************************************************/
/* Navigation - Menu Top */
/**************************************************************************/
 .navbar-eib {
    /*background: linear-gradient(#3887D1, #00529E);
    */
     background: white;
     border: none;
}
 .menu-center {
     position: static;
     padding-left:0;
}
 .menu-center .collapse {
     padding-left:0;
}
 .dropdown-submenu {
     width: 100%;
     background: #00529E;
     border:none;
}
 .p-middle-li {
     border-bottom: none !important;
}
 .nav>li {
     position: static;
}
 .visible-xs .nav>li {
     width: 100%;
     display: inline-block;
}
 #navbar-menu-principal a {
     color:white;
}
 .navbar-inverse .dropdown-menu {
     width: inherit;
}
 .first-picture-div {
     margin-left: 25px;
}
 .subMenuNav .title-picture-div {
     margin-top: -25px;
     margin-left: 25px;
     margin-bottom: 10px;
}
 .list-submenu .title-menu-div {
     text-align: right;
     padding-right: 30px;
}
 .subMenuNav .title-submenu-div {
     margin-top: -10px;
     margin-left: 25px;
     margin-bottom: 0px;
}
 .picture-menu {
     overflow: hidden;
     display: block;
     position: relative;
}
 .subMenuNav0 {
     margin-top: 1% !important;
}
 .subMenuNav {
     display:none;
}
 .dropdown-toggle {
     cursor: pointer;
}
 .list-submenu li {
     list-style: none;
     padding: 7px 0px;
}
 .left-column-menu {
     padding-right: 30px;
     text-align: right;
     font-size: larger;
     font-weight: bold;
}
 .right-text-menu {
     padding-right: 30px;
     position: absolute;
     font-size: large;
     cursor: default;
}
 ul.left-column-menu li a {
     cursor: pointer;
}
 .splitInColumns {
     -moz-column-count: 2;
     -webkit-column-count: 2;
     column-count: 2;
     column-gap: 25px;
     list-style: none;
     width: 65%;
     padding-left:40px;
}
 .splitInColumns li{
     border-bottom: 1px dotted white;
     padding: 7px 0px;
     -webkit-column-break-inside: avoid;
     break-inside: avoid;
}
 .splitInColumns li:last-child{
     border-bottom: none !important;
}
 .dropdown-submenu a {
     color: #fff;
}
 .language-list .dropdown-menu {
     margin-top: 0;
     padding-top: 0;
     border: none;
     margin-bottom: 0;
     padding-bottom: 0;
}
/*--------------------- Search Box ---------------------*/
 .search-form-large {
     background: #00529e;
     padding-top: 40px;
     padding-bottom: 40px;
     z-index: 1000;
     position: fixed;
     display:none;
     width:100%;
}
 .search-form-large input.form-control.input-lg {
     height: 64px;
}
 .search-form-large input.form-control.input-lg {
     font-size: 2em;
}
 .search-form-large input.form-control.input-lg {
     border: none !important;
}
 .search-form-large .close-link {
     width: 50px;
     height: 64px;
     text-align: center;
     display: block;
     cursor: pointer;
     opacity:1;
     -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -ms-transition: opacity .25s ease-in-out;
     -o-transition: opacity .25s ease-in-out;
     transition: opacity .25s ease-in-out;
}
 .search-form-large .icon-close {
     color: #ffffff;
     font-size: 1.8em;
     font-family: cursive;
     text-align: center;
     line-height: 60px;
}
 .search-form-large .icon-close:hover {
     text-decoration: none;
}
 .search-form-large .close-link:hover {
     opacity: 0.7;
}
 .search-form-large #custom-search-input .input-group {
     background: #fff;
}
 .search-form-large #custom-search-input .input-group form {
     display:inherit;
     margin: 0;
}
/**************************************************************************/
/* Section :Banner */
/**************************************************************************/
 #banner #banner-overlay .bannerDiv .banner-box {
     box-sizing: border-box;
     height: 500px;
     background-size: cover;
     background-position: center top;
     background-repeat:no-repeat;
     color: #fff;
}
 #banner .bannerLittleDiv div.banner-box {
     height: 250px;
     box-sizing: border-box;
     color: #fff;
}
 #banner .bannerDiv {
     display: block;
     overflow: hidden;
     position: relative;
}
 #banner .bannerLittleDiv {
     height: 250px;
     display: block;
     overflow: hidden;
     position: relative;
}
 #banner #banner-overlay .bannerDiv h2 {
     font-size: 3em;
     font-weight: 400;
     position: relative;
     line-height: normal;
     padding-bottom:10px;
}
 #banner .bannerDiv h2:after {
     position: absolute;
     content: '';
     bottom: -10px;
     border-bottom: 3px solid #ffffff;
     left: 0;
     max-width: 190px;
     width: 100%;
}
 #banner .rightBoxBanner {
     position: absolute;
     margin-top: 25px;
     color: white;
     bottom: 0;
}
 #banner .rightBoxBanner:hover {
     text-decoration: none;
     position: absolute;
     margin-top: 25px;
     color: white;
     bottom: 0;
}
 #banner .leftBoxBanner {
     text-decoration: none;
     position: absolute;
     margin-top: 25px;
     margin-left: 25px;
     color: white;
     bottom: 0;
}
/*#banner .leftBoxBanner:hover {
     text-decoration: none;
     position: absolute;
     margin-top: 25px;
     margin-left: 25px;
     color: white;
     bottom: 0;
}
*/
 #banner .bannerDiv .title-txt {
     font-size: 1.6em;
     font-weight: normal;
     margin-top: 22px;
}
 #banner .bannerDiv .leftBoxBanner {
     padding: 20px 20px 15px 0;
}
 #banner .bannerLittleDiv h2 {
     padding: 15px;
     font-weight: 400;
     line-height: normal;
     font-size:2em;
}
 #banner .bannerDiv a {
     color: #fff;
}
 #banner a.banner-link {
     opacity:1;
     -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -ms-transition: opacity .25s ease-in-out;
     -o-transition: opacity .25s ease-in-out;
     transition: opacity .25s ease-in-out;
     display:block;
}
 #banner a.banner-link:hover {
     opacity:0.7;
     text-decoration:none;
}
 #banner .item-1 a.banner-link {
     margin-right: 5px;
}
 #banner .item-3 a.banner-link {
     margin-top: 5px;
}
/**************************************************************************/
/* Section :Intro Statement */
/**************************************************************************/
 #intro-statement .text-slide h3 a {
     color: #7e7e7e;
}
 #intro-statement .text-slide h2 a {
     color: #00529e;
}
 #intro-statement .text-slide h3 a:hover {
     text-decoration: none;
}
 #intro-statement .text-slide h2 a:hover {
     text-decoration: none;
}
 #intro-statement .text-slide h2 {
     font-size: 3.1em;
     color: #00529e;
    /*font-weight: 800;
    */
}
 #intro-statement .text-slide h3 {
     font-size: 2.2em;
     color: #7e7e7e;
    /*font-weight: 500;
    */
     margin-top:10px;
}
 #intro-statement .text-slide h3 span {
     font-weight: 800;
}
/**************************************************************************/
/* Section :Featured Highlight */
/**************************************************************************/
 #illustration-overlay .box {
     padding: 0;
     position:relative;
}
 #illustration-overlay .item-1 a {
     margin-right: 5px;
}
 #illustration-overlay .illustration-box {
     box-sizing: border-box;
     height: 330px;
     background-size: cover;
     background-position: center top;
     color: #fff;
     overflow:hidden;
     padding-left:20px;
     padding-right:10px;
}
 #illustration-overlay .illustration-box .caption .info-text {
     width: 100%;
     padding-top: 20px;
     padding-bottom: 20px;
}
 #featured-highlight .info-text .primary-info h2 {
     font-size: 2.9em;
     font-weight: 600;
     line-height: 42px;
}
 #featured-highlight .info-text .primary-info h3 {
     font-size: 2.3em;
     line-height: 33px;
}
 #featured-highlight .info-text .secondary-info {
     font-size: 2.1em;
     line-height: 32px;
     padding-bottom: 10px;
}
 #featured-highlight .item-1 .info-text .secondary-info {
     text-align: right;
     position: absolute;
     border: 0;
     right: 20px;
     bottom: 12px;
}
 #featured-highlight .item-1 .info-text .secondary-info {
     text-align:right;
}
 #featured-highlight .item-2 .info-text .secondary-info {
     margin-top:35px;
}
 #featured-highlight .item-2 .info-text .secondary-info.dark-box-bg {
     background-color: #111;
     opacity: 0.8;
     padding: 0px 15px 5px 15px;
     max-height: 130px;
     overflow: hidden;
     position: absolute;
     max-width: 90%;
     bottom: 10px;
     left: 17px;
     color:#fff;
     margin:0;
}
 #featured-highlight .item-2 .info-text .secondary-info.light-box-bg {
     background-color: #ffffff;
     opacity: 0.7;
     padding: 0px 15px 5px 15px;
     max-height: 130px;
     overflow: hidden;
     position: absolute;
     max-width: 420px;
     bottom: 10px;
     left: 17px;
     color:#111;
     margin:0;
}
 #featured-highlight .item-2 .info-text .secondary-info.dark-box-bg h2 {
     margin: 10px 0 10px 0;
}
 #featured-highlight .impact-bn, #featured-highlight .number-info {
     font-size: 2em;
     font-weight: 900;
}
 #featured-highlight span.impact-number {
     font-size: 1em;
     font-weight: 900;
}
 #featured-highlight .item-2 .right-box {
     float: right;
     padding: 10px 15px 5px 15px;
     margin: 0;
     position: absolute;
     border: 0;
     bottom: 0;
     right: 0;
     max-width: 50%;
     overflow: hidden;
     max-height: 75px;
     opacity: .9;
}
 #featured-highlight .item-2 .right-box .content-r-box {
     font-size: 1.2em;
     line-height: normal;
}
 #illustration-overlay .caption.light {
     color:#444444;
}
 #illustration-overlay .caption.light h2 {
     color: #00529E !important;
     font-weight:600;
}
 #illustration-overlay .caption.dark {
     color:#ffffff;
}
 .illustration-box .timer {
     font-size:2.2em;
     font-weight:900;
}
 #illustration-overlay .box a {
     opacity:1;
     -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -ms-transition: opacity .25s ease-in-out;
     -o-transition: opacity .25s ease-in-out;
     transition: opacity .25s ease-in-out;
     display:block;
}
 #illustration-overlay .box a:hover {
     opacity:0.7;
     text-decoration:none;
}
 #illustration-overlay .box a:hover {
     text-decoration:none;
}
/**************************************************************************/
/* Section :Priorities */
/**************************************************************************/
 #priorities .items {
     margin-top:20px;
     text-align:center;
     margin-left:60px;
}
 #priorities .row .item {
     padding:0;
     margin: 20px -60px 20px 20px;
}
 #priorities .box {
     opacity: 0.9;
     cursor:pointer;
     transition: all .2s ease-in-out;
     border-radius:50%;
}
 #priorities .box:hover {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
}
 #priorities .our-priorities-title {
     padding-bottom: 30px;
}
 #priorities .our-priorities-title h2 {
     position: relative;
     overflow: hidden;
     text-align: center;
     color:#9C9E9F;
     font-weight:bold;
}
 #priorities .our-priorities-title h2:before, .our-priorities-title h2:after {
     position: absolute;
     top: 51%;
     overflow: hidden;
     width: 5%;
     height: 4px;
     content: '\a0';
     background-color: #9C9E9F;
}
 #priorities .our-priorities-title h2:before {
     margin-left: -6%;
     text-align: right;
}
 #priorities .our-priorities-title h2:after {
     margin-left: 1%;
     text-align: right;
}
 #priorities .items .box .item-content {
     overflow:hidden;
    /*without jquery*/
     height: 275px;
     width: 275px;
     border-radius:50%;
}
 #priorities .item-content .info-text {
     padding: 25px 20px 15px 20px;
     font-size: 1.5em;
     color: #ffffff;
     line-height: 30px;
     font-weight:bold;
}
 #priorities .picto {
     height: 130px;
     line-height: 150px;
     margin-top: 25px;
}
 #priorities .picto img {
     width: 150px;
}
 #priorities .hover-text {
     display:none;
     color: #fff;
     font-size: 1.5em;
     width: 100%;
    /*without jquery*/
     height: 275px;
     line-height: 275px;
}
 #priorities .hover-text p {
     width: 205px;
     padding: 10px;
     vertical-align: middle;
     display: inline-block;
     line-height: 1.3;
     overflow: hidden;
     margin-left: -18px;
}
 #priorities .lv-de .hover-text p {
     font-size:0.9em !important;
}
 #priorities .items .item:last-child .hover-text p {
     margin-left:0;
}
 #priorities span.number-priority {
     font-size: 2.6em;
     font-weight: bold;
     line-height: 70px;
}
 #priorities .hover-text {
     display:none;
}
 #priorities .hover-text .mask strong {
     font-size: 1.8em;
}
 #priorities .items .box-link .item:hover {
     z-index: 1000;
}
/**************************************************************************/
/* Section :Videos */
/**************************************************************************/
 #videos .first-column, #videos .second-column {
     height: 500px;
     overflow: hidden;
}
 #videos .first-column .video-box a {
     height: 500px;
     display: block;
     position: relative;
     overflow: hidden;
}
 #videos .second-column .video-box a {
     height: 250px;
     display: block;
     position: relative;
     overflow: hidden;
}
 #videos .img-item-1, #videos .img-item-2, #videos .img-item-3 {
     background-size: cover;
     height: 100%;
     background-position: center top;
     background-repeat:no-repeat;
     box-sizing: border-box;
     position:relative;
}
 #videos .video-play {
     display:none;
}
 #videos .left-box {
     position: absolute;
     bottom: 0;
     left: 0;
     line-height: normal;
     color: #ffffff;
     background: rgba(0, 0, 0, 0.8);
}
 #videos .first-column .left-box {
     padding: 20px 20px;
}
 #videos .first-column .video-title {
     font-size: 2em;
     font-weight: 400;
     line-height: 36px;
}
 #videos .second-column .video-title {
     font-size: 1.5em;
     font-weight: 400;
}
 #videos .second-column .left-box {
     padding: 10px 20px 15px 20px;
}
 #videos .video-date-time {
     border-bottom: 2px solid #9c1006;
     font-weight: 500;
     margin-bottom: 12px;
     padding-bottom: 4px;
     float:left;
}
 #videos span.video-icon {
     margin: auto;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     position: absolute;
     text-align: center;
     width: 100px;
     height: 100px;
     display: block;
}
 #videos .video-box a.video-youtube {
     opacity:1;
     -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -ms-transition: opacity .25s ease-in-out;
     -o-transition: opacity .25s ease-in-out;
     transition: opacity .25s ease-in-out;
     display:block;
}
 #videos .video-box a.video-youtube:hover {
     opacity:0.7;
     text-decoration:none;
}
 #videos .video-info-div {
     background-color:#f3f3f3;
}
 #videos .explore-all-videos a {
     font-size: 2em;
     font-weight: 700;
     color: #7e7e7e;
     padding: 40px 0px 40px 20px;
     line-height: 25px;
     display: block;
     transition: all 0.4s ease-in-out;
     text-decoration: none;
}
 #videos .explore-all-videos a:hover {
     background-color: #00539f;
     color: #ffffff;
}
 #videos .video-box .img-item-1 {
     margin-right: 5px;
}
 #videos .video-box .img-item-3 {
     margin-top: 5px;
}
 .fancybox-nav {
     width: 60px !important;
}
 .fancybox-nav span {
     visibility: visible !important;
}
 .fancybox-next {
     right: -60px !important;
}
 .fancybox-prev {
     left: -60px !important;
}
/**************************************************************************/
/* Section :Dynamic lists */
/**************************************************************************/

 #lastNews h2.title.text-center {
     height: 100px;
}
 #lastNews .lastNews-content {
     padding:50px 0 50px 0;
}
 #lastNews .separate-blue {
     border: 1px dotted #2893b2;
}
 #lastNews .separate-green {
     border: 1px dotted #688f3b;
     width: 100%;
     float: left;
}
 #lastNews .separate-red {
     border: 1px dotted #950000;
}
 #lastNews #publicationIndex {
     border-left: 1px solid #b6b6b6;
     border-right: 1px solid #b6b6b6;
}
 #lastNews #publicationIndex img.img-responsive{
     max-height: 150px;
}
 #lastNews #pressIndex span.pressDate, #lastNews #publicationIndex span.publicationDate {
     font-size:1.2em;
     font-weight: 600;
}
 #lastNews #pressIndex p.press-text {
     height: 45px;
     line-height: 16px;
}
 #lastNews div#pressIndex, #lastNews #publicationIndex {
     padding: 0px 30px 0px 30px;
}
 #lastNews div#eventCalendarIndex {
     padding: 0px 30px 20px 60px;
}
 #lastNews #eventCalendarIndex div.row.item {
     padding-top: 10px;
}

#lastNews .number {
    color: #ffffff;
    font-size: 26px;
    font-weight : bold;
    margin: 0;
}

#lastNews .dynamicEventDate ul.event-multiple-date {
    vertical-align: middle;
    top: 6px;
    position: relative;
}

#lastNews ul.event-multiple-date .number {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}


#lastNews .dynamicEventDate ul.event-multiple-date li.separator-date {
    color: #fff;
    font-family: Arial, sans-serif;
    line-height: 5px;
    top: -1px;
    position: relative;
}

#lastNews .dynamicEventDate ul.event-multiple-date li.event-end-date {
    position: relative;
    top: 2px;
}


#lastNews .dynamicEventDate ul.event-multiple-date li.event-start-date {
    position: relative;
    top: -2px;
}

#lastNews .dynamicEventDate ul.event-multiple-date li.event-end-date {
    position: relative;
    top: 2px;
}

#lastNews .month {
    color: #ffffff;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0;
    font-size: 16px;
}
 #lastNews .pressDate {
     color: #2893b2;
}
 #lastNews .publicationDate {
    color: #688f3b;
}
 #lastNews .row-publication {
     margin-left: -15px;
     margin-right: -15px;
}
 #lastNews div.textItemPublication {
     height: 154px;
}
 #lastNews p.index-list {
     height: 130px;
}
 #lastNews p.text-event {
     height: 45px;
}
 #lastNews #pressIndex p a, #lastNews #publicationIndex p a, #lastNews #eventCalendarIndex .textItem a {
     color: #7e7e7e;
     font-size: 1.3em;
     line-height: 22px;
     font-weight: 500;
}
 #lastNews .dynamicEventDate {
     background: -moz-linear-gradient(#f33b3b, #ab2727) repeat scroll 0 0 transparent;
     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f33b3b), to(#ab2727));
     background: linear-gradient(#f33b3b, #ab2727);
     background: -o-linear-gradient(#f33b3b, #ab2727);
     cursor:auto;
     width: 55px;
     height: 55px;
     font-size: 1em;
     font-weight: bold;
     display: table-cell;
     text-align: center;
     line-height: 20px;
     vertical-align: middle;
}
 #lastNews .calendarItem {
     padding:0 !important;
}
 #lastNews .eventDate {
     color: red;
}
 #lastNews .dynamicEventDate:hover {
    text-decoration: none;
}
 #lastNews .lastNews-content > #pressIndex h2 a, #lastNews .lastNews-content > #publicationIndex h2 a, #lastNews .lastNews-content > #eventCalendarIndex h2 a {
     font-weight: 600;
     text-align: center;
     line-height: 40px;
     font-size: 1.3em;
     margin-bottom: 30px;
     display: block;
}
 #lastNews div#pressIndex h2 a {
     color: #2893b2;
}
 #lastNews div#publicationIndex h2 a {
     color: #688f3b;
}
 #lastNews div#eventCalendarIndex h2 a {
     color: #950000;
}
/**************************************************************************/
/* Section : Newsletter */
/**************************************************************************/
 #newsletter div.newsletter-email {
     -webkit-transition: width 0.5s ease, margin 0.5s ease;
     -moz-transition: width 0.5s ease, margin 0.5s ease;
     -o-transition: width 0.5s ease, margin 0.5s ease;
     transition: width 0.5s ease, margin 0.5s ease;
}
 #newsletter div.no-width {
     width: 0px;
}
 #newsletter div.newsletter-name {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 #newsletter div.newsletter-surname {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 #newsletter .newsletter-name-field {
     display: none;
}
 #newsletter .newsletter-surname-field {
     display: none;
}
 #newsletter span.newsletter-text {
     color: #00529E;
     position: relative;
     font-size: 40px;
     font-weight: 500;
     line-height: 42px;
     width: 100%;
     display: block;
     padding-left: 40%;
     font-family: 'Alegreya Sans', sans-serif;
}
 #newsletter span.newsletter-text b {
    font-size: 50px;
    font-weight: 700;
}
 #newsletter .arrow-right {
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 20px solid #f3f3f3;
     position: absolute;
     margin-top: 80px;
}
 .newsletter-subscription-wrapper {
     width: 100%;
     clear: both;
     height: auto;
     overflow: hidden;
     max-height: 200px;
}
 .newsletter-subscription-wrapper .col-md-4, .newsletter-subscription-wrapper .col-md-8{
     padding-left: 0px;
     padding-right: 0px;
}
 .newsletter-subscription-box {
     width: 100%;
     background-color: #f3f3f3;
     text-align: left;
     padding-top: 53px;
     padding-bottom: 53px;
     padding-left: 15px;
     height:200px;
}
 .newsletter-subscription-text {
     width: 100%;
     display: inline-block;
}
 span.newsletter-small-text, span.newsletter-larg-text{
     color: #00539f;
     display: block;
     text-align: left;
     font-weight: 600;
}
 span.newsletter-small-text {
     font-size: 35px;
     line-height: 35px;
}
 span.newsletter-larg-text {
     font-size: 60px;
     line-height: 60px;
}
 .newsletter-subscription-form {
     width: 100%;
     padding-left: 70px;
     background: #00539f;
     display: table;
     height:200px;
}
 .newsletter-subscription-form-inner{
     display: table-cell;
     vertical-align: middle;
     padding-right: 15px;
}
 .newsletter-subscription-form-inner input{
     vertical-align: middle;
}
 .newsletter-subscription-form-inner input[type="text"] {
     height: 50px;
     border: 0;
     font-size: 20px;
     padding-left:10px;
     width:100%;
}
 .newsletter-subscription-form-inner input[type="submit"] {
     color: #ffffff;
     background: #00539f;
     border: 3px solid #ffffff;
     font-size: 30px;
     font-weight: 500;
     padding: 0 30px;
     border-radius: 5px;
     cursor:pointer;
     transition: all 0.4s ease-in-out;
     font-family: 'Alegreya Sans', sans-serif;
     bottom: 5px;
     position: relative;
     height: 58px;
}
 .newsletter-subscription-form-inner input[type="submit"]:hover{
     color: #00539f;
     background: #ffffff;
     border: 3px solid #ffffff;
}
 form#newsletter-form div {
     margin-top:initial;
}
/**************************************************************************/
/* FOOTER */
/**************************************************************************/
 #footer {
     background-color: #f3f3f3;
     padding: 30px;
     height: auto;
     overflow: hidden;
     margin-top: 6px;
     font-family:'Alegreya Sans', sans-serif;
}
 #footer ul.lang-list {
     padding-top: 5px;
     font-size: 0.85em;
}
 #footer .logos-container img:nth-child(2), #footer .logos-container img:nth-child(3) {
     margin-left: 20px;
}
 #footer ul.social-network-icon .fa-facebook:hover {
     color:#3B5998;
}
 #footer ul.social-network-icon .fa-linkedin:hover {
     color:#0077B5;
}
 #footer ul.social-network-icon .fa-twitter:hover {
     color:#1DA1F2;
}
 #footer ul.social-network-icon .fa-youtube:hover {
     color:#CD201F;
}
 #footer ul.social-network-icon {
     text-align:left;
     padding-top:5px;
     padding-right:0;
     padding-left:18px;
}
 #footer ul.social-network-icon li a em {
     color: #aaaaaa;
     -webkit-transition: color .3s linear;
     -moz-transition: color .3s linear;
     -ms-transition: color .3s linear;
     -o-transition: color .3s linear;
     transition: color .3s linear;
     font-size:20px;
     padding-left:5px;
}
 #footer ul.social-network-icon li:first-child a em {
     padding-left: 0;
}
 ul.social-network-icon li a em:hover {
     opacity: .7;
}
 #footer .footer-menu li a {
     font-size: 14px;
     font-weight: bold;
     color: #7e7e7e;
     font-family:'Alegreya Sans', sans-serif;
}
 #footer .footer-social-media {
     clear: both;
     height: auto;
     overflow: hidden;
     margin-top: 25px;
}
 #footer .footer-copyright p {
     color: #7e7e7e;
     font-size: 15px;
     text-align: center;
     font-weight: 500;
     margin-top: 10px;
}
 #footer .footer-menu.hidden-xs ul.list-inline {
     text-align:center;
}
 #footer .logos-container {
     padding-left: 7%;
}
 #footer .logos-container .logos div {
     margin-left: 15px;
}
 #footer .europa-logo img {
     padding-left: 5px;
     margin-left: 8px;
}
/** COOKIE POLICY END * */
/** ALERT MESSAGE **/
 .optanon-alert-box-wrapper {
     position: fixed;
     width: 100%;
     border: none;
     background-color: #000000;
     bottom: 0;
     left:0;
     z-index: 7900;
     min-height: 40px;
     display:none;
}
 .optanon-alert-box-wrapper a {
     background-color: transparent;
     color:#fff !important;
     text-decoration:underline;
     font: normal 11pt/16pt Arial, sans-serif !important;
}
 .optanon-alert-box-wrapper .optanon-alert-box-bg p {
     font: normal 11pt/16pt Arial, sans-serif !important;
     color: #fff !important;
     padding-bottom: 5px;
     text-align: center;
}
 .optanon-alert-box-wrapper .optanon-alert-box-bottom-top {
     height: 5px;
}
 .optanon-alert-box-wrapper .optanon-alert-box-corner-close a {
     display: block;
     width: 30px;
     height: 30px;
     cursor:pointer;
     font: normal 11pt/16pt Arial, sans-serif !important;
}
 .optanon-alert-box-wrapper .optanon-alert-box-body {
    /*margin-right: 250px;
     margin-left: 80px;*/
     padding-top: 6px;
     text-align:center;
}
 .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
     background-color: #fff;
     border: 1px solid #fff;
     -moz-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
     padding: 8px 18px;
     font-size: 9pt;
     font-weight: bold;
}
 .optanon-alert-box-wrapper .optanon-alert-box-button-middle a {
     font-family: Arial, sans-serif;
     color: #666 !important;
     font-weight: bold;
     text-decoration: none;
     font: normal 11pt/16pt Arial, sans-serif;
}
 .optanon-alert-box-wrapper .optanon-alert-box-button-middle a:hover {
     color: #333;
}
 .optanon-alert-box-bg .optanon-alert-box-button-container {
     position: absolute;
     right: 30px;
     top: 50%;
     margin-top: -16px;
}
 .optanon-alert-box-bg .optanon-alert-box-button.optanon-button-close, .optanon-alert-box-bg .optanon-alert-box-button.optanon-button-allow {
     display: none;
}
 .optanon-alert-box-wrapper .optanon-alert-box-button {
     float: right;
     margin-right: 30px;
     margin-bottom: 10px;
     line-height: initial;
}
 .optanon-alert-box-wrapper .optanon-alert-box-bottom-padding {
     padding-bottom: 0px;
}
 button.btn-close--cookie {
     background-color: #000;
     border: 2px solid #fff;
     padding: 4px 13px 4px 13px;
     border-radius: 5px;
     margin-left: 15px;
     color:#fff;
}
 button.btn-close--cookie:hover {
     background-color: #fff;
     border: 2px solid #fff;
     color:#333;
}
 @media only screen and (max-width: 47em) {
     .optanon-alert-box-wrapper .optanon-alert-box-logo {
         left: 20px;
         top: 63px;
         margin-top: auto;
    }
     button.btn-close--cookie {
         margin-top: 15px;
         margin-bottom: 10px;
    }
     .optanon-alert-box-wrapper a {
         width: 100%;
         position: relative;
         display: block;
         font: normal 11pt/16pt Arial, sans-serif !important;
    }
     .optanon-alert-box-wrapper .optanon-alert-box-corner-close {
         right: 10px;
         top: 10px;
         margin-top: auto;
    }
     .optanon-alert-box-wrapper .optanon-alert-box-body {
         margin-right: 40px;
         margin-left: 40px;
         padding-top: 20px;
    }
     .optanon-alert-box-bg .optanon-alert-box-button-container {
         position: relative;
         text-align: center;
         margin: 25px 0;
         top: auto;
         right: auto;
    }
     .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
         font-size: 16px;
    }
     .optanon-alert-box-wrapper .optanon-alert-box-button {
         float: none;
         display: inline-block;
         margin-right: 10px;
    }
}

/*------ CallBack ------*/
#helpUsWebsite .callback {
    display:none;
}

#helpUsWebsite span.first-title {
    font-size: 20px;
    top: -3px;
    position: relative;
    line-height:22px;
}

#helpUsWebsite #callback-link {
    text-decoration: underline;
}

#callBackFooter .callback, #helpUsWebsite .callback {
    background: -moz-linear-gradient(#3887D1, #00529E) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3887D1), to(#00529E));
    background: linear-gradient(#3887D1, #00529E);
    background: -o-linear-gradient(#3887D1, #00529E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3887D1", endColorstr="#00529E");
    color: #FFF;
    text-align : center;
    line-height:55px;
    /*border-top: 1px solid #ff4b02;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.6);*/
}

#callBackFooter .callback .callback-text, #helpUsWebsite .callback .callback-text {
    padding:10px; /* aération interne du bloc */
    vertical-align:middle;
    display:inline-block;
    line-height:1.2; /* on rétablit le line-height */
    text-align:left; /* ... et l'alignement du texte */
    font-size : 1.1em;
}

#callBackFooter .callback a, #helpUsWebsite .callback a {
    color : #FFF;
    font-size : 15px;
}

#callBackFooter .callback .callback-logo, #helpUsWebsite .callback .callback-logo {
    float : left;
    line-height: normal;
}

#callBackFooter .callback .callback-close, #helpUsWebsite .callback .callback-close {
    /*position: absolute;*/
    float: right;
    width: 35px;
    top: -17px;
    right: 15px;
    padding-bottom: 0.7em;
    margin-left: -10px; 
    z-index: 999;
    outline: none;
    line-height: 0;
    cursor: pointer;
}

#callBackFooter .callback {
    width: 100%;
    height: 55px;
    position: fixed;
    bottom : 0;
    left: 0;
    z-index:8;
    opacity: 0.85;
    -webkit-animation: callbackAnim 1s ease-in-out;
       -moz-animation: callbackAnim 1s ease-in-out;
         -o-animation: callbackAnim 1s ease-in-out;
            animation: callbackAnim 1s ease-in-out;
}

@-webkit-keyframes helpUsWebsiteAnim{
    from {
        bottom: 0px;           
    }
    to  {
        bottom: 210px;         
    }
}
@-moz-keyframes helpUsWebsiteAnim{
    from {
        height: 0px;           
    }
    to  {
        height: 210px;         
    }
}
@-o-keyframes helpUsWebsiteAnim{
    from {
        height: 0px;           
    }
    to  {
        height: 210px;         
    }
}
@keyframes helpUsWebsiteAnim{
    from {
        height: 0px;           
    }
    to  {
        height: 210px;         
    }
}

@media all and (max-width: 768px) {
    @-webkit-keyframes helpUsWebsiteAnim{
        from {
            bottom: 0px;           
        }
        to  {
            bottom: 260px;         
        }
    }
    @-moz-keyframes helpUsWebsiteAnim{
        from {
            height: 0px;           
        }
        to  {
            height: 260px;         
        }
    }
    @-o-keyframes helpUsWebsiteAnim{
        from {
            height: 0px;           
        }
        to  {
            height: 260px;         
        }
    }
    @keyframes helpUsWebsiteAnim{
        from {
            height: 0px;           
        }
        to  {
            height: 260px;         
        }
    }
}

#helpUsWebsite .callback:not(.new-callback) {
    width: 100%;
    height: 55px;
    position: fixed;
    bottom : 0;
    left: 0;
    z-index:8;
    opacity: 0.85;
    -webkit-animation: callbackAnim 1s ease-in-out;
       -moz-animation: callbackAnim 1s ease-in-out;
         -o-animation: callbackAnim 1s ease-in-out;
            animation: callbackAnim 1s ease-in-out;
}

#helpUsWebsite .callback.new-callback {
    -webkit-animation: helpUsWebsiteAnim 1s ease-in-out;
       -moz-animation: helpUsWebsiteAnim 1s ease-in-out;
         -o-animation: helpUsWebsiteAnim 1s ease-in-out;
            animation: helpUsWebsiteAnim 1s ease-in-out;
}

#helpUsWebsite .callback.new-callback a.btn {
    text-decoration: none;
}

#helpUsWebsite .callback.new-callback a.btn.btn-feedback {
    font-weight: 700;
}

#helpUsWebsite .callback.new-callback a.btn:hover {
    background-color: #fff !important;
    border: 2px solid #fff !important;
    color: #2BB9E9 !important;
}

#helpUsWebsite .callback.callback-orange a.btn:hover {
    background-color: #fff !important;
    border: 2px solid #fff !important;
    color: #03224C !important;
}

@media all and (max-width: 560px) {
    #helpUsWebsite .callback {
        height: 75px;
    }
    
    #callBackFooter .callback .callback-close, #helpUsWebsite .callback .callback-close {
        position:absolute;
        top: -3px;
        right: 0px;
    }
}

@media all and (max-width: 640px) {
    #callBackFooter .callback .callback-text, #helpUsWebsite .callback .callback-text {
        font-size : small;
    }
    
    #callBackFooter .callback a, #helpUsWebsite .callback a {
        font-size : small;
    }
}

@media all and (max-width: 1200px) {
    #callBackFooter .callback .callback-logo, #helpUsWebsite .callback .callback-logo  {
        display:none;
    }
}

@-webkit-keyframes callbackAnim{
    from {
        height: 0px;           
    }
    to  {
        height: 55px;         
    }
}
@-moz-keyframes callbackAnim{
    from {
        height: 0px;           
    }
    to  {
        height: 55px;         
    }
}
@-o-keyframes callbackAnim{
    from {
        height: 0px;           
    }
    to  {
        height: 55px;         
    }
}
@keyframes callbackAnim{
    from {
        height: 0px;           
    }
    to  {
        height: 55px;         
    }
}
/*---------------------------------------------- CSS Tablet ----------------------------------------------*/
 @media only screen and (max-width: 991px) {
     .logos-header div{
         padding: 0;
         padding-top: 15px;
    }
     ul.social-network-icon li.search-icon {
         border:none;
    }
     .navbar-default .navbar-nav>li>a {
         font-size:16px;
    }
     a.navbar-brand img {
         padding-top: 20px;
         width: 100%;
    }
}
 @media screen and (min-width: 768px) {
    /*---------- Navbar fixed top - scroll ------------*/
     .navbar-fixed-top {
         position:relative;
         left:initial;
         right:initial;
    }
    /*---------- newsletter ------------*/
     #newsletter .newsletter-email {
         padding-right: 0px;
         padding-left: 4px;
    }
     #newsletter .newsletter-name {
         padding-right: 0px;
         padding-left: 4px;
    }
     #newsletter .newsletter-surname {
         padding-right: 0px;
         padding-left: 4px;
    }
     #newsletter span.newsletter-text {
         padding-left: 15%;
    }
     .newsletter-subscription-form-inner input[type="text"] {
         height:40px;
    }
     .newsletter-email.col-lg-3 {
         width: 100%;
    }
     .newsletter-name.col-lg-3 {
         width: 100%;
    }
     .newsletter-surname.col-lg-3 {
         width: 100%;
    }
     form#newsletter-form div {
         margin-top: 4px;
    }
     #illustration-overlay .item-2 a {
         margin-top:0;
    }
    /*---------- Footer ------------*/
     #footer .logos-container .logos div {
         margin: 0px;
         padding-right: 15px;
    }
     #footer .logos-container .logos .europa-logo {
         padding-right: 0!important;
         margin-top: -5px;
    }
     #footer .logos-container {
         padding-left: 0;
    }
     #footer .footer-menu {
         padding-left: 0;
    }
}
/*---------------------------------------------- CSS to desktop only ----------------------------------------------*/
 @media only screen and (min-width: 992px) {
     div#left {
         padding-top:10px;
    }
    /*---------- Navbar fixed top - scroll ------------*/
     .navbar-fixed-top {
         position:fixed !important;
         left:0 !important;
         right:0 !important;
         z-index:;
    }
     .navbar-fixed-top .nav-margin {
         margin-top: 0;
         padding-top: 12px;
         padding-bottom: 0px;
    }
     .navbar-fixed-top *, .navbar-default * {
         -webkit-transition: all .2s ease-in-out;
         -moz-transition: all .2s ease-in-out;
         -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
    }
     .navbar-default.navbar-fixed-top .navbar-nav>li>a {
         padding-top: 15px;
         padding-bottom: 15px;
    }
     .navbar-fixed-top a.navbar-brand img {
         padding-top: 8px;
         width: 60%;
    }
     .navbar-default .navbar-nav>li>a {
         font-size:16px;
    }
     .newsletter-subscription-form-inner input[type="text"] {
         height:50px;
    }
     .newsletter-email.col-lg-3 {
         width: 19.5%;
    }
     .newsletter-name.col-lg-3 {
         width: 19.5%;
    }
     .newsletter-surname.col-lg-3 {
         width: 19.5%;
    }
     form#newsletter-form div {
         margin-top: 0;
    }
     .searchable .gallery2.span6 {
         width: auto;
         max-width: 260px;
    }
}
 @media (min-width: 1501px) {
     .logos-header div{
         padding: 0;
    }
}
 @media (max-width: 1500px) and (min-width: 1201px) {
     .logos-header div{
         padding: 0;
         padding-top: 10px;
    }
}
 @media (max-width: 1200px) and (min-width: 992px) {
     .logos-header div{
         padding: 0;
         padding-top: 15px;
    }
     .featured-highlight-content .container {
         width: 100% !important;
    }
     #priorities .items {
         margin-top:20px;
         text-align:center;
         margin-left: 20px;
    }
     #priorities .row .item {
         padding:0;
         margin: 20px -40px 20px 20px;
    }
     #priorities .items .box .item-content {
         height: 255px;
         width: 255px;
    }
     #priorities .item-content .info-text {
         padding: 25px 20px 15px 20px;
         font-size: 1.4em;
    }
     #priorities .picto {
         height: 130px;
         line-height: 150px;
         margin-top: 25px;
    }
     #priorities .picto img {
         width: 150px;
    }
     #priorities .hover-text {
         font-size: 1.3em;
         height: 255px;
         line-height: 255px;
    }
     #priorities .hover-text p {
         width: 185px;
         padding: 10px;
         line-height: 1.3;
    }
     #priorities span.number-priority {
         font-size: 2.6em;
         font-weight: bold;
         line-height: 70px;
    }
     #newsletter .newsletter-email {
         padding-left:0;
         padding-right:0;
    }
     #newsletter .newsletter-submit {
         padding:0;
    }
     .newsletter-email.col-lg-3 {
         width: 33.3%;
    }
     .newsletter-name.col-lg-3 {
         width: 33.3%;
    }
     .newsletter-surname.col-lg-3 {
         width: 33.3%;
    }
}
/*---------------------------------------------- Large screen ----------------------------------------------*/
 @media (min-width: 1281px) and (min-height: 720px) {
    /*---------- Banner ------------*/
     .navbar-default .navbar-nav>li>a {
         font-size:16px !important;
    }
     a.navbar-brand img {
         padding-top: 15px;
         width: 85%;
         padding-left: 15px;
    }
    /*---------- Newsletter ------------*/
     #newsletter span.newsletter-text {
         padding-left: 50%;
    }
    /*---------- Footer ------------*/
     #footer .logos-container {
         padding-left: 9%;
    }
     .video-banner__content {
         overflow:hidden;
         height:500px;
         position:relative;
    }
}
 .about_.about_governance-and-structure_ img {
     max-width: 100%;
     height: auto;
}
 #right.about_.about_governance-and-structure_.about_governance-and-structure_organisation_.border_left {
     border-left: none;
}
/**************************************************************************/
/* EFSI Map style */
/**************************************************************************/
 #content .wtWidgets.wtEnd.map {
     background-color: #fff !important;
}
 #content .wtWidgets .leaflet-ui .leaflet-map .leaflet-control-container .leaflet-control {
     background-color: rgba(6, 6, 6, 0.6) !important;
}
 #content .wtWidgets .leaflet-ui .leaflet-map .leaflet-control-container .leaflet-control {
     left: 0;
     padding: 0.75em 1em;
     color: #fff;
     font-size: 1em;
     border-top: 1px solid #666;
}
 #content .wtWidgets .leaflet-ui .leaflet-map .leaflet-control-container .leaflet-control.leaflet-control-attribution {
     display: none;
}
 #content .wtWidgets .leaflet-ui .leaflet-map .leaflet-control-container .leaflet-control .legend h4, #content .wtWidgets .leaflet-ui .leaflet-map .leaflet-control-container .leaflet-control .legend p{
     margin: 0px;
}
 #content .leaflet-map .leaflet-control-container .leaflet-control .legend {
     width:312px;
}
 #content .wtWidgets .leaflet-ui .leaflet-map .leaflet-control-container .leaflet-control .legend p{
     font-size: 12px !important;
}
 #content .wtWidgets .leaflet-ui .leaflet-map .leaflet-control-container .leaflet-control .legend p.text-reference{
     font-size: 10px !important;
     font-style: italic;
}
 #content .efsi-map-project .efsi-map-project-content{
     text-align: left;
}
 #content .efsi-map-project .efsi-map-project-title h4{
     margin-top: 0px;
}
 #content .efsi-map-project .efsi-map-project-link{
     margin-top: 15px;
}
 #content .efsi-map-project .efsi-map-project-content p, #content .efsi-map-project .efsi-map-project-link dl.efsi-map-project-link-list dd, #content .efsi-map-project .efsi-map-project-link dl.efsi-map-project-link-list dd .ui-icon, #content .efsi-map-project .efsi-map-project-link dl.efsi-map-project-link-list dd span{
     font-size: 1em !important;
     line-height: 16px;
}
 #content .efsi-map-project .efsi-map-project-content ul li{
     text-align: left;
     font-size: 12px !important;
     line-height: 16px;
     padding-top: 0.3em;
}
 #content .leaflet-showpanel .leaflet-map{
     margin-right: 0px !important;
}
 #content .leaflet-showpanel .leaflet-infopanel{
    /*background-color: rgba(255,255,255, 0.7);
    */
     border: 1px solid;
}
 #content .leaflet-popup-content {
     margin: 20px 1px 15px 1px;
}
 #content .leaflet-popup-content .efsi-map-project{
     max-height: 300px;
     overflow-y: auto;
     padding: 0 10px 0 10px;
}
/*
#content img.leaflet-marker-icon.leaflet-clickable {
     width: 14px !important;
     height: 19px !important;
     margin-top: -14px !important;
     margin-left: -14px !important;
}
 #content img.leaflet-marker-shadow {
     width: 24px !important;
     height: 25px !important;
     margin-top: -17px !important;
     margin-left: -13px !important;
}
 #content img.leaflet-marker-icon.leaflet-clickable.leaflet-marker-highlight{
     width: 28px !important;
     height: 30px !important;
     margin-top: -26px !important;
     margin-left: -20px !important;
}
*/
 #content .leaflet-marker-icon.prunecluster.leaflet-clickable span {
     font-size: 10px !important;
     line-height: 30px !important;
}
 #content .leaflet-map {
     margin-right: 0px;
     min-height: 750px !important;
}
 #content .leaflet-showpanel .leaflet-infopanel {
     width: 350px;
     margin: 5rem;
     height: 88%;
     border: none;
}
 #content .leaflet-ui {
     border:none;
}
 #content .leaflet-ui .leaflet-menu {
     display: none;
}
 #content.efsi_.efsi_map_{
    /*margin-top: -10px;
    */
     margin-bottom: 0px;
     padding-bottom: 0px;
}
 .text-blue-color{
     color: #23527c !important;
}
 #content .efsi-map-project-fa p, #content .efsi-map-project-erf p{
     text-align: right;
}
 #content .efsi-map-country-title a {
     color: #23527c;
     text-decoration: none;
}
 #content .efsi-map-country-title a:focus, #content .efsi-map-country-title a:hover {
     color: #337ab7;
     text-decoration: underline;
}
 #content .efsi-map-project-content .efsi-map-project-image {
     padding-bottom: 10px;
}
 #content .dl-country-content dt{
     font-weight: normal;
     font-size:1.2em;
}
 #content .dl-project-content dt {
     overflow: visible;
     width: 127px;
     white-space: normal;
     font-weight: normal;
}
 #content .efsi-map-country>*,#content .efsi-map-project >* {
     font-family: 'Alegreya Sans', sans-serif !important;
}
 #content .efsi-map-country-content span{
     font-family: 'Alegreya Sans', sans-serif !important;
     line-height: initial;
}
 #content .efsi-map-project span{
     font-family: 'Alegreya Sans', sans-serif !important;
}
 #content .dl-country-content .content-amount {
     font-size: 3em !important;
}
 #content .dl-country-content .content-amount-not {
     font-size: 3em !important;
}
 #content .dl-project-content .content-amount {
     font-size: 2em !important;
}
 #content .dl-project-content dd{
     margin-left: 144px;
}
 #content .efsi-map-country{
     text-align: center;
}
 #content .efsi-map-country-link, #content .efsi-map-project-link-list{
     font-size: 1.3em !important;
}
 #content .efsi-map-project .country-name{
     font-size: 1.4em !important;
}
/*#content .efsi-map-project-content .dl-project-content dt{
     line-height: 30px;
}
*/
 #content .leaflet-close {
     width: 35px;
     height: 35px;
    /*right: -15px;
    */
     top: -15px;
     background: url(//europa.eu/webtools/services/map/images/close1w.png);
     border-radius: 50%;
     background-color: rgba(0,0,0, 0.8);
     background-position: center center;
     background-repeat: no-repeat;
     left: 96%;
}
 #content .finance-amount{
     padding-top:13px;
}
 #content .leaflet-content {
     padding: 0;
}
 #content .leaflet-panel {
     left:0;
     right:0;
}
 #content .info.leaflet-control h2{
     font-family: 'Alegreya Sans', sans-serif !important;
}
 #content .info.leaflet-control .close.close-info{
     color:#fff;
     opacity:1;
     font-size:31px;
     font-weight:400;
     line-height:0.5;
}
/*----------- Green Bonds anniversary --------------------*/
 .cab-right-section {
     padding-left: 30px !important;
     padding-right: 0 !important;
}
 .cab-right-section ul.twitter-list li {
     padding:0;
     background:none !important;
}
 .cab-right-section ul.twitter-list li .fa-twitter {
     color:#00aced;
}
 a.plant-tree img, a.logo-cab img{
     opacity: 1;
     -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -ms-transition: opacity .25s ease-in-out;
     -o-transition: opacity .25s ease-in-out;
     transition: opacity .25s ease-in-out;
}
 a.plant-tree img:hover, a.logo-cab img:hover {
     opacity:.7;
     text-decoration: none;
}

.display-flex {
    display: flex;
}

.box-arrow {
    position: relative;
    margin-top: 10px;
}

#helpUsWebsite .callback {
    width: 100%;
    height: 55px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    opacity: 0.85;
    -webkit-animation: callbackAnim 1s ease-in-out;
    -moz-animation: callbackAnim 1s ease-in-out;
    -o-animation: callbackAnim 1s ease-in-out;
    animation: callbackAnim 1s ease-in-out;
}

#helpUsWebsite .callback .callback-text {
    text-align: center;
    padding-top: 30px;
}

#helpUsWebsite .first-title {
    font-size: 32px;
    padding-bottom: 10px;
}

#helpUsWebsite .callback a {
    font-size: 20px;
}

#helpUsWebsite .callback a.btn.btn-feedback {
    margin-left: 15px;
}

#helpUsWebsite .callback {
    background: #2BB9E9;
    opacity: 1;
    height: 210px;
}

#helpUsWebsite .callback-orange {
    background: #f4791f;
    opacity: 1;
    height: 210px;
}

#helpUsWebsite .callback-green {
    background: #9ECD4F;
    opacity: 1;
    height: 210px;
}

@media screen and (max-width: 768px) {
    #helpUsWebsite .callback {
        height: 260px;
    }
}

@media screen and (max-width: 350px) {

    #helpUsWebsite .first-title {
        font-size: 30px;
    }

    #helpUsWebsite .callback a {
        font-size: 18px;
    }
}

#helpUsWebsite .callback .callback-close {
    position: absolute;
}

#helpUsWebsite a.btn.btn--bg-color-blue {
    border: 2px solid #00529e;
    background-color: #00529e;
}

#helpUsWebsite a.btn.btn--bg-color-transparent {
    border: 2px solid #fff;
    background-color: transparent;
}

#helpUsWebsite a.btn.btn--bg-color-marine-blue {
    border: 2px solid #03224C;
    background-color: #03224C;
}

#helpUsWebsite a.btn.btn--bg-color-orange {
    border: 2px solid #FF4500;
    background-color: #FF4500;
}

#helpUsWebsite .callback .btn-x-close {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0px 6px;
}




/* Button bg color */
    /* transparent */
        .btn--bg-color-transparent {
            background:transparent;
        }
    /* end transparent */
    
     /* white */
        .btn--bg-color-white {
            background-color:#ffffff;
        }   
    /* end white */
    
    
    /* blue */
        .btn--bg-color-blue {
            background-color:#00529e;
        }   
    /* end blue */
    
    /* azure*/
        .btn--bg-color-azure {
            background-color:#009FE3;
        } 
    /* end azure */
    
    /* cyan */
        .btn--bg-color-cyan {
            background-color:#41c2eb;
        } 
    /* end cyan */
    
    /* end red */
        .btn--bg-color-red {
            background-color:#CD3333;
        } 
    /* end red */
    
    /* end green */
        .btn--bg-color-green {
            border:1px solid #47B591;
        }
        .btn--bg-color-green:hover {
            background-color:#47B591;
        }
    /* end green */
    
/* End Button bg color */

    .btn--bg-white {
        color: #ffffff;
        background: #00539f;
        font-family: 'Alegreya Sans', sans-serif;
        font-size: 21px;
        font-weight: 500;
        padding: 8px 20px;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.4s ease-in-out;
    }
  
    .btn--bg-white:hover {
        color: #fff;
        background: #13b0e7;
    }



/* Innovfin color */

    /* innovfin-yellow */
    
        .color-innovfin-yellow {
            color:#fdb813 !important;
        }
        
        .bg-innovfin-yellow {
            background-color:#fdb813 !important;
        }
    
    /* end of innovfin-yellow */
    
    /* innovfin-blue */
    
        .color-innovfin-blue {
            color:#0c4da2 !important;
        }
        
        .bg-innovfin-blue {
            background-color:#0c4da2 !important;
        }
    
    /* end of innovfin-blue */
    
    
    /* innovfin-purple */
    
        .color-innovfin-purple {
            color:#7961ab !important;
        }
        
        .bg-innovfin-purple {
            background-color:#7961ab !important;
        }
    
    /* end of innovfin-purple */
    
    /* innovfin-orange */
    
        .color-innovfin-orange {
            color:#f47920 !important;
        }
        
        .bg-innovfin-orange {
            background-color:#f47920 !important;
        }
    
    /* end of innovfin-orange */
    
    /* innovfin-green */
    
        .color-innovfin-green {
            color:#36ad47 !important;
        }
        
        .bg-innovfin-green {
            background-color:#36ad47 !important;
        }
    
    /* end of innovfin-green */
    

/* end of Innovfin color */


/**************************************************************************/
/* Navigation - Horizontal Menu - Style Border Bottom                     */
/**************************************************************************/

.menu-horizontal .navbar ul.navbar-nav li a {
    font-size: 18px !important;
    font-weight: 400;
}

.menu-horizontal .navbar {
    background-color: transparent;
    margin-bottom: 0;
}

.menu-horizontal .navbar-active,
.menu-horizontal .navbar-collapse a:hover,
.menu-horizontal .navbar-collapse a:focus {
    color: #005BAB !important;
    background:transparent !important; 
}

.menu-horizontal.border-color-blue .navbar-active,
.menu-horizontal.border-color-blue .navbar-collapse a:hover,
.menu-horizontal.border-color-blue .navbar-collapse a:focus{
    border-bottom:5px solid #005BAB !important;  
    background:transparent !important;    
    color: #005BAB !important;
}

.menu-horizontal .navbar ul.navbar-nav li {
    text-align:center;
}

.menu-horizontal[class*="border-color"] .navbar .navbar-nav>li>a{
    border-bottom:5px solid transparent;
    font-size: 18px;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .menu-horizontal .nav {
        padding-right:0;
    }
}


/**************************************************************************/
/* Navigation - With 60 years logo Menu                                   */
/**************************************************************************/
.logo-div .blog-logo, .logo-div .logo-60years__white {
    display: none;
}

/* Moved to _tools/resources/front/css/framework/layout.css */
.column {
    padding: 0;
}

/* Smartphone */
@media (max-width:767px) {
    .logo-60years {
        position: absolute;
        left: 70%;
        padding-left: 16px !important;
    }
    
    
    .logo-div {
        padding-top: 11px;
    }
}

/* Tablet portrait mode */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .navbar-eib .logo-div {
        margin-top: 20px;
    }
    
    .logo-div .link-60years .logo-60years__white, .logo-div .link-60years .logo-60years {
        padding-left:10px;
    }
    
    .navbar-eib .navbar-fixed-top .logo-div {
        margin-top: 0;
    }
    
    .navbar-fixed-top .link-eib .eib-logo {
        width: 65%;
        margin-top: 6px;
        margin-left: 0;
    }
    
    .navbar-fixed-top .logo-div .link-60years .logo-60years__white, .navbar-fixed-top .logo-div .link-60years .logo-60years {
        margin-top: 5px;
    }
    
    
}

 
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)  {
     
    .navbar-fixed-top .logo-div .link-eib .eib-logo {
          margin-top:10px;
    }

    .navbar-fixed-top .logo-div .link-60years .logo-60years {
          margin-top:3px;
    	  margin-left:20px;
    	  padding-left: 20px;
    }
    
    .navbar-fixed-top .logo-div .link-60years .logo-60years {
          margin-top: 10px;
          padding-left: 10px;
          margin-left: 0px;
    }
     
    .logo-div .link-60years .logo-60years__white, .logo-div .link-60years .logo-60years {
        margin-top: 20px;
        padding-left: 10px;
        margin-left: 0px;
    }
        
    .logo-div .link-eib img {
        padding-left: 0;
        margin-top: 20px;
    }

 }
 
 @media (min-width:768px) and (max-width:1280px) { 
    .navbar-fixed-top .link-eib .eib-logo {
        width:61%;
        margin-top:7px;
    }
    
    .navbar-fixed-top .logo-div .link-60years .logo-60years {
        margin-top: 7px;
        padding-left: 0px;
        margin-left: 10px;
    }
    
    .logo-div .link-60years .logo-60years__white, .logo-div .link-60years .logo-60years {
        margin-top: 20px;
        padding-left: 0;
        margin-left: 10px;
        width: 25%;
    }
    
    .logo-div .link-eib img {
        margin-top:18px;
    }
 }   

 @media (min-width:1281px) {
     
    .logo-div .link-60years img {
          margin-top: 10px;
          margin-left: 15px;
    }
    
    .logo-div .link-eib img {
          margin-left: 0;
          margin-top: 20px;
          width: 65%;
    } 
     
         
    .logo-div .link-60years img {
          margin-left: 13px;
          padding-top: 10px;
          padding-left: 0;
          width: 25%;
    }

   /*.logo-div .link-60years .logo-60years__white {
          margin-left: 10px;
          padding-top: 3px;
          padding-left: 15px;
   }*/

   .navbar-fixed-top .logo-div .link-60years .logo-60years {
         padding-top:0;
         margin-top: 6px;
   } 
   
    .navbar-fixed-top .link-eib .eib-logo {
          width:43%;
          margin-top:4px;
          margin-left:5px
          padding-left: 15px;
    }

	.navbar-fixed-top .link-60years .logo-60years {
    	  width:18%;
          margin-top:3px;
          margin-left:10px;
    }   
    
    .navbar-blog .logos-header .institute-logo img.blog-logo {
        max-height: 55px;
        margin-top: 10px;
    }
 }
 
 @media (min-width:1600px) {    
    .logo-div .link-eib img {
          padding-left: 20px;
          margin-top: 12px;
    }
    
   .logo-div .link-60years .logo-60years {
          margin-left: 10px;
          padding-top: 3px;
          padding-left: 15px;
   }
 }
 
 
 /** RESPONSIVE Iframe **/
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.float-none {
    float: none;
}