/*Theme Name: Afi Template
Theme URI: http://16two.agency/
Author: the 16two team
Description: Afi  Main Theme*/


/*@import url("https://use.fontawesome.com/releases/v5.8.1/css/all.css&display=block");*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

/*@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.ttf');
}*/


/*@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Regular.ttf');
}*/

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.ttf');
}

html,
body {
    font-family: Roboto;
    background-color: white;
}

.logo_gpf {
    width: 170px !important;
}

a {
    color: #C0AE00;
}

#brand {
    display: flex;
    /* height: 39px; */
    background-color: rgba(255, 255, 255, 0.9);
    background: #C0AE00 !important;
    height: 65px;
    /* height: 50px; */
}

@media only screen and (max-width: 768px) {
    #brand {
        display: flex;
        /* height: 39px; */
        background-color: transparent !important;
        /* background: #C0AE00 !important;  */
    }
}

.thli {
    margin-bottom: 10px;
}

#brand.navbar-shadow {
    background-color: #C0AE00;
    height: 65px;
}

#brand.navbar-shadow a {
    /* display: none !important; */
}

.first-sect-header {
    width: 8%;
}

.second-sect-header {
    width: 14%;
}

.third-sect-header {
    width: 78%;
}

b,
strong,
.bold {
    font-family: 'Roboto';
    font-weight: 700;
}

.advanced-search-label {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #767500;
    width: 130px;
    float: left;
}

.advanced-search-section #categories-button {
    width: 50px;
    color: #767500;
}

.advanced-search-section .search-expand-collapse {
    padding-top: 20px;
    padding-bottom: 20px;
}

.afi-governance-logo {
    padding-top: 6px;
}

.advanced-search-section #option-rows {
    margin-top: 0px !important;
    /*padding:0px!important;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.search-criteria-options {
    /* padding-top:20px!important;
    padding-top:20px!important;*/
}

.map-pointer {
    cursor: pointer;
}

.advanced-search-section .keyword-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #222222;
}

input#search_box_contanywords,
input#search_box_contphrase,
input#search_box_contoneofwords {
    width: 100%;
    height: 31px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #AEAEAE;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #C0AE00;
    border-bottom-width: 1px;
}

.search-box {
    padding-top: 20px;
    padding-bottom: 20px;
}

.search-box-last {
    padding-top: 20px;
    padding-bottom: 20px;
}

.advanced-search-section #collapse-categories {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.advanced-search-type-options {
    flex-wrap: wrap;
    margin-top: 20px
}

#advanced-search-button {
    width: 297px;
    border: 1px solid #767500;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #FFF;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #767500;
}

.advanced-search-type {
    padding-top: 20px;
}

.search-result-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #767500;
}

.search-result-row-title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 200%;
    color: #B79C17;
    /*margin-bottom:20px*/
}

.search-result-row {
    padding-bottom: 20px;
}

.search-result-row-summary {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 200%;
    color: #807F83;
}

.search-results-container,
.search-query-results-container {
    margin-top: 20px;
}

.hr-line-director-reflections {
    max-width: 1270px;
}

.text-black{
color:#000 !important;	
}


.text-black strong{
color:#000 !important;	
}
 
@media only screen and (max-width: 768px) {
    .copyright-class {
        justify-content: center !important;
    }
    .flip-box .flip-box-inner.active {
        /*     overflow: visible !important; */
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .flip-box:hover .flip-box-inner:not(.active) {
        /*     overflow: visible !important; */
        transform: rotateY(0deg) !important;
        -webkit-transform: rotateY(0deg) !important;
        -ms-transform: rotateY(0deg) !important;
        /* -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d; */
    }
    #advanced-search-button {
        width: 100% !important;
    }
    .videos_main .explore-btn {
        padding-top: 30px;
    }
    .head-title .blog-title {
        margin-top: 15px;
    }
    .head-title .news-title {
        margin-top: -30px;
    }
    .head-title .speechs-title {
        margin-top: -15px;
    }
    /* .top-newsroom-speeches {
        margin-top: 55px;
    } */
}

.advanced-search-section .pagination {
    margin-top: 10px !important;
    width: 100%;
}

.advanced-search-section .adv-search-navi-left {
    padding-right: 30px;
}

.advanced-search-section .adv-search-navi-right {
    padding-left: 30px;
}

.search-for-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #B79C17;
    padding-bottom: 20px;
}

.first_row {
    height: 39px;
    margin-bottom: 0px;
    padding: 5px 0px;
    list-style: none;
}

.top {
    z-index: 99;
}

.sdg_slick .slick-track {
    margin-left: 0px;
    margin-right: 0px;
}

.activity_icon {
    /*z-index: 99;*/
    top: 15%;
    left: 9%;
}

.newsroom-blogs-cont {
    padding: 0px !important;
    margin: 0px;
}

section>div#regional {
    height: 700px;
}

p[data-target="#accordion-newsroom"][aria-expanded="false"]::before {
    content: 'Show Filter';
}

p[data-target="#accordion-newsroom"][aria-expanded="true"]::before {
    content: 'Hide Filter';
}

div[id^="custom_slider"] ol {
    /* position: absolute; */
    /* bottom: 15%; */
    /* z-index: 99; */
    color: white;
    cursor: pointer;
    display: flex;
    justify-content: center;
    /* right: unset; */
    /* left: unset; */
    /* margin-right: unset; */
    /* margin-left: unset; */
    list-style: none;
    display: flex;
    width: 71%;
    /* align-items: stretch; */
    /* HEIGHT: 448PX; */
    margin: auto;
    margin-bottom: 20px;
    margin-left: 10%;
}

#regional .thumbnail_mng.slider-nav {
    position: absolute;
    bottom: 39px;
    left: 0px;
    right: 0px;
}

.language-options+label,
#language-button {
    text-transform: none;
}

div[id^="custom_slider"] ol li {
    /* width: 10%; */
    border: 1px solid white;
    /* display: inline-block; */
    /* padding: 4px 5px; */
    height: 120px;
    /* border: none; */
    border-radius: 0px;
    background: transparent;
    margin-left: 0px;
    margin: 0px;
    opacity: 1;
    text-indent: inherit;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
}

div[id^="custom_slider"] ol li.active h5 {
    font-size: 28px !important;
    line-height: 1.3;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 41px !important;
}

div[id^="custom_slider"] ol li h5 {
    line-height: 1.2;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.1em;
}

div[id^="custom_slider"] ol li.active p {
    font-size: 17px;
    line-height: 1.4;
    color: #FFFFFF;
    padding-bottom: 10px;
}

div[id^="custom_slider"] ol li.active a {
    font-size: 17px;
    font-style: italic;
}

div[id^="custom_slider"] ol li a {
    display: none;
}

@media (min-width: 769px) and (max-width: 1440px) {
    div[id^="custom_slider"] ol li.active .boxnav {
        /* height: 260px !important; */
        display: inline-block !important;
    }
    div[id^="custom_slider"] ol li.active h5 {
        font-size: 17px !important;
        line-height: 1.3;
        font-weight: bold;
        color: #FFFFFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    div[id^="custom_slider"] ol li h5 {
        line-height: 1.2;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 0.8em;
    }
    div[id^="custom_slider"] ol li.active p {
        font-size: 13px !important;
        line-height: 1.4;
        color: #FFFFFF;
        padding-bottom: 10px;
    }
    div[id^="custom_slider"] ol li.active a {
        font-size: 13px;
        font-style: italic;
    }
    div[id^="custom_slider"] ol li a {
        display: none;
    }
    div[id^="custom_slider"] ol li.active img {
        display: block;
        width: 25px !important;
        height: 25px !important;
    }
    div[id^="custom_slider"] ol li.active .image_slide img {
        width: 100% !important;
        height: 100% !important;
        padding: 5px;
    }
    div[id^="custom_slider"] ol li.active .title_slide {
        width: 70%;
        display: inline-block;
        float: left;
    }
    .image_slide {
        width: 30%;
        display: inline-block;
        float: left;
    }
    .title_slide {
        width: 100%;
        display: inline-block;
        float: left;
    }
}

#collapsed_navbar:after {
    display: none !important;
    content: '';
}

li.current_page div {
    background-color: #C0AE00 !important;
    border-color: #C0AE00 !important;
    /*text-transform: uppercase;*/
    font-family: 'Roboto';
}

li.current_page div * {
    font-size: 15px !important;
}

div[id^="custom_slider"] ol li:not(.active) p,
div#custom_slider ol li:not(.active) img {
    display: none;
}

div[id^="custom_slider"] {
    position: relative;
}

div[id^="custom_slider"] .carousel-item img.w-100,
div[id^="custom_slider"] .carousel-item img.d-block {
    /* height: 650px; */
    /* margin: 0px; */
    /* width: auto !important; */
}

div[id^="custom_slider"] ol li.active {
    /* width: 20%; */
    /* height: fit-content; */
    flex-grow: 2;
    flex-direction: column;
    height: 400px;
    bottom: 0px;
}

div[id^="custom_slider"] ol li.active * {
    display: flex;
    justify-content: space-between;
}

div[id^="custom_slider"] ol li.active img {
    display: block;
    width: 45px;
    height: 45px;
}

div[id^="custom_slider"] ol li.active .title_slide {
    width: 70%;
    display: inline-block;
    float: left;
}

.image_slide {
    width: 30%;
    display: inline-block;
    float: left;
}

.title_slide {
    width: 100%;
    display: inline-block;
    float: left;
}

div[id^="custom_slider"] ol li.active .image_slide img {
    width: 100% !important;
    height: 100% !important;
    padding: 5px;
}

div[id^="custom_slider"] .carousel-control-next-icon,
div[id^="custom_slider"] .carousel-control-prev-icon {
    /*top: 56vh;*/
    position: absolute;
}

div[id^="custom_slider"] ol li.active img::after {
    content: "\A";
    white-space: pre;
}

div[id^="custom_slider"] ol li img {
    display: none;
}

.reports_slick b {
    font-weight: 900;
    font-size: 30px;
    line-height: 35px;
    font-family: 'Roboto';
    font-weight: 700;
}

.reports_slick span {
    font-weight: normal;
    font-size: 15px;
    line-height: 35px;
    font-family: 'Roboto';
}

.boxnav h6 {
    position: absolute;
    bottom: 0px;
}

.boxnav h6::before {
    content: '';
    margin-right: 4px;
    font-weight: 900;
    border-bottom: 2px solid white;
    width: 13px;
    /* border-radius: 1px; */
    height: 11px;
    /* display: inline-block !important; */
}

.banner {
    background-image: url('../../uploads/2019/04/image.png');
    /*position:relative;      top:-53px;      height:800px;      background-size:100% 100%;*/
    min-height: 400px;
    position: relative;
    top: -48px;
}

.grey_bg_header {
    background-color: #C0AE00;
    height: 65px !important;
}

.navbar-shadow {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    box-shadow: 0px 40px 0px rgba(0, 0, 0, 0.65), 0px 0px 0px rgba(38, 38, 38, 1);
}

section#library-afi-publications div.card-header::after {
    display: none;
}

.float-right {
    float: right !important;
}

#book_seat {
    background: rgba(17, 17, 17, 0.6);
    color: white;
    vertical-align: middle;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 99999;
    margin-top: 15px;
    opacity: 1;
    height: 135px;
}

#book_seat .first {
    background-color: black;
    color: white;
    flex-direction: column;
}

#book_seat h3 {
    font-size: 30px;
    line-height: 1;
    margin: auto;
    font-weight: bold;
}

#maya-videos .slick-slide {
    height: 700px !important;
}

section#gpf {
    background-image: url('/wp-content/themes/afi/img/Group 7_.jpg');
    /* background-size: contain; */
    padding-top: 7%;
    justify-content: space-around;
    color: white;
    padding-bottom: 2%;
    background-repeat: no-repeat;
    background-size-x: 100%;
    /* background-size: 100% 100%; */
    background-size: cover;
    height: 100vh;
}

#homepage_first {
    background-image: url('/wp-content/themes/afi/img/main_desktop.jpg');
    background-repeat: no-repeat;
    /* background-size: 100%; */
    background-size: cover;
    height: 100vh;
}

section#gpf .title {
    /*margin-left: 50px;*/
    margin-bottom: 25px;
    /* margin-top: 15px; */
}

section#gpf .title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 2.8vw;
    line-height: 1.2;
    /* font-size: 55px; */
    /* line-height: 55px; */
    /* Black 01 */
    color: #262626;
    /* color:#fff; */
}

section#gpf .title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 2.8vw;
    line-height: 1.2;
    /* font-size: 55px; */
    /* line-height: 55px; */
    /* Black 01 */
    color: #262626;
    /* color:#fff; */
}

section#gpf .description {
    /* font-family: Roboto; */
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    /* Black 01 */
    color: #262626;
    /* color:#fff; */
}


/*.brand_logo{width:50%;float:right;}*/

.col-fill {
    background-color: #262626 !important;
}

i.view {
    font-family: Roboto;
    font-size: 17px;
}

#share {
    position: fixed;
    left: 5px;
    z-index: 99;
    top: 149px;
}

.jssocials-shares>div.share_icon {
    display: block;
    background-color: transparent;
}

div.share_icon a {
    border: 1px solid #EAEAEA !important;
    border-radius: 50%;
    color: #C0AE00 !important;
    width: 33px;
    height: 33px;
    padding: 0px;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    background: #EAEAEA;
}

div.share_icon a i {
    font-size: 15px;
}

.grey_bg_header {
    background-color: #C0AE00;
}


/* 
.navbar-shadow {
    box-shadow: 0px 38px 0px rgba(0, 0, 0, 0.55), 0px 0px -1px rgba(0, 0, 0, 0.82);
} */

.menu-navbar {
    z-index: 20;
}

.brandlogo {
    z-index: 100;
    /*background-color:#262626;*/
}

.rowbg {
    background-color: #000000;
    width: 100%;
    margin-left: 0px !important;
}

.navbar-toggler {
    color: #FFFFFF;
    border-radius: 0px;
    height: 100%;
    outline: none !important;
    margin-right: 0px;
    /*background-color:#EF4129!important;*/
}

.bannerbg {
    background-image: url('../../uploads/2019/04/image.png');
}

.ml-0 {
    margin-left: 0px !important;
}

.person {
    font-size: 20px;
    line-height: normal;
    color: #807F83;
    display: flex;
    /* vertical-align: top; */
    align-items: inherit;
    /* flex-direction: column; */
}

main#content {
    /*     padding: 0px; */
    min-height: 250px;
}

.count-percentage {
    font-size: 111px;
    line-height: normal;
    color: #807F83;
}

.person .text-uppercase {
    font-size: 40px;
    font-family: 'Roboto';
    font-weight: 700;
}

.person span.count {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 111px;
}

ul.second_nav {
    list-style: none;
    display: block;
    float: right;
    /* border-top: 1px solid #C0AE00; */
    width: fit-content;
    width: -moz-fit-content;
}

.second_nav.row li {
    /* height: 29px; */
    height: 39px;
    margin-top: -9px;
}

ul.second_nav li,
ul.first_row li,
.border_right {
    border-right: 1px solid #ffffff;
}

#collapsed_navbar .border_bottom {
    border-bottom: 1px solid #ffffff;
}

ul.second_nav li a {
    color: white !important;
}

.white {
    color: white !important;
}

div.thumbnail {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

ul.first_row.row {
    box-shadow: 0px 38px 0px rgba(0, 0, 0, 0.24), 0px 0px 1px rgba(0, 0, 0, 0.12)
}

ul.first_row,
.second_nav.row {
    text-align: right;
    padding: 0px;
    /* height: 44px; */
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    /* width: inherit; */
    margin: 0px;
    paddnig-r: 5%;
    padding-right: 11%;
    text-shadow: 0px 0px 3px #262626;
    font-size: 2vh;
}

ul li:last-child {
    border-right: 0px;
}

ul.first_row div {
    border-right: 1px solid #C0AE00;
}

ul.first_row li,
.second_nav.row li {
    padding: 6px 22px;
    display: flex;
    align-items: ;
    z-index: 99;
    font-size: 16px;
}

ul.first_row li {
    /* border-bottom: 1px solid #C0AE00; */
    padding: 13px 22px;
}

.bar_btn a::after {
    display: none !important;
}

.second_nav.row li.search_btn {
    z-index: 99;
}

.black {
    color: black;
    z-index: 99999;
}

.search_btn a,
.bar_btn {
    z-index: 11;
}

ul.first_row li a {
    color: white !important;
    font-size: 16px;
    line-height: 8px;
    display: flex;
    line-height: 0.98;
    display: flex;
    text-align: left;
    align-items: center;
}

a {
    text-decoration: none !important;
}

ul.first_row li a img {
    margin-right: 5px;
    /* width: fit-content;
    height: fit-content;*/
    width: 39px;
    height: 39px;
}

.calendar_section {
    background-color: #2f2f2f;
    padding-top: 45px;
    padding-bottom: 45px;
}

div#carouselExampleIndicators .carousel-item div {
    /* position: absolute;*/
    position: relative;
    z-index: 55;
    /* top: 16%; */
    /*left: 20%;*/
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /*height: 48%;*/
    color: #262626;
    height: 100%;
}

div#carouselExampleIndicators .carousel-item div img {
    width: fit-content;
    /* display:none; */
    width: -moz-fit-content;
}

div#carouselExampleIndicators .carousel-item div h2 {
    font-size: 4vw;
    line-height: 1;
    font-family: 'Roboto';
    font-weight: 900;
    /* color: #262626; */
    color: #fff;
}

div#carouselExampleIndicators .carousel-item div a {
    /* border: 1px solid #262626; */
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    width: 240px;
    /* color: #262626; */
    color: #fff;
    /* text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.15); */
    font-weight: 700;
    /* display: flex !important; */
    /* background-color: white; */
    justify-content: space-between;
    align-items: center;
    /* font-size: 13px; */
    box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.15);
}

div#carouselExampleIndicators .carousel-item div a::after {
    content: "\F054";
    float: right;
    /* color: #262626 !important; */
    color: #fff;
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-top: 5px;
    text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.15);
}

.mobile-main h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 45px;
    line-height: 42px;
    color: #FFFFFF;
}

.mobile-main-link a {
    border: 1px solid white;
    border-radius: 3px;
    padding: 10px 10px;
    cursor: pointer;
    width: 100%;
    color: white;
}

.mobile-main-link a::after {
    content: "\F054";
    float: right;
    color: white !important;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-top: 5px;
}


/*.smef-upcoming-events-container .row{
    margin-right: -15px;
    margin-left: -15px;
}*/

.img-responsive {
    width: 100%;
    height: auto;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: rgba(242, 242, 242, 0.9) !important;
}

.footer-follow-us {
    /*position: absolute;    top: 100%;    transform: translateY(-100%);*/
}

.footer-intro-text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #807F83;
    margin-top: 0px !important;
    text-align: left !important;
    margin-bottom: 100px;
}

.footer-follow-us-title {
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: bolder;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}

.footer-signup-txt {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: normal;
    color: #000000;
    /* margin-top: 30px; */
    width: 100%;
}

.footer-signup-btn {
    margin-top: 20px;
}


/* Footer Activities*/

.align-center {
    align-items: center;
}


/*
#footer_activities_section_link div {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #807F83;
}*/


/*#footer_activities_section_link div.footer_category_title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 19px;
    color: #C0AE00;
}*/


/*#footer_activities_section_link div.footer_section_title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: normal;
    color: #000000;
    margin-top: 15px;
}*/


/* Footer Knowledge */


/*#footer_knowledge_section_link div {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #807F83;
}*/


/*#footer_knowledge_section_link div.footer_category_title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 19px;
    color: #C0AE00;
}*/

.footer_category_title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 2.5;
    color: #C0AE00;
}

.footer_section_title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    /*    line-height: 3.0;
*/
    color: #000000;
}

.footer_title {
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #000000 !important;
}

.gpf-report-header {
    margin-bottom: 30px;
}

#gpf_4 .slick-track {
    margin-bottom: 30px;
}

#gpf_4 .report_item {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 0px !important;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: none !important;
    background-color: transparent !important;
}

.gpf-report-cover-pic {
    /*width:100%;*/
    /*height:auto!important;*/
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 0px !important;
    width: 208px !important;
    height: 294px !important;
}

.footer_section_subs a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.8;
    color: #807F83;
}

.footer_section_subs {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.8;
    color: #807F83;
}


/*#footer_knowledge_section_link div.footer_section_title a{
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: normal;
    color: #000000;
    margin-top: 15px;
}
*/


/* Footer Communities */


/*#footer_communities_section_link div a{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #807F83;
}*/


/*#footer_communities_section_link div.footer_category_title a{
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 19px;
    color: #C0AE00;
}*/


/*#footer_communities_section_link div.footer_section_title a{
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: normal;
    color: #000000;
    margin-top: 15px;
}*/


/* Global Voice*/


/*#footer_globalvoice_section_link div {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #807F83;
}*/


/*#footer_globalvoice_section_link div.footer_category_title a{
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 19px;
    color: #C0AE00;
}*/


/*#footer_globalvoice_section_link div.footer_section_title, #footer_globalvoice_section_link div.footer_section_title a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: normal;
    color: #000000;
    margin-top: 15px;
}*/

.writen_by i {
    font-size: 12px;
    display: block;
    font-family: 'Roboto';
    font-weight: normal;
}

#email {
    margin-top: 35px;
    border: none;
    border-bottom: 1px solid #C0AE00;
    border-radius: 0px;
    box-shadow: none !important;
    text-align: center;
}


/*.footer-row{  height:593px;}*/

.smef_download_button {
    /* position: absolute; */
    width: 297px;
    color: #222222;
    border: 1px solid #000000;
    border-radius: 5px;
    /*display: flex;    flex-direction: row;*/
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
}

.smef_download_button div {
    margin-bottom: 0px !important;
}

.smef_download_link {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 40px;
    color: #222222;
    width: 200px;
    float: left;
}

.smef_download_icon {
    float: right;
}

div#footer-brand-logo {
    text-align: left !important;
    margin-bottom: 30px;
}


/*div#footer_globalvoice_section_link * {
    margin-bottom: 14px
}*/

.footer-follow-us-title {
    text-align: left !important;
}

.footer-follow-us-links {
    text-align: left !important;
}

.footer-follow-us-links img {
    max-width: 40px;
}

form span.grey {
    color: grey;
}

#footer-signup-form {
    background-color: white;
    padding: 16px 10px;
    border-radius: 3px;
    margin-top: 10px;
}

#footer-signup-form button,
#footer-signup-form input[type=submit] {
    background: #000000;
    border: none !important;
    box-shadow: none;
    color: white;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    border-radius: 1px;
    font-size: 14px;
    padding: 10px;
    font-family: 'Roboto';
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}

.footer-signup-txt {
    text-align: left !important;
}


/*
div#footer_activities_section_link * {
    margin-bottom: 14px
}
*/


/*div#footer_knowledge_section_link * {
    margin-bottom: 14px;
    color: #807F83 !important;
}*/


/*
div#footer_communities_section_link * {
    margin-bottom: 14px
}
div#footer_knowledge_section_link * {
    margin-bottom: 14px
}*/

#footer_id .right-border {
    border-right: solid 1px #c0AE00;
    border-bottom: solid 1px #c0AE00;
    padding-bottom: 15px;
}

.navbar-brand {
    margin-left: 10%;
}

#navbarResponsive ul {
    margin-right: 10%;
}

#navbarResponsive {
    align-self: flex-end;
}

#afibanner {
    width: 100%;
    height: auto;
}

.logo {
    z-index: 9999;
    position: relative;
    height: 75px;
}

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}

.mo_title {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    text-align: center;
    color: #C0AE00;
}

#mologo {
    float: left;
}

div#collapsed_navbar {
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    /* top: 39px; */
    /* top: 50px; */
    top: 65px;
    /* bottom: 0px; */
    /* height: -webkit-fill-available; */
    z-index: 9;
    padding-top: 5%;
    padding-left: 0px;
    padding-right: 0px;
    left: 0px;
	overflow-y: auto;
  
}

@media screen and (max-width: 1366px) {
	div#collapsed_navbar {
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    /* top: 39px; */
    /* top: 50px; */
    top: 65px;
    /* bottom: 0px; */
    /* height: -webkit-fill-available; */
    z-index: 9;
    padding-top: 5%;
    padding-left: 0px;
    padding-right: 0px;
    left: 0px;
	overflow-y: auto;
    height: 95vh;
}
}

div#collapsed_navbar::-webkit-scrollbar {
    width: 6px;
}

/* Track */
div#collapsed_navbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Handle */
div#collapsed_navbar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(192, 174, 0,0.8); 
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}
div#collapsed_navbar::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(192, 174, 0,0.4); 
	
}


div#collapsed_navbar .navbar-link {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #C0AE00;
}

div#collapsed_navbar .navbar-link a {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #C0AE00;
}

.mobileCOVID {
    color: #C0AE00 !important;
}

div#collapsed_navbar .navbar-link::after {
    display: none;
}

div#collapsed_navbar ul,
#sitemap div a,
div#collapsed_navbar ul a {
    list-style: none;
    font-size: 13px;
    line-height: 1.6;
    color: #807F83;
    /* padding-left: 0px; */
    /* padding-bottom: 15px !important; */
}

div#collapsed_navbar ul,
#sitemap div a,
div#collapsed_navbar ul li {
    /* padding-bottom: 10px; */
    /* padding-bottom: 5px; */
}

#sitemap .social a {
    /* background-color: #c0ae00;
    border-radius: 50%;
    padding: 5px;*/
    margin-left: 5px;
}

div#collapsed_navbar ul li.bold {
    margin-bottom: 10px;
}

div#collapsed_navbar ul li.bold:first-child {
    margin-bottom: 10px;
    margin-top: 20px;
}

.boldCOVID19 {
    margin-top: 20px;
}

.boldCOVID {
    margin-top: 20px;
}

div#collapsed_navbar ul li.bold a {
    font-weight: 900;
    color: black;
    font-size: 15px;
}

.mo_description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #807F83;
    margin-top: 30px;
}

#mo_item_list {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    color: #807F83;
    margin-top: 50px;
}

#mo_item_list span {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    font-weight: 900;
    font-size: 45px;
    line-height: 63px;
    text-align: center;
    color: #C0AE00;
    width: 100%;
}

.smef-descr {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.smef-p1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.smef-descr div {
    /* margin-bottom: 30px; */
}

.carousel-indicators li {
    width: 8px;
    height: 9px;
    border-radius: 50%;
}

*:focus {
    outline: none !important;
}

.slick-next {
    /* right: 0px !important; */
}

.slick-prev {
    /* left: 0px !important; */
    z-index: 9;
}

.mt-6 {
    margin-top: 6%;
}


/* Homepage: AFI Publications  */

.afi-publications-title {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2;
    color: #C0AE00;
    /* padding-left: 10%; */
    /* margin-left: 16%; */
}

.afi-publications-teaser {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
    /*margin-top: 30px;*/
    /* padding-left: 10%; */
    /*margin-left: 11%;*/
}

.afi-publications-logo {
    /* margin-left: 16%; */
}

.afi-publications-items img {
    margin: auto;
}

.afi-publications-explore {
    width: 297px;
    border: 1px solid #000000;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #000000;
}


/* Homepage: End AFI Publications  */


/* Home: Global Policy Forum */

.gpf-banner {
    width: 100%;
}

.gpf-container {
    position: relative;
}

.gpf-description {
    /* width: 25%; */
    margin-left: 10%;
    z-index: 55;
    top: 25%;
    position: absolute;
    padding: 25px 25px;
}

.gpf-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

section#awards_second {
    background: #EEEEEE;
}

section#awards_second .card-title {
    color: #807F83 !important;
    font-family: 'Roboto';
    font-weight: 700;
}

section#awards_second .card-header {
    border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
    color: black !important;
}

section#awards_second h4 {
    border-bottom: 2px solid #c0ae00;
    padding-bottom: 8px;
    color: #A3A2A6;
    margin-bottom: 20px;
}

section#awards_second div {
    padding-left: 0px;
    color: black;
}

section#awards_second h5 {
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

section#awards_second p.h5 {
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

section#activities+.custom_slider_2 li.active .boxnav {
    height: 192px;
}

section#awards_four .card-title {
    font-size: 22px;
    line-height: 31px;
    color: #262626 !important;
    font-family: 'Roboto';
    font-weight: 700;
}

.yellow,
.news-content p a {
    color: #C0AE00 !important;
    /* font-family: Roboto-bold; */
    display: contents;
}

.gpf-teaser {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 30px;
}

.gpf-logo {
    z-index: 55;
    position: absolute;
    top: 4%;
    margin-left: 7%;
}

.gpf-learn-more {
    width: 297px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gpf-learn-more:hover {
    text-decoration: none;
    color: #FFFFFF;
}


/* Home: End Global Policy Forum */


/* SMEF items : 46 Member Institutions, 44 Member Countries, 47 Policy Changes, 7 Knowledge Products */

#smef-item-list span {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: normal;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF
}

.smef-item-container {
    /*padding : 50px 50px;*/
    padding: 50px 0px;
    /*background-color: #662483;*/
}

.smef-item {
    display: flex;
    flex-direction: column;
    color: #FFFFFF;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF;
    align-items: center;
}

.smef-item img {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: -moz-fit-content;
}

.smef-item-img {
    height: 100px;
}

.acc_depo .card,
.awp .card,
.awp2 .card,
.pr .card {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, .125);
    background-color: transparent;
}

.acc_depo .card-header {
    background-color: transparent;
    padding: .75rem 0rem;
    border-bottom: none;
}

.main_title {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    margin-bottom: 30px;
    color: #C0AE00;
}

.blue {
    color: #009EE2;
}

.GPFPostponed h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
}

.main_content,
.card-body {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #807F83;
}

.main_contentp p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #807F83;
}

.main_contentp ol {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #807F83;
}

.main_contentp ul {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #807F83;
}

.main_content_donors {
    padding-top: 2vw;
}

.card-body a,
.main_content a {
    color: #C0AE00;
}

.main_contentp a {
    color: #C0AE00;
}

section#gender_third .h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    width: 300px;
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.6;
}

.awp .card-header,
.awp2 .card-header,
.pr .card-header {
    background-color: transparent;
    padding: .75rem 0rem;
    font-size: 20px;
    line-height: 2;
    font-family: 'Roboto';
    font-weight: 700;
    color: #807F83;
}

.acc_depo .collapsed,
.awp .collapsed,
.awp2 .collapsed,
.pr .collapsed {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.acc_depo .card-header .collapsed,
.awp .card-header .collapsed,
.awp2 .card-header .collapsed,
.pr .card-header .collapsed {
    border-bottom: none;
}

#career .card-body {
    background-color: transparent !important;
}

#career .card-title {
    width: 80% !important;
    display: inline-block;
}

.accordion .card-header:after {
    display: flex;
    float: right;
    /* color: #00529B !important; */
    font-size: 11px;
    margin-top: 16px;
    font-weight: 600;
    margin-left: 22px;
    line-height: 2px;
    margin-right: 20px;
    font-family: 'Font Awesome 5 Free';
}

.accordion .card-header.collapsed:after {
    /*     content: "\F077"; */
}

[aria-expanded="false"]:after {
    content: "\F078" !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}

#gender_fourth .count {
    color: #B69C17;
    margin-right: 8px;
    font-size: 240px
}

.row.chamipons h5.grey,
#gender_fourth h5.grey {
    color: #807F83 !important;
}

.row.chamipons .h5.grey,
#gender_fourth .h5.grey {
    color: #807F83 !important;
}

.grey {
    color: #807F83;
}

#gender_fourth a.btn-wg {
    width: 200px;
    justify-content: space-between;
    display: flex;
    vertical-align: middle;
    align-items: center;
}

.row.chamipons h5,
#gender_fourth h5 {
    display: flex;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
    color: #000000 !important;
}

.row.chamipons .h5 {
    display: flex;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
    color: #000000 !important;
}

#gender_fourth .h5 {
    display: flex;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
    color: #000000 !important;
}

.greyp {
    color: #807F83;
}

.row.chamipons .h5::before {
    content: "\F054" !important;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    color: #000000;
    margin-right: 10px;
    font-weight: 600;
}

h5.grey-text:nth-of-type(4n+3),
h5.grey-text:nth-of-type(4n+3)+* {
    color: #807F83 !important;
}

.h5.grey-text:nth-of-type(4n+3),
.h5.grey-text:nth-of-type(4n+3)+* {
    color: #807F83 !important;
}

#cefi .card-title {
    font-size: 17px;
}

#cefi .card-body {
    /* padding-left: 0px; */
}

#cefi .card-body .yellow {
    font-family: 'Roboto';
}

.costing {
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 35px;
}

.costing tr {
    color: black;
    line-height: 4.5;
}

.desktop>div:not(.caption_mng2) {
    /*display: flex;
    justify-content: center;*/
}

#gpf_3 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.costing tr.grey_bg,
.grey_bg {
    background-color: #F2F2F2;
}

.costing .header_row {
    background-color: #B9A649;
    font-weight: bold;
    color: white;
    line-height: 2.5;
}

.row.chamipons h5::before {
    content: "\F054" !important;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    color: #000000;
    margin-right: 10px;
    font-weight: 600;
}

.row.chamipons .pcapicty {
    display: flex;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
    color: #000000 !important;
}

.row.chamipons .pcapicty::before {
    content: "\F054" !important;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    color: #000000;
    margin-right: 10px;
    font-weight: 600;
}

.row.chamipons .pcapicty {
    display: flex;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
    color: #000000 !important;
}

.row.chamipons .pcapicty::before {
    content: "\F054" !important;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    color: #000000;
    margin-right: 10px;
    font-weight: 600;
}


/*.arrow-wg p {
    display: flex;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
    color: #000000 !important;
}

.arrow-wg p::before {
    content: "\F054" !important;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    color: #000000;
    margin-right: 10px;
    font-weight: 600;
}*/

.arrow-wg p{
width:100%;	
}
.arrow-wg ul {
    margin-block-start: 0em !important;
    padding-inline-start: 10px;
}

.arrow-wg li {
    padding-left: 1.3em;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
    color: #000000 !important;
    list-style-type: none;
}

.arrow-wg li::marker {
    display: none !important;
}

.arrow-wg li::before {
    content: "\F054" !important;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    color: #000000;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-weight: 600;
}

p.no-arrow {
    display: flex;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
    color: #000000 !important;
}

p.no-arrow::before {
    content: "" !important;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    color: #000000;
    margin-right: 10px;
    font-weight: 600;
}

[aria-expanded="true"]:after {
    content: "\F077" !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}

.grey_light_bg {
    background-color: #F8F8F8 !important;
    /*padding-top: 30px;
    padding-bottom: 30px;*/
}

.grey_light_bg small {
    color: #807F83;
}

section.image-bods img,
.image-bods img,
.bordered_img {
    border-radius: 50%;
    border: 3px solid #C4C4C4;
    width: 161px;
}

#career_first,
#mng_first,
#leader_first,
#community-first,
#donor_first,
section#donor_third,
#awards_first,
#financial_first,
#gender_third,
section#fintech_third {
    height: 34vw;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* background-position-x: left; */
    /* background-position-y: center; */
}

section#donor_third,
section#awards_third,
section#gender_third,
section#fintech_third {
    background-image: url('../img/Formalizing.jpg');
    height: 400px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    /* background-size: contain; */
}

section#fintech_third {
    background-image: url('../img/alfred_2.jpg');
}

section#donor_third h3,
section#gender_third h3,
.short h3,
section#fintech_third h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    width: 300px;
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.6;
}

div#policy a {
    text-align: center;
    font-weight: bold;
    color: #000000;
    font-size: 17px;
    display: block;
    margin-top: 11px;
}

div#policy a img {
    display: block;
    max-height: 140px;
    margin: auto;
    /*width: 125px;
    margin-bottom: 15px;*/
}

.short h3 {
    color: black;
    width: -webkit-fill-available;
    padding: 30px 20px;
}

section#awards_third,
#awards_first {
    background-image: url('../img/afi-bg.jpg');
}

section#gender_third {
    background-image: url('../img/gender_third.jpg');
}

#mng_first {
    background-image: url('../img/mng_bg.jpg');
}

#leader_first {
    background-image: url('../img/leader_perspective.jpg');
}


/*#community-first {    background-image: url(../afi/img/community_banner.png);}*/

#donor_first {
    background-image: url(../afi/img/donor_bg.jpg);
}

#member_institutions_first {
    background-image: url(../afi/img/afi-member-institutions-banner.jpg);
}

#partnership_champions_first {
    background-image: url(../afi/img/afi-partnership-champions-banner.jpg);
}

#career_first div.container,
#mng_first div.container,
#donor_first div.container,
#community-first div.container,
#leader_first div.container,
#awards_first div.container,
#financial_first div.container {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 50%;
}

#awards_first div div {
    margin-left: 5%;
}

div[id^="custom_slider"] ol li .boxnav {
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 0;
    display: block;
    justify-content: unset;
    padding: 11px;
    border: 1px solid #fff;
}

div[id^="custom_slider"] ol li.active .boxnav {
    /* height: 272px !important; */
    display: inline-block !important;
}

div[id^="custom_slider"] ol li.active {
    flex-grow: 2;
    flex-direction: column;
    height: inherit;
    bottom: 0px;
    position: relative;
}

div[id^="custom_slider"] ol li {
    height: inherit;
    border: none;
    background: transparent;
    margin-left: 0px;
    margin: 0px;
    opacity: 1;
    text-indent: inherit;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
}

#career_first h2,
#mng_first h2,
#leader_first h2,
#community-first h2,
#donor_first h2,
#awards_first h2,
#financial_first h2,
#financial_first h3 {
    font-size: 46px;
    line-height: 26px;
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF;
    /* margin-left: 10%; */
    /* margin-top: 2%; */
    line-height: 0.8;
}

#financial_first h2 {
    line-height: 1;
}

#financial_first h3 {
    font-size: 38px;
    line-height: 44px;
}

#staff .card-title {
    font-size: 30px;
    line-height: 42px;
    color: #767500;
    font-family: 'Roboto';
    font-weight: 700;
}

#staff h4 {
    font-family: 'Roboto';
    font-weight: 700;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 1px;
    color: white;
    font-size: 14px;
    line-height: normal;
    color: #FFFFFF !important;
    background: #B9A649;
}

#staff h4::after {
    display: none;
}

section#mng_carousel .carousel-inner {
    padding-left: 30px;
}

section#mng_carousel a {
    width: auto;
}

#mng_carousel .carousel {
    width: 100%;
}

#staff .card-body div {
    padding-left: 0px;
    margin-bottom: 10px;
}

#staff .card-body {
    padding-left: 0px !important;
}

#staff .card-body * {
    color: #262626;
}

#staff .card-body a.w-100 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #C0AE00;
    margin-bottom: 10px;
}

#leaders_second h4 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #C0AE00;
    margin-bottom: 10px;
}

#leaders_second div a {
    color: #212529 !important;
}

#leaders_second .bordered_right {
    border-right: 1px solid #E9E4CC;
}

#leaders_second .bordered_bottom {
    border-bottom: 1px solid #E9E4CC;
}

a.black {
    color: black !important;
}

#homepage-publications .flip-box-front {
    background-color: #FFFFFF;
}

#homepage-publications .flip-box {
    padding-top: 0px;
}

#homepage-publications .homepage-publictions {
    /*width:267px;*/
    width: 240px;
    height: 340px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

#homepage-publications .flip-box-front {
    height: 377px;
    padding-top: 18px;
}

#homepage-publications .flip-box-back {
    background-color: #F8F8F8;
}

#homepage-publications .relpublications-flipboxback-downloadbtn {
    color: #000000;
}

#homepage-publications .relpublications-flipboxback-readmore {
    font-style: italic;
    text-align: left;
}

#homepage-publications .relpublication-flipback-title {
    padding-left: 0px;
    padding-right: 0px;
}

#homepage-publications .homepage-publication-summary {
    color: #333333;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

#homepage-publications .relpublications-flipbox {
    padding-right: 15px;
}

#homepage-explore-publication-mobile {
    display: none;
}

@media (min-width: 768px) and (max-width: 1096px) {
    .library-browse-full-library,
    .library-browse-full-library:hover {
        width: 90% !important;
    }
}

@media and (max-width:1440px) {
    .footer_section_subs a {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: inherit;
        color: #807F83;
        margin-bottom: 15px;
        display: inline-block;
    }
}

@media screen and (max-width: 1024px) {
    #homepage-explore-publication-mobile {
        /* display: block;*/
        display: flex;
    }
    .blog_main .flip-box-inner,
    .speeches_main .flip-box-inner {
        margin: auto;
    }
    .news_main .executive-reflections-publication-flipbox .flip-box-inner {
        /* display:block!important;*/
        margin: auto;
    }
    #homepage-explore-publication-desktop {
        display: none !important;
    }
    .relpublications-flipbox .flip-box-inner {
        /*width: 255px !important;*/
        margin: auto !important;
    }
    #homepage-publications .slick-prev {
        margin-left: 25px;
    }
    #homepage-publications .slick-next {
        margin-right: 25px;
    }
}


/* End: SMEF items : 46 Member Institutions, 44 Member Countries, 47 Policy Changes, 7 Knowledge Products */

@media screen and (max-width:1024px) and (min-width:768px) {
    div#carouselExampleIndicators .carousel-item div h2 {
        font-size: 50px;
    }
    div#carouselExampleIndicators .carousel-item div {
        top: 25%;
    }
}

@media only screen and (max-width: 768px) {
    .vid-news .slider-nav {
        width: 80%;
    }
    section>div#regional {
        height: 228px;
    }
    .smef-relpublictions-container .relpublications-flipbox {
        margin: auto;
        display: block !important;
    }
    #brand.navbar-shadow a {
        display: flex !important;
    }
    #brand.navbar-shadow {
        box-shadow: none !important;
        height: unset;
    }
    .wrapper_filter {
        margin-right: 0px;
        margin-left: 0px;
    }
    .pagination span,
    .pagination a {
        padding-left: 4px !important;
        padding-right: 4px !important;
        font-size: 14px !important;
        ;
    }
    #career_first,
    #mng_first,
    #leader_first,
    #community-first,
    #donor_first,
    section#donor_third,
    #awards_first,
    #financial_first,
    #gender_third,
    section#fintech_third {
        height: 72vw;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }
    section#gpf {
        background-image: url('/wp-content/themes/afi/img/image_93_mobile.jpg');
        padding-top: 15%;
        justify-content: space-around;
        color: black;
        padding-bottom: 2%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    #book_seat .global-forum-watch-video {
        margin-bottom: 10px !important;
        margin-top: 10px;
    }
    section#gpf img {
        width: 150px;
        padding-top: 2px;
    }
    section#gpf .title {
        margin-left: 10px;
        margin-bottom: 0;
    }
    section#gpf .title h2 {
        margin-top: 200px;
        line-height: 1;
        font-size: 30px;
    }
    section#gpf .title h1 {
        margin-top: 200px;
        line-height: 1;
        font-size: 30px;
    }
    section#gpf_2 .main_title {
        font-size: 28px;
        line-height: 1.1;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    div[id^="custom_slider"] .carousel-item img.d-block {
        height: auto;
        width: 100%;
    }
    section#gender_third,
    section#fintech_third {
        background-position-x: 70%;
    }
    div#collapsed_navbar {
        max-height: 474px;
        overflow-y: auto;
    }
    .activity_icon {
        /*display: none !important*/
        top: 10%;
    }
    .slide_mobile_cap {
        position: absolute;
        /*top: 55vh;*/
        top: 30vh;
        color: #fff;
        /* margin: 0 auto; */
        /* display: block; */
        /* width: 100%; */
        text-align: center;
        margin: 0 auto;
        width: 100%;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
        font-weight: bold;
        font-size: 25px;
        line-height: 26px;
        padding: 0px 40px;
    }
    .title_slide {
        width: 70%;
        display: inline-block;
        float: left;
    }
    .black_bg {
        background-color: #262626;
        order: 1;
        display: flex;
        flex-direction: column;
        padding: 10px 12px;
    }
    div[id^="custom_slider"] .carousel-item {
        /* display: grid; */
        flex-direction: column;
        max-width: inherit;
    }
    div[id^="custom_slider"] .carousel-item img.w-100 {
        width: auto !important;
        height: 220px;
    }
    div[id^="custom_slider"].a ctivity_icon {
        display: none;
    }
    .black_bg h5 {
        display: block;
    }
    .black_bg * {
        color: white;
    }
    #career .card-title {
        font-size: 18px;
    }
    section.funding_donor .card-title {
        font-size: 15px !important;
    }
    .costing tr td {
        line-height: 1.6;
        font-size: 15px;
    }
    section#gender_third h3 {
        /* position: absolute; */
        /* height: 200px; */
    }
    div#ten_points h5 {
        text-align: center;
        flex-direction: column;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        /* margin: auto; */
        width: -webkit-fill-available;
        padding: 10px 36px;
        height: ;
    }
    div#ten_points h5 span.yellow {
        display: inline-block;
    }
    div#ten_points h5::before {
        display: none;
    }
    #staff .card-title {
        font-size: 20px;
    }
    #awards_second div {
        padding-left: 5px !important;
    }
    #awards_second .card-body,
    #awards_four .card-body {
        background-color: transparent;
    }
    section.image-bods img,
    .bordered_img {
        max-width: inherit;
    }
    #leaders_second .bordered_right {
        border-right: none !important;
    }
    #staff .card-body {
        background-color: transparent;
    }
    .mo_description {
        text-align: left;
    }
    #staff h4::after {
        display: flex;
        float: right;
    }
    #career_first h2,
    #mng_first h2,
    #leader_first h2,
    #community-first h2,
    #donor_first h2,
    #awards_first h2 {
        font-size: 35px;
        /* margin-top: 10% */
    }
    .afi-publications-title,
    .afi-publications-teaser {
        padding-left: 0px;
        margin-left: 20px;
    }
    .afi-publications-logo {
        margin-left: 0px;
        margin-bottom: 25px;
    }
    .right-border {
        border-right: none;
    }
    .footer-intro-text {
        text-align: center !important;
        color: black;
        padding: 5px 15px;
        margin-bottom: 14px;
    }
    div#footer-brand-logo {
        text-align: center !important;
    }
    .footer-follow-us-title {
        text-align: center !important;
        margin-bottom: 5px;
        font-family: 'Roboto';
        font-weight: 700;
    }
    .footer-follow-us-links {
        text-align: center !important;
    }
    .footer-signup-txt {
        text-align: center !important;
        font-family: 'Roboto';
        font-weight: 700;
    }
    #afilogo {
        width: 50px;
    }
    div#carouselExampleIndicators .carousel-item img.w-100 {
        height: 500px;
    }
    div#carouselExampleIndicators .carousel-item div h2 {
        font-size: 25px;
    }
    .top {
        background-color: #262626;
    }
    .logo {
        height: 47px;
        margin-top: 2px;
    }
    .fadeInRight {
        width: 50px;
    }
    ul.second_nav li,
    ul.first_row li {
        border: none;
    }
    ul.second_nav {
        border: none;
    }
    .mo_title {
        text-align: left;
        margin-top: 15px;
    }
    ul.first_row,
    .second_nav.row {
        padding-top: 10px;
        padding-right: 0px;
    }
    div#collapsed_navbar ul,
    #sitemap div a,
    div#collapsed_navbar ul li {
        padding-left: 0px;
        margin-bottom: 0px;
    }
    ul.first_row {
        box-shadow: 2px -5px 3px rgba(0, 0, 0, 0.1);
    }
    div#carouselExampleIndicators .carousel-item div {
        /* top: 30%; */
        /* top: 20%; */
    }
    #hompage_inside {
        /* margin-top: 140px; */
    }
    #hompage_inside div * {
        /* margin: auto; */
    }
    .smef_explorepub_button {
        float: none !important;
    }
    div#collapsed_navbar .navbar-link {
        line-height: 3.5;
    }
    div#collapsed_navbar ul li {
        line-height: 0.5;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-bottom: 4px;
    }
    div#collapsed_navbar .navbar-link::after {
        content: "\F078";
        float: right;
        color: #C0AE00 !important;
        font-size: 11px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        /* margin-top: 8px; */
        line-height: 5.9;
    }
    #sitemap div a {
        line-height: 3;
    }
    div#collapsed_navbar {
        top: unset;
    }
    #collapsed_navbar .border_right {
        border-bottom: 1px solid #C0AE00;
        border-right: 0px;
    }
    .gpf-description {
        z-index: 0 !important;
        top: auto !important;
        position: relative !important;
        width: 100% !important;
        background-color: #000000;
        margin-left: 0px !important;
    }
    .gpf-learn-more {
        width: 100% !important;
    }
    .carousel-control-next i,
    .carousel-control-prev i {
        background-color: white;
        color: black;
        padding: 5px 8px;
    }
    .gpf-title {
        font-size: 25px !important;
    }
}


/*Page Digital initiatives*/

.arrow-right {
    padding-left: 20px;
    list-style: none;
}

.arrow-right li {
    margin-bottom: 10px;
}

.arrow-right li:before {
    content: "\F054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin: 0 5px 0 -15px;
}

.sdg_slick div img {
    height: 260px;
    margin-right: 12px !important;
}


/*Page Digital initiatives*/

.arrow-right {
    padding-left: 20px;
    list-style: none;
}

.arrow-right li {
    margin-bottom: 10px;
}

.arrow-right li:before {
    content: "\F054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin: 0 5px 0 -15px;
}

section#gpf_2 {
    padding-top: 25px;
    padding-bottom: 25px;
}

section#gpf_2 .thumbnail img {
    width: 99%;
    margin: auto;
    display: block;
    /* position: relative; */
    /* width: 110%; */
}

section#gpf_2 .b-bottom {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 20px;
    margin-top: 11px;
}

section#gpf_2 .b-bottom h3 {
    margin-bottom: 0px;
    margin-top: 10p;
}

section#gpf_2 .b-bottom a {
    color: black !important;
}

div#events_tab .tab-pane {
    background-color: #fff;
}

div#home {}

div#events_tab .tab-pane div.row {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #E9E4CC;
    margin: 0px;
}

div#events_tab .tab-pane .yellow {
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
}

.newsroom-interview-front-thumb,
.flip-img {
    height: 200px
}

#posts_content .flip-box {
    width: 332px !important;
    /* display: block !important; */
    /* margin-right: 15px; */
}

#posts_content div.flip-img {
    background-size: 310px 200px;
    background-repeat: no-repeat;
    /* background-position-y: center; */
    background-position: center;
}

div#slick-slide10 {}

.yellow_bg {
    background-color: yellow;
}

.loading_img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin: auto;
    position: fixed;
    top: 10px;
    z-index: 999;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    position: fixed;
    /* width: 500px; */
    /* height: 200px; */
    top: 44%;
    left: 50%;
    /* margin-top: -100px; */
    /* Negative half of height. */
    /* margin-left: -250px; */
    /* Negative half of width. */
}


/* Pagination */

.pagination {
    /* clear: both; */
    /* position: relative; */
    /* font-size: 11px; */
    /* Pagination text size */
    /* line-height: 13px; */
    /* float: right; */
    /* Pagination float direction */
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.pagination span,
.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #A3A2A6 !important;
    /* Pagination text color */
    cursor: pointer;
    /* background: #555; */
    /* Pagination non-active background color */
    font-size: 15px;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    font-weight: 300;
}

.pagination a:hover {
    color: #fff;
    /* background: #6AAC70; */
    /* Pagination background on hover */
}

.pagination .current {
    padding: 6px 9px 5px 9px;
    /* background: #6AAC70; */
    /* Current page background */
    color: #C0AE00 !important;
}

section#gpf_2 .b-bottom div {
    justify-content: space-between;
    display: flex;
    font-weight: bold;
}

section.funding_donor .card-header,
section.funding_donor .awp .card {
    border-bottom: none;
    border-top: 1px solid #A3A2A6;
}

section.funding_donor .card-header:first-child {
    border-top: 0px;
}

section.funding_donor #accordion_2 p {
    margin-left: 84px;
}

section.funding_donor .card-title {
    font-size: 22px;
    line-height: 31px;
    display: flex;
    align-items: center;
    display: inline;
    color: #262626 !important;
}

section.funding_donor .card-title img {
    margin-right: 15px;
}

.nav-item.today a {
    font-size: 20px;
    line-height: 19px;
    border: none !important;
    height: 100%;
    color: #C0AE00 !important;
}

.spinner {
    position: fixed;
    z-index: 99999;
    left: 0%;
    padding-top: 20%;
    top: 0%;
    margin: auto;
    ;
    height: 100%;
    width: 100%;
    background-color: #e9eceff2;
}

.spinner .cube1 {
    margin: auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #b79c17;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.report_item {
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-right: 20px;
    text-align: center;
    margin-bottom: 28px;
    margin-top: 20px;
}

.report_item * {
    display: block;
}

.report_item img {
    margin: auto;
    margin-bottom: 20px;
    height: 125px;
}

.report_item b {
    font-weight: bold;
}

input.inputfile {
    opacity: 0;
    overflow: hidden;
    display: block;
    z-index: 12;
    position: absolute;
    top: 25px;
}

form span.grey {
    font-size: 12px !important;
}

input.inputfile+label+small {
    color: black !important;
    font-size: 12px;
}

input.inputfile+label {
    width: 250px;
    background: #C0AE00;
    border-radius: 5px;
    height: 29px;
    text-align: center;
    color: black;
    font-size: 14px;
    font-weight: 700;
    /*     position:absolute; */
    top: 25px;
    z-index: 11;
    left: 0px;
    cursor: pointer;
    /* display: block; */
    display: flex;
    align-items: center;
    /* text-align: center; */
    justify-content: center;
}

.nav-item.tmr a {
    color: white !important;
    background: #474747 !important;
    border-radius: 0px;
    outline: none !important;
    border: none !important;
}

ul#myTab li {
    flex-grow: 2;
}


/*.row {
    margin: 0px;
}*/

.col-md-12 {
    padding: 0px;
}

.continer-fluid {
    padding: 0px;
}

.nav-item.after_tmr a {
    background: #000000 !important;
    color: white !important;
    border-radius: 0px;
    outline: none !important;
    border: none !important;
}

.newsroom-video-show-hide-filter::after {
    display: none;
}

#learn_more {
    display: block;
    margin-top: 15px;
    font-weight: bold;
    color: grey !important;
    font-style: italic;
}

.grey_background {
    background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #807F83;
}

input.active+label {
    color: #C0AE00 !important;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #F8F8F8;
    border-color: #C0AE00 !important;
    background-color: #C0AE00 !important;
    padding: 1px;
    border-width: 1px !important;
    outline: none !important;
}

input#search_box {
    width: 100%;
    background-color: white;
    border: none;
    box-shadow: 0px 0px 0px grey;
    padding-left: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 31px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #AEAEAE;
}

#homepage_second {
    /* background: url('/wp-content/themes/afi/img/mobile-main.jpg'); */
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #C0AE00;
}


/* Cater for Bigger banner for newsroom-filter-blog, newsroom-filter-interview, newsroom-filter-news, newsroom-filter-photo, newsroom-filter-speech, newsroom-filter-videos */

.newsroom-filter-banner {
    height: 20vw !important;
}

@media screen and (max-width:768px) {
    .newsroom-filter-banner {
        height: 36vw !important;
    }
    #homepage_second {
        /* background: url('/wp-content/themes/afi/img/mobile-main.jpg'); */
        background: #C0AE00;
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #homepage_first {
        background-image: url('/wp-content/themes/afi/img/main_m.jpg');
        background-repeat: no-repeat;
        background-size-x: 100%;
        background-size: 100% 100%;
        height: 723px;
        background-position: center;
    }
    div#carouselExampleIndicators .carousel-item div a {
        width: 100%;
        border-radius: 3px;
        font-weight: normal;
        top: 75vh;
    }
    div#carouselExampleIndicators .carousel-item div img {
        margin: 0 auto;
    }
    .loading_img {
        top: 35%;
        left: 24%;
    }
    .search_wrap,
    .hide_title {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hide_title p {
        margin-bottom: 1px;
    }
    input#search_box {
        margin-bottom: 10px;
    }
    .pagination {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.back_top a {
    color: #B79C17;
}


/* End */

#career_first div.container,
#mng_first div.container,
#donor_first div.container,
#community-first div.container,
#leader_first div.container,
#awards_first div.container,
#financial_first div.container {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 50%;
}

#awards_first div div {
    margin-left: 5%;
}

div[id^="custom_slider"] ol li .boxnav {
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 0;
    display: block;
    justify-content: unset;
    padding: 11px;
    border: 1px solid #fff;
    text-shadow: 1px 1px 1px black;
    background-color: rgba(42, 42, 42, 0.41);
}

div[id^="custom_slider"] ol li.active .boxnav {
    height: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: inline-block !important;
}

div[id^="custom_slider"] ol li.active {
    flex-grow: 2;
    flex-direction: column;
    height: inherit;
    bottom: 0px;
    position: relative;
}

div[id^="custom_slider"] ol li {
    height: inherit;
    border: none;
    background: transparent;
    margin-left: 0px;
    margin: 0px;
    opacity: 1;
    text-indent: inherit;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
}

#career_first h2,
#mng_first h2,
#leader_first h2,
#community-first h2,
#donor_first h2,
#awards_first h2,
#financial_first h2,
#financial_first h3 {
    font-size: 46px;
    line-height: 26px;
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF;
    /* margin-left: 10%; */
    /* margin-top: 2%; */
    line-height: 0.8;
}

#financial_first h2 {
    line-height: 1;
}

#financial_first h3 {
    font-size: 38px;
    line-height: 44px;
}

#staff .card-title {
    font-size: 30px;
    line-height: 42px;
    color: #767500;
    font-family: 'Roboto';
    font-weight: 700;
}

#staff h4 {
    font-family: 'Roboto';
    font-weight: 700;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 1px;
    color: white;
    font-size: 14px;
    line-height: normal;
    color: #FFFFFF !important;
    background: #B9A649;
}

#staff h4::after {
    display: none;
}

section#mng_carousel .carousel-inner {
    padding-left: 30px;
}

section#mng_carousel a {
    width: auto;
}

#mng_carousel .carousel {
    width: 100%;
}

#staff .card-body div {
    padding-left: 0px;
    margin-bottom: 10px;
}

#staff .card-body {
    padding-left: 0px !important;
}

#staff .card-body * {
    color: #262626;
}

#staff .card-body a.w-100 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #C0AE00;
    margin-bottom: 10px;
}

#leaders_second h4 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #C0AE00;
    margin-bottom: 10px;
}

#leaders_second .h4 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #C0AE00;
    margin-bottom: 10px;
}

#leaders_second div a {
    color: #212529 !important;
}

#leaders_second .bordered_right {
    border-right: 1px solid #E9E4CC;
}

#leaders_second .bordered_bottom {
    border-bottom: 1px solid #E9E4CC;
}

a.black {
    color: black !important;
}

#homepage-publications .flip-box-front {
    background-color: #FFFFFF;
}

#homepage-publications .flip-box {
    padding-top: 0px;
}

#homepage-publications .homepage-publictions {
    /*width:267px;*/
    width: 240px;
    height: 340px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

#homepage-publications .flip-box-front {
    height: 377px;
    padding-top: 18px;
}

#homepage-publications .flip-box-back {
    background-color: #F8F8F8;
}

#homepage-publications .relpublications-flipboxback-downloadbtn {
    color: #000000;
}

#homepage-publications .relpublications-flipboxback-readmore {
    font-style: italic;
    text-align: left;
}

#homepage-publications .relpublication-flipback-title {
    padding-left: 0px;
    padding-right: 0px;
}

#homepage-publications .homepage-publication-summary {
    color: #333333;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
}

#homepage-publications .relpublications-flipbox {
    padding-right: 15px;
}

#homepage-explore-publication-mobile {
    display: none;
}

@media (min-width: 768px) and (max-width: 1096px) {
    .library-browse-full-library,
    .library-browse-full-library:hover {
        width: 90% !important;
    }
}

@media screen and (max-width: 1024px) {
    #homepage-explore-publication-mobile {
        /*display: block;*/
        display: flex;
    }
    #homepage-explore-publication-desktop {
        display: none !important;
    }
    .relpublications-flipbox .flip-box-inner {
        /*width: 255px !important;*/
        width: 285px !important;
        margin: auto !important;
    }
    #homepage-publications .slick-prev {
        margin-left: 25px;
    }
    #homepage-publications .slick-next {
        margin-right: 25px;
    }
}


/* End: SMEF items : 46 Member Institutions, 44 Member Countries, 47 Policy Changes, 7 Knowledge Products */

@media screen and (max-width:1024px) and (min-width:768px) {
    div#carouselExampleIndicators .carousel-item div h2 {
        font-size: 50px;
    }
    div#carouselExampleIndicators .carousel-item div {
        top: 25%;
    }
}

@media only screen and (max-width: 768px) {
    section>div#regional {
        height: 228px;
    }
    .wrapper_filter {
        margin-right: 0px;
        margin-left: 0px;
    }
    .pagination span,
    .pagination a {
        padding-left: 4px !important;
        padding-right: 4px !important;
        font-size: 14px !important;
        ;
    }
    #career_first,
    #mng_first,
    #leader_first,
    #community-first,
    #donor_first,
    section#donor_third,
    #awards_first,
    #financial_first,
    #gender_third,
    section#fintech_third {
        height: 72vw;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }
    section#gpf {
        /* background-image: url('/wp-content/themes/afi/img/gpf_main_m.jpg'); */
        background-image: url('/wp-content/themes/afi/img/image_93_mobile.jpg');
        padding-top: 15%;
        justify-content: space-around;
        color: black;
        padding-bottom: 2%;
        background-repeat: no-repeat;
        /* background-size: 100% 100%; */
        background-size: cover;
    }
    #book_seat .global-forum-watch-video {
        margin-bottom: 10px !important;
        margin-top: 10px;
    }
    section#gpf img {
        width: 150px;
        padding-top: 2px;
        margin-top: 13vh;
    }
    section#gpf .title {
        margin-left: 10px;
        margin-bottom: 0;
    }
    section#gpf .title h2 {
        margin-top: 200px;
        line-height: 1;
        font-size: 30px;
    }
    section#gpf .title h1 {
        margin-top: 200px;
        line-height: 1;
        font-size: 30px;
    }
    section#gpf_2 .main_title {
        font-size: 28px;
        line-height: 1.1;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    div[id^="custom_slider"] .carousel-item img.d-block {
        height: auto;
        width: 100%;
    }
    section#gender_third,
    section#fintech_third {
        background-position-x: 70%;
    }
    div#collapsed_navbar {
        max-height: 474px;
        overflow-y: auto;
    }
    .activity_icon {
        /*display: none !important*/
        top: 10%;
    }
    .slide_mobile_cap {
        position: absolute;
        /*top: 55vh;*/
        /*top: 30vh;*/
        top: 50%;
        color: #fff;
        /* margin: 0 auto; */
        /* display: block; */
        /* width: 100%; */
        text-align: center;
        margin: 0 auto;
        width: 100%;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
        font-weight: bold;
        font-size: 25px;
        line-height: 26px;
        padding: 0px 40px;
    }
    .slide_mobile_cap h5 {
        text-shadow: 1px 0px 2px black;
        font-weight: bold;
    }
    .black_bg {
        background-color: #262626;
        order: 1;
        display: flex;
        flex-direction: column;
        padding: 10px 12px;
    }
    div[id^="custom_slider"] .carousel-item {
        /* display: grid; */
        flex-direction: column;
        max-width: inherit;
    }
    div[id^="custom_slider"] .carousel-item img.w-100 {
        width: auto !important;
        height: 220px;
    }
    div[id^="custom_slider"].a ctivity_icon {
        display: none;
    }
    .black_bg h5 {
        display: block;
    }
    .black_bg * {
        color: white;
    }
    #career .card-title {
        font-size: 18px;
    }
    section.funding_donor .card-title {
        font-size: 15px !important;
    }
    .costing tr td {
        line-height: 1.6;
        font-size: 15px;
    }
    section#gender_third h3 {
        /* position: absolute; */
        /* height: 200px; */
    }
    div#ten_points h5 {
        text-align: center;
        flex-direction: column;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        /* margin: auto; */
        width: -webkit-fill-available;
        padding: 10px 36px;
        height: ;
    }
    div#ten_points h5 span.yellow {
        display: inline-block;
    }
    div#ten_points h5::before {
        display: none;
    }
    #staff .card-title {
        font-size: 20px;
    }
    #awards_second div {
        padding-left: 5px !important;
    }
    #awards_second .card-body,
    #awards_four .card-body {
        background-color: transparent;
    }
    section.image-bods img,
    .bordered_img {
        max-width: inherit;
    }
    #leaders_second .bordered_right {
        border-right: none !important;
    }
    #staff .card-body {
        background-color: transparent;
    }
    .mo_description {
        text-align: left;
    }
    #staff h4::after {
        display: flex;
        float: right;
    }
    #career_first h2,
    #mng_first h2,
    #leader_first h2,
    #community-first h2,
    #donor_first h2,
    #awards_first h2 {
        font-size: 35px;
        /* margin-top: 10% */
    }
    .afi-publications-title,
    .afi-publications-teaser {
        padding-left: 0px;
        margin-left: 20px;
    }
    .afi-publications-logo {
        margin-left: 0px;
        margin-bottom: 25px;
    }
    .right-border {
        border-right: none;
    }
    .footer-intro-text {
        text-align: center !important;
        color: black;
        padding: 5px 15px;
        margin-bottom: 14px;
    }
    div#footer-brand-logo {
        text-align: center !important;
    }
    .footer-follow-us-title {
        text-align: center !important;
        margin-bottom: 5px;
        font-family: 'Roboto';
        font-weight: 700;
    }
    .footer-follow-us-links {
        text-align: center !important;
    }
    .footer-signup-txt {
        text-align: center !important;
        font-family: 'Roboto';
        font-weight: 700;
    }
    #afilogo {
        width: 50px;
    }
    div#carouselExampleIndicators .carousel-item img.w-100 {
        height: 500px;
    }
    div#carouselExampleIndicators .carousel-item div h2 {
        font-size: 25px;
    }
    .top {
        background-color: #C0AE00;
    }
    .logo {
        height: 35px;
        /* margin-top: 3px; */
        margin-top: -9px;
        /* width: 76px !important; */
    }
    .fadeInRight {
        width: 50px;
    }
    #gpf .fadeInRight {
        width: 100% !important;
    }
    ul.second_nav li,
    ul.first_row li {
        border: none;
        margin-top: 0px;
    }
    .second_nav.row li {
        margin-top: 0px;
    }
    ul.second_nav {
        border: none;
    }
    .mo_title {
        text-align: left;
        margin-top: 15px;
    }
    ul.first_row,
    .second_nav.row {
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
    }
    div#collapsed_navbar ul,
    #sitemap div a,
    div#collapsed_navbar ul li {
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .last-mobile {
        padding-bottom: 25px !important;
    }
    .last-mobile li {
        line-height: 0.5px !important;
        padding-bottom: 10px !important;
        height: 29px !important;
    }
    .last-mobile li a {
        color: black !important;
        font-weight: bold !important;
        line-height: 0.4px !important;
        padding: 0px !important;
    }
    .last-mobile li .mobileCOVID {
        color: #C0AE00 !important;
    }
    ul.first_row {
        box-shadow: 2px -5px 3px rgba(0, 0, 0, 0.1);
    }
    div#carouselExampleIndicators .carousel-item div {
        /* top: 30%; */
    }
    .smef_explorepub_button {
        float: none !important;
    }
    div#collapsed_navbar .navbar-link {
        line-height: 3.5;
    }
    div#collapsed_navbar ul li {
        line-height: 0.1;
        /* margin-top: 0px !important; */
        margin-bottom: 0px !important;
        padding-bottom: 0px;
    }
    div#collapsed_navbar .navbar-link::after {
        content: "\F078";
        float: right;
        color: #C0AE00 !important;
        font-size: 11px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        /* margin-top: 8px; */
        line-height: 5.9;
    }
    #sitemap div a {
        line-height: 3;
    }
    div#collapsed_navbar {
        top: unset;
    }
    #collapsed_navbar .border_right {
        border-bottom: 1px solid #C0AE00;
        border-right: 0px;
    }
    .gpf-description {
        z-index: 0 !important;
        top: auto !important;
        position: relative !important;
        width: 100% !important;
        background-color: #000000;
        margin-left: 0px !important;
    }
    .gpf-learn-more {
        width: 100% !important;
    }
    .carousel-control-next i,
    .carousel-control-prev i {
        background-color: white;
        color: black;
        padding: 5px 8px;
    }
    .gpf-title {
        font-size: 25px !important;
    }
}


/*Page Digital initiatives*/

.arrow-right {
    padding-left: 20px;
    list-style: none;
}

.arrow-right li {
    margin-bottom: 10px;
}

.arrow-right li:before {
    content: "\F054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin: 0 5px 0 -15px;
}

.sdg_slick div img {
    height: 260px;
    margin-right: 12px !important;
}


/*Page Digital initiatives*/

.arrow-right {
    padding-left: 20px;
    list-style: none;
}

.arrow-right li {
    margin-bottom: 10px;
}

.arrow-right li:before {
    content: "\F054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin: 0 5px 0 -15px;
}

section#gpf_2 {
    padding-top: 25px;
    padding-bottom: 25px;
}

section#gpf_2 .thumbnail img {
    width: 99%;
    margin: auto;
    display: block;
    /* position: relative; */
    /* width: 110%; */
}

section#gpf_2 .b-bottom {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 20px;
    margin-top: 11px;
}

section#gpf_2 .b-bottom h3 {
    margin-bottom: 0px;
    margin-top: 10p;
}

section#gpf_2 .b-bottom a {
    color: black !important;
}

div#events_tab .tab-pane {
    background-color: #fff;
}

div#home {}

div#events_tab .tab-pane div.row {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #E9E4CC;
    margin: 0px;
}

div#events_tab .tab-pane .yellow {
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
}

.newsroom-interview-front-thumb,
.flip-img {
    /* height: 200px */
    height: 120px
}

#posts_content .flip-box {
    width: 332px !important;
    /* display: block !important; */
    /* margin-right: 15px; */
}

#posts_content div.flip-img {
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position-y: center; */
    background-position: center;
}

div#slick-slide10 {}

.yellow_bg {
    background-color: yellow;
}

.loading_img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin: auto;
    position: fixed;
    top: 10px;
    z-index: 999;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    position: fixed;
    /* width: 500px; */
    /* height: 200px; */
    top: 44%;
    left: 50%;
    /* margin-top: -100px; */
    /* Negative half of height. */
    /* margin-left: -250px; */
    /* Negative half of width. */
}


/* Pagination */

.pagination {
    /* clear: both; */
    /* position: relative; */
    /* font-size: 11px; */
    /* Pagination text size */
    /* line-height: 13px; */
    /* float: right; */
    /* Pagination float direction */
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.pagination span,
.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #A3A2A6 !important;
    /* Pagination text color */
    cursor: pointer;
    /* background: #555; */
    /* Pagination non-active background color */
    font-size: 15px;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    font-weight: 300;
}

.pagination a:hover {
    color: #fff;
    /* background: #6AAC70; */
    /* Pagination background on hover */
}

.pagination .current {
    padding: 6px 9px 5px 9px;
    /* background: #6AAC70; */
    /* Current page background */
    color: #C0AE00 !important;
}

section#gpf_2 .b-bottom div {
    justify-content: space-between;
    display: flex;
    font-weight: bold;
}

section.funding_donor .card-header,
section.funding_donor .awp .card {
    border-bottom: none;
    border-top: 1px solid #A3A2A6;
}

section.funding_donor .card-header:first-child {
    border-top: 0px;
}

section.funding_donor #accordion_2 p {
    margin-left: 84px;
}

section.funding_donor .card-title {
    font-size: 22px;
    line-height: 31px;
    display: flex;
    align-items: center;
    display: inline;
    color: #262626 !important;
}

section.funding_donor .card-title img {
    margin-right: 15px;
}

.nav-item.today a {
    font-size: 20px;
    line-height: 19px;
    border: none !important;
    height: 100%;
    color: #C0AE00 !important;
}

.spinner {
    position: fixed;
    z-index: 99999;
    left: 0%;
    padding-top: 20%;
    top: 0%;
    margin: auto;
    ;
    height: 100%;
    width: 100%;
    background-color: #e9eceff2;
}

.spinner .cube1 {
    margin: auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #b79c17;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.report_item {
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-right: 20px;
    text-align: center;
    margin-bottom: 28px;
    margin-top: 20px;
}

.report_item * {
    display: block;
}

.report_item img {
    margin: auto;
    margin-bottom: 20px;
    height: 125px;
}

.report_item b {
    font-weight: bold;
}

input.inputfile {
    opacity: 0;
    overflow: hidden;
    display: block;
    z-index: 12;
    position: absolute;
    top: 25px;
}

form span.grey {
    font-size: 12px !important;
}

input.inputfile+label+small {
    color: black !important;
    font-size: 12px;
}

input.inputfile+label {
    width: 250px;
    background: #C0AE00;
    border-radius: 5px;
    height: 29px;
    text-align: center;
    color: black;
    font-size: 14px;
    font-weight: 700;
    /*     position:absolute; */
    top: 25px;
    z-index: 11;
    left: 0px;
    cursor: pointer;
    /* display: block; */
    display: flex;
    align-items: center;
    /* text-align: center; */
    justify-content: center;
}

.nav-item.tmr a {
    color: white !important;
    background: #474747 !important;
    border-radius: 0px;
    outline: none !important;
    border: none !important;
}

ul#myTab li {
    flex-grow: 2;
}


/*.row {
    margin: 0px;
}*/

.col-md-12 {
    padding: 0px;
}

.continer-fluid {
    padding: 0px;
}

.nav-item.after_tmr a {
    background: #000000 !important;
    color: white !important;
    border-radius: 0px;
    outline: none !important;
    border: none !important;
}

.newsroom-video-show-hide-filter::after {
    display: none;
}

#learn_more {
    display: block;
    margin-top: 15px;
    font-weight: bold;
    color: grey !important;
    color: #222 !important;
    font-style: italic;
}

.grey_background {
    background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #807F83;
}

input.active+label {
    color: #C0AE00 !important;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #F8F8F8;
    border-color: #C0AE00 !important;
    background-color: #C0AE00 !important;
    padding: 1px;
    border-width: 1px !important;
    outline: none !important;
}

input#search_box {
    width: 100%;
    background-color: white;
    border: none;
    box-shadow: 0px 0px 0px grey;
    padding-left: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 31px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #AEAEAE;
}


/* Cater for Bigger banner for newsroom-filter-blog, newsroom-filter-interview, newsroom-filter-news, newsroom-filter-photo, newsroom-filter-speech, newsroom-filter-videos */

.newsroom-filter-banner {
    height: 20vw !important;
}

@media screen and (max-width:768px) {
    .newsroom-filter-banner {
        height: 36vw !important;
    }
    .loading_img {
        top: 35%;
        left: 24%;
    }
    .search_wrap,
    .hide_title {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hide_title p {
        margin-bottom: 1px;
    }
    input#search_box {
        margin-bottom: 10px;
    }
    .pagination {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.back_top a {
    color: #B79C17;
}


/* End */

#regional-initiatives-piri-section>div#regional {
    height: auto !important;
}

#regional-initiatives-piri-section>#regional .thumbnail_mng.slider-nav {
    position: relative;
    margin-top: 0px;
    bottom: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #c4c4c4;
    margin-bottom: 0px;
}

#regional-initiatives-piri-section .slick-track {
    /*     transform: none !important; */
}

#regional-initiatives-piri-section .slider-nav-item {
    display: flex !important;
    justify-content: center;
    padding-right: 15px !important;
}

#management-norbert-mumba .slider-nav {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #c4c4c4;
    padding-top: 30px;
    padding-bottom: 30px;
}

#management-norbert-mumba .slick-track {
    /*     transform: none !important; */
}

#management-norbert-mumba .slider-nav-item {
    display: flex !important;
    justify-content: center;
    padding-right: 15px !important;
}

#thematic-inclusive-green-finance .slider-nav {
    margin-top: -7px;
    margin-bottom: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #c4c4c4;
}

#thematic-inclusive-green-finance .slick-track {
    /*     transform: none !important; */
}

#thematic-inclusive-green-finance .slider-nav-item {
    display: flex !important;
    justify-content: center;
    padding-right: 15px !important;
}

#african-financial-inclusion-policy-nitiative-afpi>div#regional {
    height: auto !important;
}

#african-financial-inclusion-policy-nitiative-afpi>#regional .thumbnail_mng.slider-nav {
    position: relative;
    margin-top: 0px;
    bottom: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #c4c4c4;
    margin-bottom: 0px;
}


/* #african-financial-inclusion-policy-nitiative-afpi .slick-track {
    transform: none !important;
} */

#african-financial-inclusion-policy-nitiative-afpi .slider-nav-item {
    display: flex !important;
    justify-content: center;
    padding-right: 15px !important;
}

#african-financial-inclusion-policy-nitiative-afpi .iframe-vid {
    display: block !important;
}

#african-financial-inclusion-policy-nitiative-afpi .iframe-vid>iframe {
    display: block !important;
}

#regional-initiatives-piri-section .iframe-vid {
    display: block !important;
}

#regional-initiatives-piri-section .iframe-vid>iframe {
    display: block !important;
}

.gpf-video .slider-nav {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #c4c4c4;
}

.gpf-video .iframe-vid {
    display: block !important;
}

.gpf-video .iframe-vid>iframe {
    display: block !important;
}

.gpf-video .slick-track {
    transform: none !important;
}

.text-align-center {
    text-align: center;
}

.gpf-video .slider-nav-item {
    display: flex !important;
    justify-content: center;
    padding-right: 15px !important;
}

#management-norbert-mumba .iframe-vid {
    display: block !important;
}

#management-norbert-mumba .iframe-vid>iframe {
    display: block !important;
}

#african-financial-inclusion-policy-nitiative-afpi .slick-dots li button:before,
#regional-initiatives-piri-section .slick-dots li button:before {
    color: #FFFFFF;
}

.slider-nav .slider-nav-item::after {
    content: '\F167';
    font-family: 'Font Awesome 5 Brands';
    font-size: 30px;
    position: absolute;
    top: 36%;
    bottom: 0px;
    margin: auto;
    z-index: 99;
    color: #dc354596;
    font-size: 36px;
}

.search_wrap {
    margin-bottom: 10px;
}

.search_wrap input {
    border: 1px solid #e9ecef !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: 55px !important;
}

.newsroom-video {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.vid-news .newsroom-videos-list {
    margin-top: 0px;
    max-width: 90% !important;
    padding-top: 40px;
    margin-bottom: 0px !important;
    padding-bottom: 40px;
    background-color: #c4c4c4;
}

.vid-news .desktop {
    margin: auto;
}

.vid-news .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
}

.vid-news .thumbnail_mng .slick-prev {
    margin-left: -10px !important;
}

.vid-news .thumbnail_mng .slick-next {
    margin-right: -10px !important;
}

.news_main .slider-nav {
    margin-top: 0px;
}

#publication-template h2 {
    font-size: 18px;
}

.blog_main #newsroom-blogs-section {
    margin-top: 30px;
}

.newsroom-news-section #newsroom-news-section {
    margin-top: 30px;
}

.videos_main #newsroom-videos-section {
    margin-top: 30px;
}

.speeches_main #newsroom-speeches-section {
    margin-top: 30px;
}

.videos_main .youtube-channel-video-embed {
    margin: auto;
}

#gpf_2 .main_title,
#gpf_3 .main_title,
#gpf_4 .main_title {
    font-size: 28px;
}

.watch-video-mobile-register {
    display: none;
}

.mobile-register-column {
    padding-left: 34px;
}

@media only screen and (max-width: 991px) {
    .watch-video-desktop-register {
        display: none !important;
    }
    .watch-video-mobile-register {
        display: block !important;
        /* margin-top:0px!important;  */
    }
    .watch-video-mobile-register .global-forum-watch-video {
        margin-top: 0px !important;
    }
    #book_seat {
        height: 230px !important;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-register-column {
        padding-left: 0px !important;
    }
    .slider-for .slick-slide {
        height: auto !important;
    }
    /*#african-financial-inclusion-policy-nitiative-afpi .slick-track{
        height:auto!important;
    } */
    .countdown-row {
        margin-bottom: 0px !important;
    }
    .mobile-register-column {
        max-width: 100% !important;
    }
    .watch-video-mobile-register .global-forum-watch-video {
        width: 100% !important;
    }
    /*.mo_item_member_mobile{
        display:block!important;
    }
    .mo_item_member_desktop{
        display:none!important;
    }*/
    #mo_item_list .slick-track {
        display: flex;
    }
    #mo_item_list .slick-track div:nth-child(1) {
        order: 2;
    }
    #mo_item_list .slick-track div:nth-child(2) {
        order: 1;
    }
    #mo_item_list .slick-track div:nth-child(3) {
        order: 3;
    }
    /*#mo_item_list .mo_item_countries{
        order:2;
    }
    #mo_item_list .mo_item_institutions{
        order:1;
    }
    #mo_item_list .mo_item_year{
        order:3;
    }*/
}

.tlinfoimages #reginfo5 {
    display: inline;
}


/*.mo_item_member_mobile{
    display:none;
}*/

.slider-for .slick-slide {
    height: 719px;
}

input#event_search_box {
    width: 100%;
    background-color: white;
    border: none;
    box-shadow: 0px 0px 0px grey;
    padding-left: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    height: 31px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #AEAEAE;
}

.calendar-search-title {
    color: #B79C17;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px
}

.calendar-search-container {
    margin-top: 40px;
}

.calendar-event-search-result {
    margin-top: 50px;
    width: 100%;
}

@media screen and (min-resolution:1.5dppx) {
    body {
        zoom: 0.75;
        font-size: 19px;
    }
    h4.grey,
    h5.grey {
        font-size: 19px !important;
    }
    p.grey {
        font-size: 19px !important;
    }
    .relpublication-flipback-summary {
        font-size: 14px !important;
    }
    ul.first_row li,
    .second_nav.row li {
        font-size: 17px;
    }
    div[id^="custom_slider"] ol li.active p {
        font-size: 15px !important;
    }
    div[id^="custom_slider"] ol li h5 {
        font-size: 16px;
        ;
    }
    .activities-description p,
    .community-top-description p,
    .member-section-description p,
    .donors-partners-section-description p,
    .activities-description p,
    section#gpf .description {
        font-size: 19px !important;
    }
    /*.community-top-description,
    #global-voice .global-voice-description,
    #gpf .global-voice-description {*/
    .community-top-description,
    #gpf .global-voice-description {
        width: 56% !important;
        font-size: 19px !important;
    }
    p.subs,
    .afi-aboutus-vision-description,
    .afi-aboutus-mission-description,
    .afi-aboutus-our-values-items-description,
    .afi-aboutus-our-values-description {
        font-size: 18px !important;
    }
    p.bod-subs {
        font-size: 17px !important;
        line-height: 18px !important;
    }
}

#homepage-publications .flip-box-inner {
    box-shadow: None!important;
}

#homepage-publications .flip-box-back {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 576px) and (max-width: 768px) {
    .slide_mobile_cap {
        top: 10vh!important;
        padding-left: 160px;
        padding-right: 160px;
        display: flex!important;
        justify-content: center;
    }
    .slide_mobile_cap p {
        display: none!important;
    }
    .gender-inclusive-finance-10point .slick-next {
        right: 0px !important;
    }
    .gender-inclusive-finance-10point .slick-prev {
        left: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    #leaders_second {
        /*  padding-left:20px!important;
       padding-right:20px!important;*/
    }
    #leaders_second .slick-prev {
        /* left:0px!important;*/
        left: 0px!important;
    }
    #leaders_second .slick-next {
        /* left:0px!important;*/
        right: 0px!important;
    }
    #leader-perspective-main-block {
        padding-left: 15px;
        padding-right: 15px;
    }
    .maya-content-maps {
        padding-bottom: 0px!important;
    }
    .maya-recipients .maya-recipients-slide-item {
        display: block!important;
        margin: auto;
    }
    #awards_second {
        padding-left: 15px;
        padding-right: 15px;
    }
    .smef-relpublictions-container .slick-prev {
        left: 0px!important;
    }
    .smef-item-container .smef-item {
        display: block!important;
        margin: auto;
    }
    .stats-reg-cont .smef-item {
        display: block!important;
        margin: auto;
    }
    .regional-initiatives-main-block {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ecapi-bodmobile-slider .slick-prev {
        left: 0px!important;
    }
    .ecapi-bodmobile-slider .slick-next {
        right: 0px!important;
    }
    .stats-reg-cont .slick-next {
        right: 0px!important;
    }
    .stats-reg-cont .slick-prev {
        left: 0px!important;
    }
    #management-norbert-mumba .slick-next {
        right: 90px!important;
    }
    #management-norbert-mumba .slick-prev {
        margin-left: 0px!important;
        left: 0px!important;
    }
    #management-personnal-slider .slick-prev {
        left: 0px!important;
    }
    /* .gender-inclusive-finance-sdgs .slick-next {
        right:0px!important;
    }
    .gender-inclusive-finance-10point .slick-next{
        right:0px!important; 
    }*/
}

@media only screen and (max-width: 500px) {
    .global-voice-description {
        width: 90%!important;
    }
}

.maya-content-maps .maya-maps .slick-prev {
    left: 0px!important;
}

.maya-content-maps .maya-maps .slick-next {
    right: 0px!important;
}

.maya-recipients .slick-prev {
    left: 0px!important;
}

.maya-recipients .slick-next {
    right: 0px!important;
}

.maya-declaration .slick-prev {
    left: 0px!important;
}

.maya-declaration .slick-next {
    right: 0px!important;
}

.management-slider .bodmobile .slick-prev {
    left: 0px!important;
}

.management-personnal-slider .slick-prev {
    left: 0px!important;
}

.management-personnal-slider .slick-next {
    right: 0px!important;
}


/* For Content Table styling */


/*.content-table  {border-collapse:collapse; border:none;}
.content-table td{font-family:Arial, sans-serif;font-size:14px;padding:10px 10px;border-style:solid;border-width:3px;overflow:hidden;word-break:normal;border-color:white;}
.content-table th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 10px;border-style:solid;border-width:3px;overflow:hidden;word-break:normal;border-color:white;}
.content-table .table-header{background-color:#c1af00;color:#ffffff;text-align:center;vertical-align:top}
.content-table .cell-row{background-color:#f2f2f2;text-align:center;vertical-align:top}*/

.table-content {
    background-color: #eaeaea;
    padding: 50px 0px 50px 0px;
}

.sub-heading {
    color: #c1af00!important;
    font-weight: bold!important;
    font-size: 22px!important;
}

.content-table li,
.content-wide-table li,
.forcibly-displaced-persons li {
    font-family: Arial, sans-serif!important;
    font-size: 18px!important;
    color: #000;
}


/*.content-table  {border-collapse:collapse; border:none;width:100%;}
.content-table td{font-family:Arial, sans-serif;font-size:14px;border-style:solid;border-width:3px;overflow:hidden;word-break:normal;border-color:white;height: 45px;}
.content-table th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;border-style:solid;border-width:3px;overflow:hidden;word-break:normal;border-color:white;height:45px;}
.content-table .table-header{background-color:#c1af00;color:#ffffff;text-align:center;vertical-align:center}
.content-table .cell-row{background-color:#f2f2f2;text-align:center;vertical-align:center}
.content-table .left-labels{ text-align:left!important;padding-left:15px;}
.content-table .vertical-top{vertical-align:top;}*/


/*.content-table  {border-collapse:collapse; border:none;width:100%;}*/

@media only screen and (min-width: 1080px) {
    .content-table,
    .content-wide-table,
    .forcibly-displaced-persons {
        width: 100%;
    }
    .logo-column {
        width: 35%;
    }
}

@media only screen and (max-width: 1079px) {
    .content-table,
    .content-wide-table,
    .forcibly-displaced-persons {
        width: 900px;
    }
    .logo-column {
        width: 25%;
    }
}

.content-table li {
    font-size: 15px!important;
}

.content-table .table-sub-heading {
    color: black;
    font-size: 15px!important;
    line-height: 18px;
    font-weight: bold;
}

.content-table .year-header {
    width: 6%;
}

.content-table {
    border-collapse: initial!important;
    border: none;
}

.content-table td {
    font-family: Arial, sans-serif;
    font-size: 15px;
    border-style: solid;
    border-width: 3px;
    overflow: hidden;
    word-break: normal;
    border-color: none;
    height: 45px;
    border-spacing: 10px;
    border-color: #eaeaea;
    color: #807F83;
}

.content-table th {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    border-style: solid;
    border-width: 3px;
    overflow: hidden;
    word-break: normal;
    height: 45px;
    border-spacing: 10px;
    border-color: #eaeaea;
}

.content-table .table-header {
    background-color: #c1af00;
    color: #ffffff;
    text-align: center;
    vertical-align: center
}


/*.content-table .cell-row{background-color:#f2f2f2;text-align:center;vertical-align:center}*/

.content-table .cell-row {
    background-color: white;
    text-align: center;
    vertical-align: center;
    padding: 10px 0px 10px 0px;
}

.content-table .left-labels {
    text-align: left!important;
    padding-left: 15px;
}

.content-table .vertical-top {
    vertical-align: top;
}


/* For Content Table styling */


/*.content-wide-table  {border-collapse:collapse; border:none;width:100%;}
.content-wide-table td{font-family:Arial, sans-serif;font-size:14px;border-style:solid;border-width:3px;overflow:hidden;word-break:normal;border-color:white;height: 45px;}
.content-wide-table th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;border-style:solid;border-width:3px;overflow:hidden;word-break:normal;border-color:white;height:45px;}
.content-wide-table .table-header{background-color:#c1af00;color:#ffffff;text-align:center;vertical-align:center}
.content-wide-table .cell-row{background-color:#f2f2f2;text-align:center;vertical-align:top}
.content-wide-table .left-labels{ text-align:left!important;padding-left:15px;}
.content-wide-table .vertical-top{vertical-align:top;}*/


/*.content-wide-table  {border-collapse:collapse; border:none;width:100%;}*/

.content-wide-table .table-sub-heading {
    color: black;
    font-size: 15px!important;
    line-height: 18px;
    font-weight: bold;
}

.content-wide-table li {
    font-size: 15px!important;
}

.content-wide-table .year-header {
    width: 6%;
}

.content-wide-table {
    border-collapse: initial!important;
    border: none;
}

.content-wide-table td {
    font-family: Arial, sans-serif;
    font-size: 15px;
    border-style: solid;
    border-width: 3px;
    overflow: hidden;
    word-break: normal;
    border-color: none;
    height: 45px;
    border-spacing: 10px;
    border-color: #eaeaea;
    color: #807F83;
}

.content-wide-table th {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    border-style: solid;
    border-width: 3px;
    overflow: hidden;
    word-break: normal;
    height: 45px;
    border-spacing: 10px;
    border-color: #eaeaea;
}

.content-wide-table .table-header {
    background-color: #c1af00;
    color: #ffffff;
    text-align: center;
    vertical-align: center
}

.content-wide-table .cell-row {
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: top;
    padding: 10px 0px 10px 0px;
}

.content-wide-table .left-labels {
    text-align: left!important;
    padding-left: 15px;
}

.content-wide-table .vertical-top {
    vertical-align: top;
}


/*.forcibly-displaced-persons   {border-collapse:collapse; border:none;width:100%;}
.forcibly-displaced-persons  td{font-family:Arial, sans-serif;font-size:12px;border-style:solid;border-width:3px;overflow:hidden;word-break:normal;border-color:white;height: 45px;}
.forcibly-displaced-persons  th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;border-style:solid;border-width:3px;overflow:hidden;word-break:normal;border-color:white;height:45px;}
.forcibly-displaced-persons  .table-header{background-color:#215868;color:#ffffff;text-align:center;vertical-align:center;width:22%;}
.forcibly-displaced-persons  .cell-row{background-color:#f2f2f2;text-align:center;vertical-align:center;line-height:1.5;padding: 10px 10px 10px 10px;}
.forcibly-displaced-persons .no-bg-color{ background-color:transparent!important;}
.forcibly-displaced-persons .side-tab{ background-color:#215868;color:#fff!important;text-align: center;vertical-align: top; vertical-align: center; line-height: 1.5;padding-top: 10px; padding-bottom: 10px;}*/


/*.forcibly-displaced-persons   {border-collapse:collapse; border:none;width:100%;}*/

.forcibly-displaced-persons .table-sub-heading {
    color: black;
    font-size: 15px!important;
    line-height: 18px;
    font-weight: bold;
}

.forcibly-displaced-persons li {
    font-size: 15px!important;
}

.forcibly-displaced-persons .year-header {
    width: 6%!important;
}

.forcibly-displaced-persons .year-header-wide {
    width: 22%!important;
}

.forcibly-displaced-persons {
    border-collapse: initial!important;
    border: none;
}

.forcibly-displaced-persons td {
    font-family: Arial, sans-serif;
    font-size: 15px;
    border-style: solid;
    border-width: 3px;
    overflow: hidden;
    word-break: normal;
    border-color: none;
    height: 45px;
    border-spacing: 10px;
    border-color: #eaeaea;
    color: #807F83;
}

.forcibly-displaced-persons th {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    border-style: solid;
    border-width: 3px;
    overflow: hidden;
    word-break: normal;
    height: 45px;
    border-spacing: 10px;
    border-color: #eaeaea;
}

.forcibly-displaced-persons .table-header {
    background-color: #215868;
    color: #ffffff;
    text-align: center;
    vertical-align: center;
    width: 22%;
}

.forcibly-displaced-persons .cell-row {
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: center;
    line-height: 1.5;
    padding: 10px 10px 10px 10px;
    padding: 10px 0px 10px 0px;
}

.forcibly-displaced-persons .no-bg-color {
    background-color: transparent!important;
}

.forcibly-displaced-persons .left-labels {
    text-align: left!important;
    padding-left: 15px;
}

.forcibly-displaced-persons .side-tab {
    background-color: #215868;
    color: #fff!important;
    text-align: center;
    vertical-align: top;
    vertical-align: center;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.forcibly-displaced-persons .vertical-top {
    vertical-align: top;
}

@media only screen and (max-width: 768px) {
    #collapsed_navbar .border_right {
        padding-bottom: 15px;
    }
}

.regional-initiatives-main-block {
    padding-bottom: 50px;
}

.regional-initiatives-main-block img {
    /* max-width: 15%; */
	 max-width: 25%;
    height: auto;
}

.footer-accordion-title {
    border: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    /* line-height: 3.0; */
    color: #000000;
    background: transparent;
}

.footer-accordion-title p {
    line-height: 0 !important;
}

.footer-accordion-title a {
    color: #000000;
}

.footer-card {
    border: none;
    background: transparent;
}

.footer_section_title[aria-expanded="true"]:after {
    content: "\F077" !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    float: right;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    /* line-height: 3.0; */
    color: #000000;
}

.footer_section_title[aria-expanded="false"]:after {
    content: "\F078" !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    float: right;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    /* line-height: 3.0; */
    color: #000000;
}


/*jee.css*/

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#smef-item-list-2 span {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: normal;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF
}

#members-item-list-2 span {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: normal;
    text-align: center;
    letter-spacing: -0.05em;
    color: #4F4F4F
}

.mng_unit_cont {
    margin: 0px;
}

#smef-item-list .slick-track {
    justify-content: center;
    display: flex;
}

.smef-item-container {
    background-repeat: no-repeat;
    background-size: cover;
    /*padding : 50px 50px;*/
    padding: 50px 0px;
}

.smef-item {
    display: flex;
    flex-direction: column;
    color: #FFFFFF;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF;
    align-items: center;
}

.members-item span {
    display: flex;
    flex-direction: column;
    color: #FFFFFF;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 70px;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    color: #4F4F4F;
}

.members-item h4 {
    display: flex;
    flex-direction: column;
    color: #FFFFFF;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #4F4F4F;
}

.smef-item img {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.smef-item .imgstyle {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 45%;
    height: auto;
}

.imgstyle1 img {
    width: 45%;
    height: auto;
}

.members-item img {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.smef-item-img {
    height: 100px;
    /* Added on 27 april 2020 by Wilson*/
    /* margin-bottom:30px;*/
    margin-bottom: 18px;
}

.smef-relnewsblog-container {
    background-color: #000000;
    padding: 50px 0px;
}

.relnewsblog-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 28px;
    color: #C0AE00;
}

.smef-relnewsblog-item {
    padding: 0px 10px;
}

.smef-relnewsblog-item div {
    background-color: #807F83;
}

.director_reflectW {
    /*background: url("/wp-content/themes/afi/img/ED-Reflections_Banner.png");*/
    /* background: url("/wp-content/themes/afi/img/ED-Reflections_Banner-02.jpg"); */
    background: url("/wp-content/themes/afi/img/ed-reflections-full-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 428px;
    position: relative;
    background-position: left center;
}

.director_reflectM {
    background: url("/wp-content/themes/afi/img/alfreddismoreM.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 264px;
    position: relative;
}

.top-mng-unit {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 24vw;
    position: relative;
}

.top-wg-smef {
    /* background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 41vw;
    position: relative;*/
    /* background-size: contain; */
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 38.667%;
}

.top-copyright {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 17vw;
    position: relative;
}

.top-wg-content {
    /*margin: 0 auto;
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    color: #fff;
    text-align: left;
    padding-bottom: 20px;
    top: 22%;
    /*transform: translateY(-50%);*/
    /*   width: 100%;*/
    margin: 0 auto;
    position: absolute !important;
    bottom: auto;
    left: 0;
    right: 0;
    color: #fff;
    text-align: left;
    padding-bottom: 20px;
    top: 22%;
    /* transform: translateY(-50%); */
    width: 100%;
}

.newsroom-filter-banner .top-wg-content {
    top: 36%;
    /*transform: translateY(-50%);*/
}

.top-wg-content-contact {
    height: 25%;
    margin: 0 auto;
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.top-wg-content-M {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
}

.caption {
    position: relative;
    bottom: auto;
    margin-left: 0;
    font-weight: bold;
    display: block;
    height: auto;
    text-align: left;
    margin: 0 auto;
}

.captionContact p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
}

.caption2 {
    position: relative;
    bottom: 0;
    margin-left: 0;
    font-weight: bold;
    /*padding-left: 10%;*/
}

.caption2-reg h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px black;
}

.caption2-reg h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px black;
}

.caption2-maya {
    position: relative;
    bottom: 0;
    margin-left: 0;
    font-weight: bold;
    padding-left: 0;
}

.caption2 .header {
    /*padding-left: 56px;*/
    display: inline-block;
}

.caption2-maya .header {
    padding-left: 56px;
    display: inline-block;
}

.caption2 .header-newsroom {
    padding-left: 0;
    display: inline-block;
}

.header-newsroom h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
}

.header-newsroom h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
}

.header-newsroom p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF !important;
}

.caption2 h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
}

.caption2-knowledge h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 45px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.caption2-knowledge h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 45px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.caption2-maya h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    width: 371px;
    height: 88px;
    left: 371px;
    top: 242.91px;
}

.caption2-maya h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    width: 371px;
    height: 88px;
    left: 371px;
    top: 242.91px;
}

.caption2-maya h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 38px;
    width: 230px;
    height: 129px;
    left: 371px;
    top: 242.91px;
}

.knowledge-content {
    text-align: justify;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.knowledge-content .content-k {
    position: relative;
    left: 18.19%;
    right: 18.33%;
    top: 9.83%;
    bottom: 66.17%;
}

.btn-wg {
    background: white;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    color: #222222 !important;
    font-size: 12px;
    line-height: 17px;
    border-color: #222222;
    border: 1px solid #000000;
    box-sizing: border-box;
    padding: .4rem 1rem;
}

.btn-events {
    background: white;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    color: #222222 !important;
    font-size: 12px;
    line-height: 17px;
    border-color: #222222;
    border: 1px solid #000000;
    box-sizing: border-box;
    padding: .4rem 1rem;
    width: 200px !important;
    display: flex;
    text-align: left;
    justify-content: space-between;
    float: right;
}

.btn-newsrooms {
    background: #ffffff00;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF !important;
    font-size: 12px;
    line-height: 17px;
    border-color: #222222;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    padding: .4rem 1rem;
    width: 200px !important;
    display: flex;
    text-align: left;
    justify-content: space-between;
    float: right;
}

.btn-wg img {
    padding-left: 12px;
}

.container-fluid p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #807F83;
}

.container-fluid li {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #807F83;
}

.headerCon {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
    text-align: left;
}

p.bod-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #000000;
}

p.bod-subs {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #807F83;
}

p.subs {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.com-top {
    padding-top: 55px;
}

.com-cont {
    padding-bottom: 60px;
}

.com-cont-flu {
    background-color: #F8F8F8;
}

.com-inline img {
    padding-right: 10px;
}

.com-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #807F83;
    border-radius: 10px;
}

p.com-subs {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.com-border {
    border-top: 1px solid #E9E4CC;
    border-bottom: 1px solid #E9E4CC;
}

.bottom-border {
    border-bottom: 1px solid #E9E4CC;
}

.padding-baru {
    padding: 30px;
}

.border-tengah {
    border-right: 1px solid #E9E4CC;
}

.mem_icon {
    padding-top: 31px;
}

.bod-title h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

.bod-title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

.contact-body ul.call {
    background: url(/wp-content/themes/afi/img/call_icon.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.contact-body ul.email {
    background: url(/wp-content/themes/afi/img/email_icon.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.contact-body ul.address {
    background: url(/wp-content/themes/afi/img/address_icon.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.contact-body ul.url {
    background: url(/wp-content/themes/afi/img/url_icon.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.contact-body ul.url_gold {
    background: url(/wp-content/themes/afi/img/url_gold.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.contact-body ul.call_gold,
.plain-reg-cont ul.call_gold {
    background: url(/wp-content/themes/afi/img/call_gold.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.contact-body ul.email_gold,
.plain-reg-cont ul.email_gold {
    background: url(/wp-content/themes/afi/img/email_gold.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.contact-body ul.address_gold,
.plain-reg-cont ul.address_gold {
    background: url(/wp-content/themes/afi/img/address_gold.svg) no-repeat 0 0;
    padding-left: 30px;
    list-style: none;
}

.event-address ul.address {
    background: url(/wp-content/themes/afi/img/address_gold.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.event-time ul.event {
    background: url(/wp-content/themes/afi/img/event_gold.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.contact-body h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 28px;
    color: #C0AE00;
}

.contact-body p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.contact-body a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #C0AE00;
}

#board-header .card {
    background-color: #F5F5F5;
}

a.card-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 23px;
    /*color:  !important;*/
}

a.card-title-mng {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold !important;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: -0.03em;
    color: #000000 !important;
}

.con-border {
    padding: 20px;
    border-right: 1px solid #E9E4CC;
    border-bottom: 1px solid #E9E4CC;
}

.con-border-bottom {
    padding: 20px;
    border-bottom: 1px solid #E9E4CC;
}

.contactus-cont {
    background: #F8F8F8;
    border-radius: 5px;
    padding-top: 30px;
}

.form-contactus .form-check-inline {
    padding-right: 53px;
}

.form-check-inline {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #A3A2A6;
}


/* This is the checked state */

.form-check-input:checked~.form-check-label::before,
.form-check-input:checked~.form-check-label::after {
    color: #fff;
    border-color: #7B1FA2;
    background-color: #7B1FA2;
}

.form-check-input:active~.form-check-label::before {
    color: #fff;
    background-color: #ff0000;
}

.form-check-input:focus~.form-check-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25);
}

#mr-con {
    border: none;
    border-bottom: 1px solid #C0AE00;
    border-radius: 0px;
    box-shadow: none !important;
}

#mrs-con {
    border: none;
    border-bottom: 1px solid #C0AE00;
    border-radius: 0px;
    box-shadow: none !important;
}

#ms-con {
    border: none;
    border-bottom: 1px solid #C0AE00;
    border-radius: 0px;
    box-shadow: none !important;
}

#name-con {
    background: #F8F8F8;
    margin-top: 35px;
    border: none;
    border-bottom: 1px solid #C0AE00;
    border-radius: 0px;
    box-shadow: none !important;
}

#email-con {
    background: #F8F8F8;
    margin-top: 35px;
    border: none;
    border-bottom: 1px solid #C0AE00;
    border-radius: 0px;
    box-shadow: none !important;
}

#phonecode-con {
    background: #F8F8F8;
    margin-top: 35px;
    border: 1px solid #C0AE00;
    border-radius: 5px;
    box-shadow: none !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 16px;
    color: #000000;
}

#phonenumber-con {
    background: #F8F8F8;
    margin-top: 35px !important;
    border: 1px solid #C0AE00;
    border-radius: 5px;
    box-shadow: none !important;
    /*    width: 400px;
*/
}

#sideUpload #fileuploadfield,
#sideUpload #fileuploadfield2 {
    display: none;
}

#sideUpload #uploadtextfield,
#sideUpload #uploadtextfield2 {
    /*height:18px;
  width:139px;*/
    background: transparent;
    border: none;
    height: 100%;
}

#sideUpload #uploadbrowsebutton,
#sideUpload #uploadbrowsebutton2 {
    /* height:27px;
  width:147px;*/
    margin-top: 5px;
    text-align: center;
    background: #C0AE00;
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 5px;
}

#general-con {
    background: #F8F8F8;
    margin-top: 35px;
    border: 1px solid #C0AE00;
    border-radius: 5px;
    box-shadow: none !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 16px;
    color: #000000;
}

#your-msg-con {
    background: #F8F8F8;
    margin-top: 35px;
    border: none;
    border-bottom: 1px solid #C0AE00;
    border-radius: 0px;
    box-shadow: none !important;
}

.mngunit_icon {
    padding-top: 9%;
    padding-left: 0;
}

.quote_alfred p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    color: #222222;
}

.quote_alfred blockquote {
    width: 90%;
    margin: 0 auto;
    font-style: italic;
    font-weight: 700;
    font-size: 139%;
    padding: 2rem;
    position: relative;
    background: url(../img/quote-after.png) no-repeat bottom right;
    background-size: 3rem;
    bottom: 0;
    right: 0;
    /* height: 24%; */
    margin-left: 0;
}

p.smallparag {
    line-height: 0.5;
}

small.small_alfred {
    font-size: 50%;
}

.desc_unit h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: normal;
    color: #C0AE00;
}

.desc_unit h5 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 22px;
    line-height: normal;
    letter-spacing: -0.03em;
    color: #807F83;
}

.desc_unit a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #C0AE00;
}

.desc_unit ul.email {
    background: url(/wp-content/themes/afi/img/email_icon.svg) no-repeat 0 50%;
    padding-left: 30px;
    list-style: none;
}

.slider-nav {
    margin-top: -12%;
    margin-bottom: 2%;
}

.media_mng {
    width: 361px;
    max-width: 300px;
}

.thumbnail_mng .slick-prev {
    margin-left: -70px;
    left: 85px;
}

.thumbnail_mng .slick-next {
    margin-right: -70px;
    right: 85px;
}

.caption_mng1 {
    position: relative;
    z-index: 10000;
    top: 8%;
    width: 100%;
    margin-top: -31%;
}

.caption_thr1 {
    position: relative;
    z-index: 10000;
    top: 8%;
    width: 100%;
    margin-top: -35%;
}

.caption_mng2 {
    position: absolute;
    z-index: 3;
    top: 20%;
    margin-top: 0;
}

.caption_mng2_maya_subs {
    position: absolute;
    z-index: 3;
    top: 100%;
    margin-top: 0;
}

.caption_mng2 {
    position: absolute;
    z-index: 3;
    /* top: 100%; */
    /*    margin: 0 auto;
*/
    margin-top: 0;
}

.videothr {
    height: 40vw;
}

.caption_mng2 h2,
.caption_mng2_maya_subs h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.caption_mng2 p,
.caption_mng2_maya_subs p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 24px;
    color: #FFFFFF;
}

.caption_newsroom {
    position: absolute;
    z-index: 10000;
    top: 7%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.caption_newsroom h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.caption_newsroom p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 24px;
    color: #FFFFFF;
}

.mobile_mngslick {
    background: #262626;
}

.mobile_thrslick {
    background: black;
}

.mobile_mngslick_caption h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
}

.mobile_mngslick_caption p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}

.unit_names {
    /*padding-left: 10%;*/
}

.directreflectrow {
    /* padding: 77px 0 0 0;*/
}

.directreflectrow h6 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    text-shadow: 2px 2px 3px black;
}

.directreflectrow .fa-chevron-right:before {
    content: "\f054";
    position: absolute;
    top: 50%;
    margin-left: -10px;
    transform: translateY(34%);
}

.discover-button {
    width: 297px;
    border: 0px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF !important;
    text-decoration: none;
    margin-top: 30px;
    text-align: center;
    background: #C0AE00;
}

.bodmobile img {
    opacity: 1;
    border: 3px solid #c4c4c4;
}

.ecapi-circle .bodmobile img {
    border: none !important;
}

.bodmobile .active img {
    opacity: 0.5;
}

.bodmobile img:hover {
    /*color: linear-gradient(180deg, rgba(192, 174, 0, 0.5) 0%, rgba(192, 174, 0, 0.5) 100%) !important;*/
    cursor: inherit;
    /* opacity: 0.5; */
    transition: all .5s ease;
}

.imgbackground {
    background: #C0AE00;
    width: 130px;
    height: 130px;
    border-radius: 50%;
}

#accordion_alfred .card {
    border: none;
}

#accordion_alfred .card-header {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    background-color: white;
    line-height: normal;
    color: #807F83;
}

#accordion_alfred .card-body {
    background-color: white;
}

#accordion_alfred .card-body {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.accordion_alfred .card-header:after {
    float: right;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f078';
}

.accordion_alfred .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    float: right;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f077';
}

.maya-smart-content {
    background-color: #F2F2F2;
}

.maya-big-title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    /* identical to box height */
    color: #C0AE00;
    border-radius: 10px;
}

.maya-content p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.maya-content-maps .maps img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.info-wrapper {
    display: none;
}

#latininfo {
    position: absolute;
    top: 50%;
    left: 25%;
    height: 40vh;
}

#arabinfo {
    position: absolute;
    left: 44%;
    top: 13%;
    height: 40vh;
}

#africainfo {
    position: absolute;
    left: 44%;
    top: 48%;
    height: 40vh;
}

#europeinfo {
    position: absolute;
    left: 62%;
    top: -19px;
    height: 40vh;
}

#asiainfo {
    position: absolute;
    left: 66%;
    top: 30%;
    height: 40vh;
}

#pacificinfo {
    position: absolute;
    left: 79%;
    top: 52%;
    height: 40vh;
}

.container.container-map {
    width: 1206px;
    max-width: 1206px;
}

.maya-content-maps .center {
    display: block !important;
}

.info-wrapper img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.maps-content {
    position: relative;
    margin-bottom: 100px;
    margin-top: 80px;
}

.click-more-ecapi {
    margin-bottom: 50px;
}

.click-more-ecapi .c-m-ecapi {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 17px;
    line-height: 152.34%;
    text-align: center;
    color: #807F83;
}

.maps-total {
    /*background-color: #F2F2F2;*/
    width: auto;
    height: 170px;
}

.maps-total h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #807F83;
}

.maps-total h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 35px;
    line-height: 93.75%;
    /* or 77px */
    text-align: center;
}

.maps-total img {
    text-align: right;
}


/*.maps-total h1:hover {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 82px;
    line-height: 93.75%;
    text-align: right;
    color: #D7007E;
}*/

.maps-total .row {
    align-items: center;
}

.maps-total p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 100%;
    /* identical to box height, or 17px */
    /*color: #D7007E;*/
    margin-bottom: 0;
    text-align: center;
}

.maya-smart-sub p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #000000;
}

.maya-smart-content ul.right {
    background: url(/wp-content/themes/afi/img/right_icon.svg) no-repeat 0 4%;
    padding-left: 30px;
    list-style: none;
}

.maya-declaration .nav-item a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #807F83;
}

.maya-declaration .nav-item a:hover {
    border: none;
}

.maya-declaration .nav-item a.active {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #D7007E;
    border: none;
    border-bottom: 2px solid #D7007E;
}

.data-portal {
    background-color: #F2F2F2;
}

.maya-yearly-img {
    text-align: right;
    padding-top: 5%;
}

.maya-yearly-descr {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #262626;
    padding-top: 6%;
}

.maya-commits {
    text-align: center;
}

.maya-reci-mobile img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.top-maya-subs {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 21vw;
    position: relative;
}

.top-members {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 38vw;
    position: relative;
}

.maya-subs-big-title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    border-radius: 10px;
}

.maya-box h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.maya-box img {
    float: right;
}

.maya-box-caption {
    align-self: center;
}

.circle_maya {
    text-align: center !important;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.circle_maya h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #262626;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 60%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.right_sign_maya i {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 68%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.unbold_font {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.regional-subs-main h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
}

.plain-reg-cont h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.plain-reg-cont a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #C0AE00;
}

.plain-reg-cont p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
}

.piri_q p,
.afpi_q p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
}

.stats-reg-cont {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 4%;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 3vw;
}

.stats-reg-cont-sub {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 4%;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 3vw;
}

.plain-reg-cont {
    padding: 30px 0 30px 0;
}

.quote-reg-cont {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 24vw;
    position: relative;
}

.afpi_q {
    position: relative;
    left: -237px;
    top: 160px;
}

.piri_q {
    position: relative;
    left: 456px;
    top: 168px;
}

.circle_regional {
    text-align: center;
    text-align: center;
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

.circle_regional h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.tlinfoimages img {
    height: 225px;
}

#reginfo1 {
    position: absolute;
    top: 0;
    left: 4.3%;
}

#reginfo2 {
    position: absolute;
    top: 0;
    left: 17%;
}

#reginfo3 {
    position: absolute;
    top: 0;
    left: 33%;
}

#reginfo4 {
    position: absolute;
    top: 0;
    left: 48%;
}

#reginfo5 {
    position: absolute;
    top: 0;
    left: 63%;
}

#reginfo6 {
    position: absolute;
    top: 0;
    left: 78%;
}

.regional-subs-main .arrow-right li:before {
    margin: 0 16px 0 -27px;
}

.reg_title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    color: #2E3092;
}

.top-director-reflection-article {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 18vw;
    position: relative;
    background-image: url(/wp-content/themes/afi/img/directorarticle.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.top-event {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 21vw;
    position: relative;
    background-image: url(/wp-content/themes/afi/img/eventW.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
}

.right-border {
    border-right: 1px solid #EDEDED;
}

.top-border {
    border-top: 1px solid #EDEDED;
}

.event_place {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    align-items: center;
    color: #807F83;
}

.event_country {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    align-items: center;
    color: #C0AE00;
}

.desc_unit div.grey p {
    color: grey;
}

h1.newsroom_title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 28px;
    /* identical to box height */
    display: flex;
    align-items: center;
    color: #C0AE00;
}

h2.newsroom_title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 28px;
    /* identical to box height */
    display: flex;
    align-items: center;
    color: #C0AE00;
}

#financial_first img {
    /*margin-left: -10%;*/
}

.top-board-content {
    margin: 0 auto;
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.activities-description p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
}

.bodmobile .slick-prev {
    left: 25px !important;
}

#members-subs-main {
    height: 20vw;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.gold-title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

a.gold-link {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #C0AE00;
}

.member-inst p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.image-maps-maya img {
    width: 100%;
    height: 100%;
}

.members-country .nav-tabs {
    border-bottom: none;
}

.members-tabs a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #A3A2A6;
}

.members-tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #C0AE00;
    font-weight: bold;
    border: none;
}

.members-tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
    border: none;
}

.members-country .nav {
    justify-content: space-between;
}

.members-tabs-subs a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 15px;
    /*display: flex;*/
    align-items: center;
    color: #262626 !important;
}

.countdown li {
    display: inline-block;
    float: left;
    text-align: center;
}

.countdown h1 {
    min-width: 80px;
    background: #444444;
    padding: 20px 15px;
    border-radius: 12px;
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    line-height: 28px;
}

.countdown ul {
    margin: 35px;
}

.countdown span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 11px;
    line-height: 13px;
    display: inline-block;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.li-doubledots {
    margin: 17px 17px;
}

.li-doubledots p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 35px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

h2.bigger_size {
    font-size: 70px;
    line-height: 1.01;
}

h1.bigger_size {
    font-size: 70px;
    line-height: 1.01;
}

h4.grey {
    font-size: 17px;
}

.error-page {
    background-color: #C0AE00;
    min-height: 800px;
}

.error-page-thanks {
    background-color: #C0AE00;
    min-height: 800px;
    padding-top: 300px;
}

.error-page img {
    padding-top: 150px;
    padding-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.error-page h1,
.error-page-thanks h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 1.5;
    text-align: center;
    color: #FFFFFF;
}

.error-page h4,
.error-page-thanks h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}

.error-page a,
.error-page-thanks a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 152.34%;
    text-align: center;
    display: block;
    color: #FFFFFF;
}

.apply-button,
.apply-button:hover {
    background: #C0AE00;
    border-radius: 5px;
    width: 145px;
    height: 32px;
    color: black;
    border: 0;
}

.job-desc {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 70px;
    color: #807F83;
}

.bottom-border-gold {
    border-bottom: 1px solid #E9E4CC;
}

.bottom-border-gold:last-child {
    border-bottom: none;
}

.top-job-vacan {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 18vw;
    position: relative;
    background-image: url(/wp-content/themes/afi/img/careers-tW.jpg);
}

.careert-title p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    color: #C0AE00;
}

.careert-desc p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.careert-desc ul {
    margin-top: 0;
    margin-bottom: 1rem;
    list-style: disc;
    margin-left: 1em;
    color: #807F83;
    font-size: 17px;
}

.member-details h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #C0AE00;
}

.member-details p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

#footer_corporate a {
    list-style: none;
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 245.16%;
    letter-spacing: -0.03em;
    color: #111010;
}

#footer_id .left-border {
    border-left: solid 1px #c0AE00;
}

#footer_id .bottom-border {
    border-bottom: solid 1px #c0AE00;
}

#footer_id .list-inline-item {
    padding-right: 15px;
}

.footer_section_title {
    padding: 10px 0;
}

.black-bottom {
    background-color: #000000;
}

.black-bottom p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

.copyright-title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #B9A649;
    border-radius: 10px;
}

.copyright-subtitle h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.3em;
    color: #807F83;
}

.copyright-subtitle2 h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: -0.03em;
    color: #807F83;
}

.copyright-subtitle3 h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 152.34%;
    color: #807F83;
}

h2.copyright-subtitle4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #B9A649;
}

.content-copyright a {
    color: #B79C17;
}

.gold-line {
    background-color: #B9A649;
}

.members-country .overflow-auto {
    overflow: hidden !important;
}

#members-item-list .slick-prev {
    left: 0;
}

#members-item-list .slick-next {
    right: 0;
}

#mo_item_list .slick-prev {
    left: 0;
}

#mo_item_list .slick-next {
    right: 0;
}

.image-bodys .slick-prev {
    left: 0;
}

.image-bodys .slick-next {
    right: 0;
}

.image-bodyss .slick-next {
    right: 0;
}

.smef-item-container .slick-prev {
    left: 0;
}

.smef-item-container .slick-next {
    right: 0;
}

.smef-relpublictions-container .slick-prev {
    /* left: 0; */
}

.smef-relpublictions-container .slick-next {
    right: 0;
}

.afinsdg .slick-prev {
    left: 0;
}

.afinsdg .slick-next {
    right: 0;
}

.smef-relnewsblog-container .slick-prev {
    left: 0;
}

.smef-relnewsblog-container .slick-next {
    right: 0;
}

.reports_slick .slick-prev {
    left: 0;
}

.reports_slick .slick-next {
    right: 0;
}


/*1.5dppxthis means on 150% resolution*/


/*@media screen and (min-resolution:1.5dppx){
    #reginfo1 {
        left: -77% !important;
    }
    #reginfo2 {
        left: 13% !important;
    }
    #reginfo3 {
        left: 30% !important;
    }
    #reginfo5 {
        left: 64% !important;
    }
    #reginfo6 {
        left: 82% !important;
    }
}*/


/*mobile*/


/*15 inch*/

@media screen and (max-width: 1366px) {
    .stats-reg-cont {
        /* height: 25vw; */
		 height: 100%;
    }
    h2.bigger_size {
        font-size: 56px;
        line-height: 1.0;
    }
    h1.bigger_size {
        font-size: 56px;
        line-height: 1.0;
    }
}


/*13 inch*/

@media screen and (max-width: 1280px) {
    .stats-reg-cont {
        /* height: 29vw; */
		 height: 100%;
    }
}

@media screen and (max-width: 1440px) {
    #reginfo1 {
        left: -15% !important;
    }
    #reginfo2 {
        left: 4% !important;
    }
    #reginfo3 {
        left: 26% !important;
    }
    #reginfo4 {
        left: 48% !important;
    }
    #reginfo5 {
        left: 68% !important;
    }
    #reginfo6 {
        left: 89% !important;
    }
}

@media screen and (max-width: 1680px) {
    #reginfo1 {
        left: -2% !important;
    }
    #reginfo2 {
        left: 13% !important;
    }
    #reginfo3 {
        left: 30% !important;
    }
    #reginfo5 {
        left: 64% !important;
    }
    #reginfo6 {
        left: 82% !important;
    }
}

@media screen and (max-width: 1366px) {
    #reginfo1 {
        left: -14% !important;
    }
    #reginfo2 {
        left: 4% !important;
    }
    #reginfo3 {
        left: 26% !important;
    }
    #reginfo5 {
        left: 67% !important;
    }
    #reginfo6 {
        left: 89% !important;
    }
}

@media screen and (max-width: 1920px) {
    #reginfo1 {
        left: 0 !important;
    }
    #reginfo2 {
        left: 15% !important;
    }
    #reginfo3 {
        left: 32% !important;
    }
    #reginfo4 {
        left: 49% !important;
    }
    #reginfo5 {
        left: 66% !important;
    }
    #reginfo6 {
        left: 82% !important;
    }
}


/*@media screen and (max-width: 2560px) {
    #reginfo1 {
        left: 16% !important;
    }
    #reginfo2 {
        left: 25.5% !important;
    }
    #reginfo3 {
        left: 37% !important;
    }
    #reginfo4 {
        left: 48% !important;
    }
    #reginfo5 {
        left: 59% !important;
    }
    #reginfo6 {
        left: 70.5% !important;
    }
}*/

@media screen and (max-width: 767px) {
    .send-msg-btn {
        background-color: #F8F8F8;
        color: #B79C17;
        border: 0.5px solid #B79C17;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
        line-height: 24px;
        text-align: center;
        border-radius: 5px;
        width: 100%;
        height: 35px;
        float: none;
    }
    .btn-wg-portal {
        margin-top: 2vw;
    }
    .smef-item .imgstyle {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 35%;
        height: auto;
    }
    .smef-slick-xx .slick-next {
        right: -8px;
    }
    .smef-slick-xx .slick-prev {
        right: -8px;
    }
}

@media screen and (min-width: 768px) {
    #reginfo1 {
        position: absolute;
        top: 0;
        left: -19%;
    }
    #reginfo2 {
        position: absolute;
        top: 0;
        left: 0%;
    }
    #reginfo3 {
        position: absolute;
        top: 0;
        left: 24%;
    }
    #reginfo4 {
        position: absolute;
        top: 0;
        left: 47%;
    }
    #reginfo5 {
        position: absolute;
        top: 0;
        left: 69%;
    }
    #reginfo6 {
        position: absolute;
        top: 0;
        left: 92%;
    }
    .send-msg-btn {
        background-color: #F8F8F8;
        color: #B79C17;
        border: 0.5px solid #B79C17;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
        line-height: 24px;
        text-align: center;
        border-radius: 5px;
        width: 300px;
        height: 35px;
        /*float: right;*/
    }
}

.procurement-post {
    margin-top: 3vw;
}

.procurement-post-row {
    padding: 1vw 5vw;
}

.procurement-post-select {
    margin-bottom: 2vw;
}

.select-div {
    /* filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15)); */
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0.5vw;
}

.table-procurement thead tr {
    background: #C0AE00;
}

.table-procurement thead tr th {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2;
    color: #FFFFFF;
    padding: 1vw 1vw;
    text-align: center;
}

.table-procurement tbody tr td {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2;
    color: #807F83;
    text-align: center;
    padding: 2vw 1vw;
}

.table-procurement tbody tr .title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2;
    color: #C0AE00;
}

.table-procurement tbody tr .title a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2;
    color: #C0AE00;
}

.select-div span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #AEAEAE;
    padding-left: 0.81vw;
}

.select-div select {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    color: #222222;
    border: none;
}

.table-procurement .tr-background {
    background: #EDEDED;
    /* opacity: 0.4; */
}

.single-procurement-post {
    margin-top: 3vw;
}

.single-procurement-post-row {
    padding: 1vw 5vw;
}

.single-procurement-post .table-single--procurement .title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    color: #807F83;
    padding: 1vw;
}

.single-procurement-post .table-single--procurement .info {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2;
    color: #807F83;
    padding-left: 5vw;
}

.single-procurement-post .table-single--procurement .info a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2;
    /* identical to box height, or 17px */
    color: #C0AE00;
    padding-bottom: 1vw;
}

.single-procurement-post .back-div {
    text-align: center;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

.single-procurement-post .back-div a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    background: #000000;
    text-align: center;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 1vw 5vw;
    cursor: pointer;
}

.single-procurement-post .back-div i {
    padding-right: 0.3vw;
}

.single-procurement-post .back-div a:hover {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    background: #000000;
    text-align: center;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 1vw 5vw;
}

.single-procurement-post .table-single--procurement .tr-background {
    background: #EDEDED;
}

.covid-info p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.5;
    color: #807F83;
    border-radius: 10px;
}

.covid-info span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5;
    color: #000000;
    border-radius: 10px;
}

.covid-info h6 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    color: #C0AE00;
    border-radius: 10px;
}

.covid-info h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    color: #C0AE00;
    border-radius: 10px;
}

.covid-video {
    background-image: url(/wp-content/themes/afi/img/covid19-video.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.covid-video h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2;
    color: #FFFFFF;
}

.covid-video p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.2;
    color: #FFFFFF;
}

.covid-video .first-video p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #FFFFFF;
}

.covid-video .first-video a {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
    color: #FFFFFF;
}

.covid-video .first-video {
    background: #262626;
    padding: 2vw 0vw;
}

.covid-video .second-video {
    background: #FFFFFF;
    padding: 2vw 0vw;
}

.covid-video .second-video p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #807F83;
}

.covid-video .second-video a {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
    color: #807F83;
}

.covid-video .first-video .info {
    justify-content: center;
    margin: auto;
}

.covid-video .second-video .info {
    justify-content: center;
    margin: auto;
}

.covid-video .slick-next {
    right: 0;
}

.covid-video .slick-prev {
    left: 0;
    z-index: 9;
}

.covid-video-ifram {
    width: 560px;
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
    .covid-video-ifram {
        width: 400px;
    }
}

@media screen and (max-width: 768px) {
    .select-div span {
        padding-left: 3.81vw;
    }
    .covid-video .first-video {
        padding: 2vw 0vw;
        background: transparent;
        margin: 0;
    }
    .covid-video .second-video {
        padding: 2vw 0vw;
        margin: 0;
        background: transparent;
    }
    .covid-video .first-info {
        background: #262626;
    }
    .covid-video .second-info {
        background: #FFFFFF;
    }
    .covid-video .video-div {
        padding: 0;
    }
    .procurement-post-select {
        margin-bottom: 2vw;
        padding: 1vw 10vw;
    }
    .table-procurement tbody tr td {
        text-align: left;
        padding: 4vw 8vw;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 1.2;
        color: #807F83;
    }
    .table-procurement tbody tr .td-info {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.2;
        text-align: right;
        color: #807F83;
    }
    .procurement-post-row {
        padding: 0;
    }
    .model-content-procurement {
        padding: 0;
    }
    .single-procurement-post td {
        border: none;
    }
    .single-procurement-post .table-single--procurement .info {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.2;
        color: #807F83;
        padding-left: 1vw;
    }
    .single-procurement-post-row {
        padding: 1vw 7vw;
    }
    .single-procurement-post .back-div a {
        padding: 1vw 20vw;
        cursor: pointer;
    }
    .single-procurement-post .back-div a:hover {
        padding: 1vw 20vw;
        cursor: pointer;
    }
    .table-single--procurement {
        padding: 0;
    }
    .members-tabs a {
        font-weight: 300;
        font-size: 25px;
        line-height: 23px;
    }
    .imgstyle1 img {
        width: 35%;
    }
    .top-newsroom-news {
        margin-top: 55px;
    }
    .top-wg-content {
        top: -44%;
    }
    .members-scroll {
        width: 820px;
    }
    .members-country .overflow-auto {
        overflow-x: auto !important;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
    }
    .scrollmore-right {
        position: absolute;
        right: 0;
        top: 0;
        width: 65px;
        height: 50px;
        background: white;
        filter: blur(5px);
        opacity: 0.7;
    }
    .scrollmore-left {
        position: absolute;
        left: 0;
        top: 0;
        width: 65px;
        height: 50px;
        background: white;
        filter: blur(5px);
        opacity: 0.7;
        z-index: 1;
    }
    .top-job-vacan {
        margin-top: 50px;
        height: 53vw;
        background-image: url(/wp-content/themes/afi/img/careers-tM.jpg);
    }
    .job-desc {
        font-size: 17px;
        line-height: 20px;
        display: flex;
        align-items: center;
        color: #807F83;
        padding-bottom: 12px;
        padding-top: 12px;
    }
    .apply-button {
        width: 100%;
    }
    .error-page {
        min-height: 600px;
    }
    .error-page-thanks {
        min-height: 600px;
        padding-top: 55%;
    }
    .error-page img {
        padding-top: 130px;
        height: 390px;
    }
    .error-page h1,
    .error-page-thanks h1 {
        font-size: 25px;
    }
    #book_seat {
        position: static;
    }
    #countdown {
        width: calc(100% + 30px);
        display: block;
    }
    .countdown h1 {
        min-width: unset;
        width: 100%;
        background: #444444;
        padding: 15px 6px;
        border-radius: 7px;
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        line-height: 24px;
    }
    .countdown ul {
        margin: 35px 0;
        width: 100%;
        float: left;
    }
    .countdown li {
        display: inline-block;
        float: left;
        text-align: center;
        width: 21%;
    }
    .li-doubledots {
        margin: 6px 4px;
    }
    .countdown li.li-doubledots {
        width: 7px;
    }
    .li-doubledots p {
        font-size: 17px;
        line-height: 36px;
    }
    .countdown span {
        font-size: 10px;
    }
    .quote_alfred blockquote {
        width: 87% !important;
        margin: auto !important;
    }
}

.year-label {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    color: #FFFFFF;
    line-height: 30px;
}

.desktop {
    display: block;
    position: relative;
}

.mobile {
    display: none;
}


/*@media screen and (min-width: 1600px) {
    body {
        font-size: 20px;
    }
}*/

@media screen and (max-width: 768px) {
    .desktop {
        display: none !important;
    }
    .mobile {
        display: block;
    }
    .section-first {
        margin-top: 49px;
    }
    .section-first-maya {
        margin-top: 48px;
    }
    .top {
        top: 0;
    }
    .top-wg-smef {
        background: url(../img/SMEF_M.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 0;
        height: 272px;
        max-height: 100%;
    }
    .top-copyright {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 0;
        height: 272px;
        max-height: 100%;
    }
    .top-contact-us {
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 0;
        width: 100%;
        height: 38vw;
        position: relative;
    }
    .caption-M {
        /*float: left;
        padding-left: 50px;*/
        text-align: left;
    }
    .caption-M img {
        position: relative;
        left: 10px;
        top: 28px;
    }
    .caption2-M {
        margin: 0;
        bottom: 0;
        position: absolute;
        bottom: 0;
        text-align: left;
        padding: 15px 0 25px 10px;
    }
    .caption2-M img {
        height: 77px;
        width: auto;
        display: inline-block;
        float: left;
    }
    .caption2-M span {
        text-align: justify;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        margin-top: 8px;
        padding-left: 5px;
    }
    .caption2-M-maya {
        margin: 0;
        bottom: 0;
        position: absolute;
        bottom: 0;
        text-align: left;
        padding: 15px 0 25px 10px;
    }
    .caption2-M-maya img {
        height: 125px;
        width: auto;
        display: inline-block;
        float: left;
    }
    .caption2-M-maya span {
        text-align: justify;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        margin-top: 8px;
        padding-left: 5px;
    }
    .top-wg-content-M {
        position: relative;
        color: #fff;
        text-align: center;
        padding-bottom: 20px;
        height: 100%;
    }
    .caption2-M h2 {
        display: inline-block;
        float: left;
        width: 100%;
        padding-left: 23px;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        margin-top: 9px;
        text-shadow: 0px 0px 4px black;
    }
    .caption2-M h1 {
        display: inline-block;
        float: left;
        width: 100%;
        padding-left: 23px;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        margin-top: 9px;
        text-shadow: 0px 0px 4px black;
    }
    .caption2-M h1 {
        display: inline-block;
        float: left;
        width: 100%;
        padding-left: 23px;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        margin-top: 9px;
        text-shadow: 0px 0px 4px black;
    }
    .caption2-M-maya h2 {
        display: inline-block;
        float: left;
        width: 100%;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 33px;
        margin-top: 9px;
        padding-left: 15%
    }
    .caption2-M-maya h4 {
        display: inline-block;
        float: left;
        width: 100%;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        margin-top: 9px;
    }
    .captionContact-M {
        display: inline-block;
        float: left;
        width: 100%;
        padding-left: 23px;
        margin-top: 45%;
        margin-left: -19%;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        line-height: 23px;
        color: #FFFFFF;
    }
    .btn-wg {
        display: block;
        width: 100%;
    }
    .btn-wg img {
        float: right;
    }
    .mem_icon {
        padding-left: 0;
        padding-top: 31px;
        padding-bottom: 20px;
    }
    .bod-cont {
        padding-left: 15px;
        padding-right: 15px;
    }
    #accordion .card {
        border: none;
    }
    .card-header {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
        background-color: transparent;
        line-height: normal;
        color: #C0AE00;
    }
    #board-header .card-header {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
        line-height: 20px;
        color: #807F83;
    }
    .card-body {
        background: #F5F5F5;
    }
    .card-body {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        background-color: transparent;
        font-size: 17px;
        line-height: 26px;
        color: #807F83;
    }
    .accordion .card-header:after {
        float: right;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: '\f078';
    }
    .accordion .card-header.collapsed:after {
        /* symbol for "collapsed" panels */
        float: right;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: '\f077';
        color: black;
    }
    .top-mng-unit {
        background-size: cover;
        margin-top: 48px;
        height: 28vh;
    }
    .mng_unit_cont {
        /*  padding-left: 35px;
        padding-right: 35px;*/
    }
    .directreflectrowM {
        padding: 22px 0 0 13px;
        height: 100%;
    }
    .form-contactus .form-check-inline {
        padding-right: 25px;
    }
    .maya-maps img {
        margin: 0 auto;
        width: 100%;
    }
    .maya-commitments-M h1 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 35px;
        color: #D7007E;
    }
    .maya-commitments-M p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
        line-height: 20px;
        color: #262626;
        text-align: center;
    }
    .maya-commitments-M img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
    .top-maya-subs {
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 0;
        width: 100%;
        height: 35vw;
        position: relative;
    }
    .mayasubs-headericon img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 9%;
    }
    .maya-box h1 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        line-height: 23px;
        display: flex;
        align-items: center;
        color: #FFFFFF;
    }
    .right_sign_maya {
        height: auto;
        width: 100%;
    }
    .stats-reg-cont {
        background-size: cover;
        background-repeat: no-repeat;
        /* padding-top: 4%; */
        /* width: 100%; */
        height: 93vw;
        position: relative;
        display: flex;
        align-items: center;
    }
    .stats-reg-cont-sub {
        background-size: cover;
        background-repeat: no-repeat;
        /* padding-top: 4%; */
        /* width: 100%; */
        /* height: 93vw; */
        height: auto;
        position: relative;
        display: flex;
        align-items: center;
    }
    .top-director-reflection-article {
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 0;
        width: 100%;
        height: 37vw;
        position: relative;
        background-image: url(/wp-content/themes/afi/img/directorarticleM.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 49px;
    }
    .top-event {
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 0;
        width: 100%;
        height: 47vw;
        position: relative;
        background-image: url(/wp-content/themes/afi/img/eventM.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 48px;
    }
    .videothr {
        height: 125vw;
    }
    #financial_first {
        margin-top: 49px;
    }
    #members-subs-main {
        margin-top: 49px;
        height: 34vw;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }
    .circle_maya h1 {
        top: 50%;
        left: 0;
        right: 0;
        margin-right: 0;
        transform: translate(62%, -50%);
        width: 45%;
    }
    .right_sign_maya i {
        top: 50%;
        margin: 0 auto;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        width: 4%;
    }
}

.vid-news .slider-nav {
    margin-top: 0px;
    max-width: 90% !important;
    padding-top: 40px;
    margin-bottom: 0px !important;
    padding-bottom: 40px;
    /*background-color: #c4c4c4;*/
}

.vid-news .desktop {
    /*background-color: #c4c4c4;*/
}

#management-chee-soo-yuen .slider-nav {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #c4c4c4;
    max-width: 100% !important;
    margin-top: 0px !important;
}

#management-chee-soo-yuen .slick-track {
    transform: none !important;
}

#management-chee-soo-yuen .slider-nav-item {
    display: flex !important;
    justify-content: center;
    padding-right: 15px !important;
}

.soo-yuen-image {
    display: block !important;
}


/*End jee.css*/


/*page-members-style.css*/

.imagedownload {
    padding-left: 10vh !important;
}

.nav-tabs .nav-link {
    border: 1px;
}

.members-tabs a {
    font-size: 22px;
}

.members-tabs li {
    border-bottom: 0.5px;
}

.members-tabs li>ul {
    border-top: 0.5px;
}

.members-tabs li>ul>li:last-child {
    border: none;
}

.nav {
    display: inline-grid;
    ;
}

@media (min-width: 1200px) {
    .members-tabs li {
        display: table-cell;
    }
    .members-tabs a {
        font-size: 22px;
    }
    #region {
        width: 41vh;
        height: 6vh;
        border-radius: 5px;
        padding: 0.3vh;
        font-family: Roboto;
        font-style: normal;
        font-weight: 800;
        font-size: 2vh;
    }
    .map-title h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        text-align: left;
        line-height: 38px;
        color: #C0AE00;
    }
}

@media (max-width: 576px) {
    .members-tabs li {
        display: table-cell;
    }
    .members-tabs a {
        font-size: 12px;
        width: 235px;
    }
    .members-tabs .SubSaharanAfrica .SouthAsia {
        width: 225px;
    }
    #region {
        /* width: 80vh;*/
        width: 100%;
        height: 6vh;
        margin-left: 1vh;
        border-radius: 5px;
        padding: 0.3vh;
        font-family: Roboto;
        font-style: normal;
        font-weight: 800;
        font-size: 3vh;
    }
    .map-title h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        line-height: 38px;
        color: #C0AE00;
    }
    .nav {
        display: inline-table;
        ;
    }
    .card-title {
        padding-left: 5px;
    }
    .scrollstylemobile {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .members-tabs li {
        display: table-cell;
    }
    .members-tabs a {
        font-size: 15px;
        width: 275px;
    }
    .nav {
        display: inline-table;
        ;
    }
    #region {
        width: 80vh;
        height: 6vh;
        border-radius: 5px;
        padding: 0.3vh;
        font-family: Roboto;
        font-style: normal;
        font-weight: 800;
        font-size: 2vh;
    }
    .map-title h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        ;
        text-align: center;
        line-height: 38px;
        color: #C0AE00;
    }
}

@media (min-width: 577px) and (max-width: 767.98px) {
    #region {
        width: 75vh;
        margin-left: 1vh;
        height: 6vh;
        border-radius: 5px;
        padding: 0.3vh;
        font-family: Roboto;
        font-style: normal;
        font-weight: 800;
        font-size: 3vh;
    }
    .map-title h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        ;
        text-align: center;
        line-height: 38px;
        color: #C0AE00;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .members-tabs li {
        display: table-cell;
    }
    .members-tabs a {
        font-size: 15px;
    }
    #region {
        width: 50vh;
        height: 6vh;
        border-radius: 5px;
        padding: 0.3vh;
        font-family: Roboto;
        font-style: normal;
        font-weight: 800;
        font-size: 3vh;
    }
    .map-title h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        ;
        text-align: center;
        line-height: 38px;
        color: #C0AE00;
    }
}


/*End page-members-style.css*/


/*newsroom-blogs.css*/

.newsroom-blogs {
    margin-top: 0;
}

.top-newsroom-blogs {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 18vw;
    position: relative;
    background-image: url(/wp-content/themes/afi/img/blogsnarticleW.jpg);
    background-repeat: no-repeat;
    /* background-size: contain; */
}

.top-newsroom-news {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 18vw;
    position: relative;
    background-image: url(/wp-content/themes/afi/img/newsW.jpg);
    background-repeat: no-repeat;
    /* 	background-size: contain; */
}

.top-newsroom-speeches {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
    height: 18vw;
    position: relative;
    background-image: url(/wp-content/themes/afi/img/speechesW.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.title-news {
    /*padding-left: 10%;*/
    padding-top: 7%;
    margin-right: 0;
}

.head-blogs {
    padding-top: 3%;
    height: 110px;
}

.blog-date p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.blog-title p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: normal;
    color: #C0AE00;
}

.blog-title h1,
.event-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: normal;
    color: #C0AE00;
}

.writtenby-blogs p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #807F83;
}

p.author_name {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: normal;
    color: #000000;
}

p.author_position {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #262626;
}

.author-img-blogs {
    width: 76px;
    height: 76px;
    border-radius: 50%;
}

.right-border {
    border-right: 1px solid #EDEDED;
}

.bottom-border {
    border-bottom: 1px solid #EDEDED;
}

.newsroom-blogs-cont a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #B79C17;
}

.newsroom-blogs-cont p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.newsroom-blogs-cont img {
    height: auto;
}

.ss_col {
    text-align: right;
}

.sss_col {
    vertical-align: middle;
}

.news-content img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

hr.bottom_line_newsroom {
    border: 1px solid #807F83;
}

.news-tagged p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #807F83;
}

.tags_news a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #B79C17;
}

blockquote {
    width: 50%;
    margin: 0 auto;
    font-style: italic;
    font-weight: 700;
    font-size: 139%;
    padding: 2rem;
    position: relative;
    background: url(../img/quote-after.png) no-repeat bottom right;
    background-size: 3rem;
    bottom: 0;
    right: 0;
}

blockquote:before {
    content: '';
    background: url(../img/quote-before.svg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 3rem;
    height: 3rem;
}

.image-newsroom-content {
    width: image width px;
    font-size: 80%;
    text-align: center;
    color: #807F83;
}


/*mobile*/

@media screen and (max-width: 768px) {
    /* .newsroom-blogs {
        margin-top: 55px;
    } */
    .top-newsroom-blogs-M {
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 0;
        width: 100%;
        height: 37vw;
        position: relative;
        background-image: url(/wp-content/themes/afi/img/blogsnarticleM.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .top-newsroom-news {
        height: 250px;
        background-repeat: repeat;
    }
    .top-newsroom-news-M {
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 0;
        width: 100%;
        height: 37vw;
        position: relative;
        background-image: url(/wp-content/themes/afi/img/newsM.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .top-newsroom-speeches-M {
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 0;
        width: 100%;
        height: 37vw;
        position: relative;
        background-image: url(/wp-content/themes/afi/img/speechesM.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .head-blogs {
        padding-top: 3%;
        height: 65px;
    }
    .title-news-M {
        padding-left: 9%;
        padding-top: 9%;
    }
    blockquote {
        width: 80%;
        margin: 0 auto;
        font-style: italic;
        font-weight: 700;
        font-size: 139%;
        padding: 2rem;
        position: relative;
        background: url(../img/quote-after.png) no-repeat bottom right;
        background-size: 3rem;
        bottom: 0;
        right: 0;
    }
    .ss_col {
        text-align: center;
    }
}


/*End newsroom-blogs.css*/


/*smef-relblognews.css*/


/* SMEF Related News & Blogs */

.smef-relnewsblog-container {
    background-color: #000000;
    padding: 50px 0px;
}

.relnewsblog-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 28px;
    color: #C0AE00;
}

.smef-relnewsblog-item {
    padding: 0px 10px;
}

.smef-relnewsblog-item div {
    background-color: #807F83;
}

.relpublications-item-list {
    /*padding:30px 30px;*/
    margin-top: 30px;
}

.smef-relnewsblog-item div:nth-child(2) {
    padding: 10px 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 21px;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

.relpublications-explore {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #222222;
    text-decoration: none;
}

.relpublications-explore:hover {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #222222;
    text-decoration: none;
}

.grey_out_text {
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 17px !important;
    color: #222222 !important;
    background-color: #C0AE00 !important;
    padding: 10px 10px !important;
    margin-left: auto;
    margin-right: auto;
    display: none;
    height: 140px;
}

.greyscale_img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#smef-relnewsblog-list {
    margin-top: 30px;
}

.smef-relnewsblog-item-img {
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.smef-relnewsblog-item-thumbnail {
    /* margin:auto; */
    width: 100%;
    /*width:256px;*/
    height: 256px;
}

.relnewsblog-newsroom {
    align-items: center;
}

.relnewsblog-newsroom-link,
.relnewsblog-newsroom-link:hover {
    width: 297px;
    color: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    /*left: auto;
    right: auto;
    margin: auto;   */
    height: 45px;
    border-color: #FFFFFF;
}

.year-label {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    color: #FFFFFF;
    line-height: 30px;
}

.greyscale_hover {
    position: absolute;
    top: 10px;
    z-index: 0;
    background-color: transparent !important;
    display: none;
}

.teaser-title {
    height: 140px;
}

.smef-relnewsblog-item:hover .teaser-title {
    display: none;
}

.smef-relnewsblog-item:hover .grey_out_text {
    display: block;
}

.smef-relnewsblog-item:hover div {
    display: block;
}

.smef-relnewsblog-item:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    opacity: 0.5;
    width: 100%;
}

.smef-read-more {
    font-family: Roboto;
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #222222;
}

@media only screen and (max-width: 768px) {
    .relpublications-explore {
        width: 100%!important;
    }
    .relnewsblog-newsroom-link {
        width: 100%!important;
    }
    .ex-ed-flip-box-inner {
        margin: 0 auto;
    }
}


/* End: SMEF Related News & Blogs*/


/*End smef-relblognews.css*/


/*smef-relpublications.css*/

.relpublications-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 28px;
    color: #C0AE00;
}

.smef-relpublictions-container {
    /*background-color: #E3E3E3;*/
    background: linear-gradient(0deg, #E0E0E0, #E0E0E0), linear-gradient(180deg, #1F1F1F 0%, #262626 100%), #262626;
    padding: 50px 0px;
}

.relpublications-explore {
    width: 297px;
    color: #222222 !important;
    border: 1px solid #000000;
    border-radius: 5px;
    justify-content: space-between;
    padding: 11px 10px;
    display: flex;
    /*left: auto;
        right: auto;
        margin: auto;*/
    height: 39px;
}

.smef-item-thumbnail {
    margin: auto;
}

.relpublications-explore-pub {
    align-items: center;
}

.relpublication-flipback-icon {
    /*width:49px;
       height:68px;*/
    width: 65px;
    height: 80px;
}

.relpublication-flipback-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    /*font-size: 15px;*/
    font-size: 22px;
    color: #262626;
    text-align: left;
    padding: 15px;
    /* line-height: 18px;*/
    line-height: 23px;
}

.relpublication-flipback-summary {
    color: #333333;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    padding: 15px;
}

.flipboxback-row {
    padding-top: 15px;
}

.relpublication-flipback-date {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: #333333;
    text-align: left;
}

.relpublications-flipboxback-bottom {
    margin-bottom: 30px
}

.relpublications-flipboxback-downloadbtn {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 30px;
    background-color: #B9A649;
    border-radius: 5px;
}

.relpublications-flipboxback-readmore {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    color: #333333;
}

.smef-relpublictions-container .flip-box-inner {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.smef-relpublictions-container .flip-box-back {
    background-color: #F8F8F8;
    width: 285px;
}

.relpublications-flipbox {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .relpublications-explore-pub {
        margin-top: 30px!important;
    }
}


/*End smef-relpublications.css*/


/*smef-upcoming-events.css*/

.semf-upcoming-events-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: -0.03em;
    color: #C0AE00;
}

.semf-upcoming-events-teaser {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.03em;
    color: #807F83;
}

.smef-upcoming-events-item-summary {
    padding-right: 30px;
}

.smef-upcoming-events-container {
    background-color: #222222;
    background-color: #939598;
    padding: 50px 0px;
    height: fit-content;
}

.smef-upcoming-events-container1 {
    background-color: #fff;
}

.smef-upcoming-events-container1 a {
    color: #B79C17;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: .5em 2em;
    border: 1px solid #999;
}

.smef-upcoming-events-container1 .smef-upcoming-events-btn-div {
    margin: auto;
    justify-content: center;
    text-align: center;
}

.smef-upcoming-events-item-title {
    /* padding-right: 30px; */
}

.smef-upcoming-events-item-title a {
    /* padding-right: 30px; */
    color: #fff;
}

.smef-upcoming-events-logo {
    margin-bottom: 30px;
}

div#second_part img {
    width: 354px;
    height: 354px;
}

div#second_part .carousel-item-next,
div#second_part .carousel-item-prev,
div#second_part .carousel-item.active {
    display: flex;
}

#second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details div:nth-child(1) {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: -0.03em;
    color: #C0AE00;
    /* color:#807F83; */
    /* width: 354px; */
    /* font-style:italic; */
}

#second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details {
    height: 354px;
    align-items: center;
}

.smef-upcoming-events-container #second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details {
    align-items: flex-start;
}

#second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details div:nth-child(2) {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #807F83;
    color: #222;
    margin-top: 12px;
    /* width: 354px; */
}

#second_part #indicators .row div:nth-child(1) {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #807F83;
    color: #222;
}

#second_part #indicators .row div:nth-child(2) {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    /*font-size: 22px;*/
    font-size: 2.5vh;
    line-height: 3.3vh;
    letter-spacing: -0.03em;
    /* color: #C0AE00; */
    color: #fff;
}

#second_part #indicators .row {
    margin-bottom: 15px;
    cursor: pointer;
    border-left: 1px solid #fff;
}

#second_part #indicators {
    display: block;
    padding-left: 15px !important;
    margin-right: 0px !important;
    left: auto !important;
    /* bottom: auto !important; */
    position: relative;
    justify-content: flex-start;
    margin-left: 0px !important;
}

#second_part #indicators .active {
    /*display:none;*/
    /*color: ##807F83!important; */
}

#second_part #indicators .active div:nth-child(2) {
    color: #807F83 !important;
    color: #222 !important;
}

@media only screen and (min-width: 768px) {
    #second_part .carousel-control-prev {
        display: none !important;
    }
    #second_part .carousel-control-next {
        display: none !important;
    }
    .smef-upcoming-events-discover-more {
        width: 190px;
        color: #FFFFFF;
        /*border: 1px solid #FFFFFF;*/
        border-radius: 5px;
        justify-content: space-between;
        padding: 10px 10px;
        display: flex;
        bottom: 0;
        position: absolute;
        text-decoration: none;
        left: 15px;
        font-style: italic;
    }
}

@media only screen and (max-width: 768px) {
    .smef-upcoming-events-discover-more {
        width: 380px !important;
        margin: auto !important;
        left: 0;
        right: 0;
    }
    .smef-upcoming-events-item-details div:nth-child(1) {
        margin-top: 25px;
    }
    .smef-upcoming-events-discover-more {
        width: 190px;
        color: #FFFFFF;
        /*border: 1px solid #FFFFFF;*/
        border-radius: 5px;
        justify-content: space-between;
        padding: 10px 10px;
        display: flex;
        bottom: 0;
        position: absolute;
        text-decoration: none;
        /* left:15px;*/
    }
}

.smef-upcoming-events-logo {
    margin-bottom: 30px;
}

.smef-upcoming-events-discover-more:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.upcoming-event-pic-column {
    padding-right: 50px;
}

@media (min-width: 769px) and (max-width: 1358px) {
    .smef-upcoming-events-item-details {
        /* padding-top: 40px; */
    }
}

@media (min-width: 580px) and (max-width: 767px) {
    .smef-upcoming-events-item-title {
        width: 230px !important;
    }
    .smef-upcoming-events-item-summary {
        width: 230px !important;
    }
}


/*@media (min-width: 580px) and (max-width: 767px)
        .smef-upcoming-events-item-title{
          width:230px!important;
      }
  } */

@media screen and (max-width: 767px) {
    .upcoming-event-pic-column {
        /* padding-right: 0px; */
    }
    .upcoming-event-thumbnail {
        width: 300px !important;
        height: 300px !important;
    }
    .smef-upcoming-events-item-details {
        /* width: 310px; */
    }
    .smef-upcoming-events-container {
        height: 590px !important;
    }
    .smef-upcoming-events-item-title {
        /* width:auto!important;*/
    }
}

@media screen and (max-width: 579px) {
    .smef-upcoming-events-item-details {
        margin: auto;
    }
    .smef-upcoming-events-container {
        height: 820px;
    }
    .smef-upcoming-events-item-title {
        width: 270px;
        margin: auto;
    }
    #second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details div:nth-child(1) {
        /* width: 270px; */
        margin-bottom: 15px;
    }
    .smef-upcoming-events-item-summary {
        /* width: 270px !important; */
        margin: auto;
    }
}

@media screen and (max-width: 580px) {
    .smef-upcoming-events-container {
        /* height:780px!important;*/
        height: 800px !important;
    }
}

@media screen and (max-width: 633px) {
    .upcoming-event-thumbnail {
        width: 270px !important;
        height: 270px !important;
    }
    #second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details {
        /* height: 320px !important; */
    }
    /* #second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details div:nth-child(1){
          height:320px!important;
      }*/
}

@media screen and (max-width: 768px) and (min-width: 768px) {
    .smef-upcoming-events-item-details {
        width: 230px;
        height: 220px !important;
    }
    .upcoming-event-thumbnail {
        width: 230px !important;
        height: 230px !important;
    }
    .smef-upcoming-events-item-title {
        width: 230px !important;
    }
    .smef-upcoming-events-item-summary {
        width: 230px !important;
    }
}

@media (max-width: 768px) {
    .upcoming-event-pic-column {
        margin: auto;
        /*padding-right:15px;*/
        height: 220px;
        width: 161px;
        display: block;
        background-position-x: center;
    }
    /*   .smef-upcoming-events-item-details{
          width:230px;
      }*/
    .smef-upcoming-events-item-title {
        width: 230px;
        padding-right: 0px;
    }
    .smef-upcoming-events-item-summary {
        width: 230px;
        padding-right: 0px;
    }
    .smef-upcoming-events-container {
        /*height:780px;*/
        height: 825px;
    }
}


/*End smef-upcoming-events.css*/


/*community.css*/


/* Community Top banner section */

#community-first {
    background-image: url(../../afi/img/community_banner.png);
    height: 800px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

#community-first .container {
    justify-content: normal !important;
    margin-top: -100px;
}

#community-first .community_first_title {
    margin-top: 80px;
    /*margin-left:80px;*/
}

#community-first .community_first_title h2 {
    font-size: 80px;
    line-height: 75px;
    margin-left: 0px;
}

.community-first-scroll-more {
    display: none !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: #FFFFFF;
    align-items: center;
    line-height: 15px;
    padding-top: 70px;
    position: absolute;
    left: 45%;
}

.community-first-scroll-more .fa-chevron-down {
    left: 50%;
    position: relative;
}

@media only screen and (max-width: 768px) {
    #community-first {
        background-image: url(../../afi/img/community_mobile_banner.jpg) !important;
        height: 580px !important;
    }
    .community-first-logo {
        width: 130px !important;
        margin-left: 8% !important;
    }
    .community_first_title {
        margin-left: 8% !important;
    }
    #community-first .gpf-learn-more {
        display: none !important;
    }
    .community-first-scroll-more {
        display: block !important;
    }
}


/* End : Community Top banner */


/* Community: Member Institution */

#member-institutions-first {
    background-image: url(../../afi/img/afi-member-institutions-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

#member-institutions-first h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

#member-institutions-first .container {
    justify-content: normal !important;
    /*margin-top:-100px;*/
}

#member-institutions-first .member_institutions_description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    width: 450px;
    margin-top: 40px;
    /*margin-left:80px;*/
}

#member-institutions-first .member_institutions_title {
    margin-top: 30px;
    /*margin-left:80px;*/
}

.partnership-champions-title {
    padding-top: 185px;
}

@media only screen and (max-width: 768px) {
    .member_institutions_title h2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold !important;
        font-size: 25px !important;
        line-height: normal !important;
    }
    .member-institutions-logo {
        margin-left: 8%;
    }
    #member-institutions-first .member_institutions_title {
        margin-left: 8% !important;
    }
    .member_institutions_description {
        margin-left: 8% !important;
        padding-right: 30px !important;
        width: auto !important;
    }
    .member-institutions-logo {
        width: 130px !important;
    }
}


/* End : Community: Member Institution */


/* Community: AFI Partnership Champions */


/*#partnership_champions_first{
       height: 700px;
       background-repeat: no-repeat;
       background-size: cover;
       position: relative;
       display: flex;
       align-items: center;
}
#partnership_champions_first h2{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}
#partnership_champions_first .container{
   justify-content:normal!important;
   margin-top:-100px;
}*/

#partnership-champions-first .partnership-champions-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 40px;
    width: 40%;
}

.partnership-champions-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.partnership-champions-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 280px;
}

.partnership-champions-logo {
    z-index: 55;
    position: absolute;
    margin-top: 50px;
    /*left:10%;*/
}

#partnership-champions-first {
    background-image: url(../../afi/img/afi-partnership-champions-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 78vh;
}

@media only screen and (max-width: 1190px) {
    .partnership-champions-desc-container {
        padding-left: 180px !important;
    }
    .partnership-champions-title h2 {
        font-size: 30px !important;
        line-height: 28px !important;
    }
    .partnership-champions-description {
        margin-top: 20px !important;
    }
    #partnership-champions-first .gpf-learn-more {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 997px) {
    .partnership-champions-logo {
        width: 120px !important;
    }
    .partnership-champions-desc-container {
        padding-left: 140px !important;
    }
    .partnership-champions-description {
        margin-top: 20px !important;
    }
    #partnership-champions-first .gpf-learn-more {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 917px) {
    .partnership-champions-description {
        margin-top: 15px !important;
    }
    #partnership-champions-first .gpf-learn-more {
        margin-top: 10px !important;
    }
    .partnership-champions-title h2 {
        font-size: 25px !important;
        line-height: 20px !important;
    }
}

@media only screen and (max-width: 768px) {
    .partnership-champions-desc-container {
        z-index: 0 !important;
        position: unset;
        padding-Left: 0px !important;
        top: 0px !important;
        padding-bottom: 30px;
        background-color: #262626;
    }
    .partnership-champions-description {
        width: 90% !important;
        margin-left: 8%;
        margin-top: 30px;
        padding-right: 30px;
    }
    .partnership-champions-title {
        width: 90%;
        margin-top: 40px;
        margin-left: 8%;
    }
}


/* End Community: AFI Partnership Champions */


/* AFI Community: Leader's perspective and Executive director's reflection*/

.leadership-reflection-row-left {
    background-color: #000000;
}

.leadership-reflection-row-right {
    background-color: #000000;
}

.leader-perspective-title h2,
.executive-reflection-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.1;
    color: #FFFFFF;
    /*  text-shadow: 1px 1px 1px black;*/
}

.executive_description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
}

.leader_description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 0px;
}

.leadership-reflection-row-left-logo {
    margin-top: 50px;
    z-index: 55;
    position: absolute;
    left: 18%;
}

.leadership-reflection-row-right-logo {
    margin-top: 50px;
    z-index: 55;
    position: absolute;
    left: 10%;
}

#leadership_reflection_first .col-right {
    padding-left: 260px;
}

.leader-perspective-desc-container-left {
    z-index: 55;
    position: absolute;
    top: 63%;
    padding-left: 290px;
}

.leader-perspective-desc-container-right {
    z-index: 55;
    position: absolute;
    top: 58%;
    padding-left: 260px;
}

@media only screen and (max-width: 1570px) and (min-width: 1311px) {
    .leadership-reflection-row-left-logo,
    .leadership-reflection-row-right-logo {
        width: 155px !important;
    }
    .leader-perspective-desc-container-left,
    .leader-perspective-desc-container-right {
        top: 25% !important;
    }
    .leader-perspective-desc-container-left {
        padding-left: 250px;
    }
    .leader-perspective-desc-container-right {
        padding-left: 220px;
    }
}

@media only screen and (max-width: 1310px) and (min-width: 1111px) {
    #leadership_reflection_first .gpf-learn-more {
        margin-top: 20px !important;
    }
    .leader-perspective-desc-container-left,
    .leader-perspective-desc-container-right {
        bottom: 30vw !important;
    }
}

@media only screen and (max-width: 1310px) {
    .leader-perspective-desc-container-left {
        padding-left: 7vw !important;
    }
    .leader-perspective-desc-container-right {
        padding-left: 6vw !important;
    }
}

@media only screen and (max-width: 1160px) {
    .leadership-reflection-row-left-logo {
        left: 8% !important;
    }
    .leadership-reflection-row-right-logo {
        left: 8% !important;
    }
    .leader-perspective-desc-container-left {
        padding-left: 150px !important;
    }
    .leader-perspective-desc-container-right {
        padding-left: 120px !important;
    }
}

@media only screen and (max-width: 1110px) {
    .leader-perspective-title h2,
    .executive-reflection-title h2 {
        font-size: 25px !important;
        line-height: 25px !important;
    }
    #leadership_reflection_first .gpf-learn-more {
        margin-top: 15px !important;
    }
    .leader-perspective-desc-container-left,
    .leader-perspective-desc-container-right {
        padding-left: 60px !important;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 769px) {
    .leadership-reflection-row-left-logo,
    .leadership-reflection-row-right-logo {
        width: 120px !important;
        margin-top: 20px !important;
    }
    .leader-perspective-desc-container-left,
    .leader-perspective-desc-container-right {
        top: 25% !important;
    }
    #leadership_reflection_first .gpf-learn-more {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .leadership-reflection-row-left-logo {
        width: 130px !important;
        left: 8% !important;
        top: 5%;
        margin-top: 0px;
    }
    .leadership-reflection-row-right-logo {
        width: 130px !important;
        left: 8% !important;
        top: 5%;
        margin-top: 0px;
    }
    .leadership-reflection-row-left {
        flex-direction: column !important;
    }
    .leader-perspective-desc-container-left,
    .leader-perspective-desc-container-right {
        z-index: 0 !important;
        position: unset;
        padding-Left: 0px !important;
        top: 0px !important;
        padding-bottom: 30px;
        padding-left: 0px !important;
    }
    .leader-perspective-title {
        width: 90%;
        margin-top: 40px;
        margin-left: 8%;
        z-index: 0;
        position: unset;
    }
    .leader-perspective-title h2,
    .executive-reflection-title h2 {
        font-weight: 800 !important;
        font-size: 25px !important;
        line-height: 24px !important;
        color: #FFFFFF !important;
    }
    .executive-reflection-title {
        width: 90%;
        margin-top: 40px;
        margin-left: 8%;
        z-index: 0;
        position: unset;
    }
    .executive_description {
        z-index: 0;
        position: unset;
        margin-left: 8%;
        margin-top: 30px;
        padding-right: 30px;
    }
    .leader_description {
        z-index: 0;
        position: unset;
        margin-left: 8%;
        margin-top: 30px;
        padding-right: 30px;
    }
    #leadership_reflection_first .gpf-learn-more {
        margin-top: 20px;
    }
}


/* End AFI Community: Leader's perspective and Executive director's reflection*/


/* Community: Newsroom */

#community-newsroom-first {
    background-image: url('../img/newsroom-bottom-banner.jpg');
    background-size: cover;
}

#community-newsroom-first .community-newsroom-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

#community-newsroom-first {
    padding-top: 50px;
    padding-bottom: 50px;
    height: 700px;
}

.community-newsroom-title {
    margin-top: 30px;
    margin-left: 110px;
}

.community-newsroom-description {
    margin-top: 40px;
    margin-left: 110px;
}

#community-newsroom-first .gpf-learn-more {
    margin-top: 0px;
    border: 0px;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
    border-top: 0.5px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 768px) {
    .community-newsroom-logo {
        width: 130px !important;
        margin-left: 8% !important;
    }
    .community-newsroom-title {
        margin-left: 8% !important;
    }
    .community-newsroom-description {
        margin-left: 8% !important;
    }
    #community-newsroom-first .gpf-learn-more {
        width: 90% !important;
    }
    #community-newsroom-first {
        background-color: #262626 !important;
        background-image: none !important;
        /*height:450px!important;*/
        height: 500px !important;
    }
}


/* End Community: Newsroom */

.community-top {
    background: url('/wp-content/themes/afi/img/community-top-banner.jpg');
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin-top: 39px;*/
}

.community-top h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
}

.community-top {
    padding-top: 120px;
}

.community-top-description {}

.community-top-description p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
}

.community-top-description {
    width: 50%;
    margin-top: 30px;
}

.community-top-text-block {
    padding-left: 150px;
}

.member-section-mobile-banner,
.donors-partners-mobile-section {
    display: none;
}

@media only screen and (max-width: 1445vh) {
    .community-top-description {
        width: 90%;
    }
}


/*@media only screen and (max-width: 1048px) {*/

@media only screen and (max-width: 1024px) {
    .member-section {
        height: 550px;
    }
    .community-top-description {
        /*width:100%!important;*/
    }
    .member-section-description,
    .donors-partners-section-description {
        width: 80% !important;
    }
    .member-section,
    .donors-partners-section {
        background: none;
    }
    .community-top-logo {
        width: 130px;
    }
    .member-section-logo,
    .donors-partners-section-logo {
        width: 130px;
    }
    .community-top h2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 45px;
        line-height: 36px;
    }
    .community-top-text-block {
        padding-left: 15px;
        margin-top: 50px;
    }
    .member-section-text-block,
    .donors-partners-section-text-block {
        padding-left: 30px !important;
    }
    .community-top {
        padding-top: 80px;
    }
}

.member-section h2,
.donors-partners-section h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 75px;
    color: #FFFFFF;
}

.member-section-description p,
.donors-partners-section-description p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
}

.member-section-description,
.donors-partners-section-description {
    width: 40%;
    padding-top: 30px;
}

.member-section-text-block,
.donors-partners-section-text-block {
    padding-left: 150px;
}

.member-section-discover {
    width: 297px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 42px;
}

.member-section-discover:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.member-section {
    background: url('/wp-content/themes/afi/img/member-section-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 620px;
    padding-top: 60px !important;
}

.donors-partners-section {
    background: url('/wp-content/themes/afi/img/partner-donors-section-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    padding-top: 60px !important;
}

@media only screen and (max-width: 768px) {
    .community-top-description {
        width: 85% !important;
    }
}

@media only screen and (max-width: 428px) {
    .community-top-description {
        width: 100% !important;
    }
    .community-top-description p {
        font-size: 17px !important;
    }
}

@media only screen and (max-width: 450px) {
    .member-section-mobile-banner,
    .donors-partners-mobile-section {
        display: block !important;
    }
    .member-section {
        padding-top: 0px !important;
        background: none !important;
        background-color: #262626 !important;
        height: 590px;
    }
    .donors-partners-section {
        padding-top: 0px !important;
        background: none !important;
        background-color: #000000 !important;
        height: 590px;
    }
    .member-section-logo-container,
    .donors-partners-section-container {
        z-index: 100;
        position: relative;
        top: -190px;
    }
    .member-section h2,
    .donors-partners-section h2 {
        line-height: 25px !important;
    }
    .member-section-description,
    .donors-partners-section-description {
        padding-top: 20px;
        width: 100% !important;
    }
    .member-section-discover {
        margin-top: 38px;
    }
}


/*End community.css*/


/*publication-template.css*/

#publication-template {
    /* padding: 50px 50px; */
    padding-top: 92px;
    padding-left: 50px;
    padding-bottom: 50px;
}

.publication-template-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 23px;
    color: #C0AE00;
}

.publication-template-teaser {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #C0AE00;
}

.publication-template-subtitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.publication-template-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.publication-template-details div {
    margin-bottom: 30px;
}

.pt-download {
    width: 274px;
    border: 1px solid #B79C17;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #B79C17;
    text-decoration: none;
    margin-top: 25px;
    margin-bottom: 25px;
}

.pt-download:hover {
    text-decoration: none;
    color: #B79C17;
}

.publication-template-social-media-icon {
    font-size: 20px;
    color: #B79C17;
    background-color: #807F83;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    /*float:left;*/
}

.publication-template-social-media {
    margin-top: 25px;
}

.publication-template-social-media-views {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 26px;
    text-align: right;
    color: #000000;
}

.publication-template-relpublictions-container {
    background-color: #E3E3E3;
    padding: 50px 0px;
}

.publication-column-left {
    padding-right: 50px;
}

.publication-template-logo-container {
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    #publication-template {
        padding-top: 110px!important;
    }
    .publication-column-left {
        justify-content: center!important;
        padding-right: 0px!important;
    }
    #publication-template {
        padding-left: 0px!important;
    }
    .publication-template-details {
        margin-top: 60px!important;
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .publication-template-logo {
        width: 130px!important;
    }
    .publication-template-logo-container {
        width: 80%!important;
    }
    .publication-template-relpublictions-logo {
        width: 130px!important;
    }
    .publication-template-relpublictions-container .relpublications-title {
        width: 80%!important;
    }
}


/*End publication-template.css*/


/*aboutus.css*/


/* About Us : Top */

.afi-aboutus-section-container {
    /*  background-color:#262626;
     padding-bottom:30px;*/
    /* The image used */
    background-image: url('/wp-content/themes/afi/img/about-main.jpg');
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.afi-aboutus-banner-img {
    /*margin-bottom:30px;*/
}

.afi-aboutus-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
    position: relative;
}

.afi-aboutus-title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
    position: relative;
}

.afi-aboutus-descriptions {
    /*background-color:#262626;*/
}

.afi-aboutus-teaser {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    position: relative;
    margin-top: 30px;
}

.afi-aboutus-teaser-inner {
    width: 60%;
}

.afi-aboutus-para-1 a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    position: relative;
    margin-top: 30px;
}

.afi-aboutus-para-1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF !important;
    position: relative;
    margin-top: 30px;
}

.afi-aboutus-para-2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.afi-aboutus-details {
    z-index: 55;
    /* position: absolute;
    margin-top: 230px;*/
}

.afi-aboutus-expand-descr {
    background-color: #262626;
    z-index: 55;
    position: absolute;
    top: 90%;
}

.afi-aboutus-readmore {
    display: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 20px;
    cursor: pointer;
    padding-top: 30px;
}

.afi-aboutus-bottom {
    margin-top: -1px;
    height: 200px;
    background-color: #262626;
}

.afi-aboutus-logo-container {
    /*z-index: 55;
      position: absolute;*/
    margin-top: 120px;
}

.afi-aboutus-readmore[aria-expanded="false"]:before {
    content: "Read More";
}

.afi-aboutus-readmore[aria-expanded="true"]:before {
    content: "Read Less";
}

@media only screen and (max-width: 768px) {
    .afi-aboutus-para-2-container {
        /* margin-top:20px!important;*/
    }
    .afi-aboutus-section-container {
        margin-top: 42px;
    }
    .afi-aboutus-para-2 {
        margin-top: 30px!important;
        /*display:none;*/
    }
    .afi-aboutus-readmore {
        margin-top: 0px!important;
    }
    .afi-aboutus-banner-img {
        margin-bottom: 0px!important;
    }
    .afi-aboutus-title-inner {
        width: 60%!important;
    }
    .afi-aboutus-teaser {
        display: none!important;
    }
    .afi-aboutus-logo-container {
        /*margin-top:40px!important;*/
        margin-top: 50px!important;
    }
    .afi-aboutus-details {
        /*margin-top:270px!important;*/
        margin-top: 180px!important;
    }
    .afi-aboutus-title-inner {
        font-size: 45px!important;
        line-height: 45px!important;
    }
    .afi-aboutus-logo {
        width: 130px!important;
        top: 5%!important;
        /*margin-left:20px!important;*/
    }
    .afi-aboutus-para-1 {
        /*padding-left:30px!important;
                padding-right:30px!important;*/
    }
    .afi-aboutus-title {
        /*padding-left:30px!important;
            padding-right:30px!important;*/
    }
    .afi-aboutus-para-1 {
        /*padding-left:70px;
         padding-right:70px;*/
    }
    .afi-aboutus-para-2 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .afi-aboutus-bottom {
        height: 800px;
    }
    .afi-aboutus-descriptions {
        top: 130px;
    }
    .afi-aboutus-readmore {
        display: block;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 1714px) and (min-width: 1460px) {
    .afi-aboutus-title-inner {
        font-size: 68px!important;
        line-height: 70px!important;
    }
    .afi-aboutus-logo {
        width: 160px!important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 680px) {
    .afi-aboutus-details {
        margin-top: 320px!important;
    }
}

@media only screen and (max-width: 381px) and (min-width: 361px) {
    .afi-aboutus-details {
        margin-top: 40px!important;
    }
}

@media only screen and (max-width: 360px) and (min-width: 346px) {
    .afi-aboutus-details {
        margin-top: 130px!important;
    }
    .afi-aboutus-para-1 {
        margin-top: 20px!important;
    }
}

@media only screen and (max-width: 422px) and (min-width: 382px) {
    .afi-aboutus-details {
        margin-top: 30px!important;
    }
}

@media only screen and (max-width: 453px) and (min-width: 423px) {
    .afi-aboutus-details {
        margin-top: 190px!important;
    }
}

@media only screen and (max-width: 485px) and (min-width: 454px) {
    .afi-aboutus-details {
        margin-top: 220px!important;
    }
}

@media only screen and (max-width: 543px) and (min-width: 486px) {
    .afi-aboutus-details {
        margin-top: 250px!important;
    }
}

@media only screen and (max-width: 598px) and (min-width: 544px) {
    .afi-aboutus-details {
        margin-top: 270px!important;
    }
}

@media only screen and (max-width: 679px) and (min-width: 599px) {
    .afi-aboutus-details {
        margin-top: 300px!important;
    }
}

@media only screen and (max-width: 1459px) and (min-width: 1156px) {
    .afi-aboutus-title-inner {
        font-size: 53px!important;
        line-height: 60px!important;
    }
    .afi-aboutus-banner-img {
        margin-bottom: 10px!important;
    }
    .afi-aboutus-teaser {
        font-size: 11px;
    }
    .afi-aboutus-logo {
        /*width:140px;*/
    }
}

@media only screen and (max-width: 1155px) and (min-width: 769px) {
    .afi-aboutus-title-inner {
        font-size: 45px!important;
        line-height: 45px!important;
    }
    .afi-aboutus-banner-img {
        margin-bottom: 0px!important;
    }
    .afi-aboutus-teaser {
        font-size: 11px;
    }
    .afi-aboutus-logo {
        /*width:110px;*/
    }
}

@media only screen and (max-width: 814px) and (min-width: 769px) {
    .afi-aboutus-title-inner {
        font-size: 35px!important;
    }
}

@media only screen and (max-width: 922px) and (min-width: 830px) {
    .afi-aboutus-para-2 {
        margin-top: 30px!important;
    }
}

@media only screen and (max-width: 829px) and (min-width: 769px) {
    .afi-aboutus-para-2 {
        margin-top: 50px!important;
    }
}

@media only screen and (max-width: 992px) and (min-width: 769px) {
    .afi-aboutus-para-2-container {
        /*margin-top:40px!important;*/
    }
}

@media only screen and (max-width: 422px) {
    .afi-aboutus-para-2-container {
        /*  margin-top:50px!important;*/
    }
}


/* End About Us : Top */


/* About Us: Vision & Mission */


/*.afi-aboutus-vision-mission-section-container{
        padding:50px 50px;
  }  */

.afi-aboutus-vision-title,
.afi-aboutus-mission-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

.afi-aboutus-vision-description,
.afi-aboutus-mission-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
    padding-top: 30px;
}

.afi-aboutus-vision-mission-details {
    margin-top: 30px;
}

.afi-aboutus-vision-mission-details-row {
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .afi-aboutus-mission {
        margin-top: 40px!important;
    }
    .afi-aboutus-vision-mission-details {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .afi-aboutus-para-2 {
        padding-bottom: 0px!important;
    }
}

@media only screen and (max-width: 768px) {
    .afi-aboutus-vision-description,
    .afi-aboutus-mission-description {
        padding-top: 10px!important;
    }
    /* .afi-aboutus-mission{
           margin-top:40px!important;
         }*/
    .afi-aboutus-vision-mission-logo {
        width: 120px;
        padding-top: 25px;
    }
}


/* End About Us: Vision & Mission */


/* About Us: Our Values */

.afi-aboutus-our-values-section-container {
    /*        padding:50px 50px;*/
    background-color: #F5F5F5;
}

.afi-aboutus-our-values-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

.afi-aboutus-our-values-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
    margin-top: 30px;
}

.afi-aboutus-our-values-items-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 21px;
    color: #807F83;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.afi-aboutus-our-values-items-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.afi-aboutus-our-values-item-row {
    padding-left: 0px;
    padding-right: 0;
    margin-top: 30px;
    border-top: 1px solid #E9E4CC;
    justify-content: space-between;
}

.afi-aboutus-our-values-items .card-header {
    background-color: transparent;
    border-bottom: none;
}

.afi-aboutus-our-values-details {
    margin-top: 20px;
}

.afi-aboutus-our-values-items:nth-child(odd) {
    border-right: 1px solid #E9E4CC;
}

.afi-aboutus-our-values-items:nth-child(even) {
    padding-left: 20px;
}

.afi-aboutus-our-values-items {
    padding: 9px;
    border-bottom: 1px solid #E9E4CC;
    padding-left: 0px;
    padding-right: 20px;
    padding-bottom: 30px;
}

.afi-aboutus-our-values-items-title::after {
    display: none !important;
}

.bottom-last,
.bottom-second-last {
    border-bottom: 0px;
}

.afi-aboutus-our-values-header {
    padding-left: 0px;
}

@media only screen and (max-width: 768px) {
    .afi-aboutus-our-values-logo {
        width: 120px!important;
    }
    .afi-aboutus-our-values-section-container {
        background-color: #FFFFFF!important;
        padding-top: 0px!important;
    }
    .afi-aboutus-our-values-item-row {
        border-top: 0px!important;
    }
    .afi-aboutus-our-values-title,
    .afi-aboutus-vision-title,
    .afi-aboutus-mission-title {
        font-weight: bold;
        font-size: 25px;
        line-height: 23px;
    }
    .afi-aboutus-our-values-items {
        border-right: 0px!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
        padding: 0px!important;
        padding-bottom: 0px!important;
    }
    .afi-aboutus-our-values-items-description {
        padding-bottom: 30px;
    }
    .bottom-second-last {
        border-bottom: 1px solid #E9E4CC;
    }
    .afi-aboutus-our-values-items-title::after {
        display: flex !important;
    }
}


/* End About Us: Our Values */


/* About Us: AFI Governance Structure */

.afi-governance-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    text-align: center;
    color: #C0AE00;
    padding-top: 50px;
}

#afi-governance-structure-section {
    padding: 50px 50px;
}

.afi-governance-details-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.afi-governance-details {
    margin-top: 40px;
}

.afi-governance-details-descriptions div:nth-child(2) {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.afi-governance-descriptions-arrow {
    /*padding-left:15px;*/
    padding-right: 15px;
}

.afi-governance-descriptions-arrow .fa-chevron-right {
    position: relative;
    text-align: center;
    padding: 5px;
    margin-bottom: 6px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    -webkit-box-shadow: -2px 6px 10px 0px rgba(145, 138, 145, 1);
    -moz-box-shadow: -2px 6px 10px 0px rgba(145, 138, 145, 1);
    box-shadow: -2px 6px 10px 0px rgba(145, 138, 145, 1);
    font-size: 11px;
}

.afi-governance-details-descriptions {
    margin-top: 40px;
}


/* End About Us: AFI Governance Structure */


/* About Us: Director, Management & Donors */

#afi-director-management-donor-section {
    background-color: #F2F2F2;
    padding: 50px 50px;
}

.afi-director-management-donors-content {
    /* padding-right: 0px;
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    margin-bottom: 13px;
    padding-bottom: 9px;
    padding-left: 13px;
    margin-right: 10px;
    position: relative;*/
    padding-right: 0px;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    margin-bottom: 13px;
    padding-bottom: 9px;
    padding-left: 13px;
    margin-right: 10px;
    position: relative;
    padding-top: 15%;
}

.afi-dmd-text {
    z-index: 4;
}

.afi-dmd-text-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    background-blend-mode: multiply;
    mix-blend-mode: normal;
    z-index: 2;
}

.afi-director-management-donors .content-1 {
    background-image: url("/wp-content/themes/afi/img/About Us-Board.jpg");
}

.afi-director-management-donors .content-2 {
    background-image: url("/wp-content/themes/afi/img/afi-board-directors.png");
}

.afi-director-management-donors .content-3 {
    background-image: url("/wp-content/themes/afi/img/afi-donors.png");
}

.afi-dmd-text a {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
    .afi-dmd-image {
        width: 100%!important;
        height: auto!important;
        display: block!important;
    }
    #afi-director-management-donor-section {
        padding: 0px 0px!important;
    }
    .afi-director-management-donors-content {
        margin-right: 0px!important;
    }
}


/* End About Us: Director, Management & Donors */


/* Related Publication */

.smef-relpublictions-container {
    background-color: #FFFFFF;
}


/* End Related Publications */


/*End aboutus.css*/


/*global-voice.css*/


/* Global Voice Top */

#global-voice .global-voice-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 40px;
    width: 40%;
}

#global-voice {
    background-image: none !important;
}

.global-voice-title {
    width: 70%;
}


/* Global Voice Top */

#global-voice .global-voice-description,
#gpf .global-voice-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 40px;
    width: 40%;
}

#gpf .global-voice-description {
    width: 24% !important;
}

.global-voice-title {
    width: 70%;
}

#global-voice .global-voice-title h2,
#gpf .global-voice-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
}

#gpf .global-voice-title h2 {
    font-size: 40px;
    line-height: 1;
}

.global-voice-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 280px;
}

.global-voice-logo {
    z-index: 55;
    position: absolute;
    margin-top: 120px;
    left: 10%;
}

@media only screen and (max-width: 1301px) and (min-width: 945px) {
    .global-voice-description {
        width: 90% !important;
        margin-top: 25px !important;
    }
}

@media only screen and (max-width: 944px) and (min-width: 858px) {
    .global-voice-title h2 {
        font-size: 45px !important;
        line-height: 42px !important;
    }
    .global-voice-description {
        width: 90% !important;
        margin-top: 25px !important;
    }
}

@media only screen and (max-width: 857px) and (min-width: 769px) {
    .global-voice-description {
        width: 90% !important;
        margin-top: 15px !important;
    }
    .global-voice-title h2 {
        font-size: 45px !important;
        line-height: 42px !important;
    }
    .global-voice-desc-container {
        top: 20% !important;
        padding-left: 230px !important;
    }
}


/* Start comment */


/*@media only screen and (max-width: 1190px) {
   .global-voice-desc-container{      
      padding-left:220px!important;
   }
   .global-voice-title h2{
          font-size: 45px!important;
          line-height: 42px!important;
   }
   .global-voice-description{
           margin-top:20px!important;
    }  
}
@media only screen and (max-width: 997px) {
   .global-voice-logo{
     width:120px!important;   
   }
   .global-voice-desc-container{         
         padding-left:170px!important;
    }
   .global-voice-description{
           margin-top:20px!important;
    }   
}
@media only screen and (max-width: 917px) {   
  #global-voice  .gpf-learn-more{
     margin-top:10px!important;
  }
  .global-voice-title h2{
     font-size:45px!important;
     line-height:42px!important;
   }
}
@media only screen 
and (max-width: 1063px) 
and (min-width: 861px) {
      .global-voice-description{
        width:80%!important;
      }
 } 
 @media only screen 
and (max-width: 861px) 
and (min-width: 769px) {
    .global-voice-description{
         width:90%!important;
    }
}
 @media only screen 
and (max-width: 1301px) 
and (min-width:1190px) {
  .global-voice-description{
     width:60%!important;
  }
}
 @media only screen 
and (max-width: 1167px) 
and (min-width:998px) {
    .global-voice-description{
      width:70%!important;
    }
}
@media only screen 
and (max-width: 809px) 
and (min-width:769px) {
       .global-voice-logo{
           left:7%!important;
       }
       .global-voice-desc-container{
         padding-left:140px!important;
       }
       .global-voice-description{
            width:95%!important;
       }
}*/


/* End Comment */

@media only screen and (max-width: 767px) {
    .global-voice-desc-container {
        /*     background-color:unset!important;*/
        position: unset !important;
    }
    #global-policy-forum-2018 div.main_title.blue {
        color: white;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .global-voice-desc-container {
        margin-top: 180px !important;
    }
    .global-voice-logo-container {
        padding-top: 40px !important;
    }
}

@media only screen and (max-width: 768px) {
    h2#gltc_h2 {
        line-height: 1.2 !important;
        margin-left: auto;
    }
    div#gltc_title {
        margin-left: 8% !important;
    }
    #global-voice {
        margin-top: 42px;
    }
    .global-voice-logo {
        width: 130px !important;
    }
    .global-voice-description {
        width: 90% !important;
        margin-left: 8%;
        margin-top: 30px;
        padding-right: 30px;
    }
    .global-voice-title {
        width: 90%;
        margin-top: 30px;
        margin-left: 8%;
    }
    .global-voice-title h2 {
        font-size: 45px !important;
        line-height: 42px !important;
    }
    .global-voice-desc-container {
        z-index: 0 !important;
        /*position: unset;*/
        padding-Left: 0px !important;
        /*top: 0px!important;*/
        padding-bottom: 30px;
        /*background-color: #262626;*/
    }
    /* Swap background*/
    #global-voice {
        background-image: url(../../afi/img/mobile-global-voice-banner.jpg) !important;
        background-size: cover;
    }
    .global-voice-banner-img {
        display: none;
    }
    .global-voice-desc {
        justify-content: space-between !important;
        height: 800px;
    }
    .global-voice-desc-container {
        background-color: unset !important;
        /*position:unset!important;*/
    }
    .global-voice-logo {
        margin-top: 0px !important;
    }
    .global-voice-logo-container {
        margin-top: 40px;
    }
    /* End Swap background*/
}


/* End Global Voice Top */


/* Global Policy Forum 2018 */

#global-policy-forum-2018 .global-policy-forum-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.global-policy-forum-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 280px;
}

.global-policy-forum-logo {
    z-index: 55;
    position: absolute;
    margin-top: 3%;
    left: 10%;
}

.global-forum-learn-more {
    width: 297px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 35px;
}

.global-forum-watch-video {
    width: 297px;
    border: none;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #262626 !important;
    background-color: #b79C17;
    margin-top: 25px;
}

.global-forum-video-arrow {
    border: 1px solid #000000;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
}

@media only screen and (max-width: 1218px) and (min-width: 1020px) {
    .global-policy-forum-title h2 {
        font-size: 35px !important;
        line-height: 29px !important;
    }
    .global-forum-learn-more,
    .global-forum-watch-video {
        margin-top: 15px !important;
    }
}

@media only screen and (max-width: 1019px) and (min-width: 769px) {
    .global-policy-forum-title h2 {
        font-size: 25px !important;
        line-height: 24px !important;
    }
    .global-forum-learn-more,
    .global-forum-watch-video {
        margin-top: 15px !important;
    }
    .global-policy-forum-desc-container {
        top: 15% !important;
    }
    .global-policy-forum-logo {
        margin-top: 3% !important;
    }
}

@media only screen and (max-width: 767px) {
    .global-policy-forum-desc-container {
        position: unset;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .global-policy-forum-desc-container {
        background-color: unset !important;
        margin-top: 292px !important;
    }
    .global-policy-forum-desc {
        height: 600px !important;
    }
    .global-forum-learn-more {
        width: 85% !important;
    }
    .global-forum-watch-video {
        width: 85% !important;
    }
    .global-policy-forum-container-fluid {
        background-color: #262626;
    }
}

@media only screen and (max-width: 768px) {
    #global-policy-forum-2018 .global-policy-forum-title h2 {
        font-size: 25px;
        line-height: 29px;
    }
    .global-policy-forum-logo {
        width: 130px !important;
    }
    .global-policy-forum-desc-container {
        z-index: 0 !important;
        padding-Left: 0px !important;
        top: 0px !important;
        padding-bottom: 30px;
        background-color: #262626;
    }
    .global-policy-forum-title,
    .global-forum-learn-more,
    .global-forum-watch-video {
        width: 90%;
        margin-top: 30px;
        margin-left: 8%;
    }
    .global-policy-forum-logo {
        margin-top: 3% !important;
    }
}


/* End Global Policy Forum 2018 */


/* AFI Award Winners*/

#afi-awards .afi-awards-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.afi-awards-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 280px;
}

.afi-awards-logo {
    z-index: 55;
    position: absolute;
    margin-top: 3%;
    left: 10%;
}

.afi-awards-learn-more {
    width: 297px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF !important;
    margin-top: 35px;
}

@media only screen and (max-width: 1218px) and (min-width: 1020px) {
    .afi-awards-title h2 {
        font-size: 35px !important;
        line-height: 29px !important;
    }
    .afi-awards-learn-more {
        margin-top: 15px !important;
    }
}

@media only screen and (max-width: 1019px) and (min-width: 769px) {
    .afi-awards-title h2 {
        font-size: 25px !important;
        line-height: 24px !important;
    }
    .afi-awards-learn-more {
        margin-top: 15px !important;
    }
    .afi-awards-desc-container {
        top: 15% !important;
    }
    .afi-awards-logo {
        margin-top: 3% !important;
    }
}

@media only screen and (max-width: 767px) {
    .afi-awards-desc-container {
        position: unset;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .afi-awards-desc-container {
        background-color: unset !important;
        margin-top: 292px !important;
    }
    .afi-awards-desc {
        height: 480px !important;
    }
    .afi-awards-learn-more {
        width: 85% !important;
    }
    .afi-awards-container-fluid {
        background-color: #262626;
    }
}

@media only screen and (max-width: 768px) {
    #afi-awards .afi-awards-title h2 {
        font-size: 25px;
        line-height: 24px;
    }
    .afi-awards-logo {
        width: 130px !important;
    }
    .afi-awards-desc-container {
        z-index: 0 !important;
        padding-Left: 0px !important;
        top: 0px !important;
        padding-bottom: 30px;
        background-color: #262626;
    }
    .afi-awards-title,
    .afi-awards-learn-more {
        width: 90%;
        margin-top: 30px;
        margin-left: 8%;
    }
    .afi-awards-logo {
        margin-top: 3% !important;
    }
}


/* End AFI Award winners*/


/* Maya Declaration */

#maya-declaration .maya-declaration-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    color: #FFFFFF;
}

#maya-declaration .maya-declaration-title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    color: #FFFFFF;
}

.maya-declaration-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    /*padding-left: 280px;*/
}

.maya-declaration-logo {
    z-index: 55;
    position: absolute;
    margin-top: 3%;
    left: 10%;
}

.maya-declaration-learn-more {
    width: 297px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 35px;
    text-decoration: none;
    padding-left: 0;
}

.maya-declaration-title-desc-container {
    padding-left: 0;
}

.maya-declaration-learn-more:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.maya-declaration-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
}


/*.maya-declaration-column-left{
        align-items: flex-end;
}*/

.maya-declaration-column-left {
    align-items: center;
}

@media only screen and (max-width: 1500px) and (min-width: 1030px) {
    .banner-circle {
        width: 200px !important;
    }
}

@media only screen and (max-width: 1029px) and (min-width: 769px) {
    .banner-circle {
        /*width:80px!important;*/
        width: 160px !important;
    }
}

@media only screen and (max-width: 940px) {
    .maya-declaration-logo {
        width: 130px !important;
    }
}

@media only screen and (max-width: 1218px) and (min-width: 1020px) {
    .maya-declaration-title h2 {
        font-size: 35px !important;
        line-height: 29px !important;
    }
    .maya-declaration-learn-more {
        margin-top: 15px !important;
    }
}

@media only screen and (max-width: 1019px) and (min-width: 769px) {
    .maya-declaration-logo {
        width: 130px !important;
    }
    .maya-declaration-title h2 {
        font-size: 35px !important;
        line-height: 29px !important;
    }
    .maya-declaration-desc-container {
        top: 26% !important;
    }
    .maya-declaration-learn-more {
        margin-top: 7px !important;
    }
    .maya-declaration-desc-container {
        /*top:15%!important;*/
    }
    .maya-declaration-logo {
        margin-top: 3% !important;
    }
}

@media only screen and (max-width: 767px) {
    .maya-declaration-desc-container {
        position: unset;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .maya-declaration-desc-container {
        background-color: unset !important;
        margin-top: 292px !important;
    }
    .maya-declaration-desc {
        height: 540px !important;
    }
    .maya-declaration-learn-more {
        width: 85% !important;
    }
    .maya-declaration-container-fluid {
        background-color: #262626;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .maya-declaration-title,
    .maya-declaration-learn-more {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .banner-circle {
        margin-left: 8% !important;
    }
    .maya-declaration-title {
        margin-left: 0px !important;
    }
    #maya-declaration .maya-declaration-title h2 {
        font-size: 25px;
        line-height: 24px;
    }
    #maya-declaration .maya-declaration-title h1 {
        font-size: 25px;
        line-height: 24px;
    }
    .banner-circle {
        width: 90px !important;
    }
    .maya-declaration-desc-container {
        z-index: 0 !important;
        padding-Left: 0px !important;
        top: 0px !important;
        padding-bottom: 30px;
        background-color: #262626;
    }
    .maya-declaration-title,
    .maya-declaration-learn-more {
        width: 90%;
        margin-top: 30px;
        margin-left: 8%;
    }
    .maya-declaration-logo {
        margin-top: 3% !important;
    }
}


/* End Maya Declaration */

#global-voice .global-voice-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
}

.global-voice-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 0;
}

.global-voice-logo {
    z-index: 55;
    position: absolute;
    margin-top: 120px;
    left: 10%;
}

@media only screen and (max-width: 1301px) and (min-width: 945px) {
    .global-voice-description {
        width: 90% !important;
        margin-top: 25px !important;
    }
}

@media only screen and (max-width: 944px) and (min-width: 858px) {
    .global-voice-title h2 {
        font-size: 45px !important;
        line-height: 42px !important;
    }
    .global-voice-description {
        width: 90% !important;
        margin-top: 25px !important;
    }
}

@media only screen and (max-width: 857px) and (min-width: 769px) {
    .global-voice-description {
        width: 90% !important;
        margin-top: 15px !important;
    }
    .global-voice-title h2 {
        font-size: 45px !important;
        line-height: 42px !important;
    }
    .global-voice-desc-container {
        top: 20% !important;
        padding-left: 230px !important;
    }
}


/* Start comment */


/*@media only screen and (max-width: 1190px) {
   .global-voice-desc-container{      
      padding-left:220px!important;
   }
   .global-voice-title h2{
          font-size: 45px!important;
          line-height: 42px!important;
   }
   .global-voice-description{
           margin-top:20px!important;
    }  
}
@media only screen and (max-width: 997px) {
   .global-voice-logo{
     width:120px!important;   
   }
   .global-voice-desc-container{         
         padding-left:170px!important;
    }
   .global-voice-description{
           margin-top:20px!important;
    }   
}
@media only screen and (max-width: 917px) {   
  #global-voice  .gpf-learn-more{
     margin-top:10px!important;
  }
  .global-voice-title h2{
     font-size:45px!important;
     line-height:42px!important;
   }
}
@media only screen 
and (max-width: 1063px) 
and (min-width: 861px) {
      .global-voice-description{
        width:80%!important;
      }
 } 
 @media only screen 
and (max-width: 861px) 
and (min-width: 769px) {
    .global-voice-description{
         width:90%!important;
    }
}
 @media only screen 
and (max-width: 1301px) 
and (min-width:1190px) {
  .global-voice-description{
     width:60%!important;
  }
}
 @media only screen 
and (max-width: 1167px) 
and (min-width:998px) {
    .global-voice-description{
      width:70%!important;
    }
}
@media only screen 
and (max-width: 809px) 
and (min-width:769px) {
       .global-voice-logo{
           left:7%!important;
       }
       .global-voice-desc-container{
         padding-left:140px!important;
       }
       .global-voice-description{
            width:95%!important;
       }
}*/


/* End Comment */

@media only screen and (max-width: 767px) {
    .global-voice-desc-container {
        /*     background-color:unset!important;*/
        position: unset !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .global-voice-desc-container {
        margin-top: 180px !important;
    }
    .global-voice-logo-container {
        padding-top: 40px !important;
    }
}

@media only screen and (max-width: 768px) {
    #global-voice {
        margin-top: 42px;
    }
    .global-voice-logo {
        width: 130px !important;
    }
    .global-voice-description {
        width: 90% !important;
        margin-left: 8%;
        margin-top: 30px;
        padding-right: 30px;
    }
    .global-voice-title {
        width: 90%;
        margin-top: 30px;
        margin-left: 8%;
    }
    .global-voice-title h2 {
        font-size: 45px !important;
        line-height: 42px !important;
    }
    .global-voice-desc-container {
        z-index: 0 !important;
        /*position: unset;*/
        padding-Left: 0px !important;
        /*top: 0px!important;*/
        padding-bottom: 30px;
        /*background-color: #262626;*/
    }
    /* Swap background*/
    #global-voice {
        background-image: url(../../afi/img/mobile-global-voice-banner.jpg) !important;
        background-size: cover;
    }
    .global-voice-banner-img {
        display: none;
    }
    .global-voice-desc {
        justify-content: space-between !important;
        height: 800px;
    }
    .global-voice-desc-container {
        background-color: unset !important;
        /*position:unset!important;*/
    }
    .global-voice-logo {
        margin-top: 0px !important;
    }
    .global-voice-logo-container {
        margin-top: 40px;
    }
    /* End Swap background*/
}


/* End Global Voice Top */


/* Global Policy Forum 2018 */

#global-policy-forum-2018 .global-policy-forum-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.global-policy-forum-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 0;
}

.global-policy-forum-logo {
    z-index: 55;
    position: absolute;
    margin-top: 3%;
    left: 10%;
}

#gpf .global-forum-learn-more,
#gpf .global-forum-watch-video,
#book_seat .global-forum-watch-video {
    display: inline-flex;
    margin-bottom: 0px;
    background-color: #DDDB00 !important;
}

.global-forum-learn-more {
    width: 297px;
    border: 1px solid black;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: black !important;
    margin-top: 35px;
}

.global-forum-watch-video {
    width: 297px;
    border: none;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #262626 !important;
    background-color: #b79C17;
    margin-top: 25px;
}

.global-forum-video-arrow {
    border: 1px solid #000000;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
}

@media only screen and (max-width: 1218px) and (min-width: 1020px) {
    .global-policy-forum-title h2 {
        font-size: 35px !important;
        line-height: 29px !important;
    }
    .global-forum-learn-more,
    .global-forum-watch-video {
        margin-top: 15px !important;
    }
}

@media only screen and (max-width: 1019px) and (min-width: 769px) {
    .global-policy-forum-title h2 {
        font-size: 25px !important;
        line-height: 24px !important;
    }
    .global-forum-learn-more,
    .global-forum-watch-video {
        margin-top: 15px !important;
    }
    .global-policy-forum-desc-container {
        top: 15% !important;
    }
    .global-policy-forum-logo {
        margin-top: 3% !important;
    }
}

@media only screen and (max-width: 767px) {
    .global-policy-forum-desc-container {
        position: unset;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .global-policy-forum-desc-container {
        background-color: unset !important;
        margin-top: 292px !important;
    }
    .global-policy-forum-desc {
        height: 600px !important;
    }
    .global-forum-learn-more {
        width: 85% !important;
    }
    .global-forum-watch-video {
        width: 85% !important;
    }
    .global-policy-forum-container-fluid {
        background-color: #262626;
    }
}

@media only screen and (max-width: 768px) {
    #global-policy-forum-2018 .global-policy-forum-title h2 {
        font-size: 25px;
        line-height: 29px;
    }
    .global-forum-learn-more {
        margin-left: 50px;
    }
    .global-policy-forum-logo {
        width: 130px !important;
    }
    .global-forum-watch-video {
        margin-bottom: 0px !important;
    }
    .global-policy-forum-desc-container {
        z-index: 0 !important;
        padding-Left: 37px !important;
        top: 0px !important;
        padding-bottom: 30px;
        background-color: #000000;
        padding-top: 24px;
    }
    .global-forum-learn-more {
        color: white !important;
        border-color: white;
        margin-bottom: 10px !important;
        margin-top: 50px !important;
    }
    .global-policy-forum-title,
    .global-forum-learn-more,
    .global-forum-watch-video {
        width: 90%;
        margin-top: 30px;
        margin-left: 0px;
        margin-bottom: 70px;
    }
    .global-policy-forum-logo {
        margin-top: 3% !important;
    }
}


/* End Global Policy Forum 2018 */


/* AFI Award Winners*/

#afi-awards .afi-awards-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #FFFFFF;
}

.afi-awards-desc-container {
    z-index: 55;
    position: absolute;
    top: 40%;
    padding-left: 0;
}

.afi-awards-logo {
    z-index: 55;
    position: absolute;
    margin-top: 3%;
    left: 10%;
}

.afi-awards-learn-more {
    width: 297px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF !important;
    margin-top: 35px;
}

@media only screen and (max-width: 1218px) and (min-width: 1020px) {
    .afi-awards-title h2 {
        font-size: 35px !important;
        line-height: 29px !important;
    }
    .afi-awards-learn-more {
        margin-top: 15px !important;
    }
}

@media only screen and (max-width: 1019px) and (min-width: 769px) {
    .afi-awards-title h2 {
        font-size: 25px !important;
        line-height: 24px !important;
    }
    .afi-awards-learn-more {
        margin-top: 15px !important;
    }
    .afi-awards-desc-container {
        top: 15% !important;
    }
    .afi-awards-logo {
        margin-top: 3% !important;
    }
}

@media only screen and (max-width: 767px) {
    .afi-awards-desc-container {
        position: unset;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .afi-awards-desc-container {
        background-color: unset !important;
        margin-top: 292px !important;
    }
    .afi-awards-desc {
        height: 480px !important;
    }
    .afi-awards-learn-more {
        width: 85% !important;
    }
    .afi-awards-container-fluid {
        background-color: #262626;
    }
}

@media only screen and (max-width: 768px) {
    #afi-awards .afi-awards-title h2 {
        font-size: 25px;
        line-height: 24px;
    }
    .afi-awards-logo {
        width: 130px !important;
    }
    .afi-awards-desc-container {
        z-index: 0 !important;
        padding-Left: 0px !important;
        top: 0px !important;
        padding-bottom: 30px;
        background-color: #262626;
    }
    .afi-awards-title,
    .afi-awards-learn-more {
        width: 90%;
        margin-top: 30px;
        margin-left: 8%;
    }
    .afi-awards-logo {
        margin-top: 3% !important;
    }
}


/* End AFI Award winners*/


/* Maya Declaration */

#maya-declaration .maya-declaration-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    color: #FFFFFF;
}

#maya-declaration .maya-declaration-title h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    color: #FFFFFF;
}

#maya-declaration .maya-declaration-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    color: #FFFFFF;
}

.maya-declaration-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    /*padding-left: 280px;*/
}

.maya-declaration-logo {
    z-index: 55;
    position: absolute;
    margin-top: 3%;
    left: 10%;
}

.maya-declaration-learn-more {
    width: 297px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 35px;
    text-decoration: none;
}

.maya-declaration-title-desc-container {
    padding-left: 0;
}

.maya-declaration-learn-more:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.maya-declaration-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 26px;
    color: #FFFFFF;
}


/*.maya-declaration-column-left{
        align-items: flex-end;
}*/

.maya-declaration-column-left {
    align-items: center;
}

@media only screen and (max-width: 1500px) and (min-width: 1030px) {
    .banner-circle {
        width: 200px !important;
    }
}

@media only screen and (max-width: 1029px) and (min-width: 769px) {
    .banner-circle {
        /*width:80px!important;*/
        width: 160px !important;
    }
}

@media only screen and (max-width: 940px) {
    .maya-declaration-logo {
        width: 130px !important;
    }
}

@media only screen and (max-width: 1218px) and (min-width: 1020px) {
    .maya-declaration-title h2 {
        font-size: 35px !important;
        line-height: 29px !important;
    }
    .maya-declaration-learn-more {
        margin-top: 15px !important;
    }
}

@media only screen and (max-width: 1019px) and (min-width: 769px) {
    .maya-declaration-logo {
        width: 130px !important;
    }
    .maya-declaration-title h2 {
        font-size: 35px !important;
        line-height: 29px !important;
    }
    .maya-declaration-desc-container {
        top: 26% !important;
    }
    .maya-declaration-learn-more {
        margin-top: 7px !important;
    }
    .maya-declaration-desc-container {
        /*top:15%!important;*/
    }
    .maya-declaration-logo {
        margin-top: 3% !important;
    }
}

@media only screen and (max-width: 767px) {
    .maya-declaration-desc-container {
        position: unset;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .maya-declaration-desc-container {
        background-color: unset !important;
        margin-top: 292px !important;
    }
    .maya-declaration-desc {
        height: 540px !important;
    }
    .maya-declaration-learn-more {
        width: 85% !important;
    }
    .maya-declaration-container-fluid {
        background-color: #262626;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    .maya-declaration-title,
    .maya-declaration-learn-more {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .banner-circle {
        margin-left: 25% !important;
    }
    .maya-declaration-title {
        /* margin-left:0px!important; */
    }
    #maya-declaration .maya-declaration-title h2 {
        font-size: 25px;
        line-height: 24px;
    }
    #maya-declaration .maya-declaration-title h1 {
        font-size: 25px;
        line-height: 24px;
    }
    .banner-circle {
        width: 120px !important;
        margin-top: 53px;
    }
    .maya-declaration-desc-container {
        z-index: 0 !important;
        padding-Left: 0px !important;
        top: 0px !important;
        padding-bottom: 30px;
        background-color: #262626;
    }
    .maya-declaration-title,
    .maya-declaration-learn-more {
        width: 90%;
        margin-top: 30px;
        margin-left: 8%;
    }
    .maya-declaration-logo {
        margin-top: 3% !important;
    }
}


/* End Maya Declaration */


/*End global-voice.css*/


/*capacity-building.css*/

.capacity-building-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 280px;
}

.capacity-building-title {
    width: 70%;
}

.capacity-building-title h2 {
    font-family: Roboto!important;
    font-style: normal!important;
    font-weight: bold!important;
    font-size: 80px!important;
    line-height: 75px;
    color: #FFFFFF;
}

.capacity-building-descriptions {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px!important;
    line-height: 26px;
    color: #807F83!important;
    padding-left: 280px;
}


/*End capacity-building.css*/


/*public-private-dialogue.css*/

.program-date {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    color: #C0AE00;
    font-size: 25px;
    padding-left: 50px;
}

.program-block-grey {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #F5F5F5;
}

.program-block-white {
    padding-top: 20px;
    padding-bottom: 20px;
    /*background-color:#F5F5F5;*/
}

.program-descr {
    padding-right: 30px;
}

.program-last {
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .program-descr {
        padding-left: 50px;
    }
}


/*End public-private-dialogue.css*/


/*joint-learning-programs.css*/

.program-last {
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .program-descr {
        padding-left: 50px;
    }
}


/*End joint-learning-programs.css*/


/*peer-advisory.css*/

#peer-advisory-download-factsheet {
    /*background: white;*/
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    color: #222222!important;
    font-size: 12px;
    line-height: 17px;
    border-color: #222222;
    border: 1px solid #000000;
    box-sizing: border-box;
    padding: .4rem 1rem;
    border-radius: .3rem
}

#peer-advisory-download-factsheet img {
    padding-left: 20px;
}


/*End peer-advisory.css*/


/*activities.css*/

.activities-logo {
    z-index: 55;
    position: absolute;
    margin-top: 120px;
    left: 10%;
}

.activities-mobile-banner-img {
    display: none;
}

.activities-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 280px;
}

#activities .activities-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 10vh;
    line-height: 8vh;
    color: #FFFFFF;
}

#activities .activities-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 40px;
    width: 40%;
}

.activities-grant-desc-container {
    z-index: 55;
    position: absolute;
    top: 28%;
    padding-left: 280px;
}

#activities-grants {
    padding-top: 70px;
    padding-bottom: 70px;
    background-size: cover;
    background-image: url('/wp-content/themes/afi/img/activities-grant-banner.jpg');
}

#activities-grants h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 44px;
    /*color: #FFFFFF;*/
    color: #C0AE00;
}

#activities-grants .h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 44px;
    /*color: #FFFFFF;*/
    color: #C0AE00;
}

.activities-grant-mobile-img {
    display: none;
}

#activities-grants p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 40px;
    width: 40%;
}

#activities-grants .grants-discover {
    width: 297px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 35px;
}

@media only screen and (max-width: 1560px) and (min-width: 1007px) {
    #activities-grants .activities-grant-description {
        width: 70%;
        margin-top: 20px!important;
    }
    .grants-discover {
        margin-top: 20px!important;
    }
    #activities-grants .activities-grant-title h2 {
        font-size: 60px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 1007px) and (min-width: 769px) {
    .activities-grants-logo {
        margin-top: 30px;
    }
    .activities-grant-desc-container {
        top: 15%;
    }
    #activities-grants .activities-grant-title h2 {
        font-size: 60px;
        line-height: 50px;
    }
    #activities-grants .activities-grant-description {
        width: 90%!important;
        margin-top: 20px!important;
    }
    .grants-discover {
        margin-top: 20px!important;
    }
}

@media only screen and (max-width: 1378vh) and (min-width: 768vh) {
    #activities .activities-description {
        width: 98%;
    }
    .activities-desc-container {
        top: 35%;
        padding-left: 230px;
    }
    #activities .activities-title h2 {
        font-size: 70px;
        line-height: 52px;
    }
}

@media only screen and (max-width: 922px) and (min-width: 768px) {
    #activities .activities-title h2 {
        font-size: 45px;
        line-height: 35px;
    }
    #activities .activities-description {
        margin-top: 20px;
    }
    .activities-desc-container {
        padding-left: 170px;
    }
    .activities-logo {
        width: 130px!important;
    }
    .activities-grants-logo {
        width: 130px!important;
    }
    .activities-grant-desc-container {
        padding-left: 220px;
    }
}

@media only screen and (max-width: 768px) {
    .activities-banner-img {
        display: none;
    }
    .activities-mobile-banner-img {
        display: block!important;
    }
    #activities .activities-title h2 {
        font-size: 45px;
        line-height: 35px;
    }
    .activities-desc-container {
        padding-left: 40px;
        top: 45%;
    }
    #activities .activities-description {
        width: 90%;
        margin-top: 30px;
    }
    .activities-logo {
        width: 130px!important;
        margin-top: 70px;
    }
    .activities-grant-desc-container {
        z-index: unset!important;
        /*top: 0px!important;*/
        position: relative;
    }
    .activities-grants-container {
        background-color: #262626;
        height: 600px;
    }
    #activities-grants .activities-grant-title h2 {
        font-size: 45px!important;
        line-height: 30px!important;
    }
    .activities-grant-desc-container {
        padding-left: 50px;
    }
    #activities-grants .activities-grant-description {
        width: 90%;
    }
    .activities-grants-logo {
        z-index: unset;
        position: relative;
        margin-top: 30px;
        width: 130px!important;
    }
    .activities-grant-desc-container {
        margin-top: 40px!important;
        top: 0%!important;
    }
    .grants-discover {
        width: 90%!important;
    }
}

@media only screen and (max-width: 600px) {
    .activities-grant-mobile-img {
        display: block!important;
    }
    .activities-grant-banner-img {
        display: none!important;
    }
    .activities-grants-container {
        height: 900px!important;
    }
}

@media only screen and (max-width: 550px) {
    .activities-grants-container {
        height: 850px!important;
    }
}

@media only screen and (max-width: 470px) {
    .activities-grants-container {
        height: 780px!important;
    }
}

@media only screen and (max-width: 590px) {
    .activities-desc-container {
        top: 45%;
    }
    .acitvities-desc {
        height: 900px;
        background-color: #262626;
    }
}

@media only screen and (max-width: 433px) {
    .activities-desc-container {
        top: 34%;
    }
}

@media only screen and (max-width: 363px) {
    .activities-desc-container {
        top: 30%;
    }
}

@media only screen and (max-width: 890px) and (min-width: 769px) {
    .activities-grants-logo {
        margin-top: 15px!important;
    }
    .activities-grant-desc-container {
        top: 8%!important;
    }
    #activities-grants .activities-grant-title h2 {
        font-size: 45px!important;
        line-height: 25px!important;
    }
}

@media screen and (max-width:768px) {
    #activities-grants {
        padding-top: 0px;
        padding-bottom: 70px;
        background-size: cover;
        background-color: #222222;
        background-image: none !important;
    }
    #activities-grants p {
        width: 90%;
    }
    #activities-grants h2 {
        margin-top: 25px;
    }
    #activities-grants .h2 {
        margin-top: 25px;
    }
}


/*End activities.css*/


/*executive-reflections.css*/

.executive-reflections-logo {
    z-index: 55;
    position: absolute;
    margin-top: 120px;
    left: 10%;
}

.executive-reflections-mobile-banner-img {
    display: none;
}

.executive-reflections-desc-container {
    z-index: 55;
    position: absolute;
    top: 40%;
    padding-left: 280px;
}

#executive-reflections .executive-reflections-title h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 75px;
    color: #FFFFFF;
}

#executive-reflections .executive-reflections-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 40px;
    width: 40%;
}


/* Description */

.executive-reflections-text-container {
    /* padding:50px 50px;*/
    background-color: #F5F5F5;
}

.executive-reflections-text-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

.executive-reflections-text-description {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
    /*margin-top:30px;*/
}

.executive-reflections-text-header {
    padding-left: 0px;
}

.executive-reflections-text-details {
    margin-top: 20px;
}


/* Latest */

.executive-reflections-latest-container {
    padding: 50px 50px;
}

.executive-reflections-latest-details {
    /* margin-top:30px;*/
}

.executive-reflections-latest-details-row {
    justify-content: space-between;
}

.executive-reflections-latest-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    color: #C0AE00;
}

.executive-reflections-latest-teaser {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    color: #C0AE00;
    margin-top: 30px;
}

.executive-reflections-latest-date {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
    padding-top: 30px;
}

.executive-reflections-latest-description-content {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
    padding-top: 30px;
}

.executive-reflections-latest-content-banner {
    margin-top: 30px;
    /*border-top: 1px solid #262626;*/
}

.executive-reflections-latest-description-readmore {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.executive-reflections-latest-description-readmore:hover {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

.executive-reflections-latest-content-banner-subtext {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #807F83;
}

.smef-relnewsblog-container .ex-director-pub-back-title {
    font-size: 18px;
    line-height: 22px;
}


/* Executuve Director's Publication */

.flip-box {
    background-color: transparent;
    /* width: 300px;
    height: 200px;*/
    /* border: 1px solid #f1f1f1; */
    /* perspective: 1000px; */
    /* Remove this if you don't want the 3D effect */
    /* box-shadow: 0px 0px 3px grey; */
    /* width: 316px !important; */
}

#smef-relpublictions-list .flip-box {
    height: 460px;
    width: 315px !important;
}

#smef-relpublictions-list .flip-box .flip-box-front {
    background-size: 100% 100%;
    ;
    background-repeat: no-repeat;
    background-position: center;
}


/* This container is needed to position the front and back side */

.flip-box-inner {
    position: relative;
    /* width: 100%; */
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    /*transition: -webkit-transform 0.8s;
    transition: -moz-transform 0.8s;*/
    /*     overflow: visible !important; */
    /*    transition: transform 0.6s; */
    -webkit-transition: transform 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
}


/* Do an horizontal flip when you move the mouse over the flip box container */

.executive-reflections-publication-container {
    background-color: #F5F5F5;
    /*padding: 50px 50px;*/
}

.executive-reflections-publication-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    color: #C0AE00;
    padding-left: 15px;
}

.flip-box:hover .flip-box-inner {
    /*     overflow: visible !important; */
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


/* Position the front and back side */

.flip-box-front,
.flip-box-back {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    /* width: 270px; */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.flip-box-back {
    position: absolute;
    top: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}


/* Style the front side (fallback if image is missing) */

.flip-box-front {
    background-color: #bbb;
    color: black;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}


/* Style the back side */

.flip-box-back {
    /*background-color: dodgerblue;*/
    background-color: #C0AE00;
    color: white;
    overflow: visible !important;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    /* width: 270px; */
}

.executive-reflections-publication-items {
    margin-top: 40px;
}

.ex-director-pub-front-desc {
    /*font-family: Roboto;
    font-style: normal;
    font-weight:bold;
    font-size:28px;
    line-height: 25px;*/
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    /*font-size: 22px;*/
    font-size: 15px;
    line-height: 22px;
    color: #262626;
    height: 214px;
    /* background-color:#FFFFFF;*/
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

.ex-director-pub-back-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    /*height: 120px;*/
    padding-bottom: 30px;
    color: #FFFFFF;
    text-align: left;
}

.ex-director-pub-back-title a,
.ex-director-pub-back-title a:hover {
    color: #FFFFFF !important;
}

.executive-reflections-publication-flipback {
    padding-left: 15px;
    padding-right: 15px;
}

.executive-reflections-publication-flipfront {
    /*padding-left:15px;
    padding-right:15px;*/
    background-color: #FFFFFF;
}

.executive-reflections-publication-flipbox {
    /*padding-left:0px;
      padding-right:30px;*/
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    /* max-width:270px;	 	 width:23%;	 margin-right:2%;*/
    /* max-height:364px; */
}

.ex-director-pub-front-thumb {
    /*width:310px;
       height:214px;*/
    width: 270px !important;
    /* height: 197px !important; */
    height: 105px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ex-ed-flip-box-inner {
    width: 270px;
    /* height: 373px; */
    height: 332px;
}


/*.executive-reflections-publication-title-back{
      text-align:left;
      padding-left:0px;
  }*/


/*.executive-reflections-publication-date-back{
    font-family: Roboto;
    font-style: normal;
    font-size:11px;
    font-weight:normal;
  }*/


/*.executive-reflections-publication-header{
      margin-top:20px;
      margin-bottom:20px;
  }*/

.executive-reflections-publication-date-back {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 13px;
    /*padding-left:15px!important;*/
    padding-right: 15px;
    text-align: left;
    padding-left: 0px;
}

.executive-reflections-publication-date-front {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    color: #262626;
    /* margin-top:20px;
    margin-bottom:20px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 15px !important;
    padding-right: 15px;
    text-align: left;
}

.ex-director-pub-back-teaser {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    text-align: left;
    /* height: 102px; */
    height: auto;
}

.ex-director-pub-back-readmore {
    font-family: Roboto;
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    text-align: left;
}

.ex-director-pub-back-readmore {
    font-weight: bold;
    margin-top: 20px;
}


/* End: Executuve Director's Publication */

.ex-director-pub-front-thumb-box {
    /*width:270px;*/
    height: 197px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.executive-reflections-publication-container .ex-director-pub-back-teaser {
    /* margin-top:30px;*/
}


/*End executive-reflections.css*/


/*newsroom.css*/

.news_main .flip-box-inner {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

.speeches_main .flip-box-inner {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

.blog_main .flip-box-inner {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

#newsroom-speeches,
#newsroom-news,
#newsroom-blog {
    margin-top: 20px!important;
}

.news_main .slick-prev {
    /* margin-left:-50px;*/
}

.news_main .slick-next {
    /* margin-right:-50px;*/
}

.speeches_main .slick-prev {
    /* margin-left:-50px;*/
}

.speeches_main .slick-next {
    /*margin-right:-50px;*/
}

.blog_main .slick-prev {
    /*   margin-left:-50px;*/
}

.blog_main .slick-next {
    /*margin-right:-50px;*/
}

@media only screen and (max-width: 610px) {
    .youtube-channel-video-embed {
        margin: auto;
    }
}

@media only screen and (max-width: 768px) {
    .news_main .slick-prev {
        margin-left: 0px!important;
    }
    .news_main .slick-next {
        margin-right: 0px!important;
    }
    .speeches_main .slick-prev {
        margin-left: 0px!important;
    }
    .speeches_main .slick-next {
        margin-right: 0px!important;
    }
    .blog_main .slick-prev {
        margin-left: 0px!important;
    }
    .blog_main .slick-next {
        margin-right: 0px!important;
    }
    .news_main .flip-box-inner {
        margin: auto!important;
    }
    .speeches_main .flip-box-inner {
        margin: auto!important;
    }
    .blog_main .flip-box-inner {
        margin: auto!important;
    }
    .explore-btn {
        display: flex!important;
    }
    .explore-link {
        margin: auto!important;
    }
    .news_main .flip-box {
        padding: 0px!important;
    }
    .speeches_main .flip-box {
        padding: 0px!important;
    }
    .blog_main .flip-box {
        padding: 0px!important;
    }
}


/*End newsroom.css*/


/*library.css*/

.library-description-summary {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #807F83;
}

#library-description {
    padding: 50px 10px;
    background-color: #F8F8F8;
}

.library-browse-full-library,
.library-browse-full-library:hover {
    width: 297px;
    border: 1px solid #000000;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #000000;
    text-decoration: none;
    margin-top: 30px;
}

#library-afi-publications {
    padding: 50px 10px;
}

#homepage-explore-publication-mobile {
    /*display:flex!important;*/
    justify-content: space-between !important;
    display: none;
}

.btnactive {
    color: #C0AE00 !important;
}

.btn-link,
.btn-link:hover,
.btn-link:visited {
    /*.btn-publication-type, .btn-publication-type:hover, .btn-publication-type:visited{*/
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
    text-decoration: none;
    padding: 0px;
}

.library-card-header-filter-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 11px;
    color: #AEAEAE;
}

.library-publication-filter-options {
    background-color: #F3F3F3;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #807F83;
}

#library-afi-publications .custom-control-label {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    /*line-height: 12px;*/
    color: #807F83;
}

.btn-publication-type[aria-expanded="true"]::before {
    display: block;
    color: black;
}

.btn-publication-type[aria-expanded="true"]::before {
    /*content:'AFI Case Studies';*/
}

.btn-publication-type[aria-expanded="false"]::before {
    /*content:'Show All';   */
}

.btn-region[aria-expanded="true"]::before {
    display: block;
    color: black;
}

.btn-region[aria-expanded="true"]::before {
    /* content:'Region';*/
}

.btn-region[aria-expanded="false"]::before {
    /* content:'Show All';   */
}

#library-afi-publications .btn-link {
    text-align: left;
}

.btn-regional-initiatives[aria-expanded="true"]::before {
    display: block;
    color: black;
}

.btn-regional-initiatives[aria-expanded="true"]::before {
    /*content:'Regional Initiatives';*/
}

.btn-regional-initiatives[aria-expanded="false"]::before {
    /*content:'Show All';   */
}

.btn-language[aria-expanded="true"]::before {
    display: block;
    color: black;
}

.btn-language[aria-expanded="true"]::before {
    /*content:'Language';*/
}

.btn-language[aria-expanded="false"]::before {
    /*content:'Show All';   */
}

.library-publication-flipbox {
    /*height:258px;
    width:188px;*/
    background-color: #F8F8F8;
    /*padding:15px 15px;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border: 1px 1px solid black !important;
    /* border: 1px solid #80808073; */
    /* border-radius: 2px; */
    box-shadow: 0px 0px 1px #80808082;
}

.library-publication-flipback-date {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #AEAEAE;
    text-align: left;
}

.library-publication-flipback-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    /* font-size: 16px;*/
    font-size: 22px;
    /*line-height: 19px;*/
    line-height: 23px;
    color: #222222;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 30px;
}

.library-publication-flipback-summary {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    /*font-size: 16px;*/
    font-size: 12px;
    /* line-height: 19px;*/
    line-height: 17px;
    color: #222222;
    text-align: left;
}

.library-publication-flipback-download {
    width: 65%;
    background-color: #000000;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 30px;
    border-radius: 5px;
    padding: 7px 22px;
    color: white !important;
}

.library-publication-flipback {
    padding: 15px 15px;
}

#library-afi-publications .card-header {
    padding-top: 16px;
    padding-bottom: 23px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 7px;
}

#library-afi-publications .card {
    border: 0px;
    /*border-bottom: 1px solid rgba(0,0,0,.125);  */
    /*border: 1px solid rgba(0,0,0,.125);  */
}

#library-afi-publications .card-header {
    border: 1px solid rgba(0, 0, 0, .125);
}

.library-publication-flipbox-inner {
    height: 375px;
    width: 188px;
}

main#content .library-publication-flipbox-inner {
    width: 270px;
}


/*mobile*/

@media screen and (max-width: 768px) {
    .library-publication-flipbox-inner {
        margin: auto !important;
    }
}

.homepage-publication-download-link {
    width: 90%;
    border: 1px solid #000000;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px 10px;
    display: flex;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #000000 !important;
    text-decoration: none;
    margin-top: 30px;
    margin: auto;
}


/*End library.css*/


/*newsroom-filter.css*/

#newsroom-filter {
    padding: 50px 50px;
}

#newsroom-filter {
    background-color: #F8F8F8;
}

#newsroom-filter .show-hide-filter::after {
    display: none;
}

#newsroom-filter #accordion-newsroom {
    /* padding-left: 12px; */
    /* padding-right: 12px; */
    padding: 0px;
}

#newsroom-filter .newsroom-filter-criteria {
    /* width: 24.7%; */
    /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
    /* padding: 0px; */
    margin-bottom: 7px;
}

#newsroom-filter .card-header {
    height: 80px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

div[data-parent="#option-rows"] {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: white;
    margin-left: 0px;
}

#newsroom-filter .library-card-header-filter-label {
    margin-bottom: 10px;
}

#newsroom-filter .library-card-header-filter-label {
    font-size: 12px;
}

#newsroom-filter #option-rows label {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #807F83;
}

#newsroom-filter #option-rows {
    padding: 5px 16px;
    background-color: #F8F8F8;
    margin-top: 15px;
    /* margin-top: 3px; */
    /* padding-top: 5px; */
    /* border: 1px solid rgba(0,0,0,.125); */
}

#newsroom-filter #option-rows>div.show {
    /*border: 1px solid rgba(0,0,0,.125);*/
    width: 100%;
}

#newsroom-filter .filter-options-groups {
    padding-left: 30px;
    line-height: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#newsroom-filter #option-rows .custom-radio {
    padding-top: 4px;
    padding-bottom: 3px;
}

#newsroom-filter .option-row-between {
    padding-bottom: 15px;
}

#newsroom-filter .option-row-1 {
    padding-top: 18px;
}

#newsroom-filter .newsroom-filter-content {
    padding-top: 20px;
}

#newsroom-filter .flip-box-inner {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

#newsroom-filter .flip-box-front {
    background-color: #FFFFFF;
}

#newsroom-filter .executive-reflections-publication-date-front {
    margin-top: 15px;
    margin-bottom: 15px;
}

#newsroom-filter .ex-director-pub-front-desc {
    height: 176px;
}

#newsroom-filter .paging {
    padding: 50px 50px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #A3A2A6;
}

#newsroom-filter .newsroom-paging-left {
    padding-right: 70px;
}

.newsroom-paging-left,
.newsroom-paging-right {
    line-height: 23px;
    float: left;
}

#newsroom-filter .paging-active {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #C0AE00;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

#newsroom-filter .paging-normal {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

#newsroom-filter .newsroom-paging-right {
    padding-left: 70px;
}

.newsroom-paging-left,
.newsroom-paging-right {
    line-height: 23px;
    float: left;
}

#newsroom-filter .btn-link {
    text-align: left;
}


/* Newsroom Filter Videos */

.newsroom-video-media {
    padding-top: 20px;
}

.newsroom-video {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.newsroom-video-media-detail {
    background-color: #343434;
}

.newsroom-video-media-date {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: #FFFFFF;
    padding-left: 15px;
    padding-top: 15px;
}

.newsroom-video-media-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    color: #FFFFFF;
    padding: 15px 15px;
}

.newsroom-video-frame {
    display: block;
}


/* End Newsroom Filter Videos */


/* Newsroom Filter Photo */

.newsroom-photo-filter-container {
    background-color: #343434;
}

.newsroom-photo-filter-image {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    cursor: pointer;
}

.newsroom-photo-filter-container:hover {
    background-color: #B79C17;
}

.newsroom-photo-filter-image {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0%);
    /* FF 35+ */
    cursor: pointer;
}

.newsroom-photo-filter-image:hover {
    -webkit-filter: grayscale(100%);
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%);
    /* FF 35+ */
}

.newsroom-photo-filter-detail:hover {
    background-color: #B79C17;
}


/* End Newsroom Filter Photo */

@media only screen and (max-width: 768px) {
    div[data-parent="#option-rows"] {
        padding-left: 10px !important;
    }
    #newsroom-filter #option-rows {
        padding: 0px
    }
    .newsroom-filter-criteria {
        width: 100%!important;
        padding: 0px;
    }
    #newsroom-filter #option-rows .custom-radio {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #newsroom-filter .filter-options-groups {
        padding-left: 21px;
    }
    #newsroom-filter {
        padding-left: 0px;
        padding-right: 0px;
    }
}


/*End newsroom-filter.css*/


/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    background: rgba(242, 242, 242, 0.9) !important;
    display: block;
    width: 30px;
    height: 33px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    /* outline: none; */
    /* background: transparent; */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.slick-prev:before,
.slick-next:before {
    content: "\F054";
    float: right;
    color: black !important;
    font-size: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    /* margin-top: 5px; */
}

.slick-prev:before {
    content: "\F053";
}


/*Homepage top Slider*/

.space-top {
    padding-top: 115px;
    background: #b2b2b2;
}

.home-caption {
    position: absolute;
    color: #fff;
    height: 120px;
    z-index: 90;
    bottom: 0;
    width: calc(100% - 0rem);
    padding: 40px  13px 10px 13px;
}

.home-caption2 {
    position: absolute;
    color: #fff;
    height: 120px;
    z-index: 90;
    bottom: 0;
    width: calc(100% - 0rem);
    padding: 40px  13px 10px 16px;
}

.home-caption .home-top-title,
.home-caption2 .home-top-title {
    color: #C0AE00;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.home-caption .home-section,
.home-caption2 .home-section {
    color: #fff;
    font-size: 15px;
    line-height: 1.2;margin-bottom:5px;
}

.row-news {
    height: 450px;
}

.slide-news {
    max-height: 450px;
}

.img-news {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
}

.b-0 {
    bottom: 0;
}

.bg-shadow {
    /* background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );*/
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 37%, rgba(0, 0, 0, 0.89) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 37%, rgba(0, 0, 0, 0.89) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 37%, rgba(0, 0, 0, 0.89) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e3000000', GradientType=0);
    /* IE6-9 */
}

.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}

.bottom-indicator {
    bottom: -57px;
    position: absolute;
}

.bottom-indicator.carousel-indicators .active {
    opacity: 1;
    background: #C0AE00;
    font-size: 4px;
}

.bottom-indicator.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 10px;
    border-radius: 50%;
    opacity: 0.5;
    background: #fff;
    padding: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 1;
    transition: opacity .15s ease;
}

.overflow {
    position: relative;
    overflow: hidden;
}

.zoom img {
    transition: all 0.2s linear;
}

.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width: 768px) {
    .space-top {
        padding-top: 55px;
    }
    .row-news {
        /*height:700px;*/
        height: calc(100vh - 105px);
    }
    .home-caption {
        position: absolute;
        color: #fff;
        height: 100px;
        z-index: 90;
        bottom: 0;
        width: calc(100% - 0rem);
        padding: 10px 20px;
    }
    .home-caption2 {
        position: absolute;
        color: #fff;
        height: 90px;
        z-index: 90;
        bottom: 0;
        width: calc(100% - 0rem);
        padding: 10px 10px;
    }
    .home-caption .home-top-title,
    .home-caption2 .home-top-title {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1;
    }
    .home-caption .home-section,
    .home-caption2 .home-section {
        color: #fff;
        font-size: 13px;
        line-height: 1.2;
    }
}

@media screen and (min-width: 1600px) {
    .row-news {
        height: 600px;
    }
}


/*End homepage top slider*/

/*Working Group Update*/

.with-bg{
background:#c1af00 !important;
color:#fff !important;
}

.table-place{
vertical-align:top;
font-size:12px !important;
Line-height:1.5;	
}

.bd-collapse{
border-collapse:collapse !important;	
}

.bd-collapse .cell-row{
background:#e1e1e1;	
color:#000;
}

.bd-collapse .cell-row span{
color:#807F83;
}

.title-inside-collapse{
width:100% !important;	 
}

.lo-roman{
list-style-type: lower-roman;
}


.resource-title{
font-weight: bold !important;
color: #C0AE00 !important;
}


.accordion-inside{
    width: 98%;
    margin-left: 1%;	
}

 .awp.awp-bold .collapsed {
    border-bottom: 1px solid #393939;
}

.awp.awp-bold .card{
 border-top: 1px solid #393939;	
}

.awp.awp-bold .card-header {
    

    border-bottom: 1px solid #393939;	
}

.awp.awp-bold a.card-title{
font-size:18px;	
}

.awp.awp-bold .arrow-wg li{
font-size:18px;		
}


.dropbtn {
  
  border: none;
}

.dropdown-rsc {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
       position: absolute;
    background-color: transparent;
    min-width: 128px;
    /* box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); */
    z-index: 1;
    text-align: left;
    padding: 10px 0px;
    top: 20px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-rsc:hover .dropdown-content {display: block;}

.custom-menu .nav-link{
	padding: 0rem 0rem 0.5rem 0rem;
}

.menu-line-h-1{
line-height:1;	
}


/*Member benefit page*/

.member-benefit-photo{
    object-fit: cover;
    height: 380px;
    width: 100%;
}

.cop28{
    object-fit: cover;
    height: 270px;
	object-position:top;
    width: 100%;
}


/*Ambassador page*/

.img-ambassador{
height:80px;
width:auto;	
}

.img-ambassador.img-ambassador-long{
height:50px;
width:auto;	
}

.img-ambassador.img-ambassador-long2{
height:45px; 
width:auto;	
}

ul.bullet-list li {
    margin-top: 0;
    margin-bottom: .5rem;
    list-style: disc;
    margin-left: 1em;
    color: #807F83;
    font-size: 16px;
}

.main_contentp p.f16px {
font-size:16px;	
}

.box-para{
border:1px solid #807F83;
padding:10px;
}

.ici-featured-projects h6{
color:#af9800;
font-weight:bold;
}

.ici-featured-projects .read-more{
color:#af9800;
text-decoration:underline;
font-style:italic;
}