/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	transition: all 400ms;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	max-width: 100%;
}
i {
	font-style: italic;
}

/** Fonts */
html {
	font: normal 15px / 1.6em "Montserrat", 'Trebuchet MS', Arial, sans-serif;
	color: #514c4c;
}
/* General */
body {
	background-color: #ffffff;
}
a {
	text-decoration: none;
	color: #111111;
}
sup {
	vertical-align: super;
	font-size: 0.6em;
	line-height: 1em;
}
sub {
	vertical-align:sub;
	font-size: smaller;
	line-height: 1em;
}
strong {
	font-weight: bold;
}
.splash {
	text-align: center;
	background-color: #111111;
	position: relative;
}
.splash video {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 100%;
	height: calc(100vh - 55px);
	outline :none;
	
	/* margin: auto;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	visibility: visible;
	opacity: 1;
	width: 100%;
	height: 100%;
	object-fit: cover; */
}
.splash .action {
	text-align: center;
	margin: 0;
}
.splash a.continue {
	display: inline-block;
	background-color: #005A95;
	color: #ffffff;
	padding: 1em 2em;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
.splash-cover {
	position: relative;
}
.splash-cover .play {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
	background: transparent url(../img/play2.png) center center no-repeat;
	background-size: auto 10%;
	cursor: pointer;
}
.splash-cover .play.hide {
	display: none;
}
.mobile-share {
	width: 160px;
	margin-bottom: 2em;
}
@media screen and (orientation:portrait) {
	.splash-cover .play {
		background-size: auto 10%;
	}
}
@media screen and (orientation:landscape) {
	.splash-cover .play {
		background-size: 10%  auto;
	}
}
.center {
	text-align: center;
}
.button {
	border-radius: 6px;
	font-size: 16px;
	display: inline-block;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.4);
	padding: 0.3em 1.2em 0.3em 1.2em;
	/*padding: 0.6em 2.4em 0.5em 1.2em;
	background: #f05a22 url(../img/arrow-view-more.png) right center no-repeat;*/
	background-size: auto 50%;
	background-color: #f05a22;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    color: #ffffff;
}
.button:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
.button.small {
	font-size: 11px;
	padding: 0.5em 1em 0.4em 1em;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
}
.button.large {
	font-size: 16px;
}
.button.medium {
	font-size: 14px;
}
.button.white {
	background-color: #ffffff;
}
.button.arrow-right:after {
	content: ' ';
	display: inline-block;
	background: transparent url(../img/icon-chevron-right.svg) center center no-repeat;
	background-size: contain;
	width: 0.6em;
	height: 0.7em;
	vertical-align: middle;
	margin-left: 0.5em;
}
.button.arrow-left:before {
	content: ' ';
	display: inline-block;
	background: transparent url(../img/icon-chevron-right.svg) center center no-repeat;
	background-size: contain;
	width: 0.6em;
	height: 0.6em;
	vertical-align: middle;
	margin-right: 0.5em;
	-webkit-transition: transform .2s;
	transition: transform .2s;
}
.button.arrow-left.active:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.floating-bar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9998;
	height: 80px;
	background-color: #ffffff;
}
.inside {
	background-color: #F3F3F3;
}
.inside .floating-bar, .floating-bar.scrolled {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.floating-bar .box {
	padding: 0;
	position: relative;
}
.floating-bar .logo {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 100px;
	height: 60px;
	background: transparent url(../img/uem-logo.svg) center center no-repeat;
	background-size: contain;
	margin-left: 20px;
	margin-top: 0px;
	padding: 10px 0 0;
	transition: all 600ms;
}
/* .home.fp-viewing-home-0 .floating-bar .logo {
	visibility: hidden;
} */
.home.fp-viewing-home-1 .floating-bar .logo,
.home.fp-viewing-home-2 .floating-bar .logo,
.home.fp-viewing-home-3 .floating-bar .logo,
.home.fp-viewing-home-4 .floating-bar .logo,
.home.fp-viewing-highlights .floating-bar .logo,
.home.fp-viewing-sustain .floating-bar .logo {
	/* background-image: url(../img/tm-logo-white.svg) !important; */
}
.floating-bar .icons {
	float: right;
	margin-right: 24px;
	transition: all 400ms;
}
.floating-bar .icons > a:not(.share):not(.modal-close) {
	display: inline-block;
	width: 30px;
	height: 35px;
	overflow: hidden;
	background-size: contain !important;
	margin: 15px 0 15px 1vw;
	vertical-align: top;
	-webkit-transition: all .2s linear 0.1s;
    -moz-transition: all .2s linear 0.1s;
    -ms-transition: all .2s linear 0.1s;
    -o-transition: all .2s linear 0.1s;
    transition: all .2s linear 0.1s;
    padding-left: 30px;
    box-sizing: border-box;
}
.floating-bar .icons > a:not(.share) .icon-label {
	line-height: 1em;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Arial';
}
.floating-bar .icons a.ebook:hover {
    width: 90px;
}
.floating-bar .icons a.download {
	background: transparent url(../img/icon-download.png) center center no-repeat;
}
.debug {
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-color: red;
	color: white;
	font-size: 10px;
	padding: 5px;
	z-index: 99999;
}
.ytplayer {
	-moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
    display: table;
    visibility: hidden;
    position: relative;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 9999;
}
.ytplayer.active {
	visibility: visible;
    opacity: 1;
}
.ytplayer .iframe-content {
	display: block;
	width: 80%;
     position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
}
.ytplayer .iframe-content iframe {
	max-width: 100%;
}
.ytplayer .iframe-content #homeiframe {
	/*width: 80%;
	height: 100%;*/
	max-width: 100%;
}
.close-video-btn {
	display: block;
	position: absolute;
	right: 5%;
	top: 5%;
	border: 0px !important;
	background-color: transparent !important;
	padding: 0px !important;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/btn-close-white.svg) center center no-repeat !important;
	background-size: contain !important;
	width: 30px; 
	height: 30px;
	z-index: 99999;
	cursor: pointer
}

.inside .floating-bar .icons a.close {
	background: transparent url(../img/icon-close.svg) center center no-repeat;
	width: 64px;
	height: 64px;
	overflow: hidden;
	background-size: 40px 40px !important;
	margin: 0px 0 0px 1vw;
	border-left: 1px solid #dddddd;
}
.inside .floating-bar .icons {
	margin-right: 0px;
}
.floating-bar .icons a {
	color: #f05a22;
}
.floating-bar nav {
	float: right;
}
.menu-logo {
	font-size: 40px;
	color: #ffffff;
	margin-bottom: 0.4em;
	display: block;
	font-family: 'Arial';
}

#menuToggle {
  display: block;
  position: relative;
  padding: 23px 23px;
  width: 18px;
  height: 14px;
  z-index: 999;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  background-color: #10275F;
}
#menuToggle:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
    height: 60px;
	z-index: 14;
	-webkit-user-select: none;
	user-select: none;
}

#menuToggle input{
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 20; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

#menuToggle > span:not(.icon-label) {
  display: block;
  width: 18px;
  height: 2px;
  margin-bottom: 4px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 15;
  transform-origin: 2px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle > span:not(.icon-label):last-of-type {
	margin-bottom: 0px;
}
.floating-bar.scroll #menuToggle > span,
body:not(.home) .floating-bar #menuToggle > span {
}

#menuToggle > span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle > span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(0px, 0px);
  width: 20px;
  background-color: #ffffff;
}
#menuToggle input:checked ~ span:nth-child(3) {
	opacity: 0;
}
#menuToggle input:checked ~ span:nth-child(4)
{
  transform: rotate(-45deg) translate(-1px, -1px);
}
.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	transition: all 700ms;
	opacity: 0;
}
#menuToggle input:checked ~ .menu-overlay {
	width: 100%;
	opacity: 1;
}
#menu {
  position: absolute;
  box-sizing: border-box;
  padding: 5em 3em;
  width: 40vw;
  margin: 0 0px 0px;
  left: 0px;
  top: -10px;
  background: #10275F;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  height: 100vh;
  overflow-y: auto; 
  opacity: 1;
  z-index: 10;
  transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  color: #ffffff;
}
#menubg {
	content: ' ';
	display: block;
	background-color: rgba(0,0,0, 0.5);
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0px;
	top: 0px;
	transform: translate(100vw, 0);
	transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.menu-bottom {
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 1em;
	text-transform: uppercase;
	position: absolute;
	bottom: 3em
}
.menu-bottom .name {
	font-weight: bold;
	margin-bottom: 10px;
}
.menu-bottom .contact {
	margin-top: 1em;
}
.menu-bottom .contact a {
	text-decoration: underline;
	display: inline-block;
}
#menu * {
	color: #ffffff;
}

#menu li {
  padding: 0px;
  font-size: 18px;
}
#menu li a {
	display: block;
	padding: 0;
	line-height: 1.2em;
	position: relative;
	color: #ffffff;
}
#menu > ul > li {
	padding: 1em 0;
	display: block;
}
#menu > ul > li.active {
}
#menu > ul > li,
#menu > ul > li > a {
	font-size: 17px;
	font-weight: 400;
	font-family: 'Arial';
	display: block;
	line-height: 1em;
}
/*
#menu > ul > li > a {
	margin-right: 20px;
	line-height: 1em;
	font-family: 'Gotham-Black';
}
*/
#menu > ul > li > ul > li > a,
#menu > ul > li > ul > li > ul > li > a {
	padding-left: 17px;
	text-indent: -17px;
}
#menu > ul > li > a > span {
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;	
}
#menu > ul > li > ul {
	padding-left: 25px;
	padding-top: 10px;
	display: none;
}
#menu > ul > li > ul > li > ul {
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 1px;
}
#menu > ul > li > ul.show {
	display: block;
}
#menu > ul > li > ul li {
	margin: 6px 0px;
}
#menu li a.current {
	
}
#menu li a:hover {
	
}
#menu li a.current:before {
	
}
#menu .connect {
	margin: 40px 0 10px;
}
#menu .connect label {
	font-family: 'Arial';
	display: inline-block;
	vertical-align: middle;
}
#menu .connect .social-media-icons {
	display: inline-block;
	vertical-align: middle;
}
#menu .connect .social-media-icons a {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 4px;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/icon-facebook.svg) center center no-repeat;
	background-size: contain;
}
#menu .connect .social-media-icons a.twitter {
	background-image: url(../img/icon-twitter.svg);
}
#menu .connect .social-media-icons a.facebook {
	background-image: url(../img/icon-facebook.svg);
}
#menu .connect .social-media-icons a.instagram {
	background-image: url(../img/icon-instagram.svg);
}
#menu .connect .social-media-icons a.youtube {
	background-image: url(../img/icon-youtube.svg);
}
#menu .connect .social-media-icons a.linkedin {
	background-image: url(../img/icon-linkedin.svg);
}
#menu .copyright {
	font-size: 12px;
	line-height: 1.4em;
}
#menuToggle input:checked ~ div#menu
{
  transform: translate(calc(-90vw + 54px), 0);
}
#menuToggle input:checked ~ div#menubg
{
  transform: translate(0, 0);
}
.menu-footer {
	overflow: hidden;
}

/* Home */
.section {
	background-color: #ffffff;
	overflow: hidden;
}
.fullpage-text {
	width: 50%;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.4em;
	font-family: 'Arial';
	/*
	position: absolute;
	z-index: 5;
	left: 7%;
	top: 30%;
	*/
	margin-left: 7%;
	position: relative;
	z-index: 5;
}
.fullpage-text .title {
	font-size: 4vw;
	color: #F26722;
	margin-bottom: 0.3em;
	font-family: 'Arial';
	text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
}
.fullpage-text .title2 {
	font-size: 3.5vw;
	color: #ffffff;
	margin-bottom: 0.5em;
	line-height: 1em;
	font-family: 'Arial';
	text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
}
.fullpage-text .text {
	font-size: 16px;
	line-height: 1.4em;
	width: 60%;
	letter-spacing: .05em;
}
.fullpage-text .img {
	width: 80%;
}
.fullpage-text .action {
	margin-top: 20px;
}
#fp-nav {
	transition: all 400ms;
}
.move#fp-nav {
	transform: translateX(50px);
}
.arrows.move {
	transform: translateX(100px);
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background-color: #ffffff;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
}
#fp-nav ul li, .fp-slidesNav ul li {
	margin: 10px;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	background-color: #F39C20;
	width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
}


.terms {
	text-align: center;
	padding: 10px 10px 0;
	background-color: #F26722;
	color: #ffffff;
	font-size: 14px;
	margin-top: 10px;
}
.terms.single {
	padding-top: 0px;
	margin-top: 0px;
}

.footer-download {
	padding: 2vw 0;
	background-color:#F26722;
	background-size: cover;	
	position: relative;
}
.footer-download .box {
	padding-left: 2vw;
	padding-right: 2vw;
}
.footer-download .grid {
	text-align: center;
	color: #ffffff;
}
.footer-download .grid .grid-item {
	display: inline-block;
	vertical-align: middle;
	width: 19%;
	margin: 0.5em 0;
}
.footer-download .grid .grid-item:not(.divider) {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	
}
.footer-download .grid .grid-item.divider {
	width: 2px;
	margin-left: 2%;
	margin-right: 2%;
	border-right: 2px solid #ffffff;
	opacity: 0.6;
}
.footer-download .grid .grid-item-thumb {
	width: 34%;
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
}
.footer-download .grid .grid-item-thumb a {
	display: block;
}
.footer-download .grid .grid-item-thumb img {
	display: block;
	width: 100%;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.5);
}
.footer-download .grid .grid-item-content {
	width: 58%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-top: 1em;
}
.footer-download .grid .grid-item-title {
	font-size: 1.2vw;
	margin: 0 0 0.5em;
	line-height: 1em;
	color: #ffffff;
}
.footer-download .grid .grid-item-title span {
	display: block;
} 
.footer-download .grid .grid-item-action {
}

.footer-download .grid .grid-item-label {
	font-size: 2vw;
	color: #f05a22;
}
.footer-download .footer-download-title {
	font-size: 2vw;
	color: #ffffff;
	text-align: center;
	line-height: 1.4em;
}
.footer-download .grid .grid-item-action a {
	text-transform: uppercase;
	color: #f05a22;
	display: inline-block;
	vertical-align: middle;
	background-color: #ffffff;
	font-size: 13px;
	padding: 4px 10px;
	cursor: pointer;
	margin: 0 3px;
	font-size: 12px;
	line-height: 1em;
	transform-origin: left;
}
.footer-download .grid .grid-item-action a:before {
	content: ' ';
	margin-right: 6px;
	display: inline-block;
	height: 12px;
	width: 12px;
	vertical-align: middle;
	background: transparent url(../img/icon-download-mini.svg) center center no-repeat;
	background-size: contain;
}
.toggle {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 5px;
	position: absolute;
	right: 0px;
	top: 0px;
	-webkit-transition: transform .4s;
	transition: transform .4s;
    cursor: pointer;
    border-radius: 50%;
    background-color: #f05a22;
}
.toggle.active {
	transform: rotate(45deg);
}
.toggle:before {
	content: ' ';
	display: block;
	position: absolute;
	width: 60%;
	height: 2px;
	top: calc(50% - 1px);
	left: 20%;
	background-color: #ffffff;
}
.toggle:after {
	content: ' ';
	display: block;
	position: absolute;
	width: 2px;
	height: 60%;
	left: calc(50% - 1px);
	top: 20%;
	background-color: #ffffff;
}
/*
.toggle:hover {
	background-color: transparent;
	border: 1px solid #111111;
}
.toggle:hover:before, .toggle:hover:after {
	background-color: #111111;
}*/
div.block {
	position: relative;
}

.accordion {
	display: none;
}
.accordion.active {
	display: block;
}
.toggle-alt {
	cursor: pointer;
}
.download-full {
	border: 1px solid #111;
    border-radius: 1em;
    padding: 1em 4% 0 0;
    margin-top: 2em;
}
.download-full-title {
	line-height: 1em;
	text-transform: uppercase;
	background-color: #ffffff;
	border-radius: 0.5em;
	border: 1px solid #818285;
	padding: 0.5em 1em;
	text-align: center;
	font-size: 16px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	margin-bottom: 1em;
	position: relative;
	margin-top: -2em;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.grid.download-full .grid-item {
	margin-top: 0px;
}

.download-others {
	border: 1px solid #111;
    border-radius: 1em;
    padding: 1em 4% 0 0;
    margin-top: 2em;
}
.download-others-title {
	line-height: 1em;
	text-transform: uppercase;
	background-color: #ffffff;
	border-radius: 0.5em;
	border: 1px solid #818285;
	padding: 0.5em 1em;
	text-align: center;
	font-size: 16px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	margin-bottom: 0;
	position: relative;
	margin-top: -2em;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.grid.download-others .grid-item {
	margin-top: 0px;
}
.download .grid.download-others .grid-item {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin: 1em 0;
}
.page {
	background-color: #F5F5F5;
}
.fixed-section {
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	background-color: #F5F5F5;
	-webkit-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    -ms-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition:  transform 200ms ease-out;
}
body .fixed-section .banner {
	height: 22vw;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
}
body.facts .fixed-section .banner {
	background-image: url(../img/banner-downloads-20190423-web.jpg);
}
body.everything .fixed-section .banner {
	background-image: url(../img/banner-everything-20190423-web.jpg);
}
body.journey .fixed-section .banner {
	background-image: url(../img/banner-journey-2.jpg);
}
body.future .fixed-section .banner {
	background-image: url(../img/banner-future-20190423-web.jpg);
}
body.integrity .fixed-section .banner {
	background-image: url(../img/banner-integrity-3.jpg);
}
body.downloads .fixed-section .banner {
	background-image: url(../img/banner-downloads-20190423-web.jpg);
}
body .fixed-section .menu {
	width: 22%;
	text-align: right;
	padding-left: 30px;
	box-sizing: border-box;
	font-size: 15px;
	position: relative;
}
body .fixed-section .menu .menu-title {
	margin: 0;
	padding: 2em 1.5em 0 0;
}
body .fixed-section .menu ul {
	margin: 0px;
}
body .fixed-section .menu ul li {
	display: block;
	margin: 0.6em 0;
	padding-right: 1.5em;
	position: relative;
	line-height: 1.3em;
}
body .fixed-section .menu ul li:not(.sub-menu):hover:after,
body .fixed-section .menu ul li.current:not(.sub-menu):after {
	content: ' ';
	position: absolute;
	right: 0px;
	top: 0px;
	width: 10px;
	height: 100%;
	background-color: #024DA1;
}
body .fixed-section .menu ul li:not(.sub-menu):hover a,
body .fixed-section .menu ul li.current:not(.sub-menu) a {
	color: #024DA1;
	text-decoration: underline;
}
body .fixed-section .menu .sub-menu {
	padding-right: 2em;
}
body .fixed-section .menu .sub-menu > a {
	cursor: pointer;
}
body .fixed-section .menu .sub-menu > a:after {
	content: ' ';
	display: inline-block;
	width: 10px;
	height: 1.3em;
	background: transparent url(../img/icon-chevron-right-blue.svg) center center no-repeat;
	background-size: 12px 12px; 
	vertical-align: middle;
	-webkit-transition: transform .2s;
	transition: transform .2s;
	position: absolute;
	right: 0.7em;
	top: 0;
}
body .fixed-section .menu .sub-menu.active > a:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
body .fixed-section .menu .sub-menu ul {
	display: none;
}
body .fixed-section .menu .sub-menu.active ul {
	display: none;
}
body .fixed-section .menu ul li.sub-menu li {
	margin-right: -2em;
	padding-right: 2em;
}
.scroll-content {
	margin-top: 18vw;
	position: relative;
	width: 70%;
	margin-left: 22%;
}
body.facts .scroll-content {
	margin-left: auto;
	margin-right: auto;
}
.content-box {
	position: relative;
	background-color: #ffffff;
	padding: 24px 48px 48px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	margin-bottom: 2em;
}
.content-box .page-label {
	margin-bottom: 24px;
	position: relative;
}
.content-box .page-label label {
	background: #F26722 url(../img/bg-page-label.jpg) right center no-repeat;
	background-size: contain;
	color: #ffffff;
	padding: 10px 52px 10px 30px;
	font-size: 15px;
	margin-left: -48px;
	min-width: 112px;
	display: inline-block;
}
.content-box .normal-size {
	font-size: 16px;
}
.content-box h1 {
	font-size: 36px;
	color: #024DA1;
	margin-bottom: 0.4em;
}
.content-box .orange-box {
	color: #ffffff;
	background-color: #f05a22;
}
.content-box .blue-box {
	color: #ffffff;
	background-color: #024DA1;
}
.content-box .white-box {
	background-color: #ffffff;
}
.content-box .orange {
	color: #f05a22 !important;
}
.content-box p.bigger {
	font-size: 1.4em;
	line-height: 1.3em;
}
.content-box .gray {
	color: #514c4c;
}
.content-box .light-gray {
	color: #939598;
}
.content-box .blue {
	color: #3C71AA;
}
.blue {
	color: #3C71AA;
}
.content-box .green {
	color: #62bb46;
}
.content-box h2 {
	font-size: 20px;
	margin: 1em 0;
}
.content-box h3 {
	font-size: 18px;
	margin: 0.5em 0;
}
.content-box > h2:first-of-type {
	margin-top: 0px;
}
.content-box p {
	color: #414042;
	line-height: 1.4em;
	margin-bottom: 1em;
}
.content-box ul, .content-box ol {
	line-height: 1.4em;
	margin-bottom: 1em;
}
.content-box ul li, .content-box ol li {
	margin-bottom: 0.8em;
}
.content-box ul li:last-of-type, .content-box ol li:last-of-type {
	margin-bottom: 0;
}
.content-box ul {
	margin-left: 1.5em;
	list-style: disc;
}
.content-box ol {
	margin-left: 1.5em;
	list-style: decimal;
}
.content-box p:last-of-type {
	
}
.content-box-tab.hide {
	display: none;
}
.content-box-tab .col-1-2 {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 3.5%;
}
.content-box-tab .col-2-2 {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.content-box-tab .col-5-12 {
	display: inline-block;
	vertical-align: top;
	width: 38%;
	margin-right: 3%;
}
.content-box-tab .col-7-12 {
	display: inline-block;
	vertical-align: top;
	width: 58%;
}
.home .arrows {
	position: fixed;
	bottom: 0%;
	transform: translateX(-50%);
	z-index: 20;
	left: 50%;
}
.home:not([class*='fp-viewing-home']) .arrows {
	display: none;
}
.home.fp-viewing-home-0 .arrows {
	
}
.home.fp-viewing-home-0 .fp-controlArrow.fp-prev {
	display: none;
}
.arrow-down {
	display: block;
	cursor: pointer;
}
.home .arrow-down {
	border-top-left-radius: 20em;
	border-top-right-radius: 20em;
	background-color: #ffffff;
}
.home .arrow-down rect {
	fill: transparent;
}
.home .arrow-down path {
	fill: #222222;
}
.arrow-down svg {
	width: 56px;
	height: 48px;
}
.fp-controlArrow svg rect {
	fill: transparent;
}
.fp-controlArrow svg path {
	fill: #222222;
}
.home.fp-viewing-home-1 .arrow-down svg path,
.home.fp-viewing-home-1 .fp-controlArrow svg path {
	fill: #111111;
}
.arrow-up {
	display: block;
	width: 36px;
	height: 37px;
	cursor: pointer;
	 z-index: 99999;
	background: #ffffff url(../img/icon-up.svg) center center no-repeat;
}
.home.fp-viewing-home-0 .arrow-up,
.home.fp-viewing-home-1 .arrow-up,
.home.fp-viewing-home-2 .arrow-up,
.home.fp-viewing-home-3 .arrow-up,
.home.fp-viewing-home-4 .arrow-up {
	opacity: 0.3;
}
.fp-viewing-home .arrow-down,
.fp-viewing-achievement.ach-slide-2 .arrow-down,
.fp-viewing-tower .arrow-down,
.fp-viewing-upgrades .arrow-down,
.fp-viewing-suburban .arrow-down,
.fp-viewing-fibre .arrow-down,
.fp-viewing-submarine .arrow-down,
.fp-viewing-smart .arrow-down
 {
	background-image: url(../img/icon-down.svg);
}
.fp-viewing-home .arrow-up,
.fp-viewing-achievement.ach-slide-2 .arrow-up,
.fp-viewing-tower .arrow-up,
.fp-viewing-upgrades .arrow-up,
.fp-viewing-suburban .arrow-up,
.fp-viewing-fibre .arrow-up,
.fp-viewing-submarine .arrow-up,
.fp-viewing-smart .arrow-up
{
	background-image: url(../img/icon-up.svg);
}
.fp-viewing-home .arrow-divider,
.fp-viewing-achievement.ach-slide-2 .arrow-divider,
.fp-viewing-tower .arrow-divider,
.fp-viewing-upgrades .arrow-divider,
.fp-viewing-suburban .arrow-divider,
.fp-viewing-fibre .arrow-divider,
.fp-viewing-submarine .arrow-divider,
.fp-viewing-smart .arrow-divider {
	border-bottom-color: #ffffff;
}

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-20px);}
 60% {-webkit-transform: translateY(-10px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-20px);}
 60% {-moz-transform: translateY(-10px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-20px);}
 60% {-o-transform: translateY(-10px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-20px);}
 60% {transform: translateY(-10px);}
}

@-webkit-keyframes bounce2 {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(20px);}
 60% {-webkit-transform: translateY(10px);}
}
 
@-moz-keyframes bounce2 {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(20px);}
 60% {-moz-transform: translateY(10px);}
}
 
@-o-keyframes bounce2 {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(20px);}
 60% {-o-transform: translateY(10px);}
}
@keyframes bounce2 {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(20px);}
 60% {transform: translateY(10px);}
}

.arrow-down img, .arrow-up img {
	display: block;
	width: 100%;
	height: auto;
}
.arrow-down.hide, .arrow-up.hide {
	display: none;
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-box {
	background-color: #f05a22;
	border: 0px !important;
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-content {
	font-size: 13px;
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border {
	border: 0px !important;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #f05a22;
	left: 0;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #f05a22;
	left: -3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #f05a22;
	left: 3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #f05a22;
	left: 0;
	top: -3px;
}
.mixed-scroll {
	overflow: hidden;
}
.frame {
	display: block;
	margin: 2px 0px;
}
.frame label {
	margin-right: 20px;
}
.frame .date {
	color: #666666;
}
body.fp-viewing-achievement .graph-slides-nav {
	display: block;
}
.graph-slides-nav a {
	text-transform: uppercase;
	color: #222222;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	cursor: pointer;
}
.graph-slides-nav a.next:before {
	content: ' ';
	padding: 5px;
	display: inline-block;
	height: 36px;
	width: 36px;
	vertical-align: middle;
	background: transparent url(../img/arrow-right.svg) center center no-repeat;
	background-size: 30px 30px;
	border: 1px solid #ffffff;
}
.graph-slides-nav a.prev:after {
	content: ' ';
	padding: 5px;
	display: inline-block;
	height: 36px;
	width: 36px;
	vertical-align: middle;
	background: transparent url(../img/arrow-left.svg) center center no-repeat;
	background-size: 30px 30px;
	border: 1px solid #ffffff;
}
.graph-slides-nav a.slick-disabled {
	opacity: 0.2;
}
.section-title {
	color: #333333;
	font-size: 15px;
	margin-bottom: 0.5em;
}
.material-boxes {
	margin: 20px 0px;
}
.material-boxes .row {
}
.material-boxes .row .box {
	display: inline-block;
	width: 19.5%;
	padding: 1em;
	text-align: center;
	box-sizing: border-box;
	border-right: 2px dotted #939598;
	vertical-align: top;
}
.material-boxes .row .box.border-bottom {
	border-bottom: 2px dotted #939598;
}
.material-boxes .row .box.no-border-right {
	border-right: 0px;
}
.material-list {
	margin: 20px 0px;
	overflow-x: auto;
}
.material-list table {
	width: 100%;
}
.material-list table ul {
	margin-bottom: 0px;
}
.material-list table ul li {
	margin-bottom: 0px;
}
.material-list table th {
	background-color: #F26646;
	color: #ffffff;
	text-align: left;
	padding: 0.6em 2em; 
	vertical-align: middle;
}
.material-list table td {
	background-color: #D3D6EC;
	text-align: left;
	padding: 0.6em 2em; 
	vertical-align: middle;
	border-bottom: 1px solid #ffffff;
}
.material-list table td img {
	width: 31px;
	max-width: 31px;
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-bottom: 15px;
}
.mCSB_scrollTools {
	width: 4px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: #EAD1C7;
	height: 5px;
	border-radius: 4px;
	margin: 6px 0px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-color: #F15A22;
	height: 5px;
	border-radius: 4px;
}
.mCSB_inside>.mCSB_container {
	margin-right: 10px;
}
.material-chart {
	
}
.material-chart .title {
	margin-bottom: 1em;
	text-align: center;
}
.material-chart .caption {
	font-size: 13px;
	text-align: center;
	margin: 1em 0;
}
.material-chart .caption2 {
	text-align: center;
	font-size: 13px;
}
.material-chart .caption2 .dot {
	display: inline-block;
	margin: 5px 1em;
}
.material-chart .caption2 .dot:before {
	content: ' ';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.7em;
	background-color: #cccccc;
	border-radius: 50%;
	vertical-align: middle;
}
.material-chart .chart {
	display: inline-block;
	vertical-align: top;
	width: 74%;
}
.material-chart .chart-legend {
	display: inline-block;
	vertical-align: top;
	width: 25%;
}
.legend-title {

}
.material-chart .caption2 .dot.economic:before {
	background-color: #ED1D24;
}
.material-chart .caption2 .dot.environmental:before {
	background-color: #F7941E;
}
.material-chart .caption2 .dot.social:before {
	background-color: #034EA2;
}
.material-chart .caption2 .dot.governance:before {
	background-color: #62BB46;
}
.legend-title img {
	margin-right: 5px;
	vertical-align: middle;
	width: 56px;
}
.legend-title span {
	vertical-align: middle;
}
.chart-legend ul {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
}
.chart-legend ul li {
	margin-bottom: 0px;	
	font-size: 13px;
	line-height: 1.3em;
}
.table.key-risks {
	margin-bottom: 1em;
}
.table-section {
	margin-bottom: 1em;
}
.table-section .title {
	background-color: #F26722;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	padding: 0.5em 1em;
	margin-bottom: 0.4em;
}
.table-table {
	display: table;
	border: 1px solid #666666;
	border-collapse: collapse;
}
.table-table-row {
	display: table-row;
}
.table-table-cell {
	display: table-cell;
	padding: 0.5em;
	border: 1px solid #666666;
	font-size: 15px;
}
.table-table-cell.key {
	width: 40%;
}
.table-table-cell ul {
	margin-bottom: 0px;
}
.table-table-cell li {
	margin: 0.2em 0;
}
.table-table-cell ul ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.table-table-cell ul ul li {
	padding-left: 1em;
	margin-bottom: 0;
}
.table-table-cell ul ul li:before {
	content: '–';
	display: inline-block;
	margin-left: -1em;
	margin-right: 0.5em;
}
.financial-boxes {
	text-align: center;
	margin-bottom: 1em;
}
.financial-box {
	border: 8px solid #C7C9CB;
	border-radius: 2em;
	padding: 1.2em;
	text-align: center;
	display: inline-block;
	width: 200px;
	margin: 0.6em;
}
.financial-box .financial-box-title {
	color: #003E92;
	margin-bottom: 3em;
}
.financial-box .financial-box-value {
	color: #F15A22;
	line-height: 0.5em;
	font-size: 3em;
}
.financial-box .financial-box-value .currency {
	font-size: 0.5em;
}

.business-review-section {
	
}
.business-review-section .business-review-box {
	margin-bottom: 2em;
}
.business-review-row {
	margin-bottom: 1em;
}
.business-review-icon {
	margin-bottom: 1em;
}
.business-review-icon img {
	max-width: 72px;
}
.business-review-img {
	display: inline-block;
	width: 58%;
	vertical-align: top;
}
.business-review-stats {
	display: inline-block;
	width: 40%;
	vertical-align: top;
}
.business-review-img img {
	width: 90%;
}
.business-review-stats .chart.ceo {
	margin: 0px;
}
.business-review-stats .chart.ceo .col {
	width: 100%;
}
.img-malaysia {
	text-align: center;
}
.img-malaysia img {
	display: inline-block;
	width: 24%;
	vertical-align: top;
}
.img-malaysia img:nth-child(even) {
	margin-top: 1.5em;
}
.content-color-box {
	background-color: #ED724D;
	color: #ffffff;
	margin-left: -48px;
	margin-right: -48px;
	padding: 24px 48px;
}
.content-color-box2 {
	background-color: #041A30;
	color: #ffffff;
	margin-left: -48px;
	margin-right: -48px;
	padding: 0px 0px 24px;
}
.content-box .content-color-box *,
.content-box .content-color2-box * {
	color: #ffffff;
}
.content-box .content-color-box2-wrap {
	padding: 48px 48px 0;
	color: #ffffff;
}
.content-box .content-color-box2-wrap * {
	color: #ffffff;
}
.tm-one-ir-title img {
	width: 72px;
	vertical-align: middle;
	margin-right: 5px;
}
.content-color-box2-wrap .divider-white {
	border-bottom: 2px dotted #ffffff;
	margin: 1.5em 0;
}
.vip {
	text-align: left;
	display: inline-block;
}
.vip-name {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8rem;
	line-height: 1.4em;
}
.vip-title {
	text-align: left;
	font-size: 0.8rem;
	line-height: 1.4em;
}
.section.chairman .vip {
	transform: translateY(-100%) translateX(-50%);
}
.vip.col-2 {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
.vip li {
	font-size: 14px;
}
.vip li span {
	font-style: italic;
}
ul.vip {
  list-style: none; /* Remove default bullets */
}

ul.vip li {
	margin-bottom: 0.3em;
}
ul.vip li:before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #F15A22; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.vip-profiles {
	overflow: hidden;	
}
.vip-profile {
	display: inline-block;
	float: left;
	margin-bottom: 1em;
	width: 48%;
	font-size: 15px;
	border-left: 2px solid #dddddd;
	vertical-align: top;
	margin-right: 1.5%;
}
.vip-profile .vip-header {
	background-color: #dddddd;
	border-top-right-radius: 5em;
	padding: 1.5em;
}
.vip-profile.orange-bg .vip-header {
	background-color: #fadfc9;
}
.vip-profile .vip-header .vip-name {
	
	text-transform: uppercase;
	margin-bottom: 0.2em;
	color: #f05a22;
}
.vip-profile .vip-header .vip-position {
	font-size: 13px;
	font-style: italic;
	margin-bottom: 0.3em;
}
.vip-profile .vip-header .vip-stats {
	font-size: 13px;
	color: #333333;
	margin: 0.6em 0;
}
.vip-profile .vip-header .vip-dates {
	font-size: 13px;
}
.vip-profile .vip-header .vip-dates .vip-date {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.vip-profile .vip-header .vip-dates .vip-date .label {
	
	color: #f05a22;
	margin-bottom: 0.3em;
}
.vip-profile .vip-header .vip-dates .vip-date .value ul {
	margin-bottom: 0px;
}
.vip-item-box {
	border: 2px dotted #024DA1;
	padding: 1em;
	font-size: 13px;
	margin: 10px 0px;
	margin-left: 24px;
	position: relative;
}
.vip-profile.orange-bg .vip-item-box {
	border: 2px dotted #f05a22;
}
.vip-profile.full {
	width: 98%;
}
.vip-profile.full .vip-header {
	padding: 0.5em 1.5em;
	text-align: center;
}
.vip-item-box:last-of-type {
	margin-bottom: 0px;
}
.vip-item-box:before {
	content: ' ';
	background: transparent url(../img/icon-vip-arrow.png) center center no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	left: -24px;
	top: 0px;
	width: 10px;
	height: 20px;
}
.vip-item-box.additional {
	font-style: italic;
}
.vip-item-box.additional p {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.vip-profile.orange-bg .vip-item-box:before {
	background-image: url(../img/icon-vip-arrow-blue.png);
}
.vip-item-box .label {
	
	color: #f05a22;
	margin-bottom: 0.3em;
}
.vip-item-box .value ul {
	margin-bottom: 0px;
}
.vip-item-box .value li {
	margin-bottom: 0px;
}
.vip-item-box .value .value-col {
	display: inline-block;
	width: 48%;
	margin-right: 1.5%;
	vertical-align: top;
}

.slide-menu {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 88;
}
.slide-menu-wrap {
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding-bottom: 30px;
	padding-left: 5%;
	padding-right: 5%;
}
.slide-menu a {
	display: inline-block;
	width: 17%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	font-size: 14px;
	vertical-align: top;
	box-sizing: border-box;
	transition: all 300ms;
}
.slide-menu a:hover {
	transform: scale(1.1);
}
.slide-menu a span {
	display: block;
}
.slide-menu a label {
	display: block;
	margin-top: 5px;
	opacity: 0.5;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
}
.slide-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100vw;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.slide-bg img {
	height: 100vw;
	width: auto;
}
.slide-bg-table {
	display: table;
	width: 100%;
	height: 100%;
}
.slide-bg-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.site-title {
	color: #999999;
	text-align: right;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	font-weight: bold;
	height: 100%;
	left: 50%;
	top: 50%;
	font-size: 15px;
	width: calc(100% - 72px);
	transform: translate(-50%, -50%);
}
.site-title .top-menu {
	list-style: none;
	height: 100%;
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
.site-title .top-menu li {
	display: inline-block;
	margin: 0px;
	height: 80%;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
.site-title .top-menu li:not(:first-of-type):before {
	content:' ';
	display: block;
	width: 1px;
	background-color: #DBDDDD;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.site-title .top-menu li a {
	color: #5D7786;
	font-size: 11px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	padding-top: 36px;
}
.site-title .top-menu li.active {
	border-bottom: 4px solid #005A95;
}
.site-title .top-menu li.active a {
	color: #005A95 !important;
}
.fp-viewing-home-0 .site-title,
.fp-viewing-home-1 .site-title,
.fp-viewing-home-2 .site-title,
.fp-viewing-home-3 .site-title,
.fp-viewing-home-4 .site-title,
.fp-viewing-highlights .site-title {
	
}
.fp-viewing-home-1 .floating-bar,
.fp-viewing-home-2 .floating-bar,
.fp-viewing-home-3 .floating-bar,
.fp-viewing-home-4 .floating-bar,
.fp-viewing-highlights .floating-bar {
	
}
.home.fp-viewing-highlights .floating-bar {
	
}
.site-title .main-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 3.9vw;
	margin-bottom: 0.3em;
}
.site-title .main-desc {
	font-size: 2.2vw;
}
.slide-intro {
	background-color: #ffffff;
}
.slide-achievement {
	background-color: #ffffff;
}
.slide-achievement .fp-slidesNav {
	display: none;
}
.fp-controlArrow {
	border: 0px;
	margin-top: 0px !important;
	background-color: #ffffff;
}
.fp-controlArrow.fp-next {
	right: 0px;
	width: auto;
	height: auto;
	border-top-left-radius: 20em;
	border-bottom-left-radius: 20em;
}
.fp-controlArrow.fp-prev {
	left: 0px;
	width: auto;
	height: auto;
	border-top-right-radius: 20em;
	border-bottom-right-radius: 20em;
}
.fp-controlArrow svg {
	width: 56px;
	height: 40px;
}
.slide-col .headline {
	margin-bottom: 1em;
}
.slide-col p {
	line-height: 1.6em;
	margin-bottom: 1em;
}
.slide-cols {
	position: relative;
	transition: all 600ms;
}
.slide-cols .slide-top, .slide-cols .slide-top img {
	transition: all 600ms;
}
.slide-cols .slide-col {
	display: inline-block;
	width: 60%;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	position: relative;
	box-sizing: border-box;
}
.modal-open .slide-cols .slide-col {
	padding-right: 0px;
}
.inside .slide-cols .slide-col {
	vertical-align: top;
}
a.btn {
	background-color: transparent;
	border: 2px solid #005A95;
	color: #005A95;
	display: inline-block;
	padding: 12px 30px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 400ms;
	opacity: 1;
	font-weight: bold;
}
a.btn.white {
	color: #ffffff;
	border-color: #ffffff;
}
.slide-col .quote {
	font-size: 30px;
	color: #000224;
	line-height: 1.2em;
}
.slide-col .box {
	background-color: #000224;
	padding: 3em 4em 3em;
}
.slide-col.dark p {
	color: #ffffff;
}
img.cover {
	width: 240px;
	display: block;
	margin: 0 auto;
}
.copyright {
	padding-top: 3em;
	padding-left: 1em;
	padding-right: 1em;
	background-color: #ffffff;
	text-align: center;
	color: #848484;
	font-size: 14px;
}
.banner-full .copyright {
	padding-bottom: 3em;
}



.slide-download .copyright {
	padding-bottom: 3em;
}
.navi-overlay {
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 100px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 11%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 11%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 11%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=1 ); /* IE6-9 */
}
.inside-page {
	padding-top: 80px;
}

.slick-slide img {
	height: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.slick-slide.graph {
	height: 100vh;
	position: relative;
}
.slick-slide.graph-1 {
	background-color: #fff;
}
.slick-slide.graph-2 {
	background-color: #fff;
}
.slick-slide img {
	height: 50vh;
	width: auto;
}
/*.slick-slide.graph-1 img {
	height: 80vh;
	width: auto;
	transform: scale(1.2);
	transform-origin: top center;
}*/
.slick-initialized .slick-slide {
	opacity: 0.2;
	transition: all 400ms;
}
.slick-initialized .slick-slide.slick-current {
	opacity: 1;
}
.img-default {
	
}
.img-active {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tower-img-main {
	width: 100%;
	display: block;
	transition: all 900ms;
}
.tower-img-icons {
	position: absolute;
	right: -5%;
	z-index: 2;
	display: block;
	width: 10%;
	top: 40%;
	transition: all 600ms;
}
.tower-img-bubble {
	position: absolute;
	left: 5%;
	z-index: 2;
	display: block;
	width: 35%;
	top: 60%;
	transition: all 600ms;
}
.move .tower-img-main {
	opacity: 0;
	transform: translateX(-50%);
}
.move .tower-img-icons {
	opacity: 0;
	transform: translateX(-50%) translateY(10%);
}
.move .tower-img-bubble {
	opacity: 0;
	transform: translateX(-50%) translateY(-20%);
}
.modal-close {
	display: inline-block;
	width: 64px;
	height: 64px;
	background-image: url(../img/modal-close.svg);
	background-position: center center;
	background-repeat: no-repeat;
	border-left: 1px solid #dddddd;
	background-size: 48px 48px;
	margin-left: 0px;
	width: 0px;
	opacity: 0;
	transition: all 600ms;
}
body.modal-open .modal-close {
	width: 64px;
	opacity: 1;
	margin-left: 24px;
}
body.gray .fp-section {
	background-color: #F3F3F3;
}
.tower-img-active-1 {
	width: 100%;
	display: block;
	transition: all 900ms;
}
.tower-img-active-2 {
	position: absolute;
	left: 10%;
	z-index: 2;
	display: block;
	width: 60%;
	top: 50%;
	transition: all 600ms;
}
.move .tower-img-active-1 {
	opacity: 0;
	transform: translateX(-50%);
}
.move .tower-img-active-2 {
	opacity: 0;
	transform: translateX(-50%) translateY(20%);
}
.hidden-text {
	max-height: 0px;
	transition: max-height 800ms;
	overflow: hidden;
}
.section.expand .hidden-text {
	max-height: 2000px;
	transition: max-height 800ms ease-in;
}
.hidden-banner {
	overflow: hidden !important;
	height: 0px !important;
	display: none;
	transition: all 600ms;
	position: absolute;
	top: 64px;
	left: 0;
	/* width: 100%; */
	max-width: none;
	transform: translateY(100%);
}
.section.expand .hidden-banner {
	display: block;
	transform: translateY(0);
	height: auto !important;
	overflow: auto;
	top: 0px;
	padding-bottom: 0px;
}
.section.expand .hidden-banner.relative {
	position: relative;
	z-index: 10;
}
.section.slide-internet.expand .hidden-banner {
	margin-top: 0vh;
}
.section.expand .btn {
}
.hidden-banner-title {
	color: #535353;
	text-align: center;
	
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 2em;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 1.4em;
}
.mobile-only .hidden-banner-title {
	margin-top: 2em;
}
.hidden-banner-title-big {
	color: #535353;
	text-align: center;
	
	font-size: 24px;
	margin-top: 2em;
	margin-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 1.4em;
}
.section .section-scroll {
	
}
.section.expand .section-scroll {
	
}
.banner-full {
	background-color: #ffffff;
}
.banner-full .more-content {
	margin: 0 auto;
	padding: 1rem 2rem 0;
	line-height: 1.4em;
}
.banner-full .more-content-actions {
	width: 100%;
	padding: 2rem 36px;
}
.banner-full .more-content p {
	margin: 1rem 0;
	text-align: justify;
}
.banner-full .more-content p:first-of-type {
	margin-top: 0px;
}
.banner-full .more-content p:last-of-type {
}
.banner-full .more-content em {
	color: #009A9F;
	font-weight: bold;
}
.banner-full .more-content blockquote {
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	padding: 1em;
	margin: 1.5rem 0;
	font-size: 1.4rem;
	line-height: 1.4em;
	text-align: center;
	color: #1c1c1c;
}
.banner-full .more-content blockquote.plain {
	border: 0px;
}
.banner-full .more-content blockquote.style2 {
	font-size: 1.4rem;
	border-top: 0px;
	padding: 0px;
	border-bottom: 0px;
	max-width: 400px;
	margin: 0 auto;
	font-weight: normal;
}
.banner-full .more-content blockquote.style2:before {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	background: transparent url(../img/icon-quote-open.png) center center/contain no-repeat;
	text-align: center;
}
.banner-full .more-content blockquote.style2:after {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	background: transparent url(../img/icon-quote-close.png) center center/contain no-repeat;
	text-align: center;
}
.banner-full .more-content blockquote.style3 {
	font-size: 1.4rem;
	border-top: 0px;
	border-bottom: 0px;
	font-weight: normal;
	text-align: right;
	margin: 0 1em;
}
.banner-full .more-content blockquote.style3:before {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	background: transparent url(../img/icon-quote-open.png) left center/contain no-repeat;
	text-align: center;
}
.banner-full .more-content blockquote.style3:after {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	background: transparent url(../img/icon-quote-close.png) right center/contain no-repeat;
	text-align: center;
}
.banner-full .more-content blockquote.style4 {
	font-size: 1.4rem;
	border-top: 0px;
	border-bottom: 0px;
	font-weight: normal;
	text-align: right;
	margin: 0 0 0 auto;
	max-width: 80%;
}
.banner-full .more-content blockquote.style4:before {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	background: transparent url(../img/icon-quote-open.png) left center/contain no-repeat;
	text-align: center;
}
.banner-full .more-content blockquote.style4:after {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	background: transparent url(../img/icon-quote-close.png) right center/contain no-repeat;
	text-align: center;
}
.banner-full .more-content blockquote.ceo-style1 {
	font-size: 1.4rem;
	border-top: 0px;
	padding: 0;
	border-bottom: 0px;
	margin: 0 auto;
	font-weight: normal;
}
.banner-full .more-content blockquote.ceo-style1:before {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	padding-bottom: 1rem;
	background: transparent url(../img/icon-quote-open2.png) center center/contain no-repeat;
	background-size: 20px;
	text-align: center;
	border-bottom: 2px dashed #cccccc;
}
.banner-full .more-content blockquote.ceo-style1:after {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	padding-top: 1rem;
	background: transparent url(../img/icon-quote-close2.png) center center/contain no-repeat;
	background-size: 20px;
	text-align: center;
	border-top: 2px dashed #cccccc;	
}
.banner-full .more-content blockquote.ceo-style2 {
	font-size: 1.4rem;
	border-top: 0px;
	padding: 0;
	border-bottom: 0px;
	margin: 0;
	font-weight: normal;
	text-align: left;
}
.banner-full .more-content blockquote.ceo-style2:before {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	padding-bottom: 1rem;
	background: transparent url(../img/icon-quote-open2.png) left center/contain no-repeat;
	background-size: 20px;
	text-align: center;
	border-bottom: 2px dashed #cccccc;
}
.banner-full .more-content blockquote.ceo-style2:after {
	content: ' ';
	font-size: 2rem;
	margin: 1rem 0;
	height: 1rem;
	color: #C3C5C7;
	display: block;
	height: 2rem;
	padding-top: 1rem;
	background: transparent url(../img/icon-quote-close2.png) right center/contain no-repeat;
	background-size: 20px;
	text-align: center;
	border-top: 2px dashed #cccccc;	
}
.subheading {
	color: #003B44;
	font-weight: 600;
	text-transform: uppercase;
}
.subheading2 {
	color: #17A8B0;
	font-weight: bold;
	text-transform: uppercase;
}
.subheading2 em {
	color: #C3C5C7;
}
.ceo .banner-full .more-content em {
	color: #295466;
}
.banner-full .more-content .flex {
	display: flex;
	margin: 1em 0px;
}
.banner-full .more-content .flex .left {
	width: 40%;
}
.banner-full .more-content .flex .right {
	width: 60%;
}
.banner-full img {
	display: block;
	width: 100%;
}
.new-title {
	font-size: 2vw;
	margin-bottom: 0.5em;
	
	line-height: 1.3em;
}
.slide-internet.expand .new-title {
	margin-top: 4em;
}
.section .section-scroll {
	
}
.section .slide-cols {
	height: calc(100vh - 80px);
	width: 100%;
/* 	position: absolute; */
	top: auto;
	transition: all linear 400ms;
	background-color: #ffffff;
}
.section .slide-cols .slide-col.height100 {
	height: calc(100vh - 80px);
}
.section.chairman .slide-cols {
	background-color: #e4e5e7;
}

.section .slide-col p {	
	font-size: 13px;
	color: #727272;
	text-align: justify;
}
.section .slide-col p:last-of-type {
	margin-bottom: 0px;
}
.section .slide-col p strong {
	
}
.section.slide-wifi .slide-col p {
	color: #585858;
	font-size: 14px;
}
.section.slide-download .slide-col p {
	color: #3C3D3E;
}
.slide-internet .slide-col p {
	font-size: 14px;
}
.tower-box {
	margin-bottom: 10px;
}
.content-box-cell .tower-box p {
	font-size: 14px;
	border: 1px solid #ffffff;
	border-radius: 20px;
	padding: 1em;
	line-height: 1.25em;
	margin: 0;
}
.tower-box:before {
	content: ' ';
	display: block;
	height: 26px;
	background: transparent url(../img/icon-tower-1.svg) left center no-repeat;
	background-size: contain;
	margin-left: 10px;
}
.tower-box.box1 p {
	border-color: #FFA800;
}
.tower-box.box2 p {
	border-color: #E94153;
}
.tower-box.box3 p {
	border-color: #397297;
}
.tower-box.box1:before {
	background-image: url(../img/icon-tower-1.svg);
}
.tower-box.box2:before {
	background-image: url(../img/icon-tower-2.svg);
}
.tower-box.box3:before {
	background-image: url(../img/icon-tower-3.svg);
}
.slide-cols .slide-col.col1.bg {
	transition: all 1000ms;
	width: 55%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0;
	transform: translateX(100%);
}
.slide-cols .slide-col.col1.upgrades-bg.bg {
	width: 40%;
}
.slide-cols .slide-col.col1.upgrades-bg.bg p {
}
.slide-cols .slide-col.col1.upgrades-bg.bg p img {
	width: auto;
	display: block;
}
.slide-cols .slide-col.col1.upgrades-bg.bg p.bubble {
	margin-top: 5vh;
}
.slide-cols .slide-col.col1.upgrades-bg.bg p.bubble img {
	height: 50vh;
}
.slide-cols .slide-col.col1.upgrades-bg.bg p.title img {
	height: 15vh;
}
.modal-open .slide-cols .slide-col.col1.upgrades-bg.bg p.title img {
	height: 18vh;
}
.slide-cols .slide-col.col1.upgrades-bg.bg p.title {
	margin-left: 20%;
}
.modal-open .slide-cols .slide-col.col1.upgrades-bg.bg p.title {
	margin-top: 10vh;
}
.slide-cols .slide-col.col1.upgrades-bg.bg a {
	margin-left: 20%;
}

.section.active .slide-cols .slide-col.col1.bg {
	transform: translateX(0%);
}

.section .slide-cols .new-title {
	transition: all 1000ms;
	transform: translateX(-100px);
	transition-delay: 400ms;
	opacity: 0;
}
.section.active .slide-cols .new-title {
	transform: translateX(0px);
	opacity: 1;
	margin-bottom: 5vh;
}
.section.active.slide-wifi .slide-cols .new-title {
	margin-bottom: 0px;
	margin-top: 15vh;
}
.section .slide-col div.title,
.section .slide-col div.position,
.section .slide-col div.text {
	transition: all 1000ms;
	transform: translateX(80px);
	transition-delay: 600ms;
	opacity: 0;
}
.section .slide-col div.title {
	font-size: 2.8rem;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
}
.section .slide-col div.action {
	margin-top: 1rem;
}
.section .slide-col div.title .color {
	color: #009A9F;
}
.section .slide-col div.title em {
	font-size: 3.4rem;
}
.section .slide-col div.position {
	margin-bottom: 1em;
}
.section .slide-col div img {
	opacity: 0;
	transform: translateY(30px);
	transition: all 400ms;	
	transition-delay: 600ms;
}
.section .slide-col div img.layer-2 {
	transition-delay: 1200ms;
}
.section.active .slide-col div img {
	transform: translateY(0px);
	opacity: 1;
}
.section.active .slide-col div {
	transform: translateX(0px);
	opacity: 1;
}
.section .slide-col div.text {
	font-size: 1rem;
	line-height: 1.5em;
	max-height: 35vh;
	margin-bottom: 2vh;
}
.section.expand .slide-cols {
	height: auto;
}
.section.expand .slide-col div.text {
	max-height: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.section.active .slide-col div.text .expand-hide {
	transition: all 400ms;
	height: auto;
	overflow: hidden;
}
.section.active.expand .slide-col div.text .expand-hide {
	height: 0px;
}
.section .slide-col div.text .expand-show {
	transition: all 600ms;
	height: 0px;
	overflow: hidden;
}
.section.active.expand .slide-col div.text .expand-show {
	height: auto;
}

.section.active.expand .slide-col div.text .expand-show p:first-of-type {
	margin-top: 1em;
}

.section a.btn {
	transition-delay: 1000ms;
	transition: all 800ms;
	transform: translateX(100px);
	opacity: 0;
	text-align: center;
	z-index: 2;
	position: relative;
	white-space: nowrap;
}
.section a.watch-video.btn {
	border-color: #295466;
	color: #295466;
	margin-right: 1rem;
}
.section a.watch-video.btn:before {
	transition: all 300ms;
	content: ' ';
	display: inline-block;
	background-color: #295466;
	background: #295466 url(../img/icon-play.png) 7px 7px no-repeat;
	background-size: 20px 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 36px;
	height: 36px;
	z-index: -1;
}
.section a.btn:hover {
	color: #5D7786;
}
.section.active a.btn {
	transform: translateY(0px);
	opacity: 1;
}
.section a.btn.white:before {
	background-image: url(../img/icon-arrow-white@2x.png);
	background-color: #0048A0;
}
.section a.btn.white:hover {
	color: #ffffff;
}
.section a.btn.white:hover:before {
	background-color: #0048A0;
	background-image: url(../img/icon-arrow-white@2x.png);
}
.section a.btn.back:before {
	background-image: url(../img/icon-arrow-back-white.svg);
}
.tower-box.box1 {
	transition: all 1000ms;
	transform: translateX(-50px);
}
.section.active .tower-box.box1 {
	transform: translateX(0px);
}
.tower-box.box2 {
	transition: all 1000ms;
	transform: translateX(-100px);
}
.section.active .tower-box.box2 {
	transform: translateX(0px);
}
.tower-box.box3 {
	transition: all 1000ms;
	transform: translateX(-150px);
}
.section.active .tower-box.box3 {
	transform: translateX(0px);
}
.section.active.expand .slide-cols {
	
}
/* Chairman */
.section.chairman .slide-cols {
	background-color: #ffffff;
}
.section.chairman .slide-cols .slide-col .img {

}
.section.chairman .slide-cols .slide-col.col1 {
	background-image: url(../img/bg-chairman.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: left top;
	width: 45%;
}
.section.chairman .slide-cols .slide-col.col2 {
	width: 54%;
	background-color: #ffffff;
	padding: 0px 4em;
	box-sizing: border-box;
}
.section.chairman .slide-col div.title {
	display: inline-block;
	margin-bottom: 0.6em;
	transition-delay: 400ms;
	width: 60%;
}

/* CEO */
.section.ceo .slide-cols {
	background-color: #ffffff;
}
.section.ceo .slide-cols .slide-col.col1 {
	height: calc(100vh - 80px);
	width: 45%;
	background-image: url(../img/bg-chairman.jpg);
	background-repeat: repeat-y;
	background-size: 100% 100%;
	background-position: left top;
}
.section.ceo .slide-cols .slide-col.col2 {
	width: 54%;
	background-color: #ffffff;
	padding: 0px 4em;
}
.section.ceo .slide-cols .slide-col .img {
	text-align: right;
}
.text-ceo {
	position: relative;
	background: transparent url(../img/bg-text-ceo.png) center center/cover no-repeat;
	font-size: 0.9rem;
	line-height: 1.4em;
	display: flex;
	align-items: center;
	margin-left: 8vw;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display:flex;
}
.text-ceo img {
	width: 16vw;
	margin-left: -8vw;
}
.text-ceo .text-ceo-text {
	padding: 1.4em;
	max-height: 26vh;
	width: 68%;
}
.text-ceo .text-ceo-1 {
	opacity: 0;
	transition: all linear 600ms;
}
.expand .text-ceo .text-ceo-1 {
	transition-delay: 0ms;
	transform-origin: right;
}
.text-ceo .text-ceo-2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.section.active .text-ceo .text-ceo-1 {
	transition-delay: 0ms;
	opacity: 1;
}
.section.ceo .slide-col div.title {
	display: inline-block;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom: 1rem;
	width: 60%;
}
.section.ceo .slide-col div.title .two {
	font-weight: 300;
	color: #009A9F;
}
.section.ceo .slide-col div.title .three {
	font-weight: 300;
	color: #295466;
}
.section.ceo .slide-col div.title em {
	color: #295466;
}
.section.ceo.expand .content-box-scroll .action {
	opacity: 0;
}
.section.ceo.expand .slide-cols {
	z-index: 2;
	background-size: auto 130% !important;
}
.section.ceo.expand .banner-full {
	z-index: 1;
}
.section.ceo .slide-cols .slide-col.col2 {
	transition: all linear 600ms;
	transform: translateY(0%);
}

/* CFO */
.section.cfo .slide-cols {
	background-color: #ffffff;
}
.section.cfo .slide-cols .slide-col.col1 {
	height: calc(100vh - 80px);
	width: 45%;
	background-image: url(../img/bg-cfo.jpg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: center bottom;
}
.section.cfo .slide-cols .slide-col.col2 {
	width: auto;
	width: 54%;
	background-color: #ffffff;
	padding: 0px 4em;
}
.section.cfo .slide-cols .slide-col .img {
	text-align: right;
}
.text-cfo {
	position: relative;
	background: transparent url(../img/bg-text-cfo.png) center center/cover no-repeat;
	font-size: 0.9rem;
	line-height: 1.4em;
	display: flex;
	align-items: center;
	margin-left: 8vw;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display:flex;
}
.text-cfo img {
	width: 16vw;
	margin-left: -8vw;
}
.text-cfo .text-cfo-text {
	padding: 1.4em;
	max-height: 26vh;
	width: 68%;
}
.text-cfo .text-cfo-1 {
	opacity: 0;
	transition: all linear 600ms;
}
.expand .text-cfo .text-cfo-1 {
	transition-delay: 0ms;
	transform-origin: right;
}
.text-cfo .text-cfo-2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.section.active .text-cfo .text-cfo-1 {
	transition-delay: 0ms;
	opacity: 1;
}
.section.cfo .slide-col div.title {
	display: inline-block;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom: 1rem;
	width: 60%;
}
.section.cfo .slide-col div.title .two {
	font-weight: 300;
	color: #009A9F;
}
.section.cfo .slide-col div.title .three {
	font-weight: 300;
	color: #295466;
}
.section.cfo .slide-col div.title em {
	color: #295466;
}
.section.cfo.expand .content-box-scroll .action {
	opacity: 0;
}
.section.cfo.expand .slide-cols {
	z-index: 2;
	background-size: auto 130% !important;
}
.section.cfo.expand .banner-full {
	z-index: 1;
}
.section.cfo .slide-cols .slide-col.col2 {
	transition: all linear 600ms;
	transform: translateY(0%);
}



/* Sustainability */

.section.sustain .section-scroll {
	background-image: url(../img/bg-sustain.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
	box-sizing: border-box;
}
.section.sustain .slide-cols {
	background: rgb(16,39,95);
	background: -moz-linear-gradient(90deg, rgba(16,39,95,1) 0%, rgba(16,39,95,0) 50%);
	background: -webkit-linear-gradient(90deg, rgba(16,39,95,1) 0%, rgba(16,39,95,0) 50%);
	background: linear-gradient(90deg, rgba(16,39,95,1) 0%, rgba(16,39,95,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10275f",endColorstr="#10275f",GradientType=1);
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
.title-sustain {
	
}
.title-sustain img {
	display: block;
	height: 100%;
	max-height: 10vh;
	width: auto;
}
.title-sustain img:first-of-type {
	max-height: 4vh;
	margin-bottom: 20px;
}
.sustain-intro {
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	line-height: 1.4em;
	max-height: 20vh;
}
.sustain-intro p { 
	color: #ffffff !important;
	font-size: 13px;
}
.section.sustain .slide-cols .slide-col.col1 {
	width: 30%;
	padding: 0px 3vw 0 0;
	height: auto;
	vertical-align: top;
}
.section.sustain .slide-cols .slide-col.col2 {
	width: 69%;
	padding-left: 0;
	height: auto;
	vertical-align: top;
}
.section.sustain .slide-cols .slide-col.col-full {
	width: 100%;
	padding-left: 0;
	height: auto;
	color: #ffffff;
	margin-top: 3vh;
}
.section.sustain .slide-col div.text {
	max-width: none;
	max-height: none;
}
.section.sustain .slide-col div.text {
	color: #ffffff;
}
#slide-sustain .action a.btn:not(.white):hover {
	color: #0048A0 !important;
}
.section.sustain .slide-cols .slide-col .img {
	text-align: right;
}
.text-sustain {
	position: relative;
	background: transparent url(../img/bg-text-sustain.png) center center/cover no-repeat;
	font-size: 0.9rem;
	line-height: 1.4em;
	display: flex;
	align-items: center;
	margin-left: 8vw;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display:flex;
}
.text-sustain img {
	width: 16vw;
	margin-left: -8vw;
}
.text-sustain .text-sustain-text {
	padding: 1.4em;
	max-height: 26vh;
	width: 68%;
}
.text-sustain .text-sustain-1 {
	opacity: 0;
	transition: all linear 600ms;
}
.expand .text-sustain .text-sustain-1 {
	transition-delay: 0ms;
	transform-origin: right;
}
.text-sustain .text-sustain-2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.section.active .text-sustain .text-sustain-1 {
	transition-delay: 0ms;
	opacity: 1;
}
.section.sustain .slide-col div.title {
	display: inline-block;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom: 1rem;
	transition-delay: 400ms;
}
.section.sustain .slide-col div.title .two {
	font-weight: 300;
	color: #009A9F;
}
.section.sustain .slide-col div.title .three {
	font-weight: 300;
	color: #295466;
}
.section.sustain .slide-col div.title em {
	color: #295466;
}
.section.sustain .content-box-cell {
	vertical-align: middle;
}
.section.sustain.expand .content-box-scroll .action {
	opacity: 0;
}
.section.sustain.expand .slide-cols {
	z-index: 2;
	background-size: auto 130% !important;
}
.section.sustain.expand .banner-full {
	z-index: 1;
}
.section.sustain .slide-cols .slide-col.col2 {
	transition: all linear 600ms;
	transform: translateY(0%);
}
.section.sustain.expand .slide-cols .slide-col.col2 {
	transform: translateY(20%) !important;
}
.section.sustain.expand .text-sustain .text-sustain-1 {
	
}

.slide-cols .slide-col.bg {
	overflow: hidden;
}
.modal-open .slide-cols .slide-col .img {
	
}
.modal-open .slide-cols .slide-col.tower-bg .img {
	margin-top: 64px;
	height: calc(100% - 64px);
	transform: scale(1.4);
}
.submarine-bg .text-in-img {
	padding-top: 3vh;
	padding-left: 3%;
	width: 60%;
}
.submarine-bg .text-in-img .boxy {
	background-color: rgba(0,0,0,0.7);
	padding: 2vw;
}
.submarine-bg .text-in-img .boxy p {
	font-size: 12px;
}
.submarine-bg .text-in-img .boxy p:last-of-type {
	margin-bottom: 0px;
}
.content-box-table {
	display: table;
	height: 100%;
	width: 100%;
}
.content-box-cell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.slide-cols .slide-col.col2 {
	width: 35%;
	height: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	box-sizing: border-box;
}
.img .img-tagline {
	font-size: 13px;
	width: 40%;
	position: absolute;
	right: 5%;
	bottom: 5%;
	line-height: 1.4em;
	transition: all 600ms;
}
.content-box-scroll {
}
.suburban .title {
	width: 25%;
    position: absolute;
    left: 5%;
    top: 8%;
    z-index: 1;
    opacity: 0;
	transition: all 600ms;
	transform: translateX(-100px);
}
.modal-open .suburban .title {
	opacity: 1;
	transform: translateX(0px);
}
.slide-suburban .img .img-tagline {
	position: absolute;
	right: auto;
	left: 5%;
	top: 5%;
	width: 25%;
	bottom: auto;
	color: #FFA800;
	border: 2px solid #FFA800;
	border-radius: 20px;
	padding: 1.5em;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
	transform: translateY(-100px);
	opacity: 0;
	transition-delay: 1000ms;
}
.slide-suburban.active .img .img-tagline {
	transform: translateY(0px);
	opacity: 1;
}
.slide-smart .img .img-tagline {
	position: absolute;
	right: auto;
	left: 5%;
	top: 5%;
	width: 25%;
	bottom: auto;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 20px;
	padding: 1.5em;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: bold;
	transition: all 600ms;
	transform: translateY(-100px);
	opacity: 0;
	transition-delay: 1000ms;
}
.slide-smart.active .img .img-tagline {
	transform: translateY(0px);
	opacity: 1;
}
.modal-open .slide-suburban .img .img-tagline,
.modal-open .slide-smart .img .img-tagline {
	top: calc(5% + 64px);
}
.submarine-map {
	text-align: center;
}
.submarine-map img {
	max-width: 130%;
	display: block;
	margin-left: -15%;
	transition: all 600ms;
	transition-delay: 600ms;
	transform: scale(0);
}
.active .submarine-map img {
	transform: scale(1);
}
.text-in-img {
	width:50%;
	padding-left: 5%;
	padding-top: 10vh;
}
.chart.total-distance {
	text-align: center;
	height: 30vh;
	position: absolute;
	bottom: 10vh;
	width: 100%;
}
.chart.total-distance .stats {
	animation: pulsating2 1600ms infinite;
	 -webkit-animation: pulsating2 1600ms infinite;
	 -moz-animation: pulsating2 1600ms infinite;
	 -o-animation: pulsating2 1600ms infinite;
}
@-webkit-keyframes pulsating2 {
 0% {-webkit-transform: scale(1);
/* 	 transform-origin: left top; */
 } 
50% {-webkit-transform: scale(1.15);
/* 	transform-origin: left top; */
}
}
.chart.total-distance .stats {
	height: 100%;
	display: inline-block;
}
.chart.total-distance img {
	display: block;
	margin: 0 auto;
	height: 100%;
}
.chart.total-distance svg {
	display: block;
	margin: 0 auto;
	height: 100%;
}
.chart.total-distance .stats .stat {
	position: absolute;
	left: 50%;
	top: 39%;
	color: #E94153;
	font-size: 5vw;
}
.btn.download {
}
.btn.download:before {
	background-image: url(../img/icon-download@2x.png) !important;
	background-size: 20px !important;
	background-position: 6px 8px !important;
}
.slide-download {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 9999;
	background-color: #10275FEE;X
}
.download-title {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 28px;
	color: #ffffff;
	margin-bottom: 0.6em;
}
.slide-download .slide-cols .slide-col .actions .btn:hover {
	color: #10275F !important;
}
.slide-download .slide-cols {
	background-color: transparent;
}
.slide-download .slide-cols .slide-col {
	text-align: center;
}
.slide-download .slide-cols .slide-col .actions {
	margin-top: 2em;
}
.slide-download .slide-cols .slide-col .actions .btn {
	display: block;
	width: 140px;
}
.btn.download span {

}
.slide-download .slide-cols {
	height: 100%;
	text-align: center;
}
.slide-download .slide-cols .slide-col.col1 {
	width: 25%;
	box-sizing: border-box;
	padding-right: 0px;
}
.slide-download .slide-cols .slide-col.col2 {
	width: 25%;
	display: inline-block;
	height: auto;
	padding-top: 3em;
	box-sizing: border-box;
}
.slide-download .slide-cols .slide-col.col3 {
	width: 40%;
	display: inline-block;
	height: auto;
	border-left: 1px solid #ffffff;
	padding: 2em;
	box-sizing: border-box;
}
.slide-wifi .slide-cols .slide-col.col1 {
	width: 60%;
	margin-right: 5%;
}
.slide-wifi .slide-cols .slide-col.col2 {
	width: 35%;
}
.slide-wifi .slide-cols .slide-col.col2 .content-box-cell {

}
.slide-wifi .stats {
	display: inline-block;
	width: 50vw;
	margin-bottom: 30vh;
	margin-top: 5vh;
}
.slide-wifi .slide-cols .slide-col.col2 .stats {
	margin-top:3vh;
}
.slide-wifi .slide-cols .slide-col.col1 .stats {
	margin-bottom: 40vh;
	width: 100%;
}

.suburban.image-layering img.layer2 {
	transition-delay: 400ms;
}
.modal-open .suburban.image-layering img.layer2 {
	opacity: 1;
}
.suburban .tower {
	width: 2%;
	height: auto;
	z-index: 0;
	position: absolute;
	left: 5%;
	opacity: 0;
	transition: all 600ms;
}
.suburban .tower.t1 {
	transition-delay: 400ms;
	left: 23%;
    bottom: 56%;
    transform: translateY(100px);
}
.suburban .tower.t2 {
	transition-delay: 600ms;
	width: 1%;
	left: 71%;
    bottom: 53%;
    transform: translateY(100px);
}
.suburban .tower.t3 {
	transition-delay: 800ms;
	left: 84%;
    bottom: 28%;
    width: 3%;
    transform: translateY(100px);
}
.modal-open .suburban .tower {
	opacity: 1;
	transform: translateY(0);
}
.fibre .title {
	width: 25%;
    position: absolute;
    left: 10%;
    top: 7%;
    z-index: 1;
    opacity: 0;
	transition: all 600ms;
	transform: translateX(-100px);
}
.modal-open .fibre .title {
	opacity: 1;
	transform: translateX(0px);
}
.fibre.image-layering img.layer2 {
	transition-delay: 400ms;
}
.modal-open .fibre.image-layering img.layer2 {
	opacity: 1;
}

.fibre .tower {
	width: 2%;
	height: auto;
	z-index: 0;
	position: absolute;
	left: 5%;
	opacity: 0;
	transition: all 600ms;
}
.fibre .tower.t1 {
	transition-delay: 400ms;
	left: 2%;
    bottom: 44%;
    width: 6%;
    transform: translateY(100px);
}
.fibre .tower.t2 {
	transition-delay: 600ms;
	width: 8%;
	left: 90%;
    bottom: 44%;
    transform: translateY(100px);
}
.modal-open .fibre .tower {
	opacity: 1;
	transform: translateY(0);
}

.preload-images {
	
}
.preload-images img {
	width: 1px;
	height: 1px;
	display: inline-block
}
.image-layering {
	position: relative;
}
.image-layering img.layer2,
.image-layering img.layer4 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	display: block;
	height: 100%;
	opacity: 0;
	transition: all 1200ms;
}
.image-layering img.base {
	position: relative;
}
.towers .tower {
	width: 5%;
	height: auto;
	z-index: 0;
	position: absolute;
	left: 5%;
	opacity: 0;
	transition: all 1000ms;
}

.towers .house {
	width: 5%;
	height: auto;
	z-index: 0;
	position: absolute;
	left: 5%;
	opacity: 0;
	transition: all 1000ms;
}

.towers .kampung {
	width: 5%;
	height: auto;
	z-index: 2;
	position: absolute;
	left: 5%;
	opacity: 0;
	transition: all 1000ms;
}

.towers .title {
	width: 25%;
    position: absolute;
    left: 5%;
    top: 8%;
    z-index: 1;
    opacity: 0;
	transition: all 600ms;
	transform: translate3d(-100px, 0, 0);
}
.modal-open .towers .title {
	opacity: 1;
	transform: translate3d(0px, 0, 0);
}
.house.h1 {
	transition-delay: 400ms;
	left: 8%;
    bottom: 14%;
    transform: translate3d(0,100px, 0);
}
.kampung.k1 {
	transition-delay: 400ms;
	left: 29%;
    bottom: 0%;
    width: 10%;
    transform: translate3d(0,100px, 0);
}
.tower.t1 {
	transition-delay: 400ms;
	left: 9%;
    bottom: 36%;
    transform: translate3d(0,100px, 0);
}
.tower.t2 {
	transition-delay: 600ms;
	width: 4.5%;
	left: 29%;
    bottom: 31%;
    transform: translate3d(0,100px, 0);
}
.house.h2 {
	transition-delay: 800ms;
	left: 56%;
    bottom: 28%;
    transform: translate3d(0,100px, 0);
}
.kampung.k2 {
	transition-delay: 800ms;
	left: 72%;
    bottom: 13%;
    transform: translate3d(0,100px, 0);
}
.tower.t3 {
	transition-delay: 800ms;
	left: 41%;
    bottom: 40%;
    transform: translate3d(0,100px, 0);
}
.tower.t4 {
	transition-delay: 1000ms;
	left: 68%;
    bottom: 36%;
    transform: translate3d(0,100px, 0);
    width: 4%;
}
.tower.t5 {
	transition-delay: 1200ms;
	left: 79%;
    bottom: 13%;
    transform: translate3d(0,100px, 0);
    width: 3.6%;
}
.house.h3 {
	transition-delay: 1000ms;
	left: 81%;
    bottom: 0%;
    transform: translate3d(0,100px, 0);
    width: 7%;
}
.tower.t6 {
	transition-delay: 1400ms;
	left: 89%;
    bottom: 36%;
    transform: translate3d(0,100px, 0);
    width: 3%;
}
.modal-open .tower, .modal-open .house, .modal-open .kampung {
	opacity: 1;
	transform: translate3d(0,0, 0);
}
.towers.image-layering img.layer2 {
	transition-delay: 400ms;
}
.modal-open .towers.image-layering img.layer2 {
	opacity: 1;
}
.towers.image-layering img.layer3 {
	transition-delay: 600ms;
}
.modal-open .towers.image-layering img.layer3 {
	opacity: 1;
}
.towers.image-layering img.layer4 {
	transition-delay: 700ms;
}
.modal-open .towers.image-layering img.layer4 {
	opacity: 1;
}
.upgrades .title {
	width: 32%;
    position: absolute;
    left: 5%;
    top: 8%;
    z-index: 1;
    opacity: 0;
	transition: all 600ms;
	transform: translateX(-100px);
}
.modal-open .upgrades .title {
	opacity: 1;
	transform: translateX(0px);
}
.upgrades.image-layering img.layer2,
.upgrades.image-layering img.layer3 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	display: block;
	height: 100%;
	opacity: 0;
	transition: all 400ms;
}
.upgrades.image-layering img.layer2 {
	transition-delay: 600ms;
	transform: translateY(-100px);
}
.modal-open .upgrades.image-layering img.layer2 {
	opacity: 1;
	transform: translateY(0px);
}
.upgrades.image-layering img.layer3 {
	transition-delay: 400ms;
}
.modal-open .upgrades.image-layering img.layer3 {
	opacity: 1;
}
.stat-block {
	position: relative;
	transition: all 600ms;
}

.slide-wifi .slide-cols .slide-col.col1.bg {
	transition: none;
	transform: none;
}
.section.slide-wifi.active .slide-cols .slide-col.col1.bg {
	transform: none;
}
.chart-wifi-total {
	width: 80%;
	max-width: 400px;
}
.chart-wifi-total .total {
	color: #E94153;
	font-size: 42px;
	top: 36%;
	left: 50%;
}
.chart-wifi-total .total2018 {
	color: #E94153;
	font-size: 32px;
	top: 43%;
	left: 84%;
}
.chart-wifi-total .total2 {
	color: #E94153;
	font-size: 32px;
	top: 43%;
	left: 15%;
}
.chart-wifi-plane {
	max-width: 147px;
	width: 30%;
	margin-left: 40%;
	transform: translateX(-1000%) translateY(50%);
	transition-delay: 600ms;
	transition-duration: 2000ms;
}
.section.active .chart-wifi-plane {
	transform: translateX(-50%) translateX(0);
}
.chart-wifi-states {
	text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.section .chart-wifi-states .stat {
	transition: all 20ms;
	transition-delay: 0;
	transform: translateY(50%);
	opacity: 0;
	position: relative;
	display: inline-block;
	width: 17%;
	vertical-align: top;
	margin-bottom: 10px;
}
.section .chart-wifi-states .stat > img {
	width: auto;
	margin: 0 0 -20px 24px;
	display: block;
}
.section .chart-wifi-states .stat .circle {
	background:  transparent url(../img/chart-internet-bullet.svg) center center no-repeat;
	width: 100px;
	height: 100px;
    background-size: contain;
    padding-top: 0;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
}
.section.active .chart-wifi-states .stat {
	transition-duration: 600ms;
	transform: translateY(0%);
	opacity: 1;
}
.chart-wifi-states .stat span {
	display: block;
	font-size: 12px;
	text-align: center;
	
}
.chart-wifi-states .stat span.num {
	font-size: 20px;
	line-height: 1.2em;
	
	color: #222222;
}
/* First Row */
.chart-wifi-states .stat:nth-child(1) {
/* 	left: 5%;	 */
}
.chart-wifi-states .stat:nth-child(2) {
/* 	left: 20%;	 */
/* 	top: 2em; */
	transition-delay: 200ms;
}
.chart-wifi-states .stat:nth-child(3) {
/* 	left: 35%;	 */
	transition-delay: 400ms;
}
.chart-wifi-states .stat:nth-child(4) {
/* 	left: 50%;	 */
/* 	top: 2em; */
	transition-delay: 600ms;
}
.chart-wifi-states .stat:nth-child(5) {
/* 	left: 65%;	 */
	transition-delay: 800ms;
}
/* Second Row */
.chart-wifi-states .stat:nth-child(6) {
/* 	left: 5%;	 */
/* 	top: 2em; */
	transition-delay: 1000ms;
}
.chart-wifi-states .stat:nth-child(7) {
/* 	left: 20%;	 */
/* 	top: 4em; */
	transition-delay: 1200ms;
}
.chart-wifi-states .stat:nth-child(8) {
/* 	left: 35%;	 */
/* 	top: 2em; */
	transition-delay: 1400ms;
}
.chart-wifi-states .stat:nth-child(9) {
/* 	left: 50%;	 */
/* 	top: 4em; */
	transition-delay: 1600ms;
}
.chart-wifi-states .stat:nth-child(10) {
/* 	left: 65%;	 */
/* 	top: 2em; */
	transition-delay: 1800ms;
}
/* Third Row */
.chart-wifi-states .stat:nth-child(11) {
/* 	left: 5%;	 */
/* 	top: 3em; */
	transition-delay: 2000ms;
}
.chart-wifi-states .stat:nth-child(12) {
/* 	left: 20%;	 */
/* 	top: 5em; */
	transition-delay: 2200ms;
}
.chart-wifi-states .stat:nth-child(13) {
/* 	left: 35%;	 */
/* 	top: 4em; */
	transition-delay: 2400ms;
}
.chart-wifi-states .stat:nth-child(14) {
/* 	left: 50%;	 */
/* 	top: 5em; */
	transition-delay: 2600ms;
}
.chart-wifi-states .stat:nth-child(15) {
/* 	left: 65%;	 */
/* 	top: 4em; */
	transition-delay: 2800ms;
}


.slide-internet .banner-full {
	background-color: #BAD8E1;
}
.slide-internet .stats .title {
	width: 506px;
	margin: 2em auto;
}
.chart-internet-total {
	max-width: 420px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}
.chart-internet-total .total {
	color: #E94153;
	font-size: 46px;
	top: 34%;
	left: 50%;
}
.chart-internet-total .total2018 {
	color: #E94153;
	font-size: 36px;
	top: 40%;
	left: 84%;
}
.chart-internet-total .total2 {
	color: #E94153;
	font-size: 36px;
	top: 40%;
	left: 15%;
}
.chart-internet-states {
	margin-top: 1em;
	text-align: center;
}
.section .chart-internet-states .stat {
	display: inline-block;
	position: relative;
	transition: all 400ms;
	opacity: 0;
	vertical-align: top;
	margin: 0 1% 10px;
	transform: none;
}
.section .chart-internet-states .stat > img {
	width: auto;
	margin: 0 0 -20px;
	display: inline-block;
}
.section .chart-internet-states .stat .circle {
	background:  transparent url(../img/chart-internet-bullet.svg) center center no-repeat;
	width: 100px;
	height: 100px;
    background-size: contain;
    padding-top: 0;
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
}
.section.active .chart-internet-states .stat {
	opacity: 1;
}
.chart-internet-states .stat span {
	display: block;
	font-size: 12px;
	text-align: center;
	
	color: #333333;
}
.chart-internet-states .stat span.num {
	font-size: 22px;
	line-height: 1.2em;
	
}
.chart-internet-states .stat.state-sembilan .state-name,
.chart-internet-states .stat.state-kl .state-name,
.chart-internet-states .stat.state-putrajaya .state-name {
	margin-top: -0.5em;
}
.section.active .chart-internet-bg {
}
.chart-internet-states .stat:nth-child(1) {
}
.chart-internet-states .stat:nth-child(2) {
	transition-delay: 200ms;
}
.chart-internet-states .stat:nth-child(3) {
	transition-delay: 400ms;
}
.chart-internet-states .stat:nth-child(4) {
	transition-delay: 600ms;
}
.chart-internet-states .stat:nth-child(5) {
	transition-delay: 800ms;
}
.chart-internet-states .stat:nth-child(6) {
	transition-delay: 1000ms;
}
.chart-internet-states .stat:nth-child(7) {
	transition-delay: 1200ms;
}
.chart-internet-states .stat:nth-child(8) {
	transition-delay: 1400ms;
}
.chart-internet-states .stat:nth-child(9) {
	transition-delay: 1600ms;
}
.chart-internet-states .stat:nth-child(10) {
	transition-delay: 1800ms;
}
.chart-internet-states .stat:nth-child(11) {
	transition-delay: 2000ms;
}
.chart-internet-states .stat:nth-child(12) {
	transition-delay: 2200ms;
}
.chart-internet-states .stat:nth-child(13) {
	transition-delay: 2400ms;
}
.chart-internet-states .stat:nth-child(14) {
	transition-delay: 2600ms;
}
.chart-internet-states .stat:nth-child(15) {
	transition-delay: 2800ms;
}



.slide-smart .hidden-banner {
	background-color: #C4E4F9;
}
.chart-smart-total {
	max-width: 500px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-bottom: 2em;
}
.chart-smart-total .stat.total {
	color: #E94153;
	font-size: 40px;
	top: 38%;
	left: 50%;
}
.chart-smart-total .stat.total2018 {
	color: #E94153;
	font-size: 24px;
	top: 44%;
	left: 84%;
}
.chart-smart-total .stat.total2 {
	color: #E94153;
	font-size: 24px;
	top: 44%;
	left: 16%;
}
.chart-smart-states {
	margin-top: 1em;
	text-align: center;
}
.section .chart-smart-states .stat {
	display: inline-block;
	position: relative;
	transition: all 400ms;
	opacity: 0;
	vertical-align: top;
	margin: 0 1% 10px;
	transform: none;
}
.section .chart-smart-states .stat > img {
	width: auto;
	margin: 0 auto;
	margin: 0 0 -25px;
	display: inline-block;
}
.section .chart-smart-states .stat .circle {
	background:  transparent url(../img/chart-internet-bullet.svg) center center no-repeat;
	width: 110px;
	height: 100px;
    background-size: contain;
    padding-top: 0px;
    margin-top: 0px;
    display: table-cell;
    vertical-align: middle;
}
.section.active .chart-smart-states .stat {
	opacity: 1;
}
.chart-smart-states .stat span {
	display: block;
	font-size: 12px;
	text-align: center;
	
	color: #333333;
}
.chart-smart-states .stat span.num {
	font-size: 18px;
	line-height: 1.2em;
	
}
.chart-smart-states .stat:nth-child(1) {
}
.chart-smart-states .stat:nth-child(2) {
	transition-delay: 200ms;
}
.chart-smart-states .stat:nth-child(3) {
	transition-delay: 400ms;
}
.chart-smart-states .stat:nth-child(4) {
	transition-delay: 600ms;
}
.chart-smart-states .stat:nth-child(5) {
	transition-delay: 800ms;
}
.chart-smart-states .stat:nth-child(6) {
	transition-delay: 1000ms;
}
.chart-smart-states .stat:nth-child(7) {
	transition-delay: 1200ms;
}
.chart-smart-states .stat:nth-child(8) {
	transition-delay: 1400ms;
}
.chart-smart-states .stat:nth-child(9) {
	transition-delay: 1600ms;
}
.chart-smart-states .stat:nth-child(10) {
	transition-delay: 1800ms;
}
.chart-smart-states .stat:nth-child(11) {
	transition-delay: 2000ms;
}
.chart-smart-states .stat:nth-child(12) {
	transition-delay: 2200ms;
}
.chart-smart-states .stat:nth-child(13) {
	transition-delay: 2400ms;
}
.chart-smart-states .stat:nth-child(14) {
	transition-delay: 2600ms;
}
.chart-smart-states .stat:nth-child(15) {
	transition-delay: 2800ms;
}

.smart-hand {
	width: 16%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	opacity: 0;
	transform: translateX(-100%);
	transition: all 800ms;
	transition-delay: 1000ms;
}
body.modal-open .smart-hand {
	opacity: 1;
	transform: translateX(0px);
}
.fp-scroller {
	transition: all 500ms;
}

@-webkit-keyframes pulsating {
 0% {-webkit-transform: scale(1) translate3d(-52%, -50%, 0);
	 transform-origin: left top;
 } 
50% {-webkit-transform: scale(1.1) translate3d(-52%, -50%, 0);
	transform-origin: left top;
}
}
/*
@-moz-keyframes pulsating {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-20px);}
 60% {-moz-transform: translateY(-10px);}
}
 
@-o-keyframes pulsating {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-20px);}
 60% {-o-transform: translateY(-10px);}
}
@keyframes pulsating {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-20px);}
 60% {transform: translateY(-10px);}
}
*/

.chart-suburban-total {
	position: absolute;
	right: 5%;
	top: 14%;
	z-index: 20;
	width: 39%;
}
.section.slide-suburban .stat {
	text-align: right;
}
.section.slide-suburban .stat > img {
	width: 48px;
	margin: 0 -5px -30px 0px;
	display: inline-block;
}
.section.slide-suburban .stat .circle {
	background:  transparent url(../img/chart-internet-bullet.svg) center center no-repeat;
	width: 10vw;
	text-align: center;
	height: 9vw;
    background-size: contain;
    padding-top: 0px;
    margin-top: 0px;
    display: table-cell;
    vertical-align: middle;
}
.section.active.slide-suburban .stat {
	opacity: 1;
}
.section.active.slide-suburban .stat .circle span {
	display: block;
	font-size: 1vw;
	text-align: center;
	
	color: #0058A6;
}
.section.active.slide-suburban .stat .circle span.num {
	font-size: 22px;
	line-height: 1.2em;
	
}
.wifi-bg-layer {
	position: absolute;
	bottom: 0px;
	height: 100%;
	background: transparent url(../img/chart-community-wifi-layer-1.png) center bottom no-repeat;
	background-size: 100% auto;
	z-index: 0;
	width: 100%;
}
#Path_13941 {
	stroke-dasharray: 8;
	stroke-dashoffset: 10 4;
	animation: dash 20s linear infinite;
}
.product-video {
	margin: auto;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
/*
	height: 100vh;
	width: 100vw;
*/
}
.hidden-ach {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
	background-color: #ffffff;
	transition: all 600ms ease-in-out;
}
.mobile-modal-close {
	cursor: pointer;
	display: inline-block;
	width: 48px;
	height: 48px;
	background-image: url(../img/modal-close.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	margin-left: 0px;
	transition: all 600ms;
}
.mobile-modal-close.white {
	background-image: url(../img/modal-close-white.svg);
}
.hidden-ach.show {
	display: block;
}
.modal-action {
	position: absolute;
	right: 0px;
	top: 0px;
}
.modal-content {
	max-height: 100vh;
	overflow: auto;
}
.chart-title {
	text-align: center;
	padding: 1em 0px 0;
}
.chart-pieces {
	max-width: 90%;
	width: 100%;
	margin: 0 auto;
}
.chart-ach-2 .chart-pieces {
	max-width: 80%;
}
.chart-pieces .chart-piece-box {
	display: inline-block;
	width: 32%;
	margin-bottom: 20px;
	text-align: left;
	vertical-align: top;
}
.chart-pieces .chart-piece-box .chart-piece {
	max-width: 100%;
}
.mobile-modal-open {
	overflow: hidden;
}
.chart-mobile-banner {
	background-size: cover;
	position: relative;
	padding-bottom: 200px;
}
.chart-towers-mobile {
	background:  #aedaf5 url(../img/chart-towers-mobile-bg.jpg) center bottom no-repeat;
	background-size: cover;
}
.chart-upgrade-mobile {
	background:  #aedaf5 url(../img/chart-upgrade-mobile-bg.jpg) center bottom no-repeat;
	background-size: cover;
}
.chart-suburban-mobile {
	background:  #aedaf5 url(../img/chart-suburban-mobile-bg.jpg) center bottom no-repeat;
	background-size: cover;
}
.chart-fibre-mobile {
	background:  #DDFCFC url(../img/chart-fibre-mobile-bg.jpg) center bottom no-repeat;
	background-size: 100% auto;
}

.chart-mobile-states {
	text-align: center;
	background-color: #81c156;
	padding: 20px 0px;
}
.section .chart-mobile-states .stat {
	display: inline-block;
	position: relative;
	transition: all 400ms;
	opacity: 0;
	left: 0;
	top: 0;
	vertical-align: top;
	margin: 0 5px;
	transform: none;
	text-align: right;
}
.section .chart-mobile-states .stat > img {
	width: auto;
	margin: 0 -5px -25px 0px;
	display: inline-block;
}
.section .chart-mobile-states .stat .circle {
	background:  transparent url(../img/chart-towers-bullet.svg) center center no-repeat;
	width: 110px;
	height: 100px;
    background-size: contain;
    padding-top: 0;
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
}
.section.expand .chart-mobile-states .stat {
	opacity: 1;
}
.chart-mobile-states .stat span {
	display: block;
	font-size: 14px;
	text-align: center;
	
	color: #ffffff;
}
.chart-mobile-states .stat span.num {
	font-size: 24px;
	line-height: 1.2em;
	
}
.section .chart-mobile-states.white .stat .circle {
	background:  transparent url(../img/chart-internet-bullet.svg) center center no-repeat;
}
.chart-mobile-states.white .stat span {
	color: #333333;
}
.slide-suburban.expand .img-tagline.mobile-only {
	bottom: auto;
	color: #FFA800;
	border: 2px solid #FFA800;
	border-radius: 20px;
	padding: 1.5em;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
	transform: translateY(-100px);
	opacity: 0;
	transition-delay: 1000ms;
	margin-bottom: 1em;
}
.slide-suburban.expand .img-tagline.mobile-only {
	transform: translateY(0px);
	opacity: 1;
}

.slide-smart.expand .img-tagline.mobile-only {
	bottom: auto;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 20px;
	padding: 1.5em;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
	transform: translateY(-100px);
	opacity: 0;
	transition-delay: 1000ms;
	margin-bottom: 1em;
}
.slide-smart.expand .img-tagline.mobile-only {
	transform: translateY(0px);
	opacity: 1;
}
.mobile-download-cover {
	margin-top: 40px;
	margin-bottom: 20px;
}

.section-thumbs > a .box:before {
	content: ' ';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 70%;
	z-index: 1;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.chart-fibre-states {
	position: absolute;
	bottom: 0px;
	height: 44%;
	width: 100%;
}
.section .chart-fibre-states .stat {
	display: inline-block;
	position: absolute;
	transition: all 400ms;
	opacity: 0;
	vertical-align: top;
	margin: 0 5px;
	transform: none;
	text-align: right;
}
.section .chart-fibre-states .stat > img {
	width: auto;
	margin: 0 -5px -25px 0px;
	display: inline-block;
}
.section .chart-fibre-states .stat .circle {
	background:  transparent url(../img/chart-internet-bullet.svg) center center no-repeat;
	width: 110px;
	height: 110px;
    background-size: contain;
    padding-top: 0px;
    margin-top: 0px;
    display: table-cell;
    vertical-align: middle;
}
.section.active .chart-fibre-states .stat {
	opacity: 1;
}
.chart-fibre-states .stat span {
	display: block;
	font-size: 13px;
	text-align: center;
	
	color: #333333;
}
.chart-fibre-states .stat span.num {
	font-size: 24px;
	line-height: 1.2em;
	
}
.chart-fibre-states .stat:nth-child(1) {
	left: 5%;
	top: 7vw;
}
.chart-fibre-states .stat:nth-child(2) {
	transition-delay: 200ms;
	left: 20%;
	top: 7vw;
}
.chart-fibre-states .stat:nth-child(3) {
	transition-delay: 400ms;
	left: 35%;
	top: 7vw;
}
.chart-fibre-states .stat:nth-child(4) {
	transition-delay: 600ms;
	left: 50%;
	top: 7vw;
}
.chart-fibre-states .stat:nth-child(5) {
	transition-delay: 800ms;
	left: 65%;
	top: 7vw;
}
.chart-fibre-states .stat:nth-child(6) {
	transition-delay: 1000ms;
	left: 80%;
	top: 7vw;
}
.mobile-device .inside-content .banner.fund {
	height: auto;
	position: relative;
	margin: 0px;
}
body.fund.mobile-device .inside-content-inner {
	margin: 0px;
}
body.fund.mobile-device .banner.fund > h1 {
	padding: 0 6%;
	font-size: 36px;
	color: #ffffff;
	position: absolute;
	bottom: 1em;
	margin-bottom: 0px;
}
.footer-bar {
	background-color: #ffffff;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 9;
	padding: 10px 20px;
	color: #aaaaaa;
	font-size: 11px;
}
#slide-download .slide-cols .slide-col {
	padding-bottom: 6em;
	padding-top: 2em;
}
.open-hide {
	opacity: 1;
}
.open-show {
	display: none !important;
	opacity: 0 !important;
}
.modal-open .open-hide {
	display: none;
	opacity: 0;
}
.modal-open .open-show {
	display: inline-block !important;
	opacity: 1 !important;
}
.fp-slidesNav.fp-bottom {
	bottom: 30px;
	text-align: center;
}
.slide-1 .fp-slides .slide,
.slick-slide.slide {
	text-align: center;
	//background: #000000 url(../img/separator-3-bg.jpg) center center repeat;
}
.fp-slides .slide .slide-bg,
.slick-slide.slide .slide-bg {
	//background: transparent url(../img/separator-wave.png) center center no-repeat;
	background-size: 150% auto;
}
.slide .separator-img {
    margin: auto;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    visibility: visible;
    transition: all 1000ms;
    opacity: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobile-slides .slide .separator-img {
	
}
/* Separator 3 */
.slide .separator-3 .separator-img.text {
	transform: translate(100%, -50%);
	transition: all 800ms;
	transition-delay: 400ms;
}
.slide.active .separator-3 .separator-img.text,
.slick-active .separator-3 .separator-img.text {
	transform: translate(0%, -50%);
	opacity: 1;
}
.slide .separator-3 .separator-img.plant {
	transform: translate(0%, -70%);
	transition: all 800ms;
	transition-delay: 1000ms;
}
.slide.active .separator-3 .separator-img.plant,
.slick-active .separator-3 .separator-img.plant {
	transform: translate(0%, -50%);
	opacity: 1;
}
.slide .separator-3 .separator-img.stats-bg {
	transform: translate(0%, 0%);
	transition: all 800ms;
	transition-delay: 1400ms;
}
.slide.active .separator-3 .separator-img.stats-bg,
.slick-active .separator-3 .separator-img.stats-bg {
	transform: translate(0%, -50%);
	opacity: 1;
}
/* Separator 4 */
.slide .separator-4 .separator-img.text {
	transform: translate(100%, -50%);
	transition: all 800ms;
	transition-delay: 400ms;
}
.slide.active .separator-4 .separator-img.text,
.slick-active .separator-4 .separator-img.text {
	transform: translate(0%, -50%);
	opacity: 1;
}
.slide .separator-4 .separator-img.plant {
	transform: translate(0%, -70%);
	transition: all 800ms;
	transition-delay: 1000ms;
}
.slide.active .separator-4 .separator-img.plant,
.slick-active .separator-4 .separator-img.plant {
	transform: translate(0%, -50%);
	opacity: 1;
}
.slide .separator-4 .separator-img.stats-bg {
	transform: translate(0%, 0%);
	transition: all 800ms;
	transition-delay: 1400ms;
}
.slide.active .separator-4 .separator-img.stats-bg,
.slick-active .separator-4 .separator-img.stats-bg {
	transform: translate(0%, -50%);
	opacity: 1;
}


.separator-box .stats-box {
/*
	position: relative;
	height: 100vh;
	width: auto;
*/
	margin: auto;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    visibility: visible;
    transition: all 1000ms;
    opacity: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.separator-box .stats-box .stat {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #17baad;
	font-size: 4.5vw;
	font-weight: bold;
}
#ghg {
	left: 16%;
	top: 68%;
}
.section.slide-success {
	background-color: #295466;
}
.section.slide-energy {
	background-color: #cccccc;
}
.slide-success .slide-cols {
	padding: 10vh;
	box-sizing: border-box;
	text-align: center;
}
.slide-success .slide-cols .slide-top-bottom {
	display: inline-block;
	text-align: left;
}
.slide-success .slide-top {
	height: 20vh;
}
.slide-energy .slide-top {
	height: 70vh;
	position: relative;
	background: transparent url(../img/slide-energy-bg.png) center top no-repeat;
	background-size: cover;
}
.slide-environment .slide-top {
	height: 70vh;
	position: relative;
	background: transparent url(../img/slide-environment-bg.png) center top no-repeat;
	background-size: cover;
}
.slide-success .slide-top img {
	display: block;
	height: 80%;
	width: auto;
	max-width: 640px;
}
.slide-energy .slide-top img {
	display: block;
	height: 30vh;
	width: auto;
	position: absolute;
	right: 10%;
	bottom: 5%;
}
.slide-environment .slide-top .new-image-wrapper {
	display: block;
	width: auto;
	position: absolute;
	right: 10%;
	top: 30%;
	text-align: right;
}
.slide-environment .slide-top .new-image-wrapper img {
	display: block;
	height: 20vh;
	width: auto;
}
.slide-success .slide-bottom {
	height: 60vh;
	display: flex;
}
.slide-energy .slide-bottom {
	height: 30vh;
	display: flex;
	background-color: #ffffff;
	padding: 24px 24px 36px 24px;
	box-sizing: border-box;
}
.slide-environment .slide-bottom {
	height: 30vh;
	background-color: #ffffff;
	padding: 24px 24px 36px 24px;
	box-sizing: border-box;
	text-align: center;
}
.slide-environment .slide-bottom img {
	height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}
.slide-success .slide-bottom .slide-bottom-col {
	height: 100%;
	display: inline-block;
	vertical-align: top;
}
.slide-success .slide-bottom .stat-1 img {
	display: block;
	height: 100%;
	width: auto;
}
.slide-energy .slide-bottom .stat-1 {
	text-align: center;	
}
.slide-energy .slide-bottom .stat-1 img {
	display: inline-block;
	height: 100%;
	width: auto;
	object-fit: contain;
}
.slide-energy .slide-bottom .stat-2 {
	padding-left: 36px;
}
.slide-energy a.btn {
	white-space: nowrap;
}
.slide-success .slide-bottom .stat-2 img {
	display: block;
	height: 100%;
	width: auto;
}
.slide-success .slide-bottom .stat-2 .top {
	height: 50%;
}
.slide-success .slide-bottom .stat-2 .bottom {
	height: 50%;
}
.slide-success .slide-bottom .stat-2 .top img,
.slide-success .slide-bottom .stat-2 .bottom img {
	display: inline-block;
	height: 100%;
	width: auto;
}
.slide-economy .slide-left-right {
	display: flex;
	width: 100%;
	height: 100%;
}
.slide-economy .slide-left-right .slide-left {
	width: calc(100% - 240px);
	height: 100%;
	position: relative;	
}
.slide-economy .slide-left-right .slide-left img {
	width: auto;
	height: 50%;
	object-fit: contain;
	max-width: 90%;
}
.slide-economy .slide-left-right .slide-right {
	width: 240px;
	height: 100%;
	background-color: #ffffff;
	padding: 36px;
	box-sizing: border-box;
}
.slide-economy .slide-left-right .slide-left .slide-left-row-1 {
	height: 62vh;
	background: transparent url(../img/slide-economy-bg.png) center top no-repeat;
	background-size: cover;
}
.slide-economy .slide-left-right .slide-left .slide-left-row-2 {
	height: 38vh;
	background-color: #ffffff;
	padding: 24px 0px 36px 24px;
	box-sizing: border-box;
	width: 100%;
	text-align: right;
}
.slide-economy .slide-left-right .slide-right {
	text-align: center;
}
.slide-economy .slide-left-right .slide-right img {
	height: 100%;
	display: inline-block;
	width: auto;
	object-fit: contain;
}

.slide-social .slide-left-right {
	display: flex;
	width: 100%;
	height: 100%;
}
.slide-social .slide-left-right .slide-left {
	width: calc(100% - 240px);
	height: 100%;
	position: relative;	
}
.slide-social .slide-left-right .slide-left img {
	width: auto;
	max-width: 90%;
	object-fit: contain;
	height: 50%;
}
.slide-social .slide-left-right .slide-right {
	width: 240px;
	height: 100%;
	background-color: #ffffff;
	padding: 36px;
	box-sizing: border-box;
}
.slide-social .slide-left-right .slide-left .slide-left-row-1 {
	height: 68vh;
	background: transparent url(../img/slide-social-bg.png) center top no-repeat;
	background-size: cover;
}
.slide-social .slide-left-right .slide-left .slide-left-row-2 {
	height: 32vh;
	background-color: #ffffff;
	padding: 24px 24px 36px 0px;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
}
.slide-social .slide-left-right .slide-right {
	text-align: center;
}
.slide-social .slide-left-right .slide-right img {
	height: 100%;
	display: inline-block;
	width: auto;
	object-fit: contain;
}

.cols2 {
	display: flex;
}
.cols2 .col {
	height: 100%;
	box-sizing: border-box;
	padding: 5%;
	padding-right: 0;
}
.cols2 .col .col-col {
	height: 50%;
}
.slide-success img {
	object-fit: contain;
}
.section .slide-top img,
.section .slide-left img {
	transition: all 1000ms;
    transform: translateX(-80px);
    transition-delay: 400ms;
    opacity: 0;
}
.section .slide-right img {
	transition: all 1000ms;
    transform: translateX(80px);
    transition-delay: 400ms;
    opacity: 0;
}
.section .slide-bottom img {
	transition: all 1000ms;
    transform: translateX(-80px);
    transition-delay: 800ms;
    opacity: 0;
}
.section .slide-bottom img:nth-of-type(1) {
	transition-delay: 800ms;
}
.section .slide-bottom img:nth-of-type(2) {
	transition-delay: 1000ms;
}
.section .slide-bottom img:nth-of-type(3) {
	transition-delay: 1200ms;
}
.section .slide-left img:nth-of-type(1) {
	transition-delay: 800ms;
}
.section .slide-left img:nth-of-type(2) {
	transition-delay: 1000ms;
}
.section .slide-left img:nth-of-type(3) {
	transition-delay: 1200ms;
}
.section .slide-right img:nth-of-type(1) {
	transition-delay: 800ms;
}
.section .slide-right img:nth-of-type(2) {
	transition-delay: 1000ms;
}
.section .slide-right img:nth-of-type(3) {
	transition-delay: 1200ms;
}
.section.active .slide-top img,
.section.active .slide-left img,
.section.active .slide-right img {
    transform: translateX(0px);
    opacity: 1;
}
.section.active .slide-bottom img {
    transform: translateX(0px);
    opacity: 1;
}
.pop-tabs {
	padding-bottom: 3rem;
}
.pop-tabs a {
	display: inline-block;
	padding: 0.4em 0.8em;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
	cursor: pointer;
	color: #9F9F9F;
}
.pop-tabs a:hover,
.pop-tabs a.active {
	color: #009A9F;
	border-bottom: 4px solid #009A9F;
}
.tab-content > div {
	height: auto;
	transition: all 1000ms;
	margin-bottom: 0px;
}
.tab-content > div.hide {
	height: 0px;
	overflow: hidden;
}
.mobile-content-float {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow: auto;
}
.mobile-content-float.hide {
	display: none;
}
.mobile-content-float .mobile-content img {
	display: block;
	width: 100%;
	position: relative;
}
.mobile-modal-tower {
	background-color: #F0ECE9;
	position: relative;
	padding-left: 36px;
	padding-right: 36px;
	margin-bottom: -80px;
}
.mobile-modal-tower .box {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	transform: translateY(-50%);
}
.btn.back:before {
	
}
.play-video {
	cursor: pointer;
}
.download-menu {
	border-top: 1px solid #ffffff;
	padding: 1em 0;
	margin-top: 1em;
}
.download-menu li {
	padding: 0.3em 0 !important;
}
.download-menu li a span {
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
}
.download-menu li a:before {
	display: inline-block;
	content: 'PDF';
	margin-right: 0.5em;
	font-size: 8px;
	color: #ffffff !important;
	border: 1px solid #ffffff;
	border-radius: 4px;
	padding: 0.3em 0.5em 0.1em;
	line-height: 1em;
	letter-spacing: 1px;
	vertical-align: middle;
}

/* Latest */
/* highlights */
.section.highlights {
}
.highlights-boxes-title {
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
}
.highlights-boxes-title img {
	max-width: 40vw;
}
.highlights-boxes {
	width: 100%;
	overflow: auto;
	-ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
}
.highlights-boxes::-webkit-scrollbar {
  display: none;
}

.review-charts {
	padding: 50px 10vw;
}
.review-charts img {
	display: block;
	height: auto;
	width: 100%;
	max-width: none;
}
.highlights-boxes .highlights-main {
	width: 63%;
}
.highlights-boxes .highlights-main img {
}
.highlights-boxes .highlights-side {
	width: 37%;
	border-left: 1px solid #ffffff;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	max-height: 70vh;
}
.highlights-desc {
	margin-bottom: 1rem;
}
.highlights-desc, .highlights-desc * {
	font-size: 0.9rem;
	line-height: 1.5em;
	color: #ffffff;
	opacity: 0;
	transition: all 400ms ease-in-out;
	transition-delay: 400ms;
}
.active .highlights-desc, .active .highlights-desc * {
	opacity: 1;
}
.highlights-desc p {
	margin: 0.5em 0;
}
.highlights-desc p:first-of-type {
	margin-top: 0px;
}
.highlights-desc p:last-of-type {
	margin-bottom: 0px;
}
.more-content-box.gray {
	background-color: #E4E5E6;

}
#slide-download .slide-cols .slide-col.col2 {
	text-align: left;
	padding-right: 1rem;
	box-sizing: border-box;
}
.main-download-title {
	color: #222222;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 1.4em;
}
.main-download-subtitle {
	color: #222222;
	font-size: 0.9rem;
	font-weight: 300;
	margin-top: 1em;
	margin-bottom: 1em;
}
.download-by-title {
	color: #ffffff;
	text-align: left;
	margin-bottom: 1em;
	font-size: 1rem;
}
.download-sections {
	display: flex;
	text-align: left;
}
.download-sections ul {
	width: 50%;
}
.download-sections ul li {
	margin: 0.8em 0;
	padding-left: 25px;
	background: transparent url(../img/icon-arrow-white@2x.png) 0px 5px no-repeat;
	background-size: 13px 9px;
}
.download-sections ul li a {
	font-size: 0.8rem;
	color: #ffffff;
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
}
.anim-box {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 1rem 0px;
	text-align: right;
	margin-top: 1em;
}
.anim-box .line1 {
	font-size: 3rem;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
}
.section.expand .anim-box .line1 {
	font-size: 1.6rem;
}
.section.expand .anim-box .line2 {
	font-size: 1rem;
}
.anim-box .line2 {
	font-size: 1.6rem;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 300;
}

.highlights-pillars {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}
.highlights-pillars .col1 {
	padding-right: 1rem;
	flex-basis: 25%;
	box-sizing: border-box;
	opacity: 0;
	transform: translateX(20%);
	transition: all 400ms ease-in-out;
	transition-delay: 300ms;
	text-align: center;
}
.highlights-pillars .col2 {
	color: #ffffff;
	flex-basis: 75%;
	line-height: 1.3em;
	opacity: 0;
	transform: translateX(20%);
	transition: all 400ms ease-in-out;
	transition-delay: 600ms;
}
.active .highlights-pillars .col1,
.active .highlights-pillars .col2 {
	opacity: 1;
	transform: translateX(0);
}
.highlights-pillars .col2 p {
	font-size: 0.9rem;
}
.highlights-pillars .col2 h4 {
	margin-bottom: 0.5em;
	color: #009A9F;
	font-weight: 600;
}
.highlights-icons {
	border: 1px solid #ffffff;
	margin-bottom: 1rem;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
}
.highlights-icons img {
	display: inline-block;
	width: 20%;	
	margin: 10px 0;
	opacity: 0;
	transform: translateX(20%);
	transition: all 400ms ease-in-out;
	animation: zoominoutsinglefeatured 1s infinite ;
}
.highlights-icons img:nth-child(1) {
	transition-delay: 200ms;
}
.highlights-icons img:nth-child(2) {
	transition-delay: 400ms;
	animation-delay: 200ms;
}
.highlights-icons img:nth-child(3) {
	transition-delay: 600ms;
	animation-delay: 400ms;
}
.highlights-icons img:nth-child(4) {
	transition-delay: 800ms;
	animation-delay: 600ms;
}
.active .highlights-icons img {
	opacity: 1;
	transition: all 600ms ease-in-out;
	transform: translateX(0) scale(1);
}
.active .highlights-icons img:hover {
	animation: none !important;
	transform: scale(1.1) !important;
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(0.9,0.9);
    }
    100% {
        transform: scale(1,1);
    }
}

@keyframes updownupdown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(3%);
    }
    100% {
        transform: translateY(0);
    }
}

.section.chairman .mCSB_scrollTools .mCSB_draggerRail,
.section.ceo .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #cccccc;
}
.section.chairman .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.section.ceo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #009A9F;
}
.section.ceo .content-box-scroll .action {
	
}
.section.ceo.expand .slide-cols .slide-col.col2 .text-ceo {
	margin-left: 0px;
}
/*
.section.ceo.expand .slide-cols .slide-col.col1 {
	width: 40%;
}
.section.ceo.expand .slide-cols .slide-col.col2 {
	width: 55%;
}
.section.ceo.expand .slide-cols .slide-col.col2 .title,
.section.ceo.expand .slide-cols .slide-col.col2 .position {
	margin-left: 5%;
}
*/
.section.ceo.expand .slide-cols .slide-col.col2 .text-ceo-1 {
	width: 22vw;
    margin-left: -11vw;
}
.timeline {
	width: 95%;
	opacity: 0;
	transform: scale(0.1);
	transition: all 600ms ease-in-out;
	transition-delay: 400ms;
}
.active .timeline {
	opacity: 1;
	transform: scale(1);
}
.cards {
	text-align: center;
	color: #ffffff;
	position: relative;
/* 	height: 50vh; */
	height: 100%;
	perspective: 200px;
}
.cards .card {
	color: #222222;
	position: absolute;
	bottom: 0;
	transition: all 300ms ease-in-out;
	width: 100%;
	height: 100%;
	transform: translate3d(0);
	box-sizing: border-box;
}
.cards .card:nth-child(1) {
	opacity: 1;
	z-index: 10;
}
.cards .card:nth-child(2) {
	opacity: 0.5;
	transform: translate3d(0, -10%, -50px);
	z-index: 9;
}
.cards .card:nth-child(3) {
	opacity: 0.2;
	transform: translate3d(0, -30%, -100px);
	z-index: 8;
}
.cards .card:nth-child(4) {
	opacity: 0.1;
	transform: translate3d(0, -50%, -150px);
	z-index: 7;
}
.cards .card:nth-child(5) {
	opacity: 0;
	transform: translate3d(0, -70%, -200px);
	z-index: 6;
}
.cards .card:nth-child(6) {
	opacity: 0;
	transform: translate3d(0, -90%, -250px);
	z-index: 5;
}
.cards .card:nth-child(7) {
	opacity: 0;
	transform: translate3d(0, -110%, -300px);
	z-index: 4;
}
.cards .card:nth-child(8) {
	opacity: 0;
	transform: translate3d(0, -130%, -350px);
	z-index: 3;
}
.cards .card:nth-child(9) {
	opacity: 0;
	transform: translate3d(0, -150%, -400px);
	z-index: 2;
}
.cards .card:nth-child(10) {
	opacity: 0;
	transform: translate3d(0, -170%, -450px);
	z-index: 1;
}
.cards .card:nth-child(11) {
	opacity: 0;
	transform: translate3d(0, -190%, -500px);
	z-index: 0;
}
.card .mini-card {
	text-align: center;
}
.card .mini-card .mini-card-content {
	min-height: 200px;
	text-align: center;
	background-color: #EBEBEB;
	border: 15px solid #ffffff;
	position: relative;
	padding: 1em;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);	
	cursor: pointer;
}
.card.left .mini-card .mini-card-content {
	margin-left: 0px;
}
.card.right .mini-card .mini-card-content {
	margin-right: 0px;
}
.card .mini-card .mini-card-content:after {
	content: ' ';
	display: block;
	position: absolute;
	bottom: 0px;
	left: 50%;
	height: 36px;
	width: 36px;
	transform: translateY(48px) translateX(-50%);
	background: transparent url(../img/icon-triangle-down.svg) center center/contain no-repeat;
}
.card .mini-card .mini-card-content .title {
	text-transform: uppercase;
	font-weight: bold;
	color: #313133;
	margin-bottom: 1em;
	font-size: 1rem;
}
.card .mini-card .mini-card-content .text {
	margin-bottom: 1em;
	font-size: 0.9rem;
	line-height: 1.4em;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 400ms ease;
	background-color: #EBEBEB;
}
.card .mini-card .mini-card-content:hover .text {
	opacity: 1;
}
.card .mini-card .mini-card-content .text .text-table {
	display: table;
	height: 100%;
	width: 100%;
}
.card .mini-card .mini-card-content .text .text-cell {
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 1em;
}
.card .mini-card .mini-card-content .icon {
	text-align: center;
}
.card .mini-card .mini-card-content .icon img {
	max-height: 160px;
	width: auto;
}
.card .year-label {
	text-align: center;
	background: transparent url(../img/divider-timeline.svg) center center/100% 3px no-repeat;
}
.card:not(.left):not(.right) .year-label {
	margin-top: 36px;
}
.card.left .year-label,
.card.right .year-label {
	margin-top: 10px;
}
.card.left .mini-card .mini-card-content:after,
.card.right .mini-card .mini-card-content:after {
	width: 48px;
	height: 48px;
	transform: translateY(58px) translateX(-50%);
}
.card .year-label span {
	display: inline-block;
	width: 56px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #EBEBEB;
	border: 8px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);	
}

.timeline-nav {
	text-align: right;
	z-index: 999;
	padding-right: 20px;
	position: relative;
}
.timeline-nav a.prev {
	display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff url(../img/icon-down.svg) center center no-repeat;
    margin-top: 1px;
}
.timeline-nav a.next {
	display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff url(../img/icon-up.svg) center center no-repeat;
    margin-top: 1px;
}
.year-label .nav-prev {
	display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff url(../img/icon-down.svg) center center no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}
.year-label .nav-next {
	display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    background: #ffffff url(../img/icon-up.svg) center center no-repeat;
    vertical-align: middle;
    margin-left: 10px;
}
/* When 2010 selected */
.cards[rel="2010"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2010"] .card.y2010 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2010"] .card.y2011 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}
.cards[rel="2010"] .card.y2012 {
	transform: translate3d(0, -30%, -100px) !important;
	opacity: 0.2 !important;	
}
.cards[rel="2010"] .card.y2013 {
	transform: translate3d(0, -50%, -150px) !important;
	opacity: 0.1 !important;	
}
.cards[rel="2010"] .card.y2014 {
	transform: translate3d(0, -70%, -200px) !important;
	opacity: 0 !important;	
}
.cards[rel="2010"] .card.y2015 {
	transform: translate3d(0, -90%, -250px) !important;
	opacity: 0 !important;	
}
.cards[rel="2010"] .card.y2016 {
	transform: translate3d(0, -110%, -300px) !important;
	opacity: 0 !important;	
}
.cards[rel="2010"] .card.y2017 {
	transform: translate3d(0, -130%, -350px) !important;
	opacity: 0 !important;	
}
.cards[rel="2010"] .card.y2018 {
	transform: translate3d(0, -150%, -400px) !important;
	opacity: 0 !important;	
}
.cards[rel="2010"] .card.y2019 {
	transform: translate3d(0, -170%, -450px) !important;
	opacity: 0 !important;	
}

/* When 2011 selected */
.cards[rel="2011"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2011"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2011"] .card.y2011 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2011"] .card.y2012 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}
.cards[rel="2011"] .card.y2013 {
	transform: translate3d(0, -30%, -100px) !important;
	opacity: 0.2 !important;	
}
.cards[rel="2011"] .card.y2014 {
	transform: translate3d(0, -50%, -150px) !important;
	opacity: 0.1 !important;	
}
.cards[rel="2011"] .card.y2015 {
	transform: translate3d(0, -70%, -200px) !important;
	opacity: 0 !important;	
}
.cards[rel="2011"] .card.y2016 {
	transform: translate3d(0, -90%, -250px) !important;
	opacity: 0 !important;	
}
.cards[rel="2011"] .card.y2017 {
	transform: translate3d(0, -110%, -300px) !important;
	opacity: 0 !important;	
}
.cards[rel="2011"] .card.y2018 {
	transform: translate3d(0, -130%, -350px) !important;
	opacity: 0 !important;	
}
.cards[rel="2011"] .card.y2019 {
	transform: translate3d(0, -150%, -400px) !important;
	opacity: 0 !important;	
}

/* When 2012 selected */
.cards[rel="2012"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2012"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2012"] .card.y2011 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2012"] .card.y2012 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2012"] .card.y2013 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}
.cards[rel="2012"] .card.y2014 {
	transform: translate3d(0, -30%, -100px) !important;
	opacity: 0.2 !important;	
}
.cards[rel="2012"] .card.y2015 {
	transform: translate3d(0, -50%, -150px) !important;
	opacity: 0.1 !important;	
}
.cards[rel="2012"] .card.y2016 {
	transform: translate3d(0, -70%, -200px) !important;
	opacity: 0 !important;	
}
.cards[rel="2012"] .card.y2017 {
	transform: translate3d(0, -90%, -250px) !important;
	opacity: 0 !important;	
}
.cards[rel="2012"] .card.y2018 {
	transform: translate3d(0, -110%, -300px) !important;
	opacity: 0 !important;	
}
.cards[rel="2012"] .card.y2019 {
	transform: translate3d(0, -130%, -350px) !important;
	opacity: 0 !important;	
}

/* When 2013 selected */
.cards[rel="2013"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2013"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2013"] .card.y2011 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2013"] .card.y2012 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2013"] .card.y2013 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2013"] .card.y2014 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}
.cards[rel="2013"] .card.y2015 {
	transform: translate3d(0, -30%, -100px) !important;
	opacity: 0.2 !important;	
}
.cards[rel="2013"] .card.y2016 {
	transform: translate3d(0, -50%, -150px) !important;
	opacity: 0.1 !important;	
}
.cards[rel="2013"] .card.y2017 {
	transform: translate3d(0, -70%, -200px) !important;
	opacity: 0 !important;	
}
.cards[rel="2013"] .card.y2018 {
	transform: translate3d(0, -90%, -250px) !important;
	opacity: 0 !important;	
}
.cards[rel="2013"] .card.y2019 {
	transform: translate3d(0, -110%, -300px) !important;
	opacity: 0 !important;	
}

/* When 2014 selected */
.cards[rel="2014"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2014"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2014"] .card.y2011 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2014"] .card.y2012 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2014"] .card.y2013 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2014"] .card.y2014 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2014"] .card.y2015 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}
.cards[rel="2014"] .card.y2016 {
	transform: translate3d(0, -30%, -100px) !important;
	opacity: 0.2 !important;	
}
.cards[rel="2014"] .card.y2017 {
	transform: translate3d(0, -50%, -150px) !important;
	opacity: 0.1 !important;	
}
.cards[rel="2014"] .card.y2018 {
	transform: translate3d(0, -70%, -200px) !important;
	opacity: 0 !important;	
}
.cards[rel="2014"] .card.y2019 {
	transform: translate3d(0, -90%, -250px) !important;
	opacity: 0 !important;	
}

/* When 2015 selected */
.cards[rel="2015"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2015"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2015"] .card.y2011 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2015"] .card.y2012 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2015"] .card.y2013 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2015"] .card.y2014 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2015"] .card.y2015 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2015"] .card.y2016 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}
.cards[rel="2015"] .card.y2017 {
	transform: translate3d(0, -30%, -100px) !important;
	opacity: 0.2 !important;	
}
.cards[rel="2015"] .card.y2018 {
	transform: translate3d(0, -50%, -150px) !important;
	opacity: 0.1 !important;	
}
.cards[rel="2015"] .card.y2019 {
	transform: translate3d(0, -70%, -200px) !important;
	opacity: 0.1 !important;	
}

/* When 2016 selected */
.cards[rel="2016"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2016"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2016"] .card.y2011 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2016"] .card.y2012 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2016"] .card.y2013 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2016"] .card.y2014 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2016"] .card.y2015 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2016"] .card.y2016 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2016"] .card.y2017 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}
.cards[rel="2016"] .card.y2018 {
	transform: translate3d(0, -30%, -100px) !important;
	opacity: 0.2 !important;	
}
.cards[rel="2016"] .card.y2019 {
	transform: translate3d(0, -50%, -150px) !important;
	opacity: 0.2 !important;	
}

/* When 2017 selected */
.cards[rel="2017"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2017"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2017"] .card.y2011 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2017"] .card.y2012 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2017"] .card.y2013 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2017"] .card.y2014 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2017"] .card.y2015 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2017"] .card.y2016 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2017"] .card.y2017 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2017"] .card.y2018 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}
.cards[rel="2017"] .card.y2019 {
	transform: translate3d(0, -30%, -100px) !important;
	opacity: 0.5 !important;	
}

/* When 2018 selected */
.cards[rel="2018"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2011 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2012 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2013 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2014 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2015 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2016 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2017 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2018"] .card.y2018 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}
.cards[rel="2018"] .card.y2019 {
	transform: translate3d(0, -10%, -50px) !important;
	opacity: 0.5 !important;	
}

/* When 2019 selected */
.cards[rel="2019"] .card.y2009 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2010 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2011 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2012 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2013 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2014 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2015 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2016 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2017 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2018 {
	transform: translate3d(0, 40%, 200px) !important;
	opacity: 0 !important;
	z-index: 10;	
}
.cards[rel="2019"] .card.y2019 {
	transform: translate3d(0, 0%, 0px) !important;
	opacity: 1 !important;	
}



.cards .card.current {
	position: relative !important;
}
.gtfs-highlights {
	background-color: #cee8e9;
	padding: 2em;
	-webkit-box-shadow: 3px 5px 15px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 5px 15px 1px rgba(0,0,0,0.4);
	box-shadow: 3px 5px 15px 1px rgba(0,0,0,0.4);
}
.gtfs-highlights .cols .col:first-of-type {
	width: 30%;
	flex-grow: 0 !important;
	flex-basis: 30% !important;
}
.gtfs-highlights .cols .col:last-of-type {
	width: 70%;
	flex-grow: 0 !important;
	flex-basis: 70% !important;
}
.stats div {
	color: #009A9F;
	font-weight: 600;
	font-size: 1.4rem;
}
.stats-highlights-chart {
	position: absolute;
	bottom: 20%;
	right: 0;
}
.overflow-gray {
	background-color: #EFEFEF;
	padding: 2em 0;
	margin-left: calc(-100vw / 2 + 880px / 2);
	margin-right: calc(-100vw / 2 + 880px / 2);
}
.overflow-gray .limit-width {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}
.green-achievements {
	padding: 1em;
	background-color: #ffffff;
}
.green-achievements .chart {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.green-box {
	background-color: #C4E3E4;
	padding: 2em;
	margin-top: 1rem;
}
.green-box.gray {
	background-color: #F2F2F2 !important;
}
ul.chevron {
	
}
ul.chevron li {
	background: transparent url(../img/icon-list-chevron.png) 0px 8px no-repeat;
	background-size: 11px 8px;
	padding-left: 20px;
}
.green-cert-intro > .cols {
	
}
.green-cert-intro > .cols > .col:first-of-type {
	width: 20%;
	flex-grow: 0 !important;
	flex-basis: 20% !important;
	border-right: 3px solid #009A9F;
}
.cols.myhijau {
	align-items: center;
}
.cols.myhijau > .col:first-of-type {
	width: 25%;
	flex-grow: 0 !important;
	flex-basis: 25% !important;
}
.cols .col.col-1-3 {
	width: 33%;
	flex-grow: 0 !important;
	flex-basis: 33% !important;
}
.cols .col.col-2-3 {
	width: 66%;
	flex-grow: 0 !important;
	flex-basis: 66% !important;
}
.cols .col.col-1-10 {
	width: 10%;
	flex-grow: 0 !important;
	flex-basis: 10% !important;
}
.cols .col.col-2-10 {
	width: 20%;
	flex-grow: 0 !important;
	flex-basis: 20% !important;
}
.cols .col.col-3-10 {
	width: 30%;
	flex-grow: 0 !important;
	flex-basis: 30% !important;
}
.cols .col.col-4-10 {
	width: 40%;
	flex-grow: 0 !important;
	flex-basis: 40% !important;
}
.cols .col.col-5-10 {
	width: 50%;
	flex-grow: 0 !important;
	flex-basis: 50% !important;
}
.cols .col.col-6-10 {
	width: 60%;
	flex-grow: 0 !important;
	flex-basis: 60% !important;
}
.cols .col.col-7-10 {
	width: 70%;
	flex-grow: 0 !important;
	flex-basis: 70% !important;
}
.cols .col.col-8-10 {
	width: 80%;
	flex-grow: 0 !important;
	flex-basis: 80% !important;
}
.cols .col.col-9-10 {
	width: 90%;
	flex-grow: 0 !important;
	flex-basis: 90% !important;
}
.cols .col.col-10-10 {
	width: 100%;
	flex-grow: 0 !important;
	flex-basis: 100% !important;
}
.cols.vertical {
	align-items: center;
}
.margin-1-0-1-0 {
	margin: 1em 0 1em 0;
}
.border-radius {
	border-radius: 6px;
}
.stat-box.border-box .subheading {
	line-height: 1.3em;
}
.white * {
	color: #ffffff;
}
.rating-box {
	border-radius: 1em;
	padding: 1em;
}
.rating-box:hover {
	transform: scale(1.1) !important;
	transition: transform 400ms;
}
.rating-box.star-1 {
	background-color: #009A9F;
}
.rating-box.star-2 {
	background-color: #8ABB2A;
}
.rating-box.star-3 {
	background-color: #EB4C4D;
}
.rating-box .icon img {
	width: 28px;
	margin: 0 3px;
	display: inline-block !important;
}
.star-icons {
	margin: 10px 0px 0;
}
.star-icons img {
	width: 24px;
    margin: 0 3px;
    display: inline-block !important;
}
.cols.lccf .col {
	
}
.cols.lccf .col.border-box {
	padding: 1em;
}
.cols.lccf .col.border-radius {
	border-radius: 1em;
}
.cols.lccf .col .icon img {
	width: 56px;
}
.cols.lccf .col:nth-child(1) {
	
}
.cols.lccf .col:nth-child(2) {
	border-color: #8ABB2A;
}
.cols.lccf .col:nth-child(3) {
	border-color: #009B8B;
}
.inline-block {
	display: inline-block;
}
.vertical-box {
	display: table !important;
	width: 100%;
	height: 100%;
}
.vertical-box span {
	display: table-cell !important;
	width: 100%;
	height: 100%;
}
.vertical .vertical-box span {
	vertical-align: middle;
}
.ggp-boxes {
	text-align: center;	
}
.ggp-boxes .ggp-box {
	display: inline-block;
	padding: 0.5em 1em;
	border-radius: 1em;
	text-align: center;
	height: 5em;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.3em;
	width: 47%;
	margin-left: 1%;
	margin-right: 1%;
	border: 1px solid #333333;
	box-sizing: border-box;
	background-color: #EFEFF0;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
}
.ggp-boxes .ggp-box > span  {
	display: table !important;
	width: 100%;
	height: 100%;
}
.ggp-boxes .ggp-box > span > span {
	display: table-cell !important;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.ggp-boxes .ggp-box {
	border-color: #295466;
}
.ggp-boxes .ggp-box.alt {
	border-color: #009A9F;
	color: #009A9F;
}
.table-marketplace {
	
}
.table-marketplace .table-title {
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: 600;
	background-color: #00A1A7;
	border-radius: 0.5em;
	text-align: center;
	padding: 0.4em 1em;
}
.table-marketplace .table-cells {
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
	justify-content: space-between;
}
.table-marketplace .cell {
	width: 32%;
	background-color: #CCCEE1;
	padding: 1em;
	margin-bottom: 1em;
	box-sizing: border-box;
}
.table-marketplace .cell.alt {
	background-color: #E8EACC;
}
.table-marketplace .cell .cell-divider {
	border-bottom: 1px solid #295466;
	margin: 0.4em 0;
}
.normal-weight {
	font-weight: 400;
}
.clusters {
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
}
.clusters .cluster {
	text-align: center;
	width: 30%;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 1em;
	box-sizing: border-box;
}
.clusters .cluster .icon {
	margin-bottom: 10px;
}
.clusters .cluster .icon img {
	width: 64px;
	margin-left: auto;
	margin-right: auto;
}
.clusters .cluster .title {
	font-weight: 600;
}
.targets .col {
	padding: 2em 1em;
	border-radius: 1em;
	background-color: #003B44;
	margin-left: 8px;
    margin-right: 8px;
}
.targets .col p {
	padding-top: 5px;
	line-height: 1.3em;
	font-size: 0.9rem;
}
.targets .col .icon {
	margin-bottom: 2em;
}
.targets .col .icon img {
	width: auto;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
}
.targets .col.col2 {
	background-color: #009A9F;
}
.targets .col.col3 {
	background-color: #295466;
}
.targets .col.col4 {
	background-color: #0056A3;
}
.advisory .col {
	border-radius: 1em;
	position: relative;
	padding: 0 1em 1em;
	margin-left: 6px;
	margin-right: 6px;
}
.advisory .col .title {
	margin-top: -1em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.9rem;
}
.advisory .col .title span {
	background-color: #cccccc;
	display: inline-block;
	padding: 0.4em 2em;
	border-radius: 6px;
	color: #ffffff;
	text-align: center;
}
.advisory .col.col1 {
	background-color: #F0F5E2;
	border: 2px solid #8ABB2A;
}
.advisory .col.col1 .title span {
	background-color: #8ABB2A;
}
.advisory .col.col2 {
	background-color: #FDECED;
	border: 2px solid #EC575D;
}
.advisory .col.col2 .title span {
	background-color: #EC575D;
}
.advisory .col.col3 {
	background-color: #DFF0F0;
	border: 2px solid #003B45;
}
.advisory .col.col3 .title span {
	background-color: #003B45;
}
.advisory .col.col2 .text img {
	max-width: 60%;
	margin: 0 auto;
}
.advisory .col.col3 .text img {
	max-width: 80%;
	margin: 0 auto;
	width: auto;
}
.vtable {
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.vtable > span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}


.pursuing .col {
	border-radius: 1em;
	position: relative;
	padding: 1em 1em;
	margin-left: 6px;
	margin-right: 6px;
}
.pursuing .col .title {
	text-align: center;
	font-weight: 600;
	font-size: 0.9rem;
	line-height: 1.3em;
	padding-bottom: 1em;
}
.pursuing .col .title span {
	background-color: #cccccc;
	display: inline-block;
	padding: 0.4em 2em;
	border-radius: 6px;
	color: #ffffff;
	text-align: center;
}
.pursuing .col.col1 {
	background-color: #F0F5E2;
	border: 2px solid #8ABB2A;
}
.pursuing .col.col1 .title {
	color: #8ABB2A;
}
.pursuing .col.col2 {
	background-color: #FDECED;
	border: 2px solid #EC575D;
}
.pursuing .col.col2 .title {
	color: #EC575D;
}
.pursuing .col.col3 {
	background-color: #DFF0F0;
	border: 2px solid #003B45;
}
.pursuing .col.col3 .title {
	color: #003B45;
}
.pursuing .col .text img {
	max-width: 100%;
	height: auto;
	margin: 0 auto 1em;
}
.block-heading {
	background-color: #295567;
	color: #ffffff;
	padding: 0.7em 1em;
}
.block-heading * {
	color: #ffffff;
}
.cols.case-study .col {
	padding-top: 10px;
}
.cols.case-study .col .subheading {
	line-height: 1.2em;
}
.cols.case-study .col .inner-box {
	margin-top: 15px;
	padding: 15px;
}
.cols.case-study .col .inner-box img {
	margin-bottom: 10px;
}
.cols.case-study .col1 {
	padding-left: 0px !important;
	padding-right: 10px !important;
}
.cols.case-study .col2 {
	padding-right: 0px !important;
	padding-left: 10px !important;
}
.cols.case-study .col1 .inner-box {
	background-color: #F0F5E2;
	box-sizing: border-box;
}
.cols.case-study .col2 .inner-box {
	background-color: #DFF0F0;
	box-sizing: border-box;
}
.low-carbon-gallery .cols {
	margin-bottom: 10px;
}
.low-carbon-gallery .cols .col {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.low-carbon-gallery .cols .col:first-of-type {
	flex-grow: 0 !important;
	flex-basis: 63% !important;
}
.low-carbon-gallery .cols .col:last-of-type {
	flex-grow: 0 !important;
	flex-basis: 37% !important;
}
.cols.programme {
	padding-top: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #707070;
}
.cols.programme .col.right {
	background: transparent url(../img/divider-vertical-shadow.png) left top repeat-y;
	background-size: 5px auto;
}
.cols.programme .col.right .cols .col:first-of-type {
	flex-grow: 0 !important;
	flex-basis: 15% !important;	
}
.cols.programme .col.right .cols .col:last-of-type {
	flex-grow: 0 !important;
	flex-basis: 85% !important;	
}
.inline {
	display: inline !important;
}
.policy-boxes {
	display: flex;
	justify-content: space-between;
	margin-left: -50px;
	margin-right: -50px;
}
.policy-boxes img {
	display: inline-block;
	width: auto;
	transform: scale(1);
	transition: all 400ms ease-in-out;
}
.policy-boxes img:hover {
	transform: scale(1.05);
	transition: all 400ms ease-in-out;
}
.ngtp-charts-1 .col {
	text-align: center;
}
.ngtp-charts-1 .col .icon {
	transform: scale(1);
	transition: all 400ms ease-in-out;
}
.ngtp-charts-1 .col .icon img {
	height: 64px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	animation-iteration-count: infinite;
}
.ngtp-charts-1 .col:hover .icon {
	transform: scale(1.1);
}
.ngtp-charts-1 .col .icon {
	padding: 1em 0;
}
.gtmp-table {
	text-align: center;
}
.gtmp-table .gtmp-row {
	padding: 0.6em 1em;
	border: 2px solid #cccccc;
	font-size: 1.2rem;
	font-weight: 600;
	margin-top: -2px;
	transform: scale(1);
	transition: all 300ms;
	background-color: #ffffff;
	z-index: 1;
}
.gtmp-table .gtmp-row:hover {
	transform: scale(1.1);
	z-index: 2;
}
.gtmp-table .gtmp-row.red {
	color: #D32A1A;
	border-color: #D32A1A;
}
.gtmp-table .gtmp-row.orange {
	color: #E45823;
	border-color: #E45823;
}
.gtmp-table .gtmp-row.light-green {
	color: #539DAE;
	border-color: #A0B538;
}
.gtmp-table .gtmp-row.green {
	color: #F77D0E;
	border-color: #539DAE;
}
.gtmp-table .gtmp-row.blue {
	color: #495995;
	border-color: #495995;
}
.gtmp-icons {
	display: flex;
	flex-wrap: wrap;
}
.gtmp-icons .gtmp-icon {
	width: 33%;
	text-align: center;
	padding: 0.5em 0;
}
.gtmp-icons .gtmp-icon .icon-title {
	font-weight: 600;
	font-size: 1.1rem;
	margin-bottom: 0.4em;
}
.gtmp-icons .gtmp-icon img {
	width: 80px;
	margin-left: auto;
	margin-right: auto;
}
.werk.repeat {
	animation-iteration-count: infinite;
}
.ministry-role {
	position: relative;
}
.ministry-role img:not(.base) {
	position: absolute;	
}
.ministry-role .layer-1 {
	width: 47.6%;
	top: 1%;
	left: 22.7%;
}
.ministry-role .layer-2 {
	width: 48%;
	left: 43.6%;
	top: 40.1%;
}
.ministry-role .layer-3 {
	width: 45%;
	left: 0%;
	top: 40%;	
}
.ministry-logos {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 90%;
	left: 50%;
	background-color: #ffffff;
	transform: translateX(-50%);
	z-index: 2;
}
.ministry-logos .ministry-logo {
	text-align: center;
	padding: 0 20px;
	width: 100px;
}
.ministry-logos .ministry-logo:first-of-type {
	border-right: 1px solid #009A9F;
}
.ministry-logos .ministry-logo img {
	height: 36px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.lead-agency {
	position: relative;
}
.lead-agency img.base {
	opacity: 0;
}
.lead-agency img:not(.base) {
	position: absolute;	
}
.lead-agency img:not(.base):hover {
	transition: transform 300ms ease-in-out;
	transform: scale(1.05) !important;
}

.lead-agency img.layer-1 {
	left: 0px;
	top: 0px;
	width: 50%;
	margin-left: 5%;
	margin-top: 5%;
	z-index: 2;
}
.lead-agency img.layer-2 {
	right: 0px;
	top: 0px;
	width: 50%;
	margin-top: 5%;
	z-index: 3;
}
.lead-agency img.layer-3 {
	left: 0px;
	bottom: 0px;
	width: 50%;
	margin-left: 5%;
	z-index: 4;
}
.lead-agency img.layer-4 {
	right: 0px;
	bottom: 0px;
	width: 50%;
	z-index: 5;
}
.arrow-chart {
	display: flex;
	align-items: stretch;
	align-items: center; /* Vertical */
	justify-content: center; /* Horizontal */
}
.arrow-chart .chart-arrow {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	align-self: stretch;
	display: flex;
	flex-basis: 33%;
}
.arrow-chart .chart-arrow:nth-child(1) {
	z-index: 10;
}
.arrow-chart .chart-arrow:nth-child(2) {
	z-index: 9;
	margin-left: -10%;
}
.arrow-chart .chart-arrow:nth-child(3) {
	z-index: 8;
	margin-left: -8%;
}
.arrow-chart .chart-arrow .left {
	flex-basis: 70%;
	background-color: red;
	padding: 0.6em 0 0.6em 1.6em;
}
.arrow-chart .chart-arrow:nth-child(1) .left {
	background-color: #485895;
	padding-left: 0;
}
.arrow-chart .chart-arrow:nth-child(2) .left {
	background-color: #9FB439;
}
.arrow-chart .chart-arrow:nth-child(3) .left {
	background-color: #FFB93A;
}
.arrow-chart .chart-arrow .right {
	flex-basis: 30%;
}
.arrow-chart .chart-arrow .right img {
	display: block;
	width: 100%;
	height: 100%;
}
.arrow-chart .chart-arrow .count {
	margin-bottom: 0.2em;
	line-height: 1em;
}
.arrow-chart .chart-arrow .label {
	font-weight: 300;
	font-size: 0.45em;
}

.chart-results {
	display: flex;
	align-items: stretch;
	align-items: center; /* Vertical */
	justify-content: center; /* Horizontal */
}
.chart-results .chart-arrow {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	align-self: stretch;
	display: flex;
	flex-basis: 33%;
}
.chart-results .chart-arrow:nth-child(1) {
	z-index: 10;
}
.chart-results .chart-arrow:nth-child(2) {
	z-index: 9;
	margin-left: -10%;
}
.chart-results .chart-arrow:nth-child(3) {
	z-index: 8;
	margin-left: -8%;
}
.chart-results .chart-arrow .left {
	flex-basis: 70%;
	background-color: red;
	padding: 0.6em 0 0.6em 1.6em;
}
.chart-results .chart-arrow:nth-child(1) .left {
	background-color: #009A9F;
	padding-left: 0;
}
.chart-results .chart-arrow:nth-child(2) .left {
	background-color: #DB5E66;
}
.chart-results .chart-arrow:nth-child(3) .left {
	background-color: #485895;
}
.chart-results .chart-arrow .right {
	flex-basis: 30%;
}
.chart-results .chart-arrow .right img {
	display: block;
	width: 100%;
	height: 100%;
}
.chart-results .chart-arrow .count {
	margin-bottom: 0.2em;
	line-height: 1em;
}
.chart-results .chart-arrow .label {
	font-weight: 300;
	font-size: 0.45em;
}

.go-up {
	position: fixed;
	bottom: 5vh;
	right: 48px;
	width: 48px;
	height: 48px;
	display: inline-block;
	cursor: pointer;
	z-index: 9999;
	display: none;
	border: 1px solid #cccccc;
}
.modal-open .go-up {
	display: block;
}
.gtfs-five {
	display: flex;
}
.gtfs-five img:nth-child(1) {
	flex-basis: 24%;
}
.gtfs-five img:nth-child(2),
.gtfs-five img:nth-child(3),
.gtfs-five img:nth-child(4),
.gtfs-five img:nth-child(5) {
	margin-left: -7%;
	flex-basis: 26%;
/*
    width: 30%;
    flex-grow: 0 !important;
*/
}
.chart-wrapper {
	position: relative;
}
.chart-wrapper > .chart {
	position: absolute;
    width: 95%;
    height: 100%;
}
.chart-wrapper > .chart.chart-financing-3 {
	max-height: 90%;
	max-width: 100%;
}
.chart-wrapper.limit-chart {
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 460px;
}
.chart-wrapper.limit-chart > .chart {
	max-height: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.chart-wrapper .chart-wrap {
	height: 100%;
}
.custom-legend {
    font-size: 11px;
    margin-top: 5px;
    width: 80%;
    margin: 5px auto 0;
    line-height: 1.2em;
}
.custom-legend ul {
    display: block;
    list-style: none;
    padding: 0px;
    overflow: hidden;
    text-align: center;
}
.custom-legend ul li {
	text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 1px 0.5em;
    line-height: 1em;
    font-size: 12px;
    line-height: 1.2em;
}
.custom-legend ul li.float {
    float: left;
}
.custom-legend span.shape {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 11px;
}
.custom-legend span.shape.dark-green {
	background-color: #295466;
}
.custom-legend span.shape.blue {
	background-color: #009A9F;
}
.custom-legend span.shape.moss {
	background-color: #33758C;
}
.custom-legend span.shape.orange {
	background-color: #E46D5C;
}
.custom-legend span.shape.purple {
	background-color: #5F6392;
}
.custom-legend span.shape.yellow {
	background-color: #F7C255;
}

.custom-legend span.shape.light-green {
	background-color: #8CC240;
}
.custom-legend span.shape.light-blue {
	background-color: #80B8D2;
}
.chart-impact {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.chart-impact .chart-impact-main {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.chart-impact .cols {
	text-align: center;
}
.chart-impact .cols .col .icon {
	margin-bottom: 10px;
}
.chart-impact .cols .col .icon img {
	width: 30px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.chart-impact .col.col1 {
	color: #8ABB2A;
	transform: translateY(-5em);
}
.chart-impact .col.col1 .label {
	color: #ffffff;
	background-color: #8ABB2A;
	font-weight: bold;
	padding: 0.4em 1em;
}
.chart-impact .col.col2 {
	color: #495995;
}
.chart-impact .col.col2 .label {
	color: #ffffff;
	background-color: #495995;
	font-weight: bold;
	padding: 0.4em 1em;
}
.chart-impact .col.col3 {
	color: #DC5D65;
	transform: translateY(-5em);
}
.chart-impact .col.col3 .label {
	color: #ffffff;
	background-color: #DC5D65;
	font-weight: bold;
	padding: 0.4em 1em;
}
.chart-eacg-ach {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.chart-eacg-ach .cols {
	align-items: center;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
}
.chart-eacg-ach .cols .col.icon {
	flex-basis: 30% !important;
	padding: 2em;
}
.chart-eacg-ach .cols.one .icon {
	background-color: #646ba5;
}
.chart-eacg-ach .cols.one .count {
	color: #646ba5;
}
.chart-eacg-ach .cols .col.text {
	flex-basis: 70% !important;	
}
.chart-eacg-ach .cols .col.icon img {
	width: 50px;
	margin-left: auto;
	margin-right: auto;
}
.chart-eacg-ach .cols.two {
	margin-left: 5em;
}
.chart-eacg-ach .cols.two .icon {
	background-color: #05a8b0;
}
.chart-eacg-ach .cols.two .count {
	color: #05a8b0;
}
.chart-eacg-ach .cols.three .icon {
	background-color: #a5c14e;
}
.chart-eacg-ach .cols.three .count {
	color: #a5c14e;
}

.chart-myhijau {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.chart-myhijau-2 {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.chart-wrapper > .chart.chart-myhijau-1 {
	height: 90%;
}
.zoomin {
	transform: scale(1);
	transition: transform 400ms;
}
.zoomin:hover {
	transform: scale(1.1);
}
.chart-framework-process {
	position: relative;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.chart-framework-process .icon {
	width: 10%;
	position: absolute;
}
.chart-framework-process .icon.icon1 {
	top: 30%;
	left: 13%;
}
.chart-framework-process .icon.icon2 {
	top: 30%;
	left: 37%;
}
.chart-framework-process .icon.icon3 {
	top: 30%;
	left: 63%;
}
.chart-framework-assessment {
	
}
.chart-framework-assessment .title {
	background-color: #009A9F;
	padding: 0.4em 1em;
	margin-bottom: 1em;
	color: #ffffff;
}
.chart-framework-assessment {
	position: relative;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.chart-framework-assessment .cols {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.chart-framework-assessment .cols .col.left {
	width: 38%;
	flex-grow: 0 !important;
	flex-basis: 38% !important;
}
.chart-framework-assessment .cols .col.right {
	width: 62%;
	flex-grow: 0 !important;
	flex-basis: 62% !important;	
}
.chart-framework-recognition .title {
	background-color: #009A9F;
	padding: 0.4em 1em;
	margin-bottom: 1em;
	color: #ffffff;
}
.chart-framework-recognition {
	position: relative;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.chart-framework-recognition .cols {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.chart-framework-lcc {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.chart-framework-lcc .main {
	max-width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.chart-procurement .custom-legend ul li {
	font-size: 13px;
	font-weight: 600;
	margin: 0px 1.5em;
}

.chart-progress-insp {
	position: relative;
}
.chart-progress-insp img.base {
	opacity: 0;
}
.chart-progress-insp img:not(.base) {
	position: absolute;	
}
.chart-progress-insp img:not(.base):hover {
	transition: transform 300ms ease-in-out;
	transform: scale(1.05) !important;
}

.chart-progress-insp img.layer-1 {
	left: 0px;
	top: 0px;
	width: auto;
	height: 100%;
	z-index: 2;
}
.chart-progress-insp img.layer-2 {
	left: 31%;
	top: 2%;
	width: auto;
	height: 94%;
	z-index: 3;
}
.chart-progress-insp img.layer-3 {
	right: 0px;
	top: 0px;
	width: auto;
	height: 100%;
	z-index: 4;
}

.gallery-product-launch {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gallery-product-launch .gallery-product-launch-single {
	background-color: transparent;
	background-position: center top;
	background-size: cover;
	position: relative;
	margin-bottom: 1em;
}
.gallery-product-launch .gallery-product-launch-single .caption {
	background-color: #67678B;
	color: #ffffff;
	padding: 0.6em 1em;
	box-sizing: border-box;
	font-weight: 600;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.3em;
}
.gallery-product-launch .gallery-product-launch-single {
	width: 49%;
}
.gallery-product-launch .gallery-product-launch-single.image1 {
	background-image: url(../img/gallery-product-launch-1.jpg);
}
.gallery-product-launch .gallery-product-launch-single.image2 {
	background-image: url(../img/gallery-product-launch-2.jpg);
}
.gallery-product-launch .gallery-product-launch-single.image3 {
	background-image: url(../img/gallery-product-launch-3.jpg);
}
.gallery-product-launch .gallery-product-launch-single.image4 {
	background-image: url(../img/gallery-product-launch-4.jpg);
}
.gallery-product-launch .gallery-product-launch-single.image5 {
	background-image: url(../img/gallery-product-launch-5.jpg);
	width: 100%;
}
.gallery-product-launch .gallery-product-launch-single .caption:after {
	content: ' ';
	display: block;
	width: 36px;
	height: 36px;
	background: transparent url(../img/gallery-product-launch-triangle.png) center top/contain no-repeat;
	position: absolute;
	bottom: 100%;
	left: 50%;
}
.gallery-action {
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.summary-deliverable {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.summary-deliverable .cols {
	align-items: center;
	min-height: 5rem;
}
.summary-deliverable .cols:not(.heading) {
	background: transparent url(../img/bg-summary-deliverable.png) center top/100% 100% no-repeat;
}
.summary-deliverable .cols:not(.heading) .col {
	padding: 0.6em 1em 1em;
	line-height: 1.1em;
	font-size: 0.9rem;
}
.summary-deliverable .cols .col.white {
	color: #ffffff;
}

.chart-local-adopt {
	position: relative;
}
.chart-local-adopt img.base {
	
}
.chart-local-adopt img:not(.base) {
	position: absolute;	
	width: 10%;
	height: auto;
	z-index: 2;
	left: 0px;
	top: 0px;
}
.chart-local-adopt img:not(.base):hover {
	transition: transform 300ms ease-in-out;
	transform: scale(1.05) !important;
}

.chart-local-adopt img.year2009 {
	left: 15%;
	top: 21%;
}
.chart-local-adopt img.year2015 {
	left: 37%;
	top: 31%;
}
.chart-local-adopt img.year2016 {
	left: 27%;
	top: 44%;
}
.chart-local-adopt img.year2017 {
	left: 52%;
	top: 50%;
}
.chart-local-adopt img.year2020 {
	left: 68%;
	top: 55%;
}
.chart-local-adopt img.year2030 {
	left: 79%;
	top: 74%;
}
.chart-advisory-achievements {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.chart-advisory-achievements .col {
	position: relative;
	padding: 0px !important;
}
.chart-advisory-achievements .col img.ex {
	width: 30%;
	height: auto;
	position: absolute;
	left: 45%;
	top: 6%;
}
.chart-advisory-achievements .col.col1 {
	z-index: 3;	
	margin-left: -10px;
}
.chart-advisory-achievements .col.col2 {
	z-index: 2;	
	margin-left: -10px;
}
.chart-advisory-achievements .col.col3 {
	z-index: 1;	
	margin-left: -10px;
}

.chart-ewmt {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.chart-ewmt .base {
	position: relative;
}
.chart-ewmt img.ex {
	width: 10%;
	height: auto;
	position: absolute;
	left: 16%;
	top: 24%;
	z-index: 2;
}
.chart-ewmt img.layer-1 {
	top: 24%;
}
.chart-ewmt img.layer-2 {
	top: 51%;
	width: 11%;
}
.chart-ewmt img.layer-3 {
	top: 75%;
	width: 12%;
	left: 13%;
}
.chart-wrapper > .chart.chart-human-energy-2 {
	max-width: 50%;
	left: 50%;
	transform: translateX(-50%);
}
.chart-wrapper > .chart.chart-human-energy-3 {
	max-width: 50%;
	left: 50%;
	transform: translateX(-50%);
}
.chart-wrapper > .chart.chart-human-energy-4 {
	max-width: 50%;
	left: 50%;
	transform: translateX(-50%);
}
.chart-wrapper > .chart.chart-human-energy-5 {
	max-width: 50%;
	left: 50%;
	transform: translateX(-50%);
}
.chart-wrapper > .chart.chart-human-energy-6 {
	max-width: 40%;
	left: 50%;
	transform: translateX(-50%);
}

.chart-human-ggp {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.chart-human-ggp .base {
	position: relative;
}
.chart-human-ggp img.ex {
	width: 49%;
	height: 49%;
	position: absolute;
	z-index: 2;
}
.chart-human-ggp img.layer-1 {
	top: 0;
	left: 0;
}
.chart-human-ggp img.layer-2 {
	top: 0;
	right: 0;
}
.chart-human-ggp img.layer-3 {
	bottom: 0;
	left: 0;
}
.chart-human-ggp img.layer-4 {
	bottom: 0;
	right: 0;
}
.chart-human-ggp img.layer-5 {
	top: 50%;
	width: 30%;
	height: auto;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	border-radius: 50%;
}

.chart-hwde {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.chart-hwde .base {
	position: relative;
}
.chart-hwde img.ex {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 2;
}

.chart-pem {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.chart-pem .base {
	position: relative;
}
.chart-pem img.ex {
	width: 8%;
	height: auto;
	position: absolute;
	left: 6%;
	top: 7%;
	z-index: 2;
}
.chart-pem img.ex.layer-1 {
	left: 6%;
	top: 11%;
}
.chart-pem img.ex.layer-2 {
	left: 6%;
	top: 40%;
}
.chart-pem img.ex.layer-3 {
	left: 6%;
	top: 69%;
}
.chart-pem img.ex.layer-4 {
	left: 53%;
	top: 22%;
}
.chart-pem img.ex.layer-5 {
	left: 53%;
	top: 54%;
}

.chart-reem {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.chart-reem .base {
	position: relative;
}
.chart-reem img.ex {
	width: 7%;
	height: auto;
	position: absolute;
	left: 6%;
	top: 7%;
	z-index: 2;
}
.chart-reem img.ex.layer-1 {
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
}
.chart-reem img.ex.layer-2 {
	left: 24%;
	top: 5%;
}
.chart-reem img.ex.layer-3 {
	left: 73%;
	top: 29%;
}
.chart-reem img.ex.layer-4 {
	left: 24%;
	top: 52%;
}



.chart-enterpreneur {
	display: flex;
	align-items: stretch;
	align-items: center; /* Vertical */
	justify-content: center; /* Horizontal */
}
.chart-enterpreneur .chart-arrow {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	box-sizing: border-box;
	position: relative;
	align-self: stretch;
	display: flex;
	flex-basis: 33%;
}
.chart-enterpreneur .chart-arrow:nth-child(1) {
	z-index: 10;
	flex-basis: 35%;
}
.chart-enterpreneur .chart-arrow:nth-child(2) {
	z-index: 9;
	margin-left: -10%;
	flex-basis: 39%;
}
.chart-enterpreneur .chart-arrow:nth-child(3) {
	z-index: 8;
	margin-left: -10%;
	flex-basis: 37%;
}
.chart-low-carbon {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.chart-low-carbon img {
	width: auto;
}
.chart-low-carbon .cols {
	align-items: center;
	margin: 5px 0;
}
.chart-low-carbon .cols .col:first-of-type {
	text-align: right;
}

.chart-green-building {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.chart-green-building .base {
	position: relative;
}
.chart-green-building img:not(.base) {
	width: 12%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 7%;
	z-index: 2;
}
.chart-green-building img.layer-1 {
	left: 41%;
	top: 8%;
}
.chart-green-building img.layer-2 {
	left: 44%;
	top: 25.6%;
}
.chart-green-building img.layer-3 {
	left: 5.5%;
	top: 43.5%;
}
.chart-green-building img.layer-4 {
	left: 17%;
	top: 60.5%;
}
.chart-green-building img.layer-5 {
	left: 26%;
	top: 78.3%;
}
.chart-tax-incentives-top {
	padding: 15px;
	background-color: #ffffff;
	box-sizing: border-box;
}
#slide-highlights .action {
	text-align: center;
}
#slide-highlights .action a.btn:hover {
	color: #0048A0 !important;
}
.mobile-slides {
	margin-top: 50px;
}
.bottom-up {
	text-align: center;
	display: block;
}
.bottom-up img {
	display: inline-block;
}
.fp-table .cover1-title {
	position: absolute;
	z-index: 2;
	top: 40%;
	left: 5vw;
	width: 30vw !important;
	transform: translateY(0%);
	height: auto !important;
	display: block;
	transition: all 600ms;
	transition-delay: 2000ms;
	opacity: 0;
}
.fp-table.active .cover1-title {
	transform: translateY(-50%);
	transition-delay: 600ms;
	opacity: 1;
}
.review-charts .slick-dots {
	position: relative;
	margin-top: 10px;
}
.review-charts .slick-dots li button:before {
	color: #ccc;
	opacity: 1;
}
.review-charts .slick-dots li button:before {
	font-size: 12px;
}
.review-charts .slick-dots li.slick-active button:before {
	color: #F39C20;
	opacity: 1;
}
.highlights-scroll-wrap {
	overflow: auto;	
	text-align: center;
}
.highlights-scroll {	
	text-align: center;
}
.hide-first {
	display: inline-block;
}
.highlights-scroll .standard {
	display: inline-block;
}
/* .highlights-scroll .standard img:not(.img-title) {
	max-width: 100%;
	width: auto;
	max-height: 50vh;
} */
.highlights-scroll .standard img.mobile-only.img-title {
	max-width: 100%;
	width: 100%;
	max-height: 3em;
	margin: 0 auto;
	padding: 1em;
	background-color: #dddddd;
	border-radius: 1em;
	box-sizing: border-box;
}
.chart-key-highlights .highlights-title img.mobile-only.img-title {
	max-width: 100%;
	width: 100%;
	max-height: 3em !important;
	height: auto !important;
	margin: 0 auto;
	padding: 1em;
	background-color: #dddddd;
	border-radius: 1em;
	box-sizing: border-box;
}
.highlights-scroll-content {
	max-width: 80%;
	margin: 0px auto;
}
.highlights-scroll-content .hidden-banner {
	margin-left: auto;
	margin-right: auto;
}
.more-content-pop-wrapper {
	overflow: auto;
}
.more-content-pop {	
	display: inline-block;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}
.more-content-pop a {
	display: inline-block;
	width: auto;
	max-width: none;
}
.more-content-pop img {
	height: auto;
	width: 100%;
	max-width: 100%;
}
.slide-video-box {
	position: relative;
	width: calc(100vw - 40px);
	height: calc(100vh - 100px);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
#slide-home .slide {
	background: #005A95 url(../img/bg-white-bar-top.jpg) center top no-repeat;
	background-size: 100% 20px;
}
.slide .slide-content {
	background-color: #CDD0C7;
	width: calc(100vw - 40px);
	height: calc(100vh - 100px);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-size: cover;
	position: relative;
}
img.slide-home-cover {
	display: inline-block;
	height: calc(80vh - 80px);
	width: auto;
}
.slide-content .slide-title-layer,
.slide-content .slide-text-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.slide-content .slide-text-layer {
	z-index: 2;
}
.slide-home-2 .slide-content {
	background: #CDD0C7 url(../img/sep-1.jpg) left center no-repeat;
	background-size: cover;
}
.slide-home-2 .slide-content .slide-title-layer {
	background: transparent url(../img/sep-1-title.svg) left center/cover no-repeat;
}
.slide-home-2 .slide-content .slide-text-layer {
	background: transparent url(../img/sep-1-text.svg) left center/cover no-repeat;
}

.slide-home-3 .slide-content {
	background: #CDD0C7 url(../img/sep-2.jpg) left center no-repeat;
	background-size: cover;
}
.slide-home-3 .slide-content .slide-title-layer {
	background: transparent url(../img/sep-2-title.svg) left center/cover no-repeat;
}
.slide-home-3 .slide-content .slide-text-layer {
	background: transparent url(../img/sep-2-text.svg) left center/cover no-repeat;
}

.slide-home-4 .slide-content {
	background: #CDD0C7 url(../img/sep-3.jpg) left center no-repeat;
	background-size: cover;
}
.slide-home-4 .slide-content .slide-title-layer {
	background: transparent url(../img/sep-3-title.svg) left center/cover no-repeat;
}
.slide-home-4 .slide-content .slide-text-layer {
	background: transparent url(../img/sep-3-text.svg) left center/cover no-repeat;
}

.slide-home-5 .slide-content {
	background: #CDD0C7 url(../img/sep-4.jpg) left center no-repeat;
	background-size: cover;
}
.slide-home-5 .slide-content .slide-title-layer {
	background: transparent url(../img/sep-4-title.svg) left center/cover no-repeat;
}
.slide-home-5 .slide-content .slide-text-layer {
	background: transparent url(../img/sep-4-text.svg) left center/cover no-repeat;
}

.slide-home-6 .slide-content {
	background: #CDD0C7 url(../img/sep-5.jpg) left center no-repeat;
	background-size: cover;
}
.slide-home-6 .slide-content .slide-title-layer {
	background: transparent url(../img/sep-5-title.svg) left center/cover no-repeat;
}
.slide-home-6 .slide-content .slide-text-layer {
	background: transparent url(../img/sep-5-text.svg) left center/cover no-repeat;
}

.slide-home-7 .slide-content {
	background: #CDD0C7 url(../img/sep-6.jpg) left center no-repeat;
	background-size: cover;
}
.slide-home-7 .slide-content .slide-title-layer {
	background: transparent url(../img/sep-6-title.svg) left center/cover no-repeat;
}
.slide-home-7 .slide-content .slide-text-layer {
	background: transparent url(../img/sep-6-text.svg) left center/cover no-repeat;
}

.highlights-boxes-action {
	text-align: center;
	margin-top: 3vh;
}
.btn-read-more {
	display: inline-block;
	padding: 0.8em 1.6em;
	border: 2px solid #005A95;
	color: #005A95;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
.btn-back-highlights {
	display: block;
	width: 80px;
	position: fixed;
	top: 100px;
	left: -200px;
	transition: all 600ms;
	z-index: 999;
	cursor: pointer;
}
body.modal-open .btn-back-highlights {
	left: -8px;
}
.modal-open-hide {
	opacity: 1;
	transition: all 300ms;
}
body.modal-open .modal-open-hide {
	opacity: 0 !important;
	visibility: hidden !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}
.btn-back-highlights img {
	display: block;
}
body.modal-open .btn-read-more {
	display: none;
}
.highlights-footer {
	background-color: #ffffff;
	font-size: 11px;
	color: #828282;
}
body:not(.modal-open) .highlights-footer {
	display: none;
}
body.modal-open .highlights-footer {
	padding: 1em;
}
.chairman-hero-box, .ceo-hero-box {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.chairman-hero-box .layer-1 {
	display: block;
	max-width: 55%;
	width: auto;
	height: auto;
	max-height: calc(100vh - 100px);
	margin-left: auto;
	position: absolute;
	bottom: 0px;
	right: 1vw;
}
.chairman-hero-box .layer-2 {
	display: block;
	position: absolute;
	width: auto;
	height: 100%;
	z-index: 2;
	top: 0px;
	left: 0px;
}
.ceo-hero-box .layer-1 {
	display: block;
	width: auto;
	height: 100%;
}
.cfo .ceo-hero-box .layer-1 {
	background-image: url(../img/cfo-hero2.png?v3);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.section.ceo .slide-cols .slide-col .img {
	text-align: right;
}
.ceo .ceo-hero-box .layer-1 {
	display: block;
	max-width: 60%;
	width: auto;
	height: auto;
	max-height: calc(100vh - 100px);
	margin-left: 0px;
	height: auto;
	position: absolute;
	bottom: 0px;
}
.ceo-hero-box .layer-2 {
	display: block;
	position: absolute;
	width: auto;
	height: 100%;
	z-index: 2;
	top: 0%;
	left: 0%;
}
.ceo .ceo-hero-box .layer-2 {
	left: auto;
	right: 0px;
}
.modal-open-content-pop-box {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 3em;
}
.modal-open-content-pop-box p {
	line-height: 1.6em;
	margin-bottom: 1em;
	font-size: 14px;
	color: #727272;
	text-align: justify;
}
.modal-open-content-pop-box p:last-of-type {
	
}
.sustain-boxes {
	display: flex;
	justify-content: space-between;
}
.sustain-boxes .sustain-box {
	width: 32%;
	color: #ffffff;
	box-sizing: border-box;
	padding: 3vh;
	line-height: 1.4em;
	font-size: 14px;
}
.sustain-box-title {
	display: flex;
	align-items: center;
}
.sustain-boxes .sustain-box .sustain-box-content .sustain-box-text {
	max-height: 20vh;
	font-size: 13px;
}
.sustain-box-title .sustain-box-title-icon {
	margin-right: 10px;
	max-width: 36px;
}
.sustain-box-title .sustain-box-title-text {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}
.sustain-boxes .sustain-box.environmental {
	background-color: #9FBE89;
}
.sustain-boxes .sustain-box.social {
	background-color: #60CED9;
}
.sustain-boxes .sustain-box.governance {
	background-color: #6A98C3;
}
.slide-cols-wrapper {
	width: 90%;
	display: inline-block;
	vertical-align: middle;
}
.sustain-intro-action {
	display: inline-block;
	width: 49%;
	text-align: right;
}
.sustain-intro-action .btn {
	padding-left: 20px;
}
.sustain-intro-action .btn img {
	height: 14px;
	width: auto;
	margin-right: 5px;
}
.popup-download.hide {
	opacity: 0;
	z-index: -5;
}
.popup-download {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #10275FEE;
	z-index: 9999;
	transition: all 600ms;
	opacity: 1;
}
.popup-download-table {
	display: table;
	width: 100%;
	height: 100%;
}
.popup-download-cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.download-box {
	background-color: #ffffff;
	border-radius: 10px;
	max-width: 90%;
	width: 700px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	padding: 2em;
	box-sizing: border-box;
	align-items: center;
	position: relative;
}
.download-box .col2 {
	padding-left: 3em;
}
.download-box img.cover {
	width: auto;
	height: 40vh;
	max-height: 300px;
}
.download-close {
	background-color: #cc0000;
	display: block;
	width: 30px;
	position: absolute;
	top: -15px;
	padding: 5px;
	right: -15px;
	border-radius: 50%;
	cursor: pointer;
}
.download-close img {
	display: block;
}
.sep-caption {
	position: absolute;
	left: 0px;
	bottom: 20%;
	color: #222222;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	padding: 3em;
	/* background: transparent url(../img/bg-sep-caption.png) left top repeat-y;
	background-size: contain; */
	width: 40%;
	box-sizing: border-box;
}
.sep-title {
	color: #026FA7;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.6em;
}
.mobile-slides .slide.sep-1 {
	background: #CDD0C7 url(../img/sep-1-mobile.jpg) center center no-repeat;
	background-size: cover;
}
.mobile-slides .slide.sep-2 {
	background: #CDD0C7 url(../img/sep-2-mobile.jpg) center center no-repeat;
	background-size: cover;
}
.mobile-slides .slide.sep-3 {
	background: #CDD0C7 url(../img/sep-3-mobile.jpg) center center no-repeat;
	background-size: cover;
}
.mobile-slides .slide.sep-4 {
	background: #CDD0C7 url(../img/sep-4-mobile.jpg) center center no-repeat;
	background-size: cover;
}
.mobile-slides .slide.sep-5 {
	background: #CDD0C7 url(../img/sep-5-mobile.jpg) center center no-repeat;
	background-size: cover;
}
.mobile-slides .slide.sep-6 {
	background: #CDD0C7 url(../img/sep-6-mobile.jpg) center center no-repeat;
	background-size: cover;
}
.mobile-slides .slide .sep-caption {
	bottom: 0px;
	width: 100%;
	padding-right: 20%;
	padding-left: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
	background: transparent url(../img/bg-sep-caption.png) left top repeat-y;
	background-size: 100% auto;
}
.mobile-slides .slide .sep-caption .sep-title {
	line-height: 1.2em;
	margin-bottom: 0.3em;
}
.mobile-slides .slide .sep-caption .sep-text {
	font-size: 11px;
}
.slide .slide-content .sep-caption {
	opacity: 0;
	transition: all 600ms;
	transition-delay: 600ms;
	transform: translateX(-10%);
	text-align: center;
}
.slide .slide-content .sep-caption .sep-title,
.slide .slide-content .slide-title-layer {
	opacity: 0;
	transition: all 600ms;
	transition-delay: 800ms;
	transform: translateX(-10%);
}
.slide .slide-content .sep-caption .sep-text,
.slide .slide-content .slide-text-layer {
	opacity: 0;
	transition: all 600ms;
	transition-delay: 1000ms;
	transform: translateX(-10%);
}
.slide.active .slide-content .sep-caption,
.slide.active .slide-content .sep-caption .sep-title,
.slide.active .slide-content .sep-caption .sep-text,
.slide.active .slide-content .slide-title-layer,
.slide.active .slide-content .slide-text-layer {
	opacity: 1;
	transform: translate(0, 0);
}
.slide .slide-content, .slide .slide-video-box {
	opacity: 0;
	transition: all 1000ms;
	transition-delay: 400ms;
	transform: translateY(-10%) scale(0.5);
}
.slide.active .slide-content, .slide.active .slide-video-box {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.box .count {
	font-size: 26px;
	font-weight: 600;
	display: inline-block;
	line-height: 1.2em;
}
.chart-key-highlights .border-bottom {
	border-bottom: 1px dotted #222222;
}
.chart-key-highlights .flex {
	display: flex;
	padding-bottom: 10px;
	padding-top: 10px;
}
.chart-key-highlights .flex.four .box {
	width: 25%;
}
.chart-key-highlights .flex.three .box {
	width: 33%;
}
.chart-key-highlights .flex.two .box {
	width: 50%;
}
.chart-key-highlights .flex .box {
	padding: 10px 20px;
	text-align: left;
	font-size: 14px;
	line-height: 1.2em;
	border-right: 1px dotted #222222;
	display: flex;
	align-items: center;
}
.chart-key-highlights .flex .box-wrapper {	
	border-right: 1px dotted #222222;
}
.chart-key-highlights .flex .box:last-of-type {
	border-right: 0px;
}
.chart-key-highlights .flex .box-wrapper:last-of-type {
	border-right: 0px;
}
.chart-key-highlights .flex .box .icon {
	width: 50%;
}
.chart-key-highlights .flex .box .icon img {
	max-width: 72px;
	display: block;
	margin: 0 auto;
}
.chart-key-highlights .flex .box .label {
	width: 50%;
}
.highlights-title {
	margin: 1em 0 0.5em;
}
.highlights-title img {
	display: block;
	margin: 0 auto;
	height: 3vh;
}
.highlights-title img.full {
	height: auto;
	width: 100%;
}
.chart-key-highlights.social .flex .box {
	align-items: start;
}
.chart-key-highlights.social .flex .box .icon {
	width: 120px;
}
.chart-key-highlights.social .flex .box .icon img {
	margin-top: 10vh;
}
.chart-key-highlights.social .flex .box .label {
	width: calc(100% - 120px);
}
.chart-key-highlights .flex .box .space {
	margin: 1em 0;
}
.chart-key-highlights.social .flex .box:nth-child(2) {
	width: 40%;
}
.chart-key-highlights.social .flex .box:nth-child(1) {
	width: 30%;
}
.chart-key-highlights.social .flex .box:nth-child(3) {
	width: 30%;
}
.chart-key-highlights .flex .box-wrapper .box {
	width: auto !important;
}
.chart-key-highlights.governance-health .flex .box-wrapper {
	width: 50%;
}
.chart-key-highlights.governance-health .flex .box {
	align-items: start;
}
.chart-key-highlights.governance-health .flex .box .icon {
	width: 120px;
	margin-top: 55px;
}
.chart-key-highlights.governance-health .flex .box .icon img {
	width: 64px;
	margin-top: 2vh;
}
.chart-key-highlights.governance-health .flex .box .label {
	width: calc(100% - 120px);
}
.business-highlights {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}
.business-highlights .img-chart {
	width: 19%;
	margin-top: 1em;
	margin-bottom: 0.5em;
	transition: all 200ms;
	transform: scale(1);
	position: relative;
	display: block;
}
.business-highlights .img-chart .icon {
	display: inline-block;
	width: 33%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 1vw;
}
.business-highlights .img-chart.icon-2 .icon {
	top: auto;
	width: 30%;
	bottom: 0.5vw;
}
.business-highlights .img-chart.icon-4 .icon {
	top: 1.5vw;
}
.business-highlights .img-chart.icon-5 .icon {
	top: auto;
	bottom: 1vw;
}
.business-highlights .img-chart.icon-6 .icon {
	top: auto;
	bottom: 1.5vw;
}
.business-highlights .img-chart.icon-8 .icon {
	width: 23%;
}
.business-highlights .img-chart.icon-9 .icon {
	top: auto;
	bottom: 1vw;
	width: 38%;
}
.business-highlights .img-chart .icon img {
	width: 100%;
	height: auto;
}
.business-highlights .img-chart:hover {
	transform: scale(1.2);
}
/* .business-highlights .highlight-box {
	display: block;
	background-color: #FCD7CF;
	font-size: 12px;
	border-radius: 50%;
	width: 16vw;
	height: 16vw;
	line-height: 1.4em;
}
.business-highlights .highlight-box .cell {
	display: table-cell;
	width: 100%;
	height: 14vw;
	padding: 1vw;
	vertical-align: middle;
	text-align: center;
}
.business-highlights .highlight-box span.icon {
	display: inline-block;
	max-width: 40%;
	margin: 0px auto;
}
.business-highlights .highlight-box span.text {
	display: inline-block;
}
.business-highlights .highlight-box strong {
	font-weight: bold;
	color: #8E3C47;
} */
/* .business-highlights img:not(.icon) {
	width: 19%;
	margin-top: 1em;
	margin-bottom: 0.5em;
	transition: all 200ms;
	transform: scale(1);
}
.business-highlights img:not(.icon):hover {
	transform: scale(1.2);
} */
.financial-highlights .flex {
	display: flex;
	align-items: start;
}
.financial-highlights .flex .box {
	text-align: left;
	width: 20%;
	padding: 1em;
	display: block;
	box-sizing: border-box;
	border: 0px;
	margin-top: auto;
}
.financial-highlights .flex.top-align .box {
	margin-top: 0px;
}
.financial-highlights .flex .box .title {
	border-bottom: 1px dashed #222222;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
.financial-highlights .flex .box .stats {
	color: #3C71A8;
	font-size: 16px;
}
.financial-highlights .flex .box .unit {
	color: #222222;
	font-size: 18px;
	font-weight: 300;
}
.incontent-charts {
	display: flex;
	margin: 1em 0;
}
.incontent-charts .chart {
	width: 33%;
	padding: 20px;
	background-color: #6A9FBD;
	color: #ffffff;
	margin: 20px;
}
.incontent-charts .chart .heading1 {
	text-transform: uppercase;
	color: #4E8EB1;
	font-size: 12px;
	line-height: 1.2em;
	color: #666666;
}
.incontent-charts .chart .heading2 {
	text-transform: uppercase;
	color: #4E8EB1;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2em;
}
.incontent-charts .chart .heading3 {
	text-transform: uppercase;
	color: #4E8EB1;
	line-height: 1.2em;
	text-align: right;
}

.incontent-charts2 {
	display: flex;
	margin: 20px 0;
}
.incontent-charts2 .chart {
	width: 50%;
	padding: 24px;
	background-color: #6A9FBD;
	margin: 0px 10px;
}
.incontent-charts2 .chart:first-of-type {
	margin-left: 0px;
}
.incontent-charts2 .chart:last-of-type {
	margin-right: 0px;
}
.incontent-charts2 .chart .normal {
	font-size: 13px;
	line-height: 1.2em;
}
.incontent-charts2 .chart .heading1 {
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1.2em;
}
.incontent-charts2 .chart .heading2 {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2em;
}
.incontent-charts2 .chart .heading5 {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
}
.chart img.small-arrow {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
}
.incontent-charts2 .chart .heading2 * {
	line-height: 1em;
}
.incontent-charts2 .chart .heading2 .unit {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.1em;
	display: block;
}
.incontent-charts2 .chart .heading3 {
	text-transform: uppercase;
	color: #4E8EB1;
	line-height: 1.2em;
	text-align: right;
}

.incontent-charts3 {
	display: flex;
	margin: 1em 0;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}
.incontent-charts3 .chart {
	width: 33%;
	padding: 20px;
}
.incontent-charts3 .chart .heading1 {
	text-transform: uppercase;
	color: #4E8EB1;
	font-size: 12px;
	line-height: 1.2em;
	color: #666666;
}
.incontent-charts3 .chart .heading2 {
	text-transform: uppercase;
	color: #4E8EB1;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2em;
}
.incontent-charts3 .chart .heading3 {
	text-transform: uppercase;
	color: #4E8EB1;
	line-height: 1.2em;
	text-align: left;
}

.business-boxes {
	display: flex;
	justify-content: space-between;
	padding: 1em 2em 0;
	position: relative;
	margin: 0 2em;
}
.modal-open-content-pop-box .business-boxes {
	padding-top: 1em;
	padding-bottom: 1em;
}
.modal-open-content-pop-box .business-boxes:first-of-type {
	padding-top: 2em;
}
.business-boxes .business-box {
	width: 32%;
	box-sizing: border-box;
	text-align: left;
	border: 1px solid #999999;
}
.business-boxes .business-box.no-border {
	border: 0px;
}
.business-boxes .business-box .title {
	text-transform: none !important;
	font-size: 14px !important;
	text-align: left;
	margin-bottom: 0.5em !important;
}
.business-boxes .business-box .text {
	text-align: left;
}
.tab-title {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 1em;
}
.tab-title span {
	display: inline-block;
	padding: 10px;
	background-color: #ffffff;
	color: #222222;
	text-transform: uppercase;
	font-weight: bold;
}
.slide-read-more {
	display: inline-block;
	padding: 0.3em 1.4em;
	border-radius: 2em;
	background-color: #10275F;
	color: #ffffff;
	font-weight: 500;
	margin-top: 0.5em;
}
.read-more-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100vh;
	z-index: 999999;
	background-color: rgb(0,0,0,0.7);
}
.read-more-overlay:not(.show) {
	display: none;
}
.read-more-overlay .table {
	display: table;
	width: 100%;
	height: 100%;
}
.read-more-overlay .table .cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}
.read-more-overlay .read-more-overlay-content {
	display: inline-block;
	background-color: #ffffff;
	padding: 2em;
	text-align: left;
	vertical-align: middle;
	max-width: 640px;
	width: 90%;
	box-sizing: border-box;
	position: relative;
}
.read-more-overlay .read-more-overlay-content .text {
	line-height: 1.6em;
	font-size: 13px;
}
.read-more-overlay .read-more-overlay-content .close-btn {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #cc0000 url(../img/icon-close-white.svg) center center/contain no-repeat;
	text-indent: 9999em;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	transform: translate(50%, -50%);
}

.box-float {
	display: inline-block;
}
.mini {
	font-size: 10px;
	line-height: 1.4em;
	margin-top: 10px;
}
.image-quote {
	display: flex;
	margin: 2em 0;
	align-items: flex-end;
}
.image-quote .thumbnail {
	width: 30%;
	box-sizing: border-box;
	padding-right: 20px;
	border-right: 1px solid #222222;
}
.image-quote .thumbnail img {
	display: block;
	height: auto;
	width: 100%;
}
.image-quote .quote {
	width: 60%;
	padding-left: 20px;
	font-weight: 600;
	font-size: 16px;
	box-sizing: border-box;
	line-height: 1.4em;
}
.ceo-quote-1 {
	color: #396272;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 18px;
	text-align: center;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 36px;
	margin-top: 36px;
	line-height: 1.3em;
}
.ceo-quote-1:before {
	content: ' ';	
	width: 100%;
	max-width: 80%;
	height: 6px;
	margin-left: auto;
	margin-right: auto;
	background-color: #CFCFCF;
	display: block;
	margin-bottom: 30px;
}
.ceo-quote-1:after {
	content: ' ';
	width: 100%;
	max-width: 80%;
	height: 6px;
	margin-left: auto;
	margin-right: auto;
	background-color: #CFCFCF;
	display: block;
	margin-top: 30px;
}
.ceo-quote-2 {
	color: #396272;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 18px;
	text-align: center;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 36px;
	margin-top: 36px;
	padding: 0 1em;
}
.ceo-quote-2 .quote {
	color: #396272;
	line-height: 1.4em;
}
.ceo-quote-2 .chart {
	font-weight: 600;
	color: #65A0BE;
}
.ceo-quote-2 .chart .count {
	font-size: 36px;
	line-height: 1em;
	font-weight: 700;
}
.ceo-quote-2 .chart .unit {
	font-size: 14px;
}
.ceo-quote-2 .quote {
	color: #65A0BE;
}
.ceo-quote-2 .quote::before {
	content: ' ';	
	width: 100%;
	max-width: 80%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #222222;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
}
.ceo-quote-3 {
	color: #434343;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 36px;
	line-height: 1.4em;
}
.ceo-quote-3:before {
	content: ' ';	
	width: 100%;
	max-width: 80%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #434343;
	display: block;
	margin-bottom: 30px;
}
.ceo-quote-3:after {
	content: ' ';
	width: 100%;
	max-width: 80%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #434343;
	display: block;
	margin-top: 30px;
}

.chart-single {
	vertical-align: top;
	text-align: center;
	margin: 0;
	box-sizing: border-box;
	padding: 0;
}
.chart-single .chart-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	text-transform: uppercase;
	color: #37444A;
	display: inline-block;
	margin-top: -20px;
	background-color: #efefef;
	padding: 0 20px;
}
.chart-single .chart-title .unit {
	font-weight: 400;
}
.chart-single .chart-box-wrapper {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.chart-single .chart-box-wrapper .placeholder {
	display: block;
	width: 100%;
	height: auto;
	max-height: 50vh;
}
.chart-single .chart-box-wrapper .chart-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.chart-area {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.chart-area .chart-box-bar {
	height: 100%;
	width: 100%;
}
.chart-area .chart-box-bar .chart-wrap {
	height: 100%;
	width: 100%;
}
.legend-box {
	padding: 10px;
	background-color: #E0E1E3;
	font-size: 13px;
}
.legend-box .main {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.legend-box .main span {
	display: inline-block;
	width: 36px;
	height: 20px;
	background-color: #629E9B;
	border: 1px solid #ffffff;
	margin-right: 10px;
}
.legend-box .main label {
	font-weight: bold;
}
.legend-box .desc {
	font-size: 11px;
	line-height: 1.4em;
}
.more-content-pop .highlights-footer {
	padding: 1em;
}
.cfo-cap {
	text-transform: uppercase;
	color: #6B8DA7 !important;
	font-size: 14px !important;
	text-align: left;
}
.modal-open-content-pop-box p.table-note {
	margin-top: 0px;
	font-size: 10px;
}
.sustain-note {
	background-color: #1EA19D;
	color: #ffffff;
	padding: 2vh;
	margin-top: 3vh;
	font-size: 11px;
	text-align: left;
	line-height: 1.4em;
}
.sustain-note .top {
	margin-bottom: 0.4em;
}
.sustain-note .bottom {
	display: flex;
	align-items: center;
}
.sustain-note .icons {
	margin-right: 20px;
}
.sustain-note .icons img {
	display: block;
	height: 5vh;
	width: auto;
	max-width: none;
}
.sustain-read-more {
	margin-top: 10px;
}
.sustain-read-more.hide {
	display: none !important;
}
.hero-captions {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 56%;
	z-index: 2;
	padding: 2vw;
	box-sizing: border-box;
}
.hero-captions .bubble {
	border-top: 15px solid #005A95;
	background-color: #ffffff;
	padding: 20px;
	position: relative;
}
.hero-captions .bubble:after {
	content: ' ';
	display: block;
	width: 5vw;
	height: 3vh;
	background: transparent url(../img/icon-bubble-triangle.svg) right bottom/contain no-repeat;
	position: absolute;
	top: 99%;
	right: 0px;
}
.hero-captions .bubble p {
	font-size: 12px;
	text-align: left;
	margin-bottom: 0.3em;
	color: #222222;
}
.hero-captions .quote {
	width: 70%;
	margin: 2vh 0px;
}
.hero-captions .quote .quote-text {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 1em 0;
	display: block;
	font-size: 2vh;
	line-height: 1.2em;
	font-weight: 500;
	text-align: left;
}
.hero-captions .quote .open-symbol,
.hero-captions .quote .close-symbol {
	color: #64A09D;
	font-weight: bold;
	display: block;
}
.hero-captions .quote .open-symbol img,
.hero-captions .quote .close-symbol img {
	display: inline-block;
}
.hero-captions .quote .open-symbol {
	text-align: left;
}
.hero-captions .quote .close-symbol {
	text-align: right;
}
.hero-captions .person-title {
	color: #ffffff;
	text-align: left;
}
.hero-captions .person-title .name {
	font-weight: bold;
	font-size: 13px;
}
.hero-captions .person-title .position {
	font-weight: 400;
	font-size: 12px;
	margin-top: 0.5em;
}
.ceo .hero-captions {
	left: auto;
	right: 0px;
	width: 60%;
}
.ceo .hero-captions .bubble:after {
	left: 0px;
	right: auto;
	background: transparent url(../img/icon-bubble-triangle-left.svg) left bottom/contain no-repeat;
}	
.ceo .hero-captions .quote {
	margin-left: auto;
	width: 85%;
	margin-bottom: 0px;
}
.ceo .hero-captions .quote .quote-text {
	text-transform: none;
	letter-spacing: 0px;
	font-size: 1.6vh;
}
.ceo .hero-captions .person-title {
	margin-left: auto;
	width: 85%;	
}
.log {
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 10px;
	color: #ffffff;
	background-color: red;
	z-index: 9999;
}