html,
body {
    background: #f2f2f2;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
	font-weight: 300;
    line-height: 26px;
}

.home_body {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center
}

.preloader {
	position: fixed;
	background: url(../images/loader.gif) center center #fff no-repeat;
	width: 100%;
	height: 100%;
	z-index: 99999;
	top: 0;
	left: 0;
}

.medium_header {
	font-size: 24px;
}

h1,h2,h3,h4,h5,h6,
p{
    margin: 0;
    padding: 0;
}

.line_breaker {
	display: inline;
	width: 1px;
	height: 1px;
}

.btn {
    border: none;
}

.btn:focus,
.btn:checked,
.btn:hover,
.btn:active,
.nav .dropdown .nav-link {
	outline: none !important;
	box-shadow: none !important;
}

.parsley-errors-list {
	list-style: none;
	font-size: 14px;
	padding-left: 0;
	color: orangered;
}

.dataTables_wrapper .col-sm-12 .form-control {
	padding: 20px 10px !important;
	border-radius: 36px !important;
}

div.dataTables_wrapper div.dataTables_filter label {
  display: block;
}
 
div.dataTables_wrapper div.dataTables_filter input {
  width: 100%;
  margin: 0;
}

.overlay {
    position: absolute;
    background: url("../images/banner_shape.png") no-repeat bottom;
    background-size: cover;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.custom_tabs,
.tab_nav,
.tab_content {
	width: 100%;
}

.custom_tabs {
	flex-direction: column;
}

.tab_nav {
	justify-content: space-between;
/*	align-content: stretch;*/
	flex-wrap: wrap;
}

.tab_header {
	flex-basis: 50px;
	flex-grow: 1;
	text-align: center;
}

.tab_header.active_tab {
	background-color: #1A646F;
}

.tab_header a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	text-decoration: none;
	color: #1A646F;
}

/*
*
*	Colour sky blue - #54C4D0
*
*/
.archived_reports a:hover,
.annual_reports a:hover,
.active_tab a {
	color: #54C4D0
}

.tab_header span {
	display: block;
}

.tab_pane {
	display: none;
}

.tab_pane.active_pane {
	display: block;
}

.sub_header {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
}

span.spacer {
	display: none;
}

.pipe_space {
	margin: 0 20px;
	color: #54C4D0
}

.top_bar {
	width: 100%;
}

.top_bar,
.top_bar .navbar,
.top_bar .navbar-brand * {
    transition-property: all;
    transition-duration: .5s;
}

.logo {
    height: 60px;
    width: auto
}

.navbar {
	padding: 0.4rem 1rem;
}

.navbar-light {
    background: transparent
}

.navbar-light .navbar-nav .nav-link {
    font-weight: 400;
	font-size: 14px !important;
    text-transform: capitalize;
    color: #0d1b22;
}

.navbar-light .navbar-nav .nav-link:hover, 
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
	outline: none !important;
	box-shadow: none !important;
    color: #4bb97a;
}

.navbar-light .btn {
    text-transform: uppercase;
    /*border: 1px solid #4cb87a;*/
    color: #0d1b22
}

.navbar-light .btn:hover {
	color: #fff !important;
}

.top_bar .dropdown-menu  {
	background-color: #4bb97a;
	border-radius: 15px;
	border: none;
	text-align: center;
}

.top_bar .dropdown-menu .nav-link {
	color: #0d1b22 !important;
}

.top_bar .dropdown-menu .nav-link:hover {
	background-color: transparent;
	color: #fff !important;
}

.top_bar .dropdown-menu .nav-link.active {
	color: #fff !important;
}

.dropdown-item.active, .dropdown-item:active {
	background: transparent;
}

.banner {
    position: relative;
    height: 55vh;
    width: 100%;
}

.carousel .carousel-item:first-of-type {
    background: url("../images/slide-01.jpg") no-repeat center
}

.carousel .carousel-item:nth-of-type(2n) {
    background: url("../images/slide-02.jpg") no-repeat center
}

.carousel .carousel-item:nth-of-type(3n) {
    background: url("../images/slide-03.jpg") no-repeat center
}

.carousel .carousel-item:last-of-type {
    background: url("../images/slide-04.jpg") no-repeat center
}

.carousel-item {
	position: relative;
    height: 100%;
    background-size: cover !important;
}

.carousel-control-next, .carousel-control-prev {
    z-index: 10;
    font-size: 32px;
    color: #0d1b22
}

.carousel-control-next, .carousel-control-prev {
    height: 32px;
    width: 32px;
    top: 48%
}

.carousel-control-prev {
    margin-left: 7%;
}

.carousel-control-next {
    margin-right: 7%;
}

.banner_text {
    position: absolute;
	display: flex;
    width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.banner_auth {
    position: relative;
    margin-top: -34px;
    z-index: 999;
}

.banner_auth .col-sm-6 {
	text-align: right
}

.banner_auth .col-sm-6 .btn:last-of-type {
    margin-left: 5px
}

.banner_auth .btn {
    background: #1a646f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
}

.banner_text h1 {
    font-weight: 700;
    font-size: 28px;
    color: #1a646f;
}

.banner_text .btn {
	position: relative;
    border: 2px solid #4cb87a;
	z-index: 999 !important
}

.page_title .overlay {
	background: url("../images/page_title_shape.png") no-repeat bottom left;
	z-index: 1;
}

.page_title.pensioners {
	background: url("../images/page_title_pensioners.jpg") no-repeat top;
	background-size: cover;
}

.page_title.inservice {
	background: url("../images/page_title_inservice.jpg") no-repeat top;
	background-size: cover;
}

.page_title.deferred {
	background: url("../images/page_title_deferred.jpg") no-repeat top;
	background-size: cover;
}

.page_title.investments {
	background: url("../images/page_title_invest.jpg") no-repeat top;
	background-size: cover;
}

.page_title.about_us {
	background: url("../images/page_title_about.jpg") no-repeat top;
	background-size: cover;
}

.page_title.newsroom {
	background: url("../images/page_title_newsroom.jpg") no-repeat top;
	background-size: cover;
}

.page_title.single_article {
	background: url("../images/page_title_newsroom.jpg") no-repeat top;
	background-size: cover;
}

.page_title.beneficiaries {
	background: url("../images/page_title_beneficiaries.jpg") no-repeat top;
	background-size: cover;
}

.page_title.governance {
	background: url("../images/page_title_governance.jpg") no-repeat top;
	background-size: cover;
}

.page_title.help {
	background: url("../images/page_title_help.jpg") no-repeat top;
	background-size: cover;
}

.page_title.sustainability {
	position: relative;
	background: url("../images/page_title_sustainability.jpg") no-repeat top;
	background-size: cover;
}

.page_title {
	position: relative;
	background: url("../images/page_title2.jpg") no-repeat bottom;
	height: 55vh;
}

.page_title .breadcrumb {
	background-color: transparent;
	padding-left: 0;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	color: #fff;
}

.page_title .breadcrumb a,
.breadcrumb-item+.breadcrumb-item::before,
.page_title .breadcrumb .active {
	padding: 0;
	color: #f3f3f3;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: "\F285";
	font-family: "bootstrap-icons";
	font-size: 12px;
	padding: 0 3px;
	margin: 0;
	line-height: 24px;
}

.page_title .col-12 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 18%;
}

.page_title.artice_title .col-12 {
	padding-top: 0;
	justify-content: flex-start;
}

.page_title.artice_title .breadcrumb {
	margin-top: 90px;
}

.page_title.artice_title .breadcrumb a,
.page_title.artice_title .breadcrumb-item+.breadcrumb-item::before,
.page_title.artice_title .breadcrumb .active {
	padding: 0;
	color: #333;
}

.page_title.single_article .title_placer {
	padding-top: 40px
}

.page_title h3 {
	margin-bottom: 0;
}

.page_title .banner_auth {
	position: absolute;
	display: flex;
	width: 100%;
	flex-direction: column;
	bottom: 0
}

.welcome {
    flex: 2;
    width: 100%;
    height: 100%;
}

.welcome > .container > .row {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

.welcome .btn {
    font-size: 10px;
}

.small_header {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 0;
    color: #54c4d0
}

.invested_header {
    font-weight: 600;
    font-size: 21px;
    color: #4bb97a;
}

.invested {
    color: #1a646f;
}

.welcome .col-lg-3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.welcome .col-md-4 {
	text-align: center;
	padding-bottom: 20px;
}

.welcome .col-md-4 .btn {
	background-color: #54C4D0
}

.welcome .card {
    border: none;
    border-radius: 37px;
    flex-grow: 1
} 

.welcome .card-body p {
    text-transform: capitalize;
    margin-top: 5px;
    color: #1a646f
}

.welcome .card-footer {
    border: none;
}

.welcome .card-footer a {
    font-size: 32px;
    color: #54c4d0
}

.welcome_icon {
    width: 90px;
    height: auto
}

.welcome .card:hover {
    background-color: #1a646f;
    border-top-left-radius: 37px;
    border-top-right-radius: 37px;
}

.welcome .card:hover p {
    color: #f3f3f3
}

.welcome .card a {
	text-decoration: none !important;
}

.welcome .col-lg-3 * {
    transition-property: all;
    transition-duration: .5s
}

.about_pensioners,
.mission_vision {
    background: #fff;
	font-weight: 300;
}

/*
.about_pensioners .col-sm-6:last-of-type {
    background: url("../images/members_pic.jpg") no-repeat top;
    background-size: cover;
}
*/

.nav-tabs {
    background-color: #273338;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.inservice_tabs .col-sm-6:first-of-type,
.beneficiaries_tabs .col-sm-6:first-of-type {
	text-align: right
}

.inservice_tabs h3 {
	text-transform: none;
}

.inservice_tabs .sub_header {
	margin-bottom: 10px;
	font-weight: 600;
	color: #4BB97A;
}

.announcements .nav-tabs,
.inservice_tabs .nav-tabs {
    background-color: #1A646F;
    border-radius: 30px;
}

.inservice_tabs .col-sm-6 .col-12 {
	min-height: 150px;
	border-right: 1px solid #1A646F;
}

.nav-justified .nav-item, .nav-justified>.nav-link {
    padding: 10px 0;
}

.nav-tabs .nav-item .nav-link * {
	transition-property: all;
	transition-duration: .5s
}

.nav-tabs .nav-item .nav-link {
	font-size: 14px;
	font-weight: 300;
	/*line-height: normal;*/
    color: #fff
}

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    background-color: transparent;
/*    border: none;*/
	color: #46ba79;
}

.nav-tabs .nav-link:hover {
    border-color: transparent
}

.nav-tabs img {
    margin: 0 auto;
    margin-bottom: 5px;
    display: block;
}

.inservice_tabs .nav-tabs img {
	display: inline;
}

.inservice_tabs .nav-tabs .nav-item {
	margin-bottom: 0;
}

.inservice_tabs {
	color: #1A646F;
}

.inservice_tabs .nav-tabs .nav-item span {
	display: inline;
	margin-left: 20px;
}

.pensioners_tabs .welcome_icon,
.audit_risk .welcome_icon {
	width: 70px;
	height: auto
}

.pensioners_tabs .nav-tabs .nav-item .nav-link,
.audit_risk .nav-tabs .nav-item .nav-link,
.inservice_tabs .nav-tabs .nav-item .nav-link,
.tab_header {
	background-color: #fff;
	border-radius: 20px;
	border-color: transparent;
	margin: 10px;
	font-size: 12px;
	color: #1A646F;
}

.audit_risk .nav-tabs {
	flex-wrap: wrap;
}

.audit_risk .nav-tabs .nav-item {
	display: flex;
}

.audit_risk .nav-tabs .nav-item .nav-link:hover {
	background-color: #fff;
	color: #4CB87A;
	border-color: #4CB87A;
	border-width: medium;
	line-height: normal;
}

.audit_risk .nav-tabs .nav-item.show .nav-link, 
.audit_risk .nav-tabs .nav-item .nav-link.active {
	background-color: #4CB87A;
	color: #fff;
}

.pensioners_tabs .nav-tabs .nav-link:hover {
	background-color: #fff;
	border-color: #1A646F;
	border-width: medium;
	line-height: normal;
}

.pensioners_tabs .nav-tabs .nav-item.show .nav-link, 
.pensioners_tabs .nav-tabs .nav-link.active {
	background-color: #1A646F;
	color: #54C4D0;
}

.announcements .nav-tabs .nav-link.active .announce_tab_icon_1 {
	content: url("../images/announce_tab_icon_1h.png");
}

.announcements .nav-tabs .nav-link.active .announce_tab_icon_2 {
	content: url("../images/announce_tab_icon_2h.png");
}

.announcements .nav-tabs .nav-link.active .announce_tab_icon_3 {
	content: url("../images/announce_tab_icon_3h.png");
}

.announcements .nav-tabs .nav-link.active .announce_tab_icon_4 {
	content: url("../images/announce_tab_icon_4h.png");
}

.audit_risk .nav-tabs .nav-link.active .cg_tab_icon_autitrisk {
	content: url("../images/cg_tab_icon_autitrisk_h.png");
}

.audit_risk .nav-tabs .nav-link.active .cg_tab_icon_bencom {
	content: url("../images/cg_tab_icon_bencom_h.png");
}

.audit_risk .nav-tabs .nav-link.active .cg_tab_icon_hrcommittee {
	content: url("../images/cg_tab_icon_hrcommittee_h.png");
}

.audit_risk .nav-tabs .nav-link.active .cg_tab_icon_sinvestment {
	content: url("../images/cg_tab_icon_sinvestment_h.png");
}

.audit_risk .nav-tabs .nav-link.active .cg_tab_icon_comcommittee {
	content: url("../images/cg_tab_icon_comcommittee_h.png");
}

.audit_risk .nav-tabs .nav-link.active .cg_tab_icon_legal {
	content: url("../images/cg_tab_icon_legal_h.png");
}

.pensioners_tabs .nav-tabs .nav-link.active .tab_icon_penben {
	content: url("../images/tab_icon_penben_h.png");
}

.pensioners_tabs .nav-tabs .nav-link.active .tab_icon_benefits {
	content: url("../images/tab_icon_benefits_h.png");
}

.pensioners_tabs .nav-tabs .nav-link.active .tab_icon_procedures {
	content: url("../images/tab_icon_procedures_h.png");
}

.pensioners_tabs .nav-tabs .nav-link.active .tab_icon_claims {
	content: url("../images/tab_icon_claims_h.png");
}

.pensioners_tabs .nav-tabs .nav-link.active .tab_icon_faq {
	content: url("../images/tab_icon_faq_h.png");
}

.pensioners_tabs .nav-tabs .nav-link.active .tab_icon_calendar {
	content: url("../images/tab_icon_calendar_h.png");
}

.pensioners_tabs .nav-tabs .nav-link.active .tab_icon_memorial {
	content: url("../images/tab_icon_memorial_h.png");
}

.audit_risk .nav-tabs,
.pensioners_tabs .nav-tabs,
.inservice_tabs .nav-tabs {
	background-color: transparent;
	border: none;
}

.inservice_tabs .col-sm-2 {
	cursor: pointer;
}

.inservice_tabs .col-sm-2:hover p {
	color: #4BB97A;
}

/*
*
*	Colour dark green - #1A646F;
*
*/
.statutory_statements,
.archived_reports,
.annual_reports,
#updates a,
.statutory_statements a,
.archived_reports a,
.annual_reports a,
.beneficiaries_separator .col-sm-2,
.legislation {
	color: #1A646F;
}

.inservice_tabs .col-sm-2 p,
.beneficiaries_separator .col-sm-2 p {
	text-transform: capitalize;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
}

.beneficiaries_separator .card-body {
	font-size: 14px;
}

.inservice_tabs .col-sm-2 img {
	width: 80px;
	height: auto;
}

.inservice_tabs .nav-tabs .nav-item {
	margin-bottom: 0;
	padding: 0;
}

.deferred_tabs,
.popia,
.legislation {
	background-color: #fff
}

.legislation .legislation_logo {
	border: 2px solid #1D6570;
	border-radius: 15px;
	padding: 10px;
}

.deferred_graph {
	background-color: #f7f7f7;
}

.inservice_tabs .nav-tabs .nav-item .nav-link {
	background-color: #1A646F;
	border: 2px solid transparent;
	font-size: 14px;
	color: #fff
}

.inservice_tabs .nav-tabs .nav-item .nav-link:hover,
.inservice_tabs .nav-tabs .nav-item.show .nav-link, 
.inservice_tabs .nav-tabs .nav-link.active {
	background-color: transparent;
	border: 2px solid #54C4D0;
	color: #1A646F;
}

.tab-content .pensioner_pic {
/*	margin-top: auto;*/
}

.bottom_bar {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
}

.inservice_chart {
	background: #eee;
}

#send_message_accordion .card,
#deferred_accordion .card {
	margin-bottom: 10px;
	border-radius: 15px;
}

#send_message_accordion .card-header,
#deferred_accordion .card-header {
	background-color: #1A646F;
}

#send_message_accordion .card-body,
#deferred_accordion .card-body {
	background-color: #0D1B22;
	color: #fff
}

#send_message_accordion .btn-link,
#deferred_accordion .btn-link {
	color: #fff
}

#deferred_accordion .btn-link span {
	font-size: 20px
}

.results_page h3,
.trustees_board h3,
.inservice_tabs h3,
.inservice_chart h3,
.about_investments h3,
.fund_perfomance h3,
.assets_allocation h3,
.invest_how h3,
.fund_rates_percent h3,
.responsible_investment h3,
.investment_strategy h3,
.investment_regulation h3 {
	font-weight: 600;
	color: #1A646F
}

.about_investments p,
.assets_allocation p,
.invest_how p,
.responsible_investment p,
.investment_strategy p,
.investment_regulation p,
.invest_page_break p {
	color: #1A646F
}

.beneficiaries_tabs {
	background-color: #f7f7f7;
	color: #1A646F;
}

.beneficiaries_separator .nav-tabs,
.inservice_chart .nav-tabs {
	background-color: transparent;
	border: none
}

.beneficiaries_separator .nav-tabs .nav-item img,
.inservice_chart .nav-tabs .nav-item img {
	width: 80px;
	height: auto
}

.beneficiaries_separator .nav-tabs .nav-item .nav-link,
.inservice_chart .nav-tabs .nav-item .nav-link {
	border: 2px solid transparent;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	color: #1A646F
}

.beneficiaries_separator .nav-tabs .nav-item .nav-link:hover,
.beneficiaries_separator .nav-tabs .nav-item.show .nav-link, 
.beneficiaries_separator .nav-tabs .nav-link.active,
.inservice_chart .nav-tabs .nav-item .nav-link:hover,
.inservice_chart .nav-tabs .nav-item.show .nav-link, 
.inservice_chart .nav-tabs .nav-link.active {
	background-color: transparent;
	color: #4BB97A;
}

.beneficiaries_separator .card h3,
.deferred_tabs .card h3,
.inservice_chart .card h3 {
	font-size: 20px;
	margin: 10px 0 15px;
	color: #fff !important
}

.beneficiaries_separator .card,
.pensioners_tabs .card,
.deferred_tabs .card,
.inservice_chart .card,
#beneficiaries_accordion .card {
	margin-bottom: 5px;
	border: none;
	border-radius: 10px;
}

.beneficiaries_separator .card-header,
.pensioners_tabs .card-header,
.deferred_tabs .card-header,
.inservice_chart .card-header,
#beneficiaries_accordion .card-header {
	background-color: transparent;
	padding: 0;
	border: 2px solid #1A646F;
	border-radius: 10px !important;
	overflow: hidden;
	color: #1A646F;
}

.beneficiaries_separator .card-body,
.pensioners_tabs .card-body,
.deferred_tabs .card-body,
.inservice_chart .card-body,
#beneficiaries_accordion .card-body {
	background-color: #333;
	margin-top: -10px;
	color: #fff
}

.beneficiaries_separator .card-header p,
.pensioners_tabs .card-header p,
.deferred_tabs .card-header p,
.inservice_chart .card-header p,
#beneficiaries_accordion .card-header p {
	padding: 10px 15px
}

.beneficiaries_separator p[aria-expanded="true"],
.pensioners_tabs p[aria-expanded="true"],
.deferred_tabs p[aria-expanded="true"],
.inservice_chart p[aria-expanded="true"],
#beneficiaries_accordion p[aria-expanded="true"] {
	background-color: #54C4D0;
	border-color: transparent;
	padding: 10px 15px 20px;
	color: #fff
}

.invest_in {
	background: url("../images/asset_allocation_bg.png") repeat-y;
	background-size: 50% auto;
}

.invest_in h3 {
	font-weight: 600;
	color: #54C4D0;
}

.invest_in p {
	color: #fff;
}

.invest_in .row .col-sm-6:last-of-type {
	padding: 0;
}

.invest_in .row .col-sm-6:last-of-type img {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -75px;
	margin-left: -5px;
	height: 430px;
}

.allocate_assets h3 {
	font-weight: 600;
	color: #4BB97A
}

.fund_perfomance .btn,
.about_us .col-sm-7 .btn {
	background-color: #54C4D0;
	border-radius: 10px;
	font-size: 14px;
	text-transform: capitalize
}

.fund_perfomance .col p {
	font-weight: 600;
	font-size: 19px;
	color: #4BB97A;
}

.fund_interest_rates,
.fund_rates_percent,
.investment_strategy,
.investment_regulation {
	background-color: #f7f7f7;
}

.avc_scheme,
.invest_page_break,
.beneficiaries_separator {
	background-color: #fff
}

.avc_scheme .col-sm-6 p:first-of-type {
	font-weight: 600;
	font-size: 18px;
	color: #4BB97A;
}

.avc_scheme .col-sm-12 p:first-of-type {
	font-weight: 600;
	font-size: 18px;
	color: #4BB97A;
}

.about_us .col-sm-7 .btn {
	color: #333
}

.about_us ul,
.administration ul,
.invest_management ul {
	padding-left: 18px
}

.what_drives_us .col-sm-4 {
	padding: 35px;
	color: #fff
}

.what_drives_us .col-sm-4:nth-of-type(1) {
	background: #1A646F;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.what_drives_us .col-sm-4:nth-of-type(2) {
	background: #138074;
}

.what_drives_us .col-sm-4:last-of-type {
	background: #4BB779;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.what_drives_us .col-sm-4 h3 {
	font-size: 22px;
	margin-top: 30px
}

.drive_icon {
	width: 73px;
	height: auto;
}

.administration .col-sm-7 {
	background: #1A646F;
	padding: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	color: #fff
}

.administration .col-sm-5 {
	position: relative;
	padding: 0;
	overflow: hidden;
}

.administration .col-sm-5 img {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
}

.invest_management,
.administration {
	font-size: 14px;
	line-height: 24px;
}

.executive_management .card,
.other_members .card,
.trustees_board .card,
.pensioner_elected .card,
.member_elected .card {
	border: none;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	border-radius: 25px;
	text-align: center;
}

.executive_management *,
.other_members *,
.trustees_board *,
.pensioner_elected *,
.member_elected * {
	transition-property: background-color;
	transition-duration: .5s
}

.executive_management .card:hover,
.other_members .card:hover,
.trustees_board .card:hover,
.pensioner_elected .card:hover,
.member_elected .card:hover {
	background-color: #54C4D0;
}

.executive_management .card:hover .card,
.other_members .card:hover .card,
.trustees_board .card:hover .card,
.pensioner_elected .card:hover .card,
.member_elected .card:hover .card {
	background-color: #1A646F;
}

.executive_management .card .profile_title {
	/* background: #54C4D0; */
	/* display: table; */
	margin: 0 auto;
	/* margin-top: -20px; */
	padding: 5px 15px;
	/* border-radius: 15px; */
	position: relative;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	z-index: 999;
	color: #54C4D0;
}

.executive_management .card:hover .profile_title,
.member_elected .card:hover .profile_title,
.pensioner_elected .card:hover .profile_title {
	/*background-color: #1A646F*/
	color: #ffffff;
}

.profile_conttent {
	display: none;
	margin: 15px 0;
	font-size: 14px;
}

.profile_conttent span ul {
	text-align: left !important
}

.other_members .profile_title {
	font-weight: 500;
	color: #54C4D0;
}

.other_members .card:hover {
	background-color: #1A646F;
}
.executive_management small,
.other_members small {
	color: #0d1b22
}

.pensioner_elected .card {
	color: #333;
}

.member_elected .card:hover .profile_title,
.pensioner_elected .card:hover .profile_title,
.trustees_board .card:hover .profile_title,
.executive_management .card:hover small,
.pensioner_elected .card:hover small,
.trustees_board .card:hover small,
.other_members .card:hover small {
	color: #fff
}

.member_elected .card:hover,
.pensioner_elected .card:hover,
.trustees_board .card:hover {
	color: #fff
}

.member_elected .card:hover .profile_title,
.trustees_board .card:hover .profile_title,
.pensioner_elected .card:hover .profile_title {
	background-color: transparent;
}

.member_elected .col-sm-3.d-flex p:last-of-type,
.pensioner_elected .col-sm-3.d-flex p:last-of-type,
.trustees_board .col-sm-3.d-flex p:last-of-type {
	font-size: 13px;
	line-height: normal;
}

.member_elected .card .profile_title,
.pensioner_elected .card .profile_title,
.trustees_board .card .profile_title {
	margin: 10px auto 0;
	font-weight: 500;
	color: #54C4D0;
}

.member_elected .card small,
.pensioner_elected .card small,
.trustees_board .card small {
	font-size: 12px;
	margin-top: -8px;
	color: #54C4D0;
}

.profile_title small {
	margin-top: -5px;
	font-weight: 300;
	font-size: 10px;
}

.col-sm-3 .profile_title {
	font-size: 14px;
}

.col-sm-3 .profile_title small {
	margin-top: -5px;
	font-weight: 300;
	font-size: 10px;
}

.executive_management .card .btn {
	background: #1A646F;
	font-size: 18px;
	color: #fff;
}

.other_members {
	background: #4BB97A;
}

.pensioner_elected {
	background-color: #1A646F;
	color: #fff
}

.green_highlight {
	color: #54C4D0;
}

.employee_experience {
	background-color: #4AB879
}

.employee_experience_images .col-sm-6 {
	margin-bottom: -125px;
}

.employee_experience_images .overlay {
	background: none;
}

.employee_experience_images .col-sm-6:first-of-type {
	position: relative;
}

.employee_experience_images .col-sm-6:first-of-type .overlay {
	font-size: 50px;
	color: #54C4D0;
}

.videos_tab .col-sm-6 .inner_video,
.popia .col-sm-6 .inner_video {
	font-size: 50px;
}

.videos_tab .col-sm-6 video,
.popia .col-sm-6 video,
.employee_experience_images .col-sm-6 video {
	width: 100%;
	border-radius: 65px;
}

.employee_experience_images .col-sm-6 img {
	border-radius: 65px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.statutory_statements .col-sm-3 {
	text-align: center;
}

.statutory_statements .col-sm-3 img.pdf {
	display: block;
	margin: 5px auto
}

.statutory_statements .col-sm-3 img.pdf,
.annual_reports .col-sm-6 img.pdf,
.annual_reports .col-sm-4 img.pdf,
.archived_reports .col-sm-4 img.pdf {
	width: 50px;
	height: auto;
}

.annual_reports,
.statutory_statements {
	background-color: #fff;
}

#updates a,
#updates p,
.beneficiaries_tabs p,
.inservice_chart p,
.statutory_statements a,
.archived_reports a,
.annual_reports a {
	text-decoration: none;
	font-size: 14px;
}

#updates a:hover img,
.archived_reports a:hover img,
.annual_reports a:hover img {
	content: url("../images/annual_report_icon_pdfh.png");
}

.archived_reports {
	background-color: #F3F3F3
}

.inner_video {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 0 !important;
	position: relative;
	border-radius: 65px;
}

.send_message_page {
	background-color: #fff;
}

.send_message_page .nav-tabs,
.eppf_alumni .nav-tabs,
.help_page .nav-tabs {
	background-color: transparent;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.send_message_page .nav-tabs .nav-link,
.eppf_alumni .nav-tabs .nav-link,
.help_page .nav-tabs .nav-link {
	border: 1px solid #ccc;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-right: none;
	text-transform: capitalize;
	font-weight: 600;
	padding: 15px 0;
	color: #333;
}

.eppf_alumni .tab-content,
.help_page .tab-content {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 20px;
}

.send_message_page .nav-item:first-of-type .nav-link,
.eppf_alumni .nav-item:first-of-type .nav-link,
.help_page .nav-item:first-of-type .nav-link {
	border-top-left-radius: 25px;
}

.send_message_page .nav-item:last-of-type .nav-link,
.eppf_alumni .nav-item:last-of-type .nav-link,
.help_page .nav-item:last-of-type .nav-link {
	border-top-right-radius: 25px;
	border-right: 1px solid #ccc;
}

.send_message_page .nav-tabs .nav-item.show .nav-link, 
.eppf_alumni .nav-tabs .nav-item.show .nav-link, 
.send_message_page .nav-tabs .nav-link.active,
.eppf_alumni .nav-tabs .nav-link.active,
.help_page .nav-tabs .nav-item.show .nav-link, 
.help_page .nav-tabs .nav-link.active {
	background-color: #4AB879;
	color: #fff;
}

#alumni_tab .nav-tabs .nav-item.show .nav-link,
#helpTab .nav-tabs .nav-item.show .nav-link {
	color: #333 !important
}

.send_message_page .nav-justified .nav-item, 
.eppf_alumni .nav-justified .nav-item, 
.eppf_alumni .nav-justified>.nav-link,
.help_page .nav-justified .nav-item, 
.help_page .nav-justified>.nav-link {
	padding: 0;
}

.eppf_alumni .nav-tabs .nav-link {
	padding-left: 20px;
	padding-right: 20px;
}

.consent_form .col-sm-8.offset-sm-2 {
	border: 1px solid #F2F2F3;
	padding: 0;
}

.consent_form {
	background-color: #fff
}

.consent_form h4,
#send_us_message h4 {
	background-color: #F2F2F3;
	padding: 15px 0;
	text-align: center;
	color: #1B646F;
}

.form_container textarea {
	border-radius: 25px
}

.send_message_page .tab-content {
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.message_form .row {
	margin-bottom: 15px;
}

#send_us_message h4:last-of-type {
	background-color: #4BB87A;
	color: #fff
}

.governance,
.fundrules_tabs,
.popia {
	background-color: #fff;
	color: #1D6570
}

.audit_risk,
.icons {
	background-color: #F0EFEF;
	color: #1D6570
}

.fundrules_tabs .nav-tabs {
	background-color: transparent;
	border: none
}

.fundrules_tabs .nav-tabs .nav-item .nav-link {
	background-color: #1D6570;
	margin: 0 10px;
	border: transparent 2px solid;
	border-radius: 10px;
	font-weight: 500;
	color: #fff;
}

.fundrules_tabs .nav-tabs .nav-item .nav-link.active,
.fundrules_tabs .nav-tabs .nav-item.show .nav-link {
/*	background-color: transparent;*/
	border: #54C5D1 2px solid;
	color: #54C5D1;
}

.fundrules_tabs .tab-content p {
	font-size: 13px;
	font-weight: 500;
}

.fundrules_tabs .download_btn {
	width: 50px;
	height: auto;
}

.fundrules_tabs .btn {
	border: none !important;
	font-size: 11px;
}

.send_message_page .col-sm-6.send_message .card-body,
.contact_page .col-sm-6.send_message .card-body,
.help_page .col-sm-6.send_message .card-body {
	background: url("../images/announce_article_pic3.png") no-repeat top;
	background-size: cover;
}

.send_message_page .col-sm-6.contact_us .card-body,
.contact_page .col-sm-6.contact_us .card-body,
.help_page .col-sm-6.contact_us .card-body {
	background: url("../images/announce_article_pic1.png") no-repeat top;
	background-size: cover;
}

.text_controls .duration,
.text_controls .read_text,
.text_controls .increase_text {
	font-size: 20px;
	border: 1px solid #333;
	width: 40px;
	height: 40px;
	padding: 5px 8px;
	border-radius: 50%
}

.text_controls a {
	text-decoration: none;
	color: #333;
}

.send_message_page .col-sm-6,
.contact_page .col-sm-6,
.help_page .col-sm-6 {
	text-align: center
}

.send_message_page .col-sm-6 .card,
.contact_page .col-sm-6 .card,
.help_page .col-sm-6 .card {
	border: none;
	border-radius: 40px;
	overflow: hidden;
}

.send_message_page .col-sm-7,
.contact_page .col-sm-7,
.help_page .col-sm-7 {
	position: relative;
	min-height: 230px;
}

.send_message_page .col-sm-6 .overlay,
.contact_page .col-sm-6 .overlay,
.help_page .col-sm-6 .overlay {
	background-color: rgba(36,157,135,0.50);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
	text-align: left;
	color: #fff;
	z-index: 9;
}

.send_message_page .col-sm-6 .btn,
.contact_page .col-sm-6 .btn,
.help_page .col-sm-6 .btn {
	position: relative;
	margin-top: -25px;
	z-index: 10;
}

#helpTabContent #faqs h4 {
	font-weight: 600;
	color: #1B646F;
}

#helpTabContent #faqs hr {
	border-bottom: 2px solid #1B646F
}

#helpTabContent #faqs p.font-weight-bold {
	margin-bottom: 5px;
	font-size: 18px;
	color: #1B646F
}

#contactAccordion .card,
#mamber_guide_accordion .card,
#brochure_accordion .card {
	margin-bottom: 10px;
	border-radius: 15px;
}

#contactAccordion .card-header,
#mamber_guide_accordion .card-header,
#brochure_accordion .card-header {
	background-color: transparent;
	padding: 0;
}

#contactAccordion .card .btn-link,
#mamber_guide_accordion .card .btn-link,
#brochure_accordion .card .btn-link {
	border-radius: 0;
	padding: 10px 15px 15px;
	text-decoration: none;
	font-weight: 600;
	color: #1B646F;
}

#contactAccordion p[aria-expanded="true"],
#mamber_guide_accordion p[aria-expanded="true"],
#brochure_accordion p[aria-expanded="true"] {
	background-color: #1B646F;
	color: #ffffff !important
}

#contactAccordion .card {
	border:1px solid #ddd !important;
}

#contactAccordion .card-body {
	background-color: #F2F2F3;
}

#edu_videos .card {
	border: none;
	border-radius: 15px;
	overflow: hidden;
}

#edu_videos .card-header {
	background-color: #1B646F;
	color: #ffffff
}

#edu_videos .card-header p {
	font-size: 13px;
	font-weight: 600;
}

#videos_carousel .carousel-item {
	background: none;
}

#videos_carousel img {
	border-radius: 15px;
}

.contact_page {
	background-color: #fff
}

.popia .col-sm-12 .col-sm-12 {
	background-color: #F4F4F5;
	border-radius: 20px;
}

.popia .col-sm-12 .col-sm-12 p:first-of-type {
	font-weight: 500;
	color: #2C444A
}

.videos_tab .inner_video,
.popia .inner_video {
	position: relative;
}

.videos_tab .inner_video .overlay,
.popia .inner_video .overlay {
	background-color: rgba(0,0,0,.4);
	/*z-index: 9999;*/
	color: #54C5D1;
} 

.download_docs,
.download_docs:hover {
	background-color: #1D6570;
	display: block;
	padding: 10px 15px;
	margin-bottom: 10px;
	border-radius: 10px;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
}

.download_docs .bi {
	font-size: 15px;
	float: right;
	color: #54C5D1;
}

.popia_video {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.last_intro ol {
	padding-left: 10px;
	margin-top: 20px;
}

.icons {
	flex-direction: column;
	justify-content: center;
	color: #1D6570;
}

.icons .col-sm-2 {
	text-align: center;
	min-height: 130px;
}

.icons .card-body {
	padding: 0;
}

.icons .card {
	background-color: transparent;
	border: none;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: normal;
}

.icons .card a {
	text-decoration: none !important;
	color: #1A646F
}

.icons img {
	height: 70px;
	width: auto;
}

.fund_perfomance .nav-tabs,
.statutory_statements .nav-tabs,
.newsletters .nav-tabs,
.announcements .nav-tabs {
	display: flex;
	justify-content: center;
	padding: 10px 0
}

.announcements .tab-content .nav-tabs .nav-item .nav-link.active,
.announcements .tab-content .nav-tabs .nav-item.show .nav-link,
.statutory_statements .nav-tabs .nav-item .nav-link.active,
.fund_perfomance .nav-tabs .nav-item .nav-link.active,
.statutory_statements .nav-tabs .nav-item.show .nav-link,
.newsletters .nav-tabs .nav-item .nav-link.active,
.newsletters .nav-tabs .nav-item.show .nav-link,
.announcements .nav-tabs .nav-item .nav-link.active,
.announcements .nav-tabs .nav-item.show .nav-link {
	border: transparent;
	color: #77d0d9
}

.fund_perfomance .nav-tabs .nav-item .nav-link,
.statutory_statements .nav-tabs .nav-item .nav-link,
.newsletters .nav-tabs .nav-item .nav-link,
.announcements .tab-content .nav-tabs .nav-item .nav-link {
	background-color: #1A646F;
	margin: 0 5px;
	padding: 20px 0;
	border-radius: 20px;
	font-size: 17px;
	font-weight: 500;
}

.fund_perfomance .nav-tabs .nav-item .nav-link.active,
.statutory_statements .nav-tabs .nav-item .nav-link.active,
.newsletters .nav-tabs .nav-item .nav-link.active,
.announcements .tab-content .nav-tabs .nav-item .nav-link.active {
/*	background-color: transparent;*/
	border: 2px solid #77d0d9;
	color: #77d0d9 !important;
}

.fund_perfomance .nav-tabs .nav-item .nav-link.active,
.statutory_statements .nav-tabs .nav-item .nav-link.active {
	color: #2C444A
}

.announcements .nav-tabs .nav-item span {
	text-transform: capitalize;
	font-size: 12px;
}

.fund_perfomance .nav-tabs,
.statutory_statements .nav-tabs,
.newsletters .nav-tabs,
.announcements .tab-content .nav-tabs {
	background-color: transparent;
	border-color: transparent;
}

.announcements .article {
	font-size: 15px;
}

.announcements .article .sub_header {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 600;
	color: #1a636e
}

.announcements .tab-content .tab-content img {
	margin-bottom: 20px;
}

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

.announcements .article .date {
	display: table;
	margin-bottom: 10px;
	font-weight: 500;
	color: #5cb2bb;
}

.announcements .article .btn {
	font-size: 13px;
	text-transform: uppercase;
	border-radius: 30px;
}

.newsletter .col-sm-10 {
	position: relative;
	padding: 0
}

.newsletter .overlay {
	background-image: none;
	background-color: rgba(26,99,110,.57);
}

.newsletter img,
.newsletter .overlay {
	border-radius: 50px;
}

.newsletter .overlay .row {
	flex-direction: row;
	flex: 1
}

.newsletter .overlay .col-sm-6 {
	display: flex;
	flex-basis: 50%;
	height: 100%;
	align-items: center;
	color: #fff
}

.newsletter .overlay .row .col-sm-6:last-of-type {
	align-items: center;
	justify-content: flex-end;
	padding-right: 60px;
}

.newsletter .overlay .col-sm-6 h3 {
	padding: 20px 35px;
	font-weight: 600;
}

.newsletter .overlay .btn {
	background-color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-transform: capitalize;
	color: #4ab879;
}

.articles .col-sm-4 {
	display: flex;
}

.articles .card .overlay {
	background-image: none;
}

.articles .card {
	border: none;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 1px 0 10px 0 rgba(0,0,0,.1);
	font-size: 14px;
	line-height: 21px;
}

.articles .card-body {
	position: relative;
	max-height: 290px;
	overflow: hidden;
}

.articles .card-footer {
	min-height: 205px;
}

.articles .date {
	background-color: #4ab879;
	display: table;
	padding: 5px 10px;
	font-size: 13px;
	margin-top: 15px;
	margin-left: 10px;
	border-radius: 8px;
	color: #fff;
}

.article .sub_header {
	text-transform: capitalize;
	color: #1a636e
}

.article .btn {
	font-size: 12px;
	text-transform: capitalize;
	font-weight: 400;
	padding-right: 15px;
	padding-left: 15px;
}

.artice_title {
	
}

.page-link {
	margin: 5px;
	background-color: transparent;
	border: 1px solid #4ab879;
	border-radius: 5px;
	color: #1a636e;
}

.page-item.active .page-link {
	background-color: #1a636e;
	border: 2px solid #4ab879;
	color: #fff
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border: none
}

.tenders_tab {
	background-color: #fff
}

.tender_wrapper h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1a636e
}

.tender_wrapper .tender .col-sm-9 p:last-of-type {
	margin: 10px 0;
	font-weight: 500;
	color: #4ab879
}

.tender_wrapper .tender p,
.tender_wrapper .tender ol,
.tender_wrapper .tender ul {
	font-size: 14px;
	line-height: 21px;
}

.tender_wrapper .tender .col-sm-3 p:first-of-type {
	margin-bottom: 15px;
	padding: 0;
	border: none;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	color: #1a636e;
}

.tender_wrapper .tender .col-sm-3 p {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	font-weight: 400;
}

.tender_wrapper .tender .col-sm-9 p,
.tender_wrapper .tender .col-sm-9 ol,
.tender_wrapper .tender .col-sm-9 ul {
	color: #8a8d93
}

.tender_wrapper .tender .col-sm-3 sup {
	text-transform: uppercase;
}

.tender_wrapper .tender .col-sm-3 a {
	color: #333;
}

.tender_wrapper .tender .col-sm-3 a:hover {
	text-decoration: none !important;
	color: #4ab879 !important;
}

.videos_tab .col-sm-6 .inner_video,
.videos_tab .col-sm-6 video {
	border-radius: 15px;
}

.videos_tab .card {
	border-radius: 15px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
}

.videos_tab .overlay {
	z-index: 8 !important
}

.videos_tab .card p {
	font-weight: 500;
}

.beneficiaries_separator .card-header,
.pensioners_tabs .card-header,
.deferred_tabs .card-header,
.inservice_chart .card-header,
.retirement_reform .card-header {
	background-color: #1a636e;
	border: none;
}

.beneficiaries_separator .card-body,
.pensioners_tabs .card-body,
.deferred_tabs .card-body,
.inservice_chart .card-body,
.retirement_reform .card-body {
	background-color: #000;
	margin-top: -10px;
	color: #fff
}

/*
.beneficiaries_separator img {
	height: 80px;
}
*/

.beneficiaries_separator .card-header p.btn-link,
.pensioners_tabs .card-header p.btn-link,
.deferred_tabs .card-header p.btn-link,
.inservice_chart .card-header p,
.retirement_reform .card-header p {
	background-color: #1a636e !important;
	padding: 10px 15px;
	color: #fff !important
}

.pensioners_tabs .table th,
.beneficiaries_separator p[aria-expanded="true"],
.pensioners_tabs p[aria-expanded="true"],
.deferred_tabs p[aria-expanded="true"],
.inservice_chart p[aria-expanded="true"],
.retirement_reform p[aria-expanded="true"] {
	background-color: #1a636e !important;
	color: #fff
}

.beneficiaries_separator .card-header p.btn-link,
.pensioners_tabs .card-header p.btn-link,
.deferred_tabs .card-header p.btn-link,
.inservice_chart .card-header p {
	text-decoration: none
}

.pensioners_tabs .table {
	border: 1px solid #1a636e;
	border-top: none;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow: hidden;
}

.pensioners_tabs .table thead th,
.pensioners_tabs .table thead tr,
.pensioners_tabs .table tr {
	border: none;
}

.pensioners_tabs .table th,
.pensioners_tabs .table td {
	font-size: 14px;
}

.pensioners_tabs .table th {
	font-weight: 500;
}

#warningBox,
#calendarTitle {
	display: none !important;
}

#contactAccordion .col-10 p:first-of-type {
	font-weight: 600;
}

#contactAccordion .col-10 p:last-of-type {
	font-size: 14px;
}

.slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

.results_page .card {
	border-radius: 10px;
	border-color: #1A646F
}

.results_page a {
	text-decoration: none;
	color: #1A646F
}

.results_page a:hover {
	color: #46ba79
}

.bi {
	cursor: pointer
}

.green_dot {
    color: #46ba79
}

.footer,
.credits {
    width: 100%;
}

.footer {
    background: #fff;
}

.footer p {
	font-size: 12px;
}

.footer a {
    text-transform: capitalize;
    text-decoration: none;
    margin: 0 10px;
    color: #0d1b22;
}

.footer .col-sm-4 p {
	color: #54c4d0
}

.inner_footer .col-sm-8,
.inner_footer .nav,
.footer .col-sm-8,
.footer .nav {
    text-align: right;
}

.footer .line_breaker {
	display: block;
}

.inner_footer .nav .nav-link {
	border-right: 1px solid #54c4d0
}

.inner_footer .nav .nav-item:last-of-type .nav-link {
	border: none;
}

.inner_footer .dropdown-toggle::after,
.inner_footer .dropdown-toggle[aria-expanded="true"]:after,
.footer .dropdown-toggle::after,
.footer .dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg);
}

.inner_footer .col-sm-8 .nav,
.footer .col-sm-8 .nav {
	float: right;
	font-size: 13px;
}

.inner_footer .dropdown-menu,
.footer .dropdown-menu {
	background-color: #1A646F;
	border-radius: 15px;
	border: none;
}

.inner_footer .dropdown-menu .nav-link:hover,
.footer .dropdown-menu .nav-link:hover {
	background-color: transparent;
	color: #fff;
}

.inner_footer .dropdown-menu .nav-link,
.footer .dropdown-menu .nav-link {
	margin: 5px 0;
	padding: 2px 10px;
	font-size: 13px;
	text-align: center;
	color: #4BB779
}

.inner_footer .dropdown-menu {
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
}

.inner_footer .col-sm-8 h5,
.inner_footer .small_header,
.footer .col-sm-8 h5,
.footer .small_header {
	font-size: 13px;
	margin-top: auto;
	color: #54c4d0;
}

.inner_footer .bi,
.footer .bi {
    color: #54c4d0;
}

.inner_footer .fa-brands,
.footer .fa-brands {
    border: 1px solid #54c4d0;
    padding: 2px 3px;
    font-size: 12px;
    color: #0d1b22;
}

.inner_footer {
	background: #1A646F;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	color: #fff;
}

.inner_footer .col-sm-8 {
	padding-top: 20px;
	flex-grow: 1;
	text-align: right;
}

.inner_footer a {
	font-size: 14px;
	text-transform: capitalize;
	text-decoration: none;
	color: #fff
}

.footer_header {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #54C4D0
}

.footer .fa-youtube {
    padding: 3px 3px;
	font-size: 10px;
}

.pipe_separator {
	margin: 0 5px;
	padding: 5px 0;
	color: #54C5D1;
}

.credits {
    background: #54c4d0;
    font-size: 14px;
    align-self: flex-end;
}

.credits p {
    color: #333;
}

@media(min-width: 1281px) {
	.page_title .overlay {
		background: url("../images/page_title_shape_xl.png") no-repeat bottom left;
		height: 50vh;
		z-index: 1;
	}
}

@media(max-width: 1280px) {
	.navbar-light .navbar-nav .nav-link {
        font-size: 12px
    }
	
	.welcome_icon {
		width: 70px;
		height: auto
	}
}

@media (max-width: 1199px) {
	.navbar-nav {
		background: #1a646f;
		text-align: center;
		padding: 10px 0;
		border-radius: 15px;
		flex-wrap: wrap;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #fff;
	}

	.navbar-light .navbar-nav .nav-link {
		font-weight: 400;
		font-size: 14px !important;
		text-transform: capitalize;
	}

	.navbar-light .btn {
		width: 90%;
		font-size: 14px;
		color: #fff
	}
}

@media(max-width: 1220px) {
    .home_body {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    
    .navbar-toggler {
        background: #4BB97A;
        color: #fff !important;
    }
	
	.nav-tabs .welcome_icon {
		width: 50px;
	}
	
	.nav-tabs .nav-item .nav-link {
		font-size: 12px;
	}
}

@media(max-width: 1220px) {
	body {
		font-size: 14px;
		line-height: 21px
	}
    
    .navbar-expand-lg .navbar-collapse {
        background: transparent;
        padding: 0;
    }
	
	.navbar-light .navbar-toggler {
		font-size: 15px;
		padding: 8px 15px;
		line-height: 10px;
		margin: 0;
	}
    
/*    .navbar-nav {
        background: #1a646f;
        text-align: center;
        padding: 10px 0;
        border-radius: 15px;
    }*/
    
   /* .navbar-light .navbar-nav .nav-link {
        color: #fff
    } */
	
	.top_bar .dropdown-menu  {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.overlay {
		background-size: contain
	}
	
	.page_title {
		background-position: right;
		height: 300px;
	}
	
	.page_title .col-12 {
		padding-top: 0;
		justify-content: flex-end
	}
	
	.title_placer {
		padding-bottom: 40px;
	}
	
	.page_title h3 {
		font-size: 18px;
	}
	
	.page_title .breadcrumb,
	.page_title .breadcrumb a {
		font-size: 12px;
	}
	
	.breadcrumb-item+.breadcrumb-item::before {
		padding: 0;
		line-height: 22px;;
	}
	
	.page_title .breadcrumb a,
	.breadcrumb-item+.breadcrumb-item::before,
	.page_title .breadcrumb .active,
	.breadcrumb-item,
	.page_title h3 {
		color: #1a646f;
	}
    
    .banner {
        height: 350px;
    }
    
    .banner_text h1 {
		margin-top: 20px;
        font-weight: 500;
		font-size: 22px;
    }
	
	.banner_text .btn {
		padding: 2px 15px;
		border-width: 1px;
		font-weight: 300;
		font-size: 14px;
	}
	
	.carousel-item {
		background: url("../images/mobi_home_banner.jpg") no-repeat;
		background-size: cover;
	}
	
	.banner_auth .col-sm-6 {
		text-align: center
	}
    
    .welcome {
        padding: 20px 0
    }
    
    .welcome .col-sm-2 {
        text-align: center
    }
	
	.welcome .card {
		min-height: 150px;
	}
    
    .welcome .card-body p {
        font-size: 15px;
    }
    
    .welcome_icon {
        width: 50px;
        height: auto
    }
	
	.nav-tabs .welcome_icon {
		width: 30px;
	}
	
	.nav-tabs .nav-item {
		display: block;
		width: 50%;
	}
	
	.fund_perfomance .btn {
		margin-bottom: 10px
	}
	
	.about_us .col-sm-5 img {
		margin-top: 20px;
	}
	
	.what_drives_us .col-sm-4 {
		margin: 5px auto;
		width: 90%;
		border-radius: 25px;
	}
	
	.administration .col-sm-7 {
		width: 95%;
		margin: 0 auto;
		border-radius: 25px;
	}
	
	.administration .col-sm-5 {
		margin: 0 auto;
		padding: 20px;
		overflow: inherit
	}
	
	.administration .col-sm-5 img,
	.invest_management .col-sm-7 img {
		position: relative;
		width: 100%;
		height: auto;
		margin: 10px;
		border-radius: 35px;
	}
	
	.invest_management {
		margin-top: -60px;
	}
	
	.invest_management .col-sm-7 {
		padding: 20px;
	}
	
	.invest_in {
		background: none;
		padding: 0 !important;
	}
	
	.invest_in .row .col-sm-6:first-of-type {
		background-color: #1a646f;
		padding: 40px 15px;
	}
	
	.invest_in .row .col-sm-6:last-of-type {
		display: none;
	}
	
	.inservice_tabs .col-sm-6:first-of-type {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.inservice_tabs .col-sm-2,
	.beneficiaries_separator .col-sm-2{
		margin-bottom: 20px;
	}
	
	.audit_risk .nav-tabs .nav-item,
	.inservice_tabs .nav-tabs .nav-item,
	.pensioners_tabs .nav-tabs .nav-item {
		width: 50%;
		flex-basis: 50%;
	}
	
	.inservice_tabs .nav-tabs .nav-item .nav-link {
		font-size: 12px;
		text-align: center;
		padding: 0;
	}
	
	.inservice_tabs .nav-tabs.flex-column,
	.audit_risk .nav-justified,
	.pensioners_tabs .nav-justified {
		flex-direction: row !important;
	}
	
	.audit_risk .nav-tabs .nav-item img,
	.inservice_tabs .nav-tabs .nav-item img {
		width: 40px;
	}
	
	.inservice_tabs .nav-tabs .nav-item span {
		margin: 5px auto;
		display: block;
	}
	
	.pensioners_tabs .col-sm-6 p:last-of-type {
		margin-bottom: 20px;
	}
	
	.executive_management .card .profile_title {
		margin-top: 10px;
	}
	
	.avc_scheme img,
	.responsible_investment .col-sm-5 img,
	.about_investments .col-sm-5 img,
	.governance .col-sm-6:last-of-type img,
	.investment_strategy .col-sm-6:last-of-type img,
	.invest_page_break .col-sm-5:last-of-type img,
	.eppf_alumni .col-sm-7 img,
	.values .col-sm-6:last-of-type img {
		margin-top: 20px;
	}
	
	.governance .col-sm-6:first-of-type img,
	.fund_perfomance .col-sm-6:first-of-type img,
	.investment_regulation .col-sm-6:first-of-type img,
	.mission_vision .col-sm-6:first-of-type img,
	.inner_video {
		margin-bottom: 20px;
	}
	
	.eppf_alumni .nav-tabs,
	.send_message_page .nav-tabs,
	.help_page .nav-tabs {
		display: flex;
		flex-direction: column;
	}
	
	.send_message_page .nav-tabs .nav-item,
	.eppf_alumni .nav-tabs .nav-item,
	.help_page .nav-tabs .nav-item {
		width: 100%;
		flex-basis: 100%;
		flex: 1;
	}
	
	.send_message_page .nav-tabs .nav-link,
	.eppf_alumni .nav-tabs .nav-link,
	.help_page .nav-tabs .nav-link {
		width: 100%;
		flex-basis: 100%;
		flex: 1;
		border: 1px solid #ddd;
	}
	
	.send_message_page .nav-item:first-of-type,
	.eppf_alumni .nav-item:first-of-type,
	.help_page .nav-item:first-of-type {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px !important;
		overflow: hidden
	}
	
	.send_message_page .nav-item:last-of-type .nav-link,
	.eppf_alumni .nav-item:last-of-type .nav-link,
	.help_page .nav-item:last-of-type .nav-link {
		border-radius: 0
	}
	
	.main_video {
		width: 100vw;
		height: auto;
	}
	
	.inner_video .overlay {
		color: #54C4D0
	}
	
	.employee_experience_images .col-sm-6 {
		margin-bottom: 0
	}

	.audit_risk .nav-tabs .nav-item .nav-link {
		width: 100%
	}
	
	.fund_perfomance .nav-tabs .nav-item .nav-link,
	.statutory_statements .nav-tabs .nav-item .nav-link,
	.newsletters .nav-tabs .nav-item .nav-link,
	.fundrules_tabs .nav-tabs .nav-item .nav-link {
		font-size: 12px;
	}
	
	.fundrules_tabs .col-sm-3 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 25px;
	}
	
	.fundrules_tabs .col-sm-3 img {
		margin: 0 auto;
	}
	
	.popia .row:first-of-type .col-sm-5 img {
		margin-top: 20px;
	}
	
	.newsletter .overlay .col-sm-6 h3 {
		font-size: 17px;
		font-weight: 500;
	}
	
	.newsletter .overlay .btn {
		font-size: 13px;
		font-weight: 500;
	}
	
	.newsletter img,
	.newsletter .overlay {
		border-radius: 25px;
	}
	
	.articles .article {
		margin-bottom: 20px;
	}
	
	.tender_wrapper .tender .col-sm-3 {
		margin-bottom: 20px;
	}
	
	.videos_tab .card {
		margin-bottom: 20px;
	}
	
	.annual_reports,
	.archived_reports {
		text-align: center;
	}
	
	.annual_reports .col-sm-6 img.pdf,
	.annual_reports .col-sm-4 img.pdf,
	.archived_reports .col-sm-4 img.pdf {
		display: block;
		margin: 5px auto;
	}
    
    .footer,
    .footer .col-sm-8 {
        text-align: center
    }
    
    .footer .col-sm-8 {
        margin-top: 10px;
    }
	
	.inner_footer {
		text-align: center;
	}
	
	.inner_footer .col-sm-8 {
		text-align: center;
	}
	
	.inner_footer .col-sm-8 p {
		line-height: 20px;
	}
	
	.inner_footer .col-sm-8 p a {
		flex-wrap: wrap
	}
	
	span.spacer {
		display: inline;
	}
	
	.footer .col-sm-8 .nav {
		float: none;
		margin: 0 auto;
	}
	
	.footer .col-sm-8 {
		text-align: center;
	}
	
	.inner_footer ul.nav,
	.footer ul.nav {
		justify-content: center
	}
	
	.inner_footer .nav .nav-link:hover, 
	.inner_footer .nav .active>.nav-link, 
	.inner_footer .nav .nav-link.active, 
	.inner_footer .nav .nav-link.show, 
	.inner_footer .nav .show>.nav-link,
	.footer .nav .nav-link:hover, 
	.footer .nav .active>.nav-link, 
	.footer .nav .nav-link.active, 
	.footer .nav .nav-link.show, 
	.footer .nav .show>.nav-link {
		outline: none !important;
		box-shadow: none !important;
	}
	
	.inner_footer .nav .nav-item {
		line-height: 24px;
	}
	
	.text_controls .col-4 {
		text-align: center;
	}
	
	.text_controls a {
		font-size: 10px;
	}
	
	.text_controls .duration,
	.text_controls .read_text,
	.text_controls .increase_text {
		font-size: 10px;
		border: 1px solid #333;
		width: 20px;
		height: 20px;
		display: table;
		padding: 2px 6px;
		margin: 0 auto;
	}
}

.modalbackground {
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,0.25);*/
	z-index: 1000 !important;
}

.modal-content-profile {
	width: 60%;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	padding: 3%;
}

.modal-content-description {
	padding: 3%;
	text-align: center;
}

.modal-content-close {
	padding-top: 2%;
	align: right;
}

.modal-inner-content {
	width: 40%;
	background: #ffffff;
	margin: 1% 1% 1% 30%;
	height: 600px;
	overflow: scroll;
}

.modal-content-education ul {
	list-style-type: none;
}

.modal-content-education {
	margin-bottom: -2%;
	font-weight: 600;
}

.modal-content-1,
.modal-content-2,
.modal-content-3,
.modal-content-4,
.modal-content-5,
.modal-content-6,
.modal-content-7,
.modal-content-8,
.modal-content-9,
.modal-content-10,
.modal-content-11,
.modal-content-12,
.modal-content-13,
.modal-content-14 {
	display: none;
	position: fixed;
}

.modal-content-1,
.modal-content-2,
.modal-content-3,
.modal-content-4,
.modal-content-5,
.modal-content-6,
.modal-content-7,
.modal-content-8,
.modal-content-9,
.modal-content-10,
.modal-content-11,
.modal-content-12,
.modal-content-13,
.modal-content-14 {
	width: 100%;
	top: 12%;
	left: 0%;
	right: 0%;
	background: rgba(0, 0, 0, 0.25);
	z-index: 1001;
}

#investment-img {
	float: right;
	margin: 0 0 0 15px;
	width: 50%;
}

.accordion .card {
	background-color: #f2f2f2;
}

.collapsing {
	-webkit-transition:height 2ms ease;
	transition:height 2ms ease;
}

/* LINKS */

a {
  color: #4bb97a;
  text-decoration:$link-decoration;
  background-color: transparent; // Remove the gray background on active links in IE 10.

  @include hover() {
    color: #4bb97a;
    text-decoration:$link-hover-decoration;
  }
}

a:hover {
  color: #54c4d0;
  text-decoration:$link-decoration;
  background-color: transparent; // Remove the gray background on active links in IE 10.
}

/*
 And undo these styles for placeholder links/named anchors (without href).
 It would be more straightforward to just use a[href] in previous block, but that
 causes specificity issues in many other styles that are too complex to fix.
 See https://github.com/twbs/bootstrap/issues/19402
*/

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;

  @include hover() {
    color: inherit;
    text-decoration: none;
  }
}