/*==========================================================================
  NAVIGATION
  ========================================================================== */
#headerNav ul#primaryLinks li a,
#sanlamLogo .dropMenu a,
#headerNav li a {
	color: #ffffff;
}

.kenyaContent #headerNav {
	width: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	border-bottom: none;
}

.backBtn a {
	color: #ffffff;
}

#sanlamLogo .dropMenu h2,
#primaryLinks .dropMenu h2,
#secondaryLinks .dropMenu h2,
#sanlamLogo .dropMenu h2 a,
#primaryLinks .dropMenu h2 a,
#secondaryLinks .dropMenu h2 a {
	color: #0075c9 !important;
}

#headerNav li a.activeLink {
	color: #ffffff !important;
}

#headerNav .sanlamLogo-arrow {
	background: url(../img/globe_bluewhite_icon.png) no-repeat 0 0;
}

#headerNav li#search>a {
	background: url(../img/search-white.png) no-repeat 0 0;
}

#newGLOBEDD .dropMenu a {
	color: #636363;
}

#headerNav ul#secondaryLinks {
	font-family: 'open_sansregular', helvetica, arial;
}

.kenyaHome #headerNav li#account span,
.kenyaContent #headerNav li#account span {
	background: url(../img/user-login-icon.png) no-repeat top right;
}

.kenyaContent #headerNav li#account .loginBtn {
	border-radius: 5px;
	font-weight: bold;
}

#footerDesktop .col1 h2,
#footerDesktop .colLast h2,
#footerGlobalDesktop .whiteBorderBottom {
	border-bottom: 1px solid white;
}

.whiteBottomStrip {
	background-color: #ffffff;
}

/*#footerDesktop h2 {
  font-size:16px;
  font-family: 'open_sansbold', helvetica, arial;
}
#footerDesktop .container ul li {
  font-size:16px;
  font-family: 'open_sansregular', helvetica, arial;
}*/
/*==========================================================================
  BANNER
  ========================================================================== */
.bannerContainer {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
}

/*==========================================================================
  MISC
  ========================================================================== */
.contentWrapper {
	position: relative;
	top: 0;
	background: url(../img/blue-overlay.png) repeat-x;
	/* height: 100%; */
	background-position: 0 -14px;
}

.downloadLinkWhite {
	background: url('../img/download-white.png') no-repeat right top;
	padding-right: 25px;
}

#contentRow {
	position: relative;
}

h1 {
	color: #ffffff;
}

#page.kenyaContent {
	background: url(../img/banner-life-insurance.jpg);
}

#page.kenyaHome {
	background: url(../img/kenya-banner.jpg);
}

#page.kenyaHome #headerNav {
	background-color: transparent !important;
	border-bottom: none !important;
}

.bannerContainer .bannerImg {
	display: none;
}

.whiteText {
	color: #ffffff;
}

.footerBg {
	/*background: #10181F;*/
	background: #0075c9;
}

.fulfillForm .bgColor {
	background: #333E48;
	border-radius: 10px;
}

.fulfillForm {
	height: 610px;
}

.fulfillForm .whiteNumbers,
.formstackContent .whiteNumbers {
	color: #fff;
	font-size: 14px;
	margin: 0;
	font-weight: bold;
}

.fulfillForm .whiteNumbers.marB20,
.formstackContent .whiteNumbers.marB20 {
	margin-bottom: 20px;
}

.whitebg {
	background: #ffffff;
}

.darkGreyBg {
	background: #333E48;
}

ul.socialMedia li {
	width: auto;
	height: auto;
}

ul.socialMedia li a.youtube {
	background: url('../img/socialMedia.png') no-repeat 0 0;
}

ul.socialMedia li a.twitter {
	background: url('../img/socialMedia.png') no-repeat -54px 0;
}

ul.socialMedia li a.facebook {
	background: url('../img/socialMedia.png') no-repeat -108px 0;
}

ul.socialMedia {
	margin-bottom: 0;
}

/* CARDS */
.cards-container .col1 {
	border: 1px solid #979797;
	border-radius: 8px;
	background-color: #FFFFFF;
	/*  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);*/
	width: 280px;
	margin-bottom: 40px;
}

.card-header {
	padding: 20px 20px 0 20px;
}

.cards-container .card-header h2 {
	color: #0076C9;
	font-size: 25px;
	line-height: 27px;
	/* text-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);*/
	width: 100%;
}

.card-body {
	padding: 20px;
}

.card-text {
	font-size: 16px;
	line-height: 25px;
	/*text-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);*/
}

.font-bold {
	font-weight: bold;
}

.line {
	box-sizing: border-box;
	border: 2px solid #0076C9;
}

.card-links {
	margin-top: 25px;
}

.card-links .download-pdf {
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	margin-top: 10px;
}

.cardSwiper .card {
	background-color: #FFFFFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	border-radius: 4px 4px 8px 8px;
	border-bottom: 3px solid #0075c9;
}

.cardSwiper .card p {
	font-weight: bold;
	color: #3E3E3E;
}

.swiperGroup .span4 {
	position: relative;
	width: 74.4%;
}

.cardSwiper .next {
	background-position: -15px center;
	right: -20px;
}

.swiperGroup .dt-nav .active,
.swiperGroup .dt-nav-item {
	color: #ffffff;
}

@media screen and (max-width: 1150px) {
	.cards-container .col1.pushCol {
		width: 280px;
	}
}

/* Banner / Help Icons */
.kenyaHome .bannerContainer {
	height: 390px;
}

.bannerIcons {
	width: 100%;
	max-width: 1140px;
	position: absolute;
	bottom: 40px;
}

.bannerIcons h1 {
	width: 100%;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}

.bannerIcons .helpIcons {
	width: 16.66%;
	float: left;
	text-align: center;
}

.bannerIcons .helpIcons label {
	color: #fff;
	display: block;
	margin-top: 10px;
	font-weight: normal;
	font-size: 16px;
}

.banner-site-text {
	color: #FFFFFF;
	font-size: 40px;
	line-height: 55px;
	text-align: right;
	text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	font-family: 'open_sansregular';
}

#bannerTitle {
	position: relative;
	top: 50%;
}

#bannerTitle .bannerLogo,
#bannerTitle h2 {
	width: 100%;
}

.cardSwiper .card {
	height: auto;
}

.card-content {
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	/* content backface is visible so that static content still appears */
	backface-visibility: visible;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-o-backface-visibility: visible;
	-ms-backface-visibility: visible;

	position: relative;
	width: 100%;
	height: 100%;
}

.card.flipped .card-content {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}

.card-content .card-item {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.card-back {
	display: none;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.card-back {
	height: 200px !important;
	padding-right: 5px;
}

.card .card-content .card-front,
.card .card-content .card-back {
	/* Backface visibility works great for all but IE. As such, we mark the backface visible in IE and manage visibility ourselves */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: left;
}

.card .card-content .card-front,
.card.flipped .card-content .card-front {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}

.card .card-content .card-back,
.card.flipped .card-content .card-back {
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
}

.card.card-ie .card-content .card-back,
.card.card-ie .card-content .card-back.card-back-ie {
	transform: none;
}

.card.card-ie .card-content .card-back.card-back-ie {
	visibility: visible;
}

.card .card-content .card-front,
.card.flipped .card-content .card-back {
	/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
	animation: stayvisible 0.5s both;
	-webkit-animation: stayvisible 0.5s both;
	-moz-animation: stayvisible 0.5s both;
	-o-animation: stayvisible 0.5s both;
	-ms-animation: donothing 0.5s;
	-ms-transition: visibility 0s linear 0.17s;
	visibility: visible;
}

.card.flipped .card-content .card-front,
.card .card-content .card-back {
	/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
	animation: stayvisible 0.5s both;
	-webkit-animation: stayvisible 0.5s both;
	-moz-animation: stayvisible 0.5s both;
	-o-animation: stayvisible 0.5s both;
	-ms-animation: donothing 0.5s;
	-ms-transition: visibility 0s linear 0.17s;
	visibility: hidden;
}

.card.card-ie .card-content .card-front,
.card .card-content .card-back.card-back-ie {
	animation: none;
}

@keyframes stayvisible {
	from {
		visibility: visible;
	}

	to {
		visibility: visible;
	}
}

@-webkit-keyframes stayvisible {
	from {
		visibility: visible;
	}

	to {
		visibility: visible;
	}
}

@-moz-keyframes stayvisible {
	from {
		visibility: visible;
	}

	to {
		visibility: visible;
	}
}

@-o-keyframes stayvisible {
	from {
		visibility: visible;
	}

	to {
		visibility: visible;
	}
}

@-ms-keyframes donothing {
	0% {}

	100% {}
}

.mCSB_scrollTools {
	right: 20px;
}

.mCS-sanlam-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #0076BF;
	width: 10px;
	height: 18px;
}

.mCS-sanlam-theme.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #F0F0F0;
	width: 10px;
}

.title {
	font-size: 12px;
	line-height: 17px;
}

.grayCell .fundFactItem:hover,
.fundFactItem:hover {
	background: transparent;
}

.formstackWrapper .formstackContent h2,
#fulfillContainer h3 {
	font-family: 'open_sanssemibold';
}

.kenyaContent.kenya-individual .cards-container .card-text {
	height: 100px;
}

.kenyaContent.kenya-media-centre .contentWrapper.tvc-bg {
	background: #0075c9;
}