/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
    margin: 0;
    padding: 0;
    background: #fff !important;
    font: 16px 'ProximaNova', sans-serif;
    position: relative;
    /* medium 500, bold 700 */
}

.dialog-off-canvas-main-canvas {
    overflow: hidden;
}


/********************************* Fonts ***********************************/

@font-face {
    font-family: 'ProximaNova';
    src: url('ProximaNova-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OswaldB';
    src: url('Oswald-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Lora';
    src: url('Lora.ttf') format('truetype');
}


/********************************* 100% Width ***********************************/

.views_slideshow_cycle_teaser_section {
    width: 100% !important;
}

.views_slideshow_cycle_slide.views_slideshow_slide {
    width: 100% !important;
}

div[class*='banner0'].col-sm-12,
div[class*='banner1'].col-sm-12 {
    display: block;
    width: 100%;
    padding: 0;
}

.navbar>.navbar-header,
.navbar>.navbar-collapse {
    margin: 0 !important;
}

.container,
.container-fluid {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.row {
    margin: 0;
}

.banner01,
.banner02,
.banner03,
.banner04,
.banner05 {
    padding: 0;
}

.region.region-content .view-content {
    padding: 0.5em 0.5em;
    float: left;
    width: 100%;
}

.region.region-content .view-content {
    padding: 1em 0.5em;
}


/********************************* Texts ***********************************/

a {
    outline: none !important;
}

.region.region-content .content,
.region.region-content .view-content {
    font: 15px 'ProximaNova', sans-serif;
    color: #232323;
}

#page-title {
    font: 36px 'Lora', sans-serif;
    font-weight: 500;
    padding: 0 0.5em;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    border: 0;
    margin: 0;
}

.region.region-content h1,
.region.region-content h2,
.region.region-content h3,
.region.region-content h4 {
    font-family: 'Lora', sans-serif;
}

.region.region-content h1 {
    color: #212529;
}

.region.region-content h2 {
    color: #212529;
}

.region.region-content h3 {
    color: #212529;
}

.region.region-content h4 {
    color: #212529;
}

.region.region-content .content ul li,
.region.region-content .view-content ul li {
    padding: 0.2em 0;
}

.region.region-content .content ul li:hover,
.region.region-content .view-content ul li:hover {
    list-style: inherit;
}

.region.region-content .content a,
.region.region-content .view-content a {
    font: 16.5px 'ProximaNova', sans-serif;
    transition: all 0.6s ease;
    color: #06112a;
    text-decoration: none;
    display: inline-flex;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* .region.region-content .content a:hover,
.region.region-content .view-content a:hover {
    -moz-transform: translateX(6px);
    -webkit-transform: translateX(6px);
    -o-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
} */
.region.region-content .content a:hover::after,
.region.region-content .view-content a:hover::after {
    opacity: 1 !important;
    animation: unset !important;
}


/********************************* Misc ***********************************/

.mcc {
    width: 100%;
    display: block;
}

.page-inner {
    width: 1000px;
    margin: 0 auto;
}


/* .main-container {}

.path-frontpage #frontpagerowswrap {}

#frontpagerowswrap {} */

.path-frontpage #notfrontwrap {
    min-height: 0;
    height: 0 !important;
    display: none;
}

#notfrontwrap {
    min-height: calc(100vh - 148px);
    position: relative;
    margin-top: -1px;
}


/* #page-header {}

#contentsectionwrap {} */

#contentsection {
    padding: 0;
}

.breadcrumb {
    /* background: ; */
    border-radius: 0;
    font: 15px 'ProximaNova', sans-serif;
    background: rgba(255, 255, 255, 0.6);
}

.breadcrumb li {
    color: inherit;
}

.breadcrumb li a {
    color: #212121;
}

.breadcrumb>li+li:before {
    color: #212121;
}

.breadcrumb>li.active {
    color: #212121;
}

#main-content {
    display: block;
}

.path-frontpage .region.region-content {
    padding: 0;
}

.region.region-content {
    padding: 0.5em;
    background: transparent !important;
}

.region.region-content .content,
.region.region-content .view-content {
    padding: 0.5em 0.5em;
    float: left;
    width: 100%;
}

.region.region-content .view-content {
    padding: 1em 0.5em;
}

#secondarypagesrowswrap {
    height: auto;
}

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

.rteleft {
    text-align: left;
}

.rtecenter {
    text-align: center;
}

.rteright {
    text-align: right;
}

.rtejustify {
    text-align: justify;
}


/*** Webform ***/

.webform .webform-progress-tracker {
    list-style: none !important;
}

.webform .form-wrapper {
    margin-bottom: 15px;
}

.webform .form-actions {
    padding: 0.5em 0;
    margin: 0.5em 0;
    display: flex;
}

.webform .button {
    text-decoration: none !important;
    font: 14px 'ProximaNova', sans-serif;
    color: #f9f9f9 !important;
    text-transform: capitalize;
    width: 130px;
    height: 37px;
    background: #0c7372;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*text-align: center;*/
    padding: 0 1em;
    transition: all 0.4s ease-in-out;
    box-shadow: 3px 3px 4px 1px transparent;
    border: 1px solid transparent;
    position: relative;
    z-index: 1;
}


/********************************* Logo ***********************************/

.navbar-header {
    background: rgba(255, 255, 255, 0);
    width: auto;
    height: auto;
    padding: 0.45em;
    margin: 0;
}

.sec-logo-container {
    display: block;
    position: relative;
    margin: 0 0 0 16px;
}

.sec-logo-container::before {
    content: '';
    position: absolute;
    left: -8px;
    bottom: 0;
    width: 1px;
    height: 60%;
    background: #000;
}

.navbar .logo {
    padding: 0;
    position: relative;
}

.navbar-btn {
    margin: 0;
}

.navbar-header {
    padding: 0.25em 0;
}

.navbar .logo img {
    width: auto;
    display: block;
    height: auto;
}


/* secondary logo */

.sec-logos {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sec-logos>li>a {
    display: block;
    overflow: hidden;
}

.navbar-header .region-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

section#block-secondarylogos {
    width: 100%;
}

.sec-logos>li:first-child img {
    width: 340px;
}


/********************************* Menu ***********************************/

.navbar-default {
    border-color: transparent;
    color: #000;
    border-radius: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 18px 30px 0 30px !important;
    background: url(../images/topbar.png) no-repeat top center /contain;
    top: -1px;
}

.navbar-default .navbar-nav {
    margin: 0 36px 0 0;
}

.navbar-default input[type='search'] {
    background: #ccd3e8;
    border: transparent;
    color: #000;
    padding: 6px 20px 6px 12px;
}

#block-bootstrap-subtheme-search {
    padding: 12px 0;
}

.navbar-default input[type='search']::placeholder {
    color: #000;
    opacity: 1;
}

.navbar-default input[type='search']:-ms-input-placeholder {
    color: #000;
}

.navbar-default input[type='search']::-ms-input-placeholder {
    color: #000;
}

.navbar .search-block-form .form-group .input-group .input-group-btn .btn {
    background: url(../images/icon-search.png) no-repeat center center !important;
    border: none !important;
    border-radius: 0;
    padding: 0;
    margin: 0 auto;
}

.navbar .search-block-form .glyphicon-search:before {
    color: transparent;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.sec-nav-list>li>a:hover {
    color: inherit;
    background-color: transparent;
    text-decoration: none;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: inherit;
    background-color: transparent;
    text-decoration: none;
}

.navbar-default .form-type-search {
    margin: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font: bold 16px 'ProximaNova', sans-serif;
    text-decoration: none;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    position: relative;
}

.caret {
    border: unset;
    background: url(../images/navigation_arrow_icon.png) no-repeat center;
    width: 7px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.region-navigation-collapsible {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #dfe5f3;
    border-radius: 6px;
    padding: 4px 8px;
}

#block-bootstrap-subtheme-search .input-group .input-group-btn {
    background: #ccd3e8;
    border-radius: 0 4px 4px 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

#block-bootstrap-subtheme-search .input-group-btn button {
    background: #ccd3e8;
    border-radius: 0;
    border: none;
    z-index: 100;
    outline: none;
    padding: 7px 12px;
}

.navbar-default .navbar-header {
    width: 100%;
    padding: 0 0 0.5em 0;
    display: block;
}

.path-frontpage .navbar-default .navbar-header {
    margin: 0 0 0.25em 0 !important;
    position: relative;
}

.path-frontpage .navbar-default .navbar-header .contextual-region {
    position: unset !important;
}

.path-frontpage #navbar-collapse {
    min-height: 66px;
    width: 85%;
    position: absolute;
    bottom: -58%;
    z-index: 10;
    transform: translateY(-50%);
}

.sec-logos>li:first-child>a {
    width: 340px;
    height: 38px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#navbar-collapse {
    min-height: 66px;
    width: 90%;
}


/********************************* MAIN BANNER ***********************************/

#block-views-block-main-banner-block-1 {
    margin: 1em 0 0 0;
}


/********************************* 17 SDGs BLock ***********************************/

#block-views-block-the-sdgs-block-1 .view-header {
    padding: 0 15px;
}

#block-views-block-the-sdgs-block-1 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#block-views-block-the-sdgs-block-1 .view-content .views-row {
    margin: 0.5em;
    /* width: 150px;
    height: 150px; */
}

.sdg-item,
.sdg-item img {
    display: block;
    /* width: 150px;
    height: 150px; */
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.sdg-item:hover {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -moz-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.sdg-item:hover img {
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}


/* the flip cards */

#block-views-block-the-sdgs-block-1 .flip-card {
    background-color: transparent;
    width: 150px;
    height: 150px;
    perspective: 1000px;
}

#block-views-block-the-sdgs-block-1 .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

#block-views-block-the-sdgs-block-1 .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

#block-views-block-the-sdgs-block-1 .flip-card-front,
#block-views-block-the-sdgs-block-1 .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

#block-views-block-the-sdgs-block-1 .flip-card-front {
    background-color: #bbb;
    color: black;
}

#block-views-block-the-sdgs-block-1 .flip-card-back {
    color: white;
    transform: rotateY(180deg);
}


/* 
.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(1) .flip-card-back {
    background: #e11c2d;
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(2) .flip-card-back {
    background: #c8952a
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(3) .flip-card-back {
    background: #2c9047
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(4) .flip-card-back {
    background: #b92033
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(5) .flip-card-back {
    background: #e5402a
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(6) .flip-card-back {
    background: #00a3ce
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(7) .flip-card-back {
    background: #f3ad14
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(8) .flip-card-back {
    background: #851837
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(9) .flip-card-back {
    background: #e96e24
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(10) .flip-card-back {
    background: #d61a80
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(11) .flip-card-back {
    background: #ef9325
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(12) .flip-card-back {
    background: #c3822a
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(13) .flip-card-back {
    background: #48773c
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(14) .flip-card-back {
    background: #007db1
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(15) .flip-card-back {
    background: #3ea449
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(16) .flip-card-back {
    background: #005580
}

.view-the-sdgs.view-display-id-block_1 .view-content>.views-row:nth-child(17) .flip-card-back {
    background: #1b3668
} */

#block-views-block-the-sdgs-block-1 .flip-card-back.viewall-sdgs {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    cursor: pointer;
}


/* #block-views-block-the-sdgs-block-1 .flip-card-back.viewall-sdgs>a {
   
} */

#block-views-block-the-sdgs-block-1 .flip-card-back.viewall-sdgs>a {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: bold 14px 'Lora', sans-serif !important;
    color: #212529;
    text-decoration: none;
}


/********************************* MESSAGES ***********************************/

#block-views-block-messages-block-1 {
    padding: 0 15px;
}


/* .slick--view--messages {}

.slick--view--messages .slick-slider {} */

.slick--view--messages .slick-slider .slick-list {
    margin: 0;
}


/* .slick--view--messages .slick-slider .slick-list .slick-track {} */

.slick--view--messages .slick-slider .slick-list .slick-track .slick-slide {
    margin: 8px 16px;
    padding: 6px;
    border-radius: 6px;
    overflow: hidden;
    /* box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px;     
    -webkit-box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px; */
}


/* HOVER */


/* .slick--view--messages .slick-slider .slick-list .slick-track .slick-slide:hover .ss-img-wrap>img {} */

.slick--view--messages .slick-slider .slick-list .slick-track .slick-slide .slide__content {
    background: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    padding: 8px 0;
}

.slick--view--messages .slick-slider .slick-list .slick-track .slick-slide .slide__content .slide__caption {
    padding: 0;
}


/* .slick--view--messages .slick-slider .slick-list .slick-track .slick-slide .slide__content .slide__caption .slide__description {} */

.slick--view--messages .slick .slick__slide:focus {
    border: 0
}

.slick--view--messages .slick-prev {
    left: unset;
    right: 55px;
}

.slick--view--messages .slick-arrow {
    width: 55px;
    height: 55px;
}

.slick--view--messages .slick-dots {
    text-align: left;
}

.slick--view--messages .slick-dots li.slick-active button:before {
    color: #ff0000;
}

.slick--view--messages .slick-dots li button:before {
    font-size: 16px;
}

.slick--view--messages .slick-next {
    right: -10px;
}

.slick--view--messages .slick-slider {
    padding: 0 34px;
}

.slick--view--messages .slick-prev::before {
    content: '';
    background: url(../images/messages_right_arrow.png) no-repeat center center;
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 50;
    right: 0;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
}

.slick--view--messages .slick-prev:hover::before {
    background: url(../images/messages_left_arrow-hvr.png) no-repeat center center;
    transform: translateY(-50%) rotate(0);
    -webkit-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -o-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
}

.slick--view--messages .slick-next::before {
    content: '';
    background: url(../images/messages_right_arrow.png) no-repeat center center;
    width: 55px;
    height: 55px;
    position: absolute;
    right: 0;
    z-index: 50;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.slick--view--messages .slick-next:hover::before {
    background: url(../images/messages_right_arrow-hvr.png) no-repeat center center;
}

.slick--view--messages .slick__arrow {
    top: unset;
    bottom: 0;
}

.slick--view--messages--block-1 .slick .slick__slide:focus {
    border: none !important;
    outline: 0 !important;
}


/* MESSAGES TEMPLATE */

.msgs-content .body {
    min-height: 120px;
}

.msgs-author {
    display: block;
    position: relative;
    padding: 6px 0 6px 14px;
}

.msgs-content,
.msgs-content p {
    font: 18px 'ProximaNova', sans-serif;
    color: #000;
    text-align: justify;
}

.msgs-author::before {
    content: '';
    width: 4px;
    height: 100%;
    min-height: 61px;
    background: url(../images/messages_heading_img_black.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.msgs-readmore {
    display: block;
    color: #ff0000;
    font: bold 18px 'ProximaNova', sans-serif;
    margin: 0.15em 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.msgs-readmore:hover,
.msgs-readmore:visited,
.msgs-readmore:focus,
.msgs-readmore:active {
    text-decoration: none;
    color: #ff0000;
    transform: translateX(6px);
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -o-transform: translateX(6px);
    -ms-transform: translateX(6px);
}

.msgs-author strong {
    font: bold 16px 'ProximaNova', sans-serif;
    color: #000;
}

.msgs-author p {
    margin: 0 0 0.15em 0;
    font: 16px 'ProximaNova', sans-serif;
    color: #000;
}


/* messages inner page  */

.msgs-flex-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 1.5em;
}

.msgs-content-wrap {
    padding: 0 10px;
    text-align: justify;
}

.msgs-img-wrap {
    position: relative;
}

.msgs-img-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%);
    opacity: 0;
}

.messages-wrapper .msgs-content:hover .msgs-img-wrap::after {
    opacity: 0.6;
}

.msgs-img-wrap>img {
    min-width: 317px;
    height: auto;
    object-fit: cover;
}

.messages-wrapper .msgs-content {
    background: #f7f7f7;
    padding: 2em 1em 0;
    border-radius: 6px;
    margin-bottom: 4em;
}

.msg-title-wrap {
    font: bold 24px 'ProximaNova', sans-serif;
    margin: 0 0 12px;
}

.msg-designation-wrap {
    font: bold 18px 'ProximaNova', sans-serif;
    margin: 0 0 12px;
}

.msg-org-wrap {
    font: 18px 'ProximaNova', sans-serif;
    font-style: italic;
    margin: 0 0 12px;
}


/********************************* publications ***********************************/

#block-views-block-publications-block-1 .view-header,
#block-views-block-our-initiatives-block-1 .view-header {
    padding: 0 15px;
}

#block-views-block-publications-block-1 .view-content {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    background: url(../images/publications_bg.png) no-repeat center center/cover;
    padding: 0 15px 3em;
}

#block-views-block-publications-block-1 .view-content .views-row {
    margin: 0 0.3em;
    width: 40%;
}

#block-views-block-publications-block-1 .view-content .views-row .pubimg-wrap img {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 0 0 1em 0;
    max-height: 630px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

#block-views-block-publications-block-1 .view-content .views-row .pub-wrap {
    text-decoration: none;
    display: block;
}

#block-views-block-publications-block-1 .view-content .views-row .pub-title {
    margin: 0 0 0.5em 0;
    display: block;
    text-align: center;
    color: #fff;
    font: bold 22px 'ProximaNova', sans-serif;
    text-transform: capitalize;
    min-height: 54px;
}

.inner-page .pub-title {
    margin: 6px 0;
    display: block;
    text-align: center;
    font: 16px 'Lora', sans-serif;
    text-transform: uppercase;
}

#block-views-block-publications-block-1 .view-content .views-row .pub-readmore {
    color: #e9a543;
    display: block;
    text-align: center;
    font: bold 16px 'ProximaNova', sans-serif;
    text-transform: uppercase;
}

#block-views-block-publications-block-1 .view-content .views-row:hover .pubimg-wrap img {
    transform: translateY(-6px);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
}


/********************************* OUR INITIATIVES ***********************************/

#block-views-block-our-initiatives-block-1 .view-content a:hover,
#block-views-block-our-initiatives-block-1 .view-content a:focus {
    text-decoration: none;
}


/* #block-views-block-our-initiatives-block-1 .ne-content-wrap p {
    text-align: justify;
} */

#block-views-block-our-initiatives-block-1 .ne-content-wrap .ne-readmore {
    text-align: center;
    position: absolute;
    bottom: 14px;
    left: 50%;
    width: 100%;
    height: 18px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

#block-views-block-our-initiatives-block-1 .view-content a:hover .newsevents-wrap,
#block-views-block-our-initiatives-block-1 .view-content a:focus .newsevents-wrap {
    background: #e11c2d;
}

#block-views-block-our-initiatives-block-1 .view-content a:hover .newsevents-wrap .ne-title,
#block-views-block-our-initiatives-block-1 .view-content a:focus .newsevents-wrap .ne-title {
    color: #fff;
}

#block-views-block-our-initiatives-block-1 .view-content a:hover .ne-content-wrap p,
#block-views-block-our-initiatives-block-1 .view-content a:focus .ne-content-wrap p,
#block-views-block-our-initiatives-block-1 .view-content a:focus .ne-content-wrap .ne-readmore {
    color: #fff !important;
}

#block-views-block-our-initiatives-block-1 .view-content {
    padding: 3em 15px 3em;
    overflow: hidden;
}

.view-our-initiatives.view-display-id-block_1 .newsevents-wrap {
    position: relative;
    margin: 0;
}


/********************************* OUR INITIATIVES INNER PAGE ***********************************/

.content .field--name-field-themes {
    margin: 0 0 8px;
    background: #d12800;
    color: #fff;
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.content .field--name-field-themes .field--item {
    font: 18px 'ProximaNova', sans-serif;
}


/********************************* NEWS & EVENTS BLOCK ***********************************/

#block-views-block-news-view-block-1 {
    padding: 0 15px;
    border-top: 1px solid #e9e9e9;
}

.newsevents-wrap {
    background: #fff;
    padding: 10px 10px;
    border-radius: 8px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    min-height: 420px;
    margin: 0 0 2em 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


/* our initiavies section replaced with news and events */

.view-our-initiatives.view-display-id-block_1 .newsevents-wrap {
    min-height: 200px;
}

.newsevents-wrap:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    -moz-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.newsevents-wrap:hover .ne-imgwrap .date {
    bottom: 20px;
}

.newsevents-wrap:hover .ne-imgwrap>img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.main-container>.row>.content {
    padding: 0;
}

.view-content>.ne-block {
    padding: 0 4px;
}

.ne-block>a {
    text-decoration: none;
    display: block;
    padding: 0 1.5em;
}

.ne-block>a:hover {
    text-decoration: none;
}

.sec-two-col .title-primary,
#block-getinvolved .title-primary,
#block-views-block-gallery-view-block-1 .title-primary,
#block-views-block-news-view-block-1 .title-primary {
    position: relative;
    padding: 0 0 0 17px;
}

.sec-two-col .title-primary::before,
#block-getinvolved .title-primary::before,
#block-views-block-gallery-view-block-1 .title-primary::before,
#block-views-block-news-view-block-1 .title-primary::before {
    content: '';
    width: 7px;
    height: 101px;
    background: url(../images/main_heading_img_black.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

#block-getinvolved .title-primary::before {
    background: url(../images/main_heading_img_white.png) no-repeat center center;
}

#block-views-block-gallery-view-block-1 .title-primary {}

#block-views-block-gallery-view-block-1 .gal-block {
    display: flex;
}

.title-primary {
    text-align: left;
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4em 0 3em;
}

.title-primary span {
    text-transform: uppercase;
    display: block;
    font: bold 18px 'Lora', sans-serif;
    text-align: left;
    color: #000;
}

.text-small {
    text-transform: lowercase !important;
    display: inline-flex !important;
}

.title-primary span.small {
    /* text-transform: lowercase !important; */
    display: inline-block;
}

.sdg-viewall {
    text-decoration: none;
    color: #000;
    font: bold 16px 'Lora', sans-serif;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 31px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.sdg-viewall:hover,
.sdg-viewall:focus,
.sdg-viewall:visited,
.sdg-viewall:active {
    text-decoration: none;
    color: #ff6f6f;
    transform: translateX(6px);
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -o-transform: translateX(6px);
    -ms-transform: translateX(6px);
}

.sdg-viewall::before {
    content: '';
    width: 21px;
    height: 14px;
    background: url(../images/read_more_icon.png) no-repeat center center;
    position: absolute;
    font-weight: bold;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.ne-readmore {
    color: #e11c2d !important;
    font: bold 15px 'ProximaNova', sans-serif !important;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.ne-readmore:hover {
    text-decoration: none;
    color: #e11c2d;
}

.ne-imgwrap {
    width: 100%;
    height: 170px;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 1em 0;
}

.ne-imgwrap>img {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.ne-title {
    font: bold 16px 'Lora', sans-serif;
    color: #000;
    text-align: center;
    margin: 0 0 1em 0;
    display: block;
}

.view-our-initiatives.view-display-id-block_1 .ne-title {
    min-height: 40px;
}

.ne-title a:hover {
    text-decoration: none;
    color: #000;
}

.ne-content-wrap p {
    color: #000;
    font: 15px 'ProximaNova', sans-serif;
    text-align: left;
}

.ne-imgwrap .date {
    width: 100%;
    padding: 8px 0;
    position: absolute;
    z-index: 10;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    background: url(../images/news_events_date_bg.png) no-repeat center center;
    font: 15px 'ProximaNova', sans-serif;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


/********************************* NEWS AND EVENTS LISTING PAGE ***********************************/

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .img-wrap>img {
    max-width: 640px;
    max-height: 300px;
    object-fit: cover;
    display: block;
    width: 100%;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .news-title-wrap>a:hover::after {
    opacity: 0;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content a:hover::after {
    opacity: 0;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .news-events-item {
    position: relative;
    padding: 8px 8px;
    margin: 0 0 1em;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .news-title-wrap {
    font: 28px 'ProximaNova', sans-serif;
    margin: 0 0 0.5em;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .description {
    font: 18px 'ProximaNova', sans-serif;
    text-align: justify;
    margin: 0 0 3em;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .date-wrap {
    font: 14px 'Lora', sans-serif !important;
    font-style: italic;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .readmore-btn {
    background: #d12800;
    color: #fff;
    width: 120px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .news-events-wrapper:hover {
    transform: unset;
    -webkit-transform: unset;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .news-events-wrapper .img-wrap {
    position: relative;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .news-events-wrapper .img-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%);
    opacity: 0;
}

.view-news-view.view-id-news_view.view-display-id-page_1 .view-content .news-events-wrapper:hover .img-wrap::after {
    opacity: 0.6;
}


/********************************* INITIATIVES LISTING PAGE ***********************************/

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .img-wrap>img {
    max-width: 640px;
    max-height: 300px;
    object-fit: cover;
    display: block;
    width: 100%;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .news-title-wrap>a:hover::after {
    opacity: 0;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content a:hover::after {
    opacity: 0;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .news-events-item {
    position: relative;
    padding: 8px 8px;
    margin: 0 0 1em;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .news-title-wrap {
    font: 28px 'ProximaNova', sans-serif;
    margin: 0 0 0.5em;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .description {
    font: 18px 'ProximaNova', sans-serif;
    text-align: justify;
    margin: 0 0 3em;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .date-wrap {
    font: 14px 'Lora', sans-serif !important;
    font-style: italic;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .readmore-btn {
    background: #d12800;
    color: #fff;
    width: 120px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px 12px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .news-events-wrapper:hover {
    transform: unset;
    -webkit-transform: unset;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .news-events-wrapper .img-wrap {
    position: relative;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .news-events-wrapper .img-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%);
    opacity: 0;
}

.view-our-initiatives.view-id-our_initiatives.view-display-id-page_1 .view-content .news-events-wrapper:hover .img-wrap::after {
    opacity: 0.6;
}


/* .news-title-wrap a */
/********************************* OUR STAKEHOLDERS  PAGE ***********************************/
.sh-wrap>.logo-wrap>img {
    width: auto;
    max-width: 100px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.sh-wrap>.logo-wrap {
    margin: 0 auto 1em;
    width: 100px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sh-wrap .title-wrap a {
    display: block !important;
    text-align: center;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.sh-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#block-views-block-our-stakeholders-block-1 .view-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#block-views-block-our-stakeholders-block-1 .view-content>div {
    margin: 0 auto 2em
}

.sh-wrap:hover .logo-wrap>img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
}

.sh-wrap:hover .title-wrap a {
    color: #e11c2d;
    text-decoration: none;
}

/********************************* GET INVOlVED BLOCK ***********************************/

#block-getinvolved .title-primary span {
    color: #fff;
}

.white {
    color: #fff;
}

.getinvolved {
    background: url(../images/get_involved_bg.png) no-repeat center center/cover;
    padding: 12em 30px 7em;
}

.getinvolved .title-primary {
    text-align: left;
    margin: 0 0 1em 0;
}

.getinvolved p {
    font: 20px 'ProximaNova', sans-serif;
    color: #fff;
    margin: 0 0 0.5em 0;
}

.sdgs-link {
    display: block;
    color: #fff;
    font: 500 19px 'ProximaNova', sans-serif;
    position: relative;
    padding: 0 0 0 32px;
    text-decoration: none;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.getinvolved .sdgs-link {
    color: #e9a543;
}
.sdgs-link:hover {
    color: #fff;
    text-decoration: none;
    transform: translateX(6px);
    -moz-transform: translateX(6px);
    -webkit-transform: translateX(6px);
    -o-transform: translateX(6px);
    -ms-transform: translateX(6px);
}

.sdgs-link::before {
    content: '';
    width: 22px;
    height: 14px;
    background: url(../images/read_more_icon_white.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


/********************************* GET INVOlVED inner page ***********************************/

form.webform-submission-get-involved-add-form {
    padding: 0 15px;
}


/********************************* GALLERY BLOCK ***********************************/

#block-views-block-gallery-view-block-1 .view-header {
    padding: 4em 1em 3em;
}

#block-views-block-gallery-view-block-1 .view-header,
#block-views-block-gallery-view-block-1 .view-content,
#block-views-block-gallery-view-block-1 .view-footer {
    display: block;
    overflow: hidden;
}

.title-primary {
    margin: 0;
    text-align: center;
    font: bold 36px 'Lora', sans-serif;
    text-transform: uppercase;
}

.gal-img-wrap {
    overflow: hidden;
}

.gal-img-wrap>a img {
    object-fit: cover;
    object-position: center;
    display: block;
    max-height: 230px;
    min-height: 230px;
    width: 100%;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.sdg-viewmore {
    color: #fff;
    background: #000;
    font: 500 18px 'ProximaNova', sans-serif;
    text-decoration: none;
    display: block;
    width: 200px;
    padding: 8px 16px;
    margin: 1em auto 2.5em;
    overflow: hidden;
    border-radius: 6px;
    text-align: center;
    border: 2px solid #000;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.gal-wrap {
    position: relative;
    overflow: hidden;
}

#block-views-block-gallery-view-block-1 .view-content>div {
    padding: 0 2px;
}

.gal-wrap:hover .gal-img-wrap img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}


/* .gal-title-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: url(../images/gallery_heading_bg.png) no-repeat center center;
} */

.gal-title-wrap>a {
    display: block;
    text-align: center;
    padding: 0 20px;
    text-decoration: none;
    color: #fff;
    font: 15px 'Lora', sans-serif;
    -moz-transform: translateY(-42px);
    -webkit-transform: translateY(-42px);
    -o-transform: translateY(-42px);
    -ms-transform: translateY(-42px);
    height: 55px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    transform: translateY(0);
    z-index: 0;
}

.gal-title-wrap>a::after {
    content: '';
    width: 100%;
    height: 274px;
    background: url(../images/gallery_heading_bg.png) no-repeat center center /cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    z-index: -1;
}

.sdg-viewmore:hover {
    border: 2px solid #000;
    background: #fff;
    color: #000;
    text-decoration: none;
}


/********************************* Footer BLOCK ***********************************/

.footer {
    border: unset;
}

.ftr-contacts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #05122e;
    color: #fff;
    width: 94%;
    margin: 0 auto;
    border-radius: 6px;
    padding: 15px 30px;
}

.ftr-address li {
    position: relative;
    padding: 0 0 0 45px;
    margin: 0 0 0 30px;
}

.ftr-address li:first-child {
    margin: 0;
}

.ftr-address li>* {
    display: block;
}

.flex-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.ftr-address li>span {
    font: 15px 'ProximaNova', sans-serif;
    color: #fff;
}

.ftr-address li>a {
    font: 16px 'ProximaNova', sans-serif;
    list-style: none;
}

.ftr-address li.phone>a {
    color: #e5463b;
    white-space: nowrap;
}

.ftr-address li.email>a {
    color: #00b4b6;
}

.ftr-address li.address>p {
    margin: 0;
    font: 16px 'ProximaNova', sans-serif;
    color: #e9a543;
    white-space: nowrap;
}

.ftr-address li:before {
    content: '';
    width: 35px;
    height: 36px;
    position: absolute;
    left: 0;
}

.ftr-address li.phone::before {
    background: url(../images/mobile_icon.png) no-repeat center center;
}

.ftr-address li.email::before {
    background: url(../images/email_icon.png) no-repeat center center;
}

.ftr-address li.address::before {
    background: url(../images/location_icon.png) no-repeat center center;
}

.ftr-contacts .ftr-rt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ftr-rt strong {
    font: 500 22px 'ProximaNova', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0 24px 0 0;
}

.ftr-socials>li {
    margin: 0 0 0 18px;
}

.ftr-socials>li:first-child {
    margin: 0;
}

.ftr-socials>li>a {
    display: block;
    width: 35px;
    height: 35px;
    text-indent: 100%;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    position: relative;
}

.ftr-socials>li>a::after {
    content: '';
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.ftr-socials>li>a:hover::after {
    transform: scale(1.2);
}

.ftr-socials>li.facebook>a {
    background: url(../images/facebook_icon.png) no-repeat center center;
}

.ftr-socials>li.twitter>a {
    background: url(../images/twitter_icon.png) no-repeat center center;
}

.ftr-socials>li.linkedin>a {
    background: url(../images/linkedin_icon.png) no-repeat center center;
}

.socials>li:first-child span {
    white-space: nowrap;
}


/* footer bottom */

.footer-btm-wrap {
    background: url(../images/footer_bg.png) no-repeat center center;
    padding: 4em 0 0 0;
}

.footer-btm-wrap .ftr-upr {
    margin: 0 0 3em 0;
}

.footer-btm-wrap img {
    display: block;
    margin: 0 auto;
}

.footer-btm-wrap img {
    display: block;
    margin: 0 auto 1em;
}

.footer-btm-wrap .ftr-text {
    font: 18px 'ProximaNova', sans-serif;
    color: #000;
}

.footer-btm-wrap .ftr-text span {
    display: block;
    text-align: center;
}

.footer-btm-wrap .ftr-btm {
    font: 15px 'ProximaNova', sans-serif;
    border-top: 1px solid #eaeaea;
    padding: 1em 0 0.5em 0;
    width: 94%;
    margin: 0 auto;
}

.ftr-btm .ftr-lt {
    text-align: left;
}

.ftr-btm .ftr-rt {
    text-align: right;
}

.ftr-btm>div {
    margin: 0;
    padding: 0;
}

.ftr-btm a {
    color: #000;
    text-decoration: none;
}

.ftr-btm a:hover {
    text-decoration: underline;
}

.inner-page article[about='/who-we-are'] .content img {
    margin: 0 14px;
}

.inner-page article[about='/our-team'] .content img {
    margin: 6px 12px;
    width: 150px;
}

.view-publications.view-display-id-page_1 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}


/********************************* Footer BLOCK redesign***********************************/

.footer .footer-wrapper {
    background: #06112a;
    color: #fff;
    padding: 2em 2em 1em;
}

.footer .footer-wrapper a {
    color: #fff;
}

.undp-logo-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #fff;
}

.footer-widgets {
    padding: 3em 0;
}

.footer-widgets .footer-title {
    font: bold 16px 'ProximaNova', sans-serif;
    text-transform: uppercase;
    margin: 0 0 24px;
}

.undp-logo-container p {
    font: 25px 'ProximaNova', sans-serif;
    margin: 0 0 0 1em;
}

.footer-links,
.imp-links,
.socials {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-links>li,
.imp-links>li {
    margin: 0 0 1em;
    font: 16px 'ProximaNova', sans-serif;
}

.undp-logo-container p>span {
    display: block;
}

.footer-widget.no-title {
    margin-top: 47px;
}

.imp-links {
    margin: 0 0 3em;
}

.socials {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    float: right;
}

.socials>li {
    margin: 0 1em 0;
}

.footer .footer-wrapper .footer-widgets a {
    text-decoration: none;
}

.footer .footer-wrapper .footer-widgets a:hover {
    color: #b5d5f5;
}


/********************************* Picture gallery page ***********************************/

.inner-page .view-gallery-view.view-display-id-page_1 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.inner-page .view-gallery-view.view-display-id-page_1 .view-content>div {
    margin: 0 0 2em;
}

.inner-page .view-gallery-view.view-display-id-page_1 .viewp_wrap {
    min-height: 230px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.inner-page .view-gallery-view.view-display-id-page_1 .viewp_wrap:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
}

.inner-page .view-gallery-view.view-display-id-page_1 .viewp_wrap:hover .galleryp_title a {
    text-decoration: none;
}

.inner-page .view-gallery-view.view-display-id-page_1 .viewp_wrap:hover .galleryp_image img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.inner-page .view-gallery-view.view-display-id-page_1 .galleryp_image {
    margin: 0 auto 0.6em;
    overflow: hidden;
}

.inner-page .view-gallery-view.view-display-id-page_1 .galleryp_image img {
    min-height: 220px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.inner-page .view-gallery-view.view-display-id-page_1 a::after {
    background: transparent;
}

.inner-page .view-gallery-view.view-display-id-page_1 a:hover {
    transform: unset !important;
    -webkit-transform: unset !important;
}

.inner-page .view-gallery-view.view-display-id-page_1 .galleryp_title {
    display: block;
    text-align: center;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.inner-page .view-gallery-view.view-display-id-page_1 .galleryp_title a {
    font: bold 15px 'Lora', sans-serif;
    color: #000;
    display: inline;
}

.inner-page .view-gallery-view.view-display-id-page_1 .view-content .rteleft {
    text-align: left;
}


/* .inner-page img {
    margin: 0 1em 0;
} */

.pub-wrap:hover {
    text-decoration: none !important;
}

.inner-page .pub-wrap:hover .pubimg-wrap img {
    transform: translateY(-6px);
}

.inner-page .pubimg-wrap img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


/********************************* THE SDGs page ***********************************/

.sdgs-wrap {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 410px;
}

.sdgs-wrap:hover {
    transform: unset !important;
    -webkit-transform: unset !important;
}

.sdgs-wrap .goal-backgroundimg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

.sdgs-wrap .goal-logo {
    width: 100%;
    max-width: 150px;
    height: 150px;
}

.sdgs-wrap .goal-logo {
    width: 100%;
    max-width: 150px;
    height: 150px;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.view-the-sdgs.view-display-id-page_1 .view-content .goal {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.sdgs-wrap .card-body {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background: #ccc;
    padding: 20px;
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.sdgs-wrap:hover .card-body {
    transform: translate(0);
    opacity: 0.9;
}

.sdgs-wrap .goal-number {
    opacity: 0.28;
    font-family: "OswaldB";
    font-size: 32px;
    margin-bottom: 15px;
    display: inline-block;
    line-height: 1.11;
}

.sdgs-wrap .card-body .goal-title {
    font-family: "OswaldB";
    font-size: 18px;
    line-height: 1.11;
    margin: 0;
    color: #fff;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.sdgs-wrap .card-body .goal-text {
    font-family: "ProximaNova";
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    color: #ffffff;
}

.sdgs-wrap .card-body .goal-info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.sdgs-wrap .card-body .goal-info>div {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

.sdgs-wrap .card-body .goal-info .number {
    font-family: "OswaldB";
    font-size: 25px;
    display: inline-block;
    line-height: 1.1;
    color: #ffffff;
}

.sdgs-wrap .card-body .goal-info .feature {
    font-family: "ProximaNova";
    font-size: 12px;
    margin-bottom: 0;
    color: #ffffff;
}

.sdgs-wrap .card-body .goal-info {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 1px;
    border: 1px solid #ffffff;
    color: #ffffff;
    justify-content: center;
    font-size: 14px;
}

.sdgs-wrap .card-body .btn-goal {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 1px;
    border: 1px solid #ffffff;
    color: #ffffff;
    justify-content: center;
    font-size: 14px;
    margin: 6em 0 0 0;
}

.sdgs-wrap .card-body .goal-info {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 1px;
    border: 1px solid #ffffff;
    color: #ffffff;
    justify-content: center;
    font-size: 14px;
    margin: 4em 0 0 0;
}

.sdg_goal_1 .card-body {
    background: #e11c2d;
}

.sdg_goal_2 .card-body {
    background: #c8952a;
}

.sdg_goal_3 .card-body {
    background: #279b48
}

.sdg_goal_4 .card-body {
    background: #c41930
}

.sdg_goal_5 .card-body {
    background: #ef402b
}

.sdg_goal_6 .card-body {
    background: #00aed9
}

.sdg_goal_7 .card-body {
    background: #fdb80b
}

.sdg_goal_8 .card-body {
    background: #8f1838
}

.sdg_goal_9 .card-body {
    background: #f36d25
}

.sdg_goal_10 .card-body {
    background: #d61a80
}

.sdg_goal_11 .card-body {
    background: #ef9325
}

.sdg_goal_12 .card-body {
    background: #c3822a
}

.sdg_goal_13 .card-body {
    background: #48773c
}

.sdg_goal_14 .card-body {
    background: #007db1
}

.sdg_goal_15 .card-body {
    background: #3ea449
}

.sdg_goal_16 .card-body {
    background: #005580
}

.sdg_goal_17 .card-body {
    background: #1b3668
}

.sdgs-wrap.sdg_goal_18 {
    display: none;
}


/* sdgs detail page */

.block-layout-builder .field--name-field-sub-title {
    font: 24px 'Lora', sans-serif;
    color: #212529;
}


/********************************* OUR INITIATIVES INNER PAGE ***********************************/

.view-our-initiatives.view-display-id-page_1 .view-content a {
    text-decoration: none !important;
}

.view-our-initiatives.view-display-id-page_1 .view-content .newsevents-wrap {
    min-height: 160px;
    padding: 20px 10px;
    margin: 0 0 2em 0;
}


/********************************* event INNER PAGE ***********************************/

.title-wrap>a {
    font: bold 14px 'Lora', sans-serif !important;
    color: #212529;
}

.date-wrap {
    font: bold 12px 'Lora', sans-serif !important;
    font-style: italic;
}

.inner-page .event-wrap {
    margin: 0 0 1em;
}


/********************************* messages INNER PAGE ***********************************/

.view-messages.view-display-id-page_1 .view-content .msgs-author::before {
    background: transparent;
}

.view-messages.view-display-id-page_1 .view-content .msgs-author {
    float: left;
    overflow: hidden;
    margin: 0 10px 10px 0;
    max-width: 240px;
    text-align: center;
}

.view-messages.view-display-id-page_1 .view-content .msgs-author .img-wrap img {
    display: block;
    width: 100%;
    height: auto;
}

.view-messages.view-display-id-page_1 .view-content .messages-wrap {
    background: #f6f6f6;
    padding: 20px 10px;
    margin: 1em 0;
    border-radius: 8px;
    min-height: 440px;
}

.view-messages.view-display-id-page_1 .view-content .msgs-author .img-wrap {
    overflow: hidden;
    margin: 0 0 8px;
}

.msgs-prof-pic>img {
    width: 200px !important;
}


/********************************* publications INNER PAGE ***********************************/

.view-id-publications.view-display-id-page_1 .view-content .pubimg-wrap {
    width: 330px;
    height: 300px;
    overflow: hidden;
    margin: 0 auto;
}

.view-id-publications.view-display-id-page_1 .view-content .pubimg-wrap>img {
    width: 210px;
    display: block;
    object-fit: fill;
    margin: 0 auto;
}

.view-id-publications.view-display-id-page_1 .view-content .pub-title {
    display: block;
    text-align: center;
    font-weight: bold;
}

.view-id-publications.view-display-id-page_1 .publication-item {
    overflow: hidden;
    display: block;
    margin: 0 auto 2em;
    max-width: 320px;
}

.view-id-publications.view-display-id-page_1 .view-content .pub-wrap::after {
    background: transparent;
}


/********************************* NEWS AND EVENTS INNER PAGE ***********************************/

.page-node-type-news .inner-page #page-title {
    display: none;
}

.page-node-type-news .inner-page .paragraph--type--news-and-events-title-and-body .field--name-field-sub-title {
    font: 35px 'ProximaNova', sans-serif;
    margin: 0 0 1em;
}

.page-node-type-news .inner-page .paragraph--type--news-and-events-title-and-body .field--type-text-long {
    font: 18px 'ProximaNova', sans-serif;
    text-align: justify;
}

.page-node-type-news .inner-page .block-field-blocknodenewsfield-content-block {
    margin: 0 0.5em;
}

.page-node-type-news .inner-page .block-field-blocknodenewsfield-image .field--type-image {
    position: relative;
}

.page-node-type-news .inner-page .block-field-blocknodenewsfield-image .field--type-image:bofore {
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background-image: linear-gradient(67.76deg, #ffeb00, transparent 61.11%);
}

.page-node-type-news .inner-page .block-field-blocknodenewsfield-image .field--type-image:hover ::before {
    opacity: .75;
}


/********************************* CORE TEAM INNER PAGE ***********************************/

.inner-page .view-core-team.view-display-id-page_1 .view-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.inner-page .view-core-team.view-display-id-page_1 .view-content>div:first-child {
    width: 100%;
    display: block;
    overflow: hidden;
}

.inner-page .view-core-team.view-display-id-page_1 .view-content .image-wrap {
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: block;
    margin: 0 auto 0.5em;
    border: 3px solid #000;
    padding: 4px;
    border-radius: 6px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.inner-page .view-core-team.view-display-id-page_1 .view-content .image-wrap>img {
    width: 150px !important;
}

.inner-page .view-core-team.view-display-id-page_1 .view-content .coreteam-page-block:hover .image-wrap {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
}

.inner-page .view-core-team.view-display-id-page_1 .view-content .image-wrap img {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    width: auto;
    max-height: 230px;
    margin: 0 auto;
}

.inner-page .view-core-team.view-display-id-page_1 .view-content .title-wrap {
    display: block;
    text-align: center;
    color: #031e17;
    font: 16px 'ProximaNova', sans-serif;
}

.inner-page .view-core-team.view-display-id-page_1 .view-content .designation {
    color: #031e17;
    display: block;
    text-align: center;
    font: bold 16px 'ProximaNova', sans-serif;
}

.inner-page .view-core-team.view-display-id-page_1 .msgs-img-wrap>img {
    width: 180px;
    min-width: 180px;
}

.inner-page .view-core-team.view-display-id-page_1 .messages-wrapper .msgs-content {
    min-height: 350px;
}

.coreteam-page-block {
    margin: 8px;
}

.coreteam-page-block:hover .image-wrap {
    -moz-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.inner-page .view-id-videos_.view-display-id-page_1 .videos-block iframe {
    width: 100% !important;
    height: auto !important;
    min-height: 200px !important;
}

.inner-page .view-id-videos_.view-display-id-page_1 .title-wrap {
    text-align: center;
    color: #000;
}

.inner-page .video-item .media-oembed-content {
    width: 100%;
    min-height: 180px;
}

.inner-page .video-item a {
    display: block;
    text-align: center;
}

.inner-page .video-item {
    max-width: 320px;
    margin: 0 auto 2em;
}

.view-videos-view.view-display-id-page_1 .coreteam-page-block {
    position: relative;
}

.coreteam-page-block .description {
    border: 1px solid #000;
    border-radius: 6px;
    padding: 9px;
    background: #f6f6f6;
    font-size: 12px;
}

.coreteam-page-block .description {
    border: 1px solid #000;
    border-radius: 6px;
    padding: 9px;
    background: #f6f6f6;
    font-size: 14px;
    margin: 6px 6px;
}


/********************************* CONTACT US- PAGE ***********************************/

article[about='/contactus'] iframe {
    min-height: 170px;
    width: 300px;
}
.inner-page article[about='/contactus'] a:hover,
.inner-page article[about='/contactus'] a::after {
    text-decoration: none;
}
.inner-page article[about='/contactus'] a[href*="twitter.com/"],
.inner-page article[about='/contactus'] a[href*="facebook.com/"],
.inner-page article[about='/contactus'] a[href*="linkedin.com/"],
.inner-page article[about='/contactus'] a[href*="youtube.com/"] {
    position: relative;
    width: 32px;
    height: 32px;
    text-indent: -99999%;
    overflow: hidden;
    color: transparent;
}

.inner-page article[about='/contactus'] a[href*="twitter.com/"]::after,
.inner-page article[about='/contactus'] a[href*="facebook.com/"]::after,
.inner-page article[about='/contactus'] a[href*="linkedin.com/"]::after,
.inner-page article[about='/contactus'] a[href*="youtube.com/"]::before {
    background: transparent;
}

.inner-page article[about='/contactus'] a[href*="twitter.com/"]::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/twitter_black.png) no-repeat center center;
}

.inner-page article[about='/contactus'] a[href*="facebook.com/"]::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/facebook_black.png) no-repeat center center;
}

.inner-page article[about='/contactus'] a[href*="linkedin.com/"]::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/linkedin_black.png) no-repeat center center;
}
.inner-page article[about='/contactus'] a[href*="youtube.com/"]::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/youtube.png) no-repeat center center;
}
article[about='/contactus'] a:hover {
    transform: unset !important;
    -webkit-transform: unset !important;
}


/********************************* INNER PAGES ***********************************/

/* .inner-page .content ul {
    list-style-image: url(../images/list_bullet_icon.png);
} */

.inner-page {
    background: url(../images/inner-page-bg.png) repeat-y center center;
    min-height: calc(100vh - 215px);
}

.inner-page a {
    position: relative;
    overflow: hidden;
}

.inner-page a::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #e11c2d;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}

.inner-page .breadcrumb a:hover::after,
.pagination a:hover::after,
.nav-tabs a:hover::after,
.view-our-initiatives.view-display-id-page_1 a:hover::after {
    opacity: 0 !important;
}

.inner-page a:hover::after {
    opacity: 1;
    animation: move 3s linear infinite;
}

body .uwy.userway_p5 .uai {
    bottom: 56px !important;
}

.inner-page .content img {
    margin: 0 10px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.inner-page .content img:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.inner-page .sdg_goal_18 {
    display: none !important;
}

.view-gallery-view.view-display-id-page_1 .view-content .galleryp_title a:hover::after {
    opacity: 0;
}

@keyframes move {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(100%);
    }
}


/********************************* sitemap ***********************************/


/*** Sitemap ***/

.sitemap {
    padding: 0 1em;
}


/* .sitemap-item {} */

.sitemap-item ul {
    padding: 0 0 0 1.5em;
    margin: 0 !important;
    float: none;
    text-align: start;
    list-style: disc;
    display: block;
    background: transparent !important;
    border: 0;
    border-radius: 0;
}

.sitemap-item ul li {
    float: none;
    display: list-item;
}

.sitemap-item ul li a {
    text-decoration: none;
    display: initial;
    font: 16.5px 'ProximaNova', sans-serif;
    color: #000;
    padding: 0;
}

.sitemap-item ul li a:hover,
.sitemap-item ul li a:focus {
    text-decoration: underline;
    background: transparent;
}

.sitemap .caret {
    display: none;
}

.sitemap-item ul li ul {
    position: initial;
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
    background-clip: inherit;
    list-style: circle;
}

.sitemap-item ul li ul li {
    display: list-item;
}

.sitemap-item ul li ul li a,
.sitemap-item .navbar-nav .dropdown-menu>li>a {
    text-decoration: none;
    display: initial;
    font: 16.5px 'ProximaNova', sans-serif;
    color: #000;
    padding: 0;
}

.sitemap-item ul li ul li a:hover,
.sitemap-item ul li ul li a:focus,
.sitemap-item .navbar-nav .dropdown-menu>li>a:hover,
.sitemap-item .navbar-nav .dropdown-menu>li>a:focus {
    text-decoration: underline;
    background: transparent;
}

.sitemap-item ul li ul li ul {
    display: none;
}

.sitemap-item ul li ul li.expanded ul {
    display: block;
    list-style: square;
}

.sitemap-item ul li a:hover::after {
    opacity: 0;
}


/* **************************************************************** */


/* footer v3 */


/* **************************************************************** */

#contact-us {
    padding: 30px 0 10px;
    background: #007fc2 url('../images/map-image.png') top left no-repeat;
}

#contact-us h1,
#contact-us h2,
#contact-us h3,
#contact-us h4,
#contact-us p {
    color: #fff;
}

#contact-us a {
    color: #FFF;
}


/*Contact*/

.contact-info {
    padding: 10px;
    margin-bottom: 6px;
    color: #FFFFFF;
}

.contact-info address {
    margin-bottom: 7px;
    font-style: normal;
    line-height: 19px;
    font-size: 13px;
}

.contact-info address p {
    font: 16px 'ProximaNova', sans-serif;
    color: #fff;
    margin: 0 0 8px !important;
}

.contact-info .form-control {
    padding: 6px 12px;
    border-radius: 0;
}

.business-stats:before {
    content: '';
    margin: 17px;
    display: block;
    border: currentcolor;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    width: 100px;
}

/* 
        INNER PAGES
*/
.landing-items {
    list-style: none !important;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}

.landing-items li {
    width: 23%;
    height: 150px;
    padding: 15px 0 !important;
}

.landing-items li a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 1em !important;
    color: #fff !important;
    background: #e11c2d;
    text-align: center;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
    -webkit-box-shadow: rgb(0 0 0 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
    text-decoration: none !important;
    transition: all 0.8s ease-in;
    position: relative;
    border-bottom: none !important;
    z-index: 1;
    overflow: hidden !important;
}

.landing-items li:nth-child(1) a {
    background: rgba(225, 28, 45, 0.9);
}

.landing-items li:nth-child(2) a {
    background: rgb(200, 149, 42, 0.9);
}

.landing-items li:nth-child(3) a {
    background: rgb(39, 155, 72, 0.9);
}

.landing-items li:nth-child(4) a {
    background: rgb(196, 25, 48, 0.9);
}

.landing-items li:nth-child(5) a {
    background: rgb(196, 25, 48, 0.9);
}

.landing-items li:nth-child(6) a {
    background: rgb(239, 64, 43, 0.9);
}

.landing-items li:nth-child(7) a {
    background: rgb(0, 174, 217, 0.9);
}

.landing-items li:nth-child(8) a {
    background: rgb(253, 184, 11, 0.9);
}

.landing-items li:nth-child(9) a {
    background: rgb(143, 24, 56, 0.9);
}

.landing-items li:nth-child(10) a {
    background: rgb(243, 109, 37, 0.9);
}

.landing-items li:nth-child(11) a {
    background: rgb(214, 26, 128, 0.9);
}

.landing-items li:nth-child(12) a {
    background: rgb(239, 147, 37, 0.9);
}

.landing-items li:nth-child(13) a {
    background: rgb(195, 130, 42, 0.9);
}

.landing-items li:nth-child(14) a {
    background: rgb(72, 119, 60, 0.9);
}

.landing-items li:nth-child(15) a {
    background: rgb(0, 125, 177, 0.9);
}

.landing-items li:nth-child(16) a {
    background: rgb(62, 164, 73, 0.9);
}

.landing-items li:nth-child(17) a {
    background: rgb(0, 85, 128, 0.9);
}

.landing-items li a::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    /* background: url(../images/green_box.png) no-repeat center center / cover; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.landing-items li a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.landing-items li a:hover::before,
.landing-items li a:focus::before {
    /* background: url(../images/green_box_hover.png) no-repeat center center / cover; */
}

.landing-items li a:hover::after,
.landing-items li a:focus::after {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

/***********************
********* Footer ******
************************/

#contact-us {
    padding: 30px 2em 30px;
}

#contact-us .section-title {
    font: 36px 'Lora', sans-serif;
    color: #fff;
    margin: 0 0 1em 15px
}

#contact-us h4 {
    font: bold 16px 'ProximaNova', sans-serif;
    text-transform: uppercase;
    margin: 0 0 24px;
}

.m-0 {
    margin: 0 !important;
}

#footer {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #0B0B0B;
    background: #FFFFFF;
}

#footer a {
    color: #000;
}

#footer a:hover {
    color: #60E1BF;
}

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

#footer ul>li {
    display: inline-block;
    padding: 3px 0;
    width: 31px;
    text-align: center;
}


/*** FOOTER BOTTOM ***/

.footer-bottom.sdgbar {
    position: relative;
    background: -moz-linear-gradient(top, rgba(73, 73, 73, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(73, 73, 73, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(73, 73, 73, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#00ffffff', GradientType=0);
}

.footer-bottom.sdgbar::before,
.footer-bottom.sdgbar::after {
    content: '';
    width: 100%;
    height: 6px;
    background: url(../images/sdgbar.jpg) no-repeat center center;
    position: absolute;
    left: 0;
    right: 0;
}

.sdgfooter-logos {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 1.5em 0;
    margin: 0;
}

.sdgfooter-logos img {
    display: block;
    width: 100%;
    height: auto;
}

.sdgfooter-logos .sdg-logo-wrap {
    max-width: 300px;
    width: 300px;
}

.sdgfooter-logos .gop-logo-wrap {
    max-width: 100px;
    width: 100px;
}

.sdgfooter-logos .undp-logo-wrap {
    width: 54px;
    max-width: 54px;
}

.footer-bottom.sdgbar::before {
    top: 0;
}

.footer-bottom.sdgbar::after {
    bottom: 0;
}


/* .socials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 0 1.5em;
} */


/* .socials img {
    width: 36px;
    height: auto;
} */

.ftr-btm.row {
    padding: 1.5em 2em;
}

.ftr-logos {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0 0 1em;
}

#backtotop {
    background: url(../images/backtotop_red.png) no-repeat center center;
    opacity: 0.8;
}


/********************************* MEDIA QURIES ***********************************/

@media only screen and (min-width: 1920px) {
    body {
        max-width: 1920px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1280px) {
    .view-our-initiatives.view-display-id-page_1 .view-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 1200px) {
    .slick--view--messages .slick-slider {
        padding: 0;
    }

    #block-views-block-the-sdgs-block-1 .view-content .views-row {
        width: 46%;
        margin: 0.5em 0;
    }
}

@media only screen and (max-width: 1100px) {
    .path-frontpage #navbar-collapse {
        width: 95%;
    }
}

@media screen and (max-width:992px) {
    .path-frontpage #navbar-collapse {
        width: 100%;
    }

    .msgs-content {
        margin: 0;
        width: 100%;
    }

    .footer-widgets>.footer-widget {
        width: 50%;
        margin: 0 0 1em;
    }

    .footer-widget.no-title {
        width: 50% !important;
        margin: 0 auto;
        float: unset;
    }

    .footer-widgets>.footer-widget {
        width: 50%;
        margin: 0 0 1em;
    }

    .ftr-contacts {
        width: 97%;
    }

    .block-views-block-gallery-view-block-1 .view-content>div {
        margin: 0.1em 0;
    }

    .newsevents-wrap,
    .view-our-initiatives.view-display-id-block_1 .newsevents-wrap {
        margin: 0 0 1em 0;
    }

    .gal-img-wrap>a img {
        min-height: 350px;
        max-height: 350px;
    }

    .gal-wrap {
        margin: 0.1em 0;
    }

    .gal-title-wrap>a {
        padding: 0 6em;
    }
}

@media screen and (max-width:950px) {
    .ftr-contacts .ftr-rt {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ftr-rt strong {
        margin: 0 auto 0.15em;
    }

    .ftr-rt strong {
        font: 20px 'ProximaNova', sans-serif;
    }
}

@media screen and (max-width:920px) {
    .navbar-default .navbar-nav>li>a {
        font: bold 14px 'ProximaNova', sans-serif;
        padding-left: 10px;
        padding-right: 10px;
    }

    .path-frontpage #navbar-collapse {
        padding: 0;
    }

    .navbar-default .navbar-nav {
        margin: 0 24px 0 0;
    }
}

@media screen and (max-width:900px) {
    .gal-title-wrap>a {
        padding: 0 4em;
    }

    .slick--view--messages .slick-slider .slick-list .slick-track .slick-slide {
        margin: 8px 8px;
        padding: 0 4px;
    }

    .slick--view--messages .slick__arrow {
        bottom: 30px;
    }
}

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

    .path-frontpage #navbar-collapse,
    .page-node-type-page #navbar-collapse {
        width: 99%;
    }

    .ftr-contacts {
        flex-direction: column;
    }

    .ftr-contacts>div:first-child {
        margin: 0 0 0.5em 0;
    }
}

@media screen and (max-width: 767px) {
    .msgs-flex-wrap {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .msgs-img-wrap {
        margin: 0 0 1em;
    }

    .view-news-view.view-id-news_view.view-display-id-page_1 .view-content .news-events-wrapper .img-wrap {
        margin: 0 0 4em;
    }

    #block-views-block-the-sdgs-block-1 .view-content .views-row {
        width: 33%;
    }

    .ftr-btm.row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gal-title-wrap>a {
        padding: 0 2em;
    }

    .newsevents-wrap {
        margin: 0 0 1.5em 0;
    }

    #navbar-collapse {
        position: unset !important;
        width: 100% !important;
        bottom: unset !important;
        transform: unset !important;
        border: unset;
        padding: 0;
    }

    .region-navigation-collapsible {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: center;
        border-radius: 0;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #000;
        font-weight: bold;
    }

    #block-bootstrap-subtheme-main-menu {
        width: 100%;
    }

    .path-frontpage .navbar-default .navbar-header {
        margin: 0 !important;
    }

    #block-bootstrap-subtheme-search {
        width: 50%;
        margin: 0 auto;
    }

    .caret {
        position: unset;
        margin: 0 10px;
    }

    #block-views-block-messages-block-1 {
        padding: 0 15px 4em;
    }

    .slick--view--messages .slick__arrow {
        bottom: -34px;
    }
}

@media screen and (max-width: 680px) {
    .gal-title-wrap>a {
        padding: 0 9em 0 6em;
    }

    #block-views-block-gallery-view-block-1 .view-content>div {
        float: none;
        width: 80%;
        margin: 0 auto 1em;
    }

    #block-bootstrap-subtheme-search {
        width: 96%;
    }

    .navbar-default {
        padding: 18px 15px 0 15px !important;
    }
}

@media screen and (max-width:640px) {
    .ftr-logos {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ftr-logos>li:first-child,
    .ftr-logos>li:last-child {
        width: 50%;
    }

    .ftr-logos>li:nth-child(2) {
        width: 100%;
        order: 3;
    }

    .ftr-logos>li:first-child {
        order: 1;
    }

    .ftr-logos>li:last-child {
        order: 2;
    }

    .ftr-logos>li:last-child>* {
        float: right;
    }

    .ftr-logos>li:nth-child(2) img {
        display: block;
        margin: 2em auto 1em;
    }

    .navbar-header .region-navigation {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .msgs-img-wrap>img {
        min-width: 100%;
    }

    .sec-logos {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sec-logos>li:first-child>a {
        width: 100%;
        height: 100%;
        position: unset;
        transform: unset;
        -webkit-transform: unset;
    }

    .navbar-header .region-navigation>*:first-child {
        margin: 0 0 1em;
    }

    .sec-logos>*:first-child {
        margin: 0 0 1em;
    }

    /* .sec-logos>li:first-child img {
        width: auto;
    } */
    .footer-widgets>.footer-widget {
        width: 100%;
    }

    .footer-widget.no-title {
        width: 100% !important;
    }

    .view-our-initiatives.view-display-id-page_1 .view-content>div {
        width: 100%;
    }

    .view-the-sdgs.view-display-id-page_1 .view-content .goal {
        width: 100%;
    }

    .getinvolved {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 7em 30px 7em;
    }

    .getinvolved>div {
        width: 70%;
        display: block;
        margin: 0 auto 0.5em;
    }

    .getinvolved .title-primary {
        text-align: center;
    }

    .ftr-contacts {
        width: 100%;
    }

    .ftr-address li {
        margin: 0 0 0 10px;
        padding: 0 0 0 40px;
    }

    .ftr-address li>span {
        font: 14px 'ProximaNova', sans-serif;
    }

    .ftr-address li>a {
        font: 14px 'ProximaNova', sans-serif;
    }

    .slick--view--messages .slick-slider .slick-list .slick-track .slick-slide {
        margin: 8px 3em;
    }

    .ftr-btm.row {
        flex-direction: column;
    }

    .ftr-btm>div {
        text-align: center !important;
        margin: 0.15em 0;
    }
}

@media screen and (max-width:540px) {
    #block-views-block-publications-block-1 .view-content {
        flex-direction: column;
    }

    #block-views-block-publications-block-1 .view-content .views-row {
        margin: 0 0 1.5em 0;
        width: 80%;
    }

    .footer-btm-wrap .ftr-text {
        font: 18px 'ProximaNova', sans-serif;
    }

    .title-primary {
        font: bold 36px 'Lora', sans-serif;
    }

    #block-views-block-gallery-view-block-1 .view-content>div {
        width: 100%;
    }

    #block-views-block-news-view-block-1 .view-content>div,
    #block-views-block-our-initiatives-block-1 .view-content>div {
        width: 70%;
        margin: 0 auto;
        float: none;
    }

    .ftr-address {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ftr-address li {
        margin: 0 0 1em 0;
        width: 180px;
    }

    .ftr-address li:first-child {
        margin: 0 0 1em 0;
    }

    .footer-btm-wrap img {
        display: block;
        width: 85%;
        height: auto;
    }
}

@media screen and (max-width:480px) {
    .view-id-publications.view-display-id-page_1 .publication-item {
        width: 230px;
    }

    .view-id-publications.view-display-id-page_1 .view-content .pubimg-wrap {
        width: 100%;
    }

    .inner-page .video-item {
        width: 100%;
        max-width: 100%;
    }

    .footer .footer-wrapper {
        padding: 3em 0.15em 1em;
    }

    .getinvolved>div {
        width: 100%;
    }

    #block-views-block-the-sdgs-block-1 .view-content .views-row {
        width: 46%;
    }

    .ftr-address li {
        width: 90%;
        margin: 0 auto 1.5em;
    }
}

@media screen and (max-width:400px) {
    .sec-logos>li:first-child img {
        width: 100%;
    }

    .ftr-logos>li:nth-child(2) img {
        width: 100%;
    }

    #block-views-block-our-initiatives-block-1 .view-content>div {
        width: 96%;
    }

    .gal-title-wrap>a {
        padding: 0 2em;
    }

    #block-views-block-news-view-block-1 .view-content>div {
        width: 90%;
    }

    .slick--view--messages .slick-slider .slick-list .slick-track .slick-slide {
        margin: 8px 1em;
    }
}