@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');




    /*
        Red #d72f35
    */

    body, html {
        color: #4a4a4a;
        font-family: 'Open Sans', sans-serif;
        letter-spacing:0.5px;
    }

    body{
        padding-top:149px;
    }

    .red {
        color: #d72f35;
    }
    .mobile-only{
        display:none!important;
    }

    /*
    .navbar-fixed-top{
        background-color:#242b29;
        background-image:url(/img/img-bg-header.jpg);
        background-size:cover;
    }
        */
    h1{
	    font-size: 45px;
	    font-weight: 300;
	    font-style: normal;
	    font-stretch: normal;
        margin:15px 0;
    }
    h2{
	    font-size: 18px;
	    font-weight: 800;
	    font-stretch: normal;
        text-transform:uppercase;
    }

    h3{
        font-size:36px;
        font-weight:400;
        color:#d72f35;
    }

    .pagination-item {
        display: none;
    }
    .pagination-wrapper {
        text-align:center;
    }
    .pagination-buttons-wrapper {
        width: calc(100% - 140px);
        float: left;
        margin-top:15px;
    }
    .pagination-wrapper .button-pagination {
        display: block;
        width: 70px;
        height: 55px;
        border: solid 0.5px #d8d8d8;
        background-image: url(/img/icons/arrow-slider-grey.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 20px 20px;
        float:left;
    }
    .pagination-wrapper .button-pagination.left {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    a.button-pagination-number{
        display: inline-block;
        margin: 0 5px;
        color: #3c3d41 !important;
    }
    a.button-pagination-number:-webkit-any-link {
        display: inline-block;
        margin: 0 5px;
        color: #3c3d41 !important;
    }
    a.button-pagination-number.active {
        color: #d72f35 !important;
        text-decoration: underline !important;
    }
    .text {
        font-size: 18px;
        font-weight: 400;
    }

    a ,
    a:hover,
    a:focus,
    a:visited
    a:active{
        color: #d72f35;
        text-decoration: none !important;
    }
    a:-webkit-any-link {
        text-decoration: none !important;
        color: #d72f35;
    }
    #interactive-map-popup ul:not(.tab-wrapper) li,
    .text ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        /*http://stackoverflow.com/questions/10428720/how-to-keep-indent-for-second-line-in-ordered-lists-via-css*/
        list-style-position: inside;
        text-indent: -1em;
        padding-left: 1em;
    }
    #interactive-map-popup ul:not(.tab-wrapper) li:before,
    .text ul li:before {
        content: "• ";
        color: #d72f35; 
        font-size: 20px;
    }

    .button,
    .cb-form .btn.primary{
        display:inline-block;
        font-size:12px;
        background-color:#d72f35;
        text-transform:uppercase;
        color:#fff;
        min-height:30px;
        text-align:center;
        padding:20px 30px;
        border-radius:0;
    }
    .button.internal{
        margin-bottom:15px;
        text-transform:uppercase;
    }
    .button.dark {
        background-color: #4a4a4a;
        text-transform:uppercase;
        padding:10px 20px;
    }
    .row.documents {
    }

    .container.main{
        min-height:70vh;
        padding-bottom:20px;
    }

    .menu-button {
        width: 20px;
        height: 20px;
        margin-right:10px;
    }
    .menu-button.facebook {
        margin-right:0px;
    }
    .menu-button .social{
        display:block;
        background-size:70%;
        background-repeat:no-repeat;
        margin-top:13px;
    }
    .social.facebook {
        background-image: url(/img/icons/icon-facebook-white.svg);
        background-size: 34%;
    }
    .social.facebook:hover,
    .social.facebook:after,
    footer .social.facebook{
        background-image: url(/img/icons/icon-facebook.svg);
    }
    .social.twitter {
        position:relative;
        top:2px;
        background-image: url(/img/icons/icon-twitter-white.svg);
    }
    .social.twitter:hover,
    .social.twitter:after,
    footer .social.twitter {
        background-image: url(/img/icons/icon-twitter.svg);
    }
    .social.linkedin {
        background-image: url(/img/icons/icon-linkedin-white.svg);
    }
    .social.linkedin:hover,
    .social.linkedin:after,
    footer .social.linkedin {
        background-image: url(/img/icons/icon-linkedin.svg);
    }
    .social.search {
        background-image: url(/img/icons/icon-search-white.svg);
    }
    .social.search:hover,
    .social.search:after {
        background-image: url(/img/icons/icon-search.svg);
    }
    .search-box{
        display:none;
        position:relative;
        left:-140px;
        width:160px;
        padding:5px 10px;
    }
    .search-box.active {
        display: block;
    }

    /* ezsearch */
.ezsearch-result strong {
    color: #fff;
    background-color: #a4a4a4;
    padding:1px 2px;
}
.ezsearch-result h2:after {
    display: none;
}

.ezsearch-result {
    border-bottom: 1px dashed #f5f5f5;
    padding: 10px 0;
}
    /* homepage*/




    .home-bg {
        position:relative;
        margin-top:-150px;
        top: 0;
        width: 100%;
        height: calc(100vh + 360px);/*100vh + 360px*/
        background-image: url(/img/img-bg-header.jpg);
        z-index: 20;
        background-size:cover;
    }
    .home-bg{
    }
    .home-bg .container .first-page-wrapper {
        height: 100vh;
        padding-top:calc(20vh);/*30vh*/
    }
    .home-bg .container .second-page-wrapper {
    
    }

    .home-bg .container .second-page-wrapper .box{
        width:50%;
        height:360px;
        float:left;
        background-size:cover;
        background-position:50%;
    }
    .home-bg .container .second-page-wrapper .box:first-child {
        background-color: #fff;
        padding: 40px 70px;
    }
    .home-bg .container .second-page-wrapper .box:first-child .title {
        font-size: 17px;
        font-weight: 700;
        line-height:2.38;
        color: #d72f35;
    }
    .home-bg .container .second-page-wrapper .box:first-child .text {
        font-size: 16px;
        text-align:justify;
        line-height:2.38;
    }
    .home-bg .document {
        border:none;
    }
    .home-bg .document .thumbnail-image{
        margin-bottom:0;
    }
    .home-bg .document .name {
        border:none;
        background-color: #d72f35;
        color: #fff;
        padding: 5px 10px;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        margin:0 0 0 20px;
        min-height:0;
        float:left;
        position:relative;
        top:-25px;
        height:25px;
    }
    .home-bg .document .text {
        background-color: #fff;
        height:20px;
        display:block;
        height:60px;
        min-height:0;
        overflow:hidden;
        width:100%;
        margin-top:0;
        margin-bottom:0;
        position:relative;
        top:-25px;
        border-bottom:5px solid #fff;
    }
    .home-bg .document .text-internal {
        padding-top:8px;
        font-size: 15px;
        text-align: left;
        width: calc(100% - 50px);
        height: 50px;
        overflow: hidden;
    }

    .home-bg .document .download-button-wrapper {
        position:relative;
        top:-98px;
        float:right;
        margin-right:10px;
    }
    .home-bg .document .download-button-wrapper .button {
        font-size: 0;
        width: 50px;
        height: 35px;
        background-color: transparent;
        background-image: url(/img/icons/button-more.svg);
        background-size:50px 35px;
        padding:0;
    }

    .tagline {
        font-family: 'Rozha One', serif;
        font-size: 62px;
        font-weight: normal;
        color: #fff;
        margin-bottom:50px;/*100px*/
    }
    .tagline p:last-child:after{
        display:inline-block;
        content:' ';
        width:2000px;
        height:3px;
        background-color:#d72f35;
        position:absolute;
        margin-top:30px;
        margin-left:30px;
    }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .tagline p:last-child:after {
            display:none;   
        }
    }
    .tagline p{
        padding:0;
        line-height:55px;
        font-size:55px;
    }

    html.home,
    body.home {
        overflow-x: hidden;
    }

    .home .policy-focus-title,
    .home .latest-news-title,
    .home .news-feed-wrapper {
    }
    .home .title {
        font-family: 'Rozha One', serif;
        font-size: 80px;
        padding: 20px 0;
    }
    .home .policy-focus-title .title{
        line-height:130px;
        padding:0;
    }

    .home .news-feed-wrapper {
        background-color: #ececec;
        padding-bottom:40px;
    }

.home .arrow-slider {
    width: 40px;
    height: 40px;
    background-color: #d8d8d8;
    background-position: center;
    background-image: url(/img/icons/arrow-slider.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    right: 30px;
    margin-top: 85px;
}
    .home .arrow-slider.left {
        left: 30px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .home .policy-focus-wrapper {
        height: 400px;
        overflow-x: hidden;
    }
    .home .policy-focus-content-wrapper{
        float:left;
    }

    .home .policy-focus-wrapper .policy-box {
        width: 370px;
        height:370px;
        float: left;
        flex-shrink:0;
        padding:0 25px;
    }
    .home .policy-focus-wrapper .policy-box .thumbnail {
        background-size: cover;
        background-position: 50%;
        padding-bottom:65%;
        display:block;
        border-radius:0;
    }
    .home .policy-focus-wrapper .policy-box .name ,
    .home .latest-news-wrapper .news-box .name {
        height: 25px;
        border: solid 0.5px #cccccc;
        width: auto;
        display: inline-block;
        font-family: 'Source Sans Pro', sans-serif;
        text-transform:uppercase;
        font-weight:700;
        font-size:10px;
        padding:5px;
        overflow:hidden;
        line-height:1.5;
    }
    .home .policy-focus-wrapper .policy-box .text {
        height: 50px;
        margin:20px 0 15px 0;    
    }

    .home a.more {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 600;
        text-decoration: underline !important;
        display:inline-block;
    }

    .home .latest-news-wrapper {
        margin-bottom:20px;
    }

    .home .latest-news-wrapper .news-box .name {
    
    }
    .home .latest-news-wrapper .news-box .text {
        float:left;
        margin:20px 0;
        height:150px;
    
    }

    .home .latest-news-title a.more,
    .home .news-feed a.more {
        position:relative;
        top:-12px;
        left:10px;
    }
    .home .news-feed a.more.twitter:after {
        display:block;
        content:' ';
        position:relative;
        top:-5px;
        left:10px;
        float:right;
        width:30px;
        height:30px;
        background-image: url(/img/icons/icon-twitter-red.svg);
        background-repeat:no-repeat;
        background-position:right;
        background-size:contain;
    
    }

    .home .latest-news-wrapper .news-box .more {
        float:left;
        left:0;
    }
    .home .latest-news-wrapper .news-box .date {
        font-size: 10px;
        color: #a8a8a8;
        font-weight:700;
        float:left;
        margin:5px 0;
        width:100%;
    }

    /*interactive map*/
    .interactive-map{
        xpadding-bottom:60%;
        float:left;
        width:100%;
        background-size:cover;
        background-repeat:no-repeat;
        background-color:#fff;
        background-position:0 0;
    }

    #interactive-map-popup {
        display:none;
    }
    .featherlight-content #interactive-map-popup {
        display: block;
    }
    #interactive-map-popup ul.tab-wrapper{
        list-style:none;
    }

    #interactive-map-popup .content{
        font-size:18px;
    }

.interactive-map-dot-wrapper {
    width: 0;
    height: 0;
    position: relative;
}

a.interactive-map-dot {
    color:#4a4a4a;
}
.interactive-map-dot .caption{
    background-color:rgba(102,102,102,0.6);
    font-size:14px;
    font-weight:400;
    display:inline-block;
    padding:5px 10px;
    color:#fff;
    margin-top:10px;
    margin-left:-40px;
    width:100px;
    text-align:center;
    border-radius:3px;
}
.pulse {
    border: 3px solid #d72f35;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    height: 22px;
    width: 22px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 1.0;
    background-color:rgba(255,0,0,0.3);
}

@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

.tab{
    cursor:pointer;
}

.tab h3{
    font-size:20px;
}

.tab-wrapper li{
    float:left;
    margin-right:30px;
    padding:0 20px;
}
.tab.active {
    background-color: #ececec;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.tab-content{
    float:left;
    width:100%;
    font-size:18px;
    padding:30px 20px 30px 20px;
    background-color:#ececec;
    min-height:200px;
}
/*sitemap*/
.sitemap-wrapper {
    list-style: none;
    padding-left: 0;
}
    .sitemap-wrapper ul {
        list-style: none;
        margin:0;
    }
    .sitemap-wrapper li ul li a{
        line-height:2;
        font-size:24px;
        font-weight:300;
    }
    .sitemap-wrapper li ul li ul li a{
        font-size:18px;
        font-weight:400;
        color:#4a4a4a;
    }
    .sitemap-wrapper li ul li ul li ul a {
        font-size: 14px;
        font-weight: 400;
        color: #4a4a4a;
    }
    /* policies */
    #internal-buttons-wrapper {
        text-align: center;
        position: fixed;
        margin-left: -15px;
        width: 1170px;
        z-index: 100;
        top: 185px;
    }

    #internal-buttons-wrapper .button.internal {
        flex: 1;
        -webkit-flex: 1;
        background-color: #646161;
        transition: 0.2s all background;
    }

    #internal-buttons-wrapper .button.internal.active {
        background-color: #d72f35;
    }

    iframe {
        overflow: hidden;
    }

    .scroll-up {
        width: 80px;
        height: 80px;
        background-color: #fff;
        background-image: url(/img/icons/scroll_up.svg?v=2);
        background-size: 40px 40px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        position: fixed;
        bottom: 30px;
        right: 40px;
        transition: 1.5s all ease;
    }
    .scroll-up.transparent{
        opacity:0;
    }

    .policy{
        border-bottom:1px dashed #d72f35;
        padding-bottom:20px;
    }
    .policy.last{
        border-bottom:none;
        margin-bottom:20px;
    }

    .document-wrapper{
        margin-bottom:30px;
    }

    .document{
        border: solid 0.5px #d8d8d8;
        text-align:center;
    }
    .document .name{
        font-size:10px;
        font-weight:700;
        text-align:center;
        text-transform:uppercase;
        border: solid 0.5px #d8d8d8;
        display:inline-block;
        padding:5px 10px;
        margin:20px 10px 10px 10px;
        min-height:26px;
    }
    .document .text{
        font-size:18px;
        min-height:75px;
        padding:0 20px;
    }
    .resource .text {
        min-height:90px;
        margin-bottom:10px;
    }
    .resource .text .js-shave.show {
        margin-bottom: 10px;
    }
    .resource .title,
    .resource .date{
        font-weight:700;
    }
    .resource .date {
        color: #d72f35;
    }
    .resource .right {
        border-bottom:1px solid #c9c9c9;
        padding-bottom:30px;
        margin-bottom:20px;
    }
    .document .thumbnail-image, 
    .resource .thumbnail-image{
        width:100%;
        padding-bottom:50%;
        background-size:cover;
        background-position:50% 50%;
        margin-bottom:10px;
    }
    .resource .thumbnail-image {
        padding-bottom: 66%;
    }
    .document .download-button-wrapper{
        margin:10px 0 20px 0;
    }

    a.button{
        color:#fff;
    }
    a.button:hover,
    a.button:active{
        text-decoration:none;
    }

    .post-heading {
        padding-bottom: 25%;
        background-size: cover;
        background-position: 50% 50%;
        margin:15px 0;
    }
    .post-heading.page{
        margin:0;
    }

    .container.twitter{
        padding:20px;
    }

    .side-image{
        padding-bottom:25%;
        background-size:cover;
        background-position:50% 50%;
        margin:20px 0;
    }
    .bottom-image{
        background-size:cover;
        background-position:50% 50%;
        height:40vh;
    }

    .js-shave-char{
        cursor:pointer;
    }

    .cb-form .contourPageName{
        display:none;
    }

    .breadcrumb-wrapper {
        position: fixed;
        height: 35px;
        background-color: #efefef;
        z-index:100;
        top:150px;
    }


    .breadcrumb {
    }

    /* overwrite bootstrap */
    .breadcrumb {
        background-color: transparent;
    }

    /* navbar */
    .navbar-default .navbar-nav>li>a{
        color:#fff;
        font-size:13px;
        font-weight:700;
        text-transform:uppercase;
    }
    .navbar-default .navbar-nav>li>a:focus, 
    .navbar-default .navbar-nav>li>a:hover{
        color:#fff;
    }

    .navbar-default .navbar-nav>.open>a, 
    .navbar-default .navbar-nav>.open>a:focus, 
    .navbar-default .navbar-nav>.open>a:hover {
        color:#fff;
        background-color:#d72f35;
    }
    .navbar-nav>li>.dropdown-menu{
        background-color:#d72f35;
        border:none;
        padding:10px;
    }
    .dropdown-menu>li>a{
        color:#fff;
        font-weight:700;
        margin:10px 0;
    }
    .navbar-custom{
        background-color:#242927;
        background-image:url(/img/img-bg-header.jpg);
        background-size:cover;
        min-height:150px;
        border-bottom:none;
    }
    .navbar-brand{
        margin-top:0px;
    }
    .navbar-brand img{
        display:block;
        width:300px;
        height:auto;
        padding-top:20px;
    }
    .navbar-right{
        padding-top:50px;
    }

    #map-canvas {
        left: 0px;
        width: 100%;
        height: 100%;
        height: 50vh;
    }

    .thumbnail-caption {
        background-color: #d72f35;
        color: #fff;
        padding: 5px 10px;
        font-size: 10px;
        font-weight:700;
        text-transform:uppercase;
        display:block;
        width:auto;
        position:absolute;
        bottom:10px;
        left:30px;
    }

    .member-countries .member-country {
        border: 1px solid #dbdbdb;
        text-align: center;
        min-height: 250px;
        margin: 15px 0;
        padding: 20px;
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: calc(100% - 10px) 10px;
    }
    .member-countries .member-country .country {
        color: #d72f35;
        font-weight:700;
        font-size:18px;
        text-transform:uppercase;
    }
    .member-countries .member-country .name {
        font-weight: 700;
        font-size: 18px;
        margin:10px 0;
        height:110px;
    }
    member-countries .member-country .email a, 
    member-countries .member-country .website a {
        font-weight: 700;
        font-size: 18px;
    }

    .department{
        background-color:#ebebeb;
        width:100%;
        height:60px;
        margin:30px 0;
        padding:20px 20px;
    }

    .department .department-name{
        display:inline-block;
        font-weight:700;
        font-size:18px;
    }
    .department .department-email {
        display: inline-block;
        color: #d72f35;
        margin-left:20px;
    }

    .team-member {
        border: 1px solid #dbdbdb;
        text-align: center;
        overflow:hidden;
        height:400px;
        margin-bottom:15px;
    }
    .team-member .photo {
        height:400px;
        background-position:center;
        background-size:cover;
    }
    .team-member .team-member-details {
        background: rgba(255,255,255,0.8);
        position: relative;
        top: -45px;
        transition: all .2s ease-in-out;
        height:210px;
    }
    .team-member:hover .team-member-details,
    .team-member.hover .team-member-details {
        top: -400px;
    }
    .team-member .name {
        font-weight: 700;
        color: #d72f35;
        font-size: 18px;
        padding-top: 10px;
    }
    .team-member:hover .team-member-details .name,
    .team-member.hover .team-member-details .name {
        padding-top: 20px;
    }
    .team-member .position {
        font-weight: 700;
        font-size:16px;
        margin:10px 0;
    }
    .team-member .email {
        margin: 10px 0;
        color: #d72f35;
    }
    .team-member .twitter a {
        color:inherit;
    }

    .biography{
        display:none;
        font-size:16px;
    }

    .photo {
        width:100%;
        padding-bottom:75%;
        background-size:contain;
        background-position:50% 50%;
        background-repeat:no-repeat;
    }

    .biography .name{
        font-weight:700;
        font-size:22px;
    }
    .biography .position {
        font-weight: 700;
    }
    .biography .email {
        color: #d72f35;
    }
    .biography .text {
        margin-top:20px;
    }


    /*events calendar*/
    .events-calendar-wrapper {
        height:60vh;
    }
    .fc-toolbar h2 {
        font-weight: 400;
        color: #d72f35;
        text-transform: uppercase;
        font-size: 22px;
    }
    .fc-icon-right-single-arrow,
    .fc-icon-left-single-arrow{
        font-family:inherit;
        color:#a8a8a8;
        top:-0.6em;
    }
    .fc-prev-button,
    .fc-next-button {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        background-image: none !important;
        background-color: #fff !important;
        border: 1px solid #a8a8a8!important;
        box-shadow: none !important;
    }
    .fc-prev-button{
        margin-right:20px!important;
    }

    .fc-day-header {
        text-transform: uppercase;
        font-size: 9px;
        background-color: #ebebeb;
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }
    .fc-day-number {
        font-size: 16px;
        font-weight: 700;
        padding-top: 10px!important;
        padding-right: 10px!important;
    }

    .events-calendar-wrapper .button.internal {
        float: right;
        padding: 10px;
        margin-right: 1px;
        border: 1px solid #d72f35;
    }
    .events-calendar-wrapper .button.internal.unselected {
        background-color: #fff;
        color: #636061;
        border-color:#636061;
    }

    .legend {
        float: right;
        font-size: 12px;
        text-transform: uppercase;
        margin-left:30px;
        border-bottom: 5px solid;
        padding-bottom:5px;
    }

    .legend.cb-events {
        border-color: #d72f35;
    } 

    .legend.other-events {
        border-color: #636061;
    }
    .fc-title{
        color:#fff;
    }
    #twitter-widget-0 {
        float:right;
    }

    .news-items {
    }
    .news-item,
    .news-item-sizer,
    .tweet-item,
    .tweet-item-sizer{
        width: 100%;
    }

    .news-item {
        margin-bottom: 25px;
        padding:10px;
    }
    .tweet-item {
        margin-bottom: 0;
        padding: 15px;
    }
    .tweet-item a {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    .news-item-internal {
        border: 1px solid #c9c9c9;
    }

    .news-item-internal .title {
        background-color: #d72f35;
        color: #fff;
        padding:5px 10px;
        font-weight:700;
        text-transform:uppercase;
    }
    .news-item-internal .title .date{
        font-size:10px;
    }
    .news-item .text{ 
        font-size:14px;
        padding:10px;
    }
    .news-item .read-more {
        text-align: center;
        margin: 0 30px;
        padding:10px 0;
        border-top: 1px solid #c9c9c9;
    }

    /* homepage tweets*/
    .tweet-item {
        display: block;
        float: left;
    }
    .tweet-item-internal {
        background-color:#fff;
    }

    .tweet-item .media img{
        width:100%;
        height:auto;
    }
    .tweet-item .user img {
        border-radius: 62px;
        width: 31px;
        height: 31px;
    }

    .tweet-item .tweet {
        font-size: 15px;
        padding: 15px;
    }
    .tweet-item .timePosted {
        font-size: 15px;
        padding: 0 15px 15px 15px;
    }
    .tweet-item .timePosted a {
        color: #4a4a4a;
    }


    div[data-scribe="component:author"]{
        padding:15px;
        border-bottom:1px solid #ececec;
    } 

    span[data-scribe="element:name"] {
        float: right;
        display: inline-block;
    }
    span[data-scribe="element:name"] ,
    span[data-scribe="element:screen_name"] {
        font-size: 11px;
        float: right;
        display: block;
        color: #4a4a4a;
    }
    span[data-scribe="element:screen_name"] {
        display:none;
    }

    .members-login{
        color:#fff;
        list-style:none;
        float:right;
        padding:0;
        margin:0;
    }
    .members-login a{
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
    }
    /* footer */
    footer {
        background-color: #242927;
        background-image: url(/img/img-bg-header.jpg);
        background-size: cover;
        background-position: center center;
        padding:50px 10px;
        color:#fff;
        font-size:12px;
        width:100%;
        float:left;
    }
    footer .seperator{
        display:inline-block;
        width:10px;
    }
    footer a{
        color:#fff;
    }
    
    footer a:-webkit-any-link {
        color: #fff;
    }

    footer .social-wrapper {
        float: left;
        position: relative;
        margin-top:20px;
        width:100%;
    }
    footer .social{
        width:50px;
        height:40px;
        background-position:center;
        background-size:inherit;
        background-repeat:no-repeat;
        float:left;
    }

    @media (min-width: 768px) {
        #internal-buttons-wrapper,
        .breadcrumb-wrapper {
            width: 750px;
        }
        .news-item,
        .news-item-sizer,
        .tweet-item,
        .tweet-item-sizer {
            width: 50%;
        }
    }

    @media (min-width: 992px) {
        #internal-buttons-wrapper ,
        .breadcrumb-wrapper {
            width: 970px;
        }
        .news-item,
        .news-item-sizer,
        .tweet-item,
        .tweet-item-sizer{
            width: 33%;
        }

        .tab h3 {
            font-size: 36px;
        }

    }
    @media (min-width: 1200px) {
        #internal-buttons-wrapper,
        .breadcrumb-wrapper {
            width: 1170px;
        }
        .news-item,
        .news-item-sizer,
        .tweet-item,
        .tweet-item-sizer {
            width: 25%;
        }
        .navbar-custom,
        .footer,
        .home-bg {
            background-image: url(/img/img-bg-header@2x.jpg);
        }
        footer .social-wrapper {
            float: right;
            margin-top: -10px;
            width:auto;
        }

    }

@media (max-width: 767px) {
    body {
        padding-top: 50px;
    }

    .navbar-nav .open .dropdown-menu {
        color: #fff;
        background-color: #d72f35;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .navbar-default .navbar-toggle {
        background-color: #d72f35;
        color: #fff;
    }

    .navbar-brand {
        width: 60%;
        width: calc(100% - 100px);
        padding-top: 0px;
        padding-bottom: 0;
    }

        .navbar-brand img {
            width: auto;
            max-height: 45px;
            padding-top: 10px;
        }

    .navbar-right {
        padding-top: 0;
    }

    .navbar-custom {
        min-height: 0px;
    }

    .breadcrumb-wrapper {
        position: relative;
        height: auto;
        display: none;
    }

    #internal-buttons-wrapper {
        display: none;
    }

    .scroll-up {
        opacity:0.5;
    }


    .post-heading, .side-image {
        padding-bottom: 50vw;
        margin: 0 0 20px 0;
    }

    .document .text {
        height: auto;
        min-height: 0;
    }

    .button.internal {
        width: 100%;
    }



    #map-canvas {
        height: 80vh;
    }


    .member-countries .member-country {
        min-height: 0;
    }

        .member-countries .member-country .name {
            height: auto;
        }

    .menu-button {
        width: 60px;
        height: 60px;
        margin-right: 20px;
        float: left;
    }

        .menu-button .social {
            display: block;
            width: 50px;
            height: 50px;
            background-size: 50px 50px;
            margin-bottom: 20px;
        }

    .department {
        height: auto;
    }

        .department .department-email {
            margin-left: 0px;
        }

    .interactive-map-dot-block {
        float: left;
        margin: 10px;
        padding: 10px 0 30px 0;
        border-bottom: 1px dashed #ccc;
    }

    .interactive-map-dot .caption {
        display: none;
    }


    .pulse {
        border: 3px solid #d72f35;
        height: 12px;
        width: 12px;
    }


    .tab.active {
        background-color:#fff;
        border-bottom:3px solid #d72f35;
    }

    .tab:last-child{
        margin-bottom:30px;
    }

}
    @media (max-width: 991px) {
        .menu-button,
        .desktop-only {
            display: none !important;
        }

        .mobile-only {
            display: inherit !important;
        }

        .team-member {
            height: auto;
        }

        .team-member-details {
            height: auto;
        }

        .team-member .photo {
            height: auto;
        }

        .team-member .team-member-details {
            top: 0;
            height: auto;
        }

        .team-member:hover .team-member-details,
        .team-member.hover .team-member-details {
            top: 0;
        }

        .team-member:hover .team-member-details .name ,
        .team-member.hover .team-member-details .name {
            padding-top: 10px;
        }

        .menu-button,
        .menu-button .social{

            display:none;
        }


        .home h1 {
            font-size: 50px;
        }


        .home-bg {
            position: initial;
            height: auto;
        }

            .home-bg .document {
                float: left;
                width: 100%;
            }

                .home-bg .document .text {
                    height: auto;
                }

            .home-bg .container .first-page-wrapper {
                height: auto;
            }

            .home-bg .document .text-internal {
                width: calc(100%);
                height: auto;
            }

            .home-bg .document .download-button-wrapper {
                top: 0;
                float: left;
                width: 100%;
                background-color: #fff;
                margin: 0 0 10px 0;
                padding-bottom: 10px;
                position: relative;
                top: -25px;
            }

            .home-bg .container .second-page-wrapper .box:nth-child(n+2) {
                display: none;
            }

            .home-bg .container .second-page-wrapper .box:first-child {
                width: 100%;
                height: auto;
                margin-bottom: 20px;
                padding: 20px;
                line-height: 1;
            }



        .home .policy-focus-wrapper {
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
            overflow-y: hidden;
            height: auto;
        }

            .home .policy-focus-wrapper .policy-box {
                width: 80vw;
            }

        .home .arrow-slider {
            display: none;
        }

        .home .latest-news-wrapper .news-box .more {
            width: 100%;
            margin-bottom: 10px;
        }

            
    }


    /* flex classes taken from bootstrap 4*/
    .d-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .flex-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }




/* mailchimp forms*/
.mc-field-group {
    float:left;
}

.mc-field-group label {
    font-weight: 400;
}

.mc-field-group input[type=email]{
    font-size:18px;
    padding:12px 10px;
    margin-left:10px;
    font-size:20px;
}

#mc_embed_signup_cembureau_press_releases input[type=submit],
#mc_embed_signup_cemfocus input[type=submit] {
    margin-left: 20px;
    border: 0;
}

.button-subscribe {
    float: right;
    font-size:12px;
}