/* #ee7621 2018 orange */
/* #EE6809 is accessible orange */
/* #051d48 2018 dark blue */

/* font-family:'Avenir LT W01_45 Book1475508'; */
/* font-family:'Avenir LT W01_55 Roman1475520'; */
/* font-family:'Avenir LT W01_85 Heavy1475544'; */

/* font-family:'Avenir LT W05_45 Book'; */
/* font-family:'Avenir LT W05_55 Roman'; */
/* font-family:'Avenir LT W05_85 Heavy'; */



/*  @@ HTML AND BODY  ============================================================================= */

body {
	/*font-family: 'Avenir LT W01_45 Book1475508', Arial, sans-serif;*/
	font-family: 'Avenir LT W05_45 Book', Arial, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #051d48;
	background-color: #fff;
}

/*  @@ GRID  ============================================================================= */

/*  Sections  ============ */

.section {
	clear: both;
	padding: 0;
	margin: 0;
}

.sectionhomepage .section {
	margin: 0 0 1.5em 0;
}

/*  Grouping  ============ */

.group:before, 
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.people-group:before, 
.people-group:after {
	content: "";
	display: table;
}

.people-group:after {
	clear: both;
}

.people-group {
	margin-bottom: 10px;
}



/*  Grid column setup   ============ */

/*  Mobile-first default below 768px */

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 0;
}

@media only screen and (min-width: 768px) {
	.col { 
		margin: 1% 0 1% 3%;
	}
	
	.col:first-child {
		margin: 1% 0 1% 0;
	}
}

/*  @@ ALL GRIDS DEFAULT (mobile-first)   ============================================================================= */

.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 100%;
}

.span_3_of_3 {
	width: 100%;
}

.span_2_of_3 {
	width: 100%;
}

.span_1_of_3 {
	width: 100%;
}

.span_4_of_4 {
	width: 100%;
}

.span_3_of_4 {
	width: 100%;
}

.span_2_of_4 {
	width: 100%;
}

.span_1_of_4 {
	width: 100%;
}

.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
	width: 100%;
}

.span_3_of_5 {
	width: 100%;
}

.span_2_of_5 {
	width: 100%;
}

.span_1_of_5 {
	width: 100%;
}

.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
	width: 100%;
}

.span_4_of_6 {
	width: 100%;
}

.span_3_of_6 {
	width: 100%;
}

.span_2_of_6 {
	width: 100%;
}

.span_1_of_6 {
	width: 100%;
}


/*  @@ REFERENCE GRIDS   ============================================================================= */

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

	/* GRID OF TWO */
	
	.span_2_of_2 {
		width: 100%;
	}
	
	.span_1_of_2 {
		width: 48.5%;
	}
	
	/* GRID OF THREE */
	
	.span_3_of_3 {
		width: 100%;
	}
	
	.span_2_of_3 {
		width: 65.66%;
	}
	
	.span_1_of_3 {
		width: 31.33%;
	}
	
	/* GRID OF FOUR */
	
	.span_4_of_4 {
		width: 100%;
	}
	
	.span_3_of_4 {
		width: 74.25%;
	}
	
	.span_2_of_4 {
		width: 48.5%;
	}
	
	.span_1_of_4 {
		width: 22.75%;
	}
	
	/* GRID OF FIVE */
	
	.span_5_of_5 {
		width: 100%;
	}
	
	.span_4_of_5 {
		width: 79.4%;
	}
	
	.span_3_of_5 {
		width: 58.8%;
	}
	
	.span_2_of_5 {
		width: 38.2%;
	}
	
	.span_1_of_5 {
		width: 17.6%;
	}
}


/*  @@ PAGE LAYOUT  ============================================================================= */

#container {
	width: 90%;
	padding: 0 5%;
	text-align: center;
	background-color: #fff;
	font-size: 18px;
	line-height: 1.5em;
	max-width: 1200px;
	margin: 0 auto;
}

@media only screen and (min-width: 480px) {
	#container {
		width: 92%;
		padding: 0 4%;
	}
}

@media only screen and (min-width: 600px) {
	#container {
		width: 94%;
		padding: 0 3%;
	}
}

@media only screen and (min-width: 768px) {
	#container {
		width: 96%;
		padding: 0 2%;
	}
}

#skiptomain {
	overflow: hidden;
	position: absolute;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}


/*  @@ HEADER  ============================================================================= */

#header-wrapper {
	text-align: left;
}

/*  @@ LOGO AND MAIN NAV LAYOUT   ============================================================================= */

.col.logo {
	width: 100%;
	margin: 2em 0 1% 0;
	text-align: center;
	/*background: pink;*/
}

.main-nav-col {
	width: 100%;
	margin: 1% 0 1% 0;
	/*outline: 2px solid red;*/
}

@media only screen and (min-width: 768px) {
	.col.logo {
		width: 31.33%; /* span_1_of_3 */
		width: 29%; /* tweaked to fit font size */
		width: 26%; /* tweaked to fit font size */
		margin: 2.5em 0 1.5em 0;
		text-align: left;
	}
	
	.main-nav-col {
		width: 68%; /* tweaked to fit font size */
		width: 71%; /* tweaked to fit font size */
		margin: 2.4em 0 1% 3%;
	}
}

@media only screen and (min-width: 1150px) {
	.col.logo {
		width: 35%; /* tweaked to fit font size */
		margin: 2.5em 0 1.5em 0;
	}
	
	.main-nav-col {
		width: 62%; /* tweaked to fit font size */
		margin: 2.667em 0 1% 3%;
	}
}

@media only screen and (min-width: 1240px) {
	.col.logo {
		width: 40%; /* tweaked to fit font size */
		margin: 2.5em 0 1.5em 0;
	}
	
	.main-nav-col {
		width: 57%; /* tweaked to fit font size */
		margin: 2.667em 0 1% 3%;
	}
}



/*  @@ MAIN NAV  ============================================================================= */

/* main nav wraper */

#main-nav-wrapper {
	width: 100%;
	text-align: left;
	padding: 0;
	float: left;
	background-color: transparent;
}

@media all and (min-width: 768px) {
	#main-nav-wrapper {
		position: relative;
		background-color: #fff;
		color: #051d48; /* dark blue */
	}
}

/* mobile view menu link */

#main-nav-wrapper a.menu-link {
	/*font-family: 'Avenir LT W01_85 Heavy1475544', Arial, sans-serif;*/
	font-family: 'Avenir LT W05_85 Heavy', Arial, sans-serif;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.55em 1em 0.4em 40px;
	margin: 0;
	background: #ccc url(../img/nav-icon2.png) no-repeat 7px 9px;
	text-transform: uppercase;
	font-size: 14px;
}

@media all and (min-width: 768px) {
	#main-nav-wrapper a.menu-link {
		display: none;
	}
}

/* nav id="menu" class="menu active" */

.menu {
	text-align: right;
	margin: 0 auto;
	padding: 0;
	line-height: 0.8;
	border: 1px solid #ccc;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	clear: both;
	min-width: inherit;
	float: none;
	overflow: hidden;
	max-height: 0;
}

.menu.active {
	max-height: 555em;
}

@media all and (min-width: 768px) {
	.menu {
		border: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		overflow: visible;
	}
}

/* all unordered lists in the nav */

.menu ul.main-nav {
	/*background: yellow;*/
}

.menu ul {
	text-align: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline-table;
	z-index: 10;
}

@media all and (min-width: 768px) {
	.menu ul {
		position: relative;
	}
}

/* all list items in the nav */

.menu ul li {
	padding: 0;
}

/* all links in the nav */

.menu ul li a {
	display: block;
	text-decoration: none;
}

/* top-level navigation items <ul class="main-nav"> */

.menu ul.main-nav > li {
	display: block;
	float: none;
	font-size: 16px;
	padding: 0;
	line-height: 1.5;
}

@media all and (min-width: 768px) {
	.menu ul.main-nav > li {
		float: left;
		border-right: 1px solid #eee;
		/*font-weight: bold;*/
		/*font-size: 0.67em;*/
		font-size: 0.68em; /* S10 */
	}
	
	.menu ul.main-nav > li:last-child {
		border-right: none;
	}
}

@media all and (min-width: 880px) {
	.menu ul.main-nav > li {
		/*font-size: 0.8em;*/
		font-size: 0.77em;
	}
}

@media all and (min-width: 940px) {
	.menu ul.main-nav > li {
		/*font-size: 0.9em;*/
		font-size: 0.82em;
	}
}

@media all and (min-width: 992px) {
	.menu ul.main-nav > li {
		/*font-size: 0.9em;*/
		font-size: 0.87em;
	}
}

@media all and (min-width: 1150px) {
	.menu ul.main-nav > li {
		/*font-size: 1em;*/
		font-size: 0.88em;
	}
}

/* links in top level navigation items */

.menu ul.main-nav > li > a {
	padding: 0.5em 2em 0.5em 1em;
	border-bottom: 1px solid #eee;
}

.menu ul.main-nav > li > a:active, 
.menu ul.main-nav > li > a:focus {
	color: #EE6809; /* accessible orange */
	background: #f5f5f5; /* grey bg */
}

.menu ul.main-nav > li > a:hover {
	color: #051d48;
	background: #f5f5f5;
}

.ie8 .menu ul.main-nav > li > a {
	padding: 0.6em 0.9em;
}

@media all and (min-width: 768px) {
	.menu ul.main-nav > li > a {
		padding: 0.6em 0.75em;
		color: #051d48;
		border-bottom: 3px solid #fff;
	}
	
	.menu ul.main-nav > li > a:active, 
	.menu ul.main-nav > li > a:focus, 
	.menu ul.main-nav > li > a:hover {
		padding: 0.6em 0.75em;
		border-bottom: 3px solid #EE6809; 
		background: #fff;
	}
}

@media all and (min-width: 840px) {
	.menu ul.main-nav > li > a {
		padding: 0.6em 1em;
		color: #051d48;
		border-bottom: 3px solid #fff;
	}
	
	.menu ul.main-nav > li > a:active, 
	.menu ul.main-nav > li > a:focus, 
	.menu ul.main-nav > li > a:hover {
		padding: 0.6em 1em;
		border-bottom: 3px solid #EE6809; 
		background: #fff;
	}
}

/* current link in top level navigation items */

.homepage .menu ul.main-nav > li.home > a, 
.whatwedosection .menu ul.main-nav > li.whatwedo > a, 
.clientssection .menu ul.main-nav > li.clients > a, 
.aboutsection .menu ul.main-nav > li.about > a, 
.blogsection .menu ul.main-nav > li.blog > a, 
.contactsection .menu ul.main-nav > li.contact > a, 
.disclosuresection .menu ul.main-nav > li.disclosure > a {
	color: #EE6809; 
}

@media all and (min-width: 768px) {
	.homepage .menu ul.main-nav > li.home > a, 
	.whatwedosection .menu ul.main-nav > li.whatwedo > a, 
	.clientssection .menu ul.main-nav > li.clients > a, 
	.casestudiessection .menu ul.main-nav > li.casestudies > a, 
	.aboutsection .menu ul.main-nav > li.about > a, 
	.blogsection .menu ul.main-nav > li.blog > a, 
	.contactsection .menu ul.main-nav > li.contact > a, 
	.disclosuresection .menu ul.main-nav > li.disclosure > a {
		color: #EE6809; 
		border-bottom: 3px solid #EE6809; 
	}
	
	.homepage .menu ul.main-nav > li.home > a:active, 
	.homepage .menu ul.main-nav > li.home > a:focus, 
	.whatwedosection .menu ul.main-nav > li.whatwedo > a:active, 
	.whatwedosection .menu ul.main-nav > li.whatwedo > a:focus, 
	.clientssection .menu ul.main-nav > li.clients > a:active, 
	.clientssection .menu ul.main-nav > li.clients > a:focus, 
	.casestudiessection .menu ul.main-nav > li.casestudies > a:active, 
	.casestudiessection .menu ul.main-nav > li.casestudies > a:focus, 
	.aboutsection .menu ul.main-nav > li.about > a:active, 
	.aboutsection .menu ul.main-nav > li.about > a:focus, 
	.blogsection .menu ul.main-nav > li.blog > a:active, 
	.blogsection .menu ul.main-nav > li.blog > a:focus, 
	.contactsection .menu ul.main-nav > li.contact > a:active, 
	.contactsection .menu ul.main-nav > li.contact > a:focus, 
	.disclosuresection .menu ul.main-nav > li.disclosure > a:active, 
	.disclosuresection .menu ul.main-nav > li.disclosure > a:focus {
		color: #EE6809; 
		border-bottom: 3px solid #EE6809; 
	}
	
	.homepage .menu ul.main-nav > li.home > a:hover, 
	.whatwedosection .menu ul.main-nav > li.whatwedo > a:hover, 
	.clientssection .menu ul.main-nav > li.clients > a:hover, 
	.casestudiessection .menu ul.main-nav > li.casestudies > a:hover, 
	.aboutsection .menu ul.main-nav > li.about > a:hover, 
	.blogsection .menu ul.main-nav > li.blog > a:hover, 
	.contactsection .menu ul.main-nav > li.contact > a:hover, 
	.disclosuresection .menu ul.main-nav > li.disclosure > a:hover {
		color: #EE6809; 
		border-bottom: 3px solid #EE6809; 
	}
}

/* main nav dropdowns */

.menu ul ul {
	display: none;
	position: absolute;
	/*top: 100%;*/ /* CHECK THIS - REMOVED IN SEO SITE ------------------------------------------------------ */
	min-width: 160px;
	border: 1px solid #CCC;
}

@media all and (max-width: 767px) {
	.menu > ul ul {
		max-height: 0;
		overflow: hidden;
	}
	
	.menu > ul ul.active {
		max-height: 555em;
	}
}

@media all and (min-width: 768px) {
	.menu ul ul {
		-webkit-box-shadow: 2px 4px 10px 0 rgba(0,0,0,.1);
		box-shadow: 2px 4px 10px 0 rgba(0,0,0,.1);
		border-top: 3px solid #EE6809; 
		margin-top: -3px;
	}
}

@media all and (min-width: 768px) and (max-width: 1330px) {
	.menu ul li.contact ul {
		right: 0;
	}
}

/* main nav dropdown children (level 2) */

.menu ul ul ul {
	left: 100%;
	/*top: 0;*/
	margin-top: -43px; /* see different style for mobile menu (top:0, margin-top:0) */
	min-width: 140px;
}

@media all and (min-width: 880px) {
	.menu ul ul ul {
		min-width: 170px;
	}
}

@media all and (min-width: 1150px) {
	.menu ul ul ul {
		min-width: 200px;
	}
}

/* main nav dropdown children (level 3) */

/*.XXXXXXXXmenu ul ul ul ul {
	left: 100%;
	top: 0;
	min-width: 140px;
}*/

@media all and (min-width: 880px) {
	.menu ul ul ul ul {
		min-width: 135px;
	}
}

@media all and (min-width: 940px) {
	.menu ul ul ul ul {
		min-width: 170px;
	}
}


@media all and (min-width: 1150px) {
	.menu ul ul ul ul {
		min-width: 200px;
	}
}

/* trigger the drowpdowns on hover */

.menu ul li:hover > ul {
	display: block;
}

/* hiding second-level dropdowns until there is enough space for them */

@media all and (min-width: 768px) and (max-width: 850px) {	
	.menu ul ul li:hover > ul {
		/*display: none;*/
	}
}

/* hiding third-level dropdowns until there is enough space for them */

/*@media all and (min-width: 768px) and (max-width: 1430px) {
	.menu ul ul ul li:hover > ul {
		xxdisplay: none;
		border: 1px solid red;
	}
}*/

@media all and (min-width: 768px) and (max-width: 912px) {
	.menu ul ul ul li:hover > ul {
		/*display: none;*/
	}
}

/* main nav dropdowns list items */ 

.menu ul ul > li {
	font-size: 0.97em;
}

/* main nav dropdown links */ 

.menu ul ul > li a {
	padding: 0.5em 2em 0.5em 1em;
	height: auto;
	background-color: #fff;
	color: #051d48;
}

.menu ul ul > li a:hover {
	background-color: #f2f2f2;
}

/* main nav dropdown links (level 2) */ 

.menu ul ul ul > li a {
	padding: 0.5em 2em 0.5em 1em;
	height: auto;
}

/* main nav dropdown links (level 3) */ 

/*.XXXXXXmenu ul ul ul ul > li a {
	padding: 0.5em 2em 0.5em 1em;
	height: auto;
}*/

/* dropdown arrows - hide them until the next dropdown is showing */

@media all and (min-width: 768px) {
	.menu ul ul li.has-submenu > a:after {
		position: absolute;
		/*top: 0;*/
		margin-top: -33px; /* CHECK THESE TWO LINES - UPDATED IN SEO SITE ------------------------------------ */
		margin-top: -29px; /* new 06/02/22 */
		right: 0;
		display: block;
		padding: 0.4em 0.7em 0 0.5em;
	}
	
	.menu ul ul li.has-submenu > a:after {
		content: ' ';
		content: '\203A';
	}
}

@media all and (min-width: 851px) {
	.menu ul ul li.has-submenu > a:after {
		content: '\203A';
	}
}

/* Current page highlighted - dropdowns */

/*.apart li.apart > a, 
.philanthropic li.apart > a, */
.financial li.financial > a, 
.wealth li.wealth > a, 
.philanthropic li.philanthropic > a,
.whitepaper li.philanthropic > a,  
.whitepaper li.whitepaper > a, 
.ourcharity li.philanthropic > a,  
.ourcharity li.ourcharity > a, 
.ourcharity2 li.philanthropic > a, 
.ourcharity2 li.ourcharity2 > a, 
.yourcharity li.philanthropic > a, 
.yourcharity li.yourcharity > a, 
.philanthropynz li.philanthropynz > a, 
/*.ethical li.apart > a, */
.ethical li.ethical > a, 
/*.process li.process > a, */
.clientssection.casestudies li.casestudies > a, 
.casestudy1 li.casestudies > a, 
.casestudy1 li.casestudy1 > a, 
.casestudy2 li.casestudies > a, 
.casestudy2 li.casestudy2 > a, 
.casestudy3 li.casestudies > a, 
.casestudy3 li.casestudy3 > a, 
.casestudy4 li.casestudies > a, 
.casestudy4 li.casestudy4 > a, 
.casestudy5 li.casestudies > a, 
.casestudy5 li.casestudy5 > a, 
.casestudy6 li.casestudies > a, 
.casestudy6 li.casestudy6 > a, 
.casestudy7 li.casestudies > a, 
.casestudy7 li.casestudy7 > a, 
.casestudy8 li.casestudies > a, 
.casestudy8 li.casestudy8 > a, 
.casestudy9 li.casestudies > a, 
.casestudy9 li.casestudy9 > a, 
.casestudy10 li.casestudies > a, 
.casestudy10 li.casestudy10 > a, 
.casestudy11 li.casestudies > a, 
.casestudy11 li.casestudy11 > a, 
.casestudy12 li.casestudies > a, 
.casestudy12 li.casestudy12 > a, 
.testimonials li.testimonials > a, 
.cefex li.cefex > a, 
.videos li.videos > a, 
.bloomsburyblog li.bloomsburyblog > a, 
.otherblog li.otherblog > a, 
.consultation li.consultation > a, 
.newsletter li.newsletter > a {
	color: #EE6809;
}


/* @@ mobile nav styles only -------------- */

@media all and (max-width: 767px) {

	.menu, 
	.menu > ul ul {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.menu.active, 
	.menu > ul ul.active {
		-webkit-transition: all 5.5s ease-in-out;
		-moz-transition: all 5.5s ease-in-out;
		-ms-transition: all 5.5s ease-in-out;
		transition: all 5.5s ease-in-out;
	}
	
	.menu ul {
		display: inline;
	}

	.menu ul li a:active {
		color: #EE6809; 
	}
	
	.menu li.has-submenu {
		padding-right: 25px;
		position: relative;
	}
	
	.menu li.has-submenu > span.opener {
		xxborder: 1px solid blue; /* CHECK THIS - ADDED IN SEO VERSION BUT MAY BE JUST A TEST ---------------------- */
	}
	
	.menu li.has-submenu > span.opener:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 22px;
		padding: 7px 0.5em;
		width: 18px;
		cursor: pointer;
		text-align: center;
		line-height: 1.2;
	}
	
	.menu li.has-submenu.active-parent > span:after {
		content: "-";
	}
	
	.menu li.has-submenu.active-parent ul > span:after {
		content: "-";
	}
		
	.menu ul ul li.has-submenu.active-parent > span.opener:after {
		content: "-";
	}
	
	.menu li.has-submenu ul li.has-submenu {
		margin-right: -25px;
	}
		
	.menu li.has-submenu ul li.has-submenu > span.opener:after {
		right: 25px;
		line-height: 1;
	}
	
	.menu li.has-submenu > span.opener:after, 
	.menu li.has-submenu li > span.opener:after {
		background-color: #fff;
		color: #051d48;
	}
	
	.menu li.has-submenu > span.opener:hover:after, 
	.menu li.has-submenu:hover > span.opener:after, 
	.menu li.has-submenu li:hover > span.opener:after {
		color: #EE6809; 
		background: #f5f5f5;
	}
	
	ul.sub-menu.active li:last-child {
		border-bottom: 1px solid #eee;
	}
	
	.menu ul ul > li a {
		padding: 0.5em 1em 0.5em 2em;
		color: #007495;
	}
	
	.menu ul ul ul {
		left: 100%;
		top: 0;
		margin-top: 0; 
		background: red;
		border: 1px solid blue !important;
	}
	
	.menu ul ul ul > li a {
		padding: 0.75em 1em 0.75em 4em;
	}
	
	.menu ul ul ul ul > li a {
		padding: 0.75em 1em 0.75em 6em;
	}
	
	.menu ul ul, 
	.menu ul ul ul {
		display: inherit;
		position: relative;
		left: auto;
		top: auto;
		border: none;
	}
	
	.menu ul ul ul ul {
		white-space: inherit;
	}
}

@media all and (min-width: 360px) and (max-width: 767px) {
	.menu li.has-submenu > a:after {
		padding: 0 0.3em;
		line-height: 1.2;
	}
}

/* ----- @@ TAGLINE ----- */

.tagline {
	font-size: 1em;
	margin-top: 0.3em;
	margin-bottom: 1.5em;
	padding: 0 0.8em;
	box-sizing: border-box;
}

/*  @@ CONTENT AREA  ============================================================================= */

#hero-wrapper {
	text-align: center;
	margin: 0 auto;
	display: block;
}

#content-wrapper {
	text-align: left;
	margin: 0;
}

@media only screen and (min-width: 768px) {
	
	#content-wrapper { /* default, where the content ends with paragraph text */
		margin: 0.5em 0 12px 0;
	}
	
	.no-gap #content-wrapper { /* where there are 3 image boxes at the bottom, or a video */
		margin: 0.5em 0 0 0;
	}
	
	.no-gap-8 #content-wrapper { /* where the 2 image boxes at the bottom are inside the content div */
		margin: 0.5em 0 -8px 0;
	}
	
	.no-gap-12 #content-wrapper { /* case study pages */
		margin: 0.5em 0 -12px 0;
	}
	
	.no-gap-18 #content-wrapper { /* testimonials page */
		margin: 0.5em 0 -18px 0;
	}
}

.homepage #content-wrapper {
	margin: 0.5em 0 0 0;
}

.subnav-col {
	width: 100%;
	margin: 1% 0 1% 0;
}

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

@media only screen and (min-width: 768px) {
	.subnav-col {
		width: 31.33%; /* span_1_of_3 */
		margin: 0 0 1% 0;
	}
	
	.content-col {
		width: 65.66%; /* span_2_of_3 */
		margin: 1.5em 0 1% 3%;
	}
	
	.homepage .content-col {
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.subnav-col.mobile-hide {
		display: none;
	}
}


/*  Subnav column  ============================================================================= */

.subnav-col {
	background-color: #eee;
	padding: 1em 0 3px 0;
	box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
	.subnav-col {
		background-color: transparent;
	}
}

.subnav-col h3 {
	margin: 0;
	padding: 0 0.95em 0.65em 0.95em;
	border-bottom: 1px solid #ccc;
}

.subnav-col li {
	list-style-type: none;
	display: block;
}

/* level 1 */

.subnav-col li a {
	color: #051d48;
	text-decoration: none;
	display: block;
	padding: 0.6em 1.2em 0.6em 2.4em;
	background: url(../img/bullet2.png) no-repeat 1.4em 1.1em;
	border-bottom: 2px solid #fff;
}

.subnav-col li a:hover {
	/*background: #eee url(../img/bullet2.png) no-repeat 1.4em 1.1em;*/
	background: #f4f4f4 url(../img/bullet2.png) no-repeat 1.4em 1.1em;
}

.subnav-col li a.current {
	background: #eee url(../img/bullet2.png) no-repeat 1.4em 1.16em;
	font-weight: bold;
}

/* level 2 */

.subnav-col li li a {
	padding: 0.6em 1.2em 0.6em 3.6em;
	background: url(../img/bullet2.png) no-repeat 2.6em 1.1em;
}

.subnav-col li li a:hover {
	/*background: #f9f9f9 url(../img/bullet2.png) no-repeat 2.6em 1.1em;*/
	background: #f4f4f4 url(../img/bullet2.png) no-repeat 2.6em 1.1em;
}

.subnav-col li li a.current {
	background: #eee url(../img/bullet2.png) no-repeat 2.6em 1.16em;
	font-weight: bold;
}

.subnav-col li li a.current:hover {
	background: #eee url(../img/bullet2.png) no-repeat 2.6em 1.16em;
}

/* level 3 */

.subnav-col li li li a {
	padding: 0.6em 1.2em 0.6em 4.8em;
	background: url(../img/bullet2.png) no-repeat 3.8em 1.1em;
}

.subnav-col li li li a:hover {
	/*background: #f9f9f9 url(../img/bullet2.png) no-repeat 3.8em 1.1em;*/
	background: #f4f4f4 url(../img/bullet2.png) no-repeat 3.8em 1.1em;
}

.subnav-col li li li a.current {
	background: #eee url(../img/bullet2.png) no-repeat 3.8em 1.16em;
	font-weight: bold;
}

.subnav-col li li li a.current:hover {
	background: #eee url(../img/bullet2.png) no-repeat 3.8em 1.16em;
}


/*  Main content  ============================================================================= */

.breadcrumbs {
	padding: 0 0 1.5em 0;
	font-size: 0.875em;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumbs a:after {
	content: " \00bb";
	margin-left: 1px;
	text-decoration: none !important;
}

.breadcrumbs a:hover:after {
	text-decoration: none !important;
}

/*  @@ TYPOGRAPHY  ============================================================================= */

/* ----- @@ headings ----- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 2em;
	text-transform: uppercase;
}

h1 span.uncapitalise, 
h2 span.uncapitalise, 
h3 span.uncapitalise, 
h4 span.uncapitalise, 
h5 span.uncapitalise, 
h6 span.uncapitalise {
	text-transform: none;
	font-size: 75%;
}

h1 {
	font-size: 2em; 
	margin: 0 0 0.5em 0;
}

.newsletter h1 span { /* newsletter update */
	font-size: 0.85em;
	display: block;
	padding: 0 0 6px 0;
	text-transform: none;
}	

h1 span.casestudy-subhead { /* for the smaller words "case study" above each header */
	font-size: 23.6333px; 
	display: block;
}

h1 + h2 {
	margin-top: 1.5em;
}

h2 {
	font-size: 1.5em; 
	margin-bottom: 0.4em;
}

h2.h3-style {
	font-size: 1.3125em; 
	margin-bottom: 0.4em;
}

header h2, 
.homepage header h1 {
	font-size: 4.5em; 
	margin: 0.1em 0 0 0;
	padding: 0;
}

header h2 a:active, 
.homepage header h1 a:active, 
header h2 a:hover, 
.homepage header h1 a:hover {
	text-decoration: none;
	color: #EE6809;
}

@media only screen and (min-width: 600px) {
	header h2, 
	.homepage header h1 {
		margin: 0.3em 0 0 0;
	}
}

@media only screen and (min-width: 768px) {
	header h2, 
	.homepage header h1 {
		margin: 0.6em 0 0 0;
	}
	
	h2.indent-1-col {
		margin-left: 34.33%;
	}
}

.sectionhomepage h2 {
	margin-top: 0.8em;
}

.sectionhomepage h2.spacer { /* used for all staff in About us */
	margin-top: 1.7em;
}

/*.sectionhomepage h2.clear { /* used for all staff below Angie in About us */
	/*clear: both;
	display: block;
	padding-top: 20px;
}*/

h2.divider {
	border-top: 1px solid #cccccc;
	border-top: 3px solid #eee;
	padding-top: 1em;
}

h2.centered {
	text-align: center;
}

h2.no-margin {
    margin-top: 0;
}

.step h2 { /* for Our process steps */
	font-size: 1em; 
	margin: 0;
	padding: 0;
	color: #EE6809; 
}

h2 + h3 {
	margin-top: 1.0em;
}

h3 {
	font-size: 1.3125em; 
	margin-bottom: 0.4em;
}

.info-block h3 {
	margin-top: 0.2em;
}

.step h3 {
	margin-top: 1.0em;
}

img + h3 {
	margin-top: 1.0em;
}

h4 {
	font-size: 1.125em; 
	margin-bottom: 0.4em;
}

.info-block h3 + h4 {
	margin-top: -0.2em;
}

h3.newsletter-arrow-gain {
	background: url(../img/newsletter/newsletter-arrow-gain.png) no-repeat 0 0;
	padding: 0 0 5px 40px;
}

h3.newsletter-arrow-loss {
	background: url(../img/newsletter/newsletter-arrow-loss.png) no-repeat 0 0;
	padding: 0 0 5px 40px;
}

/* Loss then gain */
h3.newsletter-arrow-both1 {
	background: url(../img/newsletter/newsletter-arrow-both-alt1.png) no-repeat 0 0;
	padding: 0 0 5px 40px;
	height: 60px;
}

/* Gain then loss */
h3.newsletter-arrow-both2 {
	background: url(../img/newsletter/newsletter-arrow-both-alt2.png) no-repeat 0 0;
	padding: 0 0 5px 40px;
	height: 60px;
}

span.shareprice {
	/*font-family:'Avenir LT W01_85 Heavy1475544';*/
	font-family: 'Avenir LT W05_85 Heavy', Arial, sans-serif;
	font-size: 70px;
	color: #EE6809; 
	display: block;
	padding: 22px 15px 10px 0;
	line-height: 1em;
	margin-top: -0.3em;
}

@media only screen and (min-width: 480px) {
	span.shareprice {
		/*font-family:'Avenir LT W01_85 Heavy1475544';*/
		font-family: 'Avenir LT W05_85 Heavy', Arial, sans-serif;
		float: left;
		font-size: 70px;
		color: #EE6809; 
		display: block;
		padding: 22px 15px 10px 0;
		line-height: inherit;
		margin-top: 0;
	}
}

span.shareprice span {
	font-size: 16px;
	color: #051d48;
	display: block;
	padding-top: 10px;
	line-height: 1;
	height: 20px;
}

@media only screen and (min-width: 480px) {
	span.shareprice span {
		line-height: 3;
		height: 30px;
	}
}

h5 {
	font-size: 1em; 
	margin-bottom: 0.4em;
}

h6 {
	font-size: 1em; 
	margin-bottom: 0.4em;
}

/* ----- @@ paragraphs ----- */

p {
	font-size: 1em; 
	margin-bottom: 1em;
	line-height: 1.5em;
}

p.role {
	margin-top: -10px;
	margin-bottom: 13px;
	font-weight: bold;
	font-style: italic;
}

p.note {
	font-size: 0.9em;
	font-style: italic;
	margin-top: 40px;
}

p.note-nomargin {
	font-size: 0.9em;
	font-style: italic;
	margin-top: 0;
}

p.note span {
	margin-bottom: 0.5em;
	display: inline-block;
}

p.note span strong {
	margin-right: 5px;
}

p.date {
	font-style: italic;
}

p.center {
	text-align: center;
}

p.backtotop {
	margin-top: 2.5em;
	text-transform: uppercase;
}

p.backtotop a:before {
	content: "\25B2";
	margin-right: 0.5em;
}

p.toplink {
	text-align: right;
	margin-bottom: -1em;
	font-size: 0.9em;
}

p.caption {
	font-size: 0.9em;
	font-style: italic;
	margin-top: -15px;
}

p.highlight {
	margin-top: 0;
	margin-bottom: 15px;
	padding: 15px 20px 15px 20px;
	background-color: #EE6809;
	color: #fff;
}

p.highlight a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

p.highlight a:hover, 
p.highlight a:active {
	text-decoration: underline;
}

.and {
	font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;
	font-size: 1.5em;
}

hr {
	display: block;
	margin: 1em 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
}

.red {
	color: #ff0000;
}

/* ----- @@ lists ----- */

.content-col ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
}

.content-col ol {
	margin: 0 0 20px 30px;
	padding: 0;
}

.content-col ul li, 
.content-col ul li ul li, 
.content-col ul li ul li ul li,
.content-col ol li ul li,  
.content-col ol li ul li ul li,
.content-col ol li ol li ul li, 
.content-col ul li ol li ul li {
	margin: 0;
	padding: 0 0 5px 15px;
	list-style-type: none;
	background: url(../img/bullet.png) no-repeat 0 10px;
}

.content-col ul.pdf li, 
.content-col ul li.pdf {
	margin: 0;
	padding: 0 0 5px 25px;
	list-style-type: none;
	background: url(../img/icon-pdf.gif) no-repeat 0 5px;
}

.whitepaper .content-col ul.pdf {
	padding-left: 0;
}

.content-col ul.note li {
	font-size: 0.9em;
	font-style: italic;
}

.content-col ol li {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: decimal;
	background: none;
}

.content-col ol.lower-alpha li {
	list-style-type: lower-alpha;
}

.content-col ol.upper-alpha li {
	list-style-type: upper-alpha;
}

.content-col ol.lower-roman li {
	list-style-type: lower-roman;
}

.content-col ol.upper-roman li {
	list-style-type: upper-roman;
}

.content-col ol.decimal li {
	list-style-type: decimal;
}

.content-col ul li ul, 
.content-col ul li ul li ul, 
.content-col ol li ul, 
.content-col ol li ul li ul, 
.content-col ol li ol li ul, 
.content-col ul li ol li ul {
	margin: 0 0 -6px 1px;
	padding: 6px 0 0 0;
}

.content-col ul li ul li ol, 
.content-col ul li ol, 
.content-col ol li ol, 
.content-col ol li ol li ol, 
.content-col ol li ul li ol {
	margin: 0 0 -6px 20px;
	padding: 6px 0 0 0;
}

.content-col ul li ul li ol li, 
.content-col ul li ol li, 
.content-col ol li ol li, 
.content-col ol li ol li ol li, 
.content-col ol li ul li ol li {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: decimal;
	background: none;
}


/* ----- @@ definition lists ----- */

dl {
	margin-bottom: 1.5em;
}

dt {
	float: left;
	clear: left;
	width: 100px;
	font-weight: bold;
}

dd {
	margin: 0 0 0 110px;
	padding: 0 0 0.5em 0;
}

@media only screen and (max-width: 345px) {
	.span_1_of_2 dt {
		float: none;
	}
	
	.span_1_of_2 dd {
		margin: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1018px) {
	.span_1_of_2 dt {
		float: none;
	}
	
	.span_1_of_2 dd {
		margin: 0;
	}
}

/* Definition lists for contact details on Disclosure page */

/* Disclosure 1 */

dl.disclosure-1 {
	margin-bottom: 1em;
	line-height: 1.3;
	width: 100%;
	overflow: visible;
	float: left;
}

dl.disclosure-1 dt {
	float: none;
	clear: left;
	width: 100%;
	font-weight: bold;
}

dl.disclosure-1 dd {
	margin: 0 0 0 0;
	padding: 0 0 0.75em 0;
	clear: right;
}

@media only screen and (min-width: 420px) {
	dl.disclosure-1 {
		margin-bottom: 1em;
	}
	
	dl.disclosure-1 dt {
		float: left;
		clear: both;
		font-weight: bold;
		width: 38%;
		padding: 0 0 0.75em 0;
		margin-right: 2%;
	}
	
	dl.disclosure-1 dd {
		padding: 0 0 0.75em 0;
		float: left;
		width: 60%;
		margin: 0;
	}
}

@media only screen and (min-width: 768px) {
	dl.disclosure-1 dt {
		width: 48%;
		margin-right: 2%;
	}
	
	dl.disclosure-1 dd {
		width: 50%;
	}
}

@media only screen and (min-width: 992px) {
	dl.disclosure-1 dt {
		width: 38%;
		margin-right: 2%;
	}
	
	dl.disclosure-1 dd {
		width: 60%;
	}
}

/* Disclosure 2 */

dl.disclosure-2 {
	margin-bottom: 1em;
	line-height: 1.3;
	width: 100%;
	overflow: visible;
	float: left;
}

dl.disclosure-2 dt {
	float: none;
	clear: left;
	width: 100%;
	font-weight: bold;
}

dl.disclosure-2 dd {
	margin: 0 0 0 0;
	padding: 0 0 0.75em 0;
	clear: right;
}

@media only screen and (min-width: 420px) {
	dl.disclosure-2 {
		margin-bottom: 1em;
	}
	
	dl.disclosure-2 dt {
		float: left;
		clear: both;
		font-weight: bold;
		width: 23%;
		padding: 0 0 0.75em 0;
		margin-right: 2%;
	}
	
	dl.disclosure-2 dd {
		padding: 0 0 0.75em 0;
		float: left;
		width: 75%;
		margin: 0;
	}
}

@media only screen and (min-width: 768px) {
	dl.disclosure-2 dt {
		width: 30%;
		margin-right: 2%;
	}
	
	dl.disclosure-2 dd {
		width: 68%;
	}
}

@media only screen and (min-width: 992px) {
	dl.disclosure-2 dt {
		width: 23%;
		margin-right: 2%;
	}
	
	dl.disclosure-2 dd {
		width: 75%;
	}
}






/* ----- @@ superscript and subscript ----- */

sup, sub {
	position: relative;
	font-size: 75%;
	line-height: 0;
	/*vertical-align: 1.5em;*/
	vertical-align: baseline;
}

sup {
	/*top: 0.5em;*/
	top: -0.75em;
}

sub {
	bottom: -0.25em;
}


/* ----- @@ blockquote ----- */

blockquote {
	margin: 0;
	padding: 0 0 20px 57px;
	background: url(../img/bg-blockquote2.gif) no-repeat 0 7px;
	min-height: 45px;
}

blockquote cite {
	font-weight: bold;
	font-style: italic;
}

.homepage blockquote {
	background: url(../img/bg-blockquote.gif) no-repeat 0 7px;
}

.homepage .testimonials-block .span_1_of_2:first-child {
	margin-bottom: 2em;
}

@media only screen and (min-width: 768px) {
	.homepage .testimonials-block .span_1_of_2:first-child {
		margin-bottom: 1%;
	}
}

.subnav-col blockquote {
	margin: 3em 10% 2em 0;
	padding: 0 0 20px 43px;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #949494;
	background: url(../img/bg-blockquote2-sm.gif) no-repeat 0 7px;
}

@media only screen and (min-width: 820px) {
	.subnav-col blockquote {
		padding: 0 0 20px 57px;
		background: url(../img/bg-blockquote2.gif) no-repeat 0 7px;
	}
}

@media only screen and (max-width: 899px) {
	.casestudy .subnav-col blockquote {
		display: none;
	}
}

.subnav-col blockquote p {
	margin-bottom: 1em;
}

.newsletter blockquote p, 
.blogsection blockquote p {
    margin-bottom: 0;
    font-style: italic;
}

.newsletter blockquote + h3, 
.blogsection blockquote + h3 {
    margin-top: 27px;
}


/* ----- @@ links ----- */

a {
	color: #007fa3;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: underline;
}

a:visited {
	color: #007fa3;
}

.info-block p a, 
.info-block p a:visited {
	color: #007495;
}

.info-block p a.button, 
.info-block p a:visited.button {
	color: #fff;
}

.info-block p a.button:hover {
  background: #ccc;
  color: #051d48;
}


a:focus {
	outline: thin dotted;
	color: #051d48;
}

a:hover, 
a:active {
	outline: 0;
	color: #c75000;
	text-decoration: underline;
}

.info-block p a:hover, 
.info-block p a:active {
	color: #b84a00;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, 
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #051d48;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, 
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	color: #c75000;
	text-decoration: underline;
}

a.readmore {
	text-decoration: none;
	white-space: nowrap;
}

a.readmore2 {
	text-decoration: none;
}

a.readmore span, 
a.readmore2 span {
	overflow: hidden;
	position: absolute;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

a.readmore:hover, 
a.readmore2:hover {
	text-decoration: underline;
}

a.readmore:after, 
a.readmore2:after {
	content: " \00bb";
	margin-left: 1px;
	text-decoration: none !important;
}

a.readmore:hover:after, 
a.readmore2:hover:after {
	text-decoration: none !important;
}

.totop {
    position: fixed;
    bottom: 10px;
    right: 20px;
}
.totop a {
    display: none;
}

/* ----- @@ image treatments ----- */

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

img.border {
	padding: 5px;
	border: 1px solid #ccc;
	max-width: calc(100% - 12px);
}

img.floatleft {
	float: none;
	margin: 7px 0 15px 0;
}

.contactsection img.floatleft {
	float: none;
	margin: 7px 0 0 0;
}

img.floatright {
	float: none;
	margin: 7px 0 0 0;
}

img.newsletter-arrow {
	float: left;
	margin: 10px 15px 7px 0;
	border: none;
}

img.no-float {
	float: none;
	margin: 7px 0 15px 0;
}

p.center img {
	float: none;
	margin: 0;
}

img.clearright {
	clear: right;
}

img.clearleft {
	clear: left;
}

@media only screen and (min-width: 345px) {
	.contactsection img.floatleft {
		float: left;
		margin: 7px 20px 20px 0;
	}
	
	img.floatright {
		float: right;
		margin: 7px 0 15px 20px;
	}
	
	img.floatright.gifttrust {
		float: none;
		margin: 7px 0 0 0;
	}
	
	img.floatright.littlepic {
		float: none;
		margin: 7px 0 15px 0;
	}
	
	/* when you want to float a larger image and don't want the text col to get too narrow next to it - see also min-width: 600px, 768px and 900px (below) */
	img.floatright.large-img, 
	img.floatleft.large-img {
		float: none;
		margin: 7px 0 0 0;
	}
}

@media only screen and (min-width: 380px) {
	img.floatleft {
		float: left;
		margin: 7px 20px 15px 0;
	}
	
	img.floatleft.center500 { /* CEFEX Certification Report */
		float: none;
		margin: 7px 0 15px 0;
	}
	
	img.floatright.center500 { 
		float: none;
		margin: 7px 0 15px 0;
	}
	
	.contactsection img.floatleft {
		margin: 7px 30px 20px 0;
	}
	
	img.floatright {
		float: right;
		margin: 7px 0 15px 20px;
	}
	
	img.floatright.littlepic {
		float: right;
		margin: 7px 0 15px 20px;
	}
}

@media only screen and (min-width: 460px) {
	img.floatright.gifttrust {
		float: right;
		margin: 7px 0 15px 20px;
	}
}

@media only screen and (min-width: 500px) {
	img.floatleft.center500 {
		float: left;
		margin: 7px 20px 15px 0;
	}
	
	img.floatright.center500 {
		float: right;
		margin: 7px 0 15px 20px;
	}
	
	p.center img {
		margin: 7px auto 15px auto;
	}
}

@media only screen and (min-width: 600px) {
	img.floatleft.large-img {
		float: left;
		margin: 7px 20px 15px 0;
	}
	
	img.floatright.large-img {
		float: right;
		margin: 7px 0 15px 20px;
	}
}

@media only screen and (min-width: 768px) {
	img.floatright.large-img, 
	img.floatleft.large-img {
		float: none;
		margin: 7px 0 0 0;
	}
}

@media only screen and (min-width: 900px) {
	img.floatleft.large-img {
		float: left;
		margin: 7px 20px 15px 0;
	}
	
	img.floatright.large-img {
		float: right;
		margin: 7px 0 15px 20px;
	}
}

/* ----- @@ tables ----- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1em;
	width: 100%;
}

/*th, td, caption {
	padding: .25em 10px .25em 5px;
}*/

tfoot {
	font-style: italic;
}

caption {
	background-color: transparent;
}

table th {
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table td {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

table th.center, 
table td.center, 
table.center th, 
table.center td {
	text-align: center;
}

table th.right, 
table td.right, 
table.right th, 
table.right td {
	text-align: right;
}

table td.loss {
	color: red;
}

/*
  ==========================
  Responsive table styling
  ==========================
*/

@media only screen and (max-width: 680px) {
	table.responsive-table, 
	table.responsive-table thead, 
	table.responsive-table tbody, 
	table.responsive-table th, 
	table.responsive-table td, 
	table.responsive-table tr {
		display: block;
	}
	
	table.responsive-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-table tr { 
		border: 1px solid #ccc; 
	}
	
	table.responsive-table td {
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
	}
	
	table.responsive-table td {
		/*margin-left: 140px;*/
		margin-left: 165px;
	}
		  
	table.responsive-table td:before {
		position: absolute;
		/*top: 0.8rem;*/
		top: 10px;
		left: 10px;
		white-space: nowrap;
		font-weight: 700;
	}
	
	table.responsive-table td:before {
		/*width: 140px;*/
		width: 165px;
		/*margin-left: -140px;*/
		margin-left: -165px;
	}
	
	table.responsive-table.newsletter-autumn2022 td:before {
		color: #051d48;
	}
	  
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(1):before { content: "Asset class"; }
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(2):before { content: "Index name"; }
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(3):before { content: "3 months";}
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(4):before { content: "1 year";}
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(5):before { content: "3 years"; }
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(6):before { content: "5 years"; }
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(7):before { content: "10 years";}
	
	table.responsive-table.newsletter-autumn2022 td:nth-of-type(1):before { content: "Country"; }
	table.responsive-table.newsletter-autumn2022 td:nth-of-type(2):before { content: "Index"; }
	table.responsive-table.newsletter-autumn2022 td:nth-of-type(3):before { content: "01/20 - 03/20";}
	table.responsive-table.newsletter-autumn2022 td:nth-of-type(4):before { content: "01/20 - 03/22";}
	
	table.responsive-table.newsletter-summer2022 td:nth-of-type(1):before { content: "Year"; }
	table.responsive-table.newsletter-summer2022 td:nth-of-type(2):before { content: "1st place"; }
	table.responsive-table.newsletter-summer2022 td:nth-of-type(3):before { content: "2nd place";}
	table.responsive-table.newsletter-summer2022 td:nth-of-type(4):before { content: "3rd place";}
}

@media only screen and (min-width: 768px) and (max-width: 996px) {
	table.responsive-table, 
	table.responsive-table thead, 
	table.responsive-table tbody, 
	table.responsive-table th, 
	table.responsive-table td, 
	table.responsive-table tr {
		display: block;
	}
	
	table.responsive-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-table tr { 
		border: 1px solid #ccc; 
	}
	
	table.responsive-table td {
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
	}
	
	table.responsive-table td {
		/*margin-left: 140px;*/
		margin-left: 165px;
	}
	
	table.responsive-table.newsletter-autumn2022 td {
		margin-left: 230px;
	}
	  
	table.responsive-table td:before {
		position: absolute;
		/*top: 0.8rem;*/
		top: 10px;
		left: 10px;
		white-space: nowrap;
		font-weight: 700;
	}
	
	table.responsive-table td:before {
		/*width: 140px;*/
		width: 165px;
		/*margin-left: -140px;*/
		margin-left: -165px;
	}
	
	table.responsive-table.newsletter-autumn2022 td:before {
		width: 230px;
		margin-left: -230px;
		color: #051d48;
	}
	  
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(1):before { content: "Asset class"; }
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(2):before { content: "Index name"; }
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(3):before { content: "3 months";}
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(4):before { content: "1 year";}
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(5):before { content: "3 years"; }
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(6):before { content: "5 years"; }
	table.responsive-table.newsletter-autumn2020 td:nth-of-type(7):before { content: "10 years";}
	
	table.responsive-table.newsletter-autumn2022 td:nth-of-type(1):before { content: "Country"; }
	table.responsive-table.newsletter-autumn2022 td:nth-of-type(2):before { content: "Index"; }
	table.responsive-table.newsletter-autumn2022 td:nth-of-type(3):before { content: "3 months ending 03/20";}
	table.responsive-table.newsletter-autumn2022 td:nth-of-type(4):before { content: "27 months 01/20 - 03/22";}
	
	table.responsive-table.newsletter-summer2022 td:nth-of-type(1):before { content: "Year"; }
	table.responsive-table.newsletter-summer2022 td:nth-of-type(2):before { content: "1st place"; }
	table.responsive-table.newsletter-summer2022 td:nth-of-type(3):before { content: "2nd place";}
	table.responsive-table.newsletter-summer2022 td:nth-of-type(4):before { content: "3rd place";}
}


@media only screen and (max-width: 360px) {
	table.responsive-table td {
		/*margin-left: 130px;*/
		margin-left: 160px;
	}
		
	table.responsive-table td:before {
		/*width: 130px;*/
		width: 160px;
		/*margin-left: -130px;*/
		margin-left: -160px;
	}
}



/* form */	

form {
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	border-top: 1px solid #ddd;
	/* fixes width issue in IE9 and IE10 */
	width: 100%;
	max-width: 788px; 
}
	
form fieldset {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	border: 0;
	border-bottom: 1px solid #ddd;
	float: left;
}	

form fieldset.no-border {
	border-bottom: none;
	margin: 0;
}

form fieldset.submit-fieldset { /* use this on the testimoinals form */
	margin: 10px 0 10px 0;
	border-top: 1px solid #ddd;
}		

form fieldset:last-child {
	border-bottom: none;
}	
	
form legend {
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: normal;
	color: #000;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	text-transform: uppercase;
	max-width: 100%; /* enables text to wrap in windows phone */
}	

form fieldset.subtext legend {
	font-size: 1.05em;
}
	
form .row {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}
	
form .submit-row {
	width: 100%;
	float: left;
	margin: 10px 0 3px 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}	

@media only screen and (min-width: 560px) and (max-width: 767px) {
	form .submit-row {
		padding: 0 0 0 31.33%;
	}	
}

@media only screen and (min-width: 1024px) {
	form .submit-row {
		padding: 0 0 0 31.33%;
	}	
}
	
form label {
	width: 100%;
	font-size: 1em;
	line-height: 1.2;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 5px 0;
	box-sizing: border-box;
	display: block;
}

@media only screen and (min-width: 560px) and (max-width: 767px) {
	form label {
		width: 31.33%; /* span_1_of_3 */
		float: left;
		padding: 5px 3% 0 0;
	}
}

@media only screen and (min-width: 1024px) {
	form label {
		width: 31.33%; 
		float: left;
		padding: 5px 3% 0 0;
	}
}

.content-col form fieldset p { /* Notes that go with specific form fields */
	font-style: italic;
	font-size: 0.9em;
}

.content-col form fieldset p.negative-margin { /* To move a note up closer to the legend */
	margin-top: -16px;
}

.content-col form fieldset .row p { /* Remove the "note" styling */
	font-style: normal;
	font-size: 1.0em;
}

.content-col form ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	
.content-col form ul li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: none;
}			
		
.content-col form ul label {
	width: auto;
	font-size: 1em;
	margin: 0;
	padding: 5px 10px 10px 0;
}	
	
form label.wrapped {
	padding: 0 20px 0 0;
	}	
	
span.required {
	color: #cc0b0b;
	}	
	
form input {
	/*font-family: 'Avenir LT W01_45 Book1475508', Arial, sans-serif;*/
	font-family: 'Avenir LT W05_45 Book', Arial, sans-serif;
	width: 100%; 
	font-size: 1em;
	line-height: 1.2;
	margin: 0;
	padding: 6px;
	border: 1px solid #999;
	-webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);
	box-sizing: border-box;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	form input {		
		width: 65.66%; /* span_2_of_3 */
	}
}

@media only screen and (min-width: 560px) and (max-width: 767px) {
	form input {
		float: left;
	}
}

@media only screen and (min-width: 1024px) {
	form input {		
		width: 65.66%; 
		float: left;
	}
}
	
form input.short {
	width: calc(99% - 17px);
}

@media only screen and (min-width: 350px) {
	form input.short {		
		width: calc(65.66% - 17px); /* span_2_of_3 */
		float: left;
	}
}

@media only screen and (min-width: 560px) and (max-width: 767px) {
	form input.short {		
		width: 31.33%; /* span_1_of_3 */
		float: left;
	}
}

@media only screen and (min-width: 1024px) {
	form input.short {		
		width: 31.33%;
		float: left;
	}
}
	
form ul input {
	width: auto;
	margin: 8px 20px 0 3px;
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	
form .submit-row input {
	width: auto;
	padding: 0.5em;
	background: #EE6809; 
	cursor: pointer;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
	color: #fff;
	border-radius: 3px;
}

form .submit-row input:hover {
	background: #ccc;
	color: #051d48;
}

a.button { /* link that looks like a submit button - call to action on What we do */
	width: auto;
	padding: 0.5em;
	background: #EE6809; 
	cursor: pointer;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	margin: 1em 0 2em 0;
	/*display: block;*/ /* CHECK THESE THREE LINES - CHANGED IN SEO VERSION ---------------------------------------- */
	display: inline-block;
	/*float: left;*/
}

a.button:hover {
	background: #ccc;
	color: #051d48;
}	
	
form .row span.dollar {
	width: 12px;
	font-size: 1em;
	line-height: 1.2;
	font-weight: normal;
	margin: 0;
	padding: 5px 5px 0 0;
	float: left;
}

@media only screen and (min-width: 560px) and (max-width: 767px) {
	form .row span.dollar {
		float: left;
	}
}

@media only screen and (min-width: 1024px) {
	form .row span.dollar {
		float: left;
	}
}

	
form select {
	/*font-family: 'Avenir LT W01_45 Book1475508', Arial, sans-serif;*/
	font-family: 'Avenir LT W05_45 Book', Arial, sans-serif;
	width: 100%; 
	min-width: 210px;
	font-size: 1em;
	line-height: 1;
	margin: 5px 0 0 0;
	padding: 4px 4px 4px 6px;
	border: 1px solid #999;
	-webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);
	box-sizing: border-box;
}	
	
@media only screen and (min-width: 350px) {
	form select {		
		width: 65.66%; /* span_2_of_3 */
		float: left;
	}
}		
	
@media only screen and (min-width: 560px) and (max-width: 767px) {
	form select {		
		width: calc(31.33% + 17px); /* span_1_of_3 */
		min-width: 210px;
		float: left;
	}
}

@media only screen and (min-width: 1024px) {
	form select {		
		width: calc(31.33% + 17px); /* span_1_of_3 */
		min-width: 210px;
		float: left;
	}
}		
	
form textarea {
	/*font-family: 'Avenir LT W01_45 Book1475508', Arial, sans-serif;*/
	font-family: 'Avenir LT W05_45 Book', Arial, sans-serif;
	width: 100%; 
	font-size: 1em;
	line-height: 1;
	margin: 5px 0 0 0;
	padding: 4px 6px;
	border: 1px solid #999;
	-webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);
	box-sizing: border-box;
}	
	
@media only screen and (min-width: 480px) and (max-width: 767px) {
	form textarea {		
		width: 65.66%; /* span_2_of_3 */
	}
}	
	
@media only screen and (min-width: 560px) and (max-width: 767px) {
	form textarea {
		float: left;
	}
}	

@media only screen and (min-width: 1024px) {
	form textarea {		
		width: 65.66%; 
		float: left;
	}
}				
	
form input.parsley-error { /* AliG check once form is working */
	border: 1px solid #cc0b0b;
}	
	
.content-col form ul.parsley-error-list li { /* AliG check once form is working */
	background: none;
	float: left;
	color: #cc0b0b;
	padding: 5px 0 0 12px;
}

.content-col form ul.checkboxes {
	float: left;
	margin: -5px 0 0 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

@media only screen and (min-width: 615px) and (max-width: 767px) {
	.content-col form ul.checkboxes {
		padding: 0 0 0 31.33%;
	}
}

@media only screen and (min-width: 1024px) {
	.content-col form ul.checkboxes {
		padding: 0 0 0 31.33%;
	}
}

.content-col form ul.checkboxes li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 100%;
	background: none;
}

.content-col form ul.checkboxes li input {
	width: auto;
	float: left;
	margin: 3px 10px 0 0;
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	
.content-col form ul.checkboxes li label {
	width: calc(100% - 30px);
	float: left;
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
	
/*.content-col form ul.radio li input {
	margin-right: 10px;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: left;
}*/

.content-col form ul.radio {
	float: left;
	margin: -5px 0 0 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

@media only screen and (min-width: 615px) and (max-width: 767px) {
	.content-col form ul.radio {
		padding: 0 0 0 31.33%;
	}
}

@media only screen and (min-width: 1024px) {
	.content-col form ul.radio {
		padding: 0 0 0 31.33%;
	}
}

.content-col form ul.radio li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 100%;
	background: none;
}

.content-col form ul.radio li input {
	width: auto;
	float: left;
	margin: 3px 10px 0 0;
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	
.content-col form ul.radio li label {
	width: calc(100% - 30px);
	float: left;
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
	
.thankyou-spacer { /* because thankyou page is so short */
	display: block;
	height: 200px;
}
	

/*  @@ SPECIAL ELEMENTS  ============================================================================= */

/* make embedded videos responsive */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
	margin-bottom: 24px;
	border: 1px solid #d8d8d8;
}

.video-container iframe,
.video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 5px;
	box-sizing: border-box;
}

/* accordion */

.accordion {
	
}

.accordion h3 {
	/*background: #eee url(../img/newsletter/newsletter-arrow-loss.png) no-repeat 100% 10px;
	padding: 10px;
	border: 1px solid #ccc;*/
	border-top: 3px solid #ddd;
	padding-top: 20px;
	/*margin-top: 0.5em;*/
	margin-top: 0;
}

.accordion h3.no-border {
	border-top: none;
}

.accordion h3:hover, 
.accordion h3:focus {
	/*cursor: pointer;*/
}

/*  @@ FOOTER 2  ============================================================================= */

#footer-wrapper2 {
	text-align: left;
	border-top: 3px solid #eeeeee;
	padding: 2em 0 1em 0;
	margin: 0;
	color: #ddd;
	position: absolute;
	width: 100%;
	left: 0;
	font-size: 0.8em;
	background: #051d48 url(../img/logo-reversed.png) no-repeat 100% 100%;
}

#footer-wrapper2 a {
	color: #fff;
	text-decoration: none;
}

#footer-wrapper2 a.readmore {
	white-space: normal;
}

#footer-wrapper2 h4 {
	margin-top: 0;
}

#footer-wrapper2 a:focus, 
#footer-wrapper2 a:active, 
#footer-wrapper2 a:hover {
	color: #fff;
	text-decoration: underline;
}

footer {
	width: 90%;
	padding: 0 5%;
	max-width: 1200px;
	margin: 0 auto;
}

@media only screen and (min-width: 480px) {
	footer {
		width: 92%;
		padding: 0 4%;
	}
}

@media only screen and (min-width: 600px) {
	footer {
		width: 94%;
		padding: 0 3%;
	}
}

@media only screen and (min-width: 768px) {
	footer {
		width: 96%;
		padding: 0 2%;
	}
}

.footerflex {
	display: -webkit-flex; /* Safari 7 */
	display: flex;
	flex-pack: space-between; /* IE 10 */
	-webkit-justify-content: space-between; /* Safari 7 */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari 7 */
	flex-wrap: wrap;
}

.ie9 .footerflex {
	display: block;
}

.footerflex .col {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

.ie9 .footerflex .flexabout, 
.no-flexbox-legacy .footerflex .flexabout { /* using Modernizr to target IE10 */
	width: 34.83%;
}

.ie9 .footerflex .flexnewsletter, 
.no-flexbox-legacy .footerflex .flexnewsletter { /* using Modernizr to target IE10 */
	width: 18.08%;
}

.footerflex .flexnewsletter { 
	min-width: 153px;
}

.ie9 .footerflex .flexconsultation, 
.no-flexbox-legacy .footerflex .flexconsultation { /* using Modernizr to target IE10 */
	width: 24.83%;
}

.footerflex .flexaddress {
	flex-shrink: 0;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.ie9 .footerflex .flexaddress, 
.no-flexbox-legacy .footerflex .flexaddress { /* using Modernizr to target IE10 */
	width: 13.25%;
}

@media only screen and (min-width: 768px) {
	.footerflex {
		display: -webkit-flex; /* Safari 7 */
		display: flex;
		-webkit-justify-content: space-between; /* Safari 7 */
		justify-content: space-between;
		-webkit-flex-wrap: nowrap; /* Safari 7 */
		flex-wrap: nowrap;
	}
	
	.footerflex .col {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
  		width: auto;
	}
	
	.footerflex .flexaddress {
		padding-bottom: 70px;
	}
	
	.footerflex .flexaddress {
		-webkit-flex-shrink: 0; /* Safari 7 */
		flex-shrink: 0;
	}
	
	.footerflex .flexaddress h4, 
	.footerflex .flexaddress p {
		text-align: right;
	}
}

@media only screen and (min-width: 1460px) {
	.footerflex .flexaddress {
		padding-bottom: 0;
	}
}


/*  @@ HELPERS  ============================================================================= */

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

.visuallyhidden { 
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	width: 1px; 
	margin: -1px; 
	padding: 0; border: 0; 
}

.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus {
	position: static;
	clip: auto;
	height: auto;
	width: auto;
	margin: 0;
	overflow: visible;
}

.focusable {
	position: static;
	clip: auto;
	height: auto;
	width: auto;
	margin: 0;
	overflow: visible;
}

.breaker {
	clear: both;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.floatright2 { /* on CEFEX page */
	float: none;
	margin: 7px 0 15px 0;
	font-size: 0.9em;
}

.floatright2 p {
	font-size: 0.9em;
	padding-top: 0.75em;
	text-align: center;
}

.alignright {
	text-align: right;
}


@media only screen and (min-width: 345px) {
	.floatright2 {
		float: right;
		margin: 7px 0 15px 20px;
	}
}

@media only screen and (min-width: 380px) {
	.floatright2 {
		float: right;
		margin: 7px 0 15px 20px;
	}
}

/* @@ VENDOR-SPECIFIC ============================================================================= */

html {
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: #349edb;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

::-webkit-selection {
	background: #1777af;
	color: #fafafa;
	text-shadow: none;
}

::-moz-selection {
	background: #1777af;
	color: #fafafa;
	text-shadow: none;
}

::selection {
	background: #1777af;
	color: #fafafa;
	text-shadow: none;
}

button, input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	-webkit-appearance: button;
}

::-webkit-input-placeholder {
	font-size: .875em;
	line-height: 1.4;
}

input:-moz-placeholder {
	font-size: .875em;
	line-height: 1.4;
}

input[type="checkbox"], 
input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}


/*  @@ SPECIFIC PAGES   ============================================================================= */

/*  @@ HOMEPAGE ============ */

/* ----- @@ carousel ----- */

.carousel {
	margin: 0;
	padding: 0 0 3.7em 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	border-bottom: 3px solid #eee;
}

/* Basic jQuery Slider essential styles */
/* #banner-slide is the full-width slider at the tiop of the homepage. #banner-slide2 is the people slider about halfway down the page. */
/* See actions.js for the controls for these sliders. The master controls are at bjqs-1.3.js */

@media only screen and (max-width: 767px) {
	.homepage #banner-slide2 {
		margin: 0 auto;
	}
}

.homepage #banner-slide ul.bjqs, 
.homepage #banner-slide2 ul.bjqs {
	position: relative;
	list-style: none;
	margin: 0 -3px 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
	display: none;
	-webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
	background: white;
	padding: 0;
	box-sizing: border-box;
}

.homepage #banner-slide ul.bjqs img, 
.homepage #banner-slide2 ul.bjqs img {
	width: 100%;
	display: block;
	float: left;
}

.homepage #banner-slide li.bjqs-slide, 
.homepage #banner-slide2 li.bjqs-slide {
	position: absolute;
	display: none;
}

.homepage #banner-slide ul li.bjqs-slide, 
.homepage #banner-slide2 ul li.bjqs-slide {
	padding: 0;
}

.homepage #banner-slide ul.bjqs-controls, 
.homepage #banner-slide2 ul.bjqs-controls {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9999;
}

.homepage #banner-slide ul.bjqs-controls li, 
.homepage #banner-slide2 ul.bjqs-controls li {
	padding: 0;
}

.homepage #banner-slide ul.bjqs-controls.v-centered li a, 
.homepage #banner-slide2 ul.bjqs-controls.v-centered li a {
	position: absolute;
	display: block;
	background: #fff;
	color: #051d48;
	text-decoration: none;
	width: 18px;
	height: 31px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	top: 43% !important;
}

.homepage #banner-slide ul.bjqs-controls.v-centered li a:hover, 
.homepage #banner-slide2 ul.bjqs-controls.v-centered li a:hover {
	background: #051d48;
	color: #fff;
}

.homepage #banner-slide ul.bjqs-controls.v-centered li.bjqs-next a, 
.homepage #banner-slide2 ul.bjqs-controls.v-centered li.bjqs-next a {
	right: 0;
	background: url(../img/arrow-next.png) no-repeat 0 0;
}

.homepage #banner-slide ul.bjqs-controls.v-centered li.bjqs-next a:hover, 
.homepage #banner-slide2 ul.bjqs-controls.v-centered li.bjqs-next a:hover {
	right: 0;
	background: url(../img/arrow-next.png) no-repeat 0 -31px;
}

.homepage #banner-slide ul.bjqs-controls.v-centered li.bjqs-prev a, 
.homepage #banner-slide2 ul.bjqs-controls.v-centered li.bjqs-prev a {
	left: 0;
	background: url(../img/arrow-prev.png) no-repeat 0 0;
}

.homepage #banner-slide ul.bjqs-controls.v-centered li.bjqs-prev a:hover, 
.homepage #banner-slide2 ul.bjqs-controls.v-centered li.bjqs-prev a:hover {
	left: 0;
	background: url(../img/arrow-prev.png) no-repeat 0 -31px;
}

.homepage #banner-slide ol.bjqs-markers, 
.homepage #banner-slide2 ol.bjqs-markers {
	list-style: none;
	padding: 0;
	width: 100%;
}

.homepage #banner-slide ol.bjqs-markers {
	margin: 13px 0 0 0;
}

.homepage #banner-slide2 ol.bjqs-markers {
	margin: 6px 0 0 0;
}

.homepage #banner-slide ol.bjqs-markers.h-centered, 
.homepage #banner-slide2 ol.bjqs-markers.h-centered {
	text-align: center;
}

.homepage #banner-slide ol.bjqs-markers li, 
.homepage #banner-slide2 ol.bjqs-markers li {
	display: inline;
}

.homepage #banner-slide ol.bjqs-markers li a, 
.homepage #banner-slide2 ol.bjqs-markers li a {
	display: inline-block;
	padding: 0;
	background: #051d48;
	color: #007fa3;
	margin: 5px;
	text-decoration: none;
	background: url(../img/slider-dot.png) no-repeat 0 0;
	width: 9px;
	height: 10px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}

.homepage #banner-slide ol.bjqs-markers li.active-marker a, 
.homepage #banner-slide ol.bjqs-markers li a:hover, 
.homepage #banner-slide2 ol.bjqs-markers li.active-marker a, 
.homepage #banner-slide2 ol.bjqs-markers li a:hover {
	background: #999;
	background: url(../img/slider-dot.png) no-repeat 0 -10px;
}

.homepage #banner-slide p.bjqs-caption, 
.homepage #banner-slide2 p.bjqs-caption {
	display: none;
}

@media only screen and (min-width: 420px) {
	.homepage #banner-slide p.bjqs-caption {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0 3% 0.4em;
		position: absolute;
		bottom: 0;
		color: #fff;
		box-sizing: border-box;
	}
}

@media only screen and (min-width: 1000px) {
	.homepage #banner-slide2 li:hover p.bjqs-caption {
		display: block;
		width: 100%;
		margin: 0;
		position: absolute;
		left: 0;
		bottom: 6px;
		color: #fff;
		box-sizing: border-box;
		text-transform: uppercase;
		font-size: 1em;
		font-size: 0.889em;
		line-height: 1.1;
		font-weight: normal !important;
		/*padding: 0 3% 0.4em;*/
		/*padding: 10px;*/
		padding: 8px 10px;
		background: rgba(0, 0, 0, 0.5);
	}
}

.homepage .ie8 #banner-slide p.bjqs-caption {
	left: 0;
	bottom: 0;
	background: #051d48;
	opacity: .80;
	filter: alpha(opacity=80);
}

.homepage #banner-slide p.bjqs-caption strong {
	font-size: 1em;
	line-height: 1.1;
	font-weight: normal !important;
	display: block;
	padding: 0 !important;
	background: rgba(0, 0, 0, 0.7);
}

.homepage #banner-slide p.bjqs-caption i, 
.homepage #banner-slide p.bjqs-caption b {
	overflow: hidden;
	position: absolute;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
}

.homepage .ie8 #banner-slide p.bjqs-caption i {
	overflow: visible;
	position: relative;
	clip: none;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
}

@media only screen and (min-width: 420px) {
	.homepage #banner-slide ul.bjqs p.bjqs-caption strong {
		overflow: visible;
		position: relative;
		clip: none;
		height: auto;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 0.9em;
		background: transparent;
	}
	
	.homepage #banner-slide ul.bjqs p.bjqs-caption {
		left: 0;
		padding: 0.2em 3%;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		text-shadow: none;
	}
}

@media only screen and (min-width: 500px) {
	.homepage #banner-slide ul.bjqs p.bjqs-caption strong {
		font-size: 1em;
	}
}

@media only screen and (min-width: 640px) {
	.homepage #banner-slide ul.bjqs p.bjqs-caption strong {
		font-size: 1.2em;
	}
	
	.homepage #banner-slide ul.bjqs p.bjqs-caption {
		padding: 0.5em 1.5%;
	}
}

@media only screen and (min-width: 800px) {
	.homepage #banner-slide ul.bjqs p.bjqs-caption i {
		overflow: visible;
		position: relative;
		clip: none;
		height: auto;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 0.9375em;
	}
		
	.homepage #banner-slide ul.bjqs p.bjqs-caption {
		width: 100%;
		height: auto;
		padding: 0.5em 1.5%;
	}
}

@media only screen and (min-width: 1000px) {
	.homepage #banner-slide ul.bjqs p.bjqs-caption strong {
		font-size: 1.4em;
	}
	
	.homepage #banner-slide ul.bjqs p.bjqs-caption i {
		font-size: 1em;
		line-height: 1.5em;
	}
	
	.homepage #banner-slide ul.bjqs p.bjqs-caption b {
		overflow: visible;
		position: relative;
		clip: none;
		height: auto;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 1em;
		line-height: 1.5em;
	}
	
	.homepage #banner-slide ul.bjqs p.bjqs-caption {
		padding: 1em 3%;
	}
	
	.homepage #banner-slide ul.bjqs p.bjqs-caption i:before {
		content: "\201C";  /* Left double quotation mark */
		margin-right: 2px;
		margin-left: -11px;
	}
	
	.homepage #banner-slide ul.bjqs p.bjqs-caption i:after {
		content: "\201D";  /* right double quotation mark */
		margin-left: 2px;
	}
}

@media only screen and (min-width: 1024px) {
	.homepage #banner-slide ul.bjqs p.bjqs-caption strong {
		font-size: 1.5em;
	}
}

@media only screen and (min-width: 1074px) {
	.homepage #banner-slide ul.bjqs p.bjqs-caption {
		padding: 1em 2.5%;
	}
}

/* ----- @@ intro block - homepage ----- */

.intro-block {
	padding: 1.2em 0 0;
	border-bottom: 3px solid #eee;
	text-align: center;
	margin-bottom: 3em;
}

.intro-block .col {
	width: 100%;
	max-width:850px;
	margin: 0 auto;
	float: none;
}

.responsive-2-col { /* in newsletter TOC */
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: 250px;
	-moz-column-width: 250px;
	column-width: 250px;
	-webkit-column-gap: 36px;
	-moz-column-gap: 36px;
	column-gap: 36px;
}

.responsive-2-col li { /* stops newsletter TOC list items breaking across 2 columns */
	display: inline-block;
	width: 100%;
}

/* ----- @@ testimonials block in homepage (full width each 1 of 2 ) RESTORE THESE SETTINGS WHEN WE LOSE THE WHITE PAPER ----- */

.testimonials-block {
	/*padding: 1.2em 0 0.3em 0;
	margin-bottom: 2em;*/
}

/* ----- @@ INFO BLOCKS ----- */

/* ----- @@ info blocks in pairs on a section homepage. These are coded inside the .content-col ----- */

.content-col .info-block { 
	margin-top: 36px;
	margin-bottom: 36px;
}

.content-col .info-block .span_1_of_2 { 
	margin: 1% 0 4% 0;
	margin: 10px 0 20px 0;
}

.content-col .info-block .span_1_of_2:last-child { 
	margin-bottom: 7px;
}

@media only screen and (min-width: 550px) and (max-width: 767px) {
	.content-col .info-block {
		display: -webkit-flex; /* Safari 7 */
		display: flex;
		-webkit-align-items: stretch; /* Safari 7 */
		align-items: stretch;
	}
	
	.homepage .content-col .info-block {
		display: block;
	}
		
	.content-col .info-block .span_1_of_2, 
	.content-col .info-block .span_1_of_2:last-child {
		width: 48.5%;
		margin: 10px 0 7px 3%;
		text-align: left;
	}
	
	.content-col .info-block .span_1_of_2:first-child {
		margin: 10px 0 7px 0;
	}
}

@media only screen and (min-width: 768px) {
	.content-col .info-block {
		display: -webkit-flex; /* Safari 7 */
		display: flex;
		-webkit-align-items: stretch; /* Safari 7 */
		align-items: stretch;
	}
	
	.content-col .info-block .span_1_of_2, 
	.content-col .info-block .span_1_of_2:last-child {
		margin: 10px 0 7px 3%;
	}
	
	.content-col .info-block .span_1_of_2:first-child {
		margin: 10px 0 7px 0;
	}
}

/* ----- @@ info blocks in groups of three on a section homepage. These are coded immediately after the .content-col closes. The homepage ones are inside the content-col. ----- */

.content-col + .info-block, 
.homepage .content-col .info-block, 
.content-col + .info-block + h2 + .info-block {
	margin-top: 36px;
	margin-bottom: 36px;
}

/* Our other services block at the bottom of philanthropic-giving.html */
.philanthropic .content-col + .info-block + h2 + .info-block {
	margin-top: 22px;
	margin-bottom: 36px;
}

.content-col + .info-block .span_1_of_3, 
.homepage .content-col .info-block .span_1_of_3, 
.content-col + .info-block + h2 + .info-block .span_1_of_3 {
	margin: 10px 0 20px 0;
}

.content-col + .info-block .span_1_of_3:last-child, 
.homepage .content-col .info-block .span_1_of_3:last-child, 
.content-col + .info-block + h2 + .info-block .span_1_of_3:last-child {
		margin-bottom: 13px;
	}

@media only screen and (min-width: 511px) and (max-width: 767px) {
	.content-col + .info-block .span_1_of_3, 
	.homepage .content-col .info-block .span_1_of_3, 
	.content-col + .info-block + h2 + .info-block .span_1_of_3 {
		width: 70%;
		margin: 10px 15% 20px 15%;
	}
		
	.content-col + .info-block .span_1_of_3:last-child, 
	.homepage .content-col .info-block .span_1_of_3:last-child, 
	.content-col + .info-block + h2 + .info-block .span_1_of_3:last-child {
		margin-bottom: 13px;
	}
}

@media only screen and (min-width: 768px) {
	.content-col + .info-block, 
	.homepage .content-col .info-block, 
	.content-col + .info-block + h2 + .info-block {
		display: -webkit-flex; /* Safari 7 */
		display: flex;
		-webkit-align-items: stretch; /* Safari 7 */
		align-items: stretch;
	}
	
	.content-col + .info-block .span_1_of_3, 
	.content-col + .info-block .span_1_of_3:last-child, 
	.homepage .content-col .info-block .span_1_of_3, 
	.homepage .content-col .info-block .span_1_of_3:last-child, 
	.content-col + .info-block + h2 + .info-block .span_1_of_3, 
	.content-col + .info-block + h2 + .info-block .span_1_of_3:last-child {
		margin: 10px 0 10px 3%;
	}
	
	.content-col + .info-block .span_1_of_3:first-child, 
	.homepage .content-col .info-block .span_1_of_3:first-child, 
	.content-col + .info-block + h2 + .info-block .span_1_of_3:first-child {
		margin: 10px 0 10px 0;
	}
}

.info-block .col {
	background: #eee;
	padding: 1em 1.2em 0.5em 1.2em;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #ddd;
}

@media only screen and (min-width: 768px) {
	.info-block .col {
		text-align: left;
	}
}

/* ----- @@ info blocks in group of four on Philanthropic giving section homepage. These are coded immediately after the .content-col closes. ----- */

.content-col + .info-block .span_1_of_4 {
	margin: 10px 0 20px 0;
}

.content-col + .info-block .span_1_of_4:last-child {
		margin-bottom: 13px;
	}

@media only screen and (min-width: 511px) and (max-width: 767px) {
	.content-col + .info-block .span_1_of_4 {
		width: 70%;
		margin: 10px 15% 20px 15%;
	}
		
	.content-col + .info-block .span_1_of_4:last-child {
		margin-bottom: 13px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	.content-col + .info-block {
		display: -webkit-flex; /* Safari 7 */
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.content-col + .info-block .span_1_of_4 {
		width: 100%;
		max-width: 384px;
		flex: 44%;
		margin: 15px 3% 15px 3%;
	}	
}

@media only screen and (min-width: 1024px) { 
	.content-col + .info-block {
		display: -webkit-flex; /* Safari 7 */
		display: flex;
		-webkit-align-items: stretch; /* Safari 7 */
		align-items: stretch;
	}
	
	.content-col + .info-block .span_1_of_4, 
	.content-col + .info-block .span_1_of_4:last-child {
		margin: 10px 0 10px 3%;
	}
	
	.content-col + .info-block .span_1_of_4:first-child {
		margin: 10px 0 10px 0;
	}
}

/* ----- @@ multi-row wrap variation - philanthropy page with new white paper - 2 rows of 3 ----- */

@media only screen and (min-width: 768px) { 
	.content-col + .info-block.multi-row-wrap {
        flex-wrap: wrap;
	}
	
	.content-col + .info-block.multi-row-wrap .span_1_of_3:nth-child(4) {
		margin-left: 0;
	}	
}

/* ----- @@ multi-row wrap variation - philanthropy child pages with new white paper - 2 rows of 2 ----- */

@media only screen and (min-width: 768px) { 
	.content-col .info-block.multi-row-wrap {
        flex-wrap: wrap;
	}
	
	.content-col .info-block.multi-row-wrap .span_1_of_2:nth-child(3) {
		margin-left: 0;
	}	
}


/* ----- @@ advisers block in a pair (2 of 3 and 1 of 3) on the homepage. Incorporates the people slider in 1 of 3 col. ----- */

.homepage .content-col .advisers-block  {
	margin-top: 36px;
	margin-bottom: 36px;
}

.homepage .content-col .advisers-block h3 {
	margin-top: 0;
}

.homepage .content-col .advisers-block a.button {
	margin-bottom: 0;
}

.advisers-block .col.span_2_of_3 {
	background: #eee;
	background: #fff;
	padding: 1em 1.2em 0.5em 1.2em;
	padding: 0 1.2em;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #ddd;
	border: 1px solid #fff;
}

.homepage .content-col .advisers-block .col.span_2_of_3 p:last-of-type {
	margin-bottom: 0;
}
	
.homepage .content-col .advisers-block .span_1_of_3 {
	margin: 10px 0 20px 0;
	padding-top: 1.2em;
	padding-bottom: 30px;
}

.homepage .content-col .advisers-block .span_1_of_3:last-child {
	margin-bottom: 13px;
}

@media only screen and (max-width: 767px) {
	.homepage .content-col .advisers-block .span_1_of_3 {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 511px) and (max-width: 767px) {
	.homepage .content-col .advisers-block .span_1_of_3 {
		width: 70%;
		/*margin: 10px 15% 20px 15%;*/
		margin: 20px 15% 20px 15%;
	}
		
	.homepage .content-col .advisers-block .span_1_of_3:last-child {
		margin-bottom: 13px;
	}
}

@media only screen and (min-width: 768px) {
	.homepage .content-col .advisers-block {
		display: -webkit-flex; /* Safari 7 */
		display: flex;
		-webkit-align-items: stretch; /* Safari 7 */
		align-items: stretch;
		
		display: block;
	}
	
	.homepage .content-col .advisers-block .span_1_of_3, 
	.homepage .content-col .advisers-block .span_1_of_3:last-child {
		margin: 10px 0 10px 3%;
	}
	
	.homepage .content-col .advisers-block .span_1_of_3:first-child {
		margin: 10px 0 10px 0; /* find equivalent */
	}
}

@media only screen and (min-width: 768px) {
	.info-block .col {
		text-align: left;
	}
}

/* ----- @@ testimonials block (2 of 3) in homepage with whitepaper block (1 of 3) ----- */

.testimonials-block.whitepaper .span_2_of_3 {
	border: none;
    background: #fff;
}

.testimonials-block.whitepaper #quote1 {
	margin-top: 35px;
}

.testimonials-block.whitepaper #quote2 {
	margin-top: 55px;
}


/* ----- @@ info blocks in case study pages - these flex and wrap so that layout can be 3, 2 or 1 block wide depending on device width ----- */

@media only screen and (min-width: 550px) {
	.casestudy .info-block {
		display: -webkit-flex; /* Safari 7 */
		display: flex;
		-webkit-align-items: stretch; /* Safari 7 */
		align-items: stretch;
		margin-top: 36px;
		margin-bottom: 36px;
		-webkit-flex-wrap: wrap; /* Safari 7 */
		flex-wrap: wrap;
	}
}

.casestudy .info-block .span_1_of_3 {
	background: #eee;
	padding: 1em 1.2em 0.75em 1.2em;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #ddd;
	margin: 10px 0 20px 0;
}

.casestudy .info-block .span_1_of_3 h3 {
    font-size: 1.125em;
    margin-bottom: 0;
}

.casestudy .info-block .span_1_of_3 p {
	display: none;
}

.casestudy .info-block .span_1_of_3 p.date {
	display: block;
	margin-bottom: 0;
}


@media only screen and (min-width: 511px) and (max-width: 549px) {
	.casestudy .info-block .span_1_of_3 {
		margin: 10px 15% 20px 15%;
	}
}

@media only screen and (min-width: 550px) and (max-width: 815px) {
	.casestudy .info-block .span_1_of_3 {
		text-align: left;
		width: 48.4%; /* 48.5% causes rounding error in Safari/Mac */
		margin: 10px 0 20px 3%;
	}
	
	.casestudy .info-block .span_1_of_3:last-child {
		margin-bottom: 2%;
		margin-bottom: 20px;
	}
	
	.casestudy .info-block .span_1_of_3:nth-child(2n+1) {
		margin: 10px 0 20px 0;
	}
}

@media only screen and (min-width: 816px) {
	.casestudy .info-block .span_1_of_3 {
		text-align: left;
		width: 31.2%; /* 31.33% causes rounding error in Safari/Mac */
		margin: 10px 0 20px 3%;
	}
	
	.casestudy .info-block .span_1_of_3:last-child {
		margin-bottom: 20px;
	}
		
	.casestudy .info-block .span_1_of_3:nth-child(3n+1) {
		margin: 10px 0 20px 0;
	}
}

@media only screen and (min-width: 1024px) {
	.casestudy .info-block .span_1_of_3 {
		padding: 1em 1.2em 0 1.2em;
	}
	
	.casestudy .info-block .span_1_of_3 h3 {
		font-size: 1.3125em;
		margin-bottom: 0.4em;
	}
	
	.casestudy .info-block .span_1_of_3 p {
		display: block;
	}
	
	.casestudy .info-block .span_1_of_3 p.date {
		margin-bottom: 1em;
	}
}


/*  @@ SECTION HOMEPAGE ============ */

.sectionhomepage {
	margin: 1.5em 0 0 0;
}


/*  @@ OUR PROCESS ============ */

.step {
	background: #f5f5f5;
	padding: 1em 1em 0 1em;
	margin-bottom: 1em;
	border: 1px solid #eee;
}

/*  @@ BLOG ============ */

.blogsection .info-block .span_1_of_3 {
	display:none;
}

p.loadbutton {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0;
}

#loadMore {
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
	margin: 0 auto;
	width: auto;
	padding: 0.5em;
	background: #EE6809; 
	cursor: pointer;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}

#loadMore:hover {
    background: #ccc;
	color: #051d48;
}

/*  @@ FORM ERROR ============ */

p.error-msg a { /* link that looks like a submit button - call to action on Form error page */
	width: auto;
	padding: 0.5em;
	background: #EE6809; 
	cursor: pointer;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	margin: 1em 0 2em 0;
	/*display: block;*/ /* CHECK THESE THREE LINES - CHANGED IN SEO VERSION ---------------------------------------- */
	display: inline-block;
	/*float: left;*/
}

p.error-msg a:hover {
	background: #ccc;
	color: #051d48;
}	


/*  @@ PRINT STYLESHEET  ============================================================================= */

@media print {

	* {
		background: transparent !important;
		color: #051d48 !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	
	body {
		/*font-family: 'Avenir LT W01_45 Book1475508', Arial, sans-serif;*/
		font-family: 'Avenir LT W05_45 Book', Arial, sans-serif;
	}
	
	#container {
		font-size: 14px;
	}
	
	.tagline {
		padding: 0;
		font-size: 0.9375em;
	}
	
	#main-nav-wrapper {
		display: none;
	}
	
	.subnav-col {
		display: none;
	}
	
	#footer-wrapper2 {
		position: relative;
		font-size: 0.9em;
	}
	
	footer {
		width: 100%;
		padding: 0;
	}
	
	.flexnewsletter, 
	.flexconsultation {
		display: none;
	}
	
	.ie9 .footerflex .flexabout, 
	.no-flexbox-legacy .footerflex .flexabout { /* using Modernizr to target IE10 */
		width: 100%;
	}
	
	.ie9 .footerflex .flexaddress, 
	.no-flexbox-legacy .footerflex .flexaddress { /* using Modernizr to target IE10 */
		width: 100%;
	}
	
	
	/*  @@ TYPOGRAPHY   */
	
	/* ----- @@ headings ----- */
	
	.sectionhomepage h2 {
		margin-top: 0.8em;
	}
	
	.step h2 {
		color: #EE6809 !important;
	}
	
	h2.clearfix { /* used in CEFEX page to make sure certification header clears the certificate image above */
		clear: both;
		break-before: page;
		page-break-before: always;
	}
	
	h3.newsletter-arrow-loss, 
	h3.newsletter-arrow-gain {
		padding: 0 0 5px 0;
	}
	
	span.shareprice {
		color: #EE6809 !important;
		float: left;
	}
	
	.ie9 span.shareprice {
		float: none;
	}
	
	.no-print {
		display: none;
	}
	
	a.readmore {
		display: none;
	}
	
	
	/* ----- @@ lists ----- */
	
	.content-col ul li {
		margin: 0 0 0 20px;
		padding: 0 0 5px 15px;
		list-style-type: disc;
		background: none;
	}
	
	.content-col ul.pdf li, 
	.content-col ul li.pdf {
		margin: 0 0 0 20px;
		padding: 0 0 5px 15px;
		list-style-type: disc;
		background: none;
	}
	
	.content-col ul li ul li, 
	.content-col ul li ul li ul li, 
	.content-col ul li ol li ul li, 
	.content-col ol li ul li, 
	.content-col ol li ul li ul li, 
	.content-col ol li ol li ul li {
		margin: 0 0 0 20px;
		list-style-type: disc;
		background: none;
	}
		
	.content-col ul li ol li, 
	.content-col ol li ol li, 
	.content-col ol li ol li ol li, 
	.content-col ol li ol li ol li, 
	.content-col ol li ul li ol li, 
	.content-col ol li ul li ol li {
		list-style-type: decimal;
		background: none;
	}
	
	
	/* ----- @@ blockquote ----- */
		
	blockquote:before {
		content: "\201C";  /* Left double quotation mark */
		margin: -7px 0 0 -50px;
		font-size: 100px;
		line-height: 1;
		float: left;
		font-family: Impact;
		color: #EE6809 !important;
	}
	
	blockquote cite {
		font-style: italic;
		font-weight: bold;
	}
	
	/* IMAGES */
	
	img.floatleft {
		float: left;
		margin: 7px 20px 15px 0;
	}
	
	.contactsection img.floatleft {
		float: left;
		margin: 7px 30px 20px 0;
	}
	
	img.floatright {
		float: right;
		margin: 7px 0 15px 20px;
	}
	
	.floatright2 {
		float: right;
		margin: 7px 0 15px 20px;
	}
		
	
	/* Form */	

	form .submit-row {
		padding: 0 0 0 31.33%;
	}	
	
	form label {
		width: 31.33%; 
		float: left;
		padding: 5px 3% 0 0;
	}
		
	form input {		
		width: 65.66%; 
		float: left;
	}
		
	form input.short {		
		width: 31.33%; 
		float: left;
	}
			
	form select {		
		width: calc(31.33% + 17px); 
		min-width: 210px;
		float: left;
	}
			
	form textarea {		
		width: 65.66%; 
		float: left;
	}
			
	.content-col form ul.checkboxes {
		padding: 0 0 0 31.33%;
	}
	
	.content-col form ul li {
		list-style-type: none;
	}
	
	/* Special elements */
	
	.info-block .col, 
	.casestudy .info-block .col {
		background: none;
		text-align: left;
		padding: 0;
		border: none !important;
	}
	
	.info-block .col h3, 
	.casestudy .info-block .col h3 {
		margin-top: 0.5em;
		font-size: 1.3125em;
		margin-bottom: 0.4em;
	}
	
	.info-block .col img, 
	.casestudy .info-block .col img {
		float: left;
		margin: 7px 20px 15px 0;
	}
	
	.casestudy .info-block .col p {
		display: block;
	}
	
	.info-block .col { /* keep image, header and paragraph together on same page */
		break-inside: avoid;
		page-break-inside: avoid;
	}
			
	.address .span_1_of_2 {
		width: 48.5%;
		margin: 1% 0 1% 3%;
	}
	
	.address .col.span_1_of_2:first-child {
		margin: 1% 0 1% 0;
	}
	
	.button {
		border: 1px solid #ccc;
	}
		
	/*  Homepage */
	
	.carousel {
		display: none;
	}
}