@charset "UTF-8";
/* CSS Document */


body {
	margin:0;
	padding:0;
	max-width:100%;
	background-color:#eaeaea;
	font-size: 18px;
}

.logo {
	float:left; 
	width:35%; 
	background:#fff;
}

.main-image {
	position: relative;
	text-align: center;
	color: white;
	margin-bottom:-10%;
}

.main-image-text {
  width:70%;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);	
}

.text-block-main {
	font-size:3vw;
	color:white;
	font-family:arial;
	text-shadow: 2px 2px 3px #333;
	line-height:120%;
}

.focus-image {
	position: relative;
	text-align: center;
	color: white;
	margin-bottom:-10%;
}

/* Style the navigation menu */
.topnav {
	overflow: hidden;
	width:100%;
	background-color:#fff;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  	display: block;
}

/* Navbar links */
.topnav a {
	color: #000;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 1rem;
}

.topnav a:hover {
	background-color: #a29061;
	color: #fff;
}

/* Style the hamburger menu */
.topnav a.icon {
	background: white;
	color: black;
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
}

.intro-text {
	font-family:arial;
	font-size:1rem;
	display:block;
	background:#fff;
	padding:15% 10% 10% 5%;
	line-height:180%;
}

.strategic-text {
	font-family:arial;
	font-size:1rem;
	font-style:italic;
	padding:0% 15% 0% 15%;
	line-height:180%;
}

#about-left {
	float:left;
	width:28%;
	margin-bottom:-10px;
	padding:0px;
	background-color:#a28f64;
}

#about-right {
	float:left;
	width:72%;
	background-color:#fff;
}

.left-margin {
	float:left;
	width:10%;
}

#wrapper {
	width:100%;
	margin:0;
	overflow:hidden;
	background-color:#eaeaea;
}

#strategic-left {
	float:left;
	width:28%;
	background-color:#ccc;
	height:auto;
	vertical-align: top;;
}

#strategic-right {
	float:left;
	background-color:#eaeaea;
	width:72%;
	padding-bottom:10%;
}

.approach-block {
	width:70%; 
}

.governance-block {
	width:70%; 
	margin-left:10%;
	display:inline-block;
}

.investimage {
	background: url('in-focus.png') no-repeat; 
	width:100%;
	overflow:hidden;
}

.sectors {
	font-family:arial;
	font-size:1rem;
	line-height:180%;
	text-align:center;
	padding:0 10% 0 10%;
}

.sector-title {
	padding:0px 100px 0px 100px;
	font-family:arial;
	font-size:2rem;
	text-align:center;
	color:#666666;
	font-weight:bold;
	line-height:120%;
	font-weight:bold;
}

.sector-column {
	float:left; 
	width:33%; 
	background-color:#EAEAEA; 
	margin-top:-5px;
	padding-bottom:5%;
}

.sector-column-white {
	float:left; 
	width:33%; 
	background-color:#FFF; 
	margin-top:-5px;
}

#governance-left {
	float:left;
	width:28%;
}

#governance-right {
	background-color:#eaeaea;
	float:left;
	width:60%;
	display:block;
	font-family:arial;
	margin:2% 3% 0 3%;
}

.compliance-title {
	font-family:arial;
	font-size:1.2rem;
	color:#ffffff;
}

.compliance-text {
	font-family:arial;
	font-size:1rem;
	color:#ffffff;
	font-style:italic;
	line-height:150%;
}

.clear {
	clear:both;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
}

.img {
	display:inline-block;
	margin:0;
	padding:0;
}

.imageContainer {
    width:100%;
    vertical-align: bottom;
    display: table-cell;
    padding:0;
    margin:0;
}

.about-img {
	background:url("about-us.png");
	background-size: cover;
}

.hidden {
	visibility:none;
	width:100%;
}

.gov-image {
	width:100%;
}

.reverse {
	float:right;
	padding-top:2%;
}

.aproach-img {
	width:100%;
	display:block;
}

.approach-title {
	display:none;
}

.governance-block {
	background-color:#333333; 
	width:100%;
}

.governance-title {
	display:none;
}

.in-focus {
	width:100%; 
	display: inline-block;
}

.in-focus-mb {
	display:none;
}

.approach-txt {
 	display:block;
	line-height:180%;
	font-family:arial;
	font-size:1rem;
	padding:0 10% 0% 5%;
}

.copyright {
	font-family:arial; 
	color:#656565; 
	text-decoration:none; 
	font-size:0.8rem;
}

.gov-text {
	font-family:arial;
	font-size:1rem;
	display:block;
	line-height:180%;
}

.reg-row {
 	width:80%;
 	margin:0;
 	padding-top:2%;
}

.reg-col {
 	width:100%;
 	background-color:#a18f64;
 	padding:5% 10% 5% 10%;
 	margin:5% 0 5% 0;
}


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

.intro-text {
	line-height:200%;
	font-family:arial;
	font-size:2.0vh;
	display:block;
	background:#fff;
}

.logo {
	width:60%; 
	background:#fff;
	float:none;
}

 /* Style the navigation menu */
.topnav {
	overflow: hidden;
	background-color: #fff;
	position: relative;
	padding:0;
	width:auto;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
	display: none;
}

/* Style navigation menu links */
.topnav a {
	color: black;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 0.8rem;
	display: block;
	float:left;
}

/* Style the hamburger menu */
.topnav a.icon {
	background: white;
	color: black;
	display: block;
	position: absolute;
	right: 15px;
	top: 0px;
	font-size:0.6rem;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
	background-color: #a18f64;
	color: #fff;
}

/* Style the active link (or home/logo) */
.active {
	background-color: #04AA6D;
	color: white;
} 

#about-left {
	width:28%;
	margin-bottom:-10px;
	padding:0;
	background-color:#a28f64;
}

#about-right {
	width:72%;
	background-color:#fff;
}

.regulatory {
	background-color:#a29061; 
	float:none;
	margin:0 auto;
	width:80%;
}

.confidentiality {
	background-color:#a29061; 
	float:none;
	margin:0 auto;
	width:80%;
}
	
.sector-column {
	width:100%; 
	background-color:#eaeaea; 
	margin-top:-5px;
}

.sector-column-white {
	width:100%; 
	background-color:#FFF; 
	margin-top:-5px;
}

.sector-title {
	font-family:arial;
	font-size:1.2rem;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	color:#666666;
}

.about-img {
	display:inline-block;
	margin:0px;
	padding:0px;
	visibility:none;
}

.gov-image {
	display:none;
}

#governance-left {
	display:none;
}

#governance-right {
	background-color:#eaeaea;
	width:100%;
	margin-bottom:10%;
}

.governance-block {
	width:100%; 
}

.compliance-title {
	color:#fff; 
	font-weight:bold; 
	font-family:arial; 
	font-size:1.2rem; 
	text-align:center;
}

.hidden {
	display:none;
}

#about-left {
	display:none;
}

#about-right {
	width:100%;
}

#strategic-left {
	width:100%;
	background-color:#ccc;
	height:auto;
	vertical-align: top;;
}

#strategic-right {
	background-color:#eaeaea;
	width:100%;
}

.main-text {
	font-family:arial;
	font-size:1rem;
	display:block;
	background:#fff;
	line-height:180%;
}

.gov-text {
	font-family:arial;
	font-size:1rem;
	display:block;
	line-height:180%;
	margin:0 10% 5% 10%;
}

.h-spacer {
	padding-bottom:10%;
}

.reverse {
	float:left;
	padding-top:0%;
}

.image-container {
    width:100%;
    padding:0;
    margin:0;
    background:#eaeaea;
}

.approach-block {
	display:none !important;
}

.approach-img {
	display:none;
}

.governance-block {
	display:none;
}

.governance-title {
	display:block;
	font-size:1.2rem;
	font-weight:bold;
	color:#a29064;
	Font-family:arial;
	padding:5% 0 5% 10%;
}

 /* Text Sections Mobile */
 
 .main-text {
	line-height:180%;
	font-family:arial;
	font-size:1.2rem;
	padding:0 10% 15% 7%;
}

.compliance-text {
	font-family:arial;
	font-size:1rem;
	color:#fff;
	font-style:italic;
	line-height:150%;
}

.intro-text {
	line-height:200%;
	font-family:arial;
	font-size:1rem;
	display:block;
	background:#fff;
	padding:15% 10% 15% 10%;
	line-height:180%;
}

.sectors {
	font-family:arial;
	font-size:1rem;
	line-height:180%;
	text-align:center;
	padding:0 10% 0 10%;
}

.strategic-text {
	font-family:arial;
	font-size:1rem;
	font-style:italic;
	padding:0 10% 0 10%;
	line-height:180%;
}

.approach-title {
	display:block;
	font-size:1.2rem;
	font-weight:bold;
	color:#fff;
	Font-family:arial;
	padding:5% 0 5% 10%;
	background-color:#a29064;
	width:100%;
}

 .approach-txt {
 	display:block;
	line-height:180%;
	font-family:arial;
	font-size:1rem;
	padding:0 10% 0% 10%;
}

.copyright {
	font-family:arial; 
	color:#656565; 
	text-decoration:none; 
	font-size:0.8rem;
}

.reg-row {
 	width:90%;
 	margin:0 auto;
}

.reg-col {
 	width:70%;
 	background-color:#a18f64;
 	padding:5% 10% 5% 10%;
 	margin-bottom:5%;
}


.main-image {
	position: relative;
	text-align: center;
	color: white;
	margin-bottom:-10%;
}

focus-image {
	position: relative;
	text-align: center;
	color: white;
}

.main-image-text {
  width:65%;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);	
}

.text-block-main {
	font-size:3.8vw;
	color:white;
	font-family:arial;
	text-shadow: 2px 2px 3px #333;
	line-height:150%;
}

}