/*!
 * Typography 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                                                 *
*                                                                               *
********************************************************************************/

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

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

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

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

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

body {
    font-family: 'Roboto', sans-serif;
    color: #4f4f4f;
    font-size: 18px;
    font-weight:300;
    line-height:1.8;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

    /* [#] screen size: xs */
        @media (max-width: 767px){
            body {
                font-size:16px;
                line-height:1.6;
            }
        }

/* [*] Font style **********************************************/

    /* Header **********************************************/

        header .navbar.navbar-inverse,
        header .navbar.navbar-eib,
        header .navbar.navbar-blog{
            font-size: 14px;
            line-height: 1.5;
        }

        header .navbar.navbar-eib .navbar-nav>li>a {
            font-family:'Roboto', sans-serif;
        }

        header .navbar.navbar-inverse {
            font-weight: 400;
            font-family:'Roboto', sans-serif;
        }

        /* For mix old and newstyle (espacially for topMenu in old page)*/
        nav#sub-header.navbar, .navbar.navbar-eib {
            font-family:'Roboto', sans-serif;
            font-size: 14px;
        }

    /* End of Header **********************************************/

    /* Title **********************************************/
        h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
            font-family: 'Alegreya Sans', sans-serif;
            margin-top: 0;
            margin-bottom: 10px;
            font-weight:600;
            color: #00529e;
        }

        /* h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
            font-family: 'Alegreya Sans', Adobe Blank;
            margin-top: 0;
            margin-bottom: 10px;
            font-weight:600;
            color: #00529e;
        } */

        h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
            color:#4f4f4f;
        }

        h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a,
        a.h1, a h1, a .h1 {
          font-weight: 500;
        }

        h1, .h1 {
            font-size:36px;
            line-height:1.2;
            font-weight:600;
        }

        h2, .h2 {
            font-size:30px;
            line-height:1.2;
        }

        h3, .h3 {
            line-height:1.3;
            font-size:26px;
        }

        h4, .h4 {
            line-height:1.4;
            font-size:21px;
        }

        h5, .h5 {
            font-size:18px;
            line-height:1.5;
        }

        h6, .h6 {
            font-size:18px;
            line-height:1.5;
        }


        h1 + p, .h1 + p {
            margin-top: 0 !important;
        }

        h2 + p, .h2 + p {
            margin-top: 0 !important;
        }

        h3 + p, .h3 + p {
            margin-top: 0 !important;
        }

        h4 + p, .h4 + p {
            margin-top: 0 !important;
        }

        h5 + p, .h5 + p {
            margin-top: 0 !important;
        }

        h6 + p, .h6 + p {
            margin-top: 0 !important;
        }

            /* [#] screen size: xs */
            @media (max-width: 767px){
                h1, .page__title, .h1 {
                    font-size: 36px;
                }

                h2, .h2 {
                    font-size:30px;
                }

                h3, .h3 {
                    font-size:24px;
                }

                h4, .h4 {
                    font-size:21px;
                }

                h5, .h5 {
                    font-size:18px;
                }

                h6, .h6 {
                    font-size:16px;
                }


            }

        #relatedPageList .relatedPageList>dt{
          font-size: 26px;
          font-weight: 600;
          font-family: 'Alegreya Sans',sans-serif;
        }
        @media (max-width: 767px){
        #relatedPageList .relatedPageList>dt{
            font-size: 24px;
          }
        }

        .text-over-image h1, .text-over-image .h1, .text-over-image *, .title__fs-banner * , .title__fs-banner .standard-header__summary p{
            color:#fff;
        }
        .title__fs-banner .banner__print a:hover {
            color: #ffffff;
            cursor: pointer;
        }

        .standard-header__summary > p {
            margin-top: 10px;
            margin-bottom: 10px;
            color: #00529e;
            font-size: 21px;
            line-height: 1.4;
            padding-bottom: 5px;
        }

        .text-over-image .standard-header__summary > p {
          color: #fff;
        }

        /* Moved from _tools/resources/front/css/blog/blog.css */
        .post-content .post-section.post-intro h1{
            font-size: 21px;
            color: #4f4f4f;
            line-height: 1.6;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            margin-top: 15px;
            margin-bottom: 15px;
        }
        /* end Moved from _tools/resources/front/css/blog/blog.css */


            /* Title style */

                .border-bottom {
                    position:relative;
                }

                .border-bottom:after {
                    position: absolute;
                    content: '';
                    bottom: -5px;
                    left: 0;
                    max-width: 20%;
                    width: 100%;
                    right: 0;
                }

                .text-center .border-bottom:after, .border-bottom.text-center:after {
                    margin: 0 auto;
                }

                .color-white .border-bottom:after, .border-bottom.color-white:after, .text-over-image .border-bottom:after, .title__fs-banner .border-bottom:after{
                    border-bottom: 3px solid #ffffff;
                }

                .color-blue .border-bottom:after, .border-bottom.color-blue:after, .border-bottom:after {
                    border-bottom: 3px solid #00529e;
                }

                .color-black .border-bottom:after, .border-bottom.color-black:after {
                    border-bottom: 3px solid #4f4f4f;
                }

                .color-cyan .border-bottom:after, .border-bottom.color-cyan:after {
                    border-bottom: 3px solid #9CAFD6;
                }

                .color-orange .border-bottom:after, .border-bottom.color-orange:after {
                    border-bottom: 3px solid #D8810A;
                }

                .color-azure .border-bottom:after, .border-bottom.color-azure:after {
                    border-bottom: 3px solid #007B9F;
                }

                .color-green .border-bottom:after, .border-bottom.color-green:after {
                    border-bottom: 3px solid #468641;
                }

                .color-light-green .border-bottom:after, .border-bottom.color-light-green:after {
                    border-bottom: 3px solid #aece76;
                }

                .color-yellow .border-bottom:after, .border-bottom.color-yellow:after {
                    border-bottom: 3px solid #FFCC00;
                }

                .color-red .border-bottom:after, .border-bottom.color-red:after {
                    border-bottom: 3px solid #8B183E;
                }



                #topMenu + .header-title .header-title__wrapper,.header-banner + .header-title .header-title__wrapper{
                    margin-top: 30px;
                }


                /* [#] screen size: xs */
                @media (max-width: 767px){
                    #topMenu + .header-title .header-title__wrapper,.header-banner + .header-title .header-title__wrapper{
                        margin-top: 20px;
                    }

                }


            /* End of Title style */

    /* End of Title **********************************************/

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

.page__title {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}

.lead {
    font-family: 'Roboto', sans-serif;
    font-size:21px;
    line-height: 1.6;
    font-weight:300;
    margin-top: 15px;
    margin-bottom: 15px;
}

    /* [#] screen size: xs */
        @media (max-width: 767px){
           .lead {
              font-size:18px;
              line-height:1.5;
           }
        }

p, .p {
    margin-top:15px;
    margin-bottom:15px;
}
b, strong {
    font-weight:600;
}

    /* Link **********************************************/

    /* Moved from _tools/resources/front/css/blog/style.css */
    .social-bottom a:hover {
        text-decoration:none;
    }


        a, .ui-widget-content a {
            font-weight: 400;
            color:#00529e;
        }

        [class*="bg-color-"] .banner__text--only a.section-link, [class*="bg-color-"] .banner__text--only a.btn.section-link {
          color:#fff !important;
        }
        .bg-color-light-grey .banner__text--only a.section-link {
          color: #00529e !important;
        }


        a.section-link, .section-link a {
            font-family:'Alegreya Sans', sans-serif;
            font-size:21px;
            font-weight:500;
            line-height:1.5;
            margin-top: 10px;
            margin-bottom: 10px;
            display:inline-block;
        }

        section a.section-link, section .section-link a {
          font-size:21px;
          margin-top: 10px;
          margin-bottom: 10px;
          font-weight: 500;
        }

        a.btn.section-link {
            margin-top: 10px;

        }

        .btn {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 14px;
        }

        .btn.section-link {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 18px;
        }

        .section-link-text {
            font-family:'Alegreya Sans', sans-serif;
            font-size:21px;
            line-height:1.4;
            font-weight:400;
            display:inline-block;
        }

        /* [#] xs screen */
        @media (max-width: 767px) {
            a.section-link, .section-link a {
                margin-top: 5px;
                margin-bottom: 5px;
            }
        }

        /* Moved from _tools/resources/front/css/framework/new-style.css & _tools/resources/front/css/blog/style.css */
        a.icon-link[href$=".pdf"]:after {
            padding-left: 5px;
            content: "\f1c1";
            font: normal normal normal 14px/1 'FontAwesome';
        }

        /* Moved from _tools/resources/front/css/framework/new-style.css,
        adding underline class */
        /*useless since .underline is defined below*/
        /*#content-body p a.underline:not(.btn), main p a.underline:not(.btn) {
            text-decoration: underline;
        }
        #content-body p a.underline:not(.btn):hover, main p a.underline:not(.btn):hover{
            text-decoration:none;
        }        */
        .btn a {
            text-decoration: none !important;
        }

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


    .content-body a, .ui-widget-content a {
        color:#00529e;
        font-weight: 400;
    }

    .section-link {
        font-weight:bold;
        font-family:'Alegreya Sans', sans-serif;
        margin-top: 15px;  /* was 35px on new-style.cs */
        margin-bottom: 15px; /* was 35px on new-style.cs */
        display:inline-block;
        font-size:21px; /* was 26px on new-style.cs */
    }

        /* [#] xs screen */
        @media (max-width: 767px) {
            #content-body .section-link {
                font-size:18px;
                margin-top: 5px;
                margin-bottom: 5px;
            }
        }

    a.section-link .fa-angle-right {
        top: 1px;
        position: relative;
        left: 4px;
    }

    .section-link-map-info--bottom:hover {
        color: #ffffff;
    }
    .section-link-map-info--top:hover {
        color: #00529e;
    }


    .related-links dt{
        font-weight: 700;
        color: #00529e;
    }
    .related-links dd {
        color: #4F4F4F;
        font-weight: 300;
        padding-bottom:20px;
    }

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

    /* [:hover] Hover effect */
        .hover-effect__zoom__color-black {
            transition: 0.5s color, font-weight, zoom ease-in-out;
        }

        .hover-effect__zoom__color-black:hover {
            zoom:1.1;
        	color:#4f4f4f;
        }
    /* end Hover effect */

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

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

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

    .color-grey a {color: #777777;}
    .color-dark-grey a {color:#333333;}
    .color-azure a {color: #009FE3;}
    .color-cyan a {color: #0092BD;}
    .color-orange a {color: #D8810A;}
    .color-red a {color: #8B183E;}
    .color-dark-red a  {color:#950000;}
    .color-green a {color: #468641;}
    .color-dark-green a {color:#688f3b;}
    .color-blue a {color: #00529e;}
    .color-secondary-blue a {color:#2893b2;}


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

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

    a[class*="btn-"] {
        -webkit-transition: all .2s ease-in-out;
           -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
             -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
    }

    /* explore more media */
    .explore-more-media__link{
       cursor:pointer;
    }

    .link-all__container {
        text-align: right;
        margin-bottom: 20px;
    }

      .bg-color-blue a:hover {
        color: white;
      }

      .bg-color-blue a:focus {
        color: white;
      }

    /* End of explore more media */

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

    /* End of Link **********************************************/

    /* [*] buttons **********************************************/

    /* Moved from _tools/resources/front/css/framework/new-style.css */
    .publication-content__button ul li {
        width: 100%;
    }

    @media (min-width: 768px) and (max-width: 1199px) {
      .publication-content__button ul li a.btn--bg-white, .publication-content__button ul li a.btn {
        font-size:14px !important;
      }
    }

    .btn.disabled-state {
      color:#ddd;
      border:1px solid #ddd;
    }
    .btn.static-btn {
        background-color: #fff;
        color:#00529a;
        border-color:#00529a;
    }

    .btn.disabled-btn {
        background-color: #ccc;
        color:#fff;
        border-color:#ccc;
    }

    .btn.selected-btn, .btn.static-btn:hover, .btn.static-btn:focus {
        background-color: #00529a;
        color:#fff;
        border-color:#00529a;
    }

    .btn--bg-white {
        color: #ffffff;
        background: #00539f;
        font-family: 'Roboto', sans-serif;
        font-size: 18px !important;
        font-weight: 400;
        padding: 8px 20px;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.4s ease-in-out;
    }

    .btn--bg-white:hover, .btn--bg-white:focus {
        color: #fff;
        background: #13b0e7;
    }

    a.btn.btn-switch {
        border-style: solid;
        font-size: 24px;
        padding: 5px 30px;
        border-radius: 0;
        cursor: pointer;
        /*transition: all 0.4s ease-in-out;*/
        background-color: white;
        opacity: 1;
        border-width:  2px;
    }

    a.btn.btn-switch--left {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    a.btn.btn-switch--right {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    a.btn.btn-switch.disabled {
        color: #ffffff;
    }

    .btn-form--blue {
        color: #fff;
        background-color: #00529E;
        border-color: #00529E;
    }

    .btn-form--blue:hover, .btn-form--blue:focus {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-form--white {
        color: #00529E;
        background-color: #fff;
        border-color: #00529E;
    }

    .btn-form--white:hover, .btn-form--white:active, .btn-form--white:focus {
        color: #fff;
        background-color: #00529E;
        border-color: #00529E;
    }

    .btn-form, span.btn-form {
        font-size: 16px;
        min-width: 70px;
        font-weight:500;
    }

    .btn.btn-apply-blue {
        background: #00529E;
        border: 3px solid #ffffff;
        font-size: 24px;
        font-weight: 500;
        padding: 2px 30px;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.4s ease-in-out;
    }

    .btn.btn-apply-blue:hover, .btn.btn-apply-blue:focus {
        color: #00529E !important;
        background-color: #ffffff;
    }



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

        .btn.btn-apply-blue {
            font-size: 24px;
        }

        a.btn.btn-switch {
            font-size: 16px;
        }

        a.btn.btn-switch--left {

            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        a.btn.btn-switch--right {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

    }

     /* [#] md screen */
    @media (min-width: 992px) and (max-width: 1199px) {
         a.btn.btn-switch {
            font-size: 18px;
        }

    }

     /* [#] sm screen */
    @media (min-width: 768px) and (max-width: 991px) {
         a.btn.btn-switch {
            font-size: 16px;
        }
    }

    .switcher-buttons{
         margin-top:30px;
    }

    @media (max-width: 767px) {
        .switcher-buttons a{
             margin-top:10px;
        }
        .switcher-buttons{
             display: inline-grid;
        }
    }
    /* End moved from _tools/resources/front/css/framework/new-style.css */

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

    main .btn, main .btn a {
        font-size:18px
    }

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

    .btn-search {
        background-color:#009FE3;
        border-color:#009FE3;
    }

    .btn-circle {
        width: 50px;
        height: 50px;
        text-align: center;
        padding: 5px 0;
        line-height: 2.00;
        border-radius: 50px;
    }

    .btn-tag {
        max-width: 260px;
        overflow: hidden;
        white-space: inherit;
        text-align: left;
        max-height: 52px;
        /* Moved from _tools/resources/front/css/framework/modules/carousel/multi-item-carousel.css
            & _tools/resources/front/css/blog/blog.css */
        font-size:14px;
        background-color:transparent;
        border-color:#9C9D9F;
        color:#777777;
        padding: 3px 10px;
        margin-bottom:8px;
    }

    /* Moved from _tools/resources/front/css/framework/modules/carousel/multi-item-carousel.css
        & _tools/resources/front/css/blog/blog.css */
    .btn-tag:not(.cursor-default):hover, .btn-tag:not(.cursor-default):focus {
        background-color:#9C9D9F;
        color:#ffffff;
    }
    /* Moved from _tools/resources/front/css/blog/blog.css */
    .btn-topic {
        font-size:16px;
        color:#ffffff;
        margin-right: 10px;
    }

    /* Button style */
        /* Button Social Network */
            /* Twitter */
               .btn.btn-twitter {
                    position: relative;
                    box-sizing: border-box;
                    background-color: #1b95e0;
                    color: #ffffff;
                    border-radius: 3px;
                    font-weight: 500;
                    cursor: pointer;
                    border:none;
               }

               .btn.btn-twitter:hover, .btn.btn-twitter:active, .btn.btn-twitter:focus {
                    background-color: #0c7abf;
                    color: #ffffff;
               }

            /* End of Twitter */
        /* End of Button Social Network */

        /* Button border color */
            /* hover all colors */
                .btn--border-blue:hover, .btn--border-azure:hover, .btn--border-cyan:hover,
                .btn--border-red:hover, .btn--border-green:hover,
                .btn--border-blue:focus, .btn--border-azure:focus, .btn--border-cyan:focus,
                .btn--border-red:focus, .btn--border-green:focus {
                   text-decoration:none;
                   color:#ffffff;
                }
            /* end hover all colors */

            /* white */
                .btn--border-white {
                    border:1px solid #fff;
                    border-radius:0;
                }
                .btn--border-white:hover, .btn--border-white:focus {
                    background-color:#fff;
                    color:#00529e !important;
                }
            /* end white */

            /* blue */
                .btn--border-blue {
                    border:1px solid #00529e;
                    border-radius:0;
                }
                .btn--border-blue:hover, .btn--border-blue:focus {
                    background-color:#00529e;
                }
            /* end blue */

            /* azure*/
                .btn--border-azure {
                    border:1px solid #009FE3;
                    border-radius:0;
                }
                .btn--border-azure:hover, .btn--border-azure:focus {
                    background-color:#009FE3;
                }
            /* end azure */

            /* cyan */
                .btn--border-cyan {
                    border:1px solid #0092BD;
                    border-radius:0;
                }
                .btn--border-cyan:hover, .btn--border-cyan:focus {
                    background-color:#0092BD;
                }
            /* end cyan */

            /* light blue */
              .btn--bg-color-light-blue {
                  background-color:#36bae7;
                  color:#fff;
              }
              .btn--bg-color-light-blue:hover, .btn--bg-color-light-blue:focus{
                  color:#00529e !important;
                  background-color:white !important;
                  opacity: 1 !important;
                  text-decoration: none !important;
              }
                .btn--bg-color-light-blue:hover em{
                  color:#00529e !important;
                }
          /* end light blue */

            /* end red */
                .btn--border-red {
                    border:1px solid #8B183E;
                    border-radius:0;
                }
                .btn--border-red:hover, .btn--border-red:focus {
                    background-color:#8B183E;
                }
            /* end red */

            /* end green */
                .btn--border-green {
                    border:1px solid #468641;
                    border-radius:0;
                }
                .btn--border-green:hover, .btn--border-green:focus {
                    background-color:#468641;
                }
            /* end green */
        /* end Button border color */

        /* Button bg color */

            [class*="btn--bg-color-"] {
                opacity: 1;
                -webkit-transition: opacity 0.2s;
                   -moz-transition: opacity 0.2s;
                     -o-transition: opacity 0.2s;
                        transition: opacity 0.2s;
            }

            /* transparent */
                .btn--bg-color-transparent {
                    background:transparent;
                }
            /* end transparent */

             /* white */
             .btn--bg-color-white {
                background-color:#ffffff;
                color: #00529e !important;
             }
             /*.btn--bg-color-white:hover, .btn--bg-color-blue:focus{
               color:#ffffff !important;
               background-color: transparent !important;
               border: 1px solid white;
             }*/
             .btn--bg-color-white>em{
               color: #00529e !important;
             }
             .btn--bg-color-white:hover>em,.btn--bg-color-white:focus>em{
               color: #fff !important;
             }
            /* end white */
          /* outline white text blue*/
            .btn--outline-white {
                background-color:transparent;
                color: #fff !important;
                border: 1px solid white;
                border-radius: 3px;
            }
            .btn--outline-white:hover, .btn--outline-white:focus {
                color:#00529e !important;
                background-color: white;
            }
            .btn--outline-white:hover>em, .btn--outline-white:focus>em {
              color: #00529e !important;
            }
        /* end outline white text blue */

            /* blue */
                .btn--bg-color-blue {
                    background-color:#00529e;
                    color: #fff !important;
                }
                .btn--bg-color-blue:hover, .btn--bg-color-blue:focus {
                    color: #fff !important;
                }
                .btn--inside-blue {
                    background-color:#00529e ;
                    color: #fff !important;
                }
                .btn--inside-blue:hover, .btn--inside-blue:focus {
                  background-color:transparent;
                  color: #00529e !important;
                  border:1px solid #00529e;
                }
            /* end blue */
            /* red */
                .btn--bg-color-red {
                    background-color:#CD3333;
                    color: #fff !important;
                }
                .btn--bg-color-red:hover, .btn--bg-color-red:focus {
                    color: #fff !important;
                }
                .btn--inside-red {
                    background-color:#CD3333 ;
                    color: #fff !important;
                }
                .btn--inside-red:hover, .btn--inside-red:focus {
                  background-color:transparent;
                  color: #CD3333 !important;
                  border:1px solid #CD3333;
                }
            /* end red */
            /* azure*/
                .btn--bg-color-azure {
                    background-color:#009FE3;
                    color:#fff !important;
                }
                .btn--bg-color-azure:hover, .btn--bg-color-azure:focus {
                    color:#fff !important;
                }
            /* end azure */

            /* cyan */
                .btn--bg-color-cyan {
                    background-color:#0092BD;
                    color:#fff !important;
                }
                .btn--bg-color-cyan:hover, .btn--bg-color-cyan:focus{
                    color:#fff !important;
                }
            /* end cyan */

            /* end red */
                .btn--bg-color-red {
                    background-color:#8B183E;
                    color:#fff !important;
                }
                .btn--bg-color-red:hover, .btn--bg-color-red:focus {
                    color:#fff !important;
                }
            /* end red */

            /* end green */
                .btn--bg-color-green {
                    border:1px solid #468641;
                    color:#fff !important;
                }
                .btn--bg-color-green:hover, .btn--bg-color-green:focus {
                    color:#fff !important;
                }
            /* end green */
	/* grey */
 .btn--bg-color-grey {background-color:#7e7e7e; color:#fff !important;}

.btn--bg-color-azure:hover, .btn--bg-color-azure:focus {color:#fff !important;}
            /* hover for all bg-color */
                [class*="btn--bg-color-"]:hover, [class*="btn--bg-color-"]:focus {
                    opacity:.7;
                }
            /* end hover for all bg-color */

        /* Button bg color */

        /* Button alignment */
            .btn.btn--align-center {
                margin-left: auto;
                margin-right: auto;
            }
        /* End Button alignment */

        /* feed button */
        .button-feed {
            background-image: url("/img/site/dev/icons/feed-icon-28x28.png");
            background-position: center center;
            background-repeat: no-repeat;
            padding: 5px 22px 5px 5px;
            background-size: 26px;
        }
        a.button-feed:hover, a.button-feed:focus {
            text-decoration: none;
        }


    /* end Button style */


    /* Button with arrow */
        .btn.top__arrow-down {
            position: relative;
            border-style:solid;
            border-width:1px;
        	  display: table;
        }

        a.btn.top__arrow-down  {
         padding-top:15px;
         padding-bottom:10px;
        }

            /* border arrow down color */

                /*white*/
                    .btn.top__arrow-down.btn--border-white {
                        border-color:#fff;
                    }
                    .btn.top__arrow-down.btn--border-white:hover, .btn.top__arrow-down.btn--border-white:focus {
                        background-color:#fff;
                        text-decoration:none;
                        color:#ffffff;
                    }
                        .btn.top__arrow-down.btn--border-white:before{
                            border-color: rgba(255, 255, 255, 0);
                            border-top-color: #fff;
                        }
                /*end white*/

                /*cyan*/
                    .btn.top__arrow-down.btn--border-cyan {
                        border-color:#0092BD;
                    }
                    .btn.top__arrow-down.btn--border-cyan:hover, .btn.top__arrow-down.btn--border-cyan:focus {
                        background-color:#0092BD;
                        text-decoration:none;
                        color:#ffffff;
                    }
                        .btn.top__arrow-down.btn--border-cyan:before{
                            border-color: rgba(0, 159, 227, 0);
                            border-top-color: #0092BD;
                        }
                /*end cyan*/

                /*azure*/
                    .btn.top__arrow-down.btn--border-azure {
                        border-color:#009FE3;
                    }
                    .btn.top__arrow-down.btn--border-azure:hover, .btn.top__arrow-down.btn--border-azure:focus {
                        background-color:#009FE3;
                        text-decoration:none;
                        color:#ffffff;
                    }

                        .btn.top__arrow-down.btn--border-azure:before{
                            border-color: rgba(0, 159, 227, 0);
                            border-top-color: #009FE3;
                        }
                /*end azure*/

                /*blue*/
                    .btn.top__arrow-down.btn--border-blue {
                        border-color:#00529e;
                    }
                    .btn.top__arrow-down.btn--border-blue:hover, .btn.top__arrow-down.btn--border-blue:focus {
                        background-color:#00529e;
                        text-decoration:none;
                        color:#ffffff;
                    }
                        .btn.top__arrow-down.btn--border-blue:before{
                            border-color: rgba(0, 159, 227, 0);
                            border-top-color: #00529e;
                        }
                /*end blue*/

                /*light blue*/
                    .btn.top__arrow-down.btn--border-light-blue {
                        border-color:#E6EEF6;
                    }
                    .btn.top__arrow-down.btn--border-light-blue:hover, .btn.top__arrow-down.btn--border-light-blue:focus {
                        background-color:#E6EEF6;
                        text-decoration:none;
                        color:#ffffff;
                    }
                        .btn.top__arrow-down.btn--border-light-blue:before{
                            border-color: rgba(0, 159, 227, 0);
                            border-top-color: #E6EEF6;
                        }
                /*end light blue*/

            /* End border color */

        .btn.top__arrow-down:after, .btn.top__arrow-down:before {
        	top: 0%;
        	left: 50%;
        	border: solid transparent;
        	content: " ";
        	height: 0;
        	width: 0;
        	position: absolute;
        	pointer-events: none;
        	margin-top:-1px;
        }

        .btn.top__arrow-down:after {
        	border-color: rgba(255, 255, 255, 0);
        	border-width: 10px;
        	margin-left: -10px;
        }

        .btn.top__arrow-down:before {
        	border-width: 11px;
        	margin-left: -11px;
        }

        /* Condition for IE */
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
            .top__arrow-down.btn:before {
                border-width: 10px;
                margin-left: -10px;
                top:1px;
            }
            .top__arrow-down.btn--border-white.btn::before {
                border-width: 11px !important;
                margin-left: -11px !important;
            }
        }

        .btn.btn--border-white.top__arrow-down:before {
            border-width: 12px;
            margin-left: -12px;
        }

        /* arrow bg color */

        .btn.top__arrow-down--bg-white:after {
            border-top-color: #ffffff;
        }

        .btn.top__arrow-down--bg-light-grey:after {
            border-top-color: #f3f3f3;
        }

        .btn.top__arrow-down--bg-blue:after {
            border-top-color: #00529e;
        }

        .btn.top__arrow-down--bg-light-blue:after {
            border-top-color: #E6EEF6;
        }

        .btn.top__arrow-down--bg-azure:after {
            border-top-color: #009FE3;
        }

        .btn.top__arrow-down--bg-cyan:after {
            border-top-color: #0092BD;
        }

        /* end arrow bg color */

    /* end of button arrow */

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

    /* End of button **********************************************/

    .tag-no-link {
        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;
    }

/* End of Font style **********************************************/


/* [*] Color style in a background-color **********************************************/

.bg-color-mustard *,
.bg-color-blue *, .bg-color-blue-second *,
.bg-color-cyan *,
.bg-color-orange *,
.bg-color-azure *,
.bg-color-green *,
.bg-color-red *,
.bg-color-grey *, .bg-color-blue-grey *, .bg-color-dark-pink *,
.box-over-image *, .box-over-image *:hover,
.bg-color-orange .section-link:hover,
.bg-color-blue .section-link:hover,
.bg-color-cyan .section-link:hover,
.bg-color-orange .section-link:hover,
.bg-color-azure .section-link:hover,
.bg-color-green .section-link:hover,
.bg-color-red .section-link:hover,
.bg-color-grey .section-link:hover,
.bg-color-blue-grey .section-link:hover,
.bg-color-dark-pink .section-link:hover {
    color:#fff;
}

.banner__text.bg-color-light-grey .section-link, .banner__text.bg-color-white .section-link{
    color:#333 !important;
}

/* End of Color style in a background-color **********************************************/

/* [*] Image Caption **********************************************/

figure figcaption {
    color:#777777;
    font-size:85%; /* was "small" on _tools/resources/front/css/blog/blog.css */
    padding-bottom:10px;
}

/* End of Color style in a background-color **********************************************/


/* [*] Circle **********************************************/

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

@media (max-width: 768px) {
    .circle-text--top {
        font-size: 2em;
    }
    .circle-container{
        max-width: 250px;
        max-height: 250px;
    }

}


.circle-text--bottom{
    text-align: left;
    color: #005BAB;
    position: absolute;
    top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}


.circle {
    width: 100%;
    padding: 50% 0;
    position:relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
    background-color: #fff;

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

/* Event style *****************************************/

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

    .event-detail__date, .event-list__date {
        background-color: #0F5780;
        color: #ffffff;
    }

    .event-detail__title h1 {
        margin: 0;
        padding-top: 5px;
        font-weight: 400;
    }

    /* [#] xs screen */
    @media (max-width: 767px) {
        .event-list {
            margin-bottom: 10px;
        }

        .event-detail__title h1 {
            font-size:28px;
        }
    }

    #content-body .event-detail__date--year, #content-body .event-detail__date--day-month {
        font-size: 26px;
    }

    .event-detail__date--day-month, .event-list__date--day-month {
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        border-bottom: 2px solid #fff;
        padding: 10px 0;
    }

    #content-body .event-detail__date--year, #content-body .event-list__date--year {
        text-align: center;
        font-family: 'Roboto', sans-serif;
        padding: 5px 0;
    }

    .event-detail__tags, .event-detail__tags p {
        margin: 0;
        padding: 0;
        color: #EF5366;
        text-transform: uppercase;
    }


    .event-detail__locations {
        display: flex;
    }

    .event-detail__locations .event-detail__location--city, .event-detail__locations .event-detail__location--country  {
        color:#D8810A;
    }

    .event-detail__location--city {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 18px;
    }

    .event-detail__location {
        padding-bottom: 5px;
        padding-top: 5px;
    }


    .event-list .event-item {
        border-top: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-bottom: 4px solid #ccc;
        border-left: 1px solid #dfdfdf;
        padding-left: 0;
        width: 100%;
        display: block;
        position: relative;
        float: left;
    }

    .event-list__title p {
        margin: 0 0 2px;
    }

    .event-list__text {
        padding:0px 10px;
    }

    .event-list__title {
        min-height:40px;
        padding-top: 5px;
    }

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

/* Moved from _tools/resources/front/css/blog/style.css */
.lead {
    font-family: 'Roboto', sans-serif;
}

div.color-black a {
    color: #005BAB;
}

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

.bolder {
    font-weight: bolder;
}

/* [*] Color Text *********************************************/

    .color-grey {color: #777777;}
    .color-dark-grey {color:#333333;}
    .color-azure {color: #009FE3;}
    .color-cyan {color: #0092BD;}
    .color-orange {color: #D8810A;}
    .color-red {color: #8B183E;}
    .color-dark-red {color:#950000;}
    .color-green {color: #468641;}
    .color-dark-green {color:#688f3b;}
    .color-blue {color: #00529e;}
    .color-secondary-blue {color:#2893b2;}
    .color-white{color:#ffffff;}


    /*.boxes__grid .box__wrapper{
        color: #4f4f4f;
    }

    [class*="bg-color-"] .boxes__grid .box__wrapper{
        color: #fff;
    }*/

/* [*] Box *********************************************/

/* box divider */



    .boxes__grid .box__wrapper:not(:nth-child(3n+1)) .box__content::before{
        border-left:1px solid #929292;
    }

    .boxes__grid.boxes--blue .box__wrapper:not(:nth-child(3n+1)) .box__content::before{
        border-left:1px solid #00529e;
    }

    .boxes__grid.boxes--red .box__wrapper:not(:nth-child(3n+1)) .box__content::before{
        border-left:1px solid #8B183E;
    }

    [class*="bg-color-"] .boxes__grid .box__wrapper:not(:nth-child(3n+1)) .box__content::before{
        border-left:1px solid #fff;
    }

    /* box calendar */
        .boxes__grid .box__content .box__calendar{
            background-color: #929292;
            color: #fff;
        }

        .boxes__grid.boxes--blue .box__content .box__calendar{
            background-color: #00529e;
            color: #fff;
        }

        .boxes__grid.boxes--red .box__content .box__calendar{
            background-color: #8B183E;
            color: #fff;
        }


        [class*="bg-color-"] .boxes__grid .box__content .box__calendar{
            background-color: #fff;
            color: #929292;
        }

        [class*="bg-color-"] .boxes__grid.boxes--blue .box__content .box__calendar{
            background-color: #fff;
            color: #00529e;
        }

        [class*="bg-color-"] .boxes__grid.boxes--red .box__content .box__calendar{
            background-color: #fff;
            color: #8B183E;
        }

    /* box title */
        .boxes__grid .box__content .box__title,
        .boxes__grid .box__content .box__title a{
            color: #929292;
        }

        .boxes__grid.boxes--blue .box__content .box__title,
        .boxes__grid.boxes--blue .box__content .box__title a{
            color: #00529e;
        }

        .boxes__grid.boxes--red .box__content .box__title,
        .boxes__grid.boxes--red .box__content .box__title a{
            color: #8B183E;
        }

        [class*="bg-color-"] .boxes__grid .box__content .box__title,
        [class*="bg-color-"] .boxes__grid .box__content .box__title a{
            color: #fff;
        }

    /*end of box title*/

    /* box title */
        .boxes__grid .box__content .box__link,
        .boxes__grid .box__content .box__link a{
            color: #929292;
        }

        .boxes__grid.boxes--blue .box__content .box__link,
        .boxes__grid.boxes--blue .box__content .box__link a{
            color: #00529e;
        }

        .boxes__grid.boxes--red .box__content .box__link,
        .boxes__grid.boxes--red .box__content .box__link a{
            color: #8B183E;
        }

        [class*="bg-color-"] .boxes__grid .box__content .box__link,
        [class*="bg-color-"] .boxes__grid .box__content .box__link a{
            color: #fff;
        }

    /*end of box title*/


    /* Event boxes */

    .boxes--event .box__wrapper .box__content .box__header {
        height:120px;
    }


    .boxes--event .box__wrapper .box__content .box__description .box__text {
      height: 115px;
      padding-top: 10px;
      overflow:hidden;
    }

    /* end event boxes */

    /* button tag */

        .boxes__grid .box__content .box__tags .btn-tag, .btn-wrapper .btn-content .btn-tag {
            padding: 3px 5px;
            margin-right: 5px;
            margin-bottom: 5px;
            font-size: 16px;
            border-radius:0;

            border: 1px solid #929292;
            background-color: transparent;
            color: #929292;
        }


        .boxes__grid.boxes--blue .box__content .box__tags .btn-tag,
        .section-blue .btn-wrapper .btn-content .btn-tag {
            border: 1px solid #00529e;
            color: #00529e;
        }

        .boxes__grid.boxes--red .box__content .box__tags .btn-tag,
        .section-red .btn-wrapper .btn-content .btn-tag {
            border: 1px solid #8B183E;
            color: #8B183E;
        }

        [class*="bg-color-"] .boxes__grid .box__content .box__tags .btn-tag,
        [class*="bg-color-"] .btn-wrapper .btn-content .btn-tag{
            border-color: #fff;
            color: #fff;
        }


        .boxes__grid .box__content .box__tags .btn-tag:hover, .btn-wrapper .btn-content .btn-tag:hover,
        .boxes__grid .box__content .box__tags .btn-tag:focus, .btn-wrapper .btn-content .btn-tag:focus {
            cursor: pointer;
            text-decoration:none;
            text-transform:none;
            transition:0.3s background, font-weight ease-in-out;

            background-color: #929292;
            color: #fff;

        }

        .boxes__grid.boxes--blue .box__content .box__tags .btn-tag:hover, .section-blue .btn-wrapper .btn-content .btn-tag:hover,
        .boxes__grid.boxes--blue .box__content .box__tags .btn-tag:focus, .section-blue .btn-wrapper .btn-content .btn-tag:focus {
            background-color: #00529e;
            color: #ffffff;
        }

        .boxes__grid.boxes--red .box__content .box__tags .btn-tag:hover, .section-red .btn-wrapper .btn-content .btn-tag:hover,
        .boxes__grid.boxes--red .box__content .box__tags .btn-tag:focus, .section-red .btn-wrapper .btn-content .btn-tag:focus {
            background-color: #8B183E;
            color: #ffffff;
        }

        [class*="bg-color-"] .boxes__grid .box__content .box__tags .btn-tag:hover,
        [class*="bg-color-"] .btn-wrapper .btn-content .btn-tag:hover,
        [class*="bg-color-"] .boxes__grid .box__content .box__tags .btn-tag:focus,
        [class*="bg-color-"] .btn-wrapper .btn-content .btn-tag:focus {
            background-color: #ffffff;
            color: #929292;
        }

        [class*="bg-color-"] .boxes__grid.boxes--blue .box__content .box__tags .btn-tag:hover,
        [class*="bg-color-"] .section-blue .btn-wrapper .btn-content .btn-tag:hover,
        [class*="bg-color-"] .boxes__grid.boxes--blue .box__content .box__tags .btn-tag:focus,
        [class*="bg-color-"] .section-blue .btn-wrapper .btn-content .btn-tag:focus {
            background-color: #ffffff;
            color: #00529e;
        }

        [class*="bg-color-"] .boxes__grid.boxes--red .box__content .box__tags .btn-tag:hover,
        [class*="bg-color-"] .section-red .btn-wrapper .btn-content .btn-tag:hover,
        [class*="bg-color-"] .boxes__grid.boxes--red .box__content .box__tags .btn-tag:focus,
        [class*="bg-color-"] .section-red .btn-wrapper .btn-content .btn-tag:focus {
            background-color: #ffffff;
            color: #8B183E;
        }

        .boxes__grid .box__content .box__tags .btn-tag:hover span, .btn-wrapper .btn-content .btn-tag:hover span {
            text-decoration:none;
            text-transform:none;
        }

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

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

/* Color per topic */
    /* Infrastructure */
    .topic-infrastructure [class*="content-left"].border::after,
    .topic-infrastructure [class*="content-right"].border::before {
        background-color: #0092BD;
    }

    .topic-infrastructure span.btn-infrastructure {
        padding:3px 20px;
        background-color: #0092BD;
        color: #fff;
        cursor: context-menu;
    }

    /* .topic-infrastructure span.btn-infrastructure:not(.cursor-default):hover, .topic-infrastructure span.btn-infrastructure:not(.cursor-default):focus {
        background: rgba(255, 255, 255, 0.8);
        color: #0092BD;
    } */

    .topic-infrastructure blockquote:before, .topic-infrastructure blockquote:after {
        color: #0092BD;
    }

    .topic-infrastructure blockquote.full-width footer.border::before {
        background-color: #0092BD;
    }

    .topic-infrastructure .card .badge-box i, .topic-infrastructure .card .badge-box span {
        background-color: #0092BD;
    }

    /* end of infrastructure */


    /* Climate */
    .topic-climate [class*="content-left"].border::after,
    .topic-climate [class*="content-right"].border::before {
        background-color: #468641;
    }

    .topic-climate span.btn-climate {
        padding:3px 20px;
        background-color: #468641;
        color: #fff;
        cursor: context-menu;
    }

    /* .topic-climate span.btn-climate:not(.cursor-default):hover, .topic-climate span.btn-climate:not(.cursor-default):focus {
        background: rgba(255, 255, 255, 0.8);
        color: #468641;
    } */

    .topic-climate blockquote:before, .topic-climate blockquote:after {
        color: #468641;
    }

    .topic-climate blockquote.full-width footer.border::before {
        background-color: #468641;
    }

    .topic-climate .card .badge-box i, .topic-climate .card .badge-box span {
        background-color: #468641;
    }

    /* end of Climate */

    /* Innovation */
    .topic-innovation [class*="content-left"].border::after,
    .topic-innovation [class*="content-right"].border::before {
        background-color: #8B183E;
    }

    .topic-innovation span.btn-innovation {
        padding:3px 20px;
        background-color: #8B183E;
        color: #fff;
        cursor: context-menu;
    }

    /* .topic-innovation span.btn-innovation:not(.cursor-default):hover, .topic-innovation span.btn-innovation:not(.cursor-default):focus {
        background: rgba(255, 255, 255, 0.8);
        color: #8B183E;
    } */

    .topic-innovation blockquote:before, .topic-innovation blockquote:after {
        color: #8B183E;
    }

    .topic-innovation blockquote.full-width footer.border::before {
        background-color: #8B183E;
    }

    .topic-innovation .card .badge-box i, .topic-innovation .card .badge-box span {
        background-color: #8B183E;
    }

    /* end of Innovation */

    /* Sme */
    .topic-sme [class*="content-left"].border::after,
    .topic-sme [class*="content-right"].border::before {
        background-color: #D8810A;
    }

    .topic-sme span.btn-sme {
        padding:3px 20px;
        background-color: #D8810A;
        color: #fff;
        cursor: context-menu;
    }

    /* .topic-sme span.btn-sme:not(.cursor-default):hover, .topic-sme span.btn-sme:not(.cursor-default):focus {
        background: rgba(255, 255, 255, 0.8);
        color: #D8810A;
    } */

    .topic-sme blockquote:before, .topic-sme blockquote:after {
        color: #D8810A;
    }

    .topic-sme blockquote.full-width footer.border::before {
        background-color: #D8810A;
    }

    .topic-sme .card .badge-box i, .topic-sme .card .badge-box span {
        background-color: #D8810A;
    }

    /* end of Sme */

/* End of Color per topic */

    .default-cursor {
        cursor: default !important;
    }


    /* Collapse text / hidden text */
    .showMoreButton,.showLessButton {
        cursor: pointer;
    }

    .showLessButton[aria-expanded="false"] {
        display: none;
    }

    .showMoreButton[aria-expanded="true"] {
        display: none;
    }

    .collapse {
        padding-top: 1px;
    }


    @media (max-width: 768px) {

      #topMenu{
        padding-top: 0 !important;
      }
      #extendTopMenu.panel-collapse.collapse {
        min-height: 320px !important;
      }
      #extendTopMenu.panel-collapse.collapse .list-group{
        min-height: 320px !important;
      }

    }

    @media (min-width: 768px) {
      .dl-horizontal dt {
        white-space: normal;
      }
    }


    /* END Collapse text / hidden text */


/**************************************************************************/
/*                              Tooltip                             */
/**************************************************************************/

    .popover .popover-title {
        font-weight: 700;
        font-size:1.2em;

    }
    .tooltip-text{
        border-bottom: 1px dotted black !important;
        cursor: pointer;
    }

    .popover-content{
        padding: 0;
    }

    .popover .popover-content .tooltip-box__definition {
        color: #000;
    }
 /**************************************************************************/
/*                              Numbers Animation                          */
/**************************************************************************/

    .animation__number {
        font-size: 32px;
        font-weight: 700;
        line-height: 0.7;
    }

       .box__animated__numbers {
            font-size: 66px;
            font-weight: 200;
            line-height: 1.2;
            display: inline-block;
        }

        .box__content .box__animated__numbers, .box__content .box__animated__numbers +p{
            text-align:center;
        }



    @media (max-width: 991px) {
       .animation__number {
            padding-top:20px;
       }
    }

/**************************************************************************/
/*                              Cursor                             */
/**************************************************************************/

    .cursor-help {
        cursor: help;
    }

    .cursor-wait {
        cursor: wait;
    }

    .cursor-crosshair {
        cursor: crosshair;
    }

    .cursor-not-allowed {
        cursor: not-allowed;
    }

    .cursor-zoom-in {
        cursor: zoom-in;
    }

    .cursor-grab {
        cursor: grab;
    }

    .cursor-default {cursor: default;}

/**************************************************************************/
/*                          END    Cursor                             */
/**************************************************************************/

/**************************************************************************/
/*                              Gallery                             */
/**************************************************************************/

.gallery_thumbnail-caption {
    line-height: 1.2em;
    font-size: 85%;
}

.banner__print .fa-print {
    font-size: 1.5em;
}


/**************************************************************************/
/*                              Person                             */
/**************************************************************************/
.icon-style__person{
  font-size: 35px;
  padding: 20px 20px 20px 40px;
}
.icon-style__person .fa-bullhorn{
  width: 40px;
}

.person-content section:first-child {
  padding-top:50px;
  padding-bottom: 20px;
}


/* Small test tilte fix */

/*h1{
  margin-bottom:0px !important;
}*/
.standard-header__summary p {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.banner__share{
  padding-left: 0px !important;
}
/*.banner__languages-list{
  padding-top: 10px;
}*/

/**************************************************************************/
/*                              Font Awesome fixes IOS ANDROID            */
/**************************************************************************/
/*
.far{
  font-family: 'Font awesome 5 Free'!important;
  font-weight: 900 !important;
}
.fab{
  font-family: 'Font awesome 5 Brands'!important;
  font-weight: 400 !important;
}
.fas{
  font-family: 'Font awesome 5 Regular' !important;
  font-weight: 400 !important;
} */