a {
	color: #2e2e74;
}
/* header */
.top-header {
	padding: 10px 0;
}
.top-header a{
    color: #000;
}
.head-buttons a {
	padding: 10px 20px;
	background-color: #000000ab;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
}
.head-buttons a:hover {
	background-color: #2e2e74;
	color: #fff;
}
.social-links-one{
    float: right;
}
.social-links-one a {
	position: relative;
	display: block;
	float: left;
	text-align: center;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	margin-right: 5px;
	color: #ffffff !important;
}
.social-links-one a.facebook {
	background-color: #3b5998;
}
.social-links-one a.twitter {
	background-color: #00aced;
}
.social-links-one a.google-plus {
	background-color: #dd4b39;
}
.social-links-one a.linkedin {
	background-color: #007bb5;
}
.logo {
	padding: 10px;
	margin-top: -56px;
	background: #fff;
	z-index: 1;
	overflow: hidden;
	margin-right: 30px;
	/* margin-left: 20px; */
}
.catchSticky .logo {
	margin-top: 0;
	width: 44%;
}
.before-title {
	text-transform: uppercase;
	color: #2e2e74;
	font-weight: 500;
	display: flex;
}
.before-title:before{
    content: '';
    background-color: #2e2e74;
    width: 20px;
    height: 3px;
    display: inline-block;
    margin-right: 10px;
    align-self: center;
}
.section-title {
	font-size: 35px;
	font-weight: 500;
}
.section-title span {
	background: #0093dd;
	color: #fff;
	padding: 4px;
}
.page-title {
	background-color: #eee;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 20px;
	position: relative;
	border-bottom: 3px solid #24247414;
}
.page-title h1 {
	font-size: 36px;
	font-weight: 600;
}

.post-title {
	background: #eee;
	padding: 30px 0 20px 0;
	position: relative;
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}
.post-title h1 {
	font-size: 30px;
	font-weight: 500;
}
.overlay2 {
	position: absolute;
	z-index: 0;
	background: rgba(44,65,67,0.8);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.is-menu {
	position: relative;
	float: right;
	margin-top: 10px;
	border-radius: 50%;
	border: 1px dashed #ff8000;
	padding: 5px 6px;
}
a.glink span {
	color: #fff;
}
#crumbs {
	display: inline-flex;
	padding-left: 0;
	list-style: none;
	justify-content: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;
}
#crumbs li {
	margin-right: 10px;
}
#crumbs a{
    color: #444;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
	margin-top: 19px;
}
/*------------------------------------*\
    Structure and global elements
\*------------------------------------*/
img{
    -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}
img:hover{
    -webkit-transform: scale(1.04); 
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
figure{
    overflow: hidden;
}
.wp-block-cover, .wp-block-cover-image {
	overflow: hidden;
}
.wp-block-getwid-template-post-featured-image a{
    overflow: hidden;
    display: block;
}
.dpt-thumbnail.landscape{
    overflow: hidden;
}

.default-btn, .wp-block-getwid-template-post-link a {
	font-size: 16px;
	color: #fff !important;
	padding: 10px 10px 10px 20px;
	border-radius: .25rem;
	border: none;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	background-color: #2e2e74;
}
.default-btn:after, .white-btn:after, .wp-block-getwid-template-post-link a:after{
    content: '\ea94';
    font-family: 'IcoFont';
    font-weight: 400;
    font-style: normal;
    margin-left: 15px;
}
.default-btn:hover, .wp-block-getwid-template-post-link a:hover{
    background-color: transparent;
    color: #000 !important;
    border: 2px solid #2e2e76;
}
.white-btn {
	background: #fff;
	border: 2px solid #fff;
	color: #2e2e74;
	padding: 20px 40px;
	font-size: 15px;
	font-weight: bold;
}
.img-fluid img{
    width: 100%;
    height: auto;
}
.default-list{
    list-style: none;
    margin-left: -40px!important;
}
.default-list li {
	display: flex;
	margin-bottom: 10px;
}
.default-list li::before {
	content: '\ea98';
	font-family: 'IcoFont';
	font-weight: 400;
	font-style: normal;
	margin-right: 15px;
}
.two-columns{
    columns: 2;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
/* -----------Homepage----------------*/
.about-section img {
	width: 100%;
	object-fit: cover;
	object-position: top;
	position:relative;
/* 	z-index:9; */
}
/*------------------------------------*\
    FHRI POPUP
\*------------------------------------*/
.pum-theme-845 .pum-container, .pum-theme-default-theme .pum-container {
  padding: 0;
	background:#fff!important;
	padding:0!important;
	margin:auto;
}
.pum-theme-845 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	background: #0f509f!important;
}
.popup-fhri h3 {
	color: #0f509f;
	padding: 10px 0;
	font-size: 20px;
	font-weight: 800;
}
.popup-fhri p {
	padding: 0 10px 15px;
	font-size: 15px;
	color: #333;
}
/*------------------------------------*\
    FHRI POPUP
\*------------------------------------*/
.pum-theme-845 .pum-container, .pum-theme-default-theme .pum-container {
  padding: 0;
	background:#fff!important;
	padding:0!important;
	margin:auto;
}
.pum-theme-845 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	background: #0f509f!important;
}
.popup-fhri h3 {
	color: #0f509f;
	padding: 10px 0;
	font-size: 20px;
	font-weight: 800;
}
.popup-fhri p {
	padding: 0 10px 15px;
	font-size: 15px;
	color: #333;
}
.about-section .section-title strong {
	font-weight: 300;
	color: #2e2e74;
}
.impact-section{
    padding-bottom: 60px;
}
.impact-wrap {
	box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.2);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	border-radius: 7px;
	margin-top: -140px;
	position: relative;
	background: #fff;
}
.impact-box .wp-block-getwid-counter__number {
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	z-index: 111;
	position: relative;
}
.impact-box .wp-block-getwid-counter__suffix {
	padding-top: .5em;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	color: #777;
	z-index: 111;
	position: relative;
}
.compensation-box .wp-block-getwid-counter__number:after{
    content: 'M';
    font-size: 30px;
    margin-left: 5px;
    
}
.stat-box {
	padding: 40px 20px 40px 0;
	margin-bottom: -20px!important;
	transition:.3s;
}
.stat-box .stat-description{
    display: none;
}
.stat-box:hover{
    background: #2e2e74;
	color: #fff;
}
.stat-box:hover .stat-description {
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	height: 100%;
	text-align: center;
	background: #2e2e74;
	padding: 20px;
}
.stat-box1 {
	padding: 40px 20px 40px 0;
	transition:.3s;
	margin-bottom:-20px;
}
.stat-box1 .stat-description{
    display: none;
}
.stat-box1:hover{
    background: #2e2e74;
	color: #fff;
	margin-bottom:0;
}
.stat-box1:hover .stat-description {
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	height: 100%;
	text-align: center;
	background: #2e2e74;
	padding: 20px;
}
.stat-box1:hover i, .stat-box:hover i {
    color:#fff;
}
.blue-bg{
    background-color: #2e2e74;
    color: #fff;
}
.campaign-wrap{
    padding: 30px 70px;
}
.campaign-wrap .section-title{
    font-size: 30px;
}
.campaign-wrap .before-title {
	color: #fff;
}
.campaign-wrap .before-title::before {
	background-color: #fff;
}
.campaign-accordion.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper {
	padding: 0;
	border: 0;
	border-top: 0;
	background-color: #53fbfb5c;
	margin-bottom: 10px;
}
.campaign-accordion .wp-block-getwid-accordion__content {
	padding: 1.5em;
	border: 0;
}
.campaign-accordion h4:before{
    content: '\eed9';
    font-family: 'IcoFont';
    font-weight: 400;
    font-style: normal;
    margin-right: 15px;
}
.campaign-accordion.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper a {
	color: #fff;
}
.ui-accordion .ui-accordion-content {
	padding: 0 !important;
}
.ui-widget-content {
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
}
.screen-reader-text{
    display: none;
}
.wp-block-getwid-template-post-title a{
    color: #444;
}
.getwid-columns.getwid-columns-2 > * {
	padding-left: 0 !important;
}
.wp-block-getwid-template-post-featured-image img {
	display: block;
	height: 180px !important;
	object-position: center;
	border-radius: 8px;
}
.dpt-featured-content + .sub-entry {
	margin: -20px 15px 0 15px !important;
	background-color: #fff;
	position: relative;
	padding: 20px;
	height: 120px;
}
.dpt-author a span{
    display: none;
}
.display-post-types .wide-wrap .sub-entry h3.dpt-title, .display-post-types .wide-wrap .sub-entry h3.dpt-title a {
	font-size: 16px;
	color: #2e2e74;
}
.mec-event-list-minimal .mec-event-title {
	font-weight: 400 !important;
	font-size: 15px !important;
	text-transform: none !important;
}
.mec-event-list-minimal .btn-wrapper {
	display: none;
}
.news-section .mec-wrap .col-md-9{
    width: 100%;
    max-width: 100%;
}

/*----------- History page -----------*/
.image-box{
    box-shadow: 2px 0px 15px #00000073;
}
.image-box h3 {
	background: #2e2e74;
	padding: 10px 20px;
	margin-bottom: 0;
	text-align: center;
	color: #fff;
}
.image-box img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}
.image-box figure{
    margin-bottom: 0;
}
.image-box p{
	background: #fff;
	color: #444 !important;
	padding: 20px;
	border-bottom: 4px solid #2e2e74;
}
/*----------- Purpose page ------------*/
.vision-box, .mission-box {
	background-color: #2e2e74;
	padding: 20px;
	border-radius: .25rem;
	display: flex;
	color: #fff;
}
.vision-box::before, .mission-box::after {
	font-family: 'IcoFont';
	font-weight: 400;
	font-style: normal;
	font-size: 80px;
	color: #b0b0b06e;
}
.vision-box::before{
    content: '\efcd';
    margin-right: 20px;
	padding-right: 30px;
	border-right: 1px solid #eee;
}
.mission-box::after{
    content: '\efce';
    margin-left: 20px;
	padding-left: 30px;
	border-left: 1px solid #eee;
}
.action-box {
	border: 3px solid #ffffff30;
	border-radius: .25rem;
	padding: 20px 10px;
	height: 210px;
	background-color: #fff;
	color: #000;
}
.action-box h3{
    font-size: 20px;
}
.core-values-box {
  border: 4px solid #ffffff30;
  border-radius: .5rem;
  padding: 20px 10px;
  height: 210px;
  color: #fff;
}
.governance {
    box-shadow: 2px 0px 10px #00000013;
    color: #444 !important;
    padding: 20px 40px 30px;
    border-bottom: 4px solid #2e2e74;
    width: 760px;
    margin: 0 auto;
}
.governance h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #2e2e74;
  font-weight: 700;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
    background: #2e2e74!important;
}
/*----------- Programme pages ---------*/
.overall-objective {
	border-left: 4px solid #2e2e74;
	padding: 20px;
	background-color: #eee;
	margin: 30px 0;
	font-style: italic;
	font-size: 1.1em;
}
.program-side a {
	display: flex;
	padding: 15px 10px;
	color: #fff;
	margin-bottom: 10px;
	border-radius: .25rem;
	border: 1px solid;
	background-color: #2e2e74;
}
.program-side a:before{
    content: '\ea94';
    font-family: 'IcoFont';
	font-weight: 400;
	font-style: normal;
	margin-right: 10px;
}
.program-side a:hover {
	color: #2e2e74;
	border: 1px solid;
	background-color: transparent;
}
.program-img img{
    height: 500px;
    object-fit: cover;
}

/*----------- Job pages --------------*/
.sjb-page .list-data .v1 .job-description p {
	font-size: 13px !important;
}
.sjb-page .list-data .v1 .job-info h4 a, .sjb-page .list-data .v2 .job-info h4 a {
	color: #2e2e74 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
}
/*----------- Directory pages ----------*/
.directorist-content-module__title {
    background-color: #2e2e74;
    color: #fff;
}
/*----------- Download pages ----------*/
.w3eden .file-title a {
	color: #444;
	font-size: 18px;
}
.wpdm-download-link.btn.btn-primary {
	border-radius: 4px;
	background-color: #2e2e74;
	border: none;
	text-transform: none;
}
/*----------- Post pages --------------*/
.post-sidebar{
    background-color: #eee;
}
.post-sidebar h3 {
	background-color: #2e2e74;
	padding: 15px 10px !important;
	text-transform: uppercase !important;
	font-weight: 800;
	color: #fff;
}
.yarpp-thumbnails-horizontal{
    padding: 0 10px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border: none !important;
	width: 100% !important;
	height: auto !important;
	margin: 5px;
	margin-left: 0px;
	vertical-align: top;
	display: flex !important;
	border-bottom: 1px solid #00000012 !important;
	padding: 10px 0;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	font-size: 1em !important;
	max-height: 100% !important;
	line-height: 1.4em;
	margin: 7px;
	margin-top: 0px;
	width: 100% !important;
	text-decoration: inherit;
	overflow: visible !important;
	color: #444;
	font-weight: 600;
	align-self: center;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
	width: 50% !important;
	height: auto !important;
	margin: 5px;
}
.post-details p{
    margin-right: 15px;
    font-weight: 600;
}
.post-details i{
    margin-right: 5px;
}

/*-------------Footer ----------------*/
.footer{
    padding-top: 50px;
    background-color: #121230;
    color: #ccc;
}
.footer a{
    color: #ccc;
}
.footer h3 {
	margin-bottom: 10px;
	font-size: 19px;
}
.footer .address p{
	font-size: 14px;
}
.footer-list{
    padding-left: 0;
    list-style: none;
    font-size: 14px;
    columns: 2;
}
.footer-list li{
    margin-bottom: 10px;
    display: flex;
}
.footer-list li:before{
    content: '\ea94';
    font-family: 'IcoFont';
    font-weight: 400;
    font-style: normal;
    margin-right: 15px;
}
.mail-text{
	width: 100%;
	border-radius: .25rem;
	border: 0;
	padding: 10px;
	text-align: center;
}
.mail-btn {
	border: 0;
	border-radius: .25rem;
	background-color: #000;
	color: #eee;
	padding: 10px;
	width: 100%;
}
.footer .social-links-one {
	float: none;
	margin-left: 15%;
}
.copyright{
    background-color: #2e2e74;
    color: #aaa;
    font-size: 13px;
    padding-top: 10px;
}
.copyright img{
    width: 30px;
    height: auto;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:320px) {
     .crop {
   height: 155px !important;
   }

}
@media only screen and (max-width:480px) {

}


@media screen and (max-width: 576px) { 
    .header-social-icons, .search-area{
        display: none;
    }
    .header{
        padding: 10px 0;
    }
    .logo {
	padding: 10px;
	background: #fff;
	z-index: 1;
	margin-right: 10px;
	margin-top:0;
}
.header-area {
    padding:0 10px;
}
    .homepage-publications{
        margin-bottom: 10px;
    }
    .crop {
   height: 175px !important;
   overflow: hidden;
   display:flex;
   align-items:end;
   justify-content:center;
   }
   .social-links-one a {
	width: 27px;
	height: 27px;
	line-height: 27px;
}
.impact-wrap {
    margin-top:-30px;
}
}
 
@media only screen and (max-device-width:680px){
  .crop {
   height: 300px;
   }
   .header-social-icons a {
    display: none;
}
.section-title {
    font-size: 35px;
}
.wp-block-ub-tabbed-content-tab-title {
    word-break: initial;
    font-size: 20px;
    font-weight: 800;
}
.wp-block-ub-tabbed-content-holder{
    margin-top: 20px !important;
}
}

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

 
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1024px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
	margin: 0 0 0 0;
	display: inline-block;
	height: auto;
	vertical-align: middle;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 13px;
    }
    #mega-menu-wrap-header-menu .mega-menu-toggle {
        background:transparent!important;
    }
    .catchSticky .logo
     {
         width:100%;
     }
    .logo {
	padding: 10px;
	background: #fff;
	z-index: 1;
	margin-right: 10px;
	margin-top:0;
}
.header-area {
    padding:0 10px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
   .header-social-icons a {
	font-size: 16px;
    }
     .crop {
   height: 300px;
   }
}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}