/* = Main CSS file for Energy Transition
-----------------------------------------------

	This document is used as a reset for custom HTML pages on the KPMG site. It contains:

		- General styling of typography and elements
		- Specific styling for reuable items such as carousels and buttons
		- Specific styling for each of the container elements on the page
		- Specific styling for the custom content of the page


/* = HTML / Body / Typography / Re-used Elements
----------------------------------------------- */

	* {
		-webkit-font-smoothing:antialiased;
		text-rendering: optimizeLegibility; 
	}


	/* -- HTML / Body ---------- */

		html,
		body{
		}

			html{
			}

			body{
			}

			body.js-lockscroll{
				overflow: hidden;
			}


	/* -- Header ---------- */

		.CustomHTMLPage h1,
		.CustomHTMLPage h2,
		.CustomHTMLPage h3{
			color:#00338D;
			font-family: Open Sans, Arial, Helvetica, sans-serif;
			font-size:54px;
			font-weight:normal !important;
			line-height:0.85em;
			margin:28px auto;
		}
		
		.CustomHTMLPage h3{
			font-size:32px;
		}

			@media 
			screen and (min-width:320px){
				.CustomHTMLPage h1,
				.CustomHTMLPage h2{
					font-size:34px;
				}
				.CustomHTMLPage h3{
					font-size:30px;
				}
			}

			@media 
			screen and (min-width:768px){
				.CustomHTMLPage h1{
					font-size:36px;
				}
			}

			@media 
			screen and (min-width:1200px){
				.CustomHTMLPage h1{
					font-size:64px;
				}
			}

		.CustomHTMLPage h4{
			color:#00338D;
			font-family: Open Sans, Arial, 'Helvetica', sans-serif;
			font-size:24px;
			font-weight:normal;
			line-height:1.20em;

			margin:28px auto 0px;
		}

		.CustomHTMLPage h5{
			color:#00338D;
			font-family: Open Sans, Arial, 'Helvetica', sans-serif;
			font-size:18px;
			font-weight:normal;
			line-height:1.20em;

			margin:28px auto 0px;
		}

		.CustomHTMLPage h6{
			color:#00338D;
			font-family: Open Sans, Arial, 'Helvetica', sans-serif;
			font-size:16px;
			font-weight:normal;
			line-height:1.20em;

			margin:28px auto 0px;
		}


	/* -- Paragraph ---------- */

		.CustomHTMLPage p{
			font-family: Open Sans, Arial, 'Helvetica', sans-serif;
			font-size:14px;
			font-weight:normal;
			line-height:1.35em;

			margin:14px auto;
		}

		.CustomHTMLPage p.large{
			font-size:1.25em;
		}

		.CustomHTMLPage p.small{
			font-size:0.75em;
		}


	/* -- Links / Buttons ---------- */


		/* Links */
		.CustomHTMLPage a,
		.CustomHTMLPage a:hover{
			text-decoration:none !important;

			-webkit-transition:opacity 150ms ease-in-out;
			   -moz-transition:opacity 150ms ease-in-out;
				-ms-transition:opacity 150ms ease-in-out;
				 -o-transition:opacity 150ms ease-in-out;
					transition:opacity 150ms ease-in-out;

			opacity:1.0;
		}

		.CustomHTMLPage a:hover{
			opacity:0.5;
		}


	/* -- Lists ---------- */

		.CustomHTMLPage ul,
		.CustomHTMLPage ol{
			font-size:14px;
			line-height:1.25em;

			list-style:disc;

			margin:0.75em auto;
			padding:0px 0px 0px 1.5em;
			border:0px none;
		}

		.CustomHTMLPage ol{
			list-style:decimal;
		}

			.CustomHTMLPage ul li,
			.CustomHTMLPage ol li{
				color:inherit;
				font-family:inherit;
				font-size:inherit;
				font-style:normal;
				font-weight:normal;
				line-height:inherit;

				margin:0px auto;
				padding:0.25em 0px;
			}

			.CustomHTMLPage ul ul,
			.CustomHTMLPage ol ol,
			.CustomHTMLPage ul ol,
			.CustomHTMLPage ol ul{
				margin:0.75em auto;
			}


/* = Containers
----------------------------------------------- */

	.CustomHTMLPage{
		background-color:#FFFFFF;

		width:100%;
		min-width:320px;
		height:auto;

		color:#333333;
		font-family:Arial, 'Helvetica', sans-serif;
		font-size:14px;
		font-weight:normal;
		line-height:1.25em;
		text-align:center;

		margin:0px auto !important;
		padding:0px 0px 32px;
		border:0px none;

		overflow-x:hidden !important;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

		.CustomHTMLPage__inner{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			margin:0px auto;
			padding:0px;
			border:0px none;
				overflow-x:hidden;
				overflow-y:hidden;
		}

			.CustomHTMLPage__section{
				background-color:transparent;
				background-position:center center;
				background-repeat:no-repeat;
				-webkit-background-size:cover;
				   -moz-background-size:cover;
					 -o-background-size:cover;
						background-size:cover;

				width:100%;
				height:auto;

				display:block;
				position:relative;
				clear:both;
				z-index:0;

				margin:0px auto 32px !important;
				padding:0px;
				border:0px none;

			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage__section{
					background-position:center right;
				}
			}

				.CustomHTMLPage__conatiner{
				}


/* = Navigation
----------------------------------------------- */

	a.CustomPageAnchor{
		width:100%;
		height:0px;
		
		display:block;
		position:relative;
		top:-137px;
		z-index:9999;

		visibility:hidden;
	}

	#page-download-centre a.CustomPageAnchor{
		top:-220px;
	}


/* = Navigation
----------------------------------------------- */


	/* -- Navigation ---------- */

		.AnnualReportNavigationGap{
			background-color:#005EB8;

			width:100%;
			min-width:320px;
			height:47px;

			display:block;
			position:relative;
			z-index:0;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

		.AnnualReportNavigation{
			background-color:#005EB8;

			width:100%;
			min-width:320px;
			height:47px;

			display:block;
			position:fixed;
			top:57px;
			left:0px;
			z-index:99;

			margin:0px auto;
			padding:0px 22px;
			border:0px none;
		}

		@media 
		screen and (min-width:1100px){
			.AnnualReportNavigation{
				padding:0px 45px 0px 35px;
			}
		}

		.AnnualReportNavigation::after{
			content:'';
			display:block;
			clear:both;
		}


			/* Menu Button */
			.AnnualReportNavigation__Title{
				width:auto;
				height:47px;

				position:relative;
				float:left;
				z-index:10;

				margin:0px -10px 0px 5px;
				padding:0px;
				border:0px none;
			}
				
				.AnnualReportNavigation__Title h1{
					color:#FFFFFF;
					font-size:30px;
					line-height:47px;
					font-family: "Open Sans Condensed";
					font-weight: 400;
					margin:0px auto;
				}


			/* Menu Background */
			.AnnualReportNavigation__Background{
				background:#1e49e2;

				width:100%;
				height:47px;

				display:block;
				position:absolute;
				top:0px;
				left:0px;
				z-index:5;

				margin:0px;
				padding:0px;
				border:0px none;
			}

				.AnnualReportNavigation__Background::after{
					background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 35%, rgba(0,0,0,0) 100%);
					background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0) 100%);
					background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );

					width:100%;
					height:3px;

					display:block;
					position:absolute;
					bottom:-3px;
					left:0px;

					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;

					content:'';

					opacity:0.25;
				}

			/* Links: Mobile; */
			@media 
			screen and (max-width:991px){
				.AnnualReportNavigation__container{
					max-width:none !important;
				}

					.AnnualReportNavigation__Links,
					.AnnualReportNavigation__Links.js-menulinks-active{
						width:100%;
						min-width:320px;
						height:0;

						display:block;
						position:fixed;
						left:0px;
						top:0px;
						z-index:0;

						margin:0px auto !important;
						padding:104px 0px 0px !important;
						border:0px none !important;

						-webkit-box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.05);
						box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.05);

						-webkit-transition:opacity 150ms ease-in-out, height 350ms ease-in-out;
						   -moz-transition:opacity 150ms ease-in-out, height 350ms ease-in-out;
							-ms-transition:opacity 150ms ease-in-out, height 350ms ease-in-out;
							 -o-transition:opacity 150ms ease-in-out, height 350ms ease-in-out;
								transition:opacity 150ms ease-in-out, height 350ms ease-in-out;

						overflow-x:hidden;
						overflow-y:auto;

						opacity:0;
					}

					.AnnualReportNavigation__Links.js-menulinks-active{
						height:100%;
						opacity:1.0;
					}


						/* Link Background */
						.AnnualReportNavigation__LinksBackground{
							width:100%;
							height:100%;

							display:none;
							position:fixed;
							top:0px;
							left:0px;
							z-index:0;

							margin:0px auto;
							padding:0px;
							border:0px none;
						}

						.AnnualReportNavigation__Links.js-menulinks-active .AnnualReportNavigation__LinksBackground{
							display:block;
						}


						/* Menu */
						.AnnualReportNavigation__Links ul,
						.AnnualReportNavigation__Links li{
							width:100%;
							height:auto;

							display:block;
							position:relative;
							z-index:10;

							list-style:none !important;
							text-align:left;

							margin:0px auto !important;
							padding:0px !important;
							border:0px none !important;
						}

						.AnnualReportNavigation__Links ul{
							border-bottom:1px solid #FFFFFF !important;

							-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.25);
							box-shadow:0 0 2px 0 rgba(0,0,0,0.25);
						}

							.AnnualReportNavigation__Links li{
								border-top:1px solid #FFFFFF !important;
							}

								.AnnualReportNavigation__Links li a{
									background-color:#00338D;
								
									width:auto;
									height:auto;
									min-height:40px;

									display:block;
									position:relative;
									z-index:0;

									color:#FFFFFF !important;
									font-size:15px;
									line-height:20px;

									margin:0px auto;
									padding:10px 28px 10px 14px;
									border:0px none;

									-webkit-transition:background-color 150ms ease-in-out;
									   -moz-transition:background-color 150ms ease-in-out;
										-ms-transition:background-color 150ms ease-in-out;
										 -o-transition:background-color 150ms ease-in-out;
											transition:background-color 150ms ease-in-out;
								}

								.AnnualReportNavigation__Links li a:hover,
								.AnnualReportNavigation__Links li a.active{
									opacity:1.0;

									-webkit-transition:background-color 150ms ease-in-out;
									   -moz-transition:background-color 150ms ease-in-out;
										-ms-transition:background-color 150ms ease-in-out;
										 -o-transition:background-color 150ms ease-in-out;
											transition:background-color 150ms ease-in-out;
								}


									/* Dropdown Menu */
									.AnnualReportNavigation__Links ul li ul{
										display:none;
										border-bottom:0px none !important;
									}

									.AnnualReportNavigation__Links ul li ul.active{
										display:block;
									}

										.AnnualReportNavigation__Links ul li ul li{
										}

											.AnnualReportNavigation__Links ul li ul li a{
												background-color:#0091DA;
											}


									/* Dropdown Arrow */
									.AnnualReportNavigation__Links ul li button{
										width:40px;
										height:40px;

										display:block;
										position:absolute;
										right:12px;
										top:0px;
										z-index:10;

										margin:0px auto;
										padding:0px;
										border:0px none;

										opacity:1.0;

										-webkit-transition:transform 0.25s ease-in-out;
										   -moz-transition:transform 0.25s ease-in-out;
											-ms-transition:transform 0.25s ease-in-out;
											 -o-transition:transform 0.25s ease-in-out;
												transition:transform 0.25s ease-in-out;

										-webkit-transform-origin:center center;
										   -moz-transform-origin:center center;
											-ms-transform-origin:center center;
											 -o-transform-origin:center center;
												transform-origin:center center;
									}

									/* Active State */
									.AnnualReportNavigation__Links ul li button.js-submenubutton-active{
										-webkit-transform:rotate(-180deg);
										   -moz-transform:rotate(-180deg);
											-ms-transform:rotate(-180deg);
											 -o-transform:rotate(-180deg);
												transform:rotate(-180deg);
									}

										.AnnualReportNavigation__Links ul li button:after{
											width:10px;
											height:10px;

											display:block;
											position:absolute;
											left:15px;
											top:13px;

											margin:0px auto;
											padding:0px;
											border:0px none;

											border-bottom:2px solid #FFFFFF;
											border-right:2px solid #FFFFFF;

											-webkit-transform:rotate(45deg);
											   -moz-transform:rotate(45deg);
												-ms-transform:rotate(45deg);
												 -o-transform:rotate(45deg);
													transform:rotate(45deg);

											content:'';
										}
			}


			/* Links: Desktop; */
			@media 
			screen and (min-width:992px){
				.AnnualReportNavigation__Links,
				.AnnualReportNavigation__Links ul,
				.AnnualReportNavigation__Links li{
					width:auto;
					height:47px;

					display:block;
					position:relative;
					float:left;
					z-index:20;

					list-style:none !important;

					margin:0px auto !important;
					padding:0px !important;
					border:0px none !important;
				}

				.AnnualReportNavigation__Links{
					float:right;
				}

					.AnnualReportNavigation__Links li a{
						background-color:rgba(0, 0, 0, 0);

						width:auto;
						height:47px;

						display:block;
						position:relative;

						color:#FFFFFF !important;
						font-size:14px;
						line-height:27px;

						margin:0px auto;
						padding:10px 25px;
						border:0px none;

						-webkit-transition:background-color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out;
					}

					.AnnualReportNavigation__Links li a.active,
					#page-annual-report .AnnualReportNavigation__Links li.annual-report a,
					#page-annual-report-subpage .AnnualReportNavigation__Links li.annual-report a,
					#page-business-performance .AnnualReportNavigation__Links li.business-performance a,
					#page-business-performance-subpage .AnnualReportNavigation__Links li.business-performance a,
					#page-our-impact .AnnualReportNavigation__Links li.our-impact a,
					#page-our-impact-subpage .AnnualReportNavigation__Links li.our-impact a,
					#page-people .AnnualReportNavigation__Links li.people a,
					#page-people-subpage .AnnualReportNavigation__Links li.people a,
					#page-download-centre .AnnualReportNavigation__Links li.download-centre a{
						background-color:#0091DA;
						opacity:1.0;

						-webkit-transition:background-color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out;
					}

					.AnnualReportNavigation__Links li a:hover{
						background-color:#00338D !important;
						opacity:1.0;

						-webkit-transition:background-color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out;
					}

					.AnnualReportNavigation__Links ul li button{
						display:none !important;
					}

					.AnnualReportNavigation__Links ul li ul{
						background-color:#0091DA;

						width:auto;
						height:auto;

						display:none;
						position:absolute;
						top:47px;
						left:0px;
						z-index:0;

						margin:0px auto;
						padding:0px;
						border:0px none;
					}

						.AnnualReportNavigation__Links ul li ul::after{
							background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 35%, rgba(0,0,0,0) 100%);
							background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0) 100%);
							background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0) 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );

							width:100%;
							height:3px;

							display:block;
							position:absolute;
							bottom:-3px;
							left:0px;

							z-index:0;

							margin:0px auto;
							padding:0px;
							border:0px none;

							content:'';

							opacity:0.25;
						}

					.AnnualReportNavigation__Links ul li:hover > ul{
						display:block;
						z-index:10;
					}

						.AnnualReportNavigation__Links ul li ul li{
							width:auto;
							height:auto;

							display:block;
							position:relative;
							clear:both;

							margin:0px auto;
							padding:0px;
							border:0px none;
						}

							.AnnualReportNavigation__Links ul li ul li::before,
							.AnnualReportNavigation__Links ul li ul li::after{
								width:3px;
								height:100%;

								display:block;
								position:absolute;
								bottom:0px;

								z-index:0;

								margin:0px auto;
								padding:0px;
								border:0px none;

								content:'';

								opacity:0.25;
							}

							.AnnualReportNavigation__Links ul li ul li::before{
								background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,1) 100%);
								background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,1) 100%);
								background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,1) 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );

								left:-3px;
							}

							.AnnualReportNavigation__Links ul li ul li::after{
								background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 35%, rgba(0,0,0,0) 100%);
								background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0) 100%);
								background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0) 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );

								right:-3px;
							}


							.AnnualReportNavigation__Links ul li ul li a{
								background-color: #0091DA !important;

								width:255px;
								height:auto;

								display:block;
								position:relative;

								line-height:1.20em;
								text-align:left;

								margin:0px auto;
								padding:10px 25px;
								border:0px none;
							}

							.AnnualReportNavigation__Links ul li:hover a{
								background-color:#00338D !important;
							}

							.AnnualReportNavigation__Links ul li:hover ul li a{
								background-color:#0091DA !important;
							}

							.AnnualReportNavigation__Links ul li.download-centre ul li a{
								width:155px;
							}
							
							.AnnualReportNavigation__Links ul li ul li a:hover{
								background-color: #00338D !important;
							}

			}

			@media 
			screen and (min-width:1100px){
				.AnnualReportNavigation__Links{
					display:inline-block;
					float:none;
				}
			}

			@media 
			screen and (min-width:1200px){
				.AnnualReportNavigation__Links{
					padding-right:128px !important;
				}
			}


			/* Button */
			.AnnualReportNavigation__Button,
			.AnnualReportNavigation__Button:hover{
				width:40px;
				height:47px;

				position:relative;
				float:right;
				z-index:10;

				margin:0px -10px 0px 5px;
				padding:0px;
				border:0px none;

				opacity:1.0;

				-webkit-transition:transform 0.25s ease-in-out;
				   -moz-transition:transform 0.25s ease-in-out;
					-ms-transition:transform 0.25s ease-in-out;
					 -o-transition:transform 0.25s ease-in-out;
						transition:transform 0.25s ease-in-out;

				-webkit-transform-origin:center center;
				   -moz-transform-origin:center center;
					-ms-transform-origin:center center;
					 -o-transform-origin:center center;
						transform-origin:center center;
			}

			/* Active State */
			.AnnualReportNavigation__Button.js-menubutton-active{
				-webkit-transform:rotate(-180deg);
				   -moz-transform:rotate(-180deg);
					-ms-transform:rotate(-180deg);
					 -o-transform:rotate(-180deg);
						transform:rotate(-180deg);
			}

			@media 
			screen and (max-width:991px){
				.AnnualReportNavigation__Button{
					display:block !important;
				}
			}

			@media 
			screen and (min-width:992px){
				.AnnualReportNavigation__Button{
					display:none !important;
				}
			}

				.AnnualReportNavigation__Button span,
				.AnnualReportNavigation__Button.active span {
					background-color:#FFFFFF;

					width:15px;
					height:3px;

					display:block;
					position:absolute;
					top:22px;

					border-radius:1px;
					opacity:1.0;
				}

					/* Normal State */
					.AnnualReportNavigation__Button span:nth-child(1){
						left:8px;

						-webkit-transform:rotate(45deg);
						   -moz-transform:rotate(45deg);
							-ms-transform:rotate(45deg);
							 -o-transform:rotate(45deg);
								transform:rotate(45deg);
					}

					.AnnualReportNavigation__Button span:nth-child(2){
						right:8px;

						-webkit-transform:rotate(-45deg);
						   -moz-transform:rotate(-45deg);
							-ms-transform:rotate(-45deg);
							 -o-transform:rotate(-45deg);
								transform:rotate(-45deg);
					}


/* = Page Content
----------------------------------------------- */


	/* -- Hero ---------- */
		
		.AnnualReportHero,
		.AnnualReportHero__Wrapper{
			width:100%;
			/*height:100%;*/
			/*height:100vh;*/
			/*height:calc(100vh - 104px);*/

			display:block;
			position:relative;
			z-index:10;

			margin:0px auto;
			padding:0px;
			border:0px none;

			/*animation:fadein 2s;*/
			/*-moz-animation:fadein 2s;*/
			/*-webkit-animation:fadein 2s;*/
			/*-o-animation:fadein 2s;*/
		}

			.AnnualReportHero,
			.AnnualReportHero__Wrapper{
				height:300px;
			}

			@media 
			screen and (min-width:480px){
				.AnnualReportHero,
				.AnnualReportHero__Wrapper{
					height:410px;
				}
			}

			@media 
			screen and (min-width:640px){
				.AnnualReportHero,
				.AnnualReportHero__Wrapper{
					height:520px;
				}
			}

			@media 
			screen and (min-width:768px){
				.AnnualReportHero,
				.AnnualReportHero__Wrapper{
					height:520px;
				}
			}

			@media 
			screen and (min-width:992px){
				.AnnualReportHero,
				.AnnualReportHero__Wrapper{
					height:520px;
				}
			}

			@media 
			screen and (min-width:1200px){
				.AnnualReportHero,
				.AnnualReportHero__Wrapper{
					height:640px;
				}
			}

			@media 
			screen and (min-width:1440px){
				.AnnualReportHero,
				.AnnualReportHero__Wrapper{
					height:720px;
				}
			}


				/* Text */
				.AnnualReportHero__Text{
					width:100%;
					height:auto;

					display:block;
					position:absolute;
					top:45%;
					left:0px;
					z-index:30;

					color:#FFFFFF;
					text-align:left;

					margin:0px auto;
					padding:0px 24px;
					border:0px none;

					-webkit-transform:translateY(-50%);
					   -moz-transform:translateY(-50%);
						-ms-transform:translateY(-50%);
						 -o-transform:translateY(-50%);
							transform:translateY(-50%);

				}

				@media 
				screen and (min-width:768px){
					.AnnualReportHero__Text{
						width:55%;
						top:33.3333333%;
						padding:0px 48px;
					}
				}

					.AnnualReportHero__Text h1{
						color:#FFFFFF;
						margin:0px auto;
						text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
						/*font-family: "Open Sans Condensed", Open Sans, Arial;*/
						font-family: Open Sans, Arial, Helvetica, sans-serif;
						font-weight: 700;

					}

					.AnnualReportHero__Text p{
						color:#FFFFFF;
						font-size:1.5em;
						margin-bottom:0px;
						text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
					}


				/* Panel */
				.AnnualReportHero__Panel{
					height:100%;

					display:block;
					position:relative;

					padding:32px 0px;
					border:0px none;
				}

				.AnnualReportHero__Panel--Left{
					width:60%;

					z-index:10;
					float:left;

					margin:0px -10% 0px 0px !important;
				}

				.AnnualReportHero__Panel--Right{
					width:60%;

					z-index:20;
					float:right;

					margin:0px 0px 0px -10% !important;
				}

				@media 
				screen and (min-width:768px){
					.AnnualReportHero__Panel--Right{
						width:45%;
						margin:0px 0px 0px 0px !important;
					}
				}


					.AnnualReportHero__Inner{
						width:100%;
						height:100%;

						display:block;
						position:relative;
						z-index:0;
						float:left;

						margin:0px auto;
						padding:0px;
						border:0px none;
					}

						.AnnualReportHero__MediaContainer{
							background-position:center center;
							background-repeat:no-repeat;
							-webkit-background-size:cover;
							   -moz-background-size:cover;
								 -o-background-size:cover;
									background-size:cover;

							width:100%;
							height:100%;

							display:block;
							position:absolute;
							top:50%;
							right:0px;
							z-index:20;

							margin:0px auto;
							padding:0px;
							border:0px none;

							overflow:hidden;

							-webkit-transform:translateY(-50%) scaleY(1.0);
							   -moz-transform:translateY(-50%) scaleY(1.0);
								-ms-transform:translateY(-50%) scaleY(1.0);
								 -o-transform:translateY(-50%) scaleY(1.0);
									transform:translateY(-50%) scaleY(1.0);

							-webkit-transform-origin:50% 50%;
								-ms-transform-origin:50% 50%;
									transform-origin:50% 50%;
						}

						.AnnualReportHero__Panel--Left .AnnualReportHero__MediaContainer{
							background-color:#E5E5E5;

							/*-webkit-animation:heroContainerScaleUp 5s ease-in-out forwards;*/
									/*animation:heroContainerScaleUp 5s ease-in-out forwards;*/
						}

						.AnnualReportHero__Panel--Right .AnnualReportHero__MediaContainer{
							background-color:#D5D5D5;

							height:75%;

							-webkit-transform:translateY(-50%);
							   -moz-transform:translateY(-50%);
								-ms-transform:translateY(-50%);
								 -o-transform:translateY(-50%);
									transform:translateY(-50%);

							/*-webkit-animation:heroContainerScaleDown 5s ease-in-out forwards;*/
									/*animation:heroContainerScaleDown 5s ease-in-out forwards;*/
						}

							.AnnualReportHero__MediaElement{
								background-position:center center;
								background-repeat:no-repeat;
								-webkit-background-size:cover;
								   -moz-background-size:cover;
									 -o-background-size:cover;
										background-size:cover;

								width:100%;
								height:100%;

								display:block;
								position:absolute;
								top:50%;
								left:50%;
								z-index:0;

								margin:0px auto;
								padding:0px;
								border:0px none;

								overflow:hidden;

								-webkit-transform:translateX(-50%) translateY(-50%) scale(1.0);
								   -moz-transform:translateX(-50%) translateY(-50%) scale(1.0);
									-ms-transform:translateX(-50%) translateY(-50%) scale(1.0);
									 -o-transform:translateX(-50%) translateY(-50%) scale(1.0);
										transform:translateX(-50%) translateY(-50%) scale(1.0);

								-webkit-transform-origin:50% 50%;
									-ms-transform-origin:50% 50%;
										transform-origin:50% 50%;

								-webkit-animation:heroElementScaleUp 10s ease-in-out forwards;
										animation:heroElementScaleUp 10s ease-in-out forwards;
							}

							.AnnualReportHero__Panel--Left .AnnualReportHero__MediaElement{
								background-position:left 15% center;

								-webkit-transform-origin:20% 100%;
									-ms-transform-origin:20% 100%;
										transform-origin:20% 100%;
								
							}

							.AnnualReportHero__Panel--Right .AnnualReportHero__MediaElement{
								background-position:right 15% center;

								-webkit-transform-origin:80% 100%;
									-ms-transform-origin:80% 100%;
										transform-origin:80% 100%;
							}

		.AnnualReportHero--Introduction{
			margin-bottom:-16px !important;
		}


	/* -- Page Wrapper ---------- */
		
		.AnnualReportPageWrapper{
			background-color:#FFFFFF;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

		.AnnualReportPageWrapper::after{
			display:block;
			clear:both;
			content:'';
		}


	/* -- Introduction ---------- */

		.CustomHTMLPage__Introduction{
			position:relative;
			z-index:0;

			text-align:center;
		}


	/* -- Title ---------- */

		.CustomHTMLPage__Title{
			position:relative;
			z-index:10;

			text-align:center;

			margin-bottom:-16px !important;
			padding-bottom:32px;
		}

		.CustomHTMLPage__Title--Long{
			padding-bottom:64px;
		}

			.CustomHTMLPage__Title::after{
				background-color:#00338D;

				width:2px;
				height:48px;

				display:block;
				position:absolute;
				bottom:0px;
				left:50%;

				margin:0px 0px 0px -1px;
				padding:0px;
				border:0px none;

				content:'';
			}

			.CustomHTMLPage__Title--Long::after{
				height:76px;
			}

			.CustomHTMLPage__Title--NoLine::after{
				display:none;
			}

			.CustomHTMLPage__Title h1
			.CustomHTMLPage__Title h2,
			.CustomHTMLPage__Title h3,
			.CustomHTMLPage__Title h4,
			.CustomHTMLPage__Title h5,
			.CustomHTMLPage__Title h6,
			.CustomHTMLPage__Title p{
				color:#00338D;
			}


	/* -- CTA ---------- */

		.CustomHTMLPage__CTA{
			position:relative;
			z-index:10;

			text-align:center;

			margin-top:-16px !important;
			padding-top:48px;
		}

			.CustomHTMLPage__CTA::before{
				background-color:#00338D;

				width:2px;
				height:64px;

				display:block;
				position:absolute;
				top:0px;
				left:50%;

				margin:0px 0px 0px -1px;
				padding:0px;
				border:0px none;

				content:'';
			}

			.CustomHTMLPage__CTA--back::before{
				background-color:#6D2077;
			}


	/* -- Text ---------- */

		.CustomHTMLPage__Text{
			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			text-align:left;

			margin:0px auto !important;
			margin:48px auto !important;
			border:0px none;
		}


			.CustomHTMLPage__Text ol li,
			.CustomHTMLPage__Text ul li{
				font-family: Arial, 'Helvetica', sans-serif;
			    font-size: 14px;
			    font-weight: normal;
			    line-height: 1.35em;
			}

			.CustomHTMLPage__Text img{
				width:auto;
				height:auto;
			}

			.CustomHTMLPage__Text img.fullwidth{
				width:auto;
				max-width:100%;
				height:auto;

				margin:14px auto;
			}


			/* Further Reading */
			.CustomHTMLPage__TextFurtherReading{
				background-color:#F0F0F0;

				width:100%;
				max-width:360px;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				text-align:left;

				margin:24px 0px !important;
				padding:24px !important;
				border:0px none;
			}

				.CustomHTMLPage__TextFurtherReading h6{
					margin:0px auto;
				}

				.CustomHTMLPage__TextFurtherReadingItems{
					margin-left:-10px !important;
					margin-right:-10px !important;
				}
				
				.CustomHTMLPage__TextFurtherReadingItems::after{
					display:block;
					clear:both;
					content:'';
				}

					.CustomHTMLPage__TextFurtherReadingItem{
						width:50%;
						height:auto;

						display:block;
						position:relative;
						float:left;
						z-index:0;

						text-align:left;

						margin:0px auto !important;
						padding:5px 10px !important;
						border:0px none;
					}

						.CustomHTMLPage__TextFurtherReadingItem img{
							background-color:transparent;
							background-position:center center;
							background-repeat:no-repeat;
							-webkit-background-size:cover;
							   -moz-background-size:cover;
								 -o-background-size:cover;
									background-size:cover;

							width:auto;
							height:146px;
						}

						.CustomHTMLPage__TextFurtherReadingItem p {
							background-image: url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Download--333333.svg');
							background-position: left center;
							background-repeat: no-repeat;
							background-size: 24px 24px;

							display:block;
							position:relative;

							color:#333333;
							line-height:1.1em;
							font-weight:bold;

							margin:10px auto 0px;
							padding:0px 0px 0px 32px;
							border:0px none;
						}

							.CustomHTMLPage__TextFurtherReadingItem p span{
								display:block;
								font-size:0.7em;
								font-weight:normal;
							}


	/* -- Full Width Images ---------- */

		.CustomHTMLPage__FullWidthImage{
			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			text-align:center;

			margin:14px 0px auto 0px !important;
			padding:0px !important;
			border:0px none;
		}

			.CustomHTMLPage__FullWidthImage img{
				width:100%;
				height:auto;
			}


	/* -- Small Logo Images ---------- */

		.CustomHTMLPage__Images{
			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			text-align:center;

			margin:14px 0px auto 0px !important;
			padding:0px !important;
			border:0px none;
		}

			.CustomHTMLPage__Images ul{
				width:100%;
				height:auto;

				display:block;
				position:relative;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

				.CustomHTMLPage__Images ul::after{
					content:'';
					display:block;
					clear:both;
				}

					.CustomHTMLPage__Images li{
						width:auto;
						height:auto;

						display:inline-block;
						position:relative;

						list-style:none;

						margin:15px auto 14px !important;
						padding:0px 14px !important;
						border:0px none;
					}

						.CustomHTMLPage__Images img{
							width:auto;
							height:auto;
							max-height:90px;
						}


	/* -- Video ---------- */

		.CustomHTMLPage__Video{
			background-color:#CCCCCC;
			position:relative;
			z-index:0;
			overflow:hidden;
		}


			/* Image Background */
			.CustomHTMLPage__VideoBackground{
				background-color:transparent;
				background-position:right 15% center;
				background-repeat:no-repeat;
				-webkit-background-size:cover;
				   -moz-background-size:cover;
					 -o-background-size:cover;
						background-size:cover;

				width:100%;
				height:130%;

				display:block;
				position:absolute;
				z-index:0;

				margin:0px auto !important;
				padding:0px;
				border:0px none;
			}

			.CustomHTMLPage__VideoBackground--Left{
				background-position:left 15% center;
			}

			.CustomHTMLPage__VideoBackground--Center{
				background-position:center center;
			}

			.CustomHTMLPage__VideoBackground--Right{
				background-position:right 15% center;
			}


			/* Name */
			.CustomHTMLPage__VideoName,
			.CustomHTMLPage__VideoName--Left{
				background-color: #00338D;
				
				width:auto;
				min-width:320px;
				height:auto;

				display:block;
				position:absolute;
				left:0px;
				bottom:0px;
				z-index:20;

				color:#FFFFFF !important;
				text-align:left;
				font-size:1em;
				line-height:18px;

				margin:0px none;
				padding:10px 0px 10px 25px;
				border:0px none;
			}
			
			.CustomHTMLPage__VideoName--Left{
				left:auto;
				right:0px;
			}

				.CustomHTMLPage__VideoName span{
					width:auto;
					height:auto;

					display:inline-block;
					position:relative;

					font-size:1em;
					line-height:18px;

					margin:0px;
					padding:4px 25px 4px 0px;
					border:0px none;
				}

					.CustomHTMLPage__VideoName strong{
						font-size:1em;
					}

				.CustomHTMLPage__VideoName a{
					background-image: url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Download--FFFFFF.svg');
					background-position: left center;
					background-repeat: no-repeat;
					background-size: 16px 16px;

					width:auto;
					height:auto;

					display:inline-block;
					position:relative;

					color:#FFFFFF !important;
					font-size:1em;
					line-height:18px;

					margin:0px;
					padding:4px 25px 4px 24px;
					border:0px none;
				}


			/* Image Video */
			.CustomHTMLPage__VideoImage{
				width:100%;
				height:360px;

				display:block;
				position:relative;
				z-index:10;

				text-align:left;

				margin:0px auto !important;
				padding:0px;
				border:0px none;
			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage__VideoImage{
					height:540px;
				}
				.CustomHTMLPage__VideoImage--Smaller{
					height:460px;
				}
			}

				.CustomHTMLPage__VideoImage a{
					width:100%;
					height:auto;

					display:block;
					position:absolute;
					bottom:64px;
					left:0px;
					z-index:10;

					margin:0px auto !important;
					padding:24px 0px;
					border:0px none;
				}

				@media 
				screen and (min-width:768px){
					.CustomHTMLPage__VideoImage a{
						top:50%;
						bottom:auto;

						text-align:center;

						-webkit-transform:translateY(-50%);
						   -moz-transform:translateY(-50%);
							-ms-transform:translateY(-50%);
							 -o-transform:translateY(-50%);
								transform:translateY(-50%);
					}
				}

					.CustomHTMLPage__VideoImage span{
						background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Play--FFFFFF.svg');
						background-position:center left;
						background-repeat:no-repeat;
						background-size:48px 48px;

						width:auto;
						height:48px;

						display:inline-block;
						position:relative;

						color:#FFFFFF;
						font-weight:bold;
						line-height:48px;

						margin:0px auto 14px;
						padding:0px 0px 0px 64px;
						border:0px none;

						/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);*/

						-webkit-filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.25) );
								filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.25) );
					}

					.CustomHTMLPage__VideoImage h1,
					.CustomHTMLPage__VideoImage h2,
					.CustomHTMLPage__VideoImage h3,
					.CustomHTMLPage__VideoImage h4,
					.CustomHTMLPage__VideoImage h5,
					.CustomHTMLPage__VideoImage h6{
						color:#FFFFFF;
						font-size:30px !important;
						margin:14px auto 0px;

						text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
					}

					.CustomHTMLPage__VideoImage p{
						color:#FFFFFF;
						margin: 14px auto 0px;

						text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
					}

					@media screen and (min-width:768px){
						.CustomHTMLPage__VideoImage h1,
						.CustomHTMLPage__VideoImage h2,
						.CustomHTMLPage__VideoImage h3,
						.CustomHTMLPage__VideoImage h4,
						.CustomHTMLPage__VideoImage h5,
						.CustomHTMLPage__VideoImage h6,
						.CustomHTMLPage__VideoImage p{
							margin: 28px auto 0px;
						}
					}


			/* Thumbnail Video */
			.CustomHTMLPage__VideoPlayer{
				background-color:#000000;

				width:100%;
				height:0;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto !important;
				padding:0px 0px 56.25% 0px; /* 16:9 */
				border:0px none;
			}

				.CustomHTMLPage__VideoPlayerButton,
				.CustomHTMLPage__VideoPlayerButton:hover{
					background-color:transparent;
					background-position:center center;
					background-repeat:no-repeat;
					-webkit-background-size:cover;
					   -moz-background-size:cover;
						 -o-background-size:cover;
							background-size:cover;

					width:100%;
					height:100%;

					display:block;
					position:absolute;
					top:0;
					left:0;
					z-index:10;

					margin:0px auto;
					padding:0px;
					border:0px none;

					opacity:1.0;
				}

					.CustomHTMLPage__VideoPlayerButton::before{
						background-color:transparent;
						background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Play--FFFFFF.svg');
						background-position:center center;
						background-repeat:no-repeat;
						background-size:100% 100%;


						width:50px;
						height:50px;

						display:block;
						position:absolute;
						top:50%;
						left:50%;
						z-index:20;

						margin:0px auto;
						padding:0px;
						border:0px none;

						content:'';

						opacity:0.9;

						-webkit-transform:translateX(-50%) translateY(-50%);
						   -moz-transform:translateX(-50%) translateY(-50%);
							-ms-transform:translateX(-50%) translateY(-50%);
							 -o-transform:translateX(-50%) translateY(-50%);
								transform:translateX(-50%) translateY(-50%);

						-webkit-transition:opacity 150ms ease-in-out;
						   -moz-transition:opacity 150ms ease-in-out;
							-ms-transition:opacity 150ms ease-in-out;
							 -o-transition:opacity 150ms ease-in-out;
								transition:opacity 150ms ease-in-out;

						-webkit-border-radius:50%;
						border-radius:50%;

						-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.25);
						box-shadow:0 0 2px 0 rgba(0,0,0,0.25);
					}

					@media 
					screen and (min-width:480px){
						.CustomHTMLPage__VideoPlayerButton::before{
							width:65px;
							height:65px;
						}
					}

					@media 
					screen and (min-width:768px){
						.CustomHTMLPage__VideoPlayerButton::before{
							width:80px;
							height:80px;
						}
					}

					@media 
					screen and (min-width:992px){
						.CustomHTMLPage__VideoPlayerButton::before{
							width:95px;
							height:95px;
						}
					}

					@media 
					screen and (min-width:1200px){
						.CustomHTMLPage__VideoPlayerButton::before{
							width:110px;
							height:110px;
						}
					}

					.CustomHTMLPage__VideoPlayerButton:hover::before{
						opacity:1.0;
					}

					.CustomHTMLPage__VideoPlayerButton::after,
					.CustomHTMLPage__VideoPlayerButton:hover::after{
						background-color:#000000;

						width:100%;
						height:100%;

						display:block;
						position:absolute;
						top:0;
						left:0;
						z-index:15;

						margin:0px auto;
						padding:0px;
						border:0px none;

						opacity:0.25;

						content:'';

						-webkit-transition:opacity 150ms ease-in-out;
						   -moz-transition:opacity 150ms ease-in-out;
							-ms-transition:opacity 150ms ease-in-out;
							 -o-transition:opacity 150ms ease-in-out;
								transition:opacity 150ms ease-in-out;
					}

					.CustomHTMLPage__VideoPlayerButton:hover::after{
						opacity:0.15;
					}


				.CustomHTMLPage__VideoPlayer iframe,
				.CustomHTMLPage__VideoPlayer object,
				.CustomHTMLPage__VideoPlayer video{
					width:100%;
					height:100%;

					display:block;
					position:absolute;
					top:0;
					left:0;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}


			/* Case Study Hero */
			.CustomHTMLPage__CaseStudyTitle{
				width:100%;
				height:360px;

				display:block;
				position:relative;
				z-index:10;

				text-align:left;

				margin:0px auto !important;
				padding:0px;
				border:0px none;
			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage__CaseStudyTitle{
					height:460px;
				}
			}
			
				.CustomHTMLPage__CaseStudyTitle h1,
				.CustomHTMLPage__CaseStudyTitle h2,
				.CustomHTMLPage__CaseStudyTitle h3{
					position:absolute;
					top:50%;
					left:0px;

					margin:0px auto !important;
					padding:0px !important;

					-webkit-filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.25) );
					filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.25) );

					-webkit-transform:translateY(-50%);
					   -moz-transform:translateY(-50%);
						-ms-transform:translateY(-50%);
						 -o-transform:translateY(-50%);
							transform:translateY(-50%);
				}

				.CustomHTMLPage__CaseStudyTitle h1,
				.CustomHTMLPage__CaseStudyTitle h2,
				.CustomHTMLPage__CaseStudyTitle h3{
					font-size:64px;
				}

				@media 
				screen and (min-width:768px){
					.CustomHTMLPage__CaseStudyTitle h1{
						font-size:72px;
					}
				}

				@media 
				screen and (min-width:992px){
					.CustomHTMLPage__CaseStudyTitle h1{
						font-size:96px;
					}
					.CustomHTMLPage__CaseStudyTitle h2{
						font-size:72px;
					}
					.CustomHTMLPage__CaseStudyTitle h3{
					}
				}


	/* -- Background Section ---------- */

		.CustomHTMLPage__Background{
			background-color:#F0F0F0;
			background-color:transparent;
			background-position:center center;
			background-repeat:no-repeat;
			-webkit-background-size:cover;
			   -moz-background-size:cover;
				 -o-background-size:cover;
					background-size:cover;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin-bottom:14px !important;
		}


	/* -- Caption ---------- */

		.CustomHTMLPage__Social,
		.CustomHTMLPage__Caption{
			background-color:#00A3A1;
			text-align:left;
			padding:1px 24px;
		}

			.CustomHTMLPage__Caption p{
				color:#FFFFFF !important;
			}


	/* -- Social ---------- */

		.CustomHTMLPage__Social{
			background-color:#00A3A1;
			margin-bottom:24px !important;
			padding:16px 0px;
		}


			/* Icons */
			.CustomHTMLPage__SocialIcons{
				position:relative;
			}

				.CustomHTMLPage__SocialIcons ul{
					width:auto;
					height:auto;

					display:block;
					position:relative;
					float:left;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}

				@media 
				screen and (min-width:480px){
					.CustomHTMLPage__SocialIcons ul{
						float:right;
						padding:0px;
					}
				}

				.CustomHTMLPage__SocialIcons ul::after{
					content:'';
					display:block;
					clear:both;
				}

					.CustomHTMLPage__SocialIcons li{
						width:auto;
						height:auto;

						display:block;
						position:relative;
						float:left;

						list-style:none;

						margin:0px auto !important;
						padding:0px !important;
						border:0px none;
					}

					.CustomHTMLPage__SocialIcons li:nth-child(1n+2){
						margin-left:12px !important;
					}

						.CustomHTMLPage__SocialIcons a{
							background-color:transparent;
							background-position:center center;
							background-repeat:no-repeat;
							background-size:22px 22px;

							width:32px;
							height:32px;

							display:block;
							position:relative;

							text-indent:-9999px;

							margin:0px auto !important;
							padding:0px;
							border:0px none;

							overflow:hidden;
						}

						.CustomHTMLPage__SocialIcons a.facebook{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Facebook--FFFFFF.svg');
						}

						.CustomHTMLPage__SocialIcons a.twitter{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Twitter--FFFFFF.svg');
						}

						.CustomHTMLPage__SocialIcons a.instagram{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Instagram--FFFFFF.svg');
						}

						.CustomHTMLPage__SocialIcons a.linkedin{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-LinkedIn--FFFFFF.svg');
						}

						.CustomHTMLPage__SocialIcons a.youtube{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-YouTube--FFFFFF.svg');
						}


	/* -- Tabs / Accordion ---------- */


		/* Tabs */
		.CustomHTMLPage__Tabs{
			background-color:#FFFFFF;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}


			/* Tabs */
			.CustomHTMLPage__TabsTab{
				display:none;
			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage__TabsTab{
					width:100%;
					height:auto;

					display:block;
					position:relative;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}

				.CustomHTMLPage__TabsTab::after{
					content:'';
					display:block;
					clear:both;
				}
				
					.CustomHTMLPage__TabsTab button{
						background-color:#FBF9F9;

						width:auto;
						width:25%;
						height:auto;

						display:block;
						position:relative;
						float:left;

						color:#005EB8;
						font-weight:normal;

						margin:0px auto;
						padding:20px 30px;
						border:0px none;

						cursor:pointer;

						-webkit-transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
					}

					@media
					screen and (min-width:1500px){
						.CustomHTMLPage__TabsTab button{
							/*padding:20px 80px;*/
						}
					}
				
					.CustomHTMLPage__TabsTab button:hover{
						background-color:#00338D;
						color:#FFFFFF;
					}

					.CustomHTMLPage__TabsTab button:nth-child(1n+2){
						border-left:5px solid #FFFFFF;
					}

					.CustomHTMLPage__TabsTab button.js-tab-active{
						background-color:#1e49e2;
						color:#FFFFFF;
						font-weight:bold;
					}
			}


			/* Content */
			.CustomHTMLPage__TabsContent{
				background-color:#FFFFFF;

				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

				.CustomHTMLPage__TabsItem{
					background-color:#FFFFFF;

					width:100%;
					height:auto;

					display:block;
					position:relative;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}


					/* Accordion */
					.CustomHTMLPage__TabsItemTitle{
						width:100%;
						height:auto;

						display:block;
						position:relative;
						z-index:0;

						margin:0px auto;
						padding:7px 0px 0px;
						border:0px none;
					}
					
					@media 
					screen and (min-width:992px){
						.CustomHTMLPage__TabsItemTitle{
							display:none;
						}
					}

						.CustomHTMLPage__TabsItemTitle button{
							background-color:#00338D;

							width:100%;
							height:auto;

							display:block;
							position:relative;
							z-index:0;

							color:#FFFFFF;
							font-size:12px;
							font-weight:normal;
							text-align:left;

							margin:0px auto;
							padding:14px;
							border:0px none;
						}

						.CustomHTMLPage__TabsItemTitle button:hover{
							background-color:#005EB8;
							color:#FFFFFF;
						}

						.CustomHTMLPage__TabsItemTitle button.js-tab-active{
							background-color:#005EB8;
							color:#FFFFFF;
							font-weight:bold;
						}

						.CustomHTMLPage__TabsItemTitle button::before,
						.CustomHTMLPage__TabsItemTitle button::after{
							background-color:#FFFFFF;

							display:block;
							position:absolute;

							margin:0px auto;
							padding:0px;
							border:0px none;

							content:'';

							-webkit-transform:rotate(0deg);
							-moz-transform:rotate(0deg);
							-o-transform:rotate(0deg);
							transform:rotate(0deg);

							-webkit-transition:all 0.25s ease-in-out;
							-moz-transition:all 0.25s ease-in-out;
							-o-transition:all 0.25s ease-in-out;
							transition:all 0.25s ease-in-out;

							-webkit-transform-origin:center center;
							-moz-transform-origin:center center;
							-o-transform-origin:center center;
							transform-origin:center center;
						}

						.CustomHTMLPage__TabsItemTitle button::before{
							width:14px;
							height:2px;
							right:12px;
							top:18px;
						}

						.CustomHTMLPage__TabsItemTitle button::after{
							width:2px;
							height:14px;
							right:18px;
							top:12px;
						}

						.CustomHTMLPage__TabsItemTitle button.js-tab-active::before{
							-webkit-transform:rotate(180deg);
							-moz-transform:rotate(180deg);
							-o-transform:rotate(180deg);
							transform:rotate(180deg);
						}

						.CustomHTMLPage__TabsItemTitle button.js-tab-active::after{
							-webkit-transform:rotate(90deg);
							-moz-transform:rotate(90deg);
							-o-transform:rotate(90deg);
							transform:rotate(90deg);
						}


					/* Content */
					.CustomHTMLPage__TabsItemContent{
						background-color:#00338D;

						width:100%;
						height:auto;

						display:none;
						position:relative;
						z-index:0;

						color:#FFFFFF !important;

						margin:0px auto;
						padding:0px;
						border:0px none;

						-webkit-transition:background-color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out;
					}

					.CustomHTMLPage__TabsItemContent::after{
						display:block;
						clear:both;
						content:'';
					}

					.CustomHTMLPage__TabsItemContent.js-tabcontent-active{
						background-color:#1e49e2;
						display:block;
					}

						.CustomHTMLPage__TabsItemContentStats{
							background-color:#1e49e2;

							width:100%;
							height:auto;

							display:block;
							position:relative;
							clear:both;
							z-index:10;

							color:#FFFFFF;
							text-align:center;

							margin:0px auto;
							padding:0px 32px;
							border:0px none;
						}

						@media screen and (min-width:992px){
							.CustomHTMLPage__TabsItemContentStats{
								text-align:left;
								padding:0px 64px;
							}
						}

							.CustomHTMLPage__TabsItemContentStats h1,
							.CustomHTMLPage__TabsItemContentStats h2,
							.CustomHTMLPage__TabsItemContentStats h3,
							.CustomHTMLPage__TabsItemContentStats h4,
							.CustomHTMLPage__TabsItemContentStats h5,
							.CustomHTMLPage__TabsItemContentStats h6,
							.CustomHTMLPage__TabsItemContentStats p{
								color:#FFFFFF !important;
								margin:14px auto;
							}

								.CustomHTMLPage__TabsItemContentStats p i{
									font-style:normal !important;
									font-size:0.85em;
									line-height:1.25em;
								}

							.CustomHTMLPage__TabsItemContentStats span{
								background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-TabStatistic--FFFFFF.svg');
								background-position:center left;
								background-repeat:no-repeat;
								background-size:36px 36px;

								width:auto;
								height:auto;

								display:inline-block;
								position:relative;

								color:#FFFFFF !important;
								/*font-family:'KPMG Light', Arial, Helvetica, sans-serif;*/
								font-size:45px;
								line-height:0.95em;
								
								margin:0px auto 14px;
								padding:0px 0px 0px 50px;
								border:0px none;
							}

						.CustomHTMLPage__TabsItemContentCaseStudy{
							background-color:#FBF9F9;

							width:100%;
							height:auto;

							display:block;
							position:relative;
							clear:both;
							z-index:0;

							text-align:left;

							margin:0px auto;
							padding:32px;
							border:0px none;
						}

						@media screen and (min-width:992px){
							.CustomHTMLPage__TabsItemContentCaseStudy{
								padding:64px;
							}
						}

							.CustomHTMLPage__TabsItemContentCaseStudy::after{
								background-color:#005EB8;

								width:32px;
								height:32px;

								display:block;
								position:absolute;
								top:0px;
								left:50%;
								clear:both;
								z-index:0;

								color:#FFFFFF;
								text-align:center;

								margin:0px auto;
								padding:0px;
								border:0px none;

								content:'';

								-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
								   -moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
									-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
									 -o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
										transform:translateX(-50%) translateY(-50%) rotate(45deg);
							}

							.CustomHTMLPage__TabsItemContentCaseStudy h1,
							.CustomHTMLPage__TabsItemContentCaseStudy h2,
							.CustomHTMLPage__TabsItemContentCaseStudy h3,
							.CustomHTMLPage__TabsItemContentCaseStudy h4,
							.CustomHTMLPage__TabsItemContentCaseStudy h5,
							.CustomHTMLPage__TabsItemContentCaseStudy h6{
								margin-top:0px;
							}

							.CustomHTMLPage__TabsItemContentCaseStudy img{
								width:100%;
								height:auto;
							}


		/* Image */
		.CustomHTMLPage__TabsContainer{
			position:relative;
			z-index:10;
		}

		.CustomHTMLPage__TabsImage{
			background-color:#FFFFFF;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin:24px auto 0px !important;
			padding:0px 0px 24px;
			border:0px none;
		}

		@media screen and (min-width:992px){
			.CustomHTMLPage__TabsImage{
				margin:-64px auto 0px !important;
			}
		}

			.CustomHTMLPage__TabsImage img{
				width:100%;
				height:auto;
			}


	/* -- Split Content ---------- */

		.CustomHTMLPage__LargeCaseStudySplitContent{
			width:auto;
			height:auto;

			display:block;
			position:relative;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}


			.CustomHTMLPage__LargeCaseStudySplitContentLeft,
			.CustomHTMLPage__LargeCaseStudySplitContentRight{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				float:left;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

			.CustomHTMLPage__LargeCaseStudySplitContentLeft{
				background-color:#FFFFFF;
				padding:24px 32px 36px;
			}

			.CustomHTMLPage__LargeCaseStudySplitContentRight{
			}

			@media 
			screen and (min-width:992px) and (max-width:1199px){
				.CustomHTMLPage__LargeCaseStudySplitContentLeft{
				}
				.CustomHTMLPage__LargeCaseStudySplitContentRight{
					margin-top:7px !important;
				}
			}

			@media 
			screen and (min-width:1200px){
				.CustomHTMLPage__LargeCaseStudySplitContent::before{
					background-color:#FBF9F9;

					width:100%;
					height:100%;

					display:block;
					position:absolute;
					left:0px;
					bottom:-34px;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;

					content:'';
				}

				.CustomHTMLPage__LargeCaseStudySplitContent::after{
					background-color:#FFFFFF;

					width:33.3333333333%;
					height:100%;

					display:block;
					position:absolute;
					left:0px;
					bottom:-34px;
					z-index:1;

					margin:0px auto;
					padding:0px;
					border:0px none;

					content:'';
				}
				.CustomHTMLPage__LargeCaseStudySplitContentLeft{
					width:33.3333333333%;
					z-index:10;
					padding-top:60px;
				}
				.CustomHTMLPage__LargeCaseStudySplitContentRight{
					width:66.6666666667%;
					z-index:10;
				}
			}


	/* -- Small Tabs / Accordion ---------- */

		.CustomHTMLPage__SmallTabs{
			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}


			/* Tabs */
			.CustomHTMLPage__SmallTabsTab{
				display:none;
			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage__SmallTabsTab{
					width:100%;
					height:auto;

					display:block;
					position:relative;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}

				.CustomHTMLPage__SmallTabsTab::after{
					content:'';
					display:block;
					clear:both;
				}
				
					.CustomHTMLPage__SmallTabsTab button{
						background-color:#00338D;
						color:#FFFFFF;

						width:25%;
						height:44px;

						display:block;
						position:relative;
						float:left;

						font-size:0.8em;
						font-weight:normal;
						text-align:center;

						margin:0px auto;
						padding:10px;
						border:0px none;

						cursor:pointer;

						-webkit-transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out, color 150ms ease-in-out;
					}
				
					.CustomHTMLPage__SmallTabsTab button:hover{
						background-color:#005EB8;
						color:#FFFFFF;
					}

					.CustomHTMLPage__SmallTabsTab button:nth-child(1n+2){
						width:calc(25% - 5px);
						margin-left:5px;
					}

					.CustomHTMLPage__SmallTabsTab button.js-tab-active{
						background-color:#FBF9F9;
						color:#00338D;
					}
			}


			/* Content */
			.CustomHTMLPage__SmallTabsContent{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

				.CustomHTMLPage__SmallTabsItem{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}


					/* Accordion */
					.CustomHTMLPage__SmallTabsItemTitle{
						width:100%;
						height:auto;

						display:block;
						position:relative;
						z-index:0;

						margin:7px auto 0px !important;
						padding:0px;
						border:0px none;
					}
					
					@media 
					screen and (min-width:992px){
						.CustomHTMLPage__SmallTabsItemTitle{
							display:none;
						}
					}

						.CustomHTMLPage__SmallTabsItemTitle button{
							background-color:#00338D;

							width:100%;
							height:auto;

							display:block;
							position:relative;
							z-index:0;

							color:#FFFFFF;
							font-size:12px;
							font-weight:normal;
							text-align:left;

							margin:0px auto;
							padding:14px;
							border:0px none;
						}

						.CustomHTMLPage__SmallTabsItemTitle button:hover{
							background-color:#005EB8;
							color:#FFFFFF;
						}

						.CustomHTMLPage__SmallTabsItemTitle button.js-tab-active{
							background-color:#FBF9F9;
							color:#00338D;
							font-weight:bold;
						}

						.CustomHTMLPage__SmallTabsItemTitle button::before,
						.CustomHTMLPage__SmallTabsItemTitle button::after{
							background-color:#FFFFFF;

							display:block;
							position:absolute;

							margin:0px auto;
							padding:0px;
							border:0px none;

							content:'';

							-webkit-transform:rotate(0deg);
							-moz-transform:rotate(0deg);
							-o-transform:rotate(0deg);
							transform:rotate(0deg);

							-webkit-transition:all 0.25s ease-in-out;
							-moz-transition:all 0.25s ease-in-out;
							-o-transition:all 0.25s ease-in-out;
							transition:all 0.25s ease-in-out;

							-webkit-transform-origin:center center;
							-moz-transform-origin:center center;
							-o-transform-origin:center center;
							transform-origin:center center;
						}

						.CustomHTMLPage__SmallTabsItemTitle button::before{
							width:14px;
							height:2px;
							right:12px;
							top:18px;
						}

						.CustomHTMLPage__SmallTabsItemTitle button::after{
							width:2px;
							height:14px;
							right:18px;
							top:12px;
						}

						.CustomHTMLPage__SmallTabsItemTitle button.js-tab-active::before{
							background-color:#00338D;
							-webkit-transform:rotate(180deg);
							-moz-transform:rotate(180deg);
							-o-transform:rotate(180deg);
							transform:rotate(180deg);
						}

						.CustomHTMLPage__SmallTabsItemTitle button.js-tab-active::after{
							background-color:#00338D;
							-webkit-transform:rotate(90deg);
							-moz-transform:rotate(90deg);
							-o-transform:rotate(90deg);
							transform:rotate(90deg);
						}


					/* Content */
					.CustomHTMLPage__SmallTabsItemContent{
						background-color:#FBF9F9;

						width:100%;
						height:auto;

						display:none;
						position:relative;
						z-index:0;

						margin:0px auto;
						padding:16px 32px 36px;
						border:0px none;

						-webkit-transition:background-color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out;
					}

					.CustomHTMLPage__SmallTabsItemContent::after{
						display:block;
						clear:both;
						content:'';
					}

					.CustomHTMLPage__SmallTabsItemContent.js-tabcontent-active{
						display:block;
					}
					
						.CustomHTMLPage__SmallTabsItemContent h4{
							margin:14px auto 28px !important;
							padding-top:0px;
						}
						
						/*.CustomHTMLPage__SmallTabsItemContent h4::before{
							width:100%;
							height:auto;

							display:block;
							position:relative;

							color:#000000;
							font-family:Arial, 'Helvetica', sans-serif;
							font-size:16px;
							font-weight:normal;
							line-height:1.35em;

							margin:14px auto 5px !important;
							padding:0px;
							border:0px none;

							content:'Case study';
						}*/


	/* -- Tiles ---------- */

		.CustomHTMLPage__Tiles{
			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			text-align:left;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

			.CustomHTMLPage__TileWrapper{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

			@media screen and (min-width:992px){
				.CustomHTMLPage__TileWrapper{
					padding-top:48px;
				}
			}

			.CustomHTMLPage__TileWrapper::after{
				display:block;
				clear:both;
				content:'';
			}


				.CustomHTMLPage__Tile{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					z-index:0;

					margin:0px auto;
					padding:48px;
					border:0px none;
				}
				
				.CustomHTMLPage__Tile::after{
					display:block;
					clear:both;
					content:'';
				}

				@media screen and (min-width:992px){
					.CustomHTMLPage__Tile{
						width:52%;
						height:auto;
						float:left;

						margin-top:-48px !important;
						padding:72px 48px;
					}

					.CustomHTMLPage__Tile:nth-child(2n+1){
						clear:both;
					}

					.CustomHTMLPage__Tile:nth-child(2n+2){
						width:48%;
					}

					.CustomHTMLPage__Tile:nth-child(4n+3),
					.CustomHTMLPage__Tile:nth-child(4n+4){
						float:right;
					}

					.CustomHTMLPage__Tile:nth-child(1) {
						z-index:12;
					}
					.CustomHTMLPage__Tile:nth-child(2) {
						z-index:11;
					}
					.CustomHTMLPage__Tile:nth-child(3) {
						z-index:10;
					}
					.CustomHTMLPage__Tile:nth-child(4) {
						z-index:9;
					}
					.CustomHTMLPage__Tile:nth-child(5) {
						z-index:8;
					}
					.CustomHTMLPage__Tile:nth-child(6) {
						z-index:7;
					}
					.CustomHTMLPage__Tile:nth-child(7) {
						z-index:6;
					}
					.CustomHTMLPage__Tile:nth-child(8) {
						z-index:5;
					}
					.CustomHTMLPage__Tile:nth-child(9) {
						z-index:4;
					}
					.CustomHTMLPage__Tile:nth-child(10){
						z-index:3;
					}
					.CustomHTMLPage__Tile:nth-child(11){
						z-index:2;
					}
					.CustomHTMLPage__Tile:nth-child(12){
						z-index:1;
					}
				}

					.CustomHTMLPage__TileImage{
						width:auto;
						height:auto;

						display:block;
						position:relative;
						float:left;

						margin:0px 32px 0px 0px;
						padding:0px;
						border:0px none;
					}

					.CustomHTMLPage__TileStats{
						background-position:top left;
						background-repeat:no-repeat;
						background-size:auto 120px;

						width:auto;
						height:auto;

						display:block;
						position:relative;

						text-align:left;

						margin:0px auto;
						padding:150px 0px 0px 0px;
						border:0px none;
					}

					@media screen and (min-width:480px){
						.CustomHTMLPage__TileStats{
							background-position:center left;
							background-repeat:no-repeat;
							background-size:auto 100%;

							padding:0px;
						}
					}

						.CustomHTMLPage__TileStats span{
							color:#005EB8;
						}

						.Text--White .CustomHTMLPage__TileStats span{
							color:#FFFFFF;
						}

						.CustomHTMLPage__TileStats span.StatsTitle{
							display:block;
							font-size:18px;
							line-height:1.20em;
						}
						
						@media screen and (min-width:1200px){
							.CustomHTMLPage__TileStats span.StatsTitle{
								font-size:24px;
								line-height:1.20em;
							}
						}

						.CustomHTMLPage__TileStats span.StatsValue{
							display:block;
							font-family: Open Sans, sans-serif;
							font-size:72px;
							line-height:82px;
						}
						
						@media screen and (min-width:1200px){
							.CustomHTMLPage__TileStats span.StatsValue{
								font-size:96px;
								line-height:106px;
							}
						}
						
						.CustomHTMLPage__TileStats span.StatsValue i{
							font-size:0.7em;
							font-family: Open Sans, sans-serif;
							font-size:48px;
							font-style:normal !important;
							line-height:82px;
						}

						.CustomHTMLPage__TileStats p{
							margin-top:0px;
						}


	/* -- Quote ---------- */

		.CustomHTMLPage__Quote{
			background-color:#FFFFFF;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			text-align:left;

			margin:0px auto;
			padding:32px 0px;
			border:0px none;
		}

		.CustomHTMLPage__Quote--NoImage{
			padding:0px;
		}

		@media
		screen and (min-width:768px){
			.CustomHTMLPage__LargeQuote{
				padding:128px 0px;
			}
		}


			/* Image */
			.CustomHTMLPage__QuoteImage{
				background-color:transparent;
				background-position:center center;
				background-repeat:no-repeat;
				-webkit-background-size:cover;
				   -moz-background-size:cover;
					 -o-background-size:cover;
						background-size:cover;

				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

			@media
			screen and (min-width:768px){
				.CustomHTMLPage__QuoteImage,
				.CustomHTMLPage__QuoteImage--Left{
					background-color:#CCCCCC;

					width:41.66666667%;
					height:100%;

					display:block;
					position:absolute;
					top:0px;
					left:0px;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}

				.CustomHTMLPage__QuoteImage--Right{
					left:auto;
					right:0px;
				}

				.CustomHTMLPage__QuoteImage--Large{
					background-color:#CCCCCC;

					width:90%;
					height:auto;

					display:block;
					position:relative;
					z-index:0;

					margin:0px 10%;
					padding:0px;
					border:0px none;
				}
			}

				.CustomHTMLPage__QuoteImage img{
					display:block;
				}

				@media
				screen and (min-width:768px){
					.CustomHTMLPage__QuoteImage img{
						display:none;
					}

					.CustomHTMLPage__QuoteImage--Large img{
						display:block;
					}
				}


			/* Content Block */
			.CustomHTMLPage__QuoteContainer{
			}

			@media
			screen and (min-width:768px){
				.CustomHTMLPage__QuoteContainer{
					padding:48px 0px;
				}
				.CustomHTMLPage__QuoteImage--Large + .CustomHTMLPage__QuoteContainer{
					margin-top:-64px;
					padding:0px;
				}
				.CustomHTMLPage__Quote--NoImage .CustomHTMLPage__QuoteContainer{
					padding:0px;
				}
				.CustomHTMLPage__Quote--SmallSpace{
					padding:14px 0px;
				}
			}

				.CustomHTMLPage__QuoteContent{
					background-color:#005EB8;

					display:block;
					position:relative;
					z-index:10;

					color:#FFFFFF !important;
					text-align:left;

					margin:0px auto!important;
					padding:16px 32px 16px 48px;
					border:0px none;
				}

					.CustomHTMLPage__QuoteContent h1,
					.CustomHTMLPage__QuoteContent h2,
					.CustomHTMLPage__QuoteContent h3,
					.CustomHTMLPage__QuoteContent h4,
					.CustomHTMLPage__QuoteContent h5,
					.CustomHTMLPage__QuoteContent h6,
					.CustomHTMLPage__QuoteContent p,
					.CustomHTMLPage__QuoteContent blockquote{
						color:#FFFFFF;
					}

						.CustomHTMLPage__QuoteContent blockquote h1,
						.CustomHTMLPage__QuoteContent blockquote h2,
						.CustomHTMLPage__QuoteContent blockquote h3,
						.CustomHTMLPage__QuoteContent blockquote h4,
						.CustomHTMLPage__QuoteContent blockquote h5,
						.CustomHTMLPage__QuoteContent blockquote h6,
						.CustomHTMLPage__QuoteContent blockquote p{
							font-family: Open Sans, Arial, Helvetica, sans-serif;
							font-size:26px;
							line-height:1.2em;
						}

						.CustomHTMLPage__QuoteContent blockquote.small h1,
						.CustomHTMLPage__QuoteContent blockquote.small h2,
						.CustomHTMLPage__QuoteContent blockquote.small h3,
						.CustomHTMLPage__QuoteContent blockquote.small h4,
						.CustomHTMLPage__QuoteContent blockquote.small h5,
						.CustomHTMLPage__QuoteContent blockquote.small h6,
						.CustomHTMLPage__QuoteContent blockquote.small p{
							font-family: Open Sans, Arial, Helvetica, sans-serif;
							font-size:18px;
							line-height:1.25em;
						}

						.CustomHTMLPage__QuoteContent blockquote *:last-child::after{
							content:'"';
							font-style:italic;
						}

						@media screen and (min-width:992px){
							.CustomHTMLPage__QuoteContent blockquote h1,
							.CustomHTMLPage__QuoteContent blockquote h2,
							.CustomHTMLPage__QuoteContent blockquote h3,
							.CustomHTMLPage__QuoteContent blockquote h4,
							.CustomHTMLPage__QuoteContent blockquote h5,
							.CustomHTMLPage__QuoteContent blockquote h6,
							.CustomHTMLPage__QuoteContent blockquote p{
								font-size:30px;
								line-height:1.2em;
							}

							.CustomHTMLPage__QuoteContent blockquote.small h1,
							.CustomHTMLPage__QuoteContent blockquote.small h2,
							.CustomHTMLPage__QuoteContent blockquote.small h3,
							.CustomHTMLPage__QuoteContent blockquote.small h4,
							.CustomHTMLPage__QuoteContent blockquote.small h5,
							.CustomHTMLPage__QuoteContent blockquote.small h6,
							.CustomHTMLPage__QuoteContent blockquote.small p{
								font-family:Arial, Helvetica, sans-serif;
								font-size:18px;
								line-height:1.25em;
							}
						}

					.CustomHTMLPage__QuoteContent::before,
					.CustomHTMLPage__QuoteContent::after{
						background-color:#FFFFFF;

						width:1px;
						height:18px;

						display:block;
						position:absolute;
						left:28px;
						top:24px;

						margin:0px auto;
						padding:0px;
						border:0px none;

						content:'';

						-webkit-transform:rotate(20deg);
						   -moz-transform:rotate(20deg);
							-ms-transform:rotate(20deg);
							 -o-transform:rotate(20deg);
								transform:rotate(20deg);
					}

					.CustomHTMLPage__QuoteContent::after{
						left:32px;
					}


	/* -- Large Case Studies ---------- */

		.CustomHTMLPage__LargeCaseStudy{
			background-color:#FFFFFF;

			width:100%;
			max-width:1440px;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			text-align:left;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

		@media
		screen and (min-width:768px){
			.CustomHTMLPage__LargeCaseStudy{
				padding:64px 0px 0px;
			}
		}

		@media
		screen and (min-width:992px){
			.CustomHTMLPage__LargeCaseStudy{
				padding:128px 0px;
			}
		}


			/* Image */
			.CustomHTMLPage__LargeCaseStudyImage{
				background-color:transparent;
				background-position:center center;
				background-repeat:no-repeat;
				-webkit-background-size:cover;
				   -moz-background-size:cover;
					 -o-background-size:cover;
						background-size:cover;

				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

			@media
			screen and (min-width:768px){
				.CustomHTMLPage__LargeCaseStudyImage,
				.CustomHTMLPage__LargeCaseStudyImage--Left{
					background-color:#CCCCCC;

					width:70%;
					height:70%;

					display:block;
					position:absolute;
					top:0px;
					left:0px;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}

				.CustomHTMLPage__LargeCaseStudyImage--Right{
					left:auto;
					right:0px;
				}


				.CustomHTMLPage__LargeCaseStudyImage--Tabs{
					width:60%;
				}
			}

			@media
			screen and (min-width:992px){
				.CustomHTMLPage__LargeCaseStudyImage,
				.CustomHTMLPage__LargeCaseStudyImage--Left{
					height:100%;
				}

			}

				.CustomHTMLPage__LargeCaseStudyImage img{
					display:block;
				}

				@media
				screen and (min-width:768px){
					.CustomHTMLPage__LargeCaseStudyImage img{
						display:none;
					}
				}


			/* Content Block */
			.CustomHTMLPage__LargeCaseStudyContainer{
				margin-top:-64px !important;
			}

			@media
			screen and (min-width:640px){
				.CustomHTMLPage__LargeCaseStudyContainer{
					margin-top:-128px !important;
				}
			}

			@media
			screen and (min-width:768px){
				.CustomHTMLPage__LargeCaseStudyContainer{
					margin-top:0px !important;
				}
			}

				.CustomHTMLPage__LargeCaseStudyContent{
					display:block;
					position:relative;
					z-index:10;

					text-align:left;

					margin:0px auto!important;
					padding:1px 0px;
					border:0px none;
				}

				.CustomHTMLPage__LargeCaseStudyContent--text{
					background-color:#FFFFFF;

					display:block;
					position:relative;
					z-index:10;

					text-align:left;

					margin:0px auto !important;
					padding:1px 16px;
					border:0px none;
				}

				@media
				screen and (min-width:768px){
					.CustomHTMLPage__LargeCaseStudyContent--text{
						padding:16px 32px;
					}
				}


	/* -- Small Case Studies ---------- */

		.CustomHTMLPage__SmallCaseStudies{
			background-color:#FFFFFF;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			text-align:left;

			margin:0px auto;
			padding:-48px 0px 0px;
			border:0px none;
		}

			.CustomHTMLPage__SmallCaseStudy{
				margin:48px auto 0px !important;
			}

				.CustomHTMLPage__SmallCaseStudyLink,
				.CustomHTMLPage__SmallCaseStudyLink:hover{
					width:100%;
					height:auto;

					display:block;
					position:relative;

					margin:0px auto 64px !important;
					padding:0px;
					border:0px none;

					opacity:1.0 !important;
					cursor:pointer;
				}

					.CustomHTMLPage__SmallCaseStudyImage{
						background-color:#000000;

						width:100%;
						height:auto;

						display:block;
						position:relative;
						z-index:0;

						margin:0px auto;
						padding:0px;
						border:0px none;

						overflow:hidden;
					}

						.CustomHTMLPage__SmallCaseStudyImage img,
						.CustomHTMLPage__SmallCaseStudy:hover .CustomHTMLPage__SmallCaseStudyImage img{
							background-color:transparent;
							background-position:center center;
							background-repeat:no-repeat;
							-webkit-background-size:cover;
							   -moz-background-size:cover;
								 -o-background-size:cover;
									background-size:cover;

							width:100%;
							height:auto;

							display:block;
							position:relative;

							opacity:1.0;

							-webkit-transition:transform 150ms ease-in-out, opacity 150ms ease-in-out;
							   -moz-transition:transform 150ms ease-in-out, opacity 150ms ease-in-out;
								-ms-transition:transform 150ms ease-in-out, opacity 150ms ease-in-out;
								 -o-transition:transform 150ms ease-in-out, opacity 150ms ease-in-out;
									transition:transform 150ms ease-in-out, opacity 150ms ease-in-out;

							-webkit-transform-origin:center center;
							   -moz-transform-origin:center center;
								-ms-transform-origin:center center;
								 -o-transform-origin:center center;
									transform-origin:center center;

							-webkit-transform:scale(1.0);
							   -moz-transform:scale(1.0);
								-ms-transform:scale(1.0);
								 -o-transform:scale(1.0);
									transform:scale(1.0);
						}

						.CustomHTMLPage__SmallCaseStudy:hover .CustomHTMLPage__SmallCaseStudyImage img{
							opacity:0.9;

							-webkit-transform:scale(1.1);
							   -moz-transform:scale(1.1);
								-ms-transform:scale(1.1);
								 -o-transform:scale(1.1);
									transform:scale(1.1);
						}

					.CustomHTMLPage__SmallCaseStudyContent,
					.CustomHTMLPage__SmallCaseStudy:hover .CustomHTMLPage__SmallCaseStudyContent{
						background-color:#00A3A1;

						width:90%;
						height:auto;

						display:block;
						position:absolute;
						bottom:-48px;
						left:0px;
						z-index:10;

						margin:0px auto;
						padding:2px 14px 22px 14px;
						border:0px none;

						-webkit-transition:background-color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out;
					}

					.CustomHTMLPage__SmallCaseStudy:hover .CustomHTMLPage__SmallCaseStudyContent{
						background-color:#00706F;
					}

						.CustomHTMLPage__SmallCaseStudyContent h1,
						.CustomHTMLPage__SmallCaseStudyContent h2,
						.CustomHTMLPage__SmallCaseStudyContent h3,
						.CustomHTMLPage__SmallCaseStudyContent h4,
						.CustomHTMLPage__SmallCaseStudyContent h5,
						.CustomHTMLPage__SmallCaseStudyContent h6{
							color:#FFFFFF;
							margin:7px auto;
						}
						
						.CustomHTMLPage__SmallCaseStudyContent p{
							color:#FFFFFF;
							margin:7px auto;
						}

					.CustomHTMLPage__SmallCaseStudyLink--PlayButton .CustomHTMLPage__SmallCaseStudyContent::before{
						background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Play--FFFFFF.svg');
						background-position:center left;
						background-repeat:no-repeat;
						background-size:48px 48px;

						width:auto;
						height:48px;

						display:block;
						position:absolute;
						top:-64px;
						left:16px;
						z-index:10;

						color:#FFFFFF;
						font-weight:bold;
						line-height:48px;

						margin:0px auto 14px;
						padding:0px 0px 0px 64px;
						border:0px none;

						/* text-shadow:1px 1px 1px rgba(0, 0, 0, 0.25); */
						-webkit-filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.25) );
						filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.25) );

						content:'Play film';
					}

					.CustomHTMLPage__SmallCaseStudyTranscript{
						margin:-7px auto !important;
					}
						.CustomHTMLPage__SmallCaseStudyTranscript a{
							background-image: url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Download--333333.svg');
							background-position: left center;
							background-repeat: no-repeat;
							background-size: 16px 16px;

							width:auto;
							height:auto;

							display:inline-block;
							position:relative;

							color:#333333 !important;
							font-size:0.8em !important;
							line-height:18px;

							margin:0px;
							padding:4px 25px 4px 24px;
							border:0px none;
						}


	/* -- Download ---------- */
		
		.CustomHTMLPage__Downloads{
			background-color:#FFFFFF;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin:0px auto;
			padding:16px 0px;
			border:0px none;
		}


			/* Download Item */
			.CustomHTMLPage__DownloadItem{
				background-color:#FBF9FA;
				
				width:100%;
				height:164px;

				display:block;
				position:relative;

				text-align:left;

				margin:0px auto;
				padding:28px 28px 28px 127px;
				border:0px none;
				border-top:24px solid #FFFFFF;
			}

				.CustomHTMLPage__DownloadItem img{
					background-color:transparent;
					background-position:center center;
					background-repeat:no-repeat;
					-webkit-background-size:cover;
					   -moz-background-size:cover;
						 -o-background-size:cover;
							background-size:cover;
					
					width:auto;
					height:146px;

					display:block;
					position:absolute;
					left:0px;
					top:0px;
				}

				.CustomHTMLPage__DownloadItem h6{
					display:block;
					color:#333333;
					font-size:12px;

					margin:0px auto;
				}

				@media screen and (min-width:360px){
					.CustomHTMLPage__DownloadItem h6{
						font-size:14px;
					}
				}

				@media screen and (min-width:480px){
					.CustomHTMLPage__DownloadItem h6{
						font-size:16px;
					}
				}

				.CustomHTMLPage__DownloadItem p{
					background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Download--333333.svg');
					background-position:left center;
					background-repeat:no-repeat;
					background-size:24px 24px;

					display:block;
					position:absolute;
					bottom:28px;
					left:127px;

					color:#333333;
					line-height:1.1em;
					font-weight:bold;

					margin:0px auto;
					padding-left:32px;
				}

					.CustomHTMLPage__DownloadItem p span{
						display:block;
						font-size:0.7em;
						font-weight:normal;
					}

			@media 
			screen and (min-width:768px){
				.CustomHTMLPage__DownloadItem{
					height:180px;

					padding:28px 130px 28px 28px;
					border-top:32px solid #FFFFFF;
				}

					.CustomHTMLPage__DownloadItem img{
						width:auto;
						height:146px;

						display:block;
						position:absolute;
						left:auto;
						right:14px;
						top:-14px;
					}

					.CustomHTMLPage__DownloadItem p{
						left:28px;
					}
			}

			@media 
			screen and (min-width:1200px){
				.CustomHTMLPage__DownloadItem{
					padding:28px 145px 28px 28px;
				}

			}


			/* Download Social */
			.CustomHTMLPage__DownloadSocial{
				background-color:#FBF9FA;
				
				width:100%;
				height:180px;

				display:block;
				position:relative;

				text-align:left;

				margin:0px auto;
				padding:28px;
				border:0px none;
				border-top:32px solid #FFFFFF;
			}

				.CustomHTMLPage__DownloadSocial h6{
					display:block;
					color:#333333;

					margin:0px auto;
				}

				.CustomHTMLPage__DownloadSocial p{
					position:absolute;
					bottom:54px;
					left:28px;

					color:#333333;
					line-height:1.1em;
					font-weight:bold;

					margin:0px auto;
				}

				.CustomHTMLPage__DownloadSocial ul{
					width:auto;
					height:auto;

					position:absolute;
					bottom:28px;
					left:28px;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}

				.CustomHTMLPage__DownloadSocial ul::after{
					content:'';
					display:block;
					clear:both;
				}

					.CustomHTMLPage__DownloadSocial li{
						width:auto;
						height:auto;

						display:block;
						position:relative;
						float:left;

						margin:0px auto !important;
						padding:0px !important;
						border:0px none;
					}

					.CustomHTMLPage__DownloadSocial li:nth-child(1n+2){
						margin-left:14px !important;
					}

						.CustomHTMLPage__DownloadSocial a{
							background-color:transparent;
							background-position:center center;
							background-repeat:no-repeat;
							background-size:22px 22px;

							width:22px;
							height:22px;

							display:block;
							position:relative;

							text-indent:-9999px;

							margin:0px auto !important;
							padding:0px;
							border:0px none;

							overflow:hidden;
						}

						.CustomHTMLPage__DownloadSocial a.facebook{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Facebook--333333.svg');
						}

						.CustomHTMLPage__DownloadSocial a.twitter{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Twitter--333333.svg');
						}

						.CustomHTMLPage__DownloadSocial a.instagram{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-Instagram--333333.svg');
						}

						.CustomHTMLPage__DownloadSocial a.linkedin{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-LinkedIn--333333.svg');
						}

						.CustomHTMLPage__DownloadSocial a.youtube{
							background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-YouTube--333333.svg');
						}


	/* -- Download Buttons ---------- */

		.CustomHTMLPage__DownloadButtons,
		.CustomHTMLPage__DownloadButtonsSpace{
			background-color:#FFFFFF;

			width:100%;
			min-width:320px;
			height:108px;

			display:block;
			position:relative;
			z-index:0;

			text-align:center;

			margin:0px auto;
			padding:48px 24px 14px;
			border:0px none;
		}

		.CustomHTMLPage__DownloadButtons{
			display:block;
			position:fixed;
			top:104px;
			left:0px;
			z-index:30;
		}

			.CustomHTMLPage__DownloadButtons ul{
				width:auto;
				height:auto;

				display:inline-block;
				position:relative;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

			.CustomHTMLPage__DownloadButtons ul::after{
				content:'';
				display:block;
				clear:both;
			}

				.CustomHTMLPage__DownloadButtons li{
					width:auto;
					height:auto;

					display:block;
					position:relative;
					float:left;

					margin:0px auto !important;
					padding:0px !important;
					border:0px none;
					
					border-top:1px solid #00338D;
					border-bottom:1px solid #00338D;
					border-right:1px solid #00338D;

					overflow:hidden;
				}

				.CustomHTMLPage__DownloadButtons li:nth-child(1){
					border-left:1px solid #00338D;

					-webkit-border-top-left-radius:3px;
					   -moz-border-radius-topleft:3px;
							border-top-left-radius:3px;
					-webkit-border-bottom-left-radius:3px;
					   -moz-border-radius-bottomleft:3px;
							border-bottom-left-radius:3px;
				}

				.CustomHTMLPage__DownloadButtons li:last-child{
					-webkit-border-top-right-radius:3px;
					   -moz-border-radius-topright:3px;
							border-top-right-radius:3px;
					-webkit-border-bottom-right-radius:3px;
					   -moz-border-radius-bottomright:3px;
							border-bottom-right-radius:3px;
				}

					.CustomHTMLPage__DownloadButtons a,
					.CustomHTMLPage__DownloadButtons button,
					.CustomHTMLPage__DownloadButtons button:active,
					.CustomHTMLPage__DownloadButtons button:visited,
					.CustomHTMLPage__DownloadButtons span{
						background-color:#FFFFFF;

						width:auto;
						height:auto;

						display:block;
						position:relative;

						color:#00338D;

						margin:0px auto !important;
						padding:15px 28px;
						border:0px none;
					}

					@media 
					screen and (min-width:480px){
						.CustomHTMLPage__DownloadButtons a,
						.CustomHTMLPage__DownloadButtons button,
						.CustomHTMLPage__DownloadButtons button:active,
						.CustomHTMLPage__DownloadButtons button:visited,
						.CustomHTMLPage__DownloadButtons span{
							padding:15px 40px;
						}
					}

					.CustomHTMLPage__DownloadButtons a:hover,
					.CustomHTMLPage__DownloadButtons button:hover,
					.CustomHTMLPage__DownloadButtons span:hover{
						background-color:#FBF9FA;
						color:#00338D;
					}
					.CustomHTMLPage__DownloadButtons a.js-active,
					.CustomHTMLPage__DownloadButtons button.js-active,
					.CustomHTMLPage__DownloadButtons span.js-active{
						background-color:#00338D;
						color:#FFFFFF;
					}


	/* -- Pie Charts ---------- */

		.CustomHTMLPage__Pie{
			background-color:#FFFFFF;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin:0px auto;
			padding:32px 0px;
			border:0px none;
		}


			/* Button */
			.CustomHTMLPage__PieButtons{
				width:100%;
				height:auto;

				display:block;
				position:relative;

				margin:0px auto 2px !important;
				padding:0px;
				border:0px none;
			}
				
				.CustomHTMLPage__PieButtons button{
					width:auto;
					height:auto;

					display:inline-block;
					position:relative;

					margin:0px auto;
					padding:10px 10px 10px 40px;
					border:0px none;
				}

				.CustomHTMLPage__PieButtons button:nth-child(1n+2){
					margin-left:6px;
				}

				.CustomHTMLPage__PieButton--2018{
					color:#1e49e2;
				}
				.CustomHTMLPage__PieButton--2017{
					color:#fd349c;
				}
				.CustomHTMLPage__PieButton--2016{
					color:#00A3A1;
				}

					.CustomHTMLPage__PieButtons button::before{
						width:24px;
						height:24px;

						display:block;
						position:absolute;
						top:50%;
						left:10px;

						margin:-12px auto 0px;
						padding:0px;
						border:1px solid #CCCCCC;

						-webkit-border-radius: 12px;
						-moz-border-radius: 12px;
						border-radius: 12px;

						content:'';
					}

					.CustomHTMLPage__PieButtons button.CustomHTMLPage__PieButton--2018::before{
						border-color:#1e49e2;
					}
					.CustomHTMLPage__PieButtons button.CustomHTMLPage__PieButton--2017::before{
						border-color:#fd349c;
					}
					.CustomHTMLPage__PieButtons button.CustomHTMLPage__PieButton--2016::before{
						border-color:#00A3A1;
					}

					.CustomHTMLPage__PieButtons button::after{
						background-color:#FFFFFF;

						width:18px;
						height:18px;

						display:block;
						position:absolute;
						top:50%;
						left:13px;

						margin:-9px auto 0px;
						padding:0px;
						border:0px none;

						-webkit-border-radius: 12px;
						-moz-border-radius: 12px;
						border-radius: 12px;

						content:'';

						-webkit-transition:background-color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out;
					}

					.CustomHTMLPage__PieButtons button:hover::after{
						background-color:#D9D9D9;
					}

					.CustomHTMLPage__PieButtons button.CustomHTMLPage__PieButton--2018.js-piechartbutton-active::after{
						background-color:#1e49e2;
					}
					.CustomHTMLPage__PieButtons button.CustomHTMLPage__PieButton--2017.js-piechartbutton-active::after{
						background-color:#fd349c;
					}
					.CustomHTMLPage__PieButtons button.CustomHTMLPage__PieButton--2016.js-piechartbutton-active::after{
						background-color:#00A3A1;
					}

					.CustomHTMLPage__PieButtons button.js-piechartbutton-active{
					}


			/* Charts */
			.CustomHTMLPage__PieChart{
				width:100%;
				height:auto;

				display:block;
				position:relative;

				margin:24px auto !important;
				padding:0px;
				border:0px none;

				overflow:hidden;
			}

			@media screen and (min-width:1200px){
				.CustomHTMLPage__PieChart{
					padding:0px 16px;
				}
			}


				/* Size */
				.CustomHTMLPage__PieChartSize{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}


				/* Pie */
				.CustomHTMLPage__PieChartFigure{
					width:100%;
					height:100%;

					display:block;
					position:absolute;
					top:50%;
					left:50%;

					margin:0px auto;
					padding:0px;
					border:0px none;

					-webkit-transform:translateX(-50%) translateY(-50%) scale(1.085);
					   -moz-transform:translateX(-50%) translateY(-50%) scale(1.085);
						-ms-transform:translateX(-50%) translateY(-50%) scale(1.085);
						 -o-transform:translateX(-50%) translateY(-50%) scale(1.085);
							transform:translateX(-50%) translateY(-50%) scale(1.085);
				}

				.CustomHTMLPage__PieChartFigure--2018{
					width:100%;
					height:100%;
					z-index:10;
				}

				.CustomHTMLPage__PieChartFigure--2017{
					width:84%;
					height:84%;
					z-index:20;
				}

				.CustomHTMLPage__PieChartFigure--2016{
					width:68%;
					height:68%;
					z-index:30;
				}

					.CustomHTMLPage__PieChartFigure svg{
						width:100%;
						height:100%;

						display:block;
						position:relative;

						margin:0px auto;
						padding:0px;
						border:0px none;
					}

						.CustomHTMLPage__PieChartFigure svg path{
							fill:none;
							stroke-linecap:round;
							stroke:#D9D9D9;	
						}

						.CustomHTMLPage__PieChartFigure--2018 svg path{
							stroke-width:1.2;
						}

						.CustomHTMLPage__PieChartFigure--2017 svg path{
							stroke-width:1.45;
						}

						.CustomHTMLPage__PieChartFigure--2016 svg path{
							stroke-width:1.7;
						}

						.CustomHTMLPage__PieChartFigure svg path.CustomHTMLPage__PieChartColor{
						}

						.CustomHTMLPage__PieChartFigure--2018 svg path.CustomHTMLPage__PieChartColor{
							stroke:#1e49e2;
						}

						.CustomHTMLPage__PieChartFigure--2017 svg path.CustomHTMLPage__PieChartColor{
							stroke:#fd349c;
						}

						.CustomHTMLPage__PieChartFigure--2016 svg path.CustomHTMLPage__PieChartColor{
							stroke:#00A3A1;
						}

						.CustomHTMLPage__PieChartFigure.js-piechart-active svg path.CustomHTMLPage__PieChartColor{
							animation:pieChartFillForwards 1s ease-out forwards;
						}
				

				/* Text */
				.CustomHTMLPage__PieChartText{
					width:100%;
					height:100%;

					display:block;
					position:absolute;
					top:50%;
					left:50%;
					z-index:40;

					margin:0px auto;
					padding:0px;
					border:0px none;

					-webkit-transform:translateX(-50%) translateY(-50%);
					   -moz-transform:translateX(-50%) translateY(-50%);
						-ms-transform:translateX(-50%) translateY(-50%);
						 -o-transform:translateX(-50%) translateY(-50%);
							transform:translateX(-50%) translateY(-50%);
				}

					.CustomHTMLPage__PieChartText svg{
						width:100%;
						height:100%;

						display:block;
						position:relative;

						margin:0px auto;
						padding:0px;
						border:0px none;
					}

						.CustomHTMLPage__PieChartText text{
							fill:#1e49e2;
							/*font-family:'KPMG Light';
							font-size:0.5em;*/
							font-size:0.4em;
							text-anchor:middle;
						}

						.CustomHTMLPage__PieChartText.js-pietextcolor-2018 text{
							fill:#1e49e2;
						}

						.CustomHTMLPage__PieChartText.js-pietextcolor-2017 text{
							fill:#fd349c;
						}

						.CustomHTMLPage__PieChartText.js-pietextcolor-2016 text{
							fill:#00A3A1;
						}


				/* Title */
				.CustomHTMLPage__Pie h5{
					margin-bottom:32px;
				}


	/* -- Line Charts ---------- */

		.CustomHTMLPage__Line{
			background-color:#FFFFFF;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin:0px auto;
			padding:32px 0px;
			border:0px none;
		}


			/* Button */
			.CustomHTMLPage__LineButtons{
				width:100%;
				height:auto;

				display:block;
				position:relative;

				margin:0px auto 2px !important;
				padding:0px;
				border:0px none;
			}
				
				.CustomHTMLPage__LineButtons span,
				.CustomHTMLPage__LineButtons button{
					width:auto;
					height:auto;

					display:inline-block;
					position:relative;

					margin:0px auto;
					padding:10px 10px 10px 40px;
					border:0px none;
				}
				
				.CustomHTMLPage__LineButtons span{
					display:none;
					padding-left:10px;
				}

				@media screen and (min-width:480px){
					.CustomHTMLPage__LineButtons span{
						display:inline-block;
					}
				}

				.CustomHTMLPage__LineButton--2018{
					color:#005EB8;
				}
				.CustomHTMLPage__LineButton--2017{
					color:#6D2077;
				}
				.CustomHTMLPage__LineButton--2016{
					color:#00A3A1;
				}

					.CustomHTMLPage__LineButtons button::before{
						width:24px;
						height:24px;

						display:block;
						position:absolute;
						top:50%;
						left:10px;

						margin:-12px auto 0px;
						padding:0px;
						border:1px solid #CCCCCC;

						-webkit-border-radius: 12px;
						-moz-border-radius: 12px;
						border-radius: 12px;

						content:'';
					}

					.CustomHTMLPage__LineButtons button.CustomHTMLPage__LineButton--2018::before{
						border-color:#005EB8;
					}
					.CustomHTMLPage__LineButtons button.CustomHTMLPage__LineButton--2017::before{
						border-color:#6D2077;
					}
					.CustomHTMLPage__LineButtons button.CustomHTMLPage__LineButton--2016::before{
						border-color:#00A3A1;
					}

					.CustomHTMLPage__LineButtons button::after{
						background-color:#FFFFFF;

						width:18px;
						height:18px;

						display:block;
						position:absolute;
						top:50%;
						left:13px;

						margin:-9px auto 0px;
						padding:0px;
						border:0px none;

						-webkit-border-radius: 12px;
						-moz-border-radius: 12px;
						border-radius: 12px;

						content:'';

						-webkit-transition:background-color 150ms ease-in-out;
						   -moz-transition:background-color 150ms ease-in-out;
							-ms-transition:background-color 150ms ease-in-out;
							 -o-transition:background-color 150ms ease-in-out;
								transition:background-color 150ms ease-in-out;
					}

					.CustomHTMLPage__LineButtons button:hover::after{
						background-color:#D9D9D9;
					}

					.CustomHTMLPage__LineButtons button.CustomHTMLPage__LineButton--2018.js-linechartbutton-active::after{
						background-color:#005EB8;
					}
					.CustomHTMLPage__LineButtons button.CustomHTMLPage__LineButton--2017.js-linechartbutton-active::after{
						background-color:#6D2077;
					}
					.CustomHTMLPage__LineButtons button.CustomHTMLPage__LineButton--2016.js-linechartbutton-active::after{
						background-color:#00A3A1;
					}

					.CustomHTMLPage__LineButtons button.js-linechartbutton-active{
					}


			/* Charts */
			.CustomHTMLPage__LineChart{
				width:100%;
				height:auto;

				display:block;
				clear:both;
				position:relative;

				margin:0px auto !important;
				padding:14px 0px;
				border:0px none;

				overflow:hidden;
			}

			@media 
			screen and (min-width:480px){
				.CustomHTMLPage__LineChart{
					padding:28px 0px;
				}
			}

			.CustomHTMLPage__LineChart:nth-child(1n+2){
				border-top:1px solid #D5D5D5;
			}

			.CustomHTMLPage__LineChart::after{
				display:block;
				clear:both;
				content:'';
			}


				/* Text */
				.CustomHTMLPage__LineChartTexts{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					float:left;
					z-index:0;

					text-align:left;

					margin:0px auto;
					padding:4px 0px 0px 120px;
					border:0px none;
				}

				@media 
				screen and (min-width:480px) and (max-width:767px){
					.CustomHTMLPage__LineChartTexts{
						width:50%;
					}
				}

				@media 
				screen and (min-width:768px) and (max-width:991px){
					.CustomHTMLPage__LineChartTexts{
						width:40%;
					}
				}

				@media 
				screen and (min-width:992px){
					.CustomHTMLPage__LineChartTexts{
						width:33.33333333%;
					}
				}

					.CustomHTMLPage__LineChartText{
						width:100%;
						height:auto;

						display:none;
						position:relative;
						z-index:0;

						margin:0px auto;
						padding:0px;
						border:0px none;
					}

					.CustomHTMLPage__LineChartText.js-text-active{
						display:block;
					}

					.CustomHTMLPage__LineChartText--2018{
						color:#005EB8 !important;
					}

					.CustomHTMLPage__LineChartText--2017{
						color:#6D2077 !important;
					}

					.CustomHTMLPage__LineChartText--2016{
						color:#00A3A1 !important;
					}

						.CustomHTMLPage__LineChartText span.stat{
							width:auto;
							height:auto;

							display:block;
							position:relative;
							clear:both;

							font-family:'KPMG Light', Arial, Helvetica, sans-serif;
							font-size:48px;
							line-height:0.95em;
							
							margin:0px auto;
							padding:0px;
							border:0px none;
						}

						.CustomHTMLPage__LineChartText span.desc{
							width:auto;
							height:auto;

							display:block;
							position:relative;
							clear:both;
							
							margin:0px auto;
							padding:0px;
							border:0px none;
						}


				/* Line */
				.CustomHTMLPage__LineChartLines{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					float:right;
					z-index:0;

					margin:0px auto !important;
					padding:4px 0px;
					border:0px none;
				}

				.CustomHTMLPage__LineChartLines::after{
					display:block;
					clear:both;
					content:'';
				}

				@media 
				screen and (min-width:480px) and (max-width:767px){
					.CustomHTMLPage__LineChartLines{
						width:50%;
						padding-left:24px;
					}
				}

				@media 
				screen and (min-width:768px) and (max-width:991px){
					.CustomHTMLPage__LineChartLines{
						width:60%;
						padding-left:24px;
					}
				}

				@media 
				screen and (min-width:992px){
					.CustomHTMLPage__LineChartLines{
						width:66.66666667%;
						padding-left:24px;
					}
				}

					.CustomHTMLPage__LineChartFigure{
						background-color:#D9D9D9;

						width:100%;
						height:8px;

						display:block;
						position:relative;
						float:left;
						clear:both;
						z-index:0;

						margin:4px auto !important;
						padding:0px 0px 0px 8px;
						border:0px none;

						-webkit-border-radius:4px;
						-moz-border-radius:4px;
						border-radius:4px;

						overflow:hidden;
					}

						.CustomHTMLPage__LineChartFigure--2018{
							width:60%;
						}

						.CustomHTMLPage__LineChartFigure--2017{
							width:80%;
						}

						.CustomHTMLPage__LineChartFigure--2016{
							width:100%;
						}

						@media 
						screen and (min-width:480px){
							.CustomHTMLPage__LineChartFigure--2018{
								width:100%;
							}

							.CustomHTMLPage__LineChartFigure--2017{
								width:90%;
							}

							.CustomHTMLPage__LineChartFigure--2016{
								width:80%;
							}
						}

							.CustomHTMLPage__LineChartFigure span{
								background-color:#D9D9D9;

								width:0%;
								height:8px;

								display:block;
								position:absolute;
								top:0px;
								left:0px;
								z-index:0;

								margin:0px auto !important;
								padding:0px 0px 0px 8px;
								border:0px none;

								-webkit-border-radius:4px;
								-moz-border-radius:4px;
								border-radius:4px;
							}

							.CustomHTMLPage__LineChartFigure span.js-line-active{
								-webkit-transition:width 500ms ease-out;
								   -moz-transition:width 500ms ease-out;
									-ms-transition:width 500ms ease-out;
									 -o-transition:width 500ms ease-out;
										transition:width 500ms ease-out;
							}

							.CustomHTMLPage__LineChartFigure--2018 span{
								background-color:#005EB8;
							}

							.CustomHTMLPage__LineChartFigure--2017 span{
								background-color:#6D2077;
							}

							.CustomHTMLPage__LineChartFigure--2016 span{
								background-color:#00A3A1;
							}


	/* -- Demographic Charts ---------- */


		.CustomHTMLPage__Demographics{
			width:100%;
			height:auto;

			display:block;
			position:relative;
			clear:both;

			margin:0px auto 48px !important;
			padding:0px;
			border:0px none;
		}


			/* Tabs */
			.CustomHTMLPage__DemographicsTabs{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				clear:both;

				margin:0px auto;
				padding:20px 0px;
				border:0px none;
			}

				.CustomHTMLPage__DemographicsTabs ul,
				.CustomHTMLPage__DemographicsTabs li{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					z-index:10;

					list-style:none !important;
					text-align:center;

					margin:0px auto !important;
					padding:0px !important;
					border:0px none !important;
				}

					.CustomHTMLPage__DemographicsTabs ul{
						width:calc(100% + 12px);
						margin-left:-6px !important;
						margin-right:-6px !important;
					}

						.CustomHTMLPage__DemographicsTabs li{
							display:inline-block;
							padding:0px 6px 12px !important;
						}

						@media screen and (min-width:480px){
							.CustomHTMLPage__DemographicsTabs li{
								width:50%;
							}
						}

						@media screen and (min-width:768px){
							.CustomHTMLPage__DemographicsTabs li{
								width:33.3333333333%;
							}
						}

							.CustomHTMLPage__DemographicsTabs button{
								background-color:#FFFFFF;
								
								width:100%;
								height:auto;

								display:block;
								position:relative;
								z-index:10;

								color:#333333;
								list-style:none !important;
								text-align:center;

								margin:0px auto;
								padding:10px;
								border:1px solid #CCCCCC;

								-webkit-transition:background-color 250ms ease-in-out, color 250ms ease-in-out;
								   -moz-transition:background-color 250ms ease-in-out, color 250ms ease-in-out;
									 -o-transition:background-color 250ms ease-in-out, color 250ms ease-in-out;
										transition:background-color 250ms ease-in-out, color 250ms ease-in-out;
							}

							.CustomHTMLPage__DemographicsTabs button:hover,
							.CustomHTMLPage__DemographicsTabs button.js-active{
								background-color:#00338D;
								color:#FFFFFF;
							}


			/* Graphs */
			.CustomHTMLPage__DemographicsGraphs{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				clear:both;

				text-align:left;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

			.CustomHTMLPage__DemographicsGraphs--WholeFirm{

			}

			.CustomHTMLPage__DemographicsGraphs--Breakdown{

			}

				/* Individual Graph */
				.CustomHTMLPage__DemographicsGraph{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					clear:both;

					margin:0px auto !important;
					padding:14px 64px 14px 0px;
					border:0px none;
				}

					.Demographics__Title{
						width:100%;
						height:auto;

						display:block;
						position:relative;
						clear:both;

						margin:0px auto;
						padding:0px;
						border:0px none;
					}

					.Demographics__Line{
						width:100%;
						height:8px;

						display:block;
						position:relative;
						clear:both;

						margin:0px auto;
						padding:0px;
						border:0px none;

						-webkit-border-radius:0px 4px 4px 0px;
						-moz-border-radius:0px 4px 4px 0px;
						border-radius:0px 4px 4px 0px;

						overflow:hidden;
					}

					.CustomHTMLPage__DemographicsGraphs--WholeFirm .Demographics__Line{
						height:36px;
						padding:0px;

						-webkit-border-radius:0px 18px 18px 0px;
						-moz-border-radius:0px 18px 18px 0px;
						border-radius:0px 18px 18px 0px;
					}


						/* Title */
						.Demographics__Title{
							margin-bottom:7px;
						}


						/* Grey Line */
						.Demographics__Line::after{
							background-color:#D9D9D9;

							width:100%;
							height:8px;

							display:block;
							position:relative;
							clear:both;
							z-index:0;

							margin:0px auto;
							padding:0px;
							border:0px none;

							-webkit-border-radius:0px 4px 4px 0px;
							-moz-border-radius:0px 4px 4px 0px;
							border-radius:0px 4px 4px 0px;

							overflow:hidden;

							content:'';
						}

						.CustomHTMLPage__DemographicsGraphs--WholeFirm .Demographics__Line::after{
							height:36px;

							-webkit-border-radius:0px 18px 18px 0px;
							-moz-border-radius:0px 18px 18px 0px;
							border-radius:0px 18px 18px 0px;
						}


						/* Colured Line */
						.Demographics__Colour{
							width:0%;
							height:8px;

							display:block;
							position:absolute;
							top:0px;
							z-index:10;

							margin:0px auto;
							padding:0px;
							border:0px none;

							animation-duration:500ms;
 							animation-name: demographicFillForwards;

							-webkit-transition:width 500ms ease-out;
							   -moz-transition:width 500ms ease-out;
								-ms-transition:width 500ms ease-out;
								 -o-transition:width 500ms ease-out;
									transition:width 500ms ease-out;
						}

						.Demographics__Colour{
							background-color:#00A3A1;
							left:0%;
							left:-9px;

							-webkit-border-radius:0px 4px 4px 0px;
							   -moz-border-radius:0px 4px 4px 0px;
									border-radius:0px 4px 4px 0px;
						}
					
						.CustomHTMLPage__DemographicsGraphs--WholeFirm .Demographics__Colour{
							background-color:#005EB8;
							padding:9px;
							height:36px;
						}

						.CustomHTMLPage__DemographicsGraphs--WholeFirm .Demographics__Colour{
							-webkit-border-radius:0px 18px 18px 0px;
							   -moz-border-radius:0px 18px 18px 0px;
									border-radius:0px 18px 18px 0px;
						}


						/* Label */
						.CustomHTMLPage__DemographicsGraphs--WholeFirm .Demographics__Label{
							width:64px;
							height:36px;

							display:block;
							position:absolute;
							top:0px;
							z-index:20;

							color:#FFFFFF;
							font-weight:bold;
							line-height:36px;

							margin:0px auto;
							padding:0px;
							border:0px none;
						}

						.CustomHTMLPage__DemographicsGraphs--WholeFirm .Demographics__Label{
							color:#005EB8;
							right:8px;
						}


						/* Stats */
						.Demographics__Stat{
							width:56px;
							height:36px;

							display:block;
							position:absolute;
							right:0px;
							bottom:0px;
							z-index:0;

							color:#00A3A1;
							font-family:'KPMG Light', Arial, Helvetica, sans-serif !important;
							font-size:30px !important;
							font-weight:normal !important;
							line-height:1.0em !important;
							text-align:center !important;

							margin:0px auto;
							padding:5px 0px;
							border:0px none;
						}

						.CustomHTMLPage__DemographicsGraphs--WholeFirm .Demographics__Stat{
							color:#005EB8;
							font-size:40px !important;
							bottom:14px;
							padding:0px;
						}


						/* Info */
						.CustomHTMLPage__DemographicsInfo{
							text-align:left;
							padding-top:10px;
						}




/* = Re-use Classes / Items
----------------------------------------------- */


	/* -- JavaScript Message ---------- */
		
		.JavaScriptMessage{
			background:#f3e5e5;

			width:100%;
			min-width:320px;
			height:auto;

			display:block;
			position:fixed;
			bottom:0px;
			left:0px;
			z-index:9999;

			color:#880000 !important;
			font-size:12px !important;
			font-weight:bold !important;
			text-align:center !important;

			margin:0px auto;
			padding:14px;
			border:0px none;

			-webkit-box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.05);
			box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.05);
		}


	/* -- Lightbox Video Player ---------- */
		
		.LightboxVideo{
			width:100%;
			min-width:320px;
			height:100%;

			display:none;
			position:fixed;
			top:0px;
			left:0px;

			z-index:9999;

			margin:0px auto;
			padding:30px;
			border:0px none;
		}
			
			.LightboxVideo__Overlay{
				background-color:#000000;

				width:100%;
				min-width:320px;
				height:100%;

				display:block;
				position:absolute;
				top:0px;
				left:0px;

				z-index:0;

				margin:0px auto;
				padding:30px;
				border:0px none;

				opacity:0.9;
			}
			
			.LightboxVideo__Wrapper{
				width:100%;
				min-width:320px;
				height:auto;

				display:block;
				position:absolute;
				top:50%;
				left:50%;
				z-index:10;

				margin:0px auto;
				padding:0px;
				border:0px none;

				-webkit-transform:translateX(-50%) translateY(-50%);
				   -moz-transform:translateX(-50%) translateY(-50%);
					-ms-transform:translateX(-50%) translateY(-50%);
					 -o-transform:translateX(-50%) translateY(-50%);
						transform:translateX(-50%) translateY(-50%);
			}

				.LightboxVideo__Close{
					background-color:rgba(255, 255, 255, 0);
					width:44px;
					height:44px;

					position:absolute;
					top:5px;
					right:30px;
					z-index:90;

					margin:0px auto;
					padding:14px;
					border:0px none;
				}

				@media 
				screen and (min-width:992px){
					.LightboxVideo__Close{
						padding:10px;
					}
				}
				
				.LightboxVideo__Close:hover{
					opacity:0.5;
				}


					.LightboxVideo__Close span{
						width:100%;
						height:100%;

						display:block;
						position:relative;
					}

						.LightboxVideo__Close span::before,
						.LightboxVideo__Close span::after{
							background-color:#FFFFFF;

							width:100%;
							height:2px;

							display:block;
							position:absolute;
							top:50%;
							left:50%;

							margin:0px auto;
							padding:0px;
							border:0px none;

							-webkit-border-radius: 1px;
							-moz-border-radius: 1px;
							border-radius: 1px;
							opacity:1.0;

							content:'';

							-webkit-transition:all 0.25s ease-in-out;
							   -moz-transition:all 0.25s ease-in-out;
								 -o-transition:all 0.25s ease-in-out;
									transition:all 0.25s ease-in-out;

							-webkit-transform-origin:center center;
							   -moz-transform-origin:center center;
								-ms-transform-origin:center center;
								 -o-transform-origin:center center;
									transform-origin:center center;
						}

						.LightboxVideo__Close span::before{
							-webkit-transform:translateX(-50%) translateY(-50%) rotate(135deg);
							   -moz-transform:translateX(-50%) translateY(-50%) rotate(135deg);
								-ms-transform:translateX(-50%) translateY(-50%) rotate(135deg);
								 -o-transform:translateX(-50%) translateY(-50%) rotate(135deg);
									transform:translateX(-50%) translateY(-50%) rotate(135deg);
						}

						.LightboxVideo__Close span::after{
							-webkit-transform:translateX(-50%) translateY(-50%) rotate(-135deg);
							   -moz-transform:translateX(-50%) translateY(-50%) rotate(-135deg);
								-ms-transform:translateX(-50%) translateY(-50%) rotate(-135deg);
								 -o-transform:translateX(-50%) translateY(-50%) rotate(-135deg);
									transform:translateX(-50%) translateY(-50%) rotate(-135deg);
						}


				.LightboxVideo__Player{
				}


	/* -- Slick Slider ----------- */

		.slick-slider{
			z-index:0;
			padding-bottom:50px;
		}

			.slick-list{
				clear:both;
				margin-left:-24px !important;
				margin-right:-24px !important;
			}


		/* Slick Dots Navigation */

			ul.slick-dots{
				width:100%;
				height:auto;

				display:block;
				position:absolute;
				left:50%;
				bottom:0px;
				z-index:0;

				margin:0px auto !important;
				padding:0px 40px;
				border:0px none;

				-webkit-transform:translateX(-50%) translateY(-50%);
				   -moz-transform:translateX(-50%) translateY(-50%);
					-ms-transform:translateX(-50%) translateY(-50%);
					 -o-transform:translateX(-50%) translateY(-50%);
						transform:translateX(-50%) translateY(-50%);
			}

				ul.slick-dots li{
					background-color:#FFFFFF;

					width:11px;
					height:11px;

					display:inline-block;
					position:relative;

					margin:4px;
					padding:0px;
					border:1px solid #00338D;

					cursor:pointer;

					overflow:hidden;

					-webkit-border-radius:10px;
					border-radius:10px;

					-webkit-transition:all 250ms ease-in-out;
					   -moz-transition:all 250ms ease-in-out;
						-ms-transition:all 250ms ease-in-out;
						 -o-transition:all 250ms ease-in-out;
							transition:all 250ms ease-in-out;
				}

				ul.slick-dots li:hover,
				ul.slick-dots li.slick-active{
					background-color:#00338D;
				}

					ul.slick-dots button,
					ul.slick-dots button:hover,
					ul.slick-dots button:active,
					ul.slick-dots button:visited{
						background:transparent;

						width:100%;
						height:100%;

						display:block;
						position:relative;

						text-indent:-9999px;

						margin:0px !important;
						padding:0px;
						border:0px none;

						overflow:hidden;
					}


		/* Slick Arrow Navigation */

			button.slick-prev,
			button.slick-next{
				background-color:#FFFFFF;
				background-image:url('../../annual-review-2018/template/icon-ChevronRight--333333.svg');
				background-position:center center;
				background-repeat:no-repeat;
				background-size:100% 100%;

				width:30px;
				height:30px;

				display:block;
				position:absolute;
				bottom:5px;
				z-index:10;

				margin:0px auto !important;
				padding:0px;
				border:0px none;

				overflow:hidden;
				text-indent:-9999px;
			}

			button.slick-prev{
				left:14px;

				-webkit-transform:rotate(-180deg);
				   -moz-transform:rotate(-180deg);
					-ms-transform:rotate(-180deg);
					 -o-transform:rotate(-180deg);
						transform:rotate(-180deg);
			}

			button.slick-next{
				right:14px;
			}

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

				button.slick-prev,
				button.slick-next{
					bottom:auto;
					top:50%;
					top:calc(50% - 20px);
				}

				button.slick-prev{
					left:-30px;

					-webkit-transform:translateY(-50%) rotate(-180deg);
					   -moz-transform:translateY(-50%) rotate(-180deg);
						-ms-transform:translateY(-50%) rotate(-180deg);
						 -o-transform:translateY(-50%) rotate(-180deg);
							transform:translateY(-50%) rotate(-180deg);
				}

				button.slick-next{
					right:-30px;

					-webkit-transform:translateY(-50%);
					   -moz-transform:translateY(-50%);
						-ms-transform:translateY(-50%);
						 -o-transform:translateY(-50%);
							transform:translateY(-50%);
				}

			}


	/* -- Buttons ----------- */

		.btn{
			background-color:#1e49e2;
			background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-ChevronRight--FFFFFF.svg');
			background-position:right 10px center;
			background-repeat:no-repeat;
			background-size:20px 20px;

			width:auto;
			height:auto;

			display:inline-block;
			position:relative;

			color:#FFFFFF !important;

			margin:2px auto !important;
			padding:12px 44px 12px 24px;
			border:0px none;
		}

		.btn--back{
			background-color:#6D2077;
			background-image:url('https://assets.kpmg.com/content/dam/kpmg/uk/images/2018/11/annual-review-2018/template/icon-ChevronLeft--FFFFFF.svg');
			background-position:left 10px center;
			padding:12px 24px 12px 44px;
		}


	/* -- Background Colours ----------- */

		.background--KPMGBlue{
			background-color:#00338D !important; /* Pantone 287 */
		}
		
		.background--PrimaryBlue{
			background-color:#1e49e2 !important;
		}

		.background--MediumBlue{
			background-color:#005EB8 !important;
		}

		.background--LightBlue{
			background-color:#0091DA !important;
		}

		.background--Violet{
			background-color:#483698 !important;
		}

		.background--Purple{
			background-color:#470A68 !important;
		}

		.background--LightPurple{
			background-color:#6D2077 !important;
		}

		.background--KPMGGreen{
			background-color:#00A3A1 !important;
		}
		
		.background--PrimaryPink{
			background-color:#fd349c !important;
		}
		
		.background--PacificBlue{
			background-color:#00bbf5 !important;
		}
		
		.background--Green{
			background-color:#009A44 !important;
		}

		.background--LightGreen{
			background-color:#43B02A !important;
		}

		.background--Yellow{
			background-color:#EAAA00 !important;
		}

		.background--Orange{
			background-color:#F68D2E !important;
		}

		.background--Red{
			background-color:#BC204B !important;
		}

		.background--Pink{
			background-color:#C6007E !important;
		}

		.background--Grey{
			background-color:#F0F0F0 !important;
		}

		.background--White{
			background-color:#FFFFFF !important;
		}


	/* -- Text Alignment ----------- */

		.text--Left{
			text-align:left;
		}

		.text--Right{
			text-align:right;
		}

		.text--Center{
			text-align:center;
		}


	/* -- Text Colours ----------- */

		.text--KPMGBlue,
		.text--KPMGBlue h1,
		.text--KPMGBlue h2,
		.text--KPMGBlue h3,
		.text--KPMGBlue h4,
		.text--KPMGBlue h5,
		.text--KPMGBlue h6,
		.text--KPMGBlue ul,
		.text--KPMGBlue li,
		.text--KPMGBlue p{
			color:#00338D !important;
		}

		.text--MediumBlue,
		.text--MediumBlue h1,
		.text--MediumBlue h2,
		.text--MediumBlue h3,
		.text--MediumBlue h4,
		.text--MediumBlue h5,
		.text--MediumBlue h6,
		.text--MediumBlue ul,
		.text--MediumBlue li,
		.text--MediumBlue p{
			color:#005EB8 !important;
		}

		.text--LightBlue,
		.text--LightBlue h1,
		.text--LightBlue h2,
		.text--LightBlue h3,
		.text--LightBlue h4,
		.text--LightBlue h5,
		.text--LightBlue h6,
		.text--LightBlue ul,
		.text--LightBlue li,
		.text--LightBlue p{
			color:#0091DA !important;
		}

		.text--Violet,
		.text--Violet h1,
		.text--Violet h2,
		.text--Violet h3,
		.text--Violet h4,
		.text--Violet h5,
		.text--Violet h6,
		.text--Violet ul,
		.text--Violet li,
		.text--Violet p{
			color:#483698 !important;
		}

		.text--Purple,
		.text--Purple h1,
		.text--Purple h2,
		.text--Purple h3,
		.text--Purple h4,
		.text--Purple h5,
		.text--Purple h6,
		.text--Purple ul,
		.text--Purple li,
		.text--Purple p{
			color:#470A68 !important;
		}

		.text--LightPurple,
		.text--LightPurple h1,
		.text--LightPurple h2,
		.text--LightPurple h3,
		.text--LightPurple h4,
		.text--LightPurple h5,
		.text--LightPurple h6,
		.text--LightPurple ul,
		.text--LightPurple li,
		.text--LightPurple p{
			color:#6D2077 !important;
		}

		.text--KPMGGreen,
		.text--KPMGGreen h1,
		.text--KPMGGreen h2,
		.text--KPMGGreen h3,
		.text--KPMGGreen h4,
		.text--KPMGGreen h5,
		.text--KPMGGreen h6,
		.text--KPMGGreen ul,
		.text--KPMGGreen li,
		.text--KPMGGreen p{
			color:#00A3A1 !important;
		}

		.text--Green,
		.text--Green h1,
		.text--Green h2,
		.text--Green h3,
		.text--Green h4,
		.text--Green h5,
		.text--Green h6,
		.text--Green ul,
		.text--Green li,
		.text--Green p{
			color:#009A44 !important;
		}

		.text--LightGreen,
		.text--LightGreen h1,
		.text--LightGreen h2,
		.text--LightGreen h3,
		.text--LightGreen h4,
		.text--LightGreen h5,
		.text--LightGreen h6,
		.text--LightGreen ul,
		.text--LightGreen li,
		.text--LightGreen p{
			color:#43B02A !important;
		}

		.text--Yellow,
		.text--Yellow h1,
		.text--Yellow h2,
		.text--Yellow h3,
		.text--Yellow h4,
		.text--Yellow h5,
		.text--Yellow h6,
		.text--Yellow ul,
		.text--Yellow li,
		.text--Yellow p{
			color:#EAAA00 !important;
		}

		.text--Orange,
		.text--Orange h1,
		.text--Orange h2,
		.text--Orange h3,
		.text--Orange h4,
		.text--Orange h5,
		.text--Orange h6,
		.text--Orange ul,
		.text--Orange li,
		.text--Orange p{
			color:#F68D2E !important;
		}

		.text--Red,
		.text--Red h1,
		.text--Red h2,
		.text--Red h3,
		.text--Red h4,
		.text--Red h5,
		.text--Red h6,
		.text--Red ul,
		.text--Red li,
		.text--Red p{
			color:#BC204B !important;
		}

		.text--Pink,
		.text--Pink h1,
		.text--Pink h2,
		.text--Pink h3,
		.text--Pink h4,
		.text--Pink h5,
		.text--Pink h6,
		.text--Pink ul,
		.text--Pink li,
		.text--Pink p{
			color:#C6007E !important;
		}

		.text--Grey,
		.text--Grey h1,
		.text--Grey h2,
		.text--Grey h3,
		.text--Grey h4,
		.text--Grey h5,
		.text--Grey h6,
		.text--Grey ul,
		.text--Grey li,
		.text--Grey p{
			color:#333333 !important;
		}

		.text--White,
		.text--White h1,
		.text--White h2,
		.text--White h3,
		.text--White h4,
		.text--White h5,
		.text--White h6,
		.text--White ul,
		.text--White li,
		.text--White p{
			color:#FFFFFF !important;
		}


		/* Pie Charts */
		.js-text-2016,
		.js-text-2016 h1,
		.js-text-2016 h2,
		.js-text-2016 h3,
		.js-text-2016 h4,
		.js-text-2016 h5,
		.js-text-2016 h6,
		.js-text-2016 ul,
		.js-text-2016 li,
		.js-text-2016 p{
			color:#00A3A1 !important;
		}

		.js-text-2017,
		.js-text-2017 h1,
		.js-text-2017 h2,
		.js-text-2017 h3,
		.js-text-2017 h4,
		.js-text-2017 h5,
		.js-text-2017 h6,
		.js-text-2017 ul,
		.js-text-2017 li,
		.js-text-2017 p{
			color:#fd349c !important;
		}

		.js-text-2018,
		.js-text-2018 h1,
		.js-text-2018 h2,
		.js-text-2018 h3,
		.js-text-2018 h4,
		.js-text-2018 h5,
		.js-text-2018 h6,
		.js-text-2018 ul,
		.js-text-2018 li,
		.js-text-2018 p{
			color:#1e49e2 !important;
		}

	/* -- Shadow ----------- */

		.shadow--InsideTop::before,
		.shadow--UnderBottom::after{
			background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 35%, rgba(0,0,0,0) 100%);
			background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0) 100%);
			background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );

			width:100%;
			height:3px;

			display:block;
			position:absolute;
			left:0px;
			z-index:0;

			margin:0px auto;
			padding:0px;
			border:0px none;

			content:''
		}

		.shadow--InsideTop::before{
			height:14px;
			top:0px;

			opacity:0.25;
		}

		.shadow--UnderBottom::after{
			height:3px;
			bottom:-3px;

			opacity:0.25;
		}


	/* -- Image Backgrounds */
	
		@media 
		screen and (max-width:767px){
			.image--LightBackground::after,
			.image--DarkBackground::after{
				background-color:rgba(255, 255, 255, 0.5);

				width:100%;
				height:100%;

				display:block;
				position:absolute;
				top:0px;
				left:0px;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;


				content:'';
			}

			.image--DarkBackground::after{
				background-color:rgba(0, 0, 0, 0.5);
			}

			.image--DarkBackground,
			.image--DarkBackground h1,
			.image--DarkBackground h2,
			.image--DarkBackground h3,
			.image--DarkBackground h4,
			.image--DarkBackground h5,
			.image--DarkBackground h6,
			.image--DarkBackground ul,
			.image--DarkBackground li,
			.image--DarkBackground p{
				color:#FFFFFF !important;
			}

			.image--DarkBackground .CustomHTMLPage__Title span{
				background-color:#FFFFFF !important;
			}
		}

		@media 
		screen and (min-width:768px){
			.image--LightBackgroundDesktop::after,
			.image--DarkBackgroundDesktop::after{
				background-color:rgba(255, 255, 255, 0.5);

				width:100%;
				height:100%;

				display:block;
				position:absolute;
				top:0px;
				left:0px;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;


				content:'';
			}

			.image--DarkBackgroundDesktop::after{
				background-color:rgba(0, 0, 0, 0.5);
			}

			.image--DarkBackgroundDesktop,
			.image--DarkBackgroundDesktop h1,
			.image--DarkBackgroundDesktop h2,
			.image--DarkBackgroundDesktop h3,
			.image--DarkBackgroundDesktop h4,
			.image--DarkBackgroundDesktop h5,
			.image--DarkBackgroundDesktop h6,
			.image--DarkBackgroundDesktop ul,
			.image--DarkBackgroundDesktop li,
			.image--DarkBackgroundDesktop p{
				color:#FFFFFF !important;
			}

			.image--DarkBackgroundDesktop .CustomHTMLPage__Title span{
				background-color:#FFFFFF !important;
			}
		}


/* = Additional CSS for ScrollMagic
----------------------------------------------- */

		.timelinemaxHeroLeft,
		.timelinemaxHeroRight,
		.timelinemaxHeroText *,
		.timelinemaxMainContent{
			opacity:0;
		}


/* = CSS Animation
----------------------------------------------- */


	/* -- Fade Content In ---------- */

		@keyframes fadeContentIn {
			from {
				opacity:0;
			}
			to {
				opacity:1;
			}
		}
		@-moz-keyframes fadeContentIn { /* Firefox */
			from {
				opacity:0;
			}
			to {
				opacity:1;
			}
		}
		@-webkit-keyframes fadeContentIn { /* Safari and Chrome */
			from {
				opacity:0;
			}
			to {
				opacity:1;
			}
		}
		@-o-keyframes fadeContentIn { /* Opera */
			from {
				opacity:0;
			}
			to {
				opacity: 1;
			}
		}


	/* -- Hero Image Scale ---------- */

		@-webkit-keyframes heroElementScaleUp {
			from {
				-webkit-transform:translateX(-50%) translateY(-50%) scale(1.0);
			}
			to {
				-webkit-transform:translateX(-50%) translateY(-50%) scale(1.1);
			}
		}

		@-moz-keyframes heroElementScaleUp {
			from {
				   -moz-transform:translateX(-50%) translateY(-50%) scale(1.0);
			}
			to {
				   -moz-transform:translateX(-50%) translateY(-50%) scale(1.1);
			}
		}

		@-o-keyframes heroElementScaleUp {
			from {
					 -o-transform:translateX(-50%) translateY(-50%) scale(1.0);
			}
			to {
					 -o-transform:translateX(-50%) translateY(-50%) scale(1.1);
			}
		}

		@keyframes heroElementScaleUp {
			from {
						transform:translateX(-50%) translateY(-50%) scale(1.0);
			}
			to {
						transform:translateX(-50%) translateY(-50%) scale(1.1);
			}
		}


	/* -- Hero Container Movement ---------- */

		@-webkit-keyframes heroContainerScaleUp {
			from {
				height:75%;
				-webkit-transform:translateY(-50%);
			}
			to {
				height:100%;
				-webkit-transform:translateY(-50%);
			}
		}

		@-moz-keyframes heroContainerScaleUp {
			from {
				height:75%;
				   -moz-transform:translateY(-50%);
			}
			to {
				height:100%;
				   -moz-transform:translateY(-50%);
			}
		}

		@-o-keyframes heroContainerScaleUp {
			from {
				height:75%;
					 -o-transform:translateY(-50%);
			}
			to {
				height:100%;
					 -o-transform:translateY(-50%);
			}
		}

		@keyframes heroContainerScaleUp {
			from {
				height:75%;
						transform:translateY(-50%);
			}
			to {
				height:100%;
						transform:translateY(-50%);
			}
		}


	/* -- Hero Container Movement (Scale Down) ---------- */

		@-webkit-keyframes heroContainerScaleDown {
			from {
				height:100%;
				-webkit-transform:translateY(-50%);
			}
			to {
				height:75%;
				-webkit-transform:translateY(-50%);
			}
		}

		@-moz-keyframes heroContainerScaleDown {
			from {
				height:100%;
				   -moz-transform:translateY(-50%);
			}
			to {
				height:75%;
				   -moz-transform:translateY(-50%);
			}
		}

		@-o-keyframes heroContainerScaleDown {
			from {
				height:100%;
					 -o-transform:translateY(-50%);
			}
			to {
				height:75%;
					 -o-transform:translateY(-50%);
			}
		}

		@keyframes heroContainerScaleDown {
			from {
				height:100%;
						transform:translateY(-50%);
			}
			to {
				height:75%;
						transform:translateY(-50%);
			}
		}


	/* -- Pie Chart Fill ---------- */

		@-webkit-keyframes pieChartFillForwards {
			0% {
				-webkit-stroke-dasharray: 0 100;
			}
		}

		@-moz-keyframes pieChartFillForwards {
			0% {
				-moz-stroke-dasharray: 0 100;
			}
		}

		@-o-keyframes pieChartFillForwards {
			0% {
				-o-stroke-dasharray: 0 100;
			}
		}

		@keyframes pieChartFillForwards {
			0% {
				stroke-dasharray: 0 100;
			}
		}


	/* -- Pie Chart Fill ---------- */

		@-webkit-keyframes demographicFillForwards {
			0% {
				width:0%;
			}
		}

		@-moz-keyframes demographicFillForwards {
			0% {
				width:0%;
			}
		}

		@-o-keyframes demographicFillForwards {
			0% {
				width:0%;
			}
		}

		@keyframes demographicFillForwards {
			0% {
				width:0%;
			}
		}