/********************************************************************************
*                             Group of modules                                  *
*  1 accordion.css                                                              *
*  2 banner.css                                                                 *
*  3 box.css                                                                    *
*  4 card.css                                                                   *
*  5 multi-item-carousel.css                                                    *
*  6 carousel-3-items.css                                                       *
*  7 carousel-4-items.css                                                       *
*  8 carousel-6-items.css                                                       *
*  9 carousel.css                                                               *
*  10 cookie.css                                                                *
*  11 filter.css                                                                *
*  12 interactive-panel.css                                                     *
*  13 list.css                                                                  *
*  14 type/list-preview.css
*  15 img-compare
*  16 component.css                                                             *
*                                                                               *
********************************************************************************/


/********************************************************************************
*                             BEM Methodology                                   *
*  [$] Block = block                                                            *
*  [$] Element = block__element                                                 *
*  [$] Modifier = block__element--modifier                                      *
*                                                                               *
*                             Accordion Component                               *
*  [@] Animation = Animation CSS                                                *
*  [#] Screen size: xs,sm,md,lg                                                 *
*                                                                               *
********************************************************************************/

/* Unfortunatly, .accordion-eib is used both for styling and javascript behaviour,
consequently, if we want to use the same styling on an accordion behaving differently
(like, loading after an ajax request and not on main document load),
we need to double the css code for the new class
@todo to correct this issue: use .accordion__container for styling (css),
and .accordion-eib or another class for behaviour (js)
(accordion-eib if it has to be loaded on document load) */

/* [$] Element *****************************************/

    .accordion-eib *,
    .accordion__container * {
        border-left:none;
        border-right:none;
        border-bottom:none;
        border-radius:0;
    }

    .accordion.accordion-eib,
    .accordion.accordion__container {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .accordion.accordion-eib .ui-widget-content{
        background:inherit;
    }
   .accordion.accordion-eib .ui-widget-content a,
   .accordion.accordion__container .ui-widget-content a{
        color: #00529E;

   }
   /* causes scrollbars */
    /*
    .accordion-eib .ui-accordion-content {
        padding: 0;
    }
    */
    .accordion-eib.ui-accordion .ui-accordion-header,
    .accordion__container.ui-accordion .ui-accordion-header {
        font-size:1.6em;
    }

    @media(max-width:767px){
        .accordion-eib.ui-accordion .ui-accordion-header,
        .accordion__container.ui-accordion .ui-accordion-header {
            font-size:1.5em;
        }
    }
    .accordion-eib .accordion-toggle:focus,
    .accordion__container .accordion-toggle:focus {
        outline: none;
    }

    .accordion.accordion-style-cyan h3.accordion-toggle {
        color:#007B9F;
        background-color:inherit;
        padding-left: 0!important;
    }

    .accordion.accordion-style-blue h3.accordion-toggle {
        color:#00529a;
        background-color:inherit;
    }


    .accordion-eib.accordion-style-cyan .accordion-toggle.ui-state-active,
    .accordion__container.accordion-style-cyan .accordion-toggle.ui-state-active  {
        border-top: 1px solid #007B9F;
    }
    .accordion.accordion-style-cyan h3.accordion-toggle,
    .accordion__container.accordion-style-cyan h3.accordion-toggle {
        border-top: 1px solid #cccccc;
    }

    .accordion-eib.accordion-style-blue .accordion-toggle.ui-state-active,
    .accordion__container.accordion-style-blue .accordion-toggle.ui-state-active {
        border-top: 1px solid #00529a;
    }

    .accordion.accordion-style-blue .ui-accordion-content ul{
        list-style: none;
    }

    .accordion .ui-accordion-content ul{
        margin-left: 15px;
    }

    .accordion.accordion-style-blue .ui-accordion-content > ul > li:before{
        margin-left: -23px;
    }

    .accordion.accordion-style-blue .ui-accordion-content > ul > li:before{
        content: " ";
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        /*margin-right: 15px;*/
        display: inline-block;
        height: 0;
        width: 0;
        /*top: 1.05em;*/
        border-color: transparent #00529e;
        margin-left: -8px;
        top:0;
        position: relative;
        left:-15px;
    }

    .accordion-eib .accordion-toggle span.fa-accordion-corner,
    .accordion__container .accordion-toggle span.fa-accordion-corner {
        float: left;
        padding-right: 15px;
    }
    .accordion li{
      list-style: none !important;
      list-style-type: none !important;
      list-style-image: none !important;
    }

    .accordion li:empty, .link-list ul li:empty {
        display: none;
    }

    .accordion-eib .accordion-toggle span.fa-accordion-corner:before,
    .accordion__container .accordion-toggle span.fa-accordion-corner:before {
        content: "\f107";
    }

    .accordion-eib .accordion-toggle.ui-accordion-header-active span.fa-accordion-corner:before,
    .accordion__container .accordion-toggle.ui-accordion-header-active span.fa-accordion-corner:before {
        content: "\f106";
    }

    .accordion-style-black{
      color: #4F4F4F !important;
    }
    .light-grey-background{
      background-color: #F3F3F3 !important;
    }
    .light-grey-background.ui-state-default{
      border-top: 0px !important;
    }
    .accordion-style-black.ui-state-active{
      color: #4F4F4F !important;
      border: 0px !important;
    }
    .light-grey-background.ui-state-active{
      background-color: #F3F3F3 !important;
      border-top: 1px solid #c5c5c5 !important;
      color: #4F4F4F !important;
    }

/* [$] Modifier ****************************************/

    /* Override jquery-ui.min.css  */

    .ui-accordion .ui-accordion-content {
        padding: 0px;
        overflow-x: hidden;
    }

    .accordion-eib .ui-helper-reset,
    .accordion__container .ui-helper-reset {
        color: #4f4f4f;
        font-size: 18px;
        line-height:1.8;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        text-rendering: optimizeLegibility;
        overflow: hidden;
    }

    @media(max-width:768px){
        .accordion-eib .ui-helper-reset,
        .accordion__container .ui-helper-reset {
            font-size: 16px;
            line-height:1.5;
        }
    }

    .accordion-eib.ui-accordion .ui-accordion-header,
    .accordion__container.ui-accordion .ui-accordion-header {
        padding: .5em .5em .5em 0;
    }


    .accordion-eib *,
    .accordion__container * {
        border-left:none;
        border-right:none;
        border-bottom:none;
        border-radius:0;
    }

    .accordion-eib .btn{
	border-radius: 4px;
   }

    .accordion.accordion-eib,
    .accordion.accordion__container {
        font-family: Roboto;
        font-weight: 300;
        font-size: 16px;
        line-height: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .accordion.accordion-eib .ui-widget-content{
        background:inherit;
    }
   .accordion.accordion-eib .ui-widget-content a,
   .accordion.accordion__container .ui-widget-content a{
        color: #00529E;

   }

   /* causes scrollbars */
    /*
    .accordion-eib .ui-accordion-content {
        padding: 0;
    }
    */
    .accordion-eib.ui-accordion .ui-accordion-header,
    .accordion__container.ui-accordion .ui-accordion-header {
      font-size:18px;
      font-weight: 400;
      color: #00529E;
      font-family: Roboto;
    }

    @media(max-width:767px){
        .accordion-eib.ui-accordion .ui-accordion-header,
        .accordion__container.ui-accordion .ui-accordion-header {
            font-size:1.5em;
        }
    }
    .accordion-eib .accordion-toggle:focus,
    .accordion__container .accordion-toggle:focus {
        outline: none;
    }

    .accordion.accordion-style-cyan h3.accordion-toggle {
        color:#0092bd;
        background-color:inherit;
        padding-left: 0 !important;
    }

    .accordion.accordion-style-blue h3.accordion-toggle {
        color:#00529a;
        background-color:inherit;
    }

    .accordion-eib.accordion-style-cyan .accordion-toggle,
    .accordion__container.accordion-style-cyan {
        /*border-top: 1px solid #c5c5c5;*/
    }

    .accordion-eib.accordion-style-blue .accordion-toggle.ui-state-active,
    .accordion__container.accordion-style-blue .accordion-toggle.ui-state-active {
        border-top:0;
    }

    .accordion.accordion-style-blue .ui-accordion-content ul{
        list-style: none;
    }

    .accordion .ui-accordion-content ul{
        margin-left: 15px;
    }

    .accordion.accordion-style-blue .ui-accordion-content > ul > li:before{
        margin-left: -23px;
    }

    .accordion.accordion-style-blue .ui-accordion-content > ul > li:before{
        content: "";
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        display: inline-block;
        height: 0;
        width: 0;
        border-color: transparent #00529e;
        margin-left: -8px;
        top:0;
        position: relative;
        left:-15px;
    }

    .accordion-eib .accordion-toggle span.fa-accordion-corner,
    .accordion__container .accordion-toggle span.fa-accordion-corner {
        float: left;
        padding-right: 11px;
    }

    .accordion-eib .accordion-toggle span.fa-accordion-corner:before,
    .accordion__container .accordion-toggle span.fa-accordion-corner:before {
        content: "\f107";
    }

    .accordion-eib .accordion-toggle.ui-accordion-header-active span.fa-accordion-corner:before,
    .accordion__container .accordion-toggle.ui-accordion-header-active span.fa-accordion-corner:before {
        content: "\f106";
    }

/* [$] Modifier ****************************************/

    /* Override jquery-ui.min.css  */

    .ui-accordion .ui-accordion-content {
        padding: 0px;
        overflow-x: hidden;
    }

    .accordion-eib .ui-helper-reset,
    .accordion__container .ui-helper-reset {
        color: #4f4f4f;
        font-size: 18px;
        line-height:1.8;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        text-rendering: optimizeLegibility;
    }

    @media(max-width:768px){
        .accordion-eib .ui-helper-reset,
        .accordion__container .ui-helper-reset {
            font-size: 16px;
            line-height:1.5;
        }
    }

    .accordion-eib.ui-accordion .ui-accordion-header,
    .accordion__container.ui-accordion .ui-accordion-header {
        padding: .5em .5em .5em 0;
    }

  /* ACCORDION  NEW STYLE */
  .accordion-eib .ui-accordion-header.ui-state-default{
    background-color: transparent;
    border:0;
    /*border-top:1px solid #c5c5c5;*/
  }

  .accordion-eib .ui-accordion-header.ui-state-active{
    font-size: 18px;
    font-weight: bold;
    font-family: Roboto;
    /*border-top:1px solid #00529E !important;*/
  }
  .accordion-eib .ui-accordion-content{
    padding-left: 15px;
  }


  .accordion__wrapper.dynamic .ui-accordion-content{
    padding-left: 0px;
  }
  .accordion-title__inside{
    margin-left:25px;
  }
/********************************************************************************
*                             Banner Component                                  *
*                                                                               *
*  [^]hp-bh1 = Homepage - Banner h1                                             *
*  [^]hp-fps = Homepage - Find project support                                  *
*  [^]hp-slider = Homepage - Slider Carousel                                    *
*                                                                               *
*  [@] Animation = Animation CSS                                                *
*  [#] Screen size: xs,sm,md,lg                                                 *
*  [+] Font-size: To change the font-size only                                  *
*                                                                               *
********************************************************************************/



    /* [$] Element *****************************************/

        /** Align picture to text **/
        .banner.banner__article.banner__article--picture .banner__wrapper.hidden-xs.hidden-sm {
            margin-top: 20px;
        }

	.full-height .banner__article--picture .banner__text{
		height:100% !important;
	}

        .banner__wrapper[class*='bg-'] {
            position: relative;
            background-repeat: no-repeat;
            background-position: center center;
        }

        /*
        .banner__wrapper.banner__wrapper--full-width {
            position: absolute;
        }

        .banner__wrapper.banner__wrapper--full-width.float-right {
            right: 0;
        }

        .banner__wrapper.banner__wrapper--full-width.float-left {
            left: 0;
        }
        */

        .grid-banner__bg:hover {
            text-decoration: none;
        }

        .banner__wrapper--image-responsive .img-responsive{
            max-width: 500px;
        }
        .min-height-600 .banner__wrapper--image-responsive .img-responsive{
            max-width: 100%;
            max-height: 600px;
        }
        .min-height-700 .banner__wrapper--image-responsive .img-responsive{
            max-width: 100%;
            max-height: 700px;
        }

        .banner__wrapper--image-responsive a .img-responsive{
            cursor: pointer;
        }
        @media only screen and (max-width: 1024px) {
          .banner__wrapper--image-responsive .img-responsive{
              max-width: 100%;
          }
        }
        .banner__article .banner__text--only.banner__text--left, .banner__article .banner__text--only.banner__text--right {
            padding: 50px 0;
        }

        .row__elements.position-relative section + section .banner__article > .banner__image--only, .row__elements.position-relative section + section .banner__article > a > .banner__image--only {
            border-left: 6px solid #ffffff;
        }
        .row div + div .banner__article > .banner__image--only, .row div + div .banner__article > a > .banner__image--only {
            border-left: 6px solid #ffffff;
        }

        .row div + div + div + div .banner__article > .banner__image--only, .row div + div +div + div .banner__article > a > .banner__image--only{
            border-top:6px solid #fff;
        }

       .row div + div + div  .banner__article > .banner__image--only, .row div + div +div .banner__article > a > .banner__image--only{
            border-top:6px solid #fff;
        }

        .video-banner__content .title__fs-banner {
            z-index: 2;
        }

        @media (min-width: 768px) {
            /*section > div:not([data-related-page-type*="carousel"]) article[class*='col-']:not(:last-child):after {
                background: #ffffff;
                width: 5px;
                content: "";
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                min-height: 70px;
            }*/

        }

            .header-title.title__fs-banner {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 10%;
                margin: 0 auto;
            }

            @media (min-width: 992px) {
              .text-inside-video .header-title.title__fs-banner {
                  bottom:0;
              }
            }

            .text-inside-video  a.btn.section-link {
              margin-bottom: 0;
            }

            .text-inside-video .campaign .banner__scroll-down {
                padding-top: 0;
                padding-bottom:0;
            }

            @media (max-width: 991px) {
              .text-inside-video .campaign .banner__scroll-down {
                top:0;
              }
            }

            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
            	.video-banner video {
            		display:none;
            	}
            }
            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
            	.video-banner video {
            		display:none;
            	}
            }
            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
            	.video-banner video {
            		display:none;
            	}
            }



            /* [#] xs screen */
                @media (max-width: 767px) {
                    section article[class*='col-']:not(:last-child) {
                        padding-bottom:0px;
                    }
                    .banner__article > article {
                        padding: 0;
                    }
                    .banner__wrapper--image-responsive {
                        padding: 50px 0;
                    }

                     .banner__article .banner__text--only.banner__text--left, .banner__article .banner__text--only.banner__text--right {
                        padding: 50px 15px;
                    }

                    .row__elements.position-relative section + section .banner__article > .banner__image--only {
                        border-left: 0;
                        border-top: 6px solid #ffffff;
                    }

                    .banner__wrapper--image-responsive .img-responsive{
                         max-width: 250px;
                    }


                    .row__elements.position-relative section + section .banner__article > .banner__image--only, .row__elements.position-relative section + section .banner__article > a > .banner__image--only {
                        border-left: none;
                        border-top: 6px solid #fff;
                    }


                }

            /* [#] sm screen */
            @media (max-width: 991px) {

                .row div + div .banner__article > .banner__image--only, .row div + div .banner__article > a > .banner__image--only {
                    border-left: none;
                    border-top: 6px solid #fff;            }


            }

        /*.banner__article > [class*='col-']:not(:last-child):after {
            background: #ffffff;
            width: 5px;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            min-height: 70px;
        }*/

        /*.banner__text h3 {
            margin-bottom:20px;
        }*/



        /* [^]hp-bh1 */

            #homepage_banner-h1 .banner__wrapper {
                min-height: 400px;
                background-repeat:no-repeat;
            }

                /* [#] xs screen */
                @media (max-width: 767px) {
                    #homepage_banner-h1 .banner__wrapper {
                        background-position: right center;
                        position: relative;
                    }
                }

            #homepage_banner-h1 .banner__description {
                padding-bottom: 10px;
            }

        /* END [^]hp-bh1 */


        /* [^]hp-fps */

            #homepage__find-project-support .arrow-box__top-inside {
                margin-top:30px;
            }

        /* END [^]hp-fps */



    /* [$] Modifier ****************************************/

        /* [^]hp-bh1 */

            #homepage_banner-h1  h1.banner__title--section-h1 {
                margin: 0 auto;
                font-weight: 400;
                padding: 40px 0;
                width: 600px;
                position: relative;
                text-align: center;
            }

            /*.banner__title--border-bottom h1.banner__title--section-h1::after {
                position: absolute;
                content: '';
                bottom: 20px;
                border-bottom: 2px solid #ffffff;
                max-width: 150px;
                width: 100%;
                -webkit-transform: translate(-50%,0);
                   -moz-transform: translate(-50%,0);
                    -ms-transform: translate(-50%,0);
                     -o-transform: translate(-50%,0);
                        transform: translate(-50%,0);
                left: 50%;
            }*/

                /* [#] xs screen */
                    @media (max-width: 767px) {
                        #homepage_banner-h1  h1.banner__title--section-h1 {
                            width: 300px;
                        }
                    }

        /* END [^]hp-bh1 */



        /* [^]hp-slider */

            #homepage_slider .banner__section-link--bottom {
                width:100%;
            }


        /* END [^]hp-slider */

         /* [^]Text-width in text+ image */

        /*@media (max-width: 992px) {
            .banner__text {
                padding-right: 15px;
                padding-left: 15px;
            }
        }*/

        .panel-simple .banner.banner__article {
            float:left;
            width:100%;
        }

        .panel-simple section {
            float: left;
            width: 100%;
            position: relative;
        }

        .banner.banner__article .banner__text, .banner.banner__article .banner__text > div {
            position: relative;
            height: 100%;
        }

        .grid-item .banner.banner__article .banner__text, .banner.banner__article .banner__text > div {
            padding-left: 10px;
            padding-right: 15px;
        }

	.grid-item__square .grid-item  .banner__article.banner__text--only.banner__text--not-full-width   {
            padding-left: 30px !important;
        }

        .banner.banner__article .banner__text .text_align--bottom--right.text_align--bottom--right--absolute {
            position: absolute;
            bottom: 0px;
            right: 25px;
        }

        .banner__article.banner__text--only .banner__text[class*="bg-color"], .banner__article.banner__text--only .banner__text[class*="bg-size"] {
            padding-top: 50px;
            padding-bottom: 50px;
            background-repeat: no-repeat;
        }

        @media (min-width: 992px) {

                .banner__text--not-full-width,.header__elements--right,.header__elements--left{
                   width:455px;
                }

                .accordion .banner__text--not-full-width,.accordion .header__elements--right,.accordion .header__elements--left{
                   width:355px;
                }

                .banner.banner__article .banner__text.banner__text--left , .banner.banner__article .banner__text.banner__text--left > div {
                    padding-left: 15px;
                    padding-right: 30px;
                }

                .accordion .banner__article--picture .banner__text.banner__text--left {
                    padding-left: 10px !important;
                }

                .accordion .banner__article--picture .banner__text.banner__text--left > .float-left  {
                    padding-left: 0 !important;
                }

            .accordion .banner.banner__article .banner__text.banner__text--left > div {
                    padding-left: 10px;
                }

                .accordion .banner.banner__article .banner__text.banner__text--left {
                    padding-left: 0;
                }

                .banner.banner__article .banner__text.banner__text--right, .banner.banner__article .banner__text.banner__text--right > div{
                    padding-left: 30px;
                    padding-right: 15px;
                }

                .medium-spacing-text .banner__text {
                  padding-top:40px !important;
                  padding-bottom: 40px !important;
                }

                .banner__wrapper--image-responsive .img-responsive{
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                }

                /*Banner header title*/

                 .header-title.header-title__split{
                    padding-top:50px;
                    padding-bottom:25px;
                }

                .header__elements.header__elements--right {
                    padding-left: 30px;
                    padding-right: 15px;
                }
                .header__elements.header__elements--left {
                    float:right;
                    padding-right:30px;
                }

                .accordion .banner.banner__article.banner__article--picture div {
                    height: 500px;
                }

            }

         @media (min-width: 1200px) {
              .banner__text--not-full-width,.header__elements--right,.header__elements--left{
                   width:555px;
                }

                .accordion .banner__text--not-full-width,.accordion .header__elements--right,.accordion .header__elements--left{
                     width:455px;
                  }


            }

           /* END [^]Text-width in text+ image  */



        /*   A Retirer du CSS lorsqu'on aura implémenté dans la page dynamiquement */

       /* .banner__article--bg-1 {
            background-image: url('/eiah2/_tools/resources/front/img/about/get-inspired-1.jpg');
            height: 400px;
        }

        .banner__article--bg-2 {
            background-image: url('/eiah2/_tools/resources/front/img/about/get-inspired-2.jpg');
            height: 400px;
        }

        #homepage__slider > .row:last-child {
            display:none;
        }*/


        /* FIN A RETIRER */

    .banner__title--quotes:before {content: url(/eiah2/_tools/resources/front/img/about/quote-open.png);top: -0.2em;position: relative;left: -0.2em;}
    .banner__title--quotes:after {content: url(/eiah2/_tools/resources/front/img/about/quote-close.png);top: -0.2em;position: relative;left: 0.2em;}

    .banner__title--quotes {
        line-height: 1.5em;
    }


    .banner.banner__article .caption-over-image.align-bottom--left {
        position: absolute;
        bottom: 10px;
        left: 10px;
    }

    .banner.banner__article .caption-over-image.align-bottom--right {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .banner.banner__article .caption-over-image.align-top--left {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .banner.banner__article .caption-over-image.align-top--right {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .banner.banner__article .caption-over-image.align-middle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .banner.banner__article .caption-over-image.align-center--top {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .banner.banner__article .caption-over-image {
        padding: 10px;
    }

    .container-fluid .container-fluid .banner__text--merge.row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner.banner__article.banner__article--picture > .banner__wrapper{
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }

    @media (max-width: 991px) {
        .banner__text.merge-picture-text div.banner__text--merge {
            padding-left: 15px;
            padding-right: 15px;
        }
    }


    @media (min-width: 992px) {
        .container .banner.banner__article.banner__article--picture {
            padding-left: 15px;
            padding-right: 15px;
        }
    }


    /** Banner Event **/
    .banner-event__date {
        background-color: #00529E;
        text-align: center;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 24px;
        padding: 15px 10px;
        margin-top: 15px;
        margin-bottom: 10px;
        line-height: 1.5
    }

    .banner-event__location {
        color: #00529E;
    }
    /** End of Banner Event **/


    /** Text around image (new implementation reducing using doddy :( ) **/


        [class*="text-around-image_"] {
            margin-bottom: 30px;
        }

        .text-around-image__right {
            margin-left:30px;
            float: right;
            z-index: 50;

        }

        .text-around-image__left {
            margin-right:30px;
            z-index: 50;
        }



    @media (max-width: 767px){

        [class*="text-around-image_"] {
            margin-bottom:20px;
        }

        .text-around-image__left {
            margin-right:0;

        }

        .text-around-image__right {
            margin-left:0;

        }
    }



    /**   Banner Grid slider cascade component   **/

        .grid-slider [class*="container"] > .row > div:first-child .banner__article--link .banner-link .banner__text {
            height: 506px;
        }

        .grid-slider [class*="container"] > .row > div .banner__article--link .banner-link .banner__text {
            height: 250px;
        }

        @media (max-width: 767px){
            .grid-slider [class*="container"] > .row > div .banner__article--link .banner-link .banner__text {
                height: 250px !important;
            }
        }

        .grid-slider 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;
             float: left;
             width: 100%;
        }

        .grid-slider a.banner-link:hover {
            opacity: 0.7;
            text-decoration: none;
        }

        @media (max-width: 991px) {
            .grid-slider [class*="container"] > .row > div:first-child .banner__article--link .banner-link {
		padding-bottom:0px !important;
            }
	    .grid-slider [class*="container"] > .row > div .banner__article--link .banner-link {
                margin-bottom : 5px !important;
                padding-right: 0px;
            }
        }

	@media (min-width: 991px) {
            .grid-slider [class*="container"] > .row > div:first-child .banner__article--link .banner-link {
		padding-right:5px !important;
            }
	}
        @media (max-width: 991px) {
            .grid-slider [class*="container"] > .row > div:first-child .banner__article--link .banner-link {
                padding-right: 0px;
            }
        }
        @media (min-width: 768px) {
            .grid-slider [class*="container"] > .row > div:nth-child(2) > .row > div:last-child .banner__article--link .banner-link .banner__text,
            .grid-slider [class*="container"] > .row > div:nth-child(2) > .row > div:nth-child(3) .banner__article--link .banner-link .banner__text,
            .grid-slider [class*="container"] > .row > div.col-md-3:nth-child(4) .banner__article--link .banner-link .banner__text,
            .grid-slider [class*="container"] > .row > div.col-md-3:nth-child(5) .banner__article--link .banner-link .banner__text {
                top: 5px;
                height: 245px;
            }
        }

        @media (min-width: 768px) {
            .grid-slider [class*="container"] > .row > div.col-md-3:nth-child(2) .banner__article--link,
            .grid-slider [class*="container"] > .row > div.col-md-3:nth-child(4) .banner__article--link {
                margin-right:5px;
            }
        }

        .grid-slider .banner__text *, [class*="bg-size"].banner__text * {
            color:#ffffff !important;
        }

        .grid-slider [class*="container"] > .row > div:first-child h3 {
            font-size:44px;
            font-weight: 600;
            margin-bottom: 0;
            padding-bottom: 0;
            position: relative;
            line-height: normal;
            color:#ffffff;
        }

        .grid-slider [class*="container"] > .row > div:first-child .banner__text div p {
            margin-top:0;
            font-weight: 300;
        }

        .grid-slider [class*="container"] > .row > div:nth-child(2) .banner.banner__article .banner__text > div h3,
        .grid-slider [class*="container"] > .row > div:nth-child(3) .banner.banner__article .banner__text > div h3 {
            line-height:normal;
            font-size:24px;
            font-weight: 400;
        }

        @media (max-width: 767px){
            .grid-slider [class*="container"] > .row > div:first-child h3 {
                font-size:28px !important;
            }

            /*.grid-slider [class*="container"] > .row > div h3 {
                font-size:21px !important;
                font-weight: 500 !important;
            }*/

            .grid-slider [class*="container"] > .row > div:first-child h3 {
                padding-bottom: 0;
            }
        }

        .grid-slider [class*="container"] > .row > div:first-child .banner__text div p {
            font-size: 18px;
            margin-top: 0;
            font-weight:300;
            line-height: 25px;
        }

        .grid-slider .banner.banner__article .banner__text > div {
            position: absolute;
            bottom: 0px;
            height:auto;
            padding-bottom: 15px;
            padding-right: 15px;
        }

        .grid-slider [class*="container"] > .row > div:first-child  .banner.banner__article .banner__text > div {
            padding: 20px 20px 15px 10px;
        }

        @media (max-width: 767px){
            .grid-slider [class*="container"] > .row > div:first-child  .banner.banner__article .banner__text > div {
                padding: 20px 20px 15px 0;
            }
        }



/********************************************************************************
*                             BEM Methodology                                   *
*  [$] Block = block                                                            *
*  [$] Element = block__element                                                 *
*  [$] Modifier = block__element--modifier                                      *
*                                                                               *
*                             Box Component                                     *
*                                                                               *
*  [^]hp-fsp = Homepage - Figure support project                                *
*  [^]hp-events = Homepage - Events                                             *
*  [+] Font-size: To change the font-size only                                  *
*  [#] Screen size: xs,sm,md,lg                                                 *
*                                                                               *
*                                                                               *
********************************************************************************/

        /* [$] Element *****************************************/


            /* [^]hp-events */

                .box__day {
                    font-size: 1.8em;
                    font-weight: bold;
                    padding-top: 5px;
                    top: 2px;
                    position: relative;
                    line-height: 35px;
                }

            /* end of [^]hp-events */


            /* [^]clear left boxes */


                .boxes__grid .box__wrapper.col-md-3:nth-child(4n+1) {
                    clear:  left;
                }
                .boxes__grid .box__wrapper.col-md-4:nth-child(3n+1) {
                    clear:  left;
                }
                .boxes__grid .box__wrapper.col-md-6:nth-child(2n+1) {
                    clear:  left;
                }

            /* end of [^]clear left boxes */

            .boxes__wrapper .boxes__container .boxes__title {
                margin-bottom:50px;
            }

            .box__column {
                padding-left: 15px;
                padding-right: 15px;
            }

            .box__title.country h3 .country__name {
                display: -webkit-box;
                height: 53px;
                margin: 0 auto;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .box__calendar ul {
                margin-bottom: 7px;
            }

            #homepage__find-project-support .box__read-more {
                position: absolute;
                bottom: -30px;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            /* [^]country */
                .country.box__title h3 {
                    color:#00529e;
                }
            /* end of [^]country */

            @media (min-width: 992px) {
                .box__content > *:not(a):not(.landing-card) {
                    padding-right: 10px;
                    padding-left: 10px;
                }
            }

            @media (max-width: 991px) {
                .box__wrapper.format-picture {
                    margin-bottom: 15px;
                    margin-top: 15px;
                }
            }

            @media (max-width: 767px) {
                .box__wrapper.format-picture {
                    padding: 0;
                    margin-bottom: 15px;
                }
                .box__calendar {
                    padding: 0;
                }

                .box__day {
                    font-size: 1.4em;
                }


            }

            .box__text .box__text--center {
                position: absolute;
                transform: translate(0%, -50%);
                width: 100%;
                top: 50%;
            }

        /* [$] Modifier ****************************************/


             .box__content[class*='bg-color-'] {
                padding: 0 15px;
            }

            .box__content.bg-color-white * {
                color: #4f4f4f;
            }

            .box__wrapper .box__content a:hover > div {
                opacity: 0.7;
            }


        .divider.divider--height-70 {
            position: relative;
            height: 100%;
        }

        .col-md-10.float-none.margin-auto.padding-0 {
            position: relative;
            height: 100%;
        }

        .publication-browse .col-md-10.float-none.margin-auto.padding-0 {
            width: 100% !important;
        }

        .box__content .text_align--bottom--right.text_align--bottom--right--absolute {
            position: absolute;
            bottom: 0px;
            right: 25px;
        }

        .box-with-text .box-with-text__container {
            padding:20px 30px 20px 30px;
            margin-top:10px;
        }

        .box-with-text__container.content-left {
            margin-right:15px;
        }

        .box-with-text__container.content-right {
            margin-left:15px;
        }

        .box-with-text .section-link {
            font-size:21px;
            margin-top:10px;
            margin-bottom:10px;
        }

        .box-with-text__container.content-left.bg-color-white .box-with-text__content::after {
            border-right: 1px solid #ccc;
            height: 90%;
            position: absolute;
            content: '';
            right: 10px;
            top: 15px;
        }

        .box-with-text__container.content-right.bg-color-white .box-with-text__content::before {
            border-right: 1px solid #ccc;
            height: 90%;
            position: absolute;
            content: '';
            left: 10px;
            top: 0;
        }

        .boxes__grid .box__wrapper:first-child .divider:before {
            display: none;
        }

/********************************************************************************
*                             Card Component                                    *
*                                                                               *
********************************************************************************/
.card-simple{
  height: 250px !important;
}

.card-simple .card-header{
  display: flex;
  height: 145px;
}
.card-simple .card-start-date{
  text-align: center;
  line-height: 25px;
  font-weight: bold;
  padding: 15px;
  width: 100px;
  height: 100px;
  color: white;
  background-color: #00529E;
}

.card-simple .card-location{
  margin-top: 15px;
  margin-left: 10px;
}

.card-simple .card-date_day{
  font-size: 24px;
}
.card-simple .card-date_month{
  font-size: 18px;
  text-transform: capitalize;
}
.card-simple .card-date_year{
  font-size: 14px;
}
.card-simple .card-title a{
  max-height: 100px;
  display: -webkit-box;
  height: 100px;
  margin: 0 auto;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-contain-size .card-img {
  background-size:contain !important;
}

.col-md-2 .card-title a, .col-md-2 .card-title, .col-md-2 .card-additional-information {
  font-family: 'Roboto', sans-serif;
}

@media screen and (min-width: 992px){
  .col-md-2 .card-title a, .col-md-2 .card-title {
      display: inline-block;
      word-break: break-word;
      font-size: 18px;
      line-height: 20px;
  }
  .col-md-2 .card-additional-information {
    font-size: 16px;
    line-height: 21px;
  }

  .col-md-2 .card.card-title-style {
      height: 390px !important;
  }
}


  .col-md-2[data-style="title-style"] .card header.card-header {
    padding: 20px 10px 0px 10px;
  }

.col-md-2 .card.card-title-style .card-title, .col-md-2 .carousel .card.card-title-style .card-title {
  height:60px;
}

@media screen and (max-width: 767px){
  .col-md-2 .card.card-title-style .card-title, .col-md-2 .carousel .card.card-title-style .card-title {
    height:90px;
  }
}

/* datatable widget **************************************************/

table.datatable.fullsize-tab {
    width: 100%;
}

table.datatable thead.ui-widget-header.blue-widget-header {
    border: 1px solid #2F80ED;
    background: #2F80ED;
    color: #fff;
}

table.datatable thead.ui-widget-header.blue-widget-header tr th{
    border: 1px solid #FFF;
}

table.datatable tbody tr.odd{
    background: #F7F7F7;
}

/* Cards **************************************************/

   .dynamic-related-page {
        min-height:515px;
    }

     @media screen and (max-width: 1200px){
          .dynamic-related-page {
            min-height:530px;
        }
      }

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

        .dynamic-related-page {
            min-height:300px;
        }
      }

    .card-content > .card {
        height: 540px;
        overflow: hidden;
    }
/*     change for prod Daniela */
    @media (max-width: 767px){
        .card-content > .card{
                height: auto;
            }
    }

     /* different sizes of the cards on different types of content*/
    .landing-card-scoreboards .card-content>.card {
        height: auto;
        min-height: 200px;
    }
    .landing-card-registers .card-content .card {
        height: auto;
        min-height: 200px;
    }
    .landing-card-complaints .card-content>.card{
        height: auto;
        min-height: 400px;
    }

    @media (min-width: 768px){
        .landing-card-scoreboards .landing-card__list .card-content.col-sm-6{
            padding-right:15px;
            padding-left:15px;
            float:left;
            clear:initial;
        }
    }

    .landing-card__list .landing-card__row#rows  .card-content .card.card-list {
        min-height: 540px;
        height: auto;
    }

    /* exception to show tooltips */
    .box__content .landing-card__list .card-content .card {
        overflow: visible;
    }

    .card-content .card-title a {
        display:block;
    }

    .card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0px;
      word-wrap: break-word;
      background-color: rgb(255, 255, 255);
      background-clip: border-box;
      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:1px solid #cccccc;*/
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border-radius: 4px;
  }

    .card.card-title-style {
        height: 430px !important;
        padding-bottom: 10px;
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem;
    }

    .card .card-body {
        position:relative;
        padding: 15px;
    }

    .card .badge-box {
        position:absolute;
        top:-20px;
        left:50%;
        width:100px;
        height:100px;
        margin-left:-50px;
        text-align:center;
    }

    .card .btn-category {
        position:absolute;
        top:-20px;
        left:50%;
        margin-left:-50px;
        text-align:center;
    }

    .card .badge-box i {
        background:#f3f3f3;
        color:#fff;
        border-radius:50%;
        width:50px;
        height:50px;
        line-height:50px;
        text-align:center;
        font-size:20px;
    }

    .card.height-fix {
        height:455px;
        overflow:hidden;
    }

    .card.height-fix .card-img-top{
        width:auto!important;
    }

    .card-img-top {
        width: 100%;
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
    }

    /* was also in _tools/resources/front/css/framework/modules/carousel/multi-item-carousel.css */
    .card-tags a {
        margin-right: 10px;
    }

    .card p {
        margin: 0 0 10px;
    }

    .card-content > .card:hover {
        box-shadow: 1px 1px 5px rgba(199, 199, 199, 0.5);
        border-radius:3px;
    }

    .card-title  {
        font-size: 26px;
        line-height: 34px;
        /*height: auto;*/
        overflow: hidden;
        /*height: 70px;*/
        margin-bottom:10px;
    }

    @media(max-width: 767px){
        .card-title  {
            height: auto;
        }
    }

    .products-loans-midcaps .cardList .card.card-long-title {
        height: 300px !important;
    }

    .products-loans-midcaps .card footer.card-footer .card-tags {
        min-height: 32px;
        height: auto;
        max-height: 66px;
    }

    .card-long-title h3{
        height:auto;
        max-height: 135px;
        text-overflow:ellipsis;
    }

    .card.card-title-style .card-title, .carousel .card.card-title-style .card-title {
        height: 65px;
    }

    .card-title a {
        display: inline-block;
    }

    #cards .card-title{
        min-height:69px;
    }
    #card-rows .card-title{
       height:auto;
    }

    .card-title-row, .row-items .row-title{
        font-size: 21px;
        margin:0;
    }

    .card-title-row a, .row-items .row-title a{
      display: inline-block;
    }

    .carousel .card-title {
        max-height: 100px;
    }

    .padding-top-20.card-title {
        max-height: 90px;
    }

    .card-link {
        cursor:pointer;
    }

    .card-img {
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 250px;
        background-position: center center;
    }

    .card-img.is-hover, a.card-img:hover, a.card-img:hover > * {
        opacity: .7;
    }

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

    /*Exception for infographic picture, because we lost the data inside the picture*/
    div[data-subtype="infographics"] a {
      min-height: 210px;
    }

    .card-standard-media__infographics .card-img,
    .card-row-items .card-row.card-row-standard.card-row-standard-media__infographics .card-row-img,
    div[data-subtype="infographics"] a {
        background-size:contain;
        background-position:top center;
    }

    .slick-slide .card-portrait a img {
        display: inline-block !important;
    }

    .card-standard-media__infographics .card-img {
        min-height: 210px;
    }

    /*.card-content:hover .card-img {
        opacity: .7;
    }*/

    .landing-card__list .card-link:hover {
        text-decoration: underline;
    }

    /*.card-link:hover, .card-content:hover {
        text-decoration:none;
    }*/

    .card .card-link:hover .color-orange {
        color:#ffffff;
    }

    .card .card-img {
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
             -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }

    .card-img .icon-hover {
        opacity:0;
        -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
             -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }



    .card-content:hover .card-img .icon-hover {
        opacity:1;
    }

    .card-img .icon-hover [class*='fa'] {
        width: 80px;
        height: 80px;
        background-color: rgba(255, 255, 255, 0.6);
        margin: auto;
        text-align: center;
        line-height: 80px;
        color: #00529e;
    }

    .card-img .icon-hover [class*='fa']:hover {
        opacity:1;
    }

    .card-body a.card-title {
        cursor: pointer;
        font-size: 21px;
        color: #00529e;
        min-height: 65px;
        display: block;
    }

    .podcast-carousel .card, .cartoon-carousel .card {
        height: auto;
    }


    .card.card-long-title .card-body .card-text {
        height: auto;
        max-height: 200px;
        overflow: hidden;
    }

    .card-text, .card-row-text {
        font-size:16px;
        line-height: 1.6;
    }

    @media(max-width: 599px){
         .carousel .card.card-long-title .card-header .card-title {
            max-height: initial;
        }
    }

    @media(max-width: 767px) and (min-width: 600px){
        .carousel .card.card-long-title .card-body .card-text {
            max-height: 150px;
        }
        .carousel .card.card-long-title .card-header .card-title {
            max-height: 225px;
        }
        .carousel .card {
            min-height: 525px;
        }
    }


    @media( min-width: 768px){

        .card.card-long-title .card-body .card-text {
            max-height: 200px;
            overflow: hidden;
        }
    }

     @media( min-width: 992px){

        .card.card-long-title .card-body .card-text {
            max-height: 260px;
        }
    }

    @media( min-width: 1200px){

        .card.card-long-title .card-body .card-text {
            max-height: 200px;
        }
    }

    /* dotdotdot */
    .card-content .card-title , .card-content .card-link, .card-content .card-text {
        height: 70px;
        overflow: hidden;
    }
    .landing-card__list .no-img-bg .card-text{
        height: 160px;
    }
    .landing-card__list .format-press .no-img-bg .card-text{
        height: 260px;
    }

    .format-standard .card-text {
        height: 135px;
    }


    .landing-card__list .format-press .card-title {
        max-height: 150px;
    }
    .landing-card__list .format-press .card-title  {
        height: 140px;
    }

    /* end of dotdotdot */


    .card-content .card-topic {
        position: absolute;
        z-index: 999;
        padding: 20px;
    }


    .landing-card__list .no-img-bg .card-topic {
        position: relative;
    }


    .card-topic .btn-topic {
        margin-top: 5px;
    }

    .card footer.card-footer{
        padding: 0 25px 20px 25px;
    }
    footer.card-footer .card-tags {
        height: 32px;
        overflow: hidden;
    }

    article.card-content {
        margin-bottom: 20px;
    }

    .card-content header.card-header {
        padding: 20px 25px 0px 25px;
    }

    .card-content .card-body {
        padding: 0 25px 10px 25px;
    }

    .card-content footer.card-footer {
        padding: 10px 25px 20px 25px;
    }

        /* [#]Screen size: xs */
        @media (max-width: 767px){
            .landing-card footer {
                bottom: 20px;
            }
            .card.card-standard .card-body .card-text, .card.card-portrait .card-body .card-text,
            .card.card-date .card-body .card-text {
                height: 76px !important;
            }

            .card.card-standard.card-long__description .text-long__description{
              height: auto !important;
            }
        }

    .card-date-author {
        height: 30px;
        overflow: hidden;
    }
    .card-date-author > span {
        font-size:14px;
    }

    .card-date-author .card-date {
      /*  padding-right:15px;*/
    }

    .card-date-author .card-author {
        padding-left:15px;
    }

    @media (min-width: 768px){

        .landing-card__list article[class*="-6"]:nth-child(2n+1){
            padding-right: 30px;
            clear: left;
        }

        .landing-card__list article[class*="-6"]:nth-child(2n+2){
            padding-left: 30px;
        }


        .format-podcast h3.card-title {
            margin: 20px 0 5px 0;
        }

    }

/* press releases */

.landing-card__list .card-content.format-press .card {
  height: 550px;
}

.format-press footer.card-footer .card-tags {
  height: 32px;
}

/********** Card - redesign **************/

.landing-card__list .card-content .card.card-thumbnail {
    height: 300px;
}
.landing-card__list .card-content .card.card-thumbnail.card-job {
    height: 200px;
}
/*.landing-card__list .card-content .card.card-thumbnail.card-press {
    height: 210px;
}*/

.card.card-thumbnail.card-job footer.card-footer .card-tags/*,
.card.card-thumbnail.card-press footer.card-footer .card-tags*/ {
    height: 96px;
}

.card-thumbnail .card-location {
    color: #00529E;
    margin-top: 20px;
    margin-left: 85px;
}

.card-thumbnail .card-event-date {
    background-color: #00529E;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1;
    font-size: 24px;
    float: left;
    width: 80px;
    height: 80px;
    padding: 15px 10px;
    margin-bottom: 20px;
}
.card-event__date-day {
    font-size: 28px;
}
.card-event__date-month {
    font-size: 18px;
}

.landing-card .card-thumbnail .card-body {
    padding: 0 25px 10px 0;
}

.landing-card .card-thumbnail .card-title {
    clear: both;
}

.landing-card__list .card-thumbnail.card-job h3/*,
.landing-card__list .card-thumbnail.card-press h3*/ {
    margin-top: 5px;
}

.card-thumbnail .card-event-date .card-event-date-with-end-date {
    font-size: 12px;
    padding-top: 5px;
    line-height: 1.5;
}

.card-thumbnail .card-event-date .card-event-date-with-end-date.thumbnail-date-with-year {
    font-size: 11px;
}

@media (min-width: 380px) {
    .card-thumbnail .card-event-date {
        margin-top: 10px;
    }
}

@media (min-width: 576px) {
    .landing-card__list .card-content .card.card-thumbnail.card-job {
        height: 150px;
    }
    .card.card-thumbnail.card-job footer.card-footer .card-tags {
        height: 32px;
    }
}

@media (max-width: 767px) {
    .landing-card__list .card-content .card.card-thumbnail,
    .landing-card__list .card-content .card.card-thumbnail:hover {
        box-shadow: none;
    }
    .landing-card__list .card-content .card.card-thumbnail {
        margin-bottom: 10px;
    }
    .landing-card__list  .card.card-thumbnail header {
        padding: 10px 15px 0px 25px;
    }
    .landing-card__list .card.card-thumbnail .card-title {
        font-size: 21px;
    }
    .card-content .card.card-thumbnail .card-title .dotdotdot {
        height: 35px;
    }
    .landing-card__list .card.card-thumbnail .card-body,
    .landing-card__list .card.card-thumbnail .tag-no-link{
        font-size: 12px !important;
    }
    .landing-card .landing-card__list article {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .landing-card__list .card-content .card.card-thumbnail {
        height: 350px;
    }
    .landing-card__list .card-content .card.card-thumbnail.card-job {
        height: 310px;
    }
    /*.landing-card__list .card-content .card.card-thumbnail.card-press {
        height: 350px;
    }*/
    .card.card-thumbnail.card-job footer.card-footer .card-tags/*,
    .card.card-thumbnail.card-press footer.card-footer .card-tags*/ {
        height: 96px;
    }
    .card-thumbnail.card-job .tag-no-link.dotdotdot-css-only/*,
    .card-thumbnail.card-press .tag-no-link.dotdotdot-css-only*/ {
        max-width: 170px;
    }
    .card-thumbnail .card-event-date .card-event-date-with-end-date {
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    .card-thumbnail .card-location {
        margin-top: 10px;
        margin-left: 80px;
    }
    .card-thumbnail .card-event-date {
        padding: 10px 5px;
        width: 70px;
        height: 70px;
        margin-left: 0;
    }
    .landing-card__list .card-content .card.card-thumbnail {
        height: 350px;
    }
    .landing-card__list .card-content .card.card-thumbnail.card-job {
        height: 280px;
    }
    /*.landing-card__list .card-content .card.card-thumbnail.card-press {
        height: 350px;
    }*/
    .card-thumbnail.card-job .tag-no-link.dotdotdot-css-only/*,
    .card-thumbnail.card-press .tag-no-link.dotdotdot-css-only*/ {
        max-width: 280px;
    }
}

@media (min-width: 1200px) {
    .landing-card__list .card-content .card.card-thumbnail.card-job {
        height: 220px;
    }
    /*.landing-card__list .card-content .card.card-thumbnail.card-press {
        height: 280px;
    }*/
    .card.card-thumbnail.card-job footer.card-footer .card-tags/*,
    .card.card-thumbnail.card-press footer.card-footer .card-tags*/ {
        height: 32px;
    }
    .card-thumbnail.card-job .tag-no-link.dotdotdot-css-only/*,
    .card-thumbnail.card-press .tag-no-link.dotdotdot-css-only*/ {
        max-width: 110px;
    }
}

/********** Card row **************/

.landing-card__list .card-content .card.card-row {
    flex-direction: row;
    height: 100px;
    margin-bottom: 0;
}

.landing-card__list .card-content .card.card-row.card-row-job {
    /*height: 70px;*/
    height: auto;
    padding-bottom: 25px;
}

.card-row .card-img {
    width: 130px;
    min-width: 130px;
    /* override min-height defined for .card-img in card.css */
    min-height: 100px;
}

.landing-card-genericEvents .card-row .card-row-body {
    margin-top: 10px;
}

/*.card.card-row.card-row-event .card-row-body,*/
.card.card-row.card-row-press .card-row-body {
    padding: 10px;
}

.card-row h4 {
    /* override margin defined for h4 in typo-eib.css */
    margin: 5px 0;
}

.card-row .card-title .dotdotdot {
    height: 30px !important;
    white-space: nowrap !important;
    max-width: 150px;
    text-overflow: ellipsis;
}
.card-row.no-img-bg .card-title .dotdotdot {
    max-width: 280px;
}
.card-row footer {
    padding: 10px 0 0 0 !important;
    max-height: 75px;
    overflow: hidden;
}
.card-row.card-row-extra-fields footer {
    padding: 5px 0 0 0 !important;
}
.card-row.card-row-job footer,
.card-row.card-row-press footer {
    display: none;
}
.card-row .card-text.dotdotdot {
    height: 50px;
}
/* Use this when there are both tags/topics and author/date */
.card-row .card-text.card-text-40.dotdotdot {
    height: 40px;
}
/* Use this when there is neither tags/topics nor author/date */
.card-row .card-text.card-text-100.dotdotdot {
    height: 100px;
}
.card-row .card-text {
    font-size: 16px;
}
.card-row .card-title {
    font-size: 21px;
}
.card-row .card-date-author > span {
    font-size: 12px;
    color: #00529e;
}
.card-row.card-row-press .card-date-author > span {
    color: #4f4f4f;
}
.card-row .card-event-date {
    background-color: #00529E;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1;
    height: 80px;
    width: 80px;
    font-size: 18px;
    padding: 20px 10px;
    margin-top: 10px;
}
.card-row .card-event-date .card-event-date-with-end-date {
    font-size: 14px;
}

.card-row .btn-tag,
.card-thumbnail .btn-tag {
    margin-bottom: 0;
}

@media (min-width: 380px) {
    .card-row .card-title .dotdotdot {
        max-width: 200px;
    }
    .card-row.no-img-bg .card-title .dotdotdot {
        max-width: 320px;
    }
}

@media (min-width: 576px) {
    .card-row .card-title .dotdotdot {
        max-width: 420px;
    }
    .card-row.no-img-bg .card-title .dotdotdot {
        max-width: 540px;
    }

    .card.card-standard footer.card-footer .card-tags {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .landing-card__list .card-content .card.card-row,
    .landing-card__list .card-content .card.card-row:hover {
        box-shadow: none;
    }
    .card.card-row.card-row-press .card-title {
        margin-top: 0;
    }
}

 @media (min-width: 768px) {
    .landing-card__list .card-content .card.card-row {
        height: 150px;
    }
    .landing-card__list .card-content .card.card-row.card-row-job {
        height: 120px;
    }

    .landing-card-genericEvents .card-row .card-row-body {
        margin-top: 20px;
    }

    .card-row .card-img {
        width: 200px;
        min-width: 200px;
        min-height: 150px;
    }
    .card-row .card-text {
        display: block;
    }
    .card-row .card-title, .card-row-items .card-row-title {
        font-size: 26px;
    }
    .card-row-items .card-row-title {
        margin-bottom: 0;
    }
    .card-row-items .card-row-title, .card-row-items .card-row-title a {
        display: inline-block;
    }
    .card-row .card-date-author > span {
        font-size: 14px;
    }
    .card-row .card-title .dotdotdot {
        max-width: 500px;
    }
    .card-row.no-img-bg .card-title .dotdotdot {
        max-width: 750px;
    }
    .card-row .card-event-date {
        padding: 45px 10px;
        font-size: 24px;
        height: 130px;
        width: 100%;
    }
    .card-row .card-event-date .card-event-date-with-end-date {
        margin-top: -20px;
        font-size: 28px;
    }
    .card-row.card-row-press footer {
        display: block;
    }
}

@media (min-width: 992px) {
    .landing-card__list .card-content .card.card-row {
        height: 200px;
    }
    .landing-card__list .card-content .card.card-row.card-row-job {
        height: 170px;
    }
    .card-row .card-img {
        width: 300px;
        min-width: 300px;
        min-height: 200px;
    }
    .card-row .card-text {
        font-size: 18px;
    }
    .card-row .card-title .dotdotdot {
        max-width: 450px;
    }
    .card-row.card-row-press .card-title .dotdotdot {
        max-width: 600px;
    }
    .card-row.no-img-bg .card-title .dotdotdot {
        max-width: 850px;
    }
    .card-row .card-text.dotdotdot {
        height: 40px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /*.card.card-row.card-row-event .card-row-body,*/
    .card.card-row.card-row-press .card-row-body {
        padding: 20px;
    }

    .card-row .card-event-date {
        font-size: 32px;
        height: 160px;
        margin-top: 20px;
        margin-left: 10px;
    }
    .card-row .card-event-date .card-event-date-with-end-date {
        margin-top: -10px;
    }
    .card-row.card-row-job footer {
        display: block;
    }
}

@media (min-width: 1200px) {
    .card-row .card-title .dotdotdot {
        max-width: 650px;
    }
    .card-row.card-row-press .card-title .dotdotdot {
        max-width: 800px;
    }
    .card-row.no-img-bg .card-title .dotdotdot {
        max-width: 1050px;
    }
}


/********** List **************/

.landing-card__list .card-content .card.card-list {
    height: fit-content;
}
.card-content .card.card-list {
    height: fit-content;
}
.card-list .card-container {
    border-bottom: 1px solid #CCCCCC;
}

.card-list .card-container.row {
    padding: 10px;
    font-size: 14px;
}
.card-list h5.card-title {
    margin: 0;
    font-size: 21px; /* H5 size as defined on typo-eib.css */
}

.landing-card-genericEvents .card-container.row {
    color: #00529e;
}
.landing-card-genericEvents .card-event-date  {
    font-weight: bold;
}

@media (min-width: 768px) {
    .card-list .card-container.row {
        padding: 20px;
    }
}


/********** Card type List (Not to confuse with a list of cards)**************/

    .card-content.format-list .card__vertical .card-header {
        padding: 0px 15px;
        height: 120px;
        position: relative;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .card-content.format-list .card__vertical .card-header {
            height: 140px;
        }
    }

    .card-content.format-list .card__vertical .card-header .card-title {
        /*color: #ffffff;
        text-align: center;
        margin-bottom: 25px;
        margin-top: 25px;*/
        max-height: none;
        color: #ffffff;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 0px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .landing-card .card-content.format-list .card .card-body{
        padding: 0;
    }

    .card-content.format-list .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top:0;
    }

    .card-content.format-list .list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .card-content.format-list .list-group-item {
        border-left: 0;
        border-right: 0;
        padding: 15px 65px 15px 30px;
    }
    .landing-card__list .card-content.format-list .card {
        height: auto;
    }

   /* .card-content.format-list .card .list-group-item em.fa {
        float: right;
        font-size: 1.8em;
    }

    .card-content.format-list .card .list-group-item em.fa-check {color: #94C844;}

    .card-content.format-list .card .list-group-item em.fa-times {color: #8B183E;}

    */
    .card-content.format-list .list-group-item.ok:after,.card-content.format-list .list-group-item.x:after {
        font-family: FontAwesome;
        font-size: 1.8em;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 90%;

    }

    .card-content.format-list .list-group-item.ok:after {
        content: "\f00c";
        color: #94C844;
    }

    .card-content.format-list .list-group-item.x:after {
        content: "\f00d";
        color: #8B183E;
    }

    .card-list .popover{
        width:60%;
    }


/** Card publications list **/

    .card-format .card-format__tag, .tag-format, .btn.btn-secondary-tag,
    .card-row .card-row-footer .card-row-tags span.btn.btn-secondary-tag{
        padding:3px 10px;
        background-color: #AAB3DC;
        color:#fff;
        border-radius: 4px;
        border:1px solid transparent;
        font-size:12px;
        text-align:left;
        cursor: auto;
    }

    .card .card-publication__img {
        margin-top:10px;
        padding-top: 10px;
    }

    .card .card-language__text, .tag--available-language {
        font-size:14px;
        font-style: italic;
    }

    .card .card-format, .tag-format {
        margin-top: 5px;
    }

    .card .card-language, .publication-content__language {
        position:relative;
        bottom:10px;
    }

    .card .card-publication__link {
        margin-bottom: 10px;
        height: 240px;
    }

    .card .card-date-author {
        margin-bottom: 10px;
    }

    .card-row.card-row-publications .card-date-author > span {
        color:#4f4f4f;
    }

/** END Card publications list **/


/* End of Card **************************************************************/

/**  TAB design **/

    .landing-card__list.landing-card__list--tab .card-content.format-list .list-group-item {
        border-left: 0;
        border-right: 0;
        padding: 15px 35px 15px 35px;
    }
    .landing-card__list.landing-card__list--tab .card-content.format-list .list-group {
        margin-bottom: 0px;
    }
    .box__wrapper.box__wrapper--tab {
        padding: 1px;
    }

/**  END TAB design **/

/* Hide/show display type responsively */

@media (max-width: 767px) {
    .landing-card-genericEvents #cards {
        display: none !important;
    }
    .landing-card-genericEvents #card-rows {
        display: block !important;
    }
    .landing-card-genericEvents #rows {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .landing-card-pressReleases #cards {
        display: none !important;
    }
    .landing-card-pressReleases #card-rows {
        display: block !important;
    }
    .landing-card-pressReleases #rows {
        display: none !important;
    }
}





/****************/
/*     CARD     */
/****************/

/*.card,*/


.card-row{
	position: relative;
    display: flex;
    flex-direction: row;
    min-width: 0px;
    word-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    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:1px solid #cccccc;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
}

.row-list{
    position: relative;
    display: flex;
    flex-direction: row;
    min-width: 0px;
    word-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    /* border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-left:1px solid #cccccc; */
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-top: 15px !important;
    padding-bottom: 15px !important;

}
/*
.carousel__result .card-row.card-row-standard{
  max-height: 210px;
} */

.search-filter__results article:first-child .row-list{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top:1px solid #cccccc;
}
.search-filter__results article:last-child .row-list{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom:1px solid #cccccc;
}
.card-row {
    margin-bottom: 20px;
}

.content-type__url {
  font-size:12px;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 2px;
}

.card .card-tags span.btn.btn-primary-tag,
.card-row .card-row-tags span.btn.btn-primary-tag {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    display: inline-block;
    font-weight: 400;
    line-height: 1.43;
    max-height: 52px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    color: #777777;
    padding: 3px 10px;
    background-color: transparent;
    border: 1px solid transparent;
    border-color: #9C9D9F;
    border-radius: 4px;
    margin-bottom: 4px;

    cursor: default;
}

.card .card-tags span.btn.btn-secondary-tag,
.card-row .card-row-tags span.btn.btn-secondary-tag {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    display: inline-block;
    font-weight: 400;
    line-height: 1.43;
    max-height: 52px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;

    padding: 3px 10px;
    background-color: #AAB3DC;
    color: #fff;
    border-radius: 4px;
    border: 1px solid transparent;

    cursor: default;
}

.card .card-tags a,
.card-row .card-row-tags a {
    font-size:12px;
}

.card-row-tags ul, .card-tags ul{
    margin-left: 0;
    margin-bottom: 5px;
    padding-left: 0;
    line-height: 14px;
}

.card-row-tags ul li, .card-tags ul li {
    display: inline;
    line-height: 14px;
}

.card-row-tags ul li a, .card-tags ul li a {
    margin-right: 0;
}

.card-row-tags ul li:not(:last-child):after, .card-tags ul li:not(:last-child):after {
    content:".";
    position: relative;
    top:-3px;
    font-size:26px;
    padding-left:4px;
    padding-right:4px;
    color:#7e7e7e;
}

/* CARD GENERIC */
.card.card-date:hover,
.card.card-standard:hover{
    box-shadow: 1px 1px 5px rgba(199, 199, 199, 0.5);
    border-radius: 3px;
}


/* ****************** CARD STANDARD / New types of cards formatting ***************** */
.card{
    height: 540px;
    overflow: hidden;
}

.card.card-portrait {
    height: 465px;
}


.boxes__grid .card {
    height: 570px !important;
}
.boxes__grid .card.card-portrait {
    height: 465px;
}

.card .card-img {
    position: relative;
}

.card .card-img .card-img-icon img.video-icon {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    position: absolute;
    text-align: center;
    width: 100px;
    height: 100px;
    display: block;
    content:url(/img/site/play.png);
}

.card header.card-header{
    position: relative;
  padding: 20px 25px 0px 25px;
  height: 130px;
  overflow: hidden;
}

.card.card-title-style header.card-header{
    height: auto;
}



/* End card news */

.card.card-long-title header.card-header, .card.card-title-style header.card-header{
    height: auto;
}

.card-extra-fields header.card-header{
  height: auto !important;
}

.card-extra-fields header.card-title{
  height: auto !important;
}


.card.card-extra-fields .card-header .card-title a {
  max-height: 135px;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  -webkit-line-clamp:4;
  -webkit-box-orient :vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* card for events */
.card-date>.card-header{
  height: 200px !important;
}

.card-long-title header.card-header{
  overflow: visible;
}



div.card[class*="pipelines"] .card-title {
    height: 130px;
}

.card-long__description .text-long__description{
  max-height: 780px !important;
  height: auto !important;
  -webkit-line-clamp:14 !important;
}
.boxes__grid .card-long__description{
  max-height: 645px !important;
}
.card-long__description .card-date-author{
  display: none !important;
}
.card-long__description .card-footer{
  display: none !important;
}
.card-long__description .card-header{
  height: auto !important;
}
.card.card-standard .card-body .card-text, .card.card-portrait .card-body .card-text,
.card.card-date .card-body .card-text, .card.card-calendar .card-body .card-text {
    max-height: 120px;
    display: -webkit-box;
    max-width: 100%;
    height: 80px;
    margin: 0 auto;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card.card-long-title .card-body .card-text, .card.card-extra-fields .card-body .card-text {
    max-height: 260px;
    display: -webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.card.card-long-title .card-body .card-text{
    max-height: 250px ;
    display: -webkit-box ;
    -webkit-line-clamp: 4 ;
    -webkit-box-orient:vertical ;
    text-overflow: ellipsis ;
    overflow: hidden ;
}

.card-big .card.card-long-title .card-body .card-text{
  max-height: 105px;
  min-height: 100px;
}
@media (max-width: 450px) {
  .card.card-long-title .card-body .card-text{
      max-height: 350px ;
      display: -webkit-box ;
      -webkit-line-clamp: 9 ;
      -webkit-box-orient:vertical ;
      text-overflow: ellipsis ;
      overflow: hidden ;
  }
    }
.slick-slide .card.card-long-title .card-body .card-text{
    max-height: 100px!important;
    display: -webkit-box!important;
    -webkit-line-clamp:4!important;
    -webkit-box-orient:vertical !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.products-loans-midcaps .card.card-long-title .card-body .card-text, .products-loans-midcaps .card.card-extra-fields .card-body .card-text {
    max-height: 100px;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sme-mid-caps_tabs .accordion-eib:last-child,
.panel-simple .accordion-eib:last-child{
  padding-bottom: 25px;
}

.panel-simple__menu li>a{
  cursor: pointer;
}

.card .card-body .card-text, .card .card-header .card-title a {
    overflow: hidden;
}

.card.card-standard .card-header .card-title a, .card.card-portrait .card-header .card-title a,
.card.card-date .card-header .card-title a  {
    max-height: 70px;
    display: -webkit-box;
    -webkit-line-clamp :2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.card-title > .fancyVideoBox {
    max-height: 70px ;
    display: -webkit-box !important;
    -webkit-line-clamp :2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.card.card-long-title .card-header .card-title a, .card.card-extra-fields .card-header .card-title a {
    max-height:135px;
}

.card.card-extra-fields .card-body .card-text {
    max-height: 195px;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.extra-fields-plr__pipelines .card-additional-text{
  padding-bottom: 10%;
}


div.card[class*="card-standard-plr"] .card-body .card-text{
    height: 190px;
}

.card .card-body  .card-additional-text{
    font-size: 14px;
    font-style: italic;
    /* height: 70px; */
    height: auto;
    overflow: hidden;
}

.card.card-portrait-media__publications .card-body .card-additional-text {
    height:30px;
}



.card.card-portrait a img {
    height:200px;
    /*max-width:295px;*/
}

.card.card-standard footer.card-footer{
    padding: 10px 25px 20px 25px;
}

.card footer.card-footer .card-tags {
    display: none;
}

.card footer.card-footer div.card-tags:nth-of-type(1),.card footer.card-footer div.card-tags:nth-of-type(2){
    display: block;
}

.card footer.card-footer .card-tags {
    height: 32px;
    overflow: hidden;
}

.card.card-extra-fields footer.card-footer .card-tags {
    height: 44px;
}

.card .card-url-page, .card-row .card-url-page {
    font-size: 14px;
    line-height: 20px;
    color:#c8c8c8;
    font-style: italic;
    padding-top:5px;
}

.card .card-url-page {
    margin-bottom: 10px;
}

.card-row .card-row-title a {
    height: 35px;
}

.card-row.card-row-long-title .card-row-title a {
    max-height: 70px;
}

.card-row .card-row-text {
    overflow: hidden;
    max-height: 55px;
    max-width: 100%;
    margin:0 auto;
    text-overflow: ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display: block;
    /*height:65px;*/
    display: -webkit-box;
}


@media (max-width: 767px){
    .card footer.card-footer .card-tags{
        height:auto;
    }

    .boxes__grid .card footer.card-footer .card-tags{
        height:32px;
    }

    .card{
        height: auto;
    }

    .card-extra-fields header.card-header{
      height: auto;
    }
    .card-row .card-row-text{
      height: auto !important;
    }
    .products-loans-midcaps .cardList .card.card-long-title{
      height: auto !important;
    }
    .products-loans-midcaps .card-footer.card-footer .card-tags{
      max-height: none !important;
    }

}



/* ----------publication fix ------- */


.card-portrait-media__publications{
  height: 490px !important;
}
.card-portrait-media__publications .card-header{
  max-height: 160px !important;
}
.card-portrait-media__publications .card-title a{
  max-height: 100px !important;
  -webkit-line-clamp:3 !important;
}
div[class*="card-portrait-media"]{
  height: 550px !important;
}

/* ----------publication fix end ------- */


/* CARD DATE */
/*change for prod*/
.card.card-date {
	height: 410px;
	overflow: hidden;
}
.card-date>.card-header{
  height: auto !important;
  min-height: 130px;
}

.card-long-title header.card-header{
  overflow: visible;
}

.card.card-date .card-header .card-location-date-with-country{
  padding-left: 10px;
}


.card.card-date header.card-header {
    padding: 20px 25px 0px 25px;
}
/*change for prod*/
.card.card-date header.card-header .card-start-date {
	font-family: 'Alegreya Sans', sans-serif;
    background-color: #00529E;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 0.9;
    font-size: 24px;
    float: left;
    width: 90px;
    height: 90px;
    padding: 15px 10px;
    margin-bottom: 5px;
}

@media (min-width: 992px){
	.card.card-date header.card-header .card-start-date {
		padding: 10px 5px;
		width: 90px;
		height: 90px;
		margin-left: 0;
	}
}

@media (min-width: 380px){
	.card.card-date header.card-header .card-start-date {
		margin-top: 10px;
	}
}

.card.card-date header.card-header .card-start-date .card-start-date-with-end-date {
    font-size: 12px;
    line-height: 1.1em;
}

@media (min-width: 768px){
	.card.card-date header.card-header .card-start-date .card-start-date-with-end-date {
		font-size: 20px;
		line-height: 1.1em;
	}
}

.card.card-date header.card-header .card-start-date .card-start-date-with-end-date.thumbnail-date-with-year{
	font-size: 20px;
}

.card.card-date header.card-header .card-start-date .card-date_day{
	font-size: 20px;
}

.card.card-date header.card-header .card-start-date .card-date_month{
    text-transform: capitalize;
	font-size: 20px;
}

.card.card-date header.card-header .card-start-date .card-date_year{
	font-size: 20px;
}

.card.card-date header.card-header .card-location {
    /* color: #00529E; */
    margin-top: 20px;
    margin-left: 95px;
    font-size: 14px;
}

@media (min-width: 992px){
	.card.card-date header.card-header .card-location {
		margin-top: 10px;
		margin-left: 90px;
    padding-left: 10px;
	}
}

.card.card-date header.card-header h3.card-title {
	clear: both;
	font-size: 26px;
    line-height: 33px;
    height: auto;
    overflow: hidden;
	min-height: 69px;
    max-height: 100px;
    margin-bottom: 10px;
}

.card.card-date .card-body {
	position: relative;
	flex: 1 1 auto;
	padding: 10px 25px 10px 25px;
  height: auto;
}

.card.card-date footer.card-footer{
	padding: 10px 25px 20px 25px;
  max-height: 100px;
}

.card.card-date footer.card-footer .card-tags{
	max-height: 65px;
  height: auto;
    overflow: hidden;
}

/* regulate banners height according type of content */

    .card.card-standard-plr__registers{
        height: 300px;
    }
    .card.card-standard-plr__registers .card-title{
        height: 130px;
    }

    .card.card-standard-plr__registers{
        height: 300px;
    }


/* END regulate banners height according type of content */

/****************/
/*   CARD ROW   */
/****************/

/* CARD ROW STANDARD */


.card-row.card-row-standard{
    flex-direction: row;
/*    height: 230px;*/
    overflow: hidden;
}

.card-row.card-row-standard .card-row-image {
    display: block;
}

.card-row.card-row-portrait .card-row-image {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.card-row.card-row-portrait .card-row-image img {
    max-width: 120px;
    height: auto;
}


.card-row.card-row-standard .card-row-info {
    padding-top: 15px;
    padding-bottom: 15px;
}

.card-row.card-row-standard .card-row-img{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 250px;
    background-position: center center;
    display: block;
}

.row-list .row-tags {
    max-height: 50px;
    overflow: hidden;
}

.display-flag .flag-icon {
    margin-right: 5px;
}

.row-list .display-flag .row-tags {
    height: auto;
}

@media (min-width: 768px){
    .card-row.card-row-standard .card-row-img {
        min-height: 100%;
    }
}

.card-row header.card-row-header .card-row-date {
    font-size: 14px;
    color: #4f4f4f;
}

.card-row.card-row-standard .card-row-body .card-row-text  {
    height: 55px;
}

.card-row-info {
    padding-top: 7px;
    padding-bottom: 7px;
}

.card-row-standard-media__pressReleases .card-row-title{
  overflow: hidden;
  max-height: 150px;
  max-width: 100%;
  margin: 0 auto;
  text-overflow: ellipsis;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  display: -webkit-box;
}

/* CARD ROW CALENDAR */

.card-row.card-row-calendar{
	flex-direction: row;
    min-height: 140px;
	overflow: hidden;
}
.card-row-calendar{
  min-height: 160px;
}
.card-row.card-row-calendar .card-row-box{
  background-color: #0E2031;
  min-width: 180px;
}

.card-row.card-row-calendar .card-row-box .card-row-date{
    text-align: center;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 24px;
    float: left;
    width: 100%;
    line-height: 1;
    padding-top: 40px;
    font-family: Roboto;
}
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date-same-m-y{
  width: 105px;
  margin-left: 25px;
}
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-date_day  {
	font-size: 40px;
}

.card-row.card-row-calendar .card-row-box .card-row-date .card-row-date_month  {
    text-transform: capitalize;
	font-size: 16px;
}

.card-row.card-row-calendar .card-row-box .card-row-date .card-row-date_year  {
	font-size: 16px;
}

.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_day{
  font-size: 40px;
}
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_month{
  font-size: 16px;
}
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_year{
  font-size: 16px;
}
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .first-part-date{
  float: left;
}
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .second-part-date{
  float: right;
}
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .date-seperator{
  font-size: 40px;
}
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_day,
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_month,
.card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_year {
	text-transform: capitalize;
}

@media (max-width: 1025px) {
  .card-row.card-row-calendar .card-row-box{
    min-width: 150px;
  }

  .card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date-same-m-y{
    margin-left: 10px;
    line-height: 20px;
  }
  .card-row.card-row-calendar .card-row-box .card-row-date .card-row-date_day  {
  	font-size: 30px;
  }
  .card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .card-row-date_day{
    font-size: 30px;
  }
  .card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .date-seperator{
    font-size: 30px;
  }
  .card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .first-part-date{
    float: none;
  }
  .card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date .second-part-date{
    float: none;
  }
  .card-row.card-row-calendar .card-row-box .card-row-date{
    padding-top: 0px !important;
  }
  .card-row-two-date{
    padding-top: 35px;
  }
  .card-row-one-date{
    padding-top: 55px !important;
  }
}



@media (max-width: 992px) {
  .card-row.card-row-calendar .card-row-box{
    min-width: 100px;
  }

  .card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date-same-m-y{
    padding-right: 20px !important;
    margin-left: 0 !important;
  }

  .card-row.card-row-calendar  .card-row-info .card-row-body {
      height: 50px;
      overflow: hidden;
  }
  .card-row-calendar .card-text{
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }

}

@media (max-width: 426px) {
  .card-row-one-date{
    padding-top: 30px !important;
  }
  .card-row.card-row-calendar .card-row-box{
    min-width: 135px;
  }
  .card-row.card-row-calendar .card-row-box .card-row-date .card-row-two-date-same-m-y{
    padding-right: 0px !important;
    margin-left: 0 !important;
    margin-bottom:20px !important;
  }
  .card-row-two-date{
    margin-bottom: 15px;
  }

}

/*change for prod*/
.card-row.card-row-calendar  .card-row-info .card-row-location {
	font-size: 14px;
    /* color: #00529a; */
}

.card-row.card-row-calendar  .card-row-info .card-row-body {
    height: 50px;
    overflow: hidden;
}
/*change for prod*/
.card-row.card-row-calendar .card-text p {
    margin-top:0;
    margin-bottom: 0;
}


/* Media press cards  */

/* .card-long-title-media__pressReleases > .card-body{
  padding-top: 80px;
} */

/* Media infographic */

.card-row-standard-media__infographics{
  max-height: 180px !important;
}
.card-row-standard-media__infographics .card-row-text{
  display: none !important;
}


.card .card-body{
    position: relative;
    flex: 1 1 auto;
    padding: 10px 25px 10px 25px;
}

/****************/
/*   ROW LIST   */
/****************/

/* ROW LIST STANDARD */

.row-list{
    flex-direction: row;
    margin-bottom: 0px;
}

@media (max-width: 768px){
    .row-list{
        flex-direction: column;
    }
    .card-row.card-row-standard{
       height: 140px;
    }
    .card-row.card-row-standard .card-row-img{
      min-height: 140px;
    }

    .landing-card-job .card-row .card-row-body{
        display: block;
    }

    .card-row .card-row-body{
      display: none;
    }

    .card-row.card-row-calendar .card-row-box .card-row-date{
      margin-bottom: 10px;
      margin-top:10px;
    }
}

.row-list.row-list-standard{
	border-bottom: 1px solid #CCCCCC;
  border-left:  1px solid #CCCCCC;
  border-right:  1px solid #CCCCCC;
}

.row-list.row-list-standard {
    padding: 10px;
    font-size: 14px;
}

#signedProjects .row-list, #approvedProjects .row-list, #preApproved .row-list{
    overflow:visible !important;
}

@media (min-width: 768px){
    .row-list.row-list-standard {
        padding: 20px;
    }
}

.row-list.row-list-standard .row-tags span:not(:last-child):after {
    content: ", ";
}


@media (max-width: 768px){
  .card{
    height: 520px !important;
  }
    .card-row-title {
        font-size: 21px!important;
    }

    .card-row-title a{
    max-height: 120px;
    display: -webkit-box;
    max-width: 100%;
    height: 80px !important;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }

  .card-row-tags{
    font-size: 12px!important;
    display: none;
  }
}


@media (max-width: 425px){
     /* .card-row-img {
        min-height: auto !important;
    } */
  .card-row-standard > .card-row-tags{
    display: none;
  }
}

/********************************************************************************
*                             Multi Item Carousel Component                     *
*                                                                               *
********************************************************************************/

/*  multi-item-carousel **************************************************/

    .related-bar__carousel .card-icon {
        margin-top:25px;
        position:relative;
    }

    .related-bar__carousel .card-img {
        height:400px;
    }

    .related-bar__carousel article.card-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .related-bar__carousel .card-container {
        bottom: 25px;
        position: absolute;
        padding-left:15px;
        padding-right:15px;
        width:100%;
    }

    .related-bar__carousel .card-container > * {
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }

    .related-bar__carousel .card-date-author > span {
        color:#ffffff;
        font-size:14px;
    }

    .related-bar__carousel .card:hover  {
        box-shadow: 1px 1px 5px rgba(199, 199, 199, 0.5);
        border-radius:3px;
    }

    .carousel__generic .carousel .carousel-control {
        opacity: 1;
    }

    @media (min-width: 768px) {
      .container-fluid .carousel.slide.multi-item-carousel {
        width: 95%;
        margin: auto;
      }
    }

    .multi-item-carousel .carousel-control {
      width: 50px;
      height: 400px;
      -webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
             -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
      opacity: 0.7;
    }

    .related-bar .card-content header > a.card-link  h3 {
        font-size: 24px !important;
        line-height: normal;
        height: 30px;
        overflow:hidden;
    }

    .carousel-6-projects-carousel .carousel-inner .card-img:hover {
        opacity:1;
    }

    .carousel-6-projects-carousel .carousel-inner .card-img.is-hover:hover {
        opacity:0.7;
    }

    .related-bar .card-content header {
        padding: 10px 25px 0 25px;
    }

    .related-bar .card-content .card-body, .related-bar .card-content .card-footer {
        padding:5px 25px 10px 25px;
    }

    .related-bar .card-content .card-body *,
    .related-bar .card-content .card-body p{
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: 1.8 !important;
    }

    .related-bar .card-content .card-body .card-text.dotdotdot,
    .related-bar .card-content .card-body .card-text.dotdotdot p{
        height: 58px;
        margin: 0 !important;
        overflow: hidden;
    }

    /* Moved to typo-eib.css */
    /*
    .btn-tag {
        font-size:14px;
        background-color:transparent;
        border-color:#9C9D9F;
        color:#777777;
        padding: 3px 10px;
        margin-bottom:8px;
    }

    .btn.btn-tag {
        font-size: 14px;
    }

    .btn-tag:hover {
        background-color:#9C9D9F;
        color:#ffffff;
    }
    */
    /* Moved to card.css */
    /*
    .card-tags a {
        margin-right: 10px;
    }
    */
    .multi-item-carousel .carousel-control:hover, .multi-item-carousel a.carousel-control:hover i {
      opacity: 0.9;
    }

    .multi-item-carousel .carousel-control.left {
      background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0.01) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(255,255,255,0.8) 40%,rgba(255,255,255,0.01) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(255,255,255,0.8) 40%,rgba(255,255,255,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#03ffffff',GradientType=1 ); /* IE6-9 */
    }

    .multi-item-carousel .carousel-control.right {
      background: -moz-linear-gradient(right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0.01) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(255,255,255,0.8) 40%,rgba(255,255,255,0.01) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(255,255,255,0.8) 40%,rgba(255,255,255,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#03ffffff',GradientType=1 ); /* IE6-9 */
    }

    .multi-item-carousel .cloneditem-1, .multi-item-carousel :not(.col-sm-4).cloneditem-2, .multi-item-carousel .cloneditem-3 {
        display: none;
    }

    .carousel-inner .card-img:hover {
        opacity: .7;
    }

    @media all and (max-width: 1280px) {
        .carousel-6-projects-carousel .related-bar__carousel .card-img {
            min-height: 200px;
            height: 200px;
        }
    }

    @media all and (min-width: 768px) {
      .multi-item-carousel .carousel-inner > .active.left,
      .multi-item-carousel .carousel-inner > .prev {
        left: -50%;
      }
      .multi-item-carousel .carousel-inner > .active.right,
      .multi-item-carousel .carousel-inner > .next {
        left: 50%;
      }
      .multi-item-carousel .carousel-inner > .left,
      .multi-item-carousel .carousel-inner > .prev.right,
      .multi-item-carousel .carousel-inner > .active {
        left: 0;
      }
      .multi-item-carousel .carousel-inner .cloneditem-1 {
        display: block;
      }
    }

    @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
      .multi-item-carousel .carousel-inner > .item.active.right,
      .multi-item-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(33.33%, 0, 0);
                transform: translate3d(33.33%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.active.left,
      .multi-item-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-33.33%, 0, 0);
                transform: translate3d(-33.33%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.left,
      .multi-item-carousel .carousel-inner > .item.prev.right,
      .multi-item-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        left: 0;
      }
    }

    /* CARD ROW RELATED CONTENT BOX */
    .card-row.card-row-standard.card-row-standard-media__serie  .card-row-body .card-row-text  {
      height: 100px;
    }
    .card-row.card-row-standard.card-row-standard-media__serie .card-row-text{
      max-height: 90px;
      -webkit-line-clamp:3;
    }

    .carousel__header h3.left-align{
      text-align: left;
    }
    .carousel.bg-color-light-grey.container .carousel__result .card-row-body, .carousel.bg-color-blue.container .carousel__result .card-row-body{
      display: none !important;
    }

    .carousel.bg-color-light-grey.container .carousel__result footer, .carousel.bg-color-blue.container .carousel__result footer{
      display: none !important;
    }
    .carousel.right-position-float{
      float: right !important;
      margin-left: 10px;
      margin-top: 60px;
      z-index: 2;
    }
    .carousel.left-position-float{
      float: left !important;
      margin-right: 10px;
      margin-top: 60px;
      z-index: 2;
    }
    .carousel.right-position-float  .carousel__wrapper  .carousel__result  article  .card-row  .card-row-info  .card-row-body{
      display: none !important;
    }
    .carousel.left-position-float  .carousel__wrapper  .carousel__result  article  .card-row  .card-row-info  .card-row-body{
      display: none !important;
    }
    .carousel.right-position-float  .carousel__wrapper  .carousel__result  article  .card-row  .card-row-info  .card-row-footer{
      display: none !important;
    }
    .carousel.left-position-float  .carousel__wrapper  .carousel__result  article  .card-row  .card-row-info  .card-row-footer{
      display: none !important;
    }
    .carousel.right-position-float::before {
      content:"";
      width: 2px;
      height: 102%;
      display: block;
      position: absolute;
      left:10px;
      top: -15px;
      background-color: #00529a;
    }
    .carousel.left-position-float::after {
      content:"";
      width: 2px;
      height: 102%;
      display: block;
      position: absolute;
      right:10px;
      top: -15px;
      background-color: #00529a;
    }
    .carousel.right-position-float .card-row.card-row-standard , .carousel.left-position-float .card-row.card-row-standard{
      min-height: 135px;
    }
    .carousel.right-position-float .card-row.card-row-standard{
      margin-left: 15px;
    }
    .carousel.left-position-float .card-row.card-row-standard{
      margin-right: 15px;
    }
    .topic-innovation .carousel.right-position-float::before,
    .topic-innovation .carousel.left-position-float::after{
      background-color: #8b183e;
    }
    .topic-climate .carousel.right-position-float::before,
    .topic-climate .carousel.left-position-float::after{
      background-color: #468641;
    }
    .topic-infrasructure .carousel.right-position-float::before,
    .topic-infrasructure .carousel.left-position-float::after{
      background-color: #0092bd;
    }
    .topic-sme .carousel.right-position-float::before,
    .topic-sme .carousel.left-position-float::after{
      background-color: #d8810a;
    }
    @media (max-width: 1020px){
      .carousel.right-position-float{
        margin: 0 auto !important;
        float: none !important;
      }
      .carousel.left-position-float{
        margin: 0 auto !important;
        float: none !important;
      }
    }
    @media (max-width: 430px){
      .carousel.right-position-float .card-row-header{
        font-size: 19px !important;
      }
      .carousel.left-position-float .card-row-header{
        font-size: 19px !important;
      }
      .carousel.right-position-float{
        margin-top: 0px !important;
        margin-bottom: 5px !important;
      }
      .carousel.left-position-float{
        margin-top: 0px !important;
        margin-bottom: 5px !important;
      }
      .carousel.right-position-float .card-row.card-row-standard, .carousel.left-position-float .card-row.card-row-standard{
        min-height: 150px !important;
      }
      .carousel.right-position-float .card-row.card-row-standard .card-row-img, .carousel.left-position-float .card-row.card-row-standard .card-row-img{
        min-height: 150px !important;
      }
      /* .carousel.right-position-float::before, .carousel.left-position-float::before{
        background-color: transparent !important;
      }
      .carousel.right-position-float::after {
        content: "";
        width: 90%;
        height: 2px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 10px;
        margin: 5px;
        background-color: #00529a;
      }
      .carousel.left-position-float::after {
        content: "";
        width: 90%;
        height: 2px;
        display: block;
        position: absolute;
        left: 10px;
        bottom: 0;
        margin: 5px;
        background-color: #00529a;
      } */
      .topic-innovation .carousel.right-position-float::after,
      .topic-innovation .carousel.left-position-float::after{
        background-color: #8b183e;
      }
      .topic-climate .carousel.right-position-float::after,
      .topic-climate .carousel.left-position-float::after{
        background-color: #468641;
      }
      .topic-infrasructure .carousel.right-position-float::after,
      .topic-infrasructure .carousel.left-position-float::after{
        background-color: #0092bd;
      }
      .topic-sme .carousel.right-position-float::after,
      .topic-sme .carousel.left-position-float::after{
        background-color: #d8810a;
      }
      .carousel.left-position-float:parent , .carousel.right-position-float:parent{
        padding-top: 0;
      }
      .carousel.right-position-float .card-row.card-row-standard{
        margin-left: 0px !important;
      }
      .carousel.left-position-float .card-row.card-row-standard{
        margin-right: 0px !important;
      }
      .carousel.right-position-float article ,.carousel.left-position-float article{
        margin-left: 0px !important;
        padding-left: 0px !important;
      }
    }


/********************************************************************************
*                             Multi 3 Item Carousel Component                   *
*                                                                               *
********************************************************************************/

/*  For 4 items in Big screen  **************************************************/

    @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
      .multi-item-carousel .carousel-inner > .item.active.right,
      .multi-item-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(33.333333%, 0, 0);
                transform: translate3d(33.333333%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.active.left,
      .multi-item-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-33.333333%, 0, 0);
                transform: translate3d(-33.333333%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.left,
      .multi-item-carousel .carousel-inner > .item.prev.right,
      .multi-item-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        left: 0;
      }
    }

    @media all and (min-width: 992px) {
      .multi-item-carousel .carousel-inner > .active.left,
      .multi-item-carousel .carousel-inner > .prev {
        left: -33.333333%;
      }
      .multi-item-carousel .carousel-inner > .active.right,
      .multi-item-carousel .carousel-inner > .next {
        left: 33.333333%;
      }
      .multi-item-carousel .carousel-inner > .left,
      .multi-item-carousel .carousel-inner > .prev.right,
      .multi-item-carousel .carousel-inner > .active {
        left: 0;
      }
      .multi-item-carousel .carousel-inner .cloneditem-2,
      .multi-item-carousel .carousel-inner .cloneditem-3 {
        display: block;
      }
    }

    @media all and (min-width: 1480px) and (transform-3d), all and (min-width: 1480px) and (-webkit-transform-3d) {
      .multi-item-carousel .carousel-inner > .item.active.right,
      .multi-item-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(33.333333%, 0, 0);
                transform: translate3d(33.333333%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.active.left,
      .multi-item-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-33.333333%, 0, 0);
                transform: translate3d(-33.333333%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.left,
      .multi-item-carousel .carousel-inner > .item.prev.right,
      .multi-item-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        left: 0;
      }
   }



/********************************************************************************
*                             Multi 4 Item Carousel Component                   *
*                                                                               *
********************************************************************************/

/*  For 4 items in Big screen  **************************************************/

    @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
      .multi-item-carousel .carousel-inner > .item.active.right,
      .multi-item-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
                transform: translate3d(25%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.active.left,
      .multi-item-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
                transform: translate3d(-25%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.left,
      .multi-item-carousel .carousel-inner > .item.prev.right,
      .multi-item-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        left: 0;
      }
    }

    @media all and (min-width: 992px) {
      .multi-item-carousel .carousel-inner > .active.left,
      .multi-item-carousel .carousel-inner > .prev {
        left: -25%;
      }
      .multi-item-carousel .carousel-inner > .active.right,
      .multi-item-carousel .carousel-inner > .next {
        left: 25%;
      }
      .multi-item-carousel .carousel-inner > .left,
      .multi-item-carousel .carousel-inner > .prev.right,
      .multi-item-carousel .carousel-inner > .active {
        left: 0;
      }
      .multi-item-carousel .carousel-inner .cloneditem-2,
      .multi-item-carousel .carousel-inner .cloneditem-3 {
        display: block;
      }
    }

    @media all and (min-width: 1480px) and (transform-3d), all and (min-width: 1480px) and (-webkit-transform-3d) {
      .multi-item-carousel .carousel-inner > .item.active.right,
      .multi-item-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
                transform: translate3d(25%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.active.left,
      .multi-item-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
                transform: translate3d(-25%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.left,
      .multi-item-carousel .carousel-inner > .item.prev.right,
      .multi-item-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        left: 0;
      }
   }



/********************************************************************************
*                             Multi 6 Item Carousel Component                   *
*                                                                               *
********************************************************************************/

/*  For 6 items in Big screen  **************************************************/

    @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
      .multi-item-carousel .carousel-inner > .item.active.right,
      .multi-item-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(16.666667%, 0, 0);
                transform: translate3d(16.666667%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.active.left,
      .multi-item-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.666667%, 0, 0);
                transform: translate3d(-16.666667%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.left,
      .multi-item-carousel .carousel-inner > .item.prev.right,
      .multi-item-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        left: 0;
      }
    }

    @media all and (min-width: 992px) {
      .multi-item-carousel .carousel-inner > .active.left,
      .multi-item-carousel .carousel-inner > .prev {
        left: -16.666667%;
      }
      .multi-item-carousel .carousel-inner > .active.right,
      .multi-item-carousel .carousel-inner > .next {
        left: 16.666667%;
      }
      .multi-item-carousel .carousel-inner > .left,
      .multi-item-carousel .carousel-inner > .prev.right,
      .multi-item-carousel .carousel-inner > .active {
        left: 0;
      }
      .multi-item-carousel .carousel-inner .cloneditem-2,
      .multi-item-carousel .carousel-inner .cloneditem-3 {
        display: block;
      }
    }

    @media all and (min-width: 1480px) and (transform-3d), all and (min-width: 1480px) and (-webkit-transform-3d) {
      .multi-item-carousel .carousel-inner > .item.active.right,
      .multi-item-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(16.666667%, 0, 0);
                transform: translate3d(16.666667%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.active.left,
      .multi-item-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.666667%, 0, 0);
                transform: translate3d(-16.666667%, 0, 0);
        left: 0;
      }
      .multi-item-carousel .carousel-inner > .item.left,
      .multi-item-carousel .carousel-inner > .item.prev.right,
      .multi-item-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        left: 0;
      }
   }



/* END For 6 items in Big screen **************************************************/

/*-----------------------------------------------------*
*                                                      *
*                   Carousel Style                     *
*                                                      *
*------------------------------------------------------*/

    .carousel__wrapper[class*='bg-'] {
        position: relative;
        background-repeat: no-repeat;
    }
    .carousel__embed .left.carousel-control, .carousel__embed .right.carousel-control {
        background: none;
    }

    .carousel__box-embed iframe{
        width:800px;
        height:500px;
        border: 0;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

       .carousel__box-embed > img{
        border: 0;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }


/* carousel-control__outer(--color) is used to push the arrow outside of the carousel container */
/* Example in 60 years anniversary page */

[id*="carousel-control__outer"] .carousel-control {
    background:none !important;
    opacity:1;
}

[id*="carousel-control__outer"] .carousel-control i {
    font-size:34px;
}

    /* [#] sm, md, lg screen */
    @media (min-width: 1080px) {
        [id*="carousel-control__outer"] .carousel-control.left {
            margin-left:-45px;
        }

        [id*="carousel-control__outer"] .carousel-control.right {
            margin-right:-45px;
        }
    }

    /* [#] md screen */
    @media only screen and (min-width: 992px) and (max-width: 1079px) {
        [id*="carousel-control__outer"] .carousel-control.left {
            margin-left:-38px;
        }

        [id*="carousel-control__outer"] .carousel-control.right {
            margin-right:-38px;
        }

        .carousel__box-embed iframe{
            width:600px;
            height:300px;
        }

    }

    /* [#] sm screen */
    @media (max-width: 991px){
        [id*="carousel-control__outer"] .carousel-control {
            width:8%;
        }

        [id*="carousel-control__outer"] .carousel-control.left {
            margin-left:0;
        }

        [id*="carousel-control__outer"] .carousel-control.right {
            margin-right:0;
        }
        .carousel__box-embed iframe{
            width:400px;
            height:300px;
        }

    }

    /* [#] xs screen */
    @media (max-width: 767px){
        .carousel .card {
            width:90%;
            left: 5%;
        }

         .carousel__box-embed iframe{
            width:300px;
            height:250px;
        }
    }

    /* Arrow colors */

        #carousel-control__outer--blue .carousel-control { color:#00529E;}
        #carousel-control__outer--cyan .carousel-control { color:#9CAFD6;}
        #carousel-control__outer--orange .carousel-control { color:#D8810A;}
        #carousel-control__outer--azure .carousel-control { color: #007B9F;}
        #carousel-control__outer--green .carousel-control { color: #468641;}
        #carousel-control__outer--light-green .carousel-control { color: #aece76;}
        #carousel-control__outer--yellow .carousel-control { color: #FFCC00;}
        #carousel-control__outer--red .carousel-control { color: #8B183E;}

    /* End of Arrow colors */


.carousel .carousel-control {
    opacity:1;
}

/* Carousel content style *************************************/
/* Moved from _tools/resources/front/css/framework/new-style.css */

.carousel-inner .box-slider__container {
    padding: 10px 40px 10px 40px;
    position:relative;
    color:#ffffff;
}

.carousel-inner .box-slider__title {
    color:#ffffff;
}

.carousel-inner .box-slider__text {
    height:75px;
    overflow:hidden;
}

.carousel-inner .section-link {
    text-align:right;
    display:block;
    color:#fff;
}
/* End Moved from _tools/resources/front/css/framework/new-style.css */

/* [*] Carousel Slider **************************************************/
/* Moved from _tools/resources/front/css/blog/style.css */

.carousel-control:hover {
    cursor:pointer;
}

    /* [#] xs screen */
        @media (max-width: 767px) {
            .carousel-inner .banner__title p {
                display: -webkit-box;
                height: 115.2px;
                margin: 0 auto;
                font-size: 16px;
                line-height: 1.8;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .carousel-inner .box-over-image--align-center {
                left: 50%;
                position: absolute;
                transform: translate(-50%, -50%);
                top: 45%;
                width: 80%;
            }

        .banner__elements.box-over-image--align-center{
            width: 80%;

            }
        }

/* End Moved from _tools/resources/front/css/blog/style.css */

/*!
 * Cookie option of EIB Brand
 * Copyright 2018 Business & Decision Luxembourg S.A
 * Licensed under OMM Team - B&D Luxembourg S.A
 */

/********************************************************************************
*                                                                               *
*  [*] Generic Classes                                                          *
*  [µ] Technique to select the class name by contains                           *
*  [#] Screen size: xs,sm,md,lg                                                 *
*                                                                               *
********************************************************************************/
/**************************************************************************/
/*                              Cookie Policy                             */
/**************************************************************************/
/*Moved from _tools/resources/front/css/blog/style.css*/

.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;}
@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-body p {
      margin-top:15px;
    }

    .optanon-alert-box-wrapper a {
        width: auto;
        position: relative;
        display: inline-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;
    }
}
/* End Moved from _tools/resources/front/css/blog/style.css */


/* Manage cookie with toggle button */

.toggle-1 {
  display: block;
  position: relative;
  height: auto;
  margin: 0 0 5px 0;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  float: left;
  /*box-shadow: 0 0 0 2vw;*/
}

.clearfix:after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

.toggle-1 span {
  position: relative;
  width: 50px;
  height: 25px;
  float: right;
  background-color: #E0E0E0;
  border-radius: 50vw;
  transition: 150ms;
}

.toggle-1 span::before {
  content: '';
  position: absolute;
  background-color: #FAFAFA;
  width: 45%;
  height: 90%;
  border-radius: 50%;
  top: 5%;
  left: 2.5%;
  transition: 150ms;
  animation: a 2s infinite;
  animation-play-state: running;
}

.toggle-1 p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  font-size: 4vw;
  font-family: 'Nunito', sans-serif;
  color: #263238;
}

.toggle-1 input {display: none;}

.toggle-1 input:checked ~ span {
  background-color: #64B5F6;
}
.toggle-1 input:checked ~ span::before {
  left: 52.5%;
  animation: none;
}

span.eib_pc-off, span.eib_ec-off {
  display: none;
}

span[class*="eib_pc"], span[class*="eib_ec"] {
  margin-left: 10px;
}


@keyframes a {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 2vw 0 #64B5F6;
  }
  100% {
    box-shadow: none;
  }
}

/********************************************************************************
*                             Filter Component                                  *
*                                                                               *
********************************************************************************/

/*!
 * Filters of EIB Brand
 * Copyright 2018 Business & Decision Luxembourg S.A
 * Licensed under OMM Team - B&D Luxembourg S.A
 */

/********************************************************************************
*                                                                               *
*  [*] Generic Classes                                                          *
*  [µ] Technique to select the class name by contains                           *
*  [#] Screen size: xs,sm,md,lg                                                 *
*                                                                               *
********************************************************************************/

/* Timeline filter *****************************************/
/* Moved from _tools/resources/front/css/framework/new-style.css */
/* unused? */

.list__filter .ui-slider-handle {
    border-radius: 25px;
}
.list__filter .ui-widget-header {
    background-color:#007B9F;
}
.list__filter .ui-widget-content {
    background: #828282;
}

/* End Moved from _tools/resources/front/css/framework/new-style.css */

/* Moved from _tools/resources/front/css/blog/blog.css */

/* Filter/Search form **************************************************/

.list-sort__order {
    padding-top: 5px;
}

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .list-sort__order {
            padding-bottom: 25px;
        }
    }

button.list-sort__form-control {
    padding-right: 25px;
    margin-right: 10px;
    border: none;
    background-color: transparent;
    color: #00529e;
}
button.list-sort__form-control:focus {
    outline: none;
}


button.list-sort__form-control value:active,
button.list-sort__form-control value:focus,
button.list-sort__form-control.list-sort__item-sort.list-sort__item-desc value,
button.list-sort__form-control.list-sort__item-sort.list-sort__item-asc value{
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #00529a;
}

.list-sort__item-sort:after {
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    right: 28px;
    top: 9px;
    color: #00529e;
    overflow: hidden;
    height: 16px;
}

.list-sort__item-sort.list-sort__item-asc:after{
    content:"\f106";
}

.list-sort__item-sort.list-sort__item-desc:after{
    content:"\f107";
}


select.form-control.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
/* for IE */
select.form-control.select::-ms-expand {
    display: none;
}

.form-group.select.list-filter__item {
    position: relative;
}
.form-group.list-filter__item.select::after, .form-group.list-sort__item.select::after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.1em;
    content: "\f107";
    position: absolute;
    top: 9px;
    right: 12px;
    z-index: 100;
    cursor: pointer;
    pointer-events: none;
    color:#00529a;
}

.form-group.list-filter__item.select::after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.4em;
    content: "\f107";
    position: absolute;
    top: 7px;
    right: 12px;
    z-index: 100;
    cursor: pointer;
    pointer-events: none;
    color:#00529a;
}



button.list-sort__form-control value:hover {
    font-weight: bold;
}

.list-search__container {
    padding-top: 40px;
    padding-bottom: 40px;
}

.list-filter__item {
    padding-left:5px;
    padding-right:5px;
}

.form-group.list-filter__item {
    margin-bottom: 15px;
}

.list-filter__item select, .list-filter__item input {
    border: 1px solid #00529e;
    color:#00529e;
}

.form-group .multiselect-container.dropdown-menu {
    border-radius: 0;
    border-top:none;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    color:#00529e;
    width: 100%;
    min-width: auto;
}

.form-group .multiselect-container.dropdown-menu > li a {
    color: #00529a;
    font-size: 12px;
}

.form-group .multiselect-container>li.active label {
    color:#ffffff;
}

.form-group .multiselect.btn i {
    right: 8px;
    position: absolute;
    top: 8px;
    font-size: 1.4em;
}

.list-filter__item .btn-default.active, .list-filter__item .btn-default:active, .list-filter__item .open>.dropdown-toggle.btn-default {
    background: none;
    border: 1px solid #00529a;
    color: #00529a;
}

.list-filter__item .btn-group button.multiselect {
    border: 1px solid #00529e;
    font-size: 14px;
    color: #00529e;
    padding-left: 35px;
    padding-right: 50px;
    cursor:pointer;
}

.list-filter__item .btn-group button.multiselect.dropdown-shorter {
    padding-right: 40px;
}

/* Exceptions on select filters width / causes issues on IE 11 */
/*
.list-filter__item .list-filter___serie_serieId_g + .btn-group button.multiselect {
    padding-left: 55px;
    padding-right: 70px;
}
*/
/* End exceptions */

.list-filter__item .btn-group.open .dropdown-toggle,
.list-filter__item .btn.active, .list-filter__item .btn:active, .list-filter__item .btn:focus, .list-filter__item .btn:visited{
    -webkit-box-shadow:none;
            box-shadow:none;
    background: none;
}

.list-filter__item button.multiselect.dropdown-toggle:hover {
    background: none;
    color: #00529a;
}

.list-filter__item button.multiselect .caret {
    right: 5px;
    position: absolute;
    top: 45%;
}

.container-col-10 .list-filter__item select {
    min-width:160px;
}

.container-col-8 .list-filter__item select {
    min-width:140px;
}

/* overrides height defined on .form-control by bootstrap,
 causing a gap between select & input in filters */
.list-filter__item input {
    height: auto;
}

.list-filter__item select {
    font-weight:normal;
    text-align:center;
    min-width:120px;
    -moz-text-align-last: center;
     -ms-text-align-last: center;
         text-align-last: center;
}

.container-col-8 .list-filter__search {
    min-width: 185px;
}

.container-col-10 .list-filter__search {
    min-width: 240px;
}

.list-filter__search {
    min-width: 270px;
}

.list-sort__order.form-inline .form-group {
    position: relative;
    /*padding-left: 15px;*/
    padding-right: 15px;
    width: auto;
    float: left;
}

.form-group .caret {
    border-top: 5px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}


/* [#] md screen */
@media (min-width: 992px) and (max-width: 1199px) {

    .list-search__row .list-filter_display-options-container {
        padding: 0;
    }

    .list-filter__item  button.multiselect.dropdown-toggle.btn.btn-default {
        padding-left: 38px;
        padding-right: 38px;
    }

    .list-filter__group .list-filter__item {
        padding-left: 0;
        padding-right: 5px;
    }
}
#main-blog__list .search-filter-header__layout-link-excel{
  display: none;
}

/* END of Filter/Search form **************************************************/

/* End Moved from _tools/resources/front/css/blog/blog.css */

/* New filter design **********************************************************/

.form-group.list-filter__item {
    display: inline-block;
}

.filtered-list__filters.no-sort .form-group.list-filter__item {
    padding-left:0;
}

.form-filter__search-container .form-group.list-filter__item {
    display: table;
}

/* Select @todo remove .list-search-new when we can use this design on all filters */

.list-search-new .list-filter__item select,
.list-search-new .list-sort__item select,
.list-search__row .list-filter__item select,
.list-search__row .list-sort__item select {
    font-weight:normal;
    min-width:auto;
    padding-left: 35px;
    padding-right: 40px;
}

.list-search-new .form-group.list-sort__item::after,
.list-search__row .form-group.list-sort__item::after{
    font-size: 1.1em;
    top: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    position: absolute;
    right: 15px;
    z-index: 100;
    cursor: pointer;
    pointer-events: none;
    color: #00529a;
}

.list-search-new .form-group.list-filter__item::after,
.list-search__row  .form-group.list-filter__item::after{
    /*font-size: 1.1em;*/
    font-size: 19px;
    top: 9px;
}

.list-search-new .form-control:focus,
.list-search__row .form-control:focus{
    border-color: #00529e;
    box-shadow: none;
}

/* Multiselect */

.form-inline .multiselect-container label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 180px;
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 5px 3px 15px;
}

.form-inline .multiselect-container li a label.checkbox input[type="checkbox"],
.form-inline .multiselect-container li a label.radio input[type="radio"] {
    margin-left: -8px;
}

/* [#] md screen */
@media (min-width: 992px) and (max-width: 1199px) {
    .form-inline .multiselect-container.dropdown-menu  label.checkbox,
    .form-inline .multiselect-container.dropdown-menu  label.radio {
        padding: 3px 5px 3px 15px;
    }
    .container-col-10 .list-filter__search {
        min-width: 236px;
    }
}

/* [#] sm screen */
@media (max-width: 767px) {
    .form-inline .multiselect-container li a label.checkbox input[type="checkbox"],
    .form-inline .multiselect-container li a label.radio input[type="radio"] {
      margin-left: -15px;
      margin-top: 2px;
    }
    .form-inline .multiselect-container label.checkbox,
    .form-inline .multiselect-container label.radio {
      padding: 3px 5px 3px 20px;
    }
}

/* Search form */

.list-search__row .search-icon {
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 2px;
    cursor: pointer;
    /*height: 34px;*/
    z-index: 100;
    position: absolute;
    margin-left: 0;
    top: 0;
}
/*
@media (min-width: 768px) {
    .list-search__row .search-icon {
        height: 60px;
    }
}
@media (min-width: 992px) {
    .list-search__row .search-icon {
        height: 60px;
    }
}
*/
.list-search__row .search-icon.search-is-active {
    background-color: #00529e;
    color: #FFFFFF;
    border-radius: 10%;
}
@media (min-width: 768px) {
    .list-search__row .search-icon.search-is-active {
        border-radius: 10% 10% 0 0;
    }
}

/* note: code below partly redudant with what is defined in
http://www.eib.org/tools/css/revamp/style.css for the top search form
class .search-form-large */

.form-filter__search-container
 {
    background: #00529e;
    z-index: 1000;
    width: 100%;
}

.form-filter__search-container
 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.list-search__container {
    padding-bottom: 10px;
}
/*
@media (min-width: 768px) {
    .list-search__container {
        padding-bottom: 30px;
    }
}
*/
.form-filter__search-container #form-filter__search-input .input-group {
    background: #fff;
}

.form-filter__search-container input.form-control.input-lg {
    border: none !important;
    cursor: pointer;
}

.form-filter__search-container .close-link {
    width: 50px;
    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;
}

.form-filter__search-container .close-link {
    height: 34px;
}

.form-filter__search-container .icon-close {
    color: #ffffff;
    font-size: 1.8em;
    font-family: cursive;
    text-align: center;
}

.form-filter__search-container .icon-close {
    line-height: 40px;
}

/* alternative search appearance on smaller display */

.list-filter__search-container-alt {
    width: 100%;
    color: #00529e;
}
input.list-filter__search-alt  {
    border: 0;
    border-bottom: 1px solid #00529e;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    width: 90% !important;
}

/* End Search form */

/* Display options */

/*.list-filter__item .list-display__btn-group {
    margin-left: 50px;
}*/
.list-filter__item .btn-group .list-display__btn {
    height: 34px;
    width: 50px;
    background-repeat: no-repeat;
    border: 0;
    margin: 0;
}
.list-filter__item .btn-group .list-display__btn-card {
    background-image: url('/img/icons/display-cards.png');
}
.list-filter__item .btn-group .list-display__btn-card-row {
    background-image: url('/img/icons/display-card-rows.png');
}
.list-filter__item .btn-group .list-display__btn-row {
    background-image: url('/img/icons/display-rows.png');
}
.list-filter__item .btn-group .list-display__btn-card:hover,
.list-filter__item .btn-group .list-display__btn-card.active {
    background-image: url('/img/icons/display-cards-on.png');
}
.list-filter__item .btn-group .list-display__btn-card-row:hover,
.list-filter__item .btn-group .list-display__btn-card-row.active {
    background-image: url('/img/icons/display-card-rows-on.png');
}
.list-filter__item .btn-group .list-display__btn-row:hover,
.list-filter__item .btn-group .list-display__btn-row.active {
    background-image: url('/img/icons/display-rows-on.png');
}

/* End Display options */

/* Sort options */

.list-sort__order-alt{
    padding-top: 0 !important;
}
.list-sort__order-alt select {
    color: #00529e;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #00529e;
    border-radius: 0;
    box-shadow: none;
    font-size: 15px;
    padding-bottom: 5px;
    outline:0;
}
.list-sort__order-alt select:focus {
    border-color: #00529e;
    box-shadow: none;
}


/********************************************************************************
*                             Interactive Panel Component                       *
*                                                                               *
********************************************************************************/

.panel-text .panel-intro__content {
    font-size: 21px;
}
.nav-interactive-panel .nav>li {
    border-bottom:5px solid #00529e;
    margin-bottom: 45px;
    padding-bottom: 20px;
    height: 240px;
    position: relative;

}

.nav-interactive-panel .nav>li .fa {
    position:absolute;
    font-size: 1.5em;
    bottom: -17px;
    right: -9px;
    color:#00529e;
}

.nav-interactive-panel .nav>li>a {
    background-repeat: no-repeat;
    background-position: center 25px;
    display: flex;
    position: relative;
    cursor: pointer;
    text-align: center;
    padding: 20px 0;
     -webkit-transition: background-position .3s ease, font-size .3s ease;
        -moz-transition: background-position .3s ease, font-size .3s ease;
          -o-transition: background-position .3s ease, font-size .3s ease;
             transition: background-position .3s ease, font-size .3s ease;
}

.nav-interactive-panel .nav>li>a:focus, .nav-interactive-panel .nav>li>a:hover {
    text-decoration: none;
    background-color: rgba(0,82,158,0.3);
    background-repeat: no-repeat;
    background-position: center 20px;
    color: #fff;
   /* font-size:21px;*/
}

.nav-interactive-panel .nav a span {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 90px;
}

.interactive-panel .panel-section:not(:last-child) {
    border-bottom: 6px solid #ffffff;
}

/*.panel-container > div:not(#programming) .panel-row__bottom, .panel-container > div:not(#programming) .panel-content > div:not(.panel-content__show-more) {
    display:none;
}*/

/* Simple panel*/

.panel-simple__menu{
    margin-bottom:40px;
}

.panel-simple__menu .pills-center {
    display: flex;
    justify-content: center;
}

.panel-simple__menu .nav-pills>li>a {
    border-radius: 0;
    border: 2px solid #00529E;
    padding: 5px 20px;
    border-right:0;
    height: 100%;
}

.panel-simple__menu .nav-pills>li>a:hover{
    color: #ffffff;
}


.panel-simple__menu .nav-pills>li+li {
    margin-left: 0px;
}

.panel-simple__menu .nav-pills>li:first-child>a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.panel-simple__menu .nav-pills>li:last-child>a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 2px solid #00529E;
}

.panel-simple__menu .nav-pills>li.active>a,.panel-simple__menu .nav-pills>li.active>a:focus,.panel-simple__menu .nav-pills>li.active>a:hover {
    background-color: #00529E;
}


.panel-row__show-more .button-show-less, .panel-row__show-less .button-show-more{
    display: none;
}

.panel-row__show-more .button-show-more,.panel-row__show-less .button-show-less  {
    display: block;
}

.panel-simple__content .custom{
   padding-left:15px;
   padding-right:15px;
}


     /* [#] xs screen */
    @media (max-width: 767px) {

        .panel-simple__menu .pills-center {
            display: inline-block;
            text-align: center;
        }

        .panel-simple__menu .nav-pills>li {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .panel-simple__menu .nav-pills>li>a {
            border-radius: 5px;
            margin-top: 3px;
            border: 2px solid #00529E;

        }


    }

   /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {

        .panel-simple__menu .nav-pills>li>a {
            padding: 5px 5px;
    }

}


 @media (max-width: 992px) {
    .nav-interactive-panel .nav>li {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
        height: 150px;
    }

    .nav-interactive-panel .nav>li .fa {
        left: 0;
        right: 0;
        bottom: -5px;
        color:#00529e;
    }

    .nav-interactive-panel .fa-chevron-right:before {
        content: "\f078";
    }

        .nav-interactive-panel .nav>li>a{
            padding:  10px 15px;

        }

    .nav-interactive-panel .nav li:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #00529e;
        left: 11px;
    }


    }




   /* [#] md screen */
    @media (min-width: 992px) and (max-width: 1199px) {
        .panel-simple__menu .nav-pills>li>a {
            padding: 5px 15px;
        }
    }

    /* [#] lg screen */
    @media (min-width: 1200px) {

    }


/********************************************************************************
*                             List style Component                              *
*                             List Component                                    *
*                                                                               *
********************************************************************************/


    /* [$] Element *****************************************/

    @media (max-width: 767px) {
        .list .list__wrapper > * {
            padding: 0;
        }
        .list__results__row > * {
            padding: 0;
        }
        .list__item__title {
            padding-top: 15px;
        }

        .list__pagination__show{
            font-size: 16px;
        }


    }


    /* [#] lg screen */
    @media (min-width:1200px){
        .list__results__content__item.col-lg-1:nth-child(12n+1){clear:left;}
        .list__results__content__item.col-lg-2:nth-child(6n+1){clear:left;}
        .list__results__content__item.col-lg-3:nth-child(4n+1){clear:left;}
        .list__results__content__item.col-lg-4:nth-child(3n+1){clear:left;}
        .list__results__content__item.col-lg-6:nth-child(odd){clear:left;}
    }

    /* [#] md screen */
    @media (min-width:992px){
        .list__results__content__item.col-md-1:not(.hidden):nth-child(12n+1){clear:left;}
        .list__results__content__item.col-md-2:not(.hidden):nth-child(6n+1){clear:left;}
        .list__results__content__item.col-md-3:not(.hidden):nth-child(4n+1){clear:left;}
        .list__results__content__item.col-md-4:not(.hidden):nth-child(3n+1){clear:left;}
        .list__results__content__item.col-md-6:not(.hidden):nth-child(odd){clear:left;}
    }

    /* [#] sm screen */
    @media (min-width:768px){
        .list__results__content__item.col-sm-1:nth-child(12n+1){clear:left;}
        .list__results__content__item.col-sm-2:nth-child(6n+1){clear:left;}
        .list__results__content__item.col-sm-3:nth-child(4n+1){clear:left;}
        .list__results__content__item.col-sm-4:nth-child(3n+1){clear:left;}
        .list__results__content__item.col-sm-6:nth-child(odd){clear:left;}
    }

    /* [#] xs screen */
    @media (max-width:767px){
        .list__results__content__item.col-xs-1:nth-child(12n+1){clear:left;}
        .list__results__content__item.col-xs-2:nth-child(6n+1){clear:left;}
        .list__results__content__item.col-xs-3:nth-child(4n+1){clear:left;}
        .list__results__content__item.col-xs-4:nth-child(3n+1){clear:left;}
        .list__results__content__item.col-xs-6:nth-child(odd){clear:left;}
    }


    /* List style *****************************************/


    .list--hide {
        display: none;
    }

    .list__pagination__info__total {
        margin: 8px 0 0 0;
    }

    .list__wrapper .list__results__row {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .list__wrapper .list__results__row:not(:last-child) {
        border-bottom: 1px solid #cccccc;
        margin-bottom: 30px;
    }

    .list__filter__item__label {
        margin: 10px 0;
        text-align:right;
        padding:5px 10px 0 0;
        float:left;
    }

    .list__filters__sort__item {
        float: left;
        color: #00529e;
        cursor:pointer;
    }

    .list__filters__sort__item--active {
        font-weight:500;
    }

    .list__filters__sort__item--active:after {
        content: " ";
        border-bottom: 2px solid #00529e;
        width: 90%;
        color: #00529e;
        display: block;
        padding-top: 5px;
    }

    .list__filters__sort > .list__filters__sort__item:not(:last-child) {
        margin-right: 30px;
    }


    .list__filter--form-control, .list__filter__switch,.list__filter-form-control, .list__pagination__info__total-pages--form-control{
        height: 50px;
        border-radius: 0;
        border: 1px solid #0A4684;

    }

       .dropdown-arrow::after {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.5em;
        content: "\f107";
        position: absolute;
        top:21px;
        z-index: 100;
        cursor: pointer;
        pointer-events: none;
        color: #00529e;
        left:109px;
    }

    .form-group.list__pagination__info__total-pages--form-group::before {
        position: absolute;
        top: 20px;
        content: "|";
        font-size: 22px;
        font-weight: 300;
        left: -3px;
    }




    .list__pagination__info__total-pages--form-group{
        margin: 18px 0;

    }
    .list__pagination__show{
        margin: 4px 0 0 0;
        text-transform: uppercase;
    }

    .list__pagination__items--select{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 60px;
        height: 32px;
        border-radius: 0;
        border: 1px solid #0A4684;
        color:#00529e;
    }

    .list__pagination__items--select::-ms-expand {
        display: none;
    }

    .list__pagination__items--select::before{
            position: absolute;
            content: "|";
            font-size: 18px;
            font-weight: 300;
            left: 5px;
    }


    .list__results__content__item .thumbnail figure {
        padding-top: 10px;
        padding-bottom:10px;
        padding-left:25px;
    }

    /* [#] xs screen */
    @media (max-width:767px){
        .list__results__content__item .thumbnail figure img {
            margin:0 auto;
        }
    }

    .list__results__content__item .thumbnail div.caption {
        padding-left: 20px;
        padding-right: 20px;
    }

    .list__results__spinner .fa-spin.fa-spinner {
        font-size: 60px;
        color: #888;
        margin-top: 100px;
        margin-bottom: 100px;
    }


    .publication__list__row {
        background-color:#F3F3F3;
        -webkit-transition: background-color .15s ease-in-out;
           -moz-transition: background-color .15s ease-in-out;
            -ms-transition: background-color .15s ease-in-out;
             -o-transition: background-color .15s ease-in-out;
                transition: background-color .15s ease-in-out;
    }

    .publication__list__row:hover {
        background-color:#87CAE0;
        cursor:pointer;
    }

    .publication__list__row .thumbnail {
        border:none;
    }

    .publication__list__row:hover .publication__info {
        color:#ffffff;
    }

    .publication__title-date span {
        font-size: 16px !important;
        text-transform: uppercase;
    }

    .publication__view {
        padding-top: 20px;
    }

    .publication__view--link, .publication__view--link span {
        font-size: 16px !important;
    }

    .publication__view--link span {
        font-weight:bold;
    }

    .list__filter__item__dropdown {
        float:left;

    }

    /* [#] xs screen */
    @media (max-width:767px){
        .list__filter__item__label {
            text-align:center;
            padding-right: 0;
            float: inherit;
        }

        .list__filter__item__dropdown {
            padding:0;
            width: 100%;
        }

    }

    /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {
        .list__filter__item__label {
            text-align:left;
        }

    }

    .list__results__spinner.list__results__spinner--disabled {
        display:none;
    }

    .list__results__content__item {
        margin-bottom: 5px;
    }

    .database__filter--form-control, .database__total-pages--form-control{
        height: 50px;
        border-radius: 0;
        border: 1px solid #f26522;
    }

    .database__filter-by{
        margin: 10px 0;
        text-align:right;
    }

    .database__total-pages--form-group{
        float:right;
        margin-bottom:0;
    }

    .database__entries {
        text-align: right;
    }
        /* [+] Font-size */
        #content-body .database__entries {font-size:18px;}

    .database__bottom-right {
        padding-top: 4px;
    }

    .database__total-pages {
        margin-top: -10px;
    }

    .database__filter .btn-default {
        height: 50px;
    }

    .database__results .table-hover>tbody>tr:hover{
        cursor: pointer;
        box-shadow: 0px 20px 20px -10px #ddd, 0 -20px 20px -10px #ddd;
    }

    .database__results .table-hover>tbody>tr a {
        color: #000;
    }

    .database__results .table-hover>tbody>tr:hover a {
        cursor: pointer;
        text-decoration:none;
    }

    .database__results .table-hover>tbody>tr:hover {
        background-color:inherit;
    }


    .database__results table thead th.table--sort.table--sort--asc:after{
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f160";
    }

    .database__results table thead th.table--sort.table--sort--desc:after{
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f161";
    }

    .list__filter__item[data-filter-item-type="slider"] {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        /* [#] from sm screen */
        @media (min-width:768px){
            .list__sort__item__title, .list__sort__item__switch {
                float: left;
                width: auto;
            }
        }

    .list__sort__preview {
        padding-top: 20px;
        padding-bottom: 20px;
    }


    /*------------------ filter area -------------------*/

    .list__container {
        font-family:'Roboto', sans-serif;
    }

    .list__search-title-wrapper {
        width: 100%;
        background-color: #f3f3f3;
        text-align: left;
        padding-top: 53px;
        padding-bottom: 53px;
        padding-left: 15px;
        padding-right: 15px;
        height: 200px;
    }

    /* [#] xs screen */
    @media (max-width:767px){
        .list__search-title-wrapper {
            padding-top: 63px;
        }

    }

    /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {
        .list__search-title-wrapper {
            padding-top: 35px;
        }
    }

    .list__search-content {
        width: 100%;
        display: inline-block;
    }

    span.list__search-title--text {
        color: #00529E;
        position: relative;
        font-size: 26px;
        line-height: 34px;
        font-weight:400;
        width: 100%;
        display: block;
    }

    /* [#] xs screen */
    @media (max-width:767px){
        span.list__search-title--text {
            text-align:center;
        }
    }

    @media screen and (min-width: 768px) {
        span.list__search-title--text {
            padding-left: 15%;
        }
    }

    /* [#] xl screen */
    @media screen and (min-width: 1480px) {
        span.list__search-title--text {
            padding-left: 50%;
        }
    }

    .list__filter__item__search-input {
        width: 100%;
        background-color: #00539f;
        display: table;
        height: 200px;
        color: #fff;
    }


    /* [#] xs screen */
    @media (max-width:767px){
        .list__filter__item__inner__row {
            padding-left: 15px;
            padding-right: 5px;
            padding-top: 20px;
        }
    }

    @media screen and (min-width: 768px) {
        .list__filter__item__search-input > div > * {
            padding-left: 50px;
        }
    }


    .list__container .arrow-right {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #f3f3f3;
        position: absolute;
        margin-top: 80px;
    }

    input.list__filter--submit-btn {
        color: #ffffff;
        background: #00539f;
        border: 3px solid #ffffff;
        font-size: 24px;
        padding: 5px 30px;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.4s ease-in-out;
    }

    input.list__filter--submit-btn:hover {
        color: #00539f;
        background: #ffffff;
        border: 3px solid #ffffff;
    }

    /* [#] xs screen */
    @media (max-width:767px){
        input.list__filter--submit-btn {
            font-size: 18px;
            padding: 9px 15px;
        }
    }

    /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {
        input.list__filter--submit-btn {
            font-size: 18px;
            padding: 9px 15px;
        }
    }

    .list__filter__item__inner {
        display: table-cell;
        vertical-align: middle;
        padding-right: 15px;
    }

    input.list__filter--form-control {
        color: #333333;
    }

    select.form-control.list__filter--form-control {
        background: #00539F;
        border: none;
        color: #fff;
        cursor:pointer;
        width: 110px;
        padding-right: 35px;
        margin-bottom: -5px;
        box-shadow: none;
        text-transform:uppercase;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    select.form-control.list__filter--form-control::-ms-expand {
        display: none;
    }

    /* [#] xs screen */
    @media (max-width:767px){
        select.form-control.list__filter--form-control {
            width: 100%;
            margin-bottom: 0px;
        }
    }

    select.form-control.list__filter--form-control:active, select.form-control.list__filter--form-control:focus {
        background-color: #87CAE0;
    }

    select.form-control.list__filter--form-control option {
        background: #fff;
        color: #0A4684;
        padding: 10px 5px;
    }

    select.form-control.list__filter--form-control:hover {
        background-color: #87CAE0;
        color: #fff;
    }

    .form-group.list__filter__item .form-group.list__filter__item:hover select.form-control.list__filter--form-control {
        background-color: #87CAE0;
        color: #fff;
    }

    .list__filter__item .form-group.list__filter__item {
        width: auto;
        display: inline-block;
        position: relative;
    }

    .list__filter__item .form-group.list__filter__item::before {
        position: absolute;
        top: 8px;
        content: "|";
        font-size: 22px;
        font-weight: 300;
    }



    .list__filter__item .form-group.list__filter__item::after {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.5em;
        content: "\f107";
        position: absolute;
        top: 15px;
        right: 5px;
        z-index: 100;
        cursor: pointer;
        pointer-events: none;
    }

    .list__filter__item__label label {
        font-weight: normal;
        text-transform: uppercase;
    }

    /* [#] xs screen */
    @media (max-width:767px){
        .list__filter__item__label label {
            padding-right:10px;
        }

        select.form-control.list__filter--form-control {
            padding-right: 25px;
        }

        .list__filter__item .form-group.list__filter__item::before {
            content: "";
        }

        .list__filter__item .form-group.list__filter__item::after {
            right: 0px;
        }
    }

    .form-group.list__filter__item {
        margin-bottom: 0;
    }

    .list__filter__second-row {
        bottom: 0;
        position: absolute;
        width: 100%;
    }


    .form-group.list__filter__item.list__filter__item__label {
        padding-top: 5px;
    }


    /*------------------ No Results -------------------*/

    .list__no__results-img img{
        margin:auto;
    }


    /* [$] Modifier ****************************************/

    .pager--eiah{
        text-align:right;

    }
    .pager--eiah a{
        color:black;
    }
    .pager--eiah li>a {
        display: initial;
        border: initial;
    }
    .list__pagination__pager li.pager--item{
        padding:5px;
        color: #00529e;
        font-weight: 700;
    }

    .list__pagination__pager li:focus, .list__pagination__pager li:hover,
    .list__pagination__pager li.pager--item--selected>a{
       background-color: initial;
       color: black;
       font-weight: 700;
       text-decoration: underline;
    }

    .list__pagination__pager .pager li.pager--item--selected{
          text-decoration: underline;
    }

    .database__filter--input-group[class*=col-]{
        padding-right: 15px;
        padding-left: 15px;
    }

    .list__pagination__pager li.pager--item--disabled,
    .list__pagination__pager li.pager--item--disabled:focus,
    .list__pagination__pager li.pager--item--disabled:hover{
        background-color: inherit;
        color: #ddd;
        cursor: not-allowed;
        text-decoration: none;
    }

    .list__pagination__pager li.pager--item--previous:before,
    .list__pagination__pager li.pager--item--next:before,
    .list__pagination__pager li.pager--item--warp:before{
        font: normal normal normal 14px/1 FontAwesome;
    }

    .list__pagination__pager li.pager--item--previous:before{
        content: "\f100";
    }

    .list__pagination__pager li.pager--item--next:before{
        content: "\f101";
    }

    .list__pagination__pager li.pager--item--warp:before{
        content: "\f141";
    }

    /* [#] xs screen */
    @media (max-width:767px){

        /* [$] Element *****************************************/
        .database__total-pages .form-group{
            float:left;
        }

        .database__filter-by{
            text-align:left;
        }


        .database__bottom-right {
            padding-top: 30px;
        }


        /* [$] Modifier ****************************************/


        .list__filter__second-row {
            position: relative;
        }

        .list__filter__item .form-group.list__filter__item {
            display: block;
        }

    }

    /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {

        /* [$] Element *****************************************/
            .database__filter-by{
                text-align:left;
            }

            .database__total-pages .form-group{
                float:left;
            }

        /* [$] Modifier ****************************************/

    }


    /* [#] md screen */
    @media (min-width: 992px) and (max-width: 1199px) {

    /* [$] Element *****************************************/

        .database__entries {
            font-size:15px;
        }

        .list__results__content__item .thumbnail figure img {
            padding-left: 20px;
            padding-right: 20px;
        }

    }

    /* Moved from _tools/resources/front/css/framework/new-style.css & _tools/resources/front/css/blog/style.css
    There were differences (described below), but as _tools/resources/front/css/blog/style.css
    overrides _tools/resources/front/css/framework/new-style.css where it is used,
    _tools/resources/front/css/blog/style.css has been copied  */

    /* [µ] */
    ul[class*="bulleted-list"] {
        list-style: none;
        /*margin-left:1em;*/
    }

    aside#sidebar ul[class*="bulleted-list"] {
        margin-left:1em;
    }

        /* [#]Screen size: xs */
        @media (max-width: 767px){

          ul[class*="bulleted-list"] {
            margin-left:0;
            }

        }

    dl[class*="bulleted-list"] {
        margin-left: 36px;
    }

    /* [µ] */
    /*[class*="bulleted-list"] > li:before, [class*="bulleted-list"] > dt:before {
        content: "";
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        display: flex;
        height: 0;
        width: 0;
        left: -1em;
        top: 1.05em;  1.25em on new-style.css
        position: relative;
    }*/

    [class*="bulleted-list"] > li:before, [class*="bulleted-list"] > dt:before {
        content: "";
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        /*margin-right: 15px;*/
        display: inline-block;
        height: 0;
        width: 0;
        /*top: 1.05em;*/
        margin-left: -8px;
        top:0;
        position: relative;
        left:-15px;
    }

      ul[class*="bulleted-list"] li {
          margin-bottom: 5px;
      }

    /* bulleted list color */
    [class*="bg-color"] .bulleted-list--blue > li:before, [class*="bg-color"] .bulleted-list--blue > dt:before {
      border-color: transparent #00529e !important;
    }

    .bg-color-light-grey .bulleted-list--blue > li:before, .bg-color-light-grey .bulleted-list--blue > dt:before {
      border-color: transparent #00529a !important;
    }

    .bg-color-white .bulleted-list--blue > li:before, .bg-color-white .bulleted-list--blue > dt:before {
      border-color: transparent #00529a !important;
    }

    .bulleted-list--blue > li:before,  .bulleted-list--blue > dt:before  {
        border-color: transparent #00529e !important;
    }

    .bulleted-list--azure > li:before,  .bulleted-list--azure > dt:before  {
        border-color: transparent #009FE3 !important;
    }

    .bulleted-list--cyan > li:before,  .bulleted-list--cyan > dt:before  {
        border-color: transparent #0092BD !important; /* #007B9F on new-style.css */
    }

    .bulleted-list--orange > li:before, .bulleted-list--orange > dt:before  {
        border-color: transparent #f58635 !important;
    }

    .bulleted-list--red > li:before, .bulleted-list--red > dt:before  {
        border-color: transparent #8B183E !important; /* #EF5366 on new-style.css */
    }

    .bulleted-list--green > li:before, .bulleted-list--green > dt:before  {
        border-color: transparent #47B591 !important; /* #9ecd4f on new-style.css */
    }

    .bulleted-list--grey > li:before, .bulleted-list--grey > dt:before  {
        border-color: transparent #777777 !important;
    }

    .bulleted-list--dark-grey > li:before, .bulleted-list--grey > dt:before  {
        border-color: transparent #333333 !important;
    }

    .bulleted-list--white > li:before, .bulleted-list--white > dt:before  {
        border-color: transparent #ffffff !important;
    }

    .bulleted-list--mustard > li:before, .bulleted-list--mustard > dt:before {
        border-color: transparent #ac811d !important;
    }
    /* end bulleted list color */

    /* End moved from _tools/resources/front/css/framework/new-style.css */

    .icons-list li {
        padding-bottom: 20px;
    }

    .icons-list li:before {
        display: table;
        content: " ";
    }

    .icons-list li:after {
        clear: both;
        display: table;
        content: " ";
    }

    .icons-list > li > span.icons-list--icon{
        width: 60px;
        padding-right: 20px;
        float: left;
        display: inline-block;
        padding-top: 10px;
    }


    .icons-list{
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }


    ul[class*="arrow-list"] {
        list-style: none;
        margin-left:-1.3em;
    }

    [class*="arrow-list"] > li:before{
        display: block;
        height: 0;
        left: -0.89em;
        position: relative;
        content: "\003e";
    }

    .item-margin-bottom-20 > li{
        margin-bottom: 20px;
    }

    [class*="arrow-list"] > li > p{
        margin-left: 15px;
    }

    /* arrow list color */
    .arrow-list--blue > li:before{
        color: #00529e;
    }

    .arrow-list--azure > li:before {
        color: #009FE3;
    }

    .arrow-list--cyan > li:before {
        color: #0092BD;
    }

    .arrow-list--orange > li:before {
        color: #f58635;
    }

    .arrow-list--red > li:before {
        color: #8B183E;
    }

    .arrow-list--green > li:before{
        color: #47B591;
    }

    .arrow-list--grey > li:before {
        color: #777777;
    }

    .arrow-list--dark-grey > li:before {
        color: #333333;
    }

    .arrow-list--white > li:before {
        color: #ffffff;
    }
    /* end arrow list color */


    /* End moved from _tools/resources/front/css/blog/style.css */

    /* Moved from _tools/resources/front/css/blog/blog.css */

    /* informations article **********************************************/
    /* Used below the title of the blog's articles (story, essay, cartoon, podcast) */

    @media (min-width: 768px){

        ul.banner__informations > li:not(:last-child), ul.header__informations > li:not(:last-child) {
            position: relative;
        }

        /* pipe separator */
            ul.banner__informations[class*="pipe-"]> li:not(:last-child) > *:after, ul.header__informations[class*="pipe-"]> li:not(:last-child) > *:after {
                content: "";
                height: 18px;
                width: 1px;
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -13px;
            }

            ul.banner__informations.pipe-white > li:not(:last-child) > *:after, ul.header__informations.pipe-white > li:not(:last-child) > *:after  {
                background: #fff;
            }

            ul.banner__informations.pipe-black > li:not(:last-child) > *:after, ul.header__informations.pipe-black > li:not(:last-child) > *:after {
                background: #495159;
            }
        /* end of pipe separator */

        /* dot separator */
            ul.banner__informations[class*="dot-"]> li:not(:last-child) > *:after, ul.header__informations[class*="dot-"]> li:not(:last-child) > *:after {
                content: "\f111";
                display: block;
                position: absolute;
                right: -7px;
                top: 12px;
                padding-left: 5px;
                padding-right: 5px;
                font: normal normal normal 5px/1 FontAwesome;
                color: #00529e;
                display: none;
            }


            ul.banner__informations.dot-white > li:not(:last-child) > *:after, ul.header__informations.dot-white > li:not(:last-child) > *:after {
                color: #fff;
            }

            ul.banner__informations.dot-black > li:not(:last-child) > *:after, ul.header__informations.dot-black > li:not(:last-child) > *:after {
                color: #00529e;
            }


            /* .banner__print a::before{
              content: "\f111";
              display: inline-block;
              position: absolute;
              left: 200px;
              top: 145px;
              padding-left: 5px;
              padding-right: 5px;
              font: normal normal normal 5px/1 FontAwesome;
              color: #00529e;
            } */
            .banner__dot-splitter{
              color: #333;
              font-size: 32px;
              line-height: 0px;
              top:-5px;
              left: -5px;
            }


        /* end of dot separator */
    }


    .text-over-image ul.banner__informations > li {
        margin-top: 15px;
    }

    ul.header__informations {
    /*    margin-left:-10px;*/
        margin-left: 0;
        /*margin-top:5px;*/
    }

    /* [#]Screen size: xs */
    @media (max-width: 767px){

        #body-header .border-bottom:after {
            bottom: -7px;
        }

        #body-header .border-bottom h1 {
            max-height: 100% !important;
        }

    }

    ul.header__informations > li.header__date-informations{
      font-size: 16px;
      font-weight: 400;
    }
    ul.banner__informations > li, ul.header__informations > li {
        min-width: auto;
        padding-left: 7px;
        padding-right: 5px;
    }
    ul.header__informations > li:first-child{
        padding-left: 2px;
        padding-right: 13px;
    }
     ul.header__informations > li:first-child > a {
      margin-left: 0px;
    }
    ul.header__informations > li:last-child{
      padding-left: 13px;
    }

    .header__elements--right ul.header__informations > li:first-child, .header__elements--left ul.header__informations > li:first-child{
      /*  padding-left:20px;*/
    }


    ul.banner__informations li.banner__topic a[class*="btn-"] {
        margin-top: -5px;
    }

    ul.banner__informations li > *, ul.header__informations li > * {
        font-size: 16px;
    }


    ul.banner__informations li.banner__topic > a:not(:first-child) {
        margin-left: 5px;
    }

    #printExec{
      cursor: pointer;
    }


    /* [#]Screen size: xs */
    @media (max-width: 767px){
        ul.banner__informations {
            text-align:center;
        }
        ul.header__informations  {
            text-align:left;
        }

        .header-banner__video ul.header__informations {
          text-align: center;
        }

        ul.banner__informations li, ul.header__informations li {
            padding-left: 10px;
            padding-right: 10px;
        }

        ul.banner__informations li.banner__author {
            margin-top: 5px;
        }

        .format-podcast ul.banner__informations li.banner__date {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .banner__avatar {
            margin-right:10px;
        }

    }
    /* end of informations article **********************************************/

    /* List Number  *************************************************************/
    /* Used on the right sidebar of the page of a story */

    ul.list-number, ol.list-number {
        counter-reset: my-badass-counter;
        list-style:none;
    }

    ul.list-number li, ol.list-number li {
        position: relative;
        padding: 0 0 10px 0;
        font-weight: normal;
        line-height: 1.4;
    }

    ul.list-number li:before, ol.list-number li:before {
        content: counter(my-badass-counter);
        counter-increment: my-badass-counter;
        position: absolute;
        left: -40px;
        top: 0;
        font: 500 35px/1 'Alegreya Sans', sans-serif;
        color: #00529e;
        font-weight:400;
    }

    ul.list-number li a, ol.list-number li a {
        display: block;
    }

    .right-column ul.list-number li a, .right-column ol.list-number li a {
        height: 35px;
        vertical-align: middle;
        display: table-cell;
    }

    /* End of List Number ***********************************************/

    /* Story Page *******************************************************/
    /* Used inside the banner information below the title (displayed only if translations are available) */

        /*.banner__languages-list ul.languages-list--options {
            padding-top: 5px;
        }*/


        .banner__languages-list ul.languages-list--options li{
            display:inline-block;
            font-size:16px;
            color:#00529a;
        }

        .banner__languages-list ul.languages-list--options li span:not(.selected):hover{
            text-decoration: underline;
            cursor: pointer;
        }

        .banner__languages-list ul.languages-list--options li span.selected,
        .banner__languages-list ul.languages-list--options li span.selected:hover{
            font-weight: 600;
        }

        ul.languages-list--options li{
            display:inline;
            font-size:16px;
        }
        .languages-list--options li.active,
        .languages-list--options li.active a {
            font-weight: 600;
        }

        ul.languages-list.languages-list--options.contentLanguage {
            padding-left:0;
            padding-top:0;
            margin-bottom: 0;
        }

        /*.header-title__split ul.languages-list.languages-list--options.contentLanguage {
            margin-bottom: 10px;
        }*/

        .header-title__split ul.languages-list.languages-list--options.contentLanguage li {
            margin-bottom: 10px;
        }

        ul.languages-list li.active, ul.languages-list li .selected {
            color: #00529a;
        }

        .title__fs-banner ul.languages-list li.active, .title__fs-banner ul.languages-list li .selected {
            color: #ffffff;
        }

        header.dark-gradient--top-bottom.header-banner ul.languages-list li .language-option,
        .header-banner .header-banner__wrapper .caption-over-image .header-title ul.languages-list li .language-option {
            color: #fff;
        }


    /* END of Story Page *******************************************************/

    /* End Moved from _tools/resources/front/css/blog/blog.css */

/********************************************************************************
*                             List preview Style Component                      *
*                             List preview Component                            *
*                                                                               *
********************************************************************************/

    /* [$] Element *****************************************/

        .event-detail__date, .preview--event--item__date {
            background-color: #00529E;
            color: #FFFFFF;
        }

        .preview--event--item__title p {
            font-weight:bold;
            margin:0;
        }

        .preview--event--item__text {
            padding:0px 10px;
        }


        .list__sort__preview__item-sort{
            position: relative;
        }

        .list__sort__preview__wrapper .list__sort__item__title, .list__sort__preview__wrapper .list__sort__item__switch {
            position:relative;
            padding-left:15px;
            padding-right:15px;
            width:auto;
            float:left;
        }

        /* [#] xs screen */
        @media (max-width: 767px) {
            .list__sort__preview__wrapper .list__sort__item__title, .list__sort__preview__wrapper .list__sort__item__switch {
                padding-left:10px;
                padding-right:10px
            }
        }

        button.list__sort--form-control {
            padding-right: 25px;
            margin-right: 10px;
            border: none;
            border-right: 1px solid #9C9D9F;
            background-color: transparent;
            color: #00529e;
            font-weight: bold;
            text-transform:uppercase;
        }

        .list__sort__item__switch button:last-child {
            border-right: none;
        }

        .list__sort__preview__item-sort:after {
            font: normal normal normal 18px/1 FontAwesome;
            position: absolute;
            right: 5px;
            top: 2px;
            color: #00529e;
            content:"\f107";
        }

        .list__sort__preview__item-sort.list__sort__preview__item-asc:after{
            content:"\f106";
        }

        .list__sort__preview__item-sort.list__sort__preview__item-desc:after{
            content:"\f107";
        }

        .list__filter__item.list__sort__item__label label {
            text-transform: uppercase;
        }

        .preview--event--item__view {
            font-size:16px;
            font-weight: bold;
        }

        .preview--event--item__location--city {
            line-height:30px;
        }

        .preview--event--item__location--city .fa {
            font-size: 18px;
        }

        .event__list__row {
            border-bottom: 1px solid #9C9D9F;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .list__results__content > .event__list__row:last-child {
            border:none;
        }

        @media (min-width: 768px) {
            .preview--event--item__date.column {
                width: 12%;
                margin-right: 2%;
            }
        }

        /* [#] xs screen */
        @media (max-width: 767px) {
            .preview--event--item__container {
                margin-bottom: 10px;
            }
        }

    /* [$] Modifier ****************************************/

        .event-detail__date--day-month, .preview--event--item__date--day-month {
            font-weight: bold;
            font-family: 'Roboto', sans-serif;
            text-align: center;
            border-bottom: 2px solid #fff;
            padding: 10px 0;
        }
            /* [+] Font-size */
            #content-body .event-detail__date--day-month, #content-body .preview--event--item__date--day-month {font-size: 26px;}

        .event-detail__date--year, .preview--event--item__date--year {
            text-align: center;
            font-family: 'Roboto', sans-serif;
            padding: 10px 0;
        }
            /* [+] Font-size */
            #content-body .event-detail__date--year, #content-body .preview--event--item__date--year {font-size: 26px;}



            /**
             * Composition
             */

            .search-filter__search-component + .search-filter__filter-component {
                margin-top: 18px;
            }

            .search-filter__filter-component + .search-filter__search-component {
                margin-top: 10px;
                margin-bottom: 20px;
            }

            /**
             * Search
             */


            .search-filter__ui {
                margin-bottom:20px;
            }

            .search-filter__search-component {
                display: flex;
                padding: 0.6em;
                padding-left: 1em;
                border: 1px solid #BFC4CC;
                border-color: rgba(191, 196, 204, 0.74);
                border-radius: 3px;
                flex-direction: row;
            }

            .search-filter_search-publication .ui-autocomplete{
              position: absolute !important;
              top: 88px !important;
              left: 15px !important;
              width: 95% !important;
              padding: 0.6em;
              padding-left: 1em;
            }

            .search-filter_search-publication .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active{
              color: white;
              background: #2F80ED;
            }

            .search-filter__search-component.show {
                display: flex !important;
            }

            .search-filter__search-component--active {
                border-color: rgba(92, 140, 216, 0.74);
            }


            .search-filter__search-input {
                width: 80%;
                color: #3A3B3D;
                font-size: 22px;
                font-weight: normal;
                border: 0;
                flex: 1;
                outline: none;
            }

            .search-filter__search-input::placeholder {
                color: #bbb;
            }

            .search-filter__search-button {
                padding: 0.35em 1.2em;
                margin-left: 0.75em;
                color: #fff;
                font-size: 16px;
                font-weight: 400;
                background: #0A549C;
                border: 0;
                border-radius: 4px;
                -webkit-appearance: none;
            }

            .search-filter__search-button:hover {
                background-color: #1564b1;
            }

            /**
             * Filters
             */

             .filter-expended .search-filter__filter-toggle{
               display: none;
             }

            .search-filter__filter-toggle {
                float: right;
                padding: 0;
                margin: 0 0 15px 30px;
                font-size: 16px;
                font-family: 'Alegreya Sans', sans-serif;
                font-weight: normal;
                color: #0A549C;
                background: transparent;
                border: 0;
                opacity: 0.8;
                -webkit-appearance: none;
                outline: none;
            }
            .search-filter__filters i{
              color: #00529e;
            }
            .search-filter__filter-toggle:hover {
                text-decoration: underline;
            }

            .search-filter__sort {
                float: left;
                width: 18%;
            }

            .search-filter__filters {
                overflow: visible;
                float: left;
                width: 78%;
                margin-right: -0.5rem;
                margin-left: 4%;
            }

            .no-sort .search-filter__filters {
                width: 100%;
                margin-left: 0;
            }

            .search-filter--filter-primary .search-filter__filters {
                width: 75%;
            }
            .search-filter__filter-toggle-search::before {
                font-family: "Font Awesome 5 Pro";
                font-weight: 400;
                content: "\f002";

            }
            .search-filter__filter-toggle-search {
                float: left;
                width: 3%;
                height: 50px;
                background-color: transparent;
                border: 0;
                outline: none;
                opacity: 0.6;
                transition: opacity 150ms ease;
            }

            .search-filter__filter-toggle-search.search-visible {
                opacity: 1;
            }

            .search-filter__filter {
                float: left;
                width: 25%;
                padding: 0 0.5rem 1rem 0.5rem;
            }

	   .search-filter__filter.hidden-filter__item {
		display:none !important;
	    }

            .search-filter__filter-component--1 .search-filter__filter,
            .search-filter__filter-component--2 .search-filter__filter {
                width: 50%;
            }

            .search-filter__filter-component--3 .search-filter__filter {
                width: 33.3333%;
            }

            @media screen and (max-width: 992px) {
                .search-filter__filter,
                .search-filter__filter-component--3 .search-filter__filter {
                    width: 50%;
                }

                .search-filter__filter-toggle-search {
                    width: 4%;
                }

                .search-filter--filter-primary .search-filter__filters {
                    width: 74%;
                }

            }

            @media screen and (max-width: 768px) {
                .search-filter__sort {
                    width: 50%;
                    width: calc(50% - 0.5rem);
                }

                .search-filter--filter-primary .search-filter__filter-component {
                    position: relative;
                }

                .search-filter--filter-primary .search-filter__filter-toggle-search {
                    position: absolute;
                    right: 0;
                }

                .search-filter__filters {
                    position: relative;
                    width: 100%;
                    width: calc(100% + 1rem);
                    margin-top: 2rem;
                    margin-left: -0.5rem;
                    padding-top: 2rem;


                }

                .search-filter__filters:before {
                    position: absolute;
                    top: 0;
                    right: 0.5rem;
                    left: 0.5rem;
                    content: '';
                    width: 100%;
                    width: calc(100% - 1rem);
                    border-top: 1px solid rgba(0, 0, 0, 0.1);
                }

                .search-filter--filter-primary .search-filter__filters {
                    width: 100%;
                    width: calc(100% + 1rem);
                }
                .card-row-standard-media__pressReleases .card-row-body{
                  display: none;
                }
            }

            @media screen and (max-width: 576px) {
                .search-filter__filter,
                .search-filter__filter-component--2 .search-filter__filter,
                .search-filter__filter-component--3 .search-filter__filter,
                .search-filter__sort {
                    width: 100%;
                }

                .search-filter--filter-primary .search-filter__sort {
                    width: 92%;
                }

                .search-filter__filter-toggle-search {
                    width: 8%;
                }
            }

            /**
             * Search Filter Tags
             */

            .search-filter__tag-list {
                display: inline;
                padding: 0;
                margin: 0;
                list-style: none;
            }

            .search-filter__tag-list-intro {
                display: inline-block;
                margin-right: 0.7em;
                font-size: 16px;
                font-family: 'Alegreya Sans',  sans-serif;
                font-weight: normal;

                opacity: 0.8;
            }

            .search-filter__tags:after {
                display: table;
                content: ' ';
                clear: right;
            }

            .search-filter__tag-item {
                position: relative;

                display: inline-block;
                padding: 0.2em 0.75em;
                margin: 0 0.75rem 0.75rem 0;
                color: #fff;
                font-size: 14px;
                background: #939FCD;
                border-radius: 3px;
            }

            .search-filter__tag-item--can-remove {
                padding-right: 22px;
            }

            .search-filter__tag-remove {
                position: absolute;
                top: 0;
                right: 0;
                overflow: hidden;
                width: 20px;
                height: 100%;
                text-indent: 200%;
                cursor: pointer;
            }

            .search-filter__tag-remove:after {
                position: absolute;
                top: 10px;
                right: 5px;
                content: '';
                width: 13px;
                height: 13px;
                background: url(/img/icons/tag-close.svg) no-repeat center;
                border-radius: 40px;
            }


            /**
             * Float Label Select Component
             */

            .float-label-select {
                position: relative;
                background: #fff;
                border: 1px solid #0A549C;
                border: 1px solid rgba(10, 84, 156, 0.6);
                border-radius: 4px;
            }

            .float-label-select__label {
                position: absolute;
                top: 17px;
                left: 1rem;
                z-index: 100;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 80%;
                width: calc(100% - 1rem - 2.5rem);
                color: #0A549C;
                font-size: 16px;
                font-weight: 300;
                line-height: 1.2em;
                transform-origin: top left;
                transition: transform 120ms ease;
                pointer-events: none;
            }

            .float-label-select--filled .float-label-select__label {
                transform: translateY(-7px) scale(0.68);
            }

            .float-label-select__input {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 100;
                width: 100%;
                height: 100%;
                opacity: 0;
                cursor: pointer;
            }

            .float-label-select__input[multiple] {
                display: none;
            }

            .float-label-select .multiselect-container {
                max-height: 400px;
                /*overflow: scroll;*/
            }

            .float-label-select .multiselect-native-select {
                display: block;
                width: 100%;
            }

            .float-label-select .btn-group {
                width: 100%;
            }

            .float-label-select__single-select-button,
            .float-label-select .multiselect {
                display: block;
                width: 100%;
                height: 50px;
                padding-top: 19px;
                padding-right: 2.5rem;
                padding-bottom: 0;
                padding-left: 1rem;
                font-size: 16px;
                text-align: left;
                background: transparent;
                border: none;
                outline: none;
            }

            .float-label-select__single-select-button {
                position: relative;
            }

            .float-label-select__single-select-button:before {
                content: '\f107';
                font-family: 'FontAwesome';
                font-weight: normal;
            }

            .float-label-select .dropdown-menu {
                min-width: 100%;
                max-width: 100%;
            }
            .multiselect-container{
              overflow-x:hidden;
            }
            .float-label-select .fa-angle-down,
            .float-label-select__single-select-button:before {
                position: absolute;
                right: 1rem;
                top: 50%;
                transform: translateY(-50%);
            }

            .float-label-select .multiselect,
            .float-label-select .multiselect:hover,
            .float-label-select .multiselect.dropdown-toggle,
            .float-label-select .multiselect.dropdown-toggle:hover {
                background: transparent !important;
                box-shadow: none;
            }

            .float-label-select__selected-value,
            .float-label-select .multiselect-selected-text {
                display: block;
                width: 100%;
                color: #0A549C;
                font-weight: normal;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .float-label-select .checkbox {
                margin-top: 5px;
                margin-bottom: 5px;
                padding-left: 5px;
                cursor:pointer;
                font-weight: normal;
                white-space: normal;
	        text-transform: capitalize;
            }

            .float-label-select .checkbox input {
                margin-left: -18px;
                cursor:pointer;
            }

            .float-label-select .dropdown-menu > .active > a {
                background-color: #0A549C;
            }

            /**
             * Results Area
             */

            .search-filter__content {
                background-color: #F3F3F3;
                padding-top: 30px;
                padding-bottom: 30px;
                border-top: 1px solid #CCC;
                min-height: 80vh;
            }


@media (min-width:768px){#egfTabsProjects .accordion.accordion-eib, #egfTabsProjects .accordion-static__description{margin:0 auto;width:750px;}}
@media (min-width:992px){#egfTabsProjects .accordion.accordion-eib, #egfTabsProjects .accordion-static__description{margin:0 auto;width:970px;}}
@media (min-width:1200px){#egfTabsProjects .accordion.accordion-eib, #egfTabsProjects .accordion-static__description{margin:0 auto;width:1170px;}}


        #egfTabsProjects .search-filter__content{
          background-color: white !important;
		min-height:auto !important;
        }

	    [data-types-list*="covid-projects"] .search-filter__content {
 		   background-color: white !important;
	    }

            .search-filter__results {
                margin-left: -15px;
                margin-right: -15px;
            }

            .search-filter__spinner {
                display: none;
                text-align: center;
            }

            .search-filter__content--loading .search-filter__spinner {
                display: block;
            }

            .search-filter-content-header {
                overflow: hidden;
                padding-bottom: 30px;
            }

            .search-filter-content-header__buttons,
            .search-filter-content-header__count-summary,
            .search-filter-content-header__layout-name,
            .search-filter-content-header__pagination {
                display: none;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.4);
            }

            .search-filter-content-header--loaded .search-filter-content-header__buttons,
            .search-filter-content-header--loaded .search-filter-content-header__count-summary,
            .search-filter-content-header--loaded .search-filter-content-header__layout-name,
            .search-filter-content-header--loaded .search-filter-content-header__pagination {
                display: block;
            }

            .search-filter-content-header__buttons,
            .search-filter-content-header__layout-name,
            .search-filter-content-header__count-summary {
                float: left;
            }

            .search-filter-content-header__layout-name {
                margin-left: 1em;
            }

            .search-filter-content-header__count-summary {
                position: relative;

                margin-left: 1em;
            }

            .search-filter-content-header__count-summary:before {
                content: '';
                display: inline-block;
                width: 3px;
                height: 3px;
                margin-right: 1em;
                vertical-align: middle;
                border-radius: 10px;
                background: rgba(0, 0, 0, 0.2);
            }

            .search-filter-content-header__pagination {
                float: right;
            }

            .search-filter-content-header__pages {
                margin: 0;
                padding: 0;

                list-style: none;
            }

            .search-filter-content-header__page {
                display: inline-block;
                margin-left: 0.5em;

                cursor: pointer;
            }

            .search-filter-content-header__page--current {
                text-decoration: underline;
            }

            .search-filter-content-header__button {
                height: 32px;
            }

            /*
            .search-filter-content-header__button--card {
                background-image: url(/img/icons/display-cards-on.png);
            }

            .search-filter-content-header__button--card-row {
                background-image: url(/img/icons/display-card-rows.png);
            }

            .search-filter-content-header__button--row {
                background-image: url(/img/icons/display-rows.png);
            }
            */


            /* Display options */

            /*.list-filter__item .list-display__btn-group {
                margin-left: 50px;
            }*/
            #show-filters__mobile{
              padding-bottom:10px !important;
            }

            .search-filter-content-header .btn-group .search-filter-content-header__button {
                height: 34px;
                width: 50px;
                background-repeat: no-repeat;
                border: 0;
                margin: 0;
            }

            .search-filter-content-header__button--card  {
                background-image: url('/img/icons/display-cards.png');
            }
            .search-filter-content-header__button--card-row  {
                background-image: url('/img/icons/display-card-rows.png');
            }
            .search-filter-content-header__button--row {
                background-image: url('/img/icons/display-rows.png');
            }
            .search-filter-content-header__button--card:hover,
            .search-filter-content-header__button--card.active {
                background-image: url('/img/icons/display-cards-on.png');
                outline:none !important;
            }
            .search-filter-content-header__button--card-row:hover,
            .search-filter-content-header__button--card-row.active {
                background-image: url('/img/icons/display-card-rows-on.png');
                outline:none !important;
            }
            .search-filter-content-header__button--row:hover,
            .search-filter-content-header__button--row.active {
                background-image: url('/img/icons/display-rows-on.png');
                outline:none !important;
            }

            .search-filter-header__layout-link-excel{
              display: inline-block;
              font-size: 14px;
              color: rgba(0, 0, 0, 0.4);
              float: right;
            }
            .search-filter-header__layout-link-excel a{
              margin-left: 5px;
            }
            .search-filter-content-header__filter-url a{
              padding-right: 20px;
              display: inline-block;
              font-size: 14px;
              float: right;
            }
            .search-filter-content-header {
                position: relative;
            }
            .copied-text {
                background: #fff;
                z-index: 9999;
                border: 1px solid #dedede;
                border-radius: 15px;
                position: absolute;
                right: 120px;
                padding: 5px;
                font-size: 14px;
                display: none;
            }

            @media (max-width: 767px) {
                .search-filter-content-header__filter-url .copy-filtered {
                    display: none;
                }
            }

            .select__single-select-button-pagination{
              background-color: transparent;
              color:#777;
              border: 1px solid #ABABAB;
              border-radius: 4px;
              vertical-align: middle;
              font-size:16px;
              font-weight: 400;
              line-height: 1.43;
              text-align: center;
              padding: 8px 10px 8px 10px;
              float: left;
            }



            /* End Display options */
            /* _______________________________________________________________________________________ */

            /*  pagination start*/

            .search-filter-content-footer__text-pagination{
              margin: 15px !important;
              color: #ABABAB;
              font-size: 14px !important;
            }

            .showing-content__text-search-filter, .search-filter-content-footer__pagination {
                font-size:14px !important;
            }

            .search-filter-content-footer__pagination a{
              display: inline-block;
              text-decoration: none;
              color: inherit;
              margin: 15px;
              cursor: pointer;
              color: #ABABAB;
            }

            .search-filter-content-footer__pagination{
              display: inline-block;
              float: right;
              color: #ABABAB;

            }

            .search-filter-content-footer__count-summary{
              display: inline-block;
              margin-left: 25px;
              color: #ABABAB;

            }

            .search-filter__pagination{
              margin-top: 25px;
            }

            .dot-summary ::before{
              content:' . ';
              font-size: 25px;
              margin-right: 10px;
              font-weight: bolder;
              color: #ABABAB;
            }

            #show-entries{
              cursor: pointer;
            }

            #show-entries ::before{
              color:#ABABAB;
              content: '\f107';
              font-family: 'FontAwesome';
              font-weight: normal;
            }


            .search-filter-content-footer__dot-item {
              font-size: 50px;
              line-height: 15px;
              margin-right: 25px;
              font-weight: bolder;
              color: #ABABAB;
            }


            /* Search result in search page eib.org/search */
            #search .search-filter[data-type="search"] .search-filter__content {
                display: none;
            }

/********************************************************************************
*                             Component Style                                   *
*                                                                               *
********************************************************************************/


            main#content #body #body-content section, main#content > section {
                clear: left;
            }

            main#content #body #body-content section:after, main#content > section:after,
            main#content #body #body-content section:before, main#content > section:before{
                display: table;
                content: " ";
            }

            main#content #body #body-content section:after, main#content > section:after{
                clear: both;
            }

            main#content #body #body-content section:last-child, main#content > section:last-child{
                padding-bottom: 40px;
            }


            main#content #body #body-content section:not(:first-child), main#content > section:not(:first-child){
                padding-top: 20px;
                padding-bottom: 20px;
            }

            main#content #body #body-content section:not(:first-child) > *[class*="bg-color"], main#content > section:not(:first-child) > *[class*="bg-color"]{
                padding-top: 20px;
                padding-bottom: 20px;
            }

            main#content #body #body-content section:not(:first-child) > .bg-color-white, main#content > section:not(:first-child) > .bg-color-white {
                padding-top:0 !important;
                padding-bottom: 0 !important;
            }

            /*main#content #body #body-content section:last-child{
                padding-bottom:0;
            }*/
            /* Component: Gallery */

            .gallery .gallery-images .gallery-images-item{
                padding-top : 5px;
                padding-bottom: 5px;
            }

            @media (min-width: 767px) {
                section .gallery .gallery-images .gallery-images-item.col-sm-2:nth-child(6n+1),
                section .gallery .gallery-images .gallery-images-item.col-sm-3:nth-child(4n+1),
                section .gallery .gallery-images .gallery-images-item.col-sm-4:nth-child(3n+1),
                section .gallery .gallery-images .gallery-images-item.col-sm-6:nth-child(2n+1),
                section .gallery .gallery-images .gallery-images-item.col-sm-12{
                    clear:left;
                }
            }


            /* Component: Banner */
            section .banner .banner__text.bg-color-blue a.section-link,
            section .banner .banner__text.bg-color-blue a.section-link:hover,
            section .banner .banner__text.bg-color-blue a.section-link:focus {
                color:white;
            }

            /* Component: Filtered list */
            section .filtered-list .filtered-list__content {
                background-color: #F3F3F3;
                padding-top: 30px;
                padding-bottom: 30px;
                border-top: 1px solid #CCC;
                min-height: 400px;
            }

            section .filtered-list .filtered-list__content.all-loaded .filtered-list__spinner {
                display: none;
            }

            section .filtered-list__spinner.load-more {
                margin-top: 35px;
            }

            @media (min-width: 767px) {
                section .filtered-list .filtered-list__content .card-items article.col-sm-3:nth-child(4n+1),
                section .filtered-list .filtered-list__content .card-items article.col-sm-4:nth-child(3n+1),
                section .filtered-list .filtered-list__content .card-items article.col-sm-6:nth-child(2n+1),
                section .filtered-list .filtered-list__content .card-items article.col-sm-12{
                    clear:left;
                }
            }


            /* Component: Date and Location */

            section .date-and-location_component .date-and-location_date {
                background-color: #00529E;
                text-align: center;
                text-transform: capitalize;
                color: #FFFFFF;
                font-weight: bold;
                float: left;
                width: 110px;
                height: 110px;
                padding: 15px 10px;
                margin-left: 35px;
            }



            section .date-and-location_component .date-and-location_date  .big-line{
                font-size: 24px;
                line-height: 1.3;
            }

            section .date-and-location_component .date-and-location_date  .medium-line{
                font-size: 18px;
                line-height: 1.4;
            }

            section .date-and-location_component .date-and-location_date  .small-line{
                font-size: 16px;
                line-height: 1.5;
            }

            section .date-and-location_component .date-and-location_location {
                padding: 10px 0px 10px 5px;
                display: inline-block;
                font-size: 16px;
                color: #00529E;
                line-height: 1.5;
            }




            @media (max-width: 1199px){
                section .date-and-location_component .date-and-location_location {
                    padding: 10px 0px 10px 40px;
                }
            }


            @media (max-width: 600px) {
                section .date-and-location_component .date-and-location_date {
                    width: 100px;
                    height: 100px;
                    padding: 10px 10px;
                }

                section .date-and-location_component .date-and-location_date .big-line {
                    font-size:21px;
                }

                section .date-and-location_component .date-and-location_date {
                    margin-left: 0;
                }

                section .date-and-location_component .date-and-location_location {
                    padding-right: 5px;
                    padding-left: 0;
                    padding-top: 0;

                }
            }


            @media (max-width: 380px){
                section .date-and-location_component .date-and-location_date {
                    width: 80px;
                    height: 80px;
                    padding: 8px;
                }
                section .date-and-location_component .date-and-location_date .medium-line{
                    font-size: 16px;
                }
            }


            /* Component: Carousel */
            section .carousel .carousel__wrapper  .carousel__result article {
                padding-left: 15px;
                padding-right: 15px;
                outline: none;
            }

            section .carousel .carousel__wrapper .carousel__header {
                margin-bottom:20px;
                padding-bottom: 10px;
            }

            section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider {
                padding-left: 30px;
                padding-right: 30px;
            }


            @media (max-width: 480px){
                section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider {
                    padding-left: 10px;
                    padding-right: 10px;
                }
            }

            section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider .slick-prev {
                left: 5px;
            }

            section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider .slick-next {
                right: 15px;
            }


            @media (min-width: 992px){
                section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider .slick-prev {
                    left: -10px;
                }

                section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider .slick-next {
                    right: 0px;
                }
            }

            section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider .slick-prev:before,
            section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider .slick-next:before {
                font-family: 'Glyphicons Halflings';
                font-size: 30px;
                color: #0c60a6;
            }

            section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider .slick-prev:before{
                content: "\e079";
            }

            section .carousel .carousel__wrapper .carousel__result.slick-dotted.slick-slider .slick-next:before{
                content: "\e080";
            }

            section .carousel .carousel__wrapper .carousel__result .slick-dots li:only-child {
                display: none;
            }

            section .carousel .carousel__wrapper .carousel__result .slick-dots li  {
                width: 15px;
                height: 15px;
            }

            section .carousel .carousel__wrapper .carousel__result .slick-dots li button:before {
                font-size: 10px;
                opacity: .75;
                color: #919aa2;
            }

            section .carousel .carousel__wrapper .carousel__result .slick-dots li button:hover:before {
                opacity: 1;
                color: #575c61;
            }

            section .carousel .carousel__wrapper .carousel__result .slick-dots li.slick-active button:before,
            section .carousel .carousel__wrapper .carousel__result .slick-dots li.slick-active button:hover:before {
                opacity: 1;
                color: #00529e;
            }

            section .carousel .carousel__wrapper .carousel__result .slick-dots {
                position: relative;
                bottom: 0px;
            }

            section .carousel .carousel__wrapper .carousel__header {
              text-align: center;
            }


            /*Component: Accordion*/
            section .accordion a[href$=".pdf"], .complaint__complaint-documents a[href$=".pdf"]{
                background-image: url(/img/site/dev/icons/pdf.png);
                background-position: right center;
                background-repeat: no-repeat;
                margin: -2px 0;
                padding: 2px 22px 2px 0;
            }


            @media (max-width: 600px) {
                section .accordion  .link-list-body ul.list-inline{
                    width: 100%;
                }
            }

            /*Component: Tag list*/
            section .tag-list .tag-list-body .tag-list-item {
                float: left;
                margin-right: 5px;
                margin-bottom: 10px;
            }

            @media (max-width: 600px) {
                section .tag-list .tag-list-body .tag-list-item .btn {
                    max-width: 350px;
                    overflow:hidden !important;
                    white-space: nowrap !important;
                    text-overflow: ellipsis !important;
                }
            }

            /*Component: Gallery*/
            section .gallery .gallery-header{
              text-align: center;
              margin-bottom: 20px;
              padding-bottom: 10px;
            }



            section .gallery .gallery-images .gallery-images-item a {
                display:inline-block;
                height: 100px;
                width: 100%;
            }

            section .gallery .gallery-images .gallery-images-item a img {
                margin: auto;
            }

            @media (min-width: 767px) {
                section .gallery .gallery-images .gallery-images-item.col-sm-3:nth-child(4n+1),
                section .gallery .gallery-images .gallery-images-item.col-sm-4:nth-child(3n+1),
                section .gallery .gallery-images .gallery-images-item.col-sm-6:nth-child(2n+1),
                section .gallery .gallery-images .gallery-images-item.col-sm-12{
                    clear:left;
                }
            }

            @media (max-width: 767px) {
                section .gallery .gallery-images .gallery-images-item.col-xs-3:nth-child(4n+1),
                section .gallery .gallery-images .gallery-images-item.col-xs-4:nth-child(3n+1),
                section .gallery .gallery-images .gallery-images-item.col-xs-6:nth-child(2n+1),
                section .gallery .gallery-images .gallery-images-item.col-xs-12{
                    clear:left;
                }
            }

            /*Component: Quote*/


            section blockquote > p{
                font-size:21px;
            }

            /* format the content from datamanager id=body-content */


            #body-content section.post-text ul, #body-content section>.custom ul, .banner.banner__article .banner__text ul  {
                list-style: none;
            }


            #body-content section.post-text > ul > li:before, #body-content section>.custom > ul > li:before,
             .banner.banner__article .banner__text > ul > li:before {
                content: "";
                border-style: solid;
                border-width: 0.35em 0 0.35em 0.45em;
                /*margin-right: 15px;*/
                display: inline-block;
                height: 0;
                width: 0;
                /*top: 1.05em;*/
                border-color: transparent #00529e;
                margin-left: -8px;
                top:0;
                position: relative;
                left:-15px;
            }

            /*section.contact ul.bulleted-list--blue{
                padding-left:0;
            }*/

            section.contact ul.bulleted-list--blue li p {
                padding-left :25px;
                margin: 10px 0;
            }

            section.contact h3{
                margin-top:15px;
            }

            section.contact p{
                font-weight: 400;
            }
            /* Media press contact */

            .press-release-body>.contact-office{
              margin-bottom: 0px;
            }

            .press-release-body > section.contact p{
              margin-top: 0px;
              margin-bottom: 0px;
            }



            /* ------------------------------------------------------------------
                              Custom person page Styling
            *******************************************************************/

/*
  div.boxes-list-body > .divider--color-light-grey::before{
    top:0px ;
    height: 300px !important;
  } */

    .two-text-boxes>.left-content{
      padding-left: 15px !important;
    }

    /*.person-content section{
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }
    .person-content h3{
      padding-top: 50px !important;

    }

    .person-content .card-title{
      padding-top: 0px !important;
    }*/
    /* comment by SM 09/01/2020 */

    .person-content .slick-dotted.slick-slider{
        margin-bottom: 0px;
    }


    @media (min-width :2300px) {

    .container-fluid .two-text-boxes>.left-content{
          padding-left: 700px !important;
        }

    }
    @media (max-width :2300px) {

      .container-fluid  .two-text-boxes>.left-content{
          padding-left: 580px !important;
        }

    }
    @media (min-width :1600px) {

      .container-fluid  .two-text-boxes>.left-content{
          padding-left: 230px !important;
          min-height: 300px;
        }

    }
    @media (min-width :1480px) {

      .container-fluid  .two-text-boxes>.left-content{
          padding-left: 385px !important;
        }

    }
    @media (max-width :1440px) {

      .container-fluid  .two-text-boxes>.left-content{
          padding-left: 385px !important;
        }

    }

    @media (max-width :1440px) {

      .container-fluid  .two-text-boxes>.left-content{
          padding-left: 150px !important;
        }

    }
    @media (max-width :1200px) {

      .container-fluid  .two-text-boxes>.left-content{
          padding-left: 150px !important;
        }

    }

    @media (max-width :1024px) {

    .container-fluid    .two-text-boxes>.left-content{
          padding-left: 42px !important;
        }
        .two-text-boxes>.right-content{
          padding-left: 15px !important;
        }

    }
    @media (max-width :991px) {
        .two-text-boxes>.right-content{
          padding-left: 10px !important;
        }
        .icon-style__person{
          padding: 20px 20px 20px 20px;
        }

    }
    @media (max-width :768px) {
    .container-fluid  .two-text-boxes>.left-content{
          padding-left: 24px !important;
        }
    .icon-style__person{
          padding: 20px 10px 20px 10px;
        }
    }
    @media (max-width :425px) {
    .container-fluid .two-text-boxes>.left-content{
          padding-left: 15px !important;
        }
    }
    @media (max-width :375px) {

    .container-fluid .two-text-boxes>.left-content{
          padding-left: 15px !important;
        }

    }

    @media (max-width :320px) {

    .container-fluid .two-text-boxes>.left-content{
          padding-left: 15px !important;
        }

    }

    /* ------------------------- Card style ------------------------- */


    /* ****************** CARD STANDARD / New types of cards formatting ***************** */
    .card{
        height: 550px;
        overflow: hidden;
    }

    .card.card-portrait {
        height: 465px;
    }


    .boxes__grid .card {
        height: 570px;
    }
    .boxes__grid .card.card-portrait {
        height: 465px;
    }

    .card .card-img {
        position: relative;
    }
   .card-standard-media__genericVideos > .card-body > .card-additional-text{
     display: none;
   }
    .card .card-img .card-img-icon img.video-icon {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;

        position: absolute;
        text-align: center;
        width: 100px;
        height: 100px;
        display: block;
        content:url(/img/site/play.png);
    }

    .card header.card-header{
      position: relative;
      padding: 20px 25px 0px 25px;
      height: 129px;
      overflow: hidden;
    }
    .card-portrait-media__publications header.card-header{
      height:165px;
    }
    .card.card-title-style header.card-header{
        height: auto;
    }

    .card-small> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
      height: 250px !important;
    }

    .card-medium > .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
      height:280px !important;
    }
    .card-big> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
      height: 325px!important;
    }

    .card-xl> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
      height: 540px !important;
    }
    .card-small.card-index> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
      height: 405px !important;
    }
    .card-small.card-index> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title > .card-body ,
    .card-small.card-index> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title > .card-footer {
      height: 0px;
      padding: 0px;
    }
    /* .card-small .slick-track article .card{
      min-height: 260px !important;
    } */

    /* .slick-track > article > .card{
      min-height: 550px ;
    } */

  .card-small  .container .carousel__result  .card.card-long-title{
    height: 250px !important;
  }

  .card-medium   .container .carousel__result  .card.card-long-title{
    height:280px !important;
  }
  .card-big  .container .carousel__result  .card.card-long-title{
    height: 325px!important;
  }

  .card-xl  .container .carousel__result  .card.card-long-title{
    height: 540px !important;
  }

  .card-auto  .container .carousel__result  .card.card-long-title{
    height: auto !important;
  }
  .card-portrait.card-portrait-media__publications a.card-img{
    width: 150px;
    height: 220px;
    min-height: 150px;
    margin: 0 auto;
    margin-top: 35px;
   }
   .card-portrait-media__publications a img {
     width: 150px !important;
     height: 225px !important;
   }

  .card.no-img-bg.card-portrait.card-portrait-media__publications{
	  background-color:#F4F9FF;
  }
    @media (max-width :425px) {

      .card-small> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
        height: auto !important;
      }

      .card-medium > .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
        height:auto !important;
      }
      .card-big> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
        height: auto!important;
      }

      .card-xl> .container > .row > section >.cardList > .card-list__wrapper >.card-list__result > article > .card.card-long-title{
        height: auto !important;
      }

      .card-small  .container .carousel__result  .card.card-long-title{
        height: auto !important;
      }

      .card-medium  .container .carousel__result  .card.card-long-title{
        height:auto !important;
      }
      .card-big   .container .carousel__result  .card.card-long-title{
        height: auto!important;
      }

      .card-xl  .container .carousel__result  .card.card-long-title{
        height: auto !important;
      }

    }
    .card-podcast-icon{
      margin: auto;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      text-align: center;
      width: 100px;
      height: 100px;
      display: block;
    }

    /* Menu transparent fixe */

    /* .navbar-fixed-top .navbar-nav>li>a{
      color: #777777 !important;
    } */

    .navbar-blog .navbar-nav>li>a{
      color: #ffffff !important;
    }
  /* cards height classes */

  .card-xs  .card{
    height: 370px !important;
  }
  .card-sm  .card{
    height: 470px !important;
  }
  .card-md  .card{
    height: 530px !important;
  }
  .card-lg  .card{
    height: 670px !important;
  }
  .card-xl  .card{
    height: 770px !important;
  }

  /* card-image formating */

  .card.card-image.card-image-media{
    height: 250px !important;
    color: white;
    width: 380px;
  }
  .card.card-image.card-image-media>a{
    height: 400px;
    position: relative;
    float: left;
    /* -webkit-box-shadow: inset 0px -130px 21px -12px rgba(0,0,0,0.6);
   -moz-box-shadow: inset 0px -130px 21px -12px rgba(0,0,0,0.6);
   box-shadow: inset 0px -130px 21px -12px rgba(0,0,0,0.6); */
  }
  .card.card-image.card-image-media .card-image-content{
    position: absolute;
    bottom: 10px;
    vertical-align: baseline;
    -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  }

  .card.card-image.card-image-media .card-image-content  .card-header-image {
    float: left;
    bottom: 30px;
    margin-left: 20px;
    width: 320px;
}

  .card.card-image.card-image-media .card-image-content .card-title-image a {
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 120%;
    color: white !important;
    margin-top: 0px;
}

  .card.card-image.card-image-media  .card-body-footer-content{
   display:none;
   max-height:200px;
  }

  /* Custom border for portfolio */
.custom-border__img img{
  border: 1px solid gray;
}
/* ------------------------------------------------------------------
                    highlight box Styling
*******************************************************************/

  .highlightLink:hover{
    background-color: #ababab  !important;
    /*border : 1px solid white; Modified by SM - 10/01/2020*/
    -webkit-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    -o-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
  }
  .highlightLink:hover > .highlight-box__inside > .highlight-box__text > .highlight-box__title ,
  .highlightLink:hover > .highlight-box__inside > .highlight-box__text > .highlight-box__subtitle {
  color:white !important;
  }


.group__box-highlight>div{
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.highlightLink {
  background-color: #f3f3f3;
  padding-right: 25px;
  padding-top: 5px;
  display: block;
  height: 150px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.highlight-box__text{
  float: right;
  width: 250px;
}

.highlight-box__title{
  float: right;
  text-align: right;
}

.highlight-box__title{
  color: #00529E;
}

.highlight-box__subtitle{
  float: right;
  text-align: right;
  line-height: 25px;
}
.highlight-box__subtitle{
  color: #333333;
  font-size: 18px;
  font-weight: 300;
  font-family: Roboto;
}

.highlight-box__img-elemnt{
  height: 145px;
  position: absolute;
  left: 0;
}
.highlight-box__img-elemnt:hover{
  opacity: 1;
}


@media (max-width: 1024px) and (min-width: 768px){
  /* .highlight-box__text{
    width: 230px;
  } */
  .highlightLink{
    width: 320px;
  }
  .group__box-highlight>div{
    width: 320px;
  }
  .highlight-box__text{
    width: 230px;
  }
}
@media (max-width: 768px) {
  .group__box-highlight > div{
    padding-bottom: 35px;
  }
}

@media (max-width: 425px) {
  .highlightLink{
    width: 325px;
  }
  .group__box-highlight>div{
    width: 325px;
  }
  .highlight-box__text{
    width: 200px;
  }
}

@media (max-width: 375px) {
  .group__box-highlight{
    padding-left: 10px;
  }
  .highlightLink{
    width: 300px;
  }
  .group__box-highlight>div{
    width: 300px;
    padding-top: 20px;
    padding-bottom: 25px;
  }
  .highlight-box__text{
    width: 225px;
  }
}

.post-box-with-text .content-left *, .post-box-with-text .content-right * {
    font-size: 16px !important;
}
.post-box-with-text .content-left .box__animated__numbers strong, .post-box-with-text .content-right .box__animated__numbers strong{
    font-size: 66px !important;
    font-weight: 600;
}
.post-box-with-text .content-left .box__animated__numbers , .post-box-with-text .content-right .box__animated__numbers {
    font-size: 66px !important;
    font-weight: 600;
}

@media only screen and (min-width : 768px) {
    .same-height .row:first-child {
      overflow: hidden;
    }
    .same-height .row:first-child .grid-item {
      display: contents;
    }
    .same-height .row:first-child  [class*="col-"] {
      margin-bottom: -99999px;
      padding-bottom: 99999px;
    }
}


/* ------------------------------------------------------------------
                    vertical card list fix HR
*******************************************************************/

.landing-card .landing-card__list .card__vertical .card-header{
	height:140px;
}

.landing-card .landing-card__list .card__vertical .card-header .card-title{
	height:100px;
}


/* ------------------------------------------------------------------
                    Img compare module
*******************************************************************/
.imgCompare .container-imgCompare{
    min-height: 500px;
    width: 60%;
    position: relative;
    overflow: hidden;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.imgCompare img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.imgCompare #img-compare{
    clip-path: polygon(0 0 , 50% 0, 50% 100%, 0 100%);
}
.imgCompare #slider-compare{
    position: relative;
    -webkit-appearance: none;
    width: calc( 100% + 40px);
    height: 100%;
    margin-left: -20px;
    background-color: transparent;
    outline: none;
    top: 250px;
}
.imgCompare #slider-compare::-webkit-slider-thumb{
    -webkit-appearance: none;
    height: 60px;
    width: 60px;
    background: url(https://www.eib.org/img/icons/arrows-compare.svg), #2F80ED;
    border-radius: 50%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position-x: center;
    background-position-y: center;
}
.imgCompare #slider-compare::-webkit-slider-thumb:hover{
    -webkit-appearance: none;
    height: 60px;
    width: 60px;
    background: url(https://www.eib.org/img/icons/arrows-compare-hover.svg), #FFFFFF00;
    border:2px solid #2F80ED;
    border-radius: 50%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position-x: center;
    background-position-y: center;
}

@media (max-width: 768px) {
.imgCompare .container-imgCompare{
    min-height: 350px;
    width:80%;
}
.imgCompare #slider-compare{
    top: 148px;
}

}