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