/* alegreya-sans-regular - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/alegreya/alegreya-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'),
       url('../../fonts/alegreya/alegreya-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-regular.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* alegreya-sans-500 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/alegreya/alegreya-sans-v9-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'),
       url('../../fonts/alegreya/alegreya-sans-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-500.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* alegreya-sans-700 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/alegreya/alegreya-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'),
       url('../../fonts/alegreya/alegreya-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-700.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* alegreya-sans-800 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/alegreya/alegreya-sans-v9-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans ExtraBold'), local('AlegreyaSans-ExtraBold'),
       url('../../fonts/alegreya/alegreya-sans-v9-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/alegreya/alegreya-sans-v9-latin-800.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}

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;
}

#body  {
    min-height:85vh;
}

#body, #body-header, #body-content, #body-footer {
  position: relative;
  float: left;
  width:100%;
}

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

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

body main#content > #content-body h1, body main#content > #content-body .h1 {
    font-size: 44px !important;
    line-height: 40px;
    padding-top: 10px;
}

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

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

#body #content.span9 {
    margin-left:-10px;
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.bg-color-dark-blue {
  background-color: #0E2031 !important;
}

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

.custom-h2 {
    color: #333333;
    font-size: 2em;
    font-weight: 600;
    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.row 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;
         background-size: cover;
    }
    .video-banner.video__bg.vimeohero video {
        box-sizing: border-box;
        height: 56.25vw;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        width: 177.77777778vh;
    }


    .sustainable-development.video-banner video {
      top: 60%;
    }


}
.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.border-none:after {
     border-bottom: none;
     background-color: transparent;
}

.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__content.dark-overlay-30:before {
    background: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 25%,
    rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%) !important;
 }

 .video-banner__text img {
    display: block;
    max-width: 100%;
    height: auto;
 }

 .video__bg.vimeohero {
     background: #eee;
     overflow: hidden;
     padding: 0;
     position: relative;
     width:100%;
 }

 .video__bg.vimeohero iframe {
   	box-sizing: border-box;
     height: 56.25vw;
     left: 50%;
     min-height: 100%;
     min-width: 100%;
     transform: translate(-50%, -50%);
     position: absolute;
     top: 50%;
     width: 177.77777778vh;
 }

 html body main#content #content-body .vimeohero h1 {font-size: 84px !important;line-height:100%;}

 @media (min-width: 768px) {
   .vimeohero .video-banner__content{height:99vh !important}
 }

 @media (max-width: 991px) {
   html body main#content #content-body h1, html body main#content #content-body .vimeohero h1 {
     font-size:48px !important;
   }
 }

 @media (max-width: 767px) {
   .vimeohero .video-banner__content{height:92vh !important}
   html body main#content #content-body h1, html body main#content #content-body .vimeohero h1 {
     font-size:36px !important;
     word-break: break-word;
   }
 }

 @media only screen
   and (min-device-width: 375px)
   and (max-device-width: 667px)
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: landscape) {
   .vimeohero .video-banner__content{height:92vh !important}
 }

 @media only screen
   and (min-device-width: 414px)
   and (max-device-width: 736px)
   and (-webkit-min-device-pixel-ratio: 3)
   and (orientation: landscape) {
   .vimeohero .video-banner__content{height:92vh !important}
 }

 @media only screen
   and (min-device-width: 375px)
   and (max-device-width: 812px)
   and (-webkit-min-device-pixel-ratio: 3)
   and (orientation: landscape) {
  .vimeohero .video-banner__content{height:92vh !important}
 }

 @media screen
   and (device-width: 360px)
   and (device-height: 640px)
   and (-webkit-device-pixel-ratio: 4)
   and (orientation: landscape) {
  .vimeohero  .video-banner__content{height:74vh !important}
 }

 .vimeohero .video-text__border-bottom:after {
   position: absolute;
   content: '';
   left: 15px;
   max-width: 20%;
   width: 100%;
   right: 0;
   border-bottom:3px solid #fff;
 }

/**************************************************************************/
/* Twitter Code Embed */
/**************************************************************************/
.twitter-feed-content {
  width:100%;
  float:left;
  position: relative;
  margin-top:20px;
}

/**************************************************************************/
/* Campagin */
/**************************************************************************/
.campaign .box__animated__numbers, .campaign .number-unity{
    font-family: 'Montserrat', sans-serif;
    font-size: 180px;
    font-weight: 800;
    line-height: 130px;
    /*height: 182px;*/
}

.campaign .banner-campaign__title .big-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 70px;
  font-weight: 800;
  line-height: normal;
}

.campaign .banner-campaign__info {
    position: relative;
}

.campaign .banner-campaign__lead {
    font-size: 36px;
    line-height: 44px;
    font-family: 'Roboto', sans-serif;
    display: none;
}

.campaign .banner-campaign__number {
    padding-top: 5px;
}

.campaign .banner-campaign__text {
    margin: 0 auto;
}

.campaign .banner-campaign__text p {
    margin-top: 0;
    padding-top: 0;
}

.campaign .banner__scroll-down .fa {
    padding-left: 20px;
    font-weight: 400;
}

.campaign .banner__scroll-down {
    padding-top:20px;
}

.campaign .banner-campaign__button {
    padding-top: 15px;
}

#banner-video-exception.home-campaign-video {
    border-bottom:5px solid #fff;
}

.campaign .banner-campaign__button a{
    font-family: 'Roboto', sans-serif;
}

.campaign .banner-campaign__button a:hover {
    background-color: #fff;
    text-decoration: none;
    color:#00529a !important;
    opacity: 1 !important;
}

.campaign .banner-campaign__button a:focus {
    opacity: 1 !important;
}

.campaign .banner-campaign__button a:hover .fa {
    color:#00529a !important;
    opacity: 1 !important;
}

.campaign .banner-campaign__button a .fa {
    font-weight: 400;
}

.campaign .banner__scroll-down > a {
    display: inline-block;
}

.campaign .banner__scroll-down a:hover span {
    text-decoration: underline;
    opacity: 1;
}
.campaign .banner__scroll-down a:hover i {
    opacity: .7;
}

@media (min-height: 740px) {
   .campaign .banner-campaign__button {
        padding-top: 80px;
    }
}

@media (min-height: 930px) {
   .campaign .banner-campaign__button {
        padding-top: 140px;
    }
}

@media (max-width: 991px) {

    .campaign .banner-campaign__number {
        position: relative;
    }

    .campaign .banner-campaign__text {
        min-height: 100px;
    }

    .campaign .banner-campaign__info {
        /*height: auto; activate if numbers exist as content*/
        text-align: center;
        top:30px; /* if no number, remove if number exist as content */
    }

    .campaign .box__animated__numbers, .campaign .number-unity{
        font-size: 100px;
        font-weight: 800;
        height: auto;
    }

    .campaign .banner-campaign__title .big-title {
      font-size: 70px;
      font-weight: 800;
    }

    .campaign .banner__scroll-down {
        padding-top:2rem;
        position: relative;
        top:30px;
    }

    .campaign .banner-campaign__button {
        padding-top: 0;
    }

    .campaign .banner-campaign__lead {
        font-size: 24px;
        line-height: 30px;
    }

}

@media (max-width: 768px){
  .home-campaign-video .video-banner__content {
    background-position: -420px center;
  }
  .campaign.campaign-fr .banner__scroll-down {
    padding-top:.7rem !important;
  }

  .campaign .banner-campaign__text {
    padding-left: 0;
    padding-right: 0;
  }

}

.home-campaign-video .video-banner__content {
  background-position:center center;
}

@media (min-width: 992px) {
  /*.campaign .box__animated__numbers {
      width: 267px;
  }*/

  .home-campaign-video .video-banner__content {
    background-size: cover;
    background-repeat: no-repeat;
  }

  .campaign .banner-campaign__number .number-unity {
   /* width: 178px;*/
    display: inline-block;
  }

  .campaign .banner-campaign__number {
    text-align: right;
  }

  .campaign.campaing-fr .banner-campaign__info {
      position: relative;
      display: block;
      /*height: 180px; activate if numbers exist as content*/
  }

  .campaign .banner-campaign__info {
      /*height:194px; activate if numbers exist as content */
      position: relative;
      top: 30px; /* if no number, remove if number exist as content */
      height: 225px; /* if no number, remove if number exist as content */
      padding-left: 50px; /* if no number, remove if number exist as content */
      padding-right: 50px; /* if no number, remove if number exist as content */
  }

}

@media (min-width: 814px) and (max-width: 1024px) and (orientation: landscape) {
  .header-title.title__fs-banner {
    bottom:100px;
  }

  .campaign .banner-campaign__button {
    padding-top: 130px;
  }

  .campaign .box__animated__numbers {
    width: auto;
  }

  .campaign .box__animated__numbers, .campaign .number-unity {
    font-size: 145px;
    line-height: 130px;
    /*height: 182px;*/
  }

  .campaign .banner-campaign__title .big-title {
    font-size: 70px;
    font-weight: 800;
  }

  .campaign .banner-campaign__lead {
    font-size: 36px;
    line-height: 44px;
  }

}


@media only screen
 and (min-width: 1024px)
 and (max-width: 1366px)
 and (orientation: landscape)
 and (-webkit-min-device-pixel-ratio: 1.5) {

  .home-campaign-video .video-banner__content {
    height: 92vh !important;
  }

  .banner-campaign__button {
    padding-top:0;
  }

}

@media only screen
 and (min-width: 1024px)
 and (max-width: 1366px)
 and (orientation: portrait)
 and (-webkit-min-device-pixel-ratio: 1.5) {

  .home-campaign-video .video-banner__content {
    height: 62vh !important;
  }

  .campaign .banner-campaign__button {
    padding-top:0;
  }

  .campaign .box__animated__numbers, .campaign .number-unity {
    font-size: 145px;
    line-height: 130px;
  }

}

.campaign .banner-campaign__number.fade-in .box__animated__numbers, .campaign .banner-campaign__title.fade-in .big-title {
  position: relative;
  -webkit-animation-name: animation-left-to-right;
  -webkit-animation-duration:2.3s;
  animation-name: animation-left-to-right;
  animation-duration: 2.3s;
  animation-delay: 1.5s;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  opacity:0;
}

.campaign .banner-campaign__number.fade-in .number-unity {
  position: relative;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration:2.3s;
  animation-name: fade-in;
  animation-duration: 2.3s;
  animation-delay: 2s;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  opacity:0;
}

.campaign .banner-campaign__button.fade-in {
  position: relative;
  -webkit-animation-name: animation-top-to-bottom; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:2.3s; /* Safari 4.0 - 8.0 */
  animation-name: animation-top-to-bottom;
  animation-duration: 2.3s;
  animation-delay: 10.5s;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  opacity:0;
}

.campaign .banner__scroll-down.fade-in {
  position: relative;
  -webkit-animation-name: animation-top-to-bottom; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:2.3s; /* Safari 4.0 - 8.0 */
  animation-name: animation-top-to-bottom;
  animation-duration: 2.3s;
  animation-delay: 11.5s;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  opacity:0;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade-in {
  0%   {opacity:0;}
  100% {opacity:1;}
}

/* Standard syntax */
@keyframes fade-in {
  0%   {opacity:0;}
  100% {opacity:1;}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes animation-top-to-bottom {
  0%   {top:-120px; opacity:0;}
  100% {top:20px; opacity:1;}
}

/* Standard syntax */
@keyframes animation-top-to-bottom {
  0%   {top:-120px; opacity:0;}
  100% {top:20px; opacity:1;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes animation-left-to-right {
  0%   {left:-180px; opacity:0;}
  100% {left:0; opacity:1;}
}

/* Standard syntax */
@keyframes animation-left-to-right {
  0%   {left:-180px; opacity:0;}
  100% {left:0; opacity:1;}
}


/**************************************************************************/
/* 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: 0 !important;
}
 .nav-margin {
     margin-top: 0;
     position: initial;
     padding-top: 25px !important;
     padding-bottom: 0px;
}

header .navbar.navbar-eib{
  font-size: 14px;
  line-height: 1.5;
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 300;
}


/*
@media (min-width: 1024px) and (max-width: 1440px) {

  .navbar-de .navbar-nav>li>a {
    font-size: 14px !important ;
  }
  .navbar-en .navbar-nav>li>a {
    font-size: 15px !important ;
  }
  .navbar-fr .navbar-nav>li>a {
    font-size: 14px !important ;
  }
} */

@media (min-width: 768px) and (max-width: 1200px) {
  header .navbar.navbar-eib .navbar-nav>li>a, .navbar-blog .navbar-nav>li>a {
    padding-left: 8px !important ;
    padding-right: 8px !important;
    font-size: 12px ;
  }


}

@media (min-width: 768px) and (max-width: 1024px) {

  .navbar-de .navbar-nav>li>a {
    font-size: 12px !important ;
  }
  .navbar-fr .navbar-nav>li>a {
    font-size: 13px !important ;
  }
}
@media (min-width: 768px) {
  .navbar-blog .navbar-nav>li>a {
      padding-top: 30px;
      padding-bottom: 30px;
  }
  .navbar-eib .navbar-nav>li>a {
      color:#777;
      padding-top: 30px;
      padding-bottom: 30px;
      font-size: 14px ;
      font-weight: 500;
      font-family: 'Alegreya Sans', sans-serif;
  }

}


/*-------------- 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;
    */
}
.blue-bg-hover:hover {
    background-color:#00529E;
    color:#ffffff !important;
    text-decoration: none !important;
}
/*------ 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: 0 8px 0 0;
     line-height: 24px;
}
 .navbar .btn, .navbar .btn-group {
     margin-top: 0;
}
div.language-list a.btn.dropdown-language {
     background-color: inherit;
     box-shadow: inherit;
}
.niceform label {
margin-left: 0 !important;
display: inline-block;
padding-left: 18px;
padding-right: 15%;
}
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-head {
    width: 100%;
    top: 0;
    background-color:#00529a;
    z-index:1100;
}

 .navbar-default .navbar-nav>li>a {
     color: #777;
     padding-top: 30px;
     padding-bottom: 30px;
     font-family: "Roboto", sans-serif;
     font-size: 12px;
     font-weight: 400;
     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;
}

.menu-center .list-submenu ul li a, .menu-center .list-submenu ul li span,
.menu-center .splitInColumns a, .menu-center .splitInColumns span {
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.menu-center .title-menu-div a {
    font-weight: 600;
    font-size:20px;
    font-family: "Roboto", sans-serif;
}

.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: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;
     background-color: #00529a;
}
 .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,
  ul.left-column-menu li span {
     cursor: pointer;
}

ul.left-column-menu li span:hover {
     text-decoration: underline;
}

 .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, .dropdown-submenu span {
     color: #fff;
}
 .language-list .dropdown-menu {
     margin-top: 0;
     padding-top: 0;
     border: none;
     margin-bottom: 0;
     padding-bottom: 0;
}

.banner__languages-list ul.languages-list--options {
    margin-bottom: 0;
}

.banner__languages-list .languages-list li span {
    padding-top:5px;
    display: inline-block;
}

.banner__languages-list ul.languages-list--options li.primary-language {
    display: none;
}

.banner__languages-list ul.languages-list--options li.primary-language.secondary-used {
    display: inline;
}

.no-language-menu .banner__languages {
  display: none;
}

/*--------------------- 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,
 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;
}

.video-banner__content .banner__scroll-down {
  text-align: center;
}
/**************************************************************************/
/* 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;
}


#pressIndex .press-text a{
  max-height: 45px;
  display: -webkit-box;
  margin: 0 auto;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**************************************************************************/
/* Section : Newsletter */
/**************************************************************************/

#newsletter {
    margin-top: 6px;
    margin-bottom: 6px;
}

#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: 35px;
     font-weight: 500;
     line-height: 42px;
     width: 100%;
     display: block;
     font-family: 'Alegreya Sans', Adobe Blank;
}
#newsletter span.newsletter-text-thanks {
    color: #00529E;
    position: relative;
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
    width: 100%;
    display: none;
    font-family: 'Alegreya Sans', Adobe Blank;
}
 #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: 55px;
}
 .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: 35px;
     padding-bottom: 35px;
     padding-left: 15px;
     height:150px;
}
 .newsletter-subscription-text {
     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:150px;
}
 .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', Adobe Blank;
     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-newsletter__input{
  padding: 6px 30px !important;
  width: 90%;
  height: 39px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 20px;
}

.optional-affiliation__label{
  font-family: Roboto;
  font-weight: bold;
  font-size: 18px;
}

.optional-affiliation__wrap .form-control{
  width:40%;
  float: left;
}
.optional-affiliation__wrap .submit-wrap{
  float: left;
}
.optional-affiliation__wrap .submit-newsletter__button{
  margin-left: 40px;
}

.optional-affiliation__dropdown--wrap{
  padding-top: 55px;
  padding-bottom: 55px;
  max-height: 200px;
  height: 150px;
}

.optional-affiliation__wrap-pop-up{
  padding-top: 20px;
}

.optional-affiliation__dropdown--wrap-pop-up{
  width: 60%;
  float: left;
}

.optional-affiliation__wrap-text-options-pop-up{
  height: 250px;
}

.optional-affiliation__message-pop-up{
  margin-bottom: 15px;
}

.optional-affiliation__label-pop-up{
  font-family: "Roboto";
  font-size: 19px;
  font-weight: bold;
}


.optional-affiliation__message-pop-up h3{
  font-family: "Roboto";
  font-size: 26px;
  font-weight: bold;
}

.newsletter-page__wrapper .optional-affiliation__dropdown--wrap-pop-up{
  float: none;
}

.submit-wrap-pop-up{
  width: 40%;
  float: left;
}


.popup-lightbox {
    cursor:pointer;
}

.lightbox-overlay, .popup-lightbox {
  position: fixed;
  width: 100%;
  border:none;
  background-color:rgba(0,0,0,0.75);
  bottom:0;
  left:0;
  z-index: 7900;
  height: 100%;
}

.popup-lightbox {
  display: none;
  cursor: pointer;
}

.newsletter-cookie {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.newsletter-cookie .close-btn, .lightbox-overlay .close-btn {
  right:10px;
  position: absolute;
  top:10px;
  border-radius: 50px;
  text-decoration: none;
  padding:5px 3px 6px 8px; /* these padding values are used only for html tags <a> in the WYSIWYG source code of cascade page */
}

.lightbox-overlay .close-btn.without-space-inside {
  padding:6px 8px;

  color: #2f80ed!important;
}

.newsletter-cookie .close-btn:hover, .lightbox-overlay .close-btn:hover {
  background-color:#2f80ed;
  color:#fff !important;
}

.popup-newsletter {
  border: 1px solid #cccccc;
  width: 100%;
  background-color: #fff;
  padding: 15px 30px 0 30px;
  box-shadow: 0px 4px 0px 0px rgba(204,204,204,0.7);
  -webkit-box-shadow: 0px 4px 0px 0px rgba(204,204,204,0.7);
  border-radius: 4px;
  background-clip: border-box;
  display: block;
  float: left;
}

.newsletter-cookie .newsletter-popup {
  width: 370px;
  height: 100%;
}

.newsletter-page__msg-wrap{
  position: inherit !important;
}

.newsletter-page__wrapper{
  overflow: visible;
  font-weight: 300;
  line-height: 27px;
  border:1px solid #dee2e6;
  border-radius: 5px;
  padding: 20px;
  font-size:14px;
}
.newsletter-page__button-subscribe{
    color: #ffffff;
    background: #00539f;
    font-family: 'Alegreya Sans', Adobe Blank;
    font-size: 21px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.newsletter-page__button-subscribe:hover {
    color: #fff;
    background: #13b0e7;
}
h5 {
  font-size: 21px;
  line-height: 1.4;
  font-family: 'Alegreya Sans', Adobe Blank;
  color: #00529e;
  margin-top: 0;
  margin-bottom: 20px;
}


.small {
  font-size: 85%;
}

.disclaimer {
  padding-top:10px;
  padding-bottom:10px;
}

.disclaimer-mandatory{
  font-size: 12px !important;
  font-family: 'Roboto';
  padding-top: 0px;
  padding-bottom: 0px;
  float: right;
  position: absolute;
  top: 20px;
  right: 30px;
}


.disclaimer a {
    color: #337ab7 !important;
    text-decoration: none;
}

.disclaimer a:focus, .disclaimer a:hover {
  color: #23527c !important;
  text-decoration: underline;
}

.disclaimer a:active, .disclaimer a:hover {
    outline: 0;
}

.mj-subscribe-button-content {
  color: #ffffff;
  background: #00539f;
  font-family: 'Alegreya Sans', Adobe Blank;
  font-size: 21px;
  font-weight: 500;
  padding: 8px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.mj-subscribe-button-content:hover {
  color: #fff;
  background: #13b0e7;
}

.color-blue { color:#00529E;}
.color-red { color: #ee4055;}
.color-black {color:#4f4f4f;}
.color-eib-blue {color:#2f80ed;}
.newsletter-subscription-box{
  max-height: 200px;
}




.newsletter-popup__header {
  text-align:center;
  margin-bottom:10px;
}

.newsletter-cookie .mj-form {
  overflow: visible !important;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  line-height:27px;
  border-radius: 5px;
  padding: 5px 20px 20px 20px;
  width:100%;
  position:relative;
}

.newsletter-cookie h5 {
  font-size: 22px;
  line-height: 1.2;
  font-family: 'Alegreya Sans', Adobe Blank;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight:600;
}

.newsletter-cookie  .form-control {
  display: block;
  width: 100%;
  height: 39px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.newsletter-cookie  .margin-bottom-20 {
  margin-bottom: 20px;
}

.newsletter-cookie h2 {
  color:#333;
  margin-top:15px;
}

.newsletter-cookie .small {
  font-size: 85%;
}

.newsletter-cookie .disclaimer {
   padding-top:10px;
}

.newsletter-cookie  .disclaimer a {
   color: #337ab7 !important;
   text-decoration: none;
}

.newsletter-cookie  .disclaimer a:focus, .disclaimer a:hover {
  color: #23527c !important;
  text-decoration: underline;
}

.newsletter-cookie  .disclaimer a:active, .disclaimer a:hover {
  outline: 0;
}

.newsletter-cookie  .mj-subscribe-button-content {
  color: #ffffff;
  background: #00539f;
  font-family: 'Alegreya Sans', Adobe Blank;
  font-size: 21px;
  font-weight: 500;
  padding: 8px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  line-height:22px !important;
}

.newsletter-cookie .mj-subscribe-button-content:hover {
  color: #fff;
  background: #13b0e7;
}

.newsletter-cookie .btn {
  display: inline-block;
  padding: 2px 28px;
  margin-left:10px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
}

.newsletter-cookie .mj-subscribe-button-content {
  color: #ffffff;
  background: #00539f;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 7px 25px !important;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.submit-wrap{
  margin-left: -20px;
}


.newsletter-cookie .form-group.email {
    width:60%;
    text-align:center;
    margin-bottom:10px;
    float:left;
}



.newsletter-cookie .close-btn {
    z-index:999;
}

.newsletter-cookie .submit-group {
    text-align: center;
    display: block;
    position: relative;
    width:40%;
    float:left;
}

.newsletter-cookie .newsletter-popup__header p {
    font-size:16px;
    margin: 0 10px;
}

.newsletter-cookie .msg {
    display: none;
    position: absolute;
    top: 70%;
    background-color: #fff;
    left: 48%;
    transform: translate(-50%, -50%);
    width: 85%;
    border-radius:5px;
    border: 1px solid #dedede;
    padding: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}

.newsletter-cookie .msg.error, .newsletter-cookie .msg.exist {
    color:#8B183E;
    top: 70%;
}

.newsletter-cookie .msg.success {
    color:#468641;
}

.msg-wrap{
  position: absolute;
  top: 10px;
}

.msg-footer:before{
  content:"";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 12px solid transparent ;
  border-right: 12px solid transparent;
  border-top: 12px solid white;
  border-bottom: 12px solid transparent;
  left: 37px;
  bottom: -24px;
}

.submit-newsletter__button{
  padding-top: 5px;
  padding-bottom: 5px;
}

@media only screen and (max-width: 640px) {
  .msg-wrap{
   font-size: 11px;
    top: 5px;
    font-weight: 400;
    padding-left: 0px;
  }
  .msg-footer:before{
    display: none;
  }
  .form-footer__newsletter{
    text-align: center;
  }

}
@media only screen and (max-width: 768px) {
  .msg-wrap{
   font-size: 14px;
    font-weight: 400;
    padding-left: 0px;
  }
  .msg-footer:before{
    left: 80px !important;
  }
  .newsletter-subscription-text{
    text-align: center;
  }
  .form-footer__newsletter .input-wrap{
   margin-left: 3vw;
 }
  .form-footer__newsletter .btn-newsletter__next-step{
   text-align: center;
 }
 .optional-affiliation__wrap-text-options{
   text-align: center;
 }
  .optional-affiliation__wrap .form-control{
    width: 300px;
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .submit-wrap{
    width: 100%;
  }

  .submit-newsletter__button{
    width: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0 !important;
  }


  .optional-affiliation__dropdown--wrap{
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
  }
  .newsletter-cookie .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
  }

}

@media only screen and (min-width: 1024px){
  .optional-affiliation__dropdown--wrap{
    height: 150px;
    padding-top: 55px;
  }

  #newsletter span.newsletter-text-thanks{
    line-height: 35px;
  }
}

@media only screen and (min-width: 1469px){
  .optional-affiliation__message{
    height: 150px;
    padding-top: 15px;
  }
}
@media only screen and (max-width : 1024px) {

  .submit-wrap{
    margin-left: 15px;
  }
}

@media screen and (max-width: 900px) and (min-width: 768px){
  .newsletter-subscription-wrapper{
    max-height: 250px;
  }
  .newsletter-subscription-box{
    height: 250px;
    max-height: 250px;
  }
  .newsletter-subscription-form{
    height: 250px;
  }
  .newsletter-subscription-box{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #newsletter .arrow-right{
    margin-top: 100px;
  }

}
@media (max-width: 767px) {
    .newsletter-cookie .newsletter-popup {
      width: 295px;
      height: 100%;
    }

    .newsletter-cookie .fa-close {
        color:#00529a !important;
    }
    .newsletter-cookie .form-group.email {
        width:46%;
    }
    .submit-newsletter__button{
      width: 90%;
    }
    .submit-wrap{
      margin-left: 0px;
    }
}


.msg-footer.error{
  color: #8B183E !important;
  background: white !important;
  border-radius: 4px !important;
  padding: 5px 10px;
}

.msg-footer.success{
  color: #468641 !important;
  background: white !important;
  border-radius: 4px !important;
  padding: 5px 10px;
}

.msg-footer.exist{
  color: #ffae42 !important;
  background: white !important;
  border-radius: 4px !important;
  padding: 5px 10px;
}



/**************************************************************************/
/* FOOTER */
/**************************************************************************/
 #footer {
     background-color: #f3f3f3;
     padding: 30px;
     height: auto;
     overflow: hidden;
     margin-top: 6px;
     font-family:'Roboto', 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, #footer .footer-menu.visible-xs ul.list-inline {
     text-align:center;
     padding-top: 20px;
     margin-left: 0;
}

 #footer .logos-container {
     padding-left: 7%;
}
 #footer .logos-container .logos div {
     margin-left: 15px;
}
 #footer .europa-logo img {
     padding-left: 5px;
     margin-left: 8px;
}

/** Alert message **/
.alert.alert-warning.alert-dismissible {
  font-size:80%;
  font-style: italic;
  color:#8a6d3b !important;
}

.alert.alert-warning.alert-dismissible .close {
  top:1px;
}

.alert.alert-warning.alert-dismissible .close {
  color:#8a6d3b !important;
}

#newsletter {
    margin-top: 6px;
    margin-bottom: 6px;
}

#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: 35px;
     font-weight: 500;
     line-height: 42px;
     width: 100%;
     display: block;
     font-family: 'Alegreya Sans', sans-serif;
}
#newsletter span.newsletter-text-thanks {
    color: #00529E;
    position: relative;
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
    width: 100%;
    display: none;
    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: 55px;
}
 .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: 35px;
     padding-bottom: 35px;
     padding-left: 15px;
     height:150px;
}
 .newsletter-subscription-text {
     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:150px;
}
 .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-newsletter__input{
  padding: 6px 30px !important;
  width: 90%;
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 20px;
}

.optional-affiliation__label{
  font-family: Roboto;
  font-weight: bold;
  font-size: 18px;
}

.optional-affiliation__wrap .form-control{
  width:40%;
  float: left;
  height: 34px;
}
.optional-affiliation__wrap .submit-wrap{
  float: left;
}
.optional-affiliation__wrap .submit-newsletter__button{
  margin-left: 40px;
  height: 34px;
}

.optional-affiliation__dropdown--wrap{
  padding-top: 55px;
  padding-bottom: 55px;
  max-height: 200px;
  height: 150px;
}

.optional-affiliation__wrap-pop-up{
  padding-top: 20px;
}

.optional-affiliation__dropdown--wrap-pop-up{
  width: 60%;
  float: left;
}

.optional-affiliation__wrap-text-options-pop-up{
  height: 250px;
}

.optional-affiliation__message-pop-up{
  margin-bottom: 15px;
}

.optional-affiliation__label-pop-up{
  font-family: "Roboto";
  font-size: 19px;
  font-weight: bold;
}


.optional-affiliation__message-pop-up h3{
  font-family: "Roboto";
  font-size: 26px;
  font-weight: bold;
}

.newsletter-page__wrapper .optional-affiliation__dropdown--wrap-pop-up{
  float: none;
}

.submit-wrap-pop-up{
  width: 40%;
  float: left;
}


.popup-lightbox {
    cursor:pointer;
}

.lightbox-overlay, .popup-lightbox {
  position: fixed;
  width: 100%;
  border:none;
  background-color:rgba(0,0,0,0.75);
  bottom:0;
  left:0;
  z-index: 7900;
  height: 100%;
}

.popup-lightbox {
  display: none;
  cursor: pointer;
}

.newsletter-cookie {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.newsletter-cookie .close-btn, .lightbox-overlay .close-btn {
  right:10px;
  position: absolute;
  top:10px;
  border-radius: 50px;
  text-decoration: none;
  padding:5px 3px 6px 8px; /* these padding values are used only for html tags <a> in the WYSIWYG source code of cascade page */

  color: #2f80ed!important;
}

.lightbox-overlay .close-btn.without-space-inside {
  padding:6px 8px;
}

/* .newsletter-cookie .close-btn:hover, .lightbox-overlay .close-btn:hover {
  background-color:#00529a;
  color:#fff;
} */

.popup-newsletter {
  border: 1px solid #cccccc;
  width: 100%;
  background-color: #fff;
  padding: 15px 30px 0 30px;
  box-shadow: 0px 4px 0px 0px rgba(204,204,204,0.7);
  -webkit-box-shadow: 0px 4px 0px 0px rgba(204,204,204,0.7);
  border-radius: 4px;
  background-clip: border-box;
  display: block;
  float: left;
}

.newsletter-cookie .newsletter-popup {
  width: 370px;
  height: 100%;
}

.newsletter-page__msg-wrap{
  position: inherit !important;
}

.newsletter-page__wrapper{
  overflow: visible;
  font-weight: 300;
  line-height: 27px;
  border:1px solid #dee2e6;
  border-radius: 5px;
  padding: 20px;
  font-size:14px;
}
.newsletter-page__button-subscribe{
    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;
}
.newsletter-page__button-subscribe:hover {
    color: #fff;
    background: #13b0e7;
}

.covid-popup .popup-newsletter {
  background-color: #CD3333 !important;
}

.covid-popup .popup-newsletter h2, .covid-popup .popup-newsletter h3, .covid-popup .popup-newsletter p, .covid-popup .popup-newsletter .close-btn {
    color: #fff !important;
}

.covid-popup .popup-newsletter .close-btn:hover {
  background-color:#00529a;
}

.covid-popup .checkbox-text {
  font-weight: normal;
  line-height: normal;
  font-size: 80%;
  padding-left: 5px;
}

h5 {
  font-size: 21px;
  line-height: 1.4;
  font-family: 'Alegreya Sans', sans-serif;
  color: #00529e;
  margin-top: 0;
  margin-bottom: 20px;
}


.small {
  font-size: 85%;
}

.disclaimer {
  padding-top:10px;
  padding-bottom:10px;
}

.disclaimer a {
    color: #337ab7 !important;
    text-decoration: none;
}

.disclaimer a:focus, .disclaimer a:hover {
  color: #23527c !important;
  text-decoration: underline;
}

.disclaimer a:active, .disclaimer a:hover {
    outline: 0;
}

.mj-subscribe-button-content {
  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;
}

.mj-subscribe-button-content:hover {
  color: #fff;
  background: #13b0e7;
}

.color-blue { color:#00529E;}
.color-red { color: #ee4055;}
.color-black {color:#4f4f4f;}

.newsletter-subscription-box{
  max-height: 200px;
}




.newsletter-popup__header {
  text-align:center;
  margin-bottom:10px;
}

.newsletter-cookie .mj-form {
  overflow: visible !important;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  line-height:27px;
  border-radius: 5px;
  padding: 5px 20px 20px 20px;
  width:100%;
  position:relative;
}

.newsletter-cookie h5 {
  font-size: 22px;
  line-height: 1.2;
  font-family: 'Alegreya Sans', sans-serif;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight:600;
}

.newsletter-cookie  .form-control {
  display: block;
  width: 100%;
  height: 39px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.newsletter-cookie  .margin-bottom-20 {
  margin-bottom: 20px;
}

.newsletter-cookie h2 {
  color:#333;
  margin-top:15px;
}

.newsletter-cookie .small {
  font-size: 85%;
}

.newsletter-cookie .disclaimer {
   padding-top:10px;
}

.newsletter-cookie  .disclaimer a {
   color: #337ab7 !important;
   text-decoration: none;
}

.newsletter-cookie  .disclaimer a:focus, .disclaimer a:hover {
  color: #23527c !important;
  text-decoration: underline;
}

.newsletter-cookie  .disclaimer a:active, .disclaimer a:hover {
  outline: 0;
}

.newsletter-cookie  .mj-subscribe-button-content {
  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;
  line-height:22px !important;
}

.newsletter-cookie .mj-subscribe-button-content:hover {
  color: #fff;
  background: #13b0e7;
}

.newsletter-cookie .btn {
  display: inline-block;
  padding: 2px 28px;
  margin-left:10px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
}

.newsletter-cookie .mj-subscribe-button-content {
  color: #ffffff;
  background: #00539f;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 7px 25px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.submit-wrap{
  margin-left: -20px;
}


.newsletter-cookie .form-group.email {
    width:60%;
    text-align:center;
    margin-bottom:10px;
    float:left;
}



.newsletter-cookie .close-btn {
    z-index:999;
}

.newsletter-cookie .submit-group {
    text-align: center;
    display: block;
    position: relative;
    width:40%;
    float:left;
}

.newsletter-cookie .newsletter-popup__header p {
    font-size:16px;
    margin: 0 10px;
}

.newsletter-cookie .msg {
    display: none;
    position: absolute;
    top: 70%;
    background-color: #fff;
    left: 48%;
    transform: translate(-50%, -50%);
    width: 85%;
    border-radius:5px;
    border: 1px solid #dedede;
    padding: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}

.newsletter-cookie .msg.error, .newsletter-cookie .msg.exist {
    color:#8B183E;
    top: 70%;
}

.newsletter-cookie .msg.success {
    color:#468641;
}

.msg-wrap{
  position: absolute;
  top: 10px;
}

.msg-footer:before{
  content:"";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 12px solid transparent ;
  border-right: 12px solid transparent;
  border-top: 12px solid white;
  border-bottom: 12px solid transparent;
  left: 37px;
  bottom: -24px;
}

.submit-newsletter__button{
  padding-top: 5px;
  padding-bottom: 5px;
  height: 34px;
  line-height: 25px;
}

@media only screen and (max-width: 640px) {
  .msg-wrap{
   font-size: 11px;
    top: 5px;
    font-weight: 400;
    padding-left: 0px;
  }
  .msg-footer:before{
    display: none;
  }
  .form-footer__newsletter{
    text-align: center;
  }

}
@media only screen and (max-width: 768px) {
  .msg-wrap{
   font-size: 14px;
    font-weight: 400;
    padding-left: 0px;
  }
  .msg-footer:before{
    left: 80px !important;
  }
  .newsletter-subscription-text{
    text-align: center;
  }
  .form-footer__newsletter .input-wrap{
   margin-left: 3vw;
 }
  .form-footer__newsletter .btn-newsletter__next-step{
   text-align: center;
 }
 .optional-affiliation__wrap-text-options{
   text-align: center;
 }
  .optional-affiliation__wrap .form-control{
    width: 300px;
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .submit-wrap{
    width: 100%;
  }

  .submit-newsletter__button{
    width: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0 !important;
  }


  .optional-affiliation__dropdown--wrap{
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
  }
  .newsletter-cookie .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
  }

}

@media only screen and (max-width: 1440px) and (min-width: 1024px){
 .newsletter-subscription-box, .newsletter-subscription-form{
      height:158px;
 }
}

@media only screen and (max-width: 1024px){
 .newsletter-subscription-box, .newsletter-subscription-form{
      height:200px;
 }
}

@media only screen and (max-width: 970px){
 .newsletter-subscription-box, .newsletter-subscription-form {
      height:200px;
 }
}

@media only screen and (max-width: 768px){
 .newsletter-subscription-box, .newsletter-subscription-form {
      height:150px;
 }
}


@media only screen and (min-width: 1024px){
  .optional-affiliation__dropdown--wrap{
    height: 150px;
    padding-top: 55px;
  }

  #newsletter span.newsletter-text-thanks{
    line-height: 35px;
  }
}

@media only screen and (min-width: 1469px){
  .optional-affiliation__message{
    height: 150px;
    padding-top: 15px;
  }
}
@media only screen and (max-width : 1024px) {

  .submit-wrap{
    margin-left: 15px;
  }
}

@media screen and (max-width: 900px) and (min-width: 768px){
  .newsletter-subscription-wrapper{
    max-height: 250px;
  }
  .newsletter-subscription-box{
    height: 250px;
    max-height: 250px;
  }
  .newsletter-subscription-form{
    height: 250px;
  }
  .newsletter-subscription-box{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #newsletter .arrow-right{
    margin-top: 100px;
  }

}
@media (max-width: 767px) {
    .newsletter-cookie .newsletter-popup {
      width: 295px;
      height: 100%;
    }

    .newsletter-cookie .fa-close {
        color:#00529a !important;
    }
    .newsletter-cookie .form-group.email {
        width:46%;
    }
    .submit-newsletter__button{
      width: 90%;
    }
    .submit-wrap{
      margin-left: 0px;
    }
}


.msg-footer.error{
  color: #8B183E !important;
  background: white !important;
  border-radius: 4px !important;
  padding: 5px 10px;
}

.msg-footer.success{
  color: #468641 !important;
  background: white !important;
  border-radius: 4px !important;
  padding: 5px 10px;
}

.msg-footer.exist{
  color: #ffae42 !important;
  background: white !important;
  border-radius: 4px !important;
  padding: 5px 10px;
}

 /* Newsletter investor relation */

.investor-newsletter-page__wrapper .footer-newsletter__input {
   padding: 6px 10px!important;
}

.newsletters-choice__wrapper  label,
.newsletters-choice__wrapper label,
.newsletters-choice__wrapper label{
  display: inherit;
  font-size: 18px;
  font-weight: 400;
  width: 100%;
}
.newsletters-choice  label,
.newsletters-choice label,
.newsletters-choice label{
  display: inherit;
  font-size: 18px;
  font-weight: 400;
  width: 100%;
}

.newsletters-choice .option-1-checkbox input,
.newsletters-choice .option-2-checkbox input,
.newsletters-choice .option-3-checkbox input{
  margin-right: 10px !important;
}

.newsletters-choice__wrapper .option-1-checkbox input,
.newsletters-choice__wrapper .option-2-checkbox input,
.newsletters-choice__wrapper .option-3-checkbox input{
  margin-right: 10px !important;
}

.footer-newsletter__input, .footer-newsletter__select{
  padding: 6px 10px !important;
  width: 90%;
  height: 39px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 20px;
}

.investor-newsletter-page__wrapper{
  line-height: 27px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 15px;
}

/** 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:not(.btn) {
     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;
}
 .btn-close--cookie {
     background-color: #000;
     border: 2px solid #fff;
     padding: 4px 13px 4px 13px;
     border-radius: 5px;
     margin-left: 15px;
     color:#fff;
}
 .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;
    }
}

@media only screen and (max-width: 991px) {
    #helpUsWebsite .callback .callback-text {
        padding: 10px 0 10px 10px;
        margin-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    #helpUsWebsite .callback .callback-text {
        width:90%;
        float:left;
        position: relative;
    }

    #helpUsWebsite .callback .callback-text > * {
        font-size:14px;
        margin-left:10px;
        margin-right:10px;
    }

    #helpUsWebsite .callback .callback-button {
        float:left;
        width:10%;
        display: block;
    }

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

    @media screen and (max-width: 767px) {
        #helpUsWebsite .callback .btn-x-close {
            right:4px;
        }
    }

    #helpUsWebsite .callback {
        height: 90px;
    }

    footer .optanon-alert-box-wrapper .optanon-alert-box-body {
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 0;
    }

    footer .optanon-alert-box-wrapper .optanon-alert-box-body .btn-close--cookie {
        margin-left: 5px;
        margin-top: 6px;
    }

}

.optanon-alert-box-wrapper {
    position: fixed;
    width: 100%;
    border: none;
    /*background-color: rgba(0,0,0,0.75);*/
    bottom: 0;
    left:0;
    z-index: 7900;
    min-height: 40px;
    display:none;
}
.optanon-alert-box-wrapper a {
    background-color: transparent;
    color:#fff;
    /*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;
    margin: 10px 0;
}
.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;*/
    padding-top: 15px;
    padding-bottom: 40px;
    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: #2F80ED;
    border: 2px solid #2F80ED;
    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;
}

.optanon-alert-box-body p {margin-bottom:10px !important;}

button.btn-close--cookie:hover i, .btn-close--cookie:hover i {color: #333 !important;}
footer .bg-color-blue-second button {background-color: #0E2031;border: 2px solid #0E2031;}
footer .optanon-alert-box-wrapper button, footer .optanon-alert-box-wrapper .btn {margin-bottom:10px !important;}


/*------ 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 : 16px;
}

#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: 75px;
    }
}
@-moz-keyframes helpUsWebsiteAnim{
    from {
        height: 0px;
    }
    to  {
        height: 75px;
    }
}
@-o-keyframes helpUsWebsiteAnim{
    from {
        height: 0px;
    }
    to  {
        height: 75px;
    }
}
@keyframes helpUsWebsiteAnim{
    from {
        height: 0px;
    }
    to  {
        height: 75px;
    }
}

/* BREXIT POPUP */

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

/* END OF BREXIT POPUP */

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

#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: brexitAnim 1s ease-in-out;
       -moz-animation: brexitAnim 1s ease-in-out;
         -o-animation: brexitAnim 1s ease-in-out;
            animation: brexitAnim 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 screen and (max-width: 768px) {
    .footer-newsletter__input{
      margin-bottom: 15px;
    }
    .submit-newsletter__button{
      max-width: 40%;
    }
}
@media (max-width: 767px){
    .newsletter-cookie .form-group.email {
        width:46%;
    }
    .submit-newsletter__button{
      width: 90%;
    }
}

@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;
    }
}

.lightbox-overlay, .popup-lightbox {
  position: fixed;
  width: 100%;
  border:none;
  background-color:rgba(0,0,0,0.75);
  bottom:0;
  left:0;
  z-index: 7900;
  height: 100%;
}

.popup-lightbox {
  display: none;
  cursor: pointer;
}

.newsletter-cookie {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.newsletter-cookie .close-btn, .lightbox-overlay .close-btn {
  right:10px;
  position: absolute;
  top:10px;
  border-radius: 50px;
  text-decoration: none;
  padding:5px 5px 5px 8px; /* these padding values are used only for html tags <a> in the WYSIWYG source code of cascade page */
  color: #2f80ed!important;
}

.lightbox-overlay .close-btn.without-space-inside {
  padding:6px 8px;
}

/* .newsletter-cookie .close-btn:hover, .lightbox-overlay .close-btn:hover {
  background-color:#00529a;
  color:#fff;
} */

.popup-newsletter {
  border: 1px solid #cccccc;
  width: 100%;
  background-color: #fff;
  padding: 60px 30px 60px 30px;
  box-shadow: 0px 4px 0px 0px rgba(204,204,204,0.7);
  -webkit-box-shadow: 0px 4px 0px 0px rgba(204,204,204,0.7);
  border-radius: 4px;
  background-clip: border-box;
  display: block;
  float: left;
}

.newsletter-cookie .newsletter-popup {
  width: 370px;
  height: 100%;
}

@media (max-width: 767px) {
    .newsletter-cookie .newsletter-popup {
      width: 295px;
      height: 100%;
    }

    .newsletter-cookie .fa-close {
        color:#00529a !important;
    }
}

.newsletter-popup__header {
  text-align:center;
  margin-bottom:10px;
}

.newsletter-cookie .mj-form {
  overflow: visible !important;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  line-height:27px;
  border-radius: 5px;
  padding: 5px 20px 20px 20px;
  width:100%;
  position:relative;
}

.newsletter-cookie h5 {
  font-size: 22px;
  line-height: 1.2;
  font-family: 'Alegreya Sans', sans-serif;
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight:600;
}

.newsletter-cookie  .form-control {
  display: block;
  width: 100%;
  height: 39px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.newsletter-cookie  .margin-bottom-20 {
  margin-bottom: 20px;
}

.newsletter-cookie h2 {
  color:#333;
  margin-top:15px;
}

.newsletter-cookie .small {
  font-size: 85%;
}

.newsletter-cookie .disclaimer {
   padding-top:10px;
   padding-bottom:15px;
   font-size: 16px;
}

.newsletter-cookie  .disclaimer a {
   color: #337ab7 !important;
   text-decoration: none;
}

.newsletter-cookie  .disclaimer a:focus, .disclaimer a:hover {
  color: #23527c !important;
  text-decoration: underline;
}

.newsletter-cookie  .disclaimer a:active, .disclaimer a:hover {
  outline: 0;
}

.newsletter-cookie  .mj-subscribe-button-content {
  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;
  line-height:22px !important;
}

.newsletter-cookie .mj-subscribe-button-content:hover {
  color: #fff;
  background: #13b0e7;
}

.newsletter-cookie .btn {
  display: inline-block;
  padding: 2px 28px;
  margin-left:10px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
}

.newsletter-cookie .mj-subscribe-button-content {
  color: #ffffff;
  background: #00539f;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 7px 25px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

@media (min-width: 768px){
    .newsletter-cookie .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
}

.newsletter-cookie .form-group.email {
    width:60%;
    text-align:center;
    margin-bottom:10px;
    float:left;
}

@media (max-width: 767px){
    .newsletter-cookie .form-group.email {
        width:46%;
    }
}

.newsletter-cookie .close-btn {
    z-index:999;
}

.newsletter-cookie .submit-group {
    text-align: center;
    display: block;
    position: relative;
    width:40%;
    float:left;
}

.newsletter-cookie .newsletter-popup__header p {
    font-size:16px;
    margin: 0 10px;
}

.newsletter-cookie .msg {
    display: none;
    position: absolute;
    top: 70%;
    background-color: #fff;
    left: 48%;
    transform: translate(-50%, -50%);
    width: 85%;
    border-radius:5px;
    border: 1px solid #dedede;
    padding: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}

.newsletter-cookie .msg.error, .newsletter-cookie .msg.exist {
    color:#8B183E;
    top: 70%;
}

.newsletter-cookie .msg.success {
    color:#468641;
}

/*---------------------------------------------- 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;
    }

    #footer .eif-logo {
      margin-right: 15px;
    }
}
/*---------------------------------------------- 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:14px;
    }
     .navbar-default.navbar-eib .navbar-nav>li>a {
         font-size:14px;
         padding-left: 13px;
         padding-right: 13px;
    }
     .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;
    }
}
 @media (max-width: 1200px) and (min-width: 992px) {
     .logos-header div{
         padding: 10px 0 0 0;
    }
     .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%;
    }
}
@media only screen and (min-width: 1200px) {
     /*---------- Banner ------------*/
    .navbar-default.top__navbar-nav .navbar-nav>li>a {
        font-size: 16px;
    }
}
/*---------------------------------------------- Large screen ----------------------------------------------*/
 @media (min-width: 1281px) and (min-height: 720px) {
    /*---------- Banner ------------*/
     a.navbar-brand img {
         padding-top: 15px;
         width: 85%;
         padding-left: 15px;
    }

    /*---------- Footer ------------*/
     #footer .logos-container {
         padding-left: 9%;
    }
     .video-banner__content {
         overflow:hidden;
         /* height:500px; */
        height: 75vh ;
         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;
}

.linkCopyright a{
  color: #aaaaaa !important;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.copyrightClass{
  border-left: 1px solid #aaa;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  color:#aaa;
}

@media screen and (max-width: 763px) {
    .copyrightClass{
        border-left: 0px;
    }
}
@media screen and (max-width: 767px) {
    .footer-content{
      padding:  0px !important;
    }
}
@media screen and (max-width: 575px) {
  footer  .footer-content{
        width: 100%;
        left:0%;
    }

  .footer-copyright{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #footer ul.social-network-icon{
    font-size: 15px;
    padding-left: 0px !important;
  }
}

.linksFooter li a {
  font-size: 18px;
  font-weight: bold;
  color: #aaaaaa !important;
}


/**************************************************************************/
/* 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 .leaflet-map .leaflet-control-container .leaflet-control .legend h2{
     color: white;
}

#content .leaflet-map .leaflet-control-container .leaflet-control .legend .disclaimer{
	padding: 10px;
	background-color: #f3f3f3 !important;
	color: #4f4f4f !important;
}

 #content .wtWidgets .leaflet-ui .leaflet-map .leaflet-control-container .leaflet-control .legend p{
    font-size: 12px !important;
    line-height: 20px;
}
 #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: 14px !important;
     line-height: 16px;
     font-family: Roboto;
     line-height: 22px;
     color: #4f4f4f;
}
 #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: 50vh !important;
}

.back-efsi{
  color: white !important;
  font-size: 14px;
}

 #content .leaflet-showpanel .leaflet-infopanel {
     width: 350px;
     margin: 2rem;
     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;
     min-height: 90vh;
}
#content.efsi_.efsi_map_ .leaflet-map.leaflet-container{
  height: 83vh;
}
 .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;
     font-family: Alegreya Sans;
}
 #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;
     font-size: 21px !important;
     font-family: Alegreya Sans;
     font-weight: 500;
     line-height: 30px;
     margin-bottom: 5px;
     color: #4f4f4f !important;
     text-align: left !important;
     width: auto !important;
}
 #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-size: 20px !important;
   font-family: Roboto;
   font-weight: 300;
   line-height: 30px;
   color: #23527c;
}
 #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: 20px !important;
     font-family: Roboto;
     font-weight: 300;
     line-height: 30px;
     color: #333333;
}

.dl-project-content .content-eur,.dl-project-content  .content-amount{
  color: #333333!important;
}

#content .efsi-map-project-link-list span{
  font-family: Roboto;
  float: right;
  font-weight: 500;
  color: #00529E !important;
  font-size: 18px;
}

#content .efsi-map-project-link-list span::after{
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: '\f105';
  padding-left: 10px;
}

.efsi-map-project-title h3 a{
  font-size: 26px !important;
  font-weight: bold !important;
  line-height: 25px !important;
  font-family: Roboto !important;
  color: #00529E !important;
}

.dl-project-content .content-eur{
  line-height: 55px !important;
}

 #content .dl-project-content dd{
     margin-left: 180px;
     font-size: 20px !important;
      font-family: Roboto;
      font-weight: 300;
      line-height: 30px;
}
 #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: 30px !important;
     font-family: Alegreya Sans;
     font-weight: 500;
     line-height: 30px;
     margin-bottom: 5px;
     color: #4f4f4f !important;
     text-align: left !important;
     width: auto !important;
     padding-top: 15px;
}

.dl-project-content dl{
  font-size: 21px !important;
  font-family: Alegreya Sans;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 5px;
  color: #4f4f4f !important;
  text-align: left !important;
  width: auto !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;
     font-size: 18px;
     font-family: Roboto;
     line-height: 30px;
}
 #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;
}

.center-flexed-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.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: 9px;
}

#helpUsWebsite .first-title {
    font-size: 25px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

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

#helpUsWebsite .callback a.btn-close {
    font-size: 14px;
}

#helpUsWebsite .callback .callback-text a {
    font-size: 25px;
    text-decoration: underline;
}

#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: 130px;
}

#helpUsWebsite .callback-pink {
    background: #721c24;
    opacity: 1;
    height: 50px;
}

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

    #helpUsWebsite .callback.new-callback {
        height: auto;
    }
}

@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: 13px;
    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;
    }
}

.twitter-moment-container {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 15px;
}

.person-content  .twitter-moment-container {
    height : auto !important;
    overflow: auto;
    margin-left: 36vw;
}


/**************************************************************************/
/* 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: 5px;
    }

    .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;
    }

    .navbar-default .navbar-nav>li>a {
      font-size: 11px !important;
      padding-left: 5px !important;
      padding-right: 5px !important;
    }

    .navbar-fr .navbar-nav>li>a, .navbar-de .navbar-nav>li>a {
      font-size: 11px !important;
    }

}


 @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: 15px;
    }

 }

 @media (min-width:768px) and (max-width:1280px) {
    .navbar-fixed-top .link-eib .eib-logo {
        width:61%;
        margin-top:8px;
    }

    .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: 15px;
          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:8px;
          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;
   }
 }

@media (min-width:2199px) {
  .navbar-fixed-top .link-eib .eib-logo {
    width: 36%!important;
  }
}

 /** 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;
}


    @media (min-width: 1480px) {
        .col-xl-12 {
           width: 100%;
        }
        .col-xl-11 {
           width: 91.666667%;
        }
        .col-xl-10 {
           width: 83.333333%;
        }
        .col-xl-9 {
           width: 75%;
        }
        .col-xl-8 {
           width: 66.666667%;
        }
        .col-xl-7 {
           width: 58.333333%;
        }
        .col-xl-6 {
           width: 50%;
        }
        .col-xl-5 {
           width: 41.666667%;
        }
        .col-xl-4 {
           width: 33.333333%;
        }
        .col-xl-3 {
           width: 25%;
        }
        .col-xl-2 {
           width: 16.666667%;
        }
        .col-xl-1 {
           width: 8.333333%;
        }
        .col-xl-0 {
           width: 0%;
        }

        .col-xl-offset-0 {
            margin-left: 0%;
        }
        .col-xl-offset-1 {
            margin-left: 8.333333%;
        }
        .col-xl-offset-2 {
            margin-left: 16.666667%;
        }
        .col-xl-offset-3 {
            margin-left: 25%;
        }
        .col-xl-offset-4 {
            margin-left: 33.333333%;
        }
        .col-xl-offset-5 {
            margin-left: 41.666667%;
        }
        .col-xl-offset-6 {
            margin-left: 50%;
        }
        .col-xl-offset-7 {
            margin-left: 58.333333%;
        }
        .col-xl-offset-8 {
            margin-left: 66.666667%;
        }
        .col-xl-offset-9 {
            margin-left: 75%;
        }
        .col-xl-offset-10 {
            margin-left: 83.333333%;
        }
        .col-xl-offset-11 {
            margin-left: 91.666667%;
        }
    }


/* Visible & hidden media queries */

    /* [#] xs screen */
    @media (max-width: 767px) {
      .visible-xl {
          display: none !important;
      }
    }

    /* [#] sm screen */
    @media (min-width: 768px) {
      .visible-xl {
          display: none !important;
      }
    }

    /* [#] md screen */
    @media (min-width: 992px) {
      .visible-xl {
          display: none !important;
      }
    }

    /* [#] lg screen */
    @media (min-width: 1200px) {
      .visible-xl {
          display: none !important;
      }
    }

    /* [#] xl screen */
    @media (min-width: 1480px) {
      .visible-xl {
          display: block !important;
      }
      .hidden-xl {
          display: none !important;
      }
    }

/* Add Search field next to the menu only for big screen */

.menu-center .search-field {
    display:none;
}

    @media (min-width: 1519px) {
        .menu-center .search-field {
            display:block !important;
        }
        /* .search-field__content {
            top: 24px;
            width: auto;
            left: 0;
            position: relative;
        } */

        .navbar-fixed-top .search-field__content {
            top:8px;
        }
        /*menu for prod*/
        .search-field__content form {
            background-color:transparent;
        }
        .search-field__content input {
            font-family: 'Roboto', sans-serif;
            width:auto;
            height: 30px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff;
            background-image: none;
            border-left: 1px solid #ccc;
            border-top: 1px solid #ccc;
            border-bottom:  1px solid #ccc;
            border-right: none;
            border-radius: 3px 0 0 3px;
        }

        .search-field__content .btn-link {
            background-color:#dedede;
            color: #fff;
            height: 30px;
            border-radius: 0 3px 3px 0;
            border:1px solid #ccc;
            padding:0 7px;
        }

        .search-field__content button .fa-search {
            font-size: 14px;
            top:-1px;
            position: relative;
        }

        .navbar-eib .social-network-icon {
            display:none;
        }


    }

/* End of Search field */
/* blog fix for newsletter padding */

#newsletter section{
  padding-left: 0px !important;
  padding-right: 0px !important;
}



@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;
    }
    #banner-video-exception.video-banner video {
        display: block;
        height: 100%;
        position: relative;
        left: 0;
        width: 100%;
        object-fit: cover;
    }

    .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;
    }

    .campaign .box__animated__numbers, .campaign .number-unity{
        line-height: 114px;
        font-size: 96px;
    }

    .campaign .banner-campaign__title .big-title {
        top: -15px;
        font-size: 60px;
        line-height: 60px !important;
    }
    /* .video-banner__content .logo-on-video {
         left: 50%;
         transform: translate(-50%, 0);
    }
    */

    *::-webkit-media-controls-panel {
      display: none!important;
     -webkit-appearance: none;
    }

    /* Old shadow dom for play button */

    *::--webkit-media-controls-play-button {
      display: none!important;
      -webkit-appearance: none;
    }

    /* New shadow dom for play button */

    /* This one works */

    *::-webkit-media-controls-start-playback-button {
      display: none!important;
      -webkit-appearance: none;
    }
}

@media only screen and (max-device-width: 812px) and (min-device-width: 375px) and (orientation: landscape) {
  #banner-video-exception .header-title.title__fs-banner {
    bottom: 0;
  }

  .home-campaign-video .video-banner__content {
    background-position: center center;
  }

  .campaign .banner-campaign__lead {
    font-size: 24px;
    line-height: 30px;
  }

  .campaign .box__animated__numbers, .campaign .number-unity {
    line-height: 82px;
    font-size: 82px;
  }

  .campaign .banner-campaign__text {
    min-height: 78px;
  }

  .campaign .banner-campaign__text p {
    margin-bottom: 0;
  }

  .campaign .banner-campaign__button {
    padding-top: 0;
  }

  .campaign .banner-campaign__button a.btn.section-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .campaign .banner__scroll-down {
    padding-top: 0;
  }

  .campaign .banner__scroll-down .fa-angle-down.fa-4x {
    font-size: 3em;
  }

}


/*  Alert Message ***********************************/
.alert-message {
    background-color: #CD3333;
    width: 100%;
    height:auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.alert-message a {
    color:#fff;
    text-align:center;
    display: block;
    text-decoration:none;
    margin-bottom: 0;
}

.alert-message span.fa-angle-right {
    padding-left: 5px;
    top:2px;
    position:relative;
}

.alert-message a:hover {
    text-decoration: underline;
}

.alert-message.alert-ukraine {
	background-color: #0057b7 !important;
}

.alert-message.alert-ukraine * {
	color:#ffd700 !important;
}

.eib-footer__alert {
  padding-top: 10px;
  padding-bottom: 10px !important;
  display: flex;
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  display: none;
  text-align: center;
}

.eib-footer__alert.eib-footer__alert--ukraine {
  background-color:#0057b7 !important;
  color:#ffd700 !important;
}

.eib-footer__alert.eib-footer__alert--ukraine a {
    color:#ffd700 !important;
}

.eib-footer__alert.eib-footer__alert--ukraine a:hover {
    text-decoration:underline !important;
}

.eib-footer__alert .close-btn {
  right:10px;
  position: absolute;
  top: 5px;
  border-radius: 50px;
  text-decoration: none;
  padding:5px 3px 6px 8px;
}

.eib-footer__alert.eib-footer__alert--ukraine .close-btn {
  color: #fff !important;
  font-weight: 500;
}

.eib-footer__alert.eib-footer__alert--ukraine .close-btn:hover {
    background-color:#ffd700;
    color:#0057b7;
    cursor:pointer;
}

main .alert-message.alert-ukraine a:not(.video-youtube):not(.carousel-control):not(.prev):not(.next):hover {
  text-decoration: underline !important;
}

.alert-message.alert-ukraine a span.fa-angle-right::before {
  content:"\f105" !important;
  color: #ffd700 !important;
  margin-left:inherit !important;
}

.newsletter-covid .submit-wrap {
  margin-left:0;
}

.newsletter-covid .newsletter-subscription-form {
    background-color: #CD3333;
}

.newsletter-covid .btn--bg-color-light-blue {
    background-color:#00529a;
}

#newsletter.newsletter-covid span.newsletter-text {
    color: #00529E;
    position: relative;
    font-size: 32px;
    font-weight: 500;
    line-height: 33px;
    width: 100%;
    display: block;
}
.covid .language-list .dropdown-menu{
  min-width: 85px !important;
}

@media (max-width: 425px) {
 .language-divider-covid{
     top:5px !important;
  }

  .covid .language-list{
    padding-top: 0px !important;
  }
  .covid .language-divider-covid {
    top:5px;
  }
  .disclaimer-mandatory{
    top: 20px;
  }
}


@media (max-width: 768px) {
 .covid.navbar-fixed-top .eib-logo{
     width:100px!important;
  }

  .covid.navbar-fixed-top .language-list-covid .dropdown-language{
    color : black;

  }
  .covid.navbar-fixed-top .language-divider-covid {
    top:5px;
  }

  .covid .language-list{
    padding-top: 10px;
  }
  .covid.navbar-fixed-top .language-list{
    padding-top: 0px;
  }
}

@media (min-width: 769px) {
  .covid .language-list{
    margin-top: 10px;
  }
  .covid.navbar-fixed-top .language-list-covid .dropdown-language{
    color : black;

  }
  .covid.navbar-fixed-top .language-list{
    margin-top: 10px;
  }
  .covid.navbar-fixed-top .language-divider-covid {
    top:25px;
  }

}

.two-columns .logo-button {
  height: 80px;
  overflow: hidden;
}
/* add flex and center to icons */
.flex-align-center {
    display: flex;
    align-items: center;
    /* align */
    padding: 0;
    margin-left: -15px;
}


/*------------------------------- Map Address ------------------------------ */
#geo-addresses {
    display:none;
}
#ec-widget-map {
    margin-top: 20px;
}
.olPopup {
    display:none;
}


/*-------------------------------- project cycle --------------------------------*/

.cycleComment {
    display : none;
    background-color : #9D9EA0;
    color : #FFFFFF;
    font-size : 12px;
    padding-left : 57px;
    width : 79%;
    height : 58px;
    position : absolute;
    opacity : 1;
    padding : 2px;
    height : auto;
    width : 50%;
    padding : 5px;
    box-shadow: 3px 3px 3px #555555;
    z-index : 1000;
}

.cycleComment.hover {
    display : block;
}

.projects_cycle_ #frameTarget0 {
    left: 54px;
    top: 112px;
}

.projects_cycle_ #frameTarget1 {
    left: 197px;
    top: 112px;
}

.projects_cycle_ #frameTarget2 {
    left: 312px;
    top: 112px;
}

.projects_cycle_ #frameTarget3 {
    left: 393px;
    top: 112px;
}

.projects_cycle_ #frameTarget4 {
    left: 488px;
    top: 145px;
}

.projects_cycle_ #frameTarget5 {
    left: 401px;
    top: 200px;
}

.projects_cycle_ #frameTarget5 {
    left: 396px;
    top: 200px;
}


.projects_cycle_ #frameTarget6 {
    left: 316px;
    top: 200px;
}

.projects_cycle_ #frameTarget7 {
    right: 7px;
    top: 200px;
}

.projects_cycle_ #frameTarget8 {
    right: 103px;
    top: 200px;
}

.projects_cycle_ #frameTarget9 {
    right: 201px;
    top: 200px;
}

.cycleComment#description {
    display : block;
    width : 79%;
}

.mapWrapper {
    position : relative;
}

.cycleWrapper {
    position : relative;
    height: 58px;
    background-color : #9D9EA0;
    overflow : hidden;
}

.arrowTooltip {
    border-color: transparent transparent #9D9EA0 transparent;
    border-style: solid;
    border-width: 0 12px 11px;
    height: 0;
    left: 0;
    position: absolute;
    top: -11px;
    width: 0;
}

.arrowTooltipShadow {
    border-color: transparent transparent #CCCCCC transparent;
    border-style: solid;
    border-width: 0 ;
    height: 0;
    left: 0;
    position: absolute;
    top: -14px;
    width: 0;
}

map#projectCycle area {
    pointer-events: none;
}

.projects_cycle_ #frame7 , .projects_cycle_ #frame9 {
    cursor : default;
}

/****** Quito Map ********/

#content .image-map, #QuitoIdImage {
    width: 763px;
    height: 100%;
}

.map-Quito {
  position: relative;
}

.station-content .cycleComment  {
    display: none;
    color : #333;
    font-size : 13px;
    padding-left : 57px;
    position : absolute;
    opacity : 1;
    padding : 2px;
    height : auto;
    width : 60%;
    padding : 20px 20px 10px 20px;
    z-index : 1000;
    border-radius:7px;
    background:#Ffffff; /* Old browsers */
    /*background: rgba(255, 255, 255, 0.95);*/
    border: 1px solid #bbb;
    box-shadow:none;
}

[id*="frameTarget"] .lb-close {
    display:none;
}

/*.station-content .arrowTooltip  {
    border-style: solid;
    border-width: 0px 11px 11px;
    height: 0;
    left: 5px;
    position: absolute;
    top: -11px;
    width: 0;

}*/

.station-content h3 {
    margin-bottom: 10px;
    padding-top: 0px;
    margin-top: 0px;
    line-height:normal;
}

.station-content #frameTarget1 h3, .station-content #frameTarget12 h3 {
    color: #F15A23;
    border-bottom: 1px solid #F15A23;
}
.station-content #frameTarget2 h3, .station-content #frameTarget3 h3 {
    color: #015CAB;
    border-bottom: 1px solid #015CAB;
}
.station-content #frameTarget4 h3, .station-content #frameTarget5 h3 {
    color: #A3248F;
    border-bottom: 1px solid #A3248F;
}
.station-content #frameTarget6 h3, .station-content #frameTarget7 h3, .station-content #frameTarget13 h3 {
    color: #F9A61A;
    border-bottom: 1px solid #F9A61A;
}
.station-content #frameTarget8 h3, .station-content #frameTarget9 h3, .station-content #frameTarget11 h3, .station-content #frameTarget14 h3 {
    color: #73BF45;
    border-bottom: 1px solid #73BF45;
}
.station-content #frameTarget10 h3, .station-content #frameTarget15 h3  {
    color: #EE4155;
    border-bottom: 1px solid #EE4155;
}
.station-content #frameTarget13 h3 {
    color: #00ADEF;
    border-bottom: 1px solid #00ADEF;
}

.station-content #frameTarget1 {
    left: 36px;
    top: 58px;
}

.station-content #frameTarget2 {
    left: 43px;
    top: 60px;
}

.station-content #frameTarget3 {
    left: 48px;
    top: 64px;
}

.station-content #frameTarget4 {
    left: 53px;
    top: 67px;
}

.station-content #frameTarget5 {
    left: 57px;
    top: 73px;
}

.station-content #frameTarget6 {
    left: 63px;
    top: 71px;
}

.station-content #frameTarget7 {
    right: 54px;
    top: 74px;
}

.station-content #frameTarget8 {
    right: 51px;
    top: 78px;
}

.station-content #frameTarget9 {
    right: 48px;
    top: 84px;
}

.station-content #frameTarget10 {
    right: 43px;
    top: 81px;
}

.station-content #frameTarget11 {
    right: 40px;
    top: 85px;
}

.station-content #frameTarget12 {
    right: 40px;
    top: 90px;
}

.station-content #frameTarget13 {
    right: 34px;
    top: 90px;
}

.station-content #frameTarget14 {
    right: 28px;
    top: 91px;
}
.station-content #frameTarget15 {
    top: 89px;
    right: 20px;
}

#QuitoMetro #frame7 , #QuitoMetro #frame9 {
    cursor : pointer !important;
}

.zebra.indicative-features td, .zebra.indicative-features td a, .indicative-features .datatable_server td, .indicative-features .datatable_server td a, .indicative-features .datatable td, .indicative-features .datatable td a, .indicative-features .efsi-datatable td, .indicative-features .efsi-datatable td a {
    font-weight:normal !important;
}

/*--------------------------------- Small Islands map ------------------------------------------*/

#content .image-map,#content #SmallIslands {
    width:101%;
}

.map-islands {
    margin-bottom: 40px;
}

.smallislands-content .smallIslandComment  {
    display : none;
    color : #333;
    font-size : 13px;
    padding-left : 57px;
    position : absolute;
    opacity : 1;
    padding : 2px;
    height : auto;
    width : 40%;
    padding : 3px 15px 12px 20px;
    z-index : 1000;
    border-radius:7px;
    background:#Ffffff ; /* Old browsers */
    /*background: rgba(255, 255, 255, 0.95);*/
    border: 1px solid #bbb;
    box-shadow:none;
    top:262px;
    left:430px;
}

.map-islands.fr .smallislands-content .smallIslandComment {
    top:210px !important;
}

.smallIslandComment#description {
    display : block;
    width : 79%;
}

.smallislands-content h3 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    line-height:normal;
    color:#0A4684;
    border-bottom:1px solid #0A4684;
}

#content .smallIslandComment img.img-left {
    height:200px;
}

#body blockquote {
    border:none;
    line-height: 160%;
    color: #555555;
}

#body blockquote p {
    font-size: 1.1em;
    text-align: center;
    font-style: italic;
}

#body blockquote:before,
#body blockquote:after {
    content: "";
	display: block;
	width: 100px;
	height: 2px;
	background: #ddd;
	margin: 40px auto;
}


#body .intro-ac-2017 blockquote:before,
#body .intro-ac-2017 blockquote:after {
    margin:15px auto;
}


/*#top-menu__horizontal.menu-anchor {
  top:0 !important;
  margin-top:60px;
}*/

.panel-simple.tab-pane .box__content {
  height:auto !important;
}

.post-video__content {
    height: 400px;
    width: 100%;
    color: #333;
}

@media (max-width: 767px) {
  .post-video__content  {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
  }

  .post-video__content iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
  }
}

.margin-top-none {margin-top:0!important;}

.margin-top-none__jl{margin-top-none:-30px!important;}

.box-video__award {
    top: 120px;
    z-index: 999;
    width: 240px;
    position: absolute;
    color: #fff;
    left: 10px;
    background-color: rgba(0,0,0,0.3);
    display: none;
	  transition: all .3s ease-in-out;
}

.box-video__award p {
    color: #fff;
    margin: 10px 0 7px 0;
    padding: 0 5px;
}

.box-video__award.visible {
	transition: all .3s ease-in-out;
	display: block;
}