@font-face {
    font-family: "FontAwesome";
    src: url('[system-asset:local]/eif.org/tools/css/fonts/font-awesome-solid-900.otf[/system-asset:local]');
}
@font-face {
    font-family: "FontAwesome";
    src: url('[system-asset:local]/eif.org/tools/css/fonts/font-awesome-regular-4001.otf.otf[/system-asset:local]');
}
@font-face {
    font-family: "FontAwesome";
    src: url('[system-asset:local]/eif.org/tools/css/fonts/font-awesome-regular-400.otf[/system-asset:local]');
}

.span10.border_left {
    padding-right: 1.5%;
}
.row-fluid .span9.first {
    width : 73.3%;
}

.row-fluid .first[class*="span"] {
    margin-left : 0;
}

.ui-state-default .ui-icon {
    background-image: url("/https/www.eif.org/tools/css/images/ui-icons_666666_256x240.png");
}

.row-fluid .alignMenu[class*="span"] {
    margin-left : 10px;
    width : 50%;
}

.row-fluid [class*="span"].rightColumn {
    margin-left: 5px;
}

.row-fluid .span3.rightColumn {
    width : 25%;
}

a {
    color: rgb(0,30,133);
}
a:hover{
    color:#003399;
}
.ic_caption a {
    color: #FFFFFF;
}

.center {
    text-align: center;
}

a[href$=".rss"], a[href$=".rdf"] {
    background-image: url("/https/www.eif.org/img/site/dev/icons/feed.png");
}

a[href$=".pdf"] {    background-image: url("/https/www.eif.org/img/site/dev/icons/pdf.png");}
a[href$=".doc"] {    background-image : url("/https/www.eif.org/img/site/dev/icons/doc.png")}
a[href$=".docx"] {    
    background-image : url("/https/www.eif.org/img/site/dev/icons/doc.png");
    background-position: right center;
    background-repeat: no-repeat;
    margin: -2px 0;
    padding: 2px 22px 2px 0;
}
a[href$=".xls"] {    background-image: url("/https/www.eif.org/img/site/dev/icons/xls.png");}
a[href$=".xlsx"] {    background-image: url("/https/www.eif.org/img/site/dev/icons/xls.png");}
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href^="docx:"], a[href^="xlsx:"], a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"] {
    background-position: right center;
    background-repeat: no-repeat;
    margin: -2px 0;
    padding: 2px 22px 2px 0;
}

a[href$=".xlsx"] {
    background-image: url(/https/www.eif.org/img/site/dev/icons/xls.png);
    background-position: right center;
    background-repeat: no-repeat;
    margin: -2px 0;
    padding: 2px 22px 2px 0;
}

.search .triangle a[href$=".pdf"] { background : none;}
.search .even {background : url("/https/www.eif.org/img/site/plus_grey.png") no-repeat scroll right bottom #eeeeee;}
.search .even h4 {margin-top : 0px; padding-top : 10px;}

body {
    font-size: 13px;
    line-height: 19px;
    background-color: #EEEEEE;
}

hr.space {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    visibility: hidden;
    margin: 10px 0;
}

form hr.space {
    height : 0px;
}

.container {
    max-width : 940px;
}

.container .container {
    width: auto !important;
}

.row-fluid #right.span3 {
    width : 25.625%;
}

.row-fluid #right.enquiry_form.span3 {
    width : 24%;
}

#body .container {
    overflow: hidden;
}

.color-red{
    color:red;
}

.row-fluid .border_left {
    border-left: 1px solid #cccccc;
    margin-left: 1%;
    padding-left: 1%;
    min-height : 350px;
}

.row-fluid #right.border_left {
    padding-left: 0.7%;
}

.hide,
.print {
    display : none;
}
#banner .square{
    display:none;
}

.global-shadow {
    background-color: #FFFFFF;
    box-shadow: 0 0 5px 6px #CCCCCC;
    padding-left : 6px;
    padding-right : 6px;
}
.articleBox{
    padding-bottom:0px !important;
}
.banner_container {
    height: auto;
    padding-bottom: 2px;
}

.rightColumn, #right, #content {
    margin-bottom: -50000px;
    padding-bottom: 50000px;
}

.jcarousel-prev h4 {
    color: rgb(0,30,133);
    font-size: 15px;
    font-weight: bold;
    height: 21px;
    margin-top: 4px;
    padding-left: 5px;
    text-align: left;
}

.news_centre_search_ .triangle a {
    float: right !important;
    height: 18px !important;
    text-decoration: none !important;
    width: 28px !important;
    position : relative !important;
}

#right .jcarousel-prev h4 {
    color : #FFFFFF;
}

#right hr.space {
    height : 1px;
}

a.allEvents {
    float: right;
    width: 20px;
}

h4.summaryTitle {
    background: none no-repeat scroll 0 0 #003399;
    color: #FFFFFF;
    font-size: 14px;
    margin-top : 0px;
    margin-bottom : 15px;
    padding-left: 5px;
    padding-top: 3px;
    height : 21px;
}

h4.summaryTitle + a img {
    margin-bottom : -15px;
}

h4.summaryTitle.grey {
    background-color : #b6b6b6;
}

h4.summaryTitle.darkBlue {
    background-color : rgb(0,30,133);
    margin-bottom : 0px;
}

h4.summaryTitle.lightBlue {
    background-color : #BCD4EC;
}

.box, .moreinfo {
    background: none repeat scroll 0 0 #EEEEEE;
    margin-bottom: 1.5em;
    padding: 1.5em;
}

table {
    width : 100%;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

.zebraWrapper table {
    background-image: none;
    border : none;
    /*table-layout : fixed;*/
}

table.border {
    border-left: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
}

table.border td {
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    font-size : 0.85em;
}

.searchable .zebraWrapper td {
    vertical-align: top;
}
tr.even td, tr.even th {
    background: none repeat scroll 0 0 #F2F6FA;
}

h1{
    color: rgb(0,30,133);
    font-size: 23px;
    line-height: 30px;
    margin-top: 0;
}

h3:first-child {
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
    min-height: 32px;
    padding-left: 14px;
    line-height: 20px;
}

h3::before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: 22px;
    border: 2px solid #003399;
    margin-left:-10px;
}

h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    margin-top: 0;
    min-height: 32px;
    padding-left: 14px;
}

.zebraWrapper table tr td h3 {
    margin-top : 15px;
    color: #00529F;
}

.searchable .zebraWrapper td {
    vertical-align: top;
}

hr {
    background: none repeat scroll 0 0 #DDDDDD;
    border: medium none;
    clear: both;
    color: #DDDDDD;
    float: none;
    height: 1px;
    margin: 0 0 1.45em;
    width: 100%;
}

.span10.border_left.case_studies_ {
    margin-left:149px;
}

#goPL {
    background: none repeat scroll 0 0 rgb(0,30,133);
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
}
fieldset .row-fluid input.Gobutton {
    width: 35%;
}

ul#details {
    list-style : none;
    margin-left : 10px;
    margin-bottom : 10px;
}

ul.details {
    list-style : none;
    margin-left : 10px;
    margin-bottom : 10px;
}


#details {
    margin-top: -1.5em;
}

.details {
    margin-top: -1.5em;
}

#details li {
    background: none repeat scroll 0 0 transparent;
    color: #AAAAAA;
    float: left;
    margin-bottom: 0;
}

.details li {
    background: none repeat scroll 0 0 transparent;
    color: #AAAAAA;
    float: left;
    margin-bottom: 0;
}

#details li:first-child {
    margin-left: -1em;
}

.details li:first-child {
    margin-left: -1em;
}

div.left,
img.left,
p img.left {
    float: left;
    margin: 0 1.5em 1.5em 0;
    padding: 0;
}

.left {
    float : left;
}

.allNews{
    float: right;
    height: 25px;
    margin-top: -4px;
    text-decoration: none;
    width: 25px;
}

a.allNews:hover {
    text-decoration: none;
}

.articleBox ul ul {
    margin-left: 13px;
    list-style : outside;
}

.articleBox dl dd {

}

/*------------------------------ Search page -----------------------------*/
.triangle {
    height: 100%;
    width: 100%;
}

.triangle a{
    float: right;
    height: 18px;
    text-decoration: none;
    width: 28px;
}

.row-fluid .centralColumnItemBottom {
    height: 18px;
    min-height: 18px;
}

#header-new form input[type="text"] {
    border-radius: 0 0 0 0;
    background-image: none;
    -moz-transition: none;
    background-color: #FFFFFF;
    border-right: none;
    border-left: 1px solid #D3D4D5;
    border-top: 1px solid #D3D4D5;
    border-bottom: 1px solid #D3D4D5;
    box-shadow: none;
    color: #999999;
    width: 89%;
}

#header-new-new form input[type="submit"].searchButton {
    background-color: #FFFFFF;
    background-image: url(/https/www.eif.org/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: 30px;
    position: relative;
    text-indent: -9999px;
    top: 0;
    width: 30px;
}

#header-new .socialNetwork {
     text-align: right;
}


.search .details {
    margin: 0 0 20px;
}

.search ul.details li {
    float: right;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 20px;
}

.centralColumnItem {
    background: url("/https/www.eif.org/img/site/plus_grey.png") no-repeat scroll right bottom transparent;
    padding-bottom: 0;
}

.border_bottom {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 0px;
}

/*------------------------------- header-new ------------------------*/

.header-social_top{
    color:#003399;
}

.socialNetwork a:hover {
    text-decoration:none !important;
}

#header-new form input[type="text"] {
    border-radius : 0 0 0 0;
    background-image : none;
    -moz-transition: none;
    background-color: #FFFFFF;
    border-right: none;
    border-left: 1px solid #D3D4D5;
    border-top: 1px solid #D3D4D5;
    border-bottom: 1px solid #D3D4D5;
    box-shadow : none;
    color : #999999;
    width : 89%;
}

#header-new form input[type="submit"].searchButton {
    background-color: #FFFFFF;
    background-image: url('/https/www.eif.org/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: 30px;
    position: relative;
    text-indent: -9999px;
    top: 0;
    width: 30px;
}


.search input[type="text"] {
    margin-bottom : 0px;
}

#header-new {
    margin-top: 8px;
}

#header-new a {
    font-weight : 500;
}

#header-new .header-newTextImage {
    padding-left : 17.7%;
    font-size : 10px;
    color : rgb(0,30,133);
    font-style : italic;
}

#header-new .alignMenu span.span2:last-child {
    margin-left : 28px;
}

#header-new .topLinks {
    padding-bottom:5px;
}

#header-new .socialNetwork {
    text-align:right;
}

/*----------------------- - home page - ------------------------*/
.wrapperBox {
    overflow : hidden;
    padding-left: 1px;
}

.homeBoxWrapper .span3{
    position: relative;
}

.homeBoxWrapper .triangle{
    height:10px !important;
    position : absolute !important;
    bottom:0;
    right:0;
}

.jcarousel-clip.jcarousel-clip-vertical {position: relative; height: 175px;}

.row-fluid .wrapperBox .darkblueBox .articleBox {
    padding-bottom : 48px;
}

.redirectLink {
    background : url('/https/www.eif.org/img/site/plus.png') no-repeat scroll right 289px transparent;
}

.greyBoxFirst {
    background-color : #CCCCCC;
}

.greyBox {
    background-color : #CCCCCC;
}

.darkblueBox {
    background-color rgb(0,30,133);
}

.lightblueBox {
    background-color : #ADCDEC;
}

.lightpurpleBox{
   background-color: #EEEEEE ;
}

.darkpurpleBox{
    background-color: #EEEEEE ;
}

.pink-title a{
   color: #003399  !important;
}

.pink-title{
   color: #003399  !important;
}

.home_ .rightColumn {
    margin-left : 5px;
    width : 25%;
}

.row-fluid .wrapperBox div {
    margin-left : 5px;
}

.row-fluid .wrapperBox div.articleBox {
    margin-left : 0px;
}

.row-fluid .wrapperBox div.home_ {
    margin-left : 0px;
    padding-left : 0px;
}

.wrapperBox dl {
    margin-bottom : 0;
    margin-top : 0;
}

.wrapperBox dd {
    margin-left : 0;
}

.row-fluid .wrapperBox div.greyBoxFirst,
.row-fluid .wrapperBox div.greyBox,
.row-fluid .wrapperBox div.darkblueBox,
.row-fluid .wrapperBox div.lightblueBox {
    margin-bottom: -5000px;
    padding-bottom: 5000px;
}

.row-fluid .wrapperBox .span3 {
    width : 24.6%;
    padding-left : 0;
}

hr.white {
  margin: 0 0 10px;
  padding: 0;
}

.titleBox {
    min-height : 100px;
}

.titleBox h3 {
    background: none repeat scroll 0 0 transparent;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    padding: 20px 2px 2px;
}

.articleBox {
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
}

.centralColumn {
    height : 270px;
}

.row-fluid .wrapperBox .blueCube {
    background: none repeat scroll 0 0 #ADCDEC;
    height: 64px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    width: 64px;
}

.lightblueBox dt {
    display : none;
}

.articleBox a {
    color : #333333;
}

.box ul li,
.wrapperBox ul li,
.wrapperBox dl dd {
    line-height: 17px;
    padding-bottom: 5px;
}

div.articleBox ul li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: 10px;
    border: 2px solid #003399;
    margin-left:2px;
}

.wrapperBox ul li ul li {
    background : none;
    padding-left : 0;
}

.articleBox > ul {
    list-style : none;
    margin : 0;
}

.box ul {
    list-style : none;
    margin-top : 10px;
}

.articleBox p {
    padding-left : 10px;
}

/*--------------------------------------------------- - Footer - -------------------------------------------------------*/
#footer .container {
    padding-top : 20px;
}

#footer {
    border-top: 1px solid #CCCCCC;
    font-size: 0.85em;
    margin-top: 20px;
    padding-top: 0;
}

#footer a {color: #333333;text-decoration: none; font-size : 8.5pt;}

#footer a:hover {text-decoration: underline;}

#footer dt  {color:gray;}

#footer dd {margin-left: 15px;}

#footer dl {margin-bottom: 18px; margin-left:20px; margin-top: 0;}

#footer dt {list-style-image: none;list-style-position: outside;list-style-type: none;padding-top: 18px;}

#footer dl dd {
  text-indent: -0.5em;
}

#footer ul {
    list-style : none;
    margin-left : 0px;
}

#footer ul li {
     padding-left: 10px;
     line-height: 15px;
     padding-top: 4px;
}

#footer ul li a::before{
        content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: 10px;
    border: 2px solid #003399;

}
#footer a{
    margin:10px;
}

.footer-padding-left {padding-left: 1.5%;}

#footer .liFooter {float:left; list-style:none; padding-right: 20px;}
#footer .ulFooter {margin-left: 0px; padding-left: 0px;}

#underfooter {background-color: #FFFFFF; height: 80px; margin-top : 5px; text-align: right; margin-bottom : 5px;}

#underfooter .underfooter-social-network {margin-top: 20px;background-color: #EEEEEE;padding-left: 15px;}

#underfooter .underfooter-partner-website {text-align : center; margin-top: 10px;background-color: #EEEEEE;}

#underfooter .logo-partner-website {height:auto; width:auto;}

#underfooter .underfooter-social-network a {margin-right:10px;}

#footer .last{margin-left: 0px;}

#footer .row-fluid [class*="span"] {min-height : 15px;}

.blueBorder {
  background: none repeat scroll 0 0 #001E85;
  height: 15px;
  margin-left: 105px;
  width: 89%;
}

.yellowBorder {
   background: none repeat scroll 0 0 #003399;
   float: left;
   height: 15px;
   width: 10%;
}

#closing p {
    margin-left : 11.3%;
    color: #58585A;
    text-decoration: none;
    font-size : 8.5pt;
    padding-top: 10px;
}

#closing .blue {
    color : #003399;
    float : left;
    font-weight : bold;
}
/*-------------------- closing logo display --------------------------*/
/*
.copyrightWrapper {
    float : left;
    width : 69%;
}

#closing p.logo {
    padding : 0;
    margin : 0;
    float : left;
    width : 31%;
}*/

#left {
    margin-left: 0px;
    min-height: 370px;
}
#left div dl {
    margin-top: 0;
}
#left dl {
    margin-bottom: 0;
}
#left dl dt {
    display: none;
}
#left .news_centre_ dl dt { 
    border-bottom: 1px solid #CCCCCC;
    color: #00529F;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    padding: 0.4em 0 0.4em 0.4em;
    text-decoration: none;
}
#left dl dd {
    background-image: none;
    margin-left: 0;
    padding-left: 0;
}
#left dl dd a {
    border-bottom: 1px solid #cccccc;
    color: rgb(0,30,133);
    display: block;
    font-size: 0.9em;
    padding: 0.4em 0 0.4em 0.4em;
    text-decoration: none;
    font-weight : normal;
}
#left dl dd a:hover {
    text-decoration: underline;
}
#left .news_centre_ dl dt a:hover {
    text-decoration: none;
}
#left dl dd dl {
    padding-left: 0.5em;
}
#left dl dd dl {
    display: none;
}
#left dl dd dl a {
    background: none repeat scroll 0 0 transparent;
    color: #787878;
    padding-left: 5px;
    font-weight : normal;
}
#left dl dd dl a:hover {
    background: none repeat scroll 0 0 white;
}
#left dl dd.active dl {
    background-color: #FFFFFF;
}
#left dl dd.active a, #left dl dd.active dl, #left dl dd.active dl dd, #left dl dd.active dl dd a {
    display: block;
}
#left dl dd.active dl dd dl {
    display: none;
}
#left dl dd.active dl dd.active a, #left dl dd.active dl dd.active dl, #left dl dd.active dl dd.active dl dd, #left dl dd.active dl dd.active dl dd a {
    display: block;
}
#left dl dd dl dd {
    background: none repeat scroll 0 0 transparent;
}
#left dl dd dl dd dl dd a {
    color: #A8A9AD;
    font-size: 0.9em;
    font-weight: normal;
}

.progress{
    border-radius: 0px 0px 0px 0px;
    box-shadow: none;
    height: auto;
    margin-bottom: 0;
    overflow: hidden;
}
/*------------------- Manager ----------------------------*/

#body .boardofdirector .article .subfunction {
    font-style: italic;
}
.small {
    font-size: 0.8em;
    line-height: 1.875em;
    margin-bottom: 0;
}

.container .article a img.manager {
    width : 150px;
    padding-left: 0;
}

.boardofdirector table tr td {
    width : 70%;
}


/*--------------------------------- - Form - --------------------------------*/
form {
    background-color: #EAEAEA;
}

.niceform ol {
    list-style: none outside none;
}

form.niceform select {
    color: #999999;
}

li.clearfix, label.checkbox {
    padding-left: 0;
}

form.niceform fieldset div {
    padding-left: 10px;
}

form.niceform fieldset legend {
    border-style: none;
    padding-left: 10px;
}

/*--------------------------------- - Sitemap - -----------------------------*/

#primaryNav li {
    width: 120px;
}

#primaryNav {
    margin: 0;
    float: left;
}
#primaryNav #home {
    display: block;
    float: none;
    background: #ffffff url(/https/www.eif.org/img/site/dev/L1-left.png) center bottom no-repeat;
    position: relative;
    z-index: 2;
    padding: 0 0 30px 0;
}
#primaryNav li {
    float: left;
    background: url(/https/www.eif.org/img/site/dev/L1-center.png) center top no-repeat;
    padding: 30px 0;
    margin-top: -30px;
}
#primaryNav li a {
    margin: 0 10px 0 0;
    padding: 10px 0;
    display: block;
    text-align: center;
    color: #444444; 
    background-color: #B6BED8;
    border: 2px solid #687CB3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
    -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */ 
}
html>body #primaryNav li a {
    background: #B6BED8 url(/https/www.eif.org/img/site/dev/white-highlight.png) top left repeat-x;
}
#primaryNav li a:visited {
    color: #444444;
}
#primaryNav li a:hover {
    background-color: #265FA9;
    border-color: #114FA0;
    color: #DDDDDD;
}
#primaryNav li li a:hover {
    color: #444444;
}
#primaryNav li:last-child {
    background: url(/https/www.eif.org/img/site/dev/L1-right.png) center top no-repeat;
}
/* 
#primaryNav a:link:before,
#primaryNav a:visited:before {
    content: " "attr(href)" ";
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 5px;
    word-wrap: break-word;
}
*/ 

/* -------- Second Level --------- */

#primaryNav li li {
    width: 100%;
    clear: left;
    margin-top: 0;
    padding: 10px 0 0 10px;
    background: url(/https/www.eif.org/img/site/dev/vertical-line.png) center bottom repeat-y;
}
#primaryNav li li a {
    border-color: #114FA0;
    background-color: #B6BED8;
    color: #444444;
}
#primaryNav li li a:hover {
    background-color: #FFD100;
    border-color: #114FA0;
}
#primaryNav li li:first-child {
    padding-top: 30px;
}
#primaryNav li li:last-child {
    background: url(/https/www.eif.org/img/site/dev/vertical-line.png) center bottom repeat-y;
}

/* -------- Third Level --------- */

#primaryNav li li ul {
    margin: 10px 0 0 0;
    width: 100%;
    float: right;
    padding: 9px 0 10px 0;
    background: #ffffff url(/https/www.eif.org/img/site/dev/L3-ul-top.png) center top no-repeat;
}
#primaryNav li li li {
    background: url(/https/www.eif.org/img/site/dev/L3-center.png) left center no-repeat;
    padding: 5px 0;
}
#primaryNav li li li a {
    background-color: #fff7aa;
    border-color: #e3ca4b;
/*  font-size: 12px;*/
    padding: 5px 0;
    width: 80%;
    float: right;
}
#primaryNav li li li a:hover {
    background-color: #fffce5;
    border-color: #d1b62c;
}
#primaryNav li li li:first-child {
    padding: 15px 0 5px 0;
    background: url(/https/www.eif.org/img/site/dev/L3-li-top.png) left center no-repeat;
}
#primaryNav li li li:last-child {
    background: url(/https/www.eif.org/img/site/dev/L3-bottom.png) left center no-repeat;
}

#primaryNav ul {
    list-style : none;
}

ul#primaryNav {
    list-style : none;
}

/*--------------------------------------- - Right - -----------------------------------------*/
#right p {
    font-size: 0.9em;
    padding: 0.5em 0;
}

#right ul:not(.bulletsList) {
    margin-left: 15px;
    margin-top: 5px;
}

#right .highlightBox {
    background-color: #003399;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: 24px;
    margin-bottom: 15px;
    margin-top: 0;
    padding-left: 5px;
    padding-top: 3px;
    text-align: left;
    min-height : 24px;
}

#right .highlightBox.lowlight {
    height : auto;
}

#right .highlightBox.lowlight img {
    margin : 1.5em 3.5em;
}

ul.bulletsList {
    list-style: none outside none;
    margin : 0;
}

ul.bulletsList li {
    float: left;
    height: auto;
    line-height: 15px;
    min-height: 32px;
    padding-bottom: 15px;
    padding-left: 14px;
    width: 93%;
}
ul.bulletsList li a::before{
        content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: 10px;
    border: 2px solid #003399;
    margin-left: -14px;
}



.YB li {
    padding-bottom: 15px;
}

ul.bulletsList li a {
    font-size : 12px;
    color: #58585A;
    font-weight : bold;
}

.highlightBox a {
    color: #58585A;
    font-size: 12px;
    font-weight: bold;
}

#right img {
    margin : 0;
}

/*-------------------------------- Overlay ------------------------*/


.simple_overlay {
    background-color: #333333;
    border: 1px solid #666666;
    display: none;
    min-height: 200px;
    width: 320px;
    z-index: 10000;
}
.simple_overlay .close {
    background-image: url("/https/www.eif.org/img/site/dev/close.png");
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 35px;
}

form#formulaire ol li {
    list-style : none;
}

form#formulaire ol li .desc,
form#formulaire ol span div em {
    font-size: 9px;
    font-style: italic;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align : right;
    display :block;
}

form#formulaire ol li .desc.left {
    text-align : left;
}

form#formulaire ol label {
    color: black;
    font-size: 10px;
    text-align: right;
    padding-right : 15px;
    margin-left: 0px;
}

#formulaire .input-append input[class*="span"],
#formulaire .input-append .uneditable-input[class*="span"],
#formulaire .input-prepend input[class*="span"],
#formulaire .input-prepend .uneditable-input[class*="span"],
#formulaire .row-fluid input[class*="span"],
#formulaire .row-fluid select[class*="span"],
#formulaire .row-fluid textarea[class*="span"],
#formulaire .row-fluid .uneditable-input[class*="span"],
#formulaire .row-fluid .input-prepend [class*="span"],
#formulaire .row-fluid .input-append [class*="span"] {
    display : block;
}

#formulaire .ui-state-default {
    display: inline;
    left: 506px;
    position: absolute;
    width: 1.4%;
}

hr.space {
    height : 5px;
}

form legend {
    padding-left: 10px;
    border : none;
}

fieldset p {
    text-align : center;
}

#formulaire select{
    height: 30px;
}

#formulaire  input[type="file"] {
    min-height : 30px;
}

form#formulaire ol label.left {
    text-align : left;
}

.blue-bg {
    background-color: #C7DBF3;
    height: 631px;
    width: 629px;
}

.ui-icon {
    float: left;
}

.search .url {
    color: #999999;
    font-style: italic;
    margin-bottom: 5px;
}

div.who_we_are_.who_we_are_highlights_ td.TableTitle {color:black!important;}
div.who_we_are_.who_we_are_highlights_ .right {text-align:right}
div.who_we_are_.who_we_are_highlights_ p.legend {color:#818285;}



#banner {
    margin-left : 149px;
    min-height: 150px;
    position: relative;
}

.square {
    display : none;
}

#banner .square {
    background: none repeat scroll 0 0 #B6B6B6;
    display: inline;
    float: left;
    height: 64px;
    margin-top: 1px;
    margin-right: 20px;
    width: 64px;
    display:none !important;
}

#banner h1 {
    left: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 35px;
    position: relative;
}

#formJobs {
    background : none repeat scroll 0 0 transparent;
}

.jobs .overButton {
    font-style: italic;
    padding-bottom: 5px;
    padding-top: 20px;
}

.NFButton.apply_button {
    margin-top: 10px;
}

.jobDescription {
    padding-top : 11px;
}

#formulaire li div {
    margin-left : 0;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-left : 0;
    margin-right : 10px;
}

.hidden {
    display : none;
}

table#jobs {
    background : none;
    border : none;
}

.bannerDescription {
    color: rgb(0,30,133);
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    top: 127px;
    text-align : right;
    right : 0;
    margin-right: 66px;
}

.relative {
    position :relative;
}

.centralColumnItemBottom {
    height : 20px;
}

.footerBullet {
    padding-left: 10px;
}

.footerBullet:before{    
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: 10px;
    border: 2px solid #003399;
}

.right {
    float : right;
}

/* --------------- YellowBox -------------------*/
.relatedPublicationYellowBox img {height: auto; width: 60px;}

li.relatedPublication {background-image: none; list-style: none; float: left; padding-bottom: 10px;}

.relatedPublicationYellowBox h4 {    background-color: #003399;    color: #FFFFFF;    font-size: 15px;    font-weight: bold;    height: 21px;    margin-bottom: 15px;    margin-top: 0;    min-height: 21px;    padding-left: 5px;    padding-top: 3px;    text-align: left;}

.relatedPublicationYellowBox ul {margin-left: 0!important;}




/*------------------- DynamicBox et ButtonBox -----------------------*/
div.coloredBoxMobile div.ic_container.mobileBox {color:white;}

.YB .coloredBoxMobile .ic_container.mobileBox {height: 230px!important; overflow: hidden;}

/*div.coloredBoxMobile .triangle a:hover {font-size : 25px!important;} NON utilisé car certains + sont fait via une image de fond avec un + transparent*/

#right  .ic_container{    height:270px;}

div.ic_caption.noJSgoUp {margin-top: -30px;} /* pour faire remonter les textes en cas de non JS */

#right .highlight {  margin-bottom: 15px;}
#right .highlight .coloredBoxMobile  .video img.box-img {        width:100%;        height:235px; }
#right .highlight .coloredBoxMobile  img.video_thumb {  bottom: 0;  left: 0;  margin: 0 0 34% 34%;  position: absolute;  width: 70px;}
#right .highlight .pub_thumb{    margin-left:0px;    margin-right:10px;}

#right .publications_list h5 {    color:#444444;}

#right .normal-box h5 {    color:#444444;}

#right .publications_list ul { }

#right .buttonBox div.small-box { height: auto; max-height: 150px;}/* Version avec découpe automatique, dans ce cas on veut une taille fixe #right .buttonBox div.small-box { height: 80px;}*/
#right .buttonBox div.small-box h5 { padding-top: 10px!important;}
#right .buttonBox h5.small-box {         color: white;         padding-top: 20px;         text-align: center;         font-size:1.2em;     margin-bottom:0px;     min-height: 40px;}
#right .buttonBox h5.small-box a{     color: white;}

#right  h5.small-box {margin-top: 0px;}

#right .normal-box {  background:none;}

#right div h5 {    font-size: 125%;}



/*---------------------------- - left caroussel homepage - -------------------------------------*/
.coloredBoxMobile img {width:235px;}
.coloredBoxMobile .ic_caption {width:233px;}
.coloredBoxMobile  .ic_caption h6 {color: #FFFFFF;font-size: 12px;font-weight: bold;margin-bottom: 0;margin-left: 0;margin-right: 0;margin-top: 0;padding-bottom: 5px;padding-left:5px; padding-right: 10px;padding-top: 5px;}
.coloredBoxMobile  .ic_text {font-size: 12px;margin-bottom: 0;margin-left: 5px;margin-right: 0;margin-top: 0;padding-bottom: 5px;padding-left: 5px;padding-right: 5px;padding-top: 5px;}
.ic_container{     height:183px;     vertical-align:baseline;     position:relative;     }
.coloredBoxMobile .ic_caption{position:absolute; opacity:1; overflow:hidden;margin:0px;padding:0px;left:0px;right:0px;border-width:0px;padding-bottom: 5px;}

#right .darkBlueBox {background-color: rgb(0,30,133);}
#right .lightBlueBox {background-color: #003399;}
#right .yellowBox {background-color: #003399;}
#right .greyBox {background-color: rgb(182,182,182);}

.coloredBoxMobile  div .triangle .darkBlue-color{color: rgb(94,159,201);}
.coloredBoxMobile  div .triangle .lightBlue-color{color: rgb(188,212,236);}
.coloredBoxMobile  div .triangle .yellow-color{color:  #003399;}
.coloredBoxMobile  div .triangle .grey-color{color: rgb(182,182,182);}
.coloredBoxMobile  div .triangle .white-color{color: white;}

.coloredBoxMobile  .triangle {border-color: transparent white white transparent;border-style: solid;border-width: 14px;bottom: 0px;float: right;height: 0px;position: absolute;right: 0px;width: 0px;}
.coloredBoxMobile  .triangle a {text-decoration: none;text-align: center;font-size: 18px;position: relative;bottom: 7px;color: rgb(230, 100, 0); bottom: 7px; left: 21px; bottom: 7px; top: -6px;cursor: pointer;}

#right .buttonBox.small-box.darkBlueBox  {      background : url("/https/www.eif.org/img/site/plus-white.png") no-repeat scroll right bottom rgb(94,159 ,201);}
#right .buttonBox.small-box.lightBlueBox  {      background : url("/https/www.eif.org/img/site/plus-white.png") no-repeat scroll right bottom rgb(188,212,236);}
#right .buttonBox.small-box.yellowBox  {      background : url("/https/www.eif.org/img/site/plus-white.png") no-repeat scroll right bottom  #003399;}
#right .buttonBox.small-box.greyBox  {      background : url("/https/www.eif.org/img/site/plus-white.png") no-repeat scroll right bottom  rgb(182,182,182);}

a.publicationsLink {color: #58585A;font-size: 12px;font-weight: bold;}

/*--------------------------- End right box --------------------------------*/

/*--------------------------- Opera ------------------------------*/

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .row-fluid .border_left {
        margin-left : 2%;
    }
}

/*------------------ noJs ---------------------*/
.slider_context.noJs {
    right : 310px;
}

.checkbox label.checkbox {
    height : 100px;
}

.white {
    background : white;
}

/*--------------- Corip ------------------*/

.coloredBoxMobile .ic_text { font-size: 12px; margin: 0 0 0 5px; padding: 5px;}
.ic_text { display: none; }

.darkBlueBox {background-color: rgb(94,159 ,201);}
.lightBlueBox {background-color: rgb(188,212,236);}
.yellowBox {background-color: #003399;}
.greyBox {background-color: rgb(182,182,182);}

.ic_container{     height:235px;     vertical-align:baseline;     position:relative;  width : 233px;   }
.coloredBoxMobile .ic_caption{position:absolute; opacity:1; overflow:hidden;margin:0px;padding:0px;left:0px;right:0px;border-width:0px;padding-bottom: 5px;}

/*-------------------- Video ---------------------*/

.videoBox .video img:first-child {
    height: 110px;
    width: 100%;
}
.video-container {
    background-color: #000000;
    padding-left: 0;
    text-align: center;
}
.video-container a.inline_player {
    text-align: left;
}
.video-container a.inline_player img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.video.span4 img.video_thumb {
    margin-left: -100px;
    margin-top: 30px;
    width: 50px;
}
/*------------------------ Overlay --------------------*/
/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;

    width:675px;
    min-height:200px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url("/https/www.eif.org/img/site/dev/close.png");
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

a.original {
    color : #FFFFFF;
}

/* -------- Timeline ----------*/

.timeline {position : relative;}

.timeline .keyEvent {clear : both;width : 80%; box-shadow : 6px 6px 6px #CCCCCC;}

.timeline .keyFigure {clear : both;}

.timeline .keyBox {width: 387px;margin-top : -30px;position : relative;}

.timeline .keyBox.left {border-right : 5px solid #cccccc;}

.timeline .keyBox.right {border-left : 5px solid #cccccc;}

.timeline .keyBox.last {margin-bottom : 10px;}

.timeline .grey.keyEvent {background-color : #BBBBBB;}

.timeline .darkBlue.keyEvent {background-color : rgb(0,30,133);}

.timeline .lightBlue.keyEvent {background-color : #ADCDEC;}

.timeline .yellow.keyEvent {background-color : #003399;}

.timeline .keyDate {font-size : 40px; text-shadow: 3px 3px 3px #cccccc; }

.timeline .grey {color : #BBBBBB;}

.timeline .darkBlue {color :rgb(0,30,133);}

.timeline .lightBlue {color : #ADCDEC;}

.timeline .yellow {color : #003399;}

.timeline .keyEvent {color : white;}

.timeline .keyFigure {border-bottom: 5px solid #CCCCCC;color: #CCCCCC;font-size: 30px;padding-bottom: 15px;width: 86%;}

.timeline .yellow.keyFigure {border-bottom: 5px solid #003399;}

.timeline .darkBlue.keyFigure {border-bottom: 5px solid rgb(0,30,133);}

.timeline .lightBlue.keyFigure {border-bottom: 5px solid #ADCDEC;}

.timeline div.left {margin: 0;}

.timeline .stopLine.keyBox.left {border : 1px solid #FFFFFF;}

div.right.keyEvent,
div.left.keyEvent { margin-top: 10px;margin-bottom : 10px;padding : 10px;}

.keyFigureText {font-size : 25px;}

.keyBox img.left {top: -20px;position : absolute;right : -10px;margin : 0;}

.keyBox img.right {top: -20px;position: absolute;float: none;left: -10px;}
.startLine {height : 120px;}    
.squareImage {margin-left:-11px;position: absolute;}
.bottomImage {position : absolute; bottom : 10px; left: 373px;}
#europe-map{height : 548px; width : 620px;}
.jvectormap-region { stroke : #DFDFDF; stroke-width : 1; }
.jvectormap-zoomin {display : none;}
.jvectormap-zoomout {display : none;}
.jvectormap-label{position : absolute;background : #505050; color : white;padding-left : 5px;padding-right : 5px; border : 1px solid white;font-size : 9px;  border-radius: 4px;}
#logo20years {
    z-index : 100;
}

.coloredBoxMobile .video {
    background-color : black;
    padding-top : 23px;
    padding-bottom : 23px;
}

/*overlay greeting card*/
/*
#splash.span-16.simple_overlay {
    width: 320px;
}
#splash.simple_overlay {
    width: 320px;
    height:640px;
    top:100px;
    background: url('/CarteDeVoeux.jpg') repeat scroll 0 0 transparent; 
}
*/

.simple_overlay .close {
    background-image: url('/https/www.eif.org/tools/img/tech/close.png');
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    filter : none;
}
.simple_overlay .close:hover {    opacity : 1;}

.simple_overlay {
    display: none;
    z-index: 10000;
    background-color: #000;
    width: 640px;
    min-height: 200px;
    border: 1px solid #666;
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/*#splash.simple_overlay {
    height:320px;
    width:640px;
    top:100px;
    background: url('/https/www.eif.org/greetings_2015.jpg') repeat scroll 0 0 transparent; 
}*/

#splash.simple_overlay object, .simple_overlay#splash object,
#splash.simple_overlay iframe, .simple_overlay#splash iframe {
    height:320px;
    width:640px;
    border:none;
}

/* Publications overview */
.centralColumnItem {
    float:left;
}

.small {
    font-size: 11px;
    line-height: 1.875em;
    margin-bottom: 0;
}

.centralColumn h4 a { 
    color: #58585A; 
    font-weight:bold;
}

.centralColumnItem { 
    background: url('/https/www.eif.org/tools/css/images/plus.png') no-repeat scroll right bottom transparent;    
    padding-bottom: 0px;
    word-wrap : break-word;
    margin-top: 20px;
    min-width: 100%;
    position:relative;
}

.centralColumnItem .img img {
    max-width: 100%;
}

.triangle {    
    width: 100%;    
    height: 170px;
    position:relative;
}

.triangle a { 
    float: right;    
    height: 18px;    
    text-decoration: none;   
    width: 28px;
    padding-top:20px;
    position:absolute;
    right:0;
    bottom:0;
}

.row-fluid .centralColumnItemBottom { 
    min-height: 18px;  
    height: 18px;
}

.overview .offset10.span2 {
    padding-top:15px;
}

.border_bottom {
    border-bottom: 1px dotted #808080;
    margin-bottom: 5px;
}
.overview h3.corner {
    padding-left: 0;
    padding-bottom: 3px;
}
.ui-icon.ui-icon-calendar{float:left;width:16px;height:16px;background-image:url('/https/www.eif.org/tools/css/images/ui-icons_666666_256x240.png');}
.ui-icon-calendar {
    background-position: -32px -110px !important;
}    
#content.overview {
    padding-bottom:0!important;
    margin-bottom:0!important;
}



/*------ CallBack ------*/
#callBackFooter .callback {
    background: -moz-linear-gradient(#3887D1, rgb(0,30,133)) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3887D1), to(rgb(0,30,133)));
    background: linear-gradient(#3887D1, rgb(0,30,133));
    background: -o-linear-gradient(#3887D1, rgb(0,30,133));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3887D1", endColorstr="rgb(0,30,133)");
    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 {
    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 : large;
}

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

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

#callBackFooter .callback .callback-close {
    position: absolute;
    float: right;
    width: 35px;
    bottom: -25px;
    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;
    top: 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 callbackAnim{
    from {
        top: -55px;           
    }
    to  {
        top: 0px;         
    }
}
@-moz-keyframes callbackAnim{
    from {
        top: -55px;           
    }
    to  {
        top: 0px;         
    }
}
@-o-keyframes callbackAnim{
    from {
        top: -55px;           
    }
    to  {
        top: 0px;         
    }
}
@keyframes callbackAnim{
    from {
        top: -55px;           
    }
    to  {
        top: 0px;         
    }
}

form {
    background-color : #eaeaea;
}

form.span12.first.selectForm.niceform textarea#comment{max-width: 300px;}

form.span12.first.selectForm.niceform textarea#feedback{
    min-width: 100%;
    max-width: 100%;
}

.has-error{
    background-color: #BC1010;
    padding: 6px 12px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;
    position: relative;
    right: 10px;
    max-width: 200px;
    float: right;
    text-align: right;
}

.has-error:empty{
    display: none;
}

.has-error:before{
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}

/*------------------------------ - Column - --------------------------------*/

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

.boxRow .boxRowContainer1 .boxRowContainer2 ul li {
    padding-left: 0;
    text-indent: 10px;
}

.container .boxRow {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-bottom:20px;
}

.container .boxRow .boxRowContainer1{
    float: left;
    width:100%;
    background: #d4d9ed;
    /*background: -moz-linear-gradient(top, #d4d9ed 0%, #e5edf5 100%, #207cca 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d9ed), color-stop(100%,#e5edf5), color-stop(100%,#207cca)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #d4d9ed 0%,#e5edf5 100%,#207cca 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #d4d9ed 0%,#e5edf5 100%,#207cca 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #d4d9ed 0%,#e5edf5 100%,#207cca 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, #d4d9ed 0%,#e5edf5 100%,#207cca 100%); /* W3C */
    position:relative;
}

.container .boxRow .boxRowContainer2{
    float: left;
    width:100%;
    background: #d4d9ed;
    /*background: -moz-linear-gradient(top, #d4d9ed 0%, #e5edf5 100%, #207cca 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d9ed), color-stop(100%,#e5edf5), color-stop(100%,#207cca)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #d4d9ed 0%,#e5edf5 100%,#207cca 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #d4d9ed 0%,#e5edf5 100%,#207cca 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #d4d9ed 0%,#e5edf5 100%,#207cca 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, #d4d9ed 0%,#e5edf5 100%,#207cca 100%); /* W3C */
    position:relative;
    right: 50%;
    border-right:5px solid #ffffff;
}

.container .boxRow .first.span12 {
    padding:0 10px 10px;
}

.container .boxRow .span6 {
    float:left;
    position:relative;
    width:50%;
    padding:0 10px 10px;
}

.container .boxRow .first.span6 {
    left:50%;
}

.container .boxRow .second.span6 {
    left:50.5%;
    margin-left: 0px;
}

.boxRow.bgColor .video.span12 {
    margin: 0;
    padding-left: 0;
}

.container .boxRow .boxImage{
  float: left;
  margin-right: 8px;
}

.container .boxRow.bgColor .boxImage{
  max-width:100%;
}

.container .boxRow .boxImage.fullBox {
    width : 100%;
    height: 100%;
}

.container .boxRow.bgColor .boxRowContainer1, .container .boxRow.bgColor .boxRowContainer2{   
    background: linear-gradient(to top, #E9E9E9 0%, #F9FBFB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, #E9E9E9 0%, #F9FBFB 100%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E9), color-stop(100%,#F9FBFB), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E9E9E9 0%,#F9FBFB 100%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E9E9E9 0%,#F9FBFB 100%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E9E9E9 0%,#F9FBFB 100%,#000000 100%); /* IE10+ */
}    
/*
.container .boxRow.bgColor .boxRowContainer2 div h4, .container .boxRow.bgColor .boxRowContainer2 div h4,
.container .boxRow.bgColor .boxRowContainer2.defaultBox div h4  {
      height: 40px;
      line-height: 40px;
}
.container .boxRow.bgColor .boxRowContainer2 div h4.longTitle, .container .boxRow.bgColor .boxRowContainer2.box div h4.longTitle, .container .boxRow.bgColor .boxRowContainer1 div h4.longTitle.span12 {
      height: 40px;
      line-height: 19px;
}
*/
.container .boxRow h4 {
    font-weight:normal !important;
    font-size:14px;
}
.container .boxRow .blue h4{
    color:rgb(0,30,133);
    border-bottom:1px solid rgb(0,30,133);
    border-left:10px solid rgb(0,30,133);
    padding-left:5px;
}

.container .boxRow .blue h4 a { color:rgb(0,30,133); }

.container .boxRow .green h4{
    color:#79B63E;
    border-bottom:1px solid #79B63E;
    border-left:10px solid #79B63E;
    padding-left:5px;
}

.container .boxRow .green h4 a { color:#79B63E;  }

.container .boxRow .red h4, .container .boxRow .orange h4{
    color:#C35C13;
    border-bottom:1px solid #C35C13;
    border-left:10px solid #C35C13;
    padding-left:5px;
}

.container .boxRow .red h4 a, .container .boxRow .orange h4 a { color:#C35C13; vertical-align: sub; }

.container .boxRow .yellow h4{
    color:#003399;
    border-bottom:1px solid #003399;
    border-left:10px solid #003399;
    padding-left:5px;
}

.container .boxRow .yellow h4 a{ color:#003399;  }

.container .boxRow .grey h4{
    color:#9C9E9F;
    border-bottom:1px solid #9C9E9F;
    border-left:10px solid #9C9E9F;
    padding-left:5px;
}

.container .boxRow .grey h4 a{ color:#9C9E9F;  }

.container .boxRow .light-green h4{
    color:#AECE76;
    border-bottom:1px solid #AECE76;
    border-left:10px solid #AECE76;
    padding-left:5px;
}

.container .boxRow .light-green h4 a{ color:#AECE76;  }

.relative {
    position :relative;
}

.download {
    clear : left;
}

body .row-fluid .container .boxRow.bgColor .boxRowContainer2 div h4, .container .boxRow.bgColor .boxRowContainer2 div h4,
.container .boxRow.bgColor .boxRowContainer2.defaultBox div h4  {
    /*display: table;*/
    position: relative;
}

body .row-fluid .container .boxRow.bgColor h4 a {
    display: table-cell;
    vertical-align: middle;
}

.container .boxRow .video.span6 {
    margin: 0;
    padding: 0 10px 0 0;
}
/* Box color */
.bgColor .triangle a {height:40px;}
.bgColor .triangle.blue a {background: url('/https/www.eif.org/img/site/more/plus-blue.png') no-repeat scroll right bottom transparent;}
.bgColor .triangle.green a {background: url('/https/www.eif.org/img/site/more/plus-green.png') no-repeat scroll right bottom transparent;}
.bgColor .triangle.red a{background: url('/https/www.eif.org/img/site/more/plus-brown.png') no-repeat scroll right bottom transparent;}
.bgColor .triangle.orange a{background: url('/https/www.eif.org/img/site/more/plus-brown.png') no-repeat scroll right bottom transparent;}
.bgColor .triangle.light-green a{background: url('/https/www.eif.org/img/site/more/plus-light-green.png') no-repeat scroll right bottom transparent;}
.bgColor .triangle.yellow a{background: url('/https/www.eif.org/img/site/more/plus-yellow.png') no-repeat scroll right bottom transparent;}
.bgColor .triangle.grey a{background: url('/https/www.eif.org/img/site/more/plus-grey.png') no-repeat scroll right bottom transparent;}
/*.bgColor h4.span12 {line-height: 40px;}*/
.bgColor .triangle a {bottom: 0; position: absolute; right: 0;}
#content .boxRow .first.span12 .triangle a {
    right: 10px;
    top: 5px;
}
body .row-fluid .container .boxRow.bgColor .boxRowContainer1 .span12 h4 a {
    display: table-cell;
    vertical-align: middle;
    max-height: 90px;
    min-height: 20px;
    height: 100%;
}

.bgColor .span12 h4.span12 .triangle a {
    bottom:inherit !important;
    position: inherit !important;
}

/* Video */
.span6.video-item {
    margin-left: 0 !important;
}
.span4.video-item {
    margin-left: 0 !important;
    padding: 5px;
}
.video-item .img img {
    height: 150px !important;
    width: 250px;
}

.news_centre_ .overview h3.subtitle {
    margin: 0 !important;
    padding-left: 0px !important;
    padding-top: 10px;
    padding-bottom: 5px;
}
.video-item .detail {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.video-item h5 {
    font-size: 13px !important;
    line-height: 20px !important;
    padding-bottom: 10px;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.centralColumnItem .span3.left {
    margin-left: 0;
}

#mycarousel {
    height: 216px;
    overflow: hidden;
}

#header-new a[href$=".rss"] {
    margin: 0 !important;
    padding: 0 !important;
}

li.no-bullet{
    list-style:none;
}

form.separated-form {
    background-color: transparent;    
}

form.separated-form hr.space {
    height: 5px;
}

form.separated-form .form-part {
    background-color: #eaeaea;
    margin-top: 15px;
    margin-bottom: 15px;
}

form.separated-form .form-part legend {
    font-size: 18px;
    line-height: 35px;
}

form.separated-form .form-part div.row-fluid ol {
    margin-bottom: 0px;
}

.box .legend-box{
    font-size: 11px;
}


td.td-text-right{
    text-align: right;
}

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

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

#helpUsWebsite #callback-link {
    text-decoration: underline;
}
/*
#callBackFooter .callback, #helpUsWebsite .callback {
    background: -moz-linear-gradient(#3887D1, rgb(0,30,133)) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3887D1), to(rgb(0,30,133)));
    background: linear-gradient(#3887D1, rgb(0,30,133));
    background: -o-linear-gradient(#3887D1, rgb(0,30,133));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3887D1", endColorstr="rgb(0,30,133)");
    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;
    line-height:2; /* on rétablit le line-height */
    text-align:left; /* ... et l'alignement du texte */
    font-size : 1.1em;
}

#helpUsWebsite > div > div.callback-text.callback-second-text.text-center{
    padding-top:0px !important;
    font-weight:100;
}

#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: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        -moz-animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
         -o-animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;;
            animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;;
}
@-webkit-keyframes slide-in-fwd-bottom {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(800px);
            transform: translateZ(-1400px) translateY(800px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-bottom {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(800px);
            transform: translateZ(-1400px) translateY(800px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}

#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: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        -moz-animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
         -o-animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;;
            animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;;
}

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

#helpUsWebsite .callback.new-callback a.btn.btn-feedback {
    font-weight: 700;
    float:none;
    margin-left: 5px;
}


#helpUsWebsite .callback a.btn.btn-feedback{
 background-color:transparent;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px;
	border:2px solid #ffffff;
	
	cursor:pointer;
	color:#0b5ca8;
	font-family:Arial;
	font-size:20px;
	padding:10px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;   
}

#helpUsWebsite .callback a.btn.btn-feedback:hover{
    background-color:#0b5ca8;
    color:#ffffff;
}


#helpUsWebsite .callback.new-callback a.btn:hover {
    color: white !important;
}

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

@media all and (max-width: 560px) {
    #helpUsWebsite .callback {
        height: 75px;
    }

    #callBackFooter .callback .callback-close, #helpUsWebsite .callback .callback-close {
        position:absolute;
        top: -3px;
        right: 0px;
    }
}

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

    #callBackFooter .callback a, #helpUsWebsite .callback a {
        font-size : small;
    }
}

@media all and (max-width: 1200px) {
    #callBackFooter .callback .callback-logo, #helpUsWebsite .callback .callback-logo  {
        display:none;
    }
    #helpUsWebsite .callback.new-callback a.btn.btn-feedback{
        float:none !important;
    }
    #helpUsWebsite .first-title{
        padding-bottom:0px;
    }
    #helpUsWebsite .callback .callback-text {
        padding-top:10px !important;
    }

}




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

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

#helpUsWebsite .first-title {
    font-size: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color:#0b5ca8;
}

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

#helpUsWebsite .callback .callback-text a {
    font-size: 15px;
    color : rgb(0,30,133);
    text-decoration : none;
}


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

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

#helpUsWebsite .callback-yellow {
    background: #FFD101;
    opacity: 1;
    height: 150px;
}

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

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

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

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

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

#helpUsWebsite a.btn.btn--bg-color-blue {
    border: 2px solid rgb(0,30,133);
    background-color: rgb(0,30,133);
    background-image : none;
}

#helpUsWebsite a.btn.btn--bg-color-transparent {
    color:rgb(0,30,133);
    background-color: transparent;
    background-image : none;
}

#helpUsWebsite a.btn.btn--bg-color-transparent:hover{
    color:white;
}

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

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

#helpUsWebsite .callback .btn-x-close {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0px 6px;
    cursor:pointer;
    color:#00529a;
    font-weight:bold;
    text-decoration:none;
}

#helpUsWebsite .callback .btn-x-close:hover{
    color:white !important;
}

.homeBoxWrapper .span3{
    height:525px;
}


.homeBoxWrapper .span3 .titleBox{
    color:#001E85;
}

.homeBoxWrapper .span3:last-child{
    margin:0px;
    padding-left:5px;
}

.articleBox a {
    padding-left:10px;
}

.wrapper-banner__imgVid iframe{
    width:100%;
    height:252px;
}
.wrapper-banner__imgVid{
    margin-top:5px;    
}
.wrapper-banner__imgVid .span6{
    margin-left:0;
}

.img-wrap{
    position:relative;
}
.img-banner__home{
    position:relative;
}
.text-img__home{
    position: absolute;
    top:45px;
    left:16px;
}
.text-img__home p{
    font-size:29px;
    line-height:33px;
    color:#001E85;
}


/*overlay greeting card*/
/*#splash.span-16.simple_overlay {
    width: 320px;
}*/

.simple_overlay .close {
    background-image: url('/https/www.eif.org/tools/img/tech/close.png');
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    filter : none;
}
.simple_overlay .close:hover {    opacity : 1;}

.simple_overlay {
    display: none;
    z-index: 10000;
    background-color: #000;
    width: 640px;
    min-height: 200px;
    border: 1px solid #666;
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

#splash.simple_overlay {
    /*height:320px; splash-message height*/
    height:480px;
    width:640px;
    top:100px;
    /*background: url('/https/www.eif.org/greetings_2015.jpg') repeat scroll 0 0 transparent; */
}

#splash.simple_overlay object, .simple_overlay#splash object,
#splash.simple_overlay iframe, .simple_overlay#splash iframe {
    /*height:320px; splash-message height*/
    height:480px;
    width:640px;
    border: none;
}
/*
#splash.simple_overlay object, .simple_overlay#splash object,
#splash.simple_overlay iframe, .simple_overlay#splash iframe {
    height:480px;
    width:640px;
    border:none;
}*/

/** 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;
     font-size:18px!important;
}
 .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: 20px;
         padding-bottom: 20PX;
     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-validate--cookie{
    background: rgb(0,30,133);
    font-size: 16px;
    text-shadow: none;
}

 .btn-close--cookie, .btn-validate--cookie {
     
     border: 2px solid #fff;
     padding: 5px 20px 5px 20px;
     border-radius: 5px;
     margin-left: 15px;
     color:#fff;
}
 .btn-close--cookie:hover, .btn-validate--cookie:hover {
     background-color: #fff !important;
     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, button.btn-validate--cookie {
         margin-top: 15px;
         margin-bottom: 10px;
    }
     .optanon-alert-box-wrapper a {
         width: 100%;
         position: relative;
         display: block;
         font: normal 11pt/16pt Arial, sans-serif !important;
    }
     .optanon-alert-box-wrapper .optanon-alert-box-corner-close {
         right: 10px;
         top: 10px;
         margin-top: auto;
    }
     .optanon-alert-box-wrapper .optanon-alert-box-body {
         margin-right: 40px;
         margin-left: 40px;
         padding-top: 20px;
    }
     .optanon-alert-box-bg .optanon-alert-box-button-container {
         position: relative;
         text-align: center;
         margin: 25px 0;
         top: auto;
         right: auto;
    }
     .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
         font-size: 16px;
    }
     .optanon-alert-box-wrapper .optanon-alert-box-button {
         float: none;
         display: inline-block;
         margin-right: 10px;
    }
}


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

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

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

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

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


.ytp-large-play-button, .ytp-youtube-button {
    display:none;
}

.homeBoxWrapper .titleBox h3::before{
    display:none;
}
.pink-title::before{
    display:none !important;
}


.homeBoxWrapper .span3{
    height:590px;
}


.homeBoxWrapper .span3 .titleBox{
    color:#001E85;
}

.homeBoxWrapper .span3:last-child{
    margin:0px;
    padding-left:5px;
}

.articleBox a {
    padding-left:10px;
}

.wrapper-banner__imgVid iframe{
    width:100%;
    height:252px;
}
.wrapper-banner__imgVid{
    margin-top:5px;    
}
.wrapper-banner__imgVid .span6{
    margin-left:0;
}

.img-wrap{
    position:relative;
}
.img-banner__home{
    position:relative;
}
.text-img__home{
    position: absolute;
    top:45px;
    left:16px;
}
.text-img__home p{
    font-size:29px;
    line-height:33px;
    color:#001E85;
}

.ytp-large-play-button, .ytp-youtube-button {
    display:none;
}

.homeBoxWrapper .titleBox h3::before{
    display:none;
}
.pink-title::before{
    display:none !important;
}
.container.search-filter__ui {
    overflow:visible !important;
}
.search-filter__filter-component--3 .search-filter__filter {
    width: 30.3333% !important;
}
a.copy-filtered {
    display:none !important;
}

.search-filter-content-header__layout-name {
    display: none !important;
}

.search-filter-content-header__count-summary:before{
    display:none !important;
}

.select__single-select-button-pagination {
    padding: 3px 10px !important;
    margin-left: 10px !important;
}

.search-filter-content-footer__pagination a {
    margin: 10px !important;
    font-size: 13px !important;
}

.search-filter-content-footer__dot-item {
    font-size: 34px !important;
    font-family: serif !important;
    line-height: 16px !important;
}

.card-title-row, .row-items .row-title {
    font-size: 16px !important;
    padding-left: 0 !important;
    font-weight: 600 !important;
}

.search-filter__content h3::before {
    display:none !important;
}


/* ------------------------------------------------------------------
                      Spinner
*******************************************************************/
/*
svg.load path,
svg.load rect{
  fill: #c8c8c8;
}*/

.spinner {
  margin: 50px auto;
  width: 100%;
}

svg.load {
    animation: loading 3s linear infinite;
}

.spinner svg {
  width: 80px; /*set by default this width*/
}

.spinner svg.size-xs {
  width: 40px;
}

.spinner svg.size-sm {
  width: 60px;
}

.spinner svg.size-md {
  width: 80px;
}

.spinner svg.size-lg {
  width: 120px;
}

.spinner svg.size-xl {
  width: 160px;
}

svg.load .loading-inner {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 10px;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  animation: loading-circle 2s linear infinite;
  fill: transparent;
  stroke: #c8c8c8;
}

.spinner-grey svg.load .loading-inner {
    stroke: #c8c8c8; /*set by default grey color*/
}

.spinner-blue svg.load .loading-inner {
    stroke: #00529a;
}

.spinner-white svg.load .loading-inner {
    stroke: #ffffff;
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-circle {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -600;
  }
}
/** bullet **/
.bulleted-list-standard, .bulleted-list--blue {
    list-style: disc !important;
}

.typeform-widget iframe {
    height:600px;
    width:100%;
}

/*Policy*/

#eif-popup-policy{
  position: fixed;
  display: none;
  width: 100%;
  border: none;
  bottom: 0px;
  left: 0;
  min-height: 40px;
  z-index: 1000;
  background-color:#EEEEEE;
}

.cookies-home__btn-close--cookie{
  margin-left: 15px;
}


.cookies-home__desc-wrap{
  text-align: center;
  font-size:16px;
  margin: 0 auto !important;
  padding:20px;
  font-size:normal;
}
.underline{
    text-decoration: underline;
}

#eif-popup-policy a{
    margin:0px;
}

#eif-popup-policy .eib-button{
    margin-left:15px;
    margin-top: 1rem;
    font-size:16px;
}

.eib-button--primary:before {
  display: none;
}
.eib-button--primary:visited {
  color: #fff;
  background-color: #003399;
}

.eib-button--primary:hover {
  color: #001E85;
  text-decoration: none;
  background-color: transparent;
}

.eib-title__button {
    margin-top: 1rem;
}

.eib-button {
 position: relative;
    z-index: 1;
    display: inline-block;
    padding: 16px 24px;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 14.8rem;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.1, 0.2, 1);
}

.eib-button--primary {
    color: #fff;
    background-color: #003399;
    border: 2px solid #003399;
    transition: none;
}

li.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu:hover{
    display:block;
}


.eib-button--secondary {
    color: #003399;
    background-color: transparent;
    border: 2px solid #003399;
}

.eib-button--secondary:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.eib-button--secondary:before {
  background: #003399;
}
.eib-button--secondary:visited {
  color: #fff;
  background-color: #003399;
}

.overlay-on{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 10;
    background: rgba(0, 0, 0, .7);
    transition: .3s linear;
}
.dropdown-menu{
    margin:0;
}

/* homepage header */
.homeBoxWrapper .triangle::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 0px 28px 28px;
  border-color: transparent transparent white transparent;
 
}
.homeBoxWrapper .triangle a::before{
  content: "";
  display:inline-block;
  width:24px;
  height:24px;
  right: -4px;
  bottom: -4px;
  position: absolute;
  background:
    linear-gradient(#EEEEEE 0 0),
    linear-gradient(#EEEEEE 0 0);
  background-position: center;
  background-size: 40% 2px,2px 40%;
  background-repeat:no-repeat;
}
.wrapper-banner__textVideo {
    background-color: #E9EDFC;
    float: left;
    margin-right: 5px;
    border-bottom: 5px solid #fff;
}

.wrapper-banner__textVideo .text-col {
    padding: 20px 2px 20px 10px;
    margin-right: 10px;
}

.wrapper-banner__textVideo .video-col {
    margin-left: 0;
    border-left: 5px solid #fff;
}

.wrapper-banner__textVideo .text-col, .wrapper-banner__textVideo .text-col p {
    font-size: 14px;
}

.wrapper-banner__textVideo .video-col iframe.youtube-embed {
  width: 102%;
  height: 252px;
  max-width: 102%;
  border: none;
  display: block;
}

.lightpurpleBox {
    background-color: #E9EDFC !important;
}

.darkpurpleBox {
    background-color: #E9EDFC !important;
}

.dark-blue-color {
    color:#001e85 !important;
}
.highlight-title {
    font-size: 20px !important;
    line-height: normal !important;
    padding-bottom: 10px;
}
.text-col a.btn {
    margin-top: 10px;
}