/*
Theme Name: Theme
Author: stvn.co
Author URI: stvn.co
Version: 999.9
*/

/* @font-face {
    font-family: 'Agenda';
    src: url('fonts/Agenda-Bold.woff2') format('woff2'),
        url('fonts/Agenda-Bold.woff') format('woff'),
        url('fonts/Agenda-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Agenda';
    src: url('fonts/Agenda-Medium.woff2') format('woff2'),
        url('fonts/Agenda-Medium.woff') format('woff'),
        url('fonts/Agenda-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Agenda';
    src: url('fonts/Agenda-Light.woff2') format('woff2'),
        url('fonts/Agenda-Light.woff') format('woff'),
        url('fonts/Agenda-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Agenda';
    src: url('fonts/Agenda-LightItalic.woff2') format('woff2'),
        url('fonts/Agenda-LightItalic.woff') format('woff'),
        url('fonts/Agenda-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Agenda';
    src: url('fonts/Agenda-MediumItalic.woff2') format('woff2'),
        url('fonts/Agenda-MediumItalic.woff') format('woff'),
        url('fonts/Agenda-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
} */

@font-face {
	font-family: 'Agenda';
	src: url('fonts/AgendaMedium.eot') format('embedded-opentype'), url('fonts/AgendaMedium.woff') format('woff'), url('fonts/AgendaMedium.ttf') format('truetype'), url('fonts/AgendaMedium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: 'Agenda';
	src: url('fonts/AgendaLight.eot') format('embedded-opentype'), url('fonts/AgendaLight.woff') format('woff'), url('fonts/AgendaLight.ttf') format('truetype'), url('fonts/AgendaLight.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: 'Agenda';
	src: url('fonts/AgendaBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: 'HY';
	src: url('fonts/HYZhongDengXianJ.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
  }
  @font-face {
	font-family: 'HY';
	src: url('fonts/HYZhongHeiJ.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'HY';
	src: url('fonts/HYDaHeiJ.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
  }

html, body {
	font-family: 'HY', 'Agenda', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #0B0B0B;
	font-size: 18px;
	line-height: 26px;
}
* {
	outline: none !important;
}
.no-padding, .no-padding .col {
	padding: 0;
}

.menu-scroll {
	max-height: calc(100vh - 0px);
    overflow-y: auto;
	padding-bottom: 50px;
	padding-top: 20px;
}

span.agenda {
	font-family: 'Agenda';
}

.zh-menu {
	font-size: 16px;
}

.zh {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.sidebar-navigation::-webkit-scrollbar, .hide-scrollbar::-webkit-scrollbar {
	display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .sidebar-navigation, .hide-scrollbar {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
  }

.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
  }
  

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:998;color: #0B0B0B;
     }

/* headers */

h1, h2, h3, h4, h5, h6, .box a {
	color: #002469;
}

header {
	padding: 22px 40px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	height: 80px;
}

#logo img, #logo-blue img {
	height: 36px;
}

#logo {
	display: none;
	top: 22px;
}

#logo-blue {
	display: none;
	position: absolute;
	top: 22px;
}
#lang, nav {
	display: none;
}

#seal {
	position: absolute;
	right: 35px;
	top: 50%;
    display: inline-block;
	transform: translateY(-50%);
	z-index: 999;
	display: none;
}

nav {
	position: absolute;
    right: 95px;
    top: 50%;
    transform: translateY(-50%);
	height: 30px;
	z-index: 99;
}

.nav-extra, .nav-extra li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav-extra .menu-item {
	margin-top: 0 !important;
}

#lang {
	position: absolute;
	right: 155px;
	top: 49%;
	transform: translateY(-50%);
	font-weight: 400;
	color: #fff;
	font-size: ;
}
.loaded #lang, .page-loaded #lang {
	xcolor: #fff;
}
/* .loaded .hamburger-inner, .loaded .hamburger-inner::before, .loaded .hamburger-inner::after, .page-loaded .hamburger-inner, .page-loaded .hamburger-inner::before, .page-loaded .hamburger-inner::after {
	background-color: #fff;
} */
#nav-bg {
    background: #fff;
    z-index: -1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
	left: 0;
	visibility: hidden;
	opacity: 1;
	transform: translateY(-105%);
	transition: all .3s ease-in-out;
	box-shadow: 0 0 50px rgba(0,0,0,0.05);
}
#nav-bg.down {
	
	visibility: visible;
	opacity: 1;
	transform: translateY(0%);
	transition: all .3s ease-in-out;
}
#nav-bg.transparent {
	background: transparent !important;
}
.scrolled #lang, .page-template-template-credits #lang {
	color: #002469;
}
.scrolled .hamburger-inner, .scrolled .hamburger-inner::before, .scrolled .hamburger-inner::after, .page-template-template-credits .hamburger-inner, .page-template-template-credits .hamburger-inner::before, .page-template-template-credits .hamburger-inner::after {
	background: #002469;
}
.page-template-template-credits #logo {
	display: none !important;
}
.page-template-template-credits #logo-blue {
	display: block !important;
}
#page-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
	font-weight: 500;
	visibility: hidden;
	opacity: 0;
	transition: all 1s ease-in-out;
	color: #002469;
}
.down #page-title {
	visibility: visible;
	opacity: 1;
	transition: all 1s ease-in-out;
}
#full-nav {
    background: #002469;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index: 9;
	color: #fff;
	visibility: hidden;
	opacity: 1;
	transform: translateY(-100%);
	transition: all .5s ease-in-out;
	padding: 22px 25px;
	padding-top: 0;
}
#full-nav.is-opened {
	visibility: visible;
	opacity: 1;
	transform: translateY(0%);
	transition: all .5s ease-in-out;
}
#full-nav a {
	color: #fff;
	display: block;
}
#full-nav .menu-item {
	margin-top: 30px;
	font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;letter-spacing: 0.2px;
	font-weight: 500;
}
#full-nav .menu-item > a, #full-nav .menu-item > div {
	padding-bottom: 15px;

}
#full-nav .sub-menu .menu-item > a {
	padding-bottom: 0;

}
.current_page_item > a, .current_page_ancestor > a {
	color: #009AD9 !important;
}
.menu-thumb {
	margin-top: 40px;
	display: none;
	position: absolute;
	padding: 0 15px;
	left: 0;
}
.sub-menu {
	padding-left: 0 !important;
}
#full-nav .sub-menu .menu-item {
	margin-top: 0 !important;
	padding: 0 20px 15px;
	font-size: 18px;
	line-height: 26px;letter-spacing: 0.3px;
	font-weight: 300;
}

.menu, .menu li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*typo*/

.list-two-col p {
	margin-bottom: 0;
}

small, .small {
	font-size: 14px;letter-spacing: 0.2px;
	line-height:19px;
	font-weight: 300;
}

.small-content p {
	margin-bottom: 0;
}
.small-content p:last-child {
	margin-bottom: 20px;
}

p {
    margin-top: 0;
    margin-bottom: 20px;
}
#content li {
	margin-bottom: 0;
}
#content ul {
	margin-bottom: 20px;
}
a {color: #0B0B0B;
	transition: .3s all ease;}
a:hover, .hover {
	color: inherit;
	text-decoration: none;
	opacity: 0.6;
	transition: .3s all ease;
}

a:active, a:focus {
	opacity: 1 !important;
}

#current-anchors {
	display: none;
	margin-left: 20px;
}

.anchor-nav a {
	opacity: 0.75;
	color: #002469 !important;
	cursor: pointer;
}
.anchor-nav a:hover, .anchor-nav a.active {
	opacity: 1;
	font-weight: 500 !important;
}

.anchor {
	height: 1px;
}

.strong, strong, .bold {
	font-weight: bold;
}
.medium {
	font-weight: 500;
}
.light {
	font-weight: 300;
}
h3, .h3 {
	font-size: 40px;
	line-height: 47px;
	font-weight: 500;
}
xh3 span {
	font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
	display: block;
	margin-bottom: 5px;
}
.box h3 span {
	font-size: inherit;
	line-height: inherit;
	display: inline;''
}
h4 {
	font-size: 28px;
	line-height: 34px;
}
h5 {
    font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
    font-weight: 500;
	margin-bottom: 10px;
	padding-top: 0;
}
h6 {
	margin-bottom: 0;
}
h5:first-child {
	padding-top: 0;
}
hr {
	border-color: #002469;
}
.font-23 {
	font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
}
a.read-more {
	margin-top: 20px;
	display: inline-block;
}

.read-more-full {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	text-indent: -9999px;
}

.back-to-home-one-col {
	position: absolute;
    left: 40px;
    top: 80px;
}
.back-to-home-one-col img {
	margin-right: 10px;
	margin-bottom: 2px;
}

.page-template-template-credits .back-to-home-one-col {
    position: absolute;
    left: 40px;
    top: 159px;
}

#page-nav {
    xpadding: 0;
    margin-top: 0;
    padding-bottom: 90px;
}
#page-nav-sidebar {
	padding-bottom: 60px;
	xpadding-top: 10px;
}
.next {
	padding-right: 30px;
	position: relative;
}

.slick-prev {
    left: 20px;
    z-index: 999;
}

.slick-next {
    right: 15px !important;
    z-index: 999;
}

.legend-na span {
	color: #999;
	}
.legend-positive span {
	color: #018270;
	}
	.legend-negative span {
		color: #E91926;
		}
		.legend-neutral span {
			color: #F89C41;
			}

.next::after {
	content: '';
    width: 15px;
    background: url(img/right.svg) no-repeat center right;
    background-size: contain;
    height: 15px;
    display: block;
    position: absolute;
    right: 0;
    top: 52%;
	transform: translateY(-50%);
}

/* landing page */
#landing {
	height: 100vh;
	width: 100%;
	background: #ccc;
	position: relative;
}

#landing-wrap {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
}

#small-title {
	font-size: 40px;
	line-height: 60px;
	color: #002469;
}
#big-title {
	font-size: 75px;
	line-height: 83px;
	letter-spacing: -0.5px;
	color: #002469;
}
.scroll-down {
	font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	z-index: 2;
	color: #002469;
}

#download-pdf h3, x#share-report h3 {
	margin-bottom: 0;
}
#download-pdf h5, #share-report h5 {
	padding-top: 10px;
}

/* HOME SECTION */
section#home {
	width: 100%;
}
.left-50 {
	width: 50%;
	display: inline-block;
	float: left;
}
.right-50 {
	width: 50%;
	display: inline-block;
	float: left;
}
.box {
	width: 100%;
	height: 30vh;
	background: white;
	xpadding: 70px 40px;
	font-size: 28px;
	line-height: 34px;
	font-size: 24px;
    line-height: 30px;
	position: relative;
}
.box.with-padding {
	padding: 40px 40px;
}
.box.double-height {
	height: 90vh;
	background: white;
}

.box .text-wrapper {
	padding: 40px 40px 50px;
	background: white;
	transition: all .6s ease;
	position: relative;
	z-index: 2;
	height: 30vh;
    min-height: 200px;
}

.overlay {
	position: absolute;
	display: block;
	width: 100%;
	height: 60vh;
	min-height: 400px;
	bottom: 0;
	left: 0;
	z-index: 1;
	transition: all .6s ease;
}

.hovered .overlay {
	opacity: 0.5;
	transition: all .6s ease;
}

.hovered .text-wrapper {
	background: #002469 !important;
	transition: all .6s ease;
}

.text-wrapper h3, .text-wrapper a {
	
	transition: all .6s ease;
}

.hovered .text-wrapper h3, .hovered .text-wrapper a {
	color: #fff !important;
	transition: all .6s ease;
}
#download-pdf, #share-report {
	
	padding: 40px 40px;
    height: 30vh !important;
}

.video-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
	top: 0;
	z-index: 1;
	left: 0;
}
video.full-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.box h3, .box .read-more, .box p {
	position: relative;
	z-index: 9;
}

/* page sections */
#content {
	xoverflow-x: hidden;
}
.row.with-bg {
	    /* margin-left: -60px; */
    /* margin-right: -40px; */
	padding: 2.5rem 0px 0;
	position: relative;
}
/* .row.with-bg::before {
	content: '';
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    left: -35%;
    background: red;
    top: 0;
} */
#content, #content.content-with-sidebar  {
	visibility: hidden;
	opacity: 0;
	transition: all .5s ease;
	padding: 2.5rem 0;
	padding-top: 4rem;
	padding-top: 80px;
	min-height: calc(100vh - 90px);
}
#content-header {
	height: 100vh;
	width: 100%;
	xbackground-color: #002469;
	position: relative;
}
#big-title, #small-title {
	text-shadow: 0 0 60PX rgba(0,0,0,0.5);
}

#content-header h1 {
	font-size: 75px;
	line-height: 83px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	visibility: hidden;
	opacity: 0;
	z-index: 9;
	text-align: center;
	max-width: 80%;
	width: 80%;
	letter-spacing: -0.5px;
	color: #fff;
    text-shadow: 0 0 60PX rgba(0,0,0,.5);
}
.content-header-bg {
	background: url(http://placehold.it/1920x1024) center center fixed;
	background-size: cover;
	width: 100%;
	height: 0;
	opacity: 0;
	transition: all .5s ease-in-out;
}

.parent-pageid-35 #content-header h1 {
	text-shadow: 0 0 60PX rgba(0,0,0,1) !important;
}
.parent-pageid-93 #content-header h1 {
	text-shadow: 0 0 60PX rgba(0,0,0,.75) !important;
}

#content .one-column-wrapper a, #content .right-content p a {
	color: #002469;
	text-decoration: underline;
}

#content.one-col {
	position: relative;
}

.slick-dots li button:before {
    font-family: 'slick';
	font-size: 35px !important;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #e1091d;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 1px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
	color: #002469;
}

.page-loaded #content-header h1 {
	visibility: visible;
	opacity: 1;
	transition: all 1s ease .1s;
} 
.page-loaded .content-header-bg {
	opacity: 1;
    height: 100%;
	transition: all .5s ease-in-out;
}
.page-animated .content-header-bg {
	height: 100%;
	transition: all .5s ease-in-out;
}
.page-animated #content-header {
	height: calc(100vh - 185px);
	transition: all .5s ease-in-out;
	z-index: 0;
}
.page-animated #content, .page-animated .content-with-sidebar {
	visibility: visible;
	opacity: 1;
	transition: all .5s ease .5s;
}

#back-home {
	padding-bottom: 15px;
	padding-top: 5px;
	display: inline-block;
}
#back-home img {
	padding-bottom: 3px;
    padding-right: 5px;

}

.back-to-home-sidebar {
	color: #0B0B0B !important;
}
.back-to-home-sidebar img {
	margin-right: 10px;
	margin-bottom: 2px;
}



.section-in-focus {
	min-width: 310px;
    max-width: 490px;
    position: absolute;
    background: #002469;
    left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0 40px;
    line-height: 60px;
    color: white;
    font-weight: 500;
	font-size: 20px;
	margin-top: 10px;
}

.show-headers #content-header {
	opacity: 1;
	height: calc(100vh - 185px);
}
.show-headers .content-header-bg {
	height: 100%;
	opacity: 1;
	transition: all 0.01s ease !important;
}
.show-headers #content-header h1 {
	opacity: 1;
	visibility: visible;
}
.show-headers section#content {
	opacity: 1 !important;
	visibility: visible !important;
}

.menu-col {
	max-width: 400px;
}

section.content-with-sidebar {
	z-index: 9;
	position: relative;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

section.fadeSiteOut, .page-animated #content.fadeSiteOut, .show-headers section#content.fadeSiteOut {
	opacity: 0 !important;
	visibility: hidden !important;
	transition: all .5s ease;
}

#content.one-col > div, .page-id-301 #content > div {
	max-width: 770px;
    margin: 0 auto;
}

.sticky {
	position: sticky;
	top: 113px;
	margin-bottom: 2.5rem;
}

.sidebar {
	background: #E5E5E5;
	padding: 60px 0;
	padding-top: 113px;
	font-size: 18px;
	line-height: 26px;letter-spacing: 0.3px;
	font-weight: 300;
	margin-right: 40px;
}

.sidebar ul, .sidebar li, .sidebar-navigation li {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
}

.sidebar .current_page_item a {
	color: #002469 !important;
}



.sidebar a {
	display: inline-block;
	margin-bottom: 15px;
	color: #002469;
	padding: 0 40px;
}

.sidebar a.active, .sidebar .current_page_item > a {
	font-weight: bold;
	pointer-events: none;
  cursor: default;
}

ul.sidebar-navigation {
	margin-top: 70px !important;
	padding-top: 20px !important;
}

.right-content {
	padding: 20px;
	padding-top: 110px;
	padding-bottom: 20px;
	padding-right: 40px;
	min-height: calc(100vh - 90px);
	max-width: 1200px;
	margin: 0 auto;
}

.right-content-section {
	max-width: 1200px;
}

.right-content .row {
	margin-bottom: 10px;
}
.right-content .row:last-child {
	margin-bottom: 0;
}

.right-container {
	padding-left: 50px;
}

.sticky-wrapper {
	min-width: 340px;
}

.sidebar-wrapper {
	min-width: 350px;
    max-width: 350px;
}

.right-content-wrap {
	width: calc(100% - 350px);
}

.sidebar-navigation {
	max-height: calc(100vh - 222px);
	overflow-y: auto;
}

.sidebar ul {
	padding-bottom: 50px !important;
}

.takeaway {
	font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
	color: #009AD9;
	font-weight: 500;
}

.takeaway strong {
	font-weight: bold !important;
}

.takeaway h4 {
	color: #0B0B0B;
	font-size: 28px;
	line-height: 34px;
}

.boxed {
	background: #E5E5E5;
	padding: 20px;
	margin-bottom: 2.5rem;
}
.boxed p {
	margin: 0;
}

div.list {
	margin-bottom: 30px;
}
.list img {
	width: 100%;
}
.list-two-col .list {
	margin-bottom: 0;
}
.page-id-43 .list-two-col .list {
    margin-bottom: 0;
    height: 100%;
}
.page-id-43 .col-lg-6, .page-id-43 .list-two-col .col {
	background: #f6f6f6;
}
.spacer-20 {
	height: 20px;
	width: 100%;
}
.spacer-40 {
	height: 40px;
	width: 100%;
}
.spacer-60 {
	height: 60px;
	width: 100%;
}
.spacer-80 {
	height: 80px;
	width: 100%;
}

.graph-wrap {
	background: #f6f6f6;
	padding: 0 20px;
}

.slick-dots li button::before {
font-family: 'Agenda';
}

#chart-0 {}

.graph-wrap .wrapper {
	position: relative;
    width: 75%;
    xmargin-left: -10px;
    max-width: calc(100% - 230px);
}
.graph-wrap #right-slider {
	min-width: 230px;
}

.right-title {
	padding: 50px 30px;
	text-align: center;
	font-size: 21px;
	background: #002469;
}

.event {
	color: #000;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 0 20px;
}
.event span {
	color: #009AD9;
	font-size: 20px;
}

.vertical-line {
	cursor: pointer;
}

.slick-list,
.slick-track {
    height: 100%;
}

.event-wrap {
	height: calc(100% - 150px);
	overflow-y: auto;
}

.slick-dots {
	bottom: 15px;
}

.slick-dots li::before {display: none !important;}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
	top: 35px;
}
#right-slider .slick-slider {
    position: relative;
    display: block;
    height: calc(100% - 124px);
}
#right-slider {
	height: 100%;
	width: 22.5%;
    position: absolute;
    right: 15px;
    top: 0;
    color: #fff;
    border-left: 1px solid #002469;
}

.slick-next, .slick-next:hover, .slick-next:focus {
    right: 25px;
    z-index: 999;
    background: url(img/right.svg) no-repeat;
}

.slick-prev, .slick-prev:hover, .slick-prev:focus {
    right: 25px;
    z-index: 999;
    background: url(img/left.svg) no-repeat;
}


.slick-next:before {
    content: '';
}
.slick-prev:before {
    content: '';
}

.month-title {
	color: #002469;
	text-align: center;
	padding: 20px 15px;
	font-size: 21px;
	margin-bottom: 10px;
}

.graph-wrap > .row > .col {
	position: relative;
}

.page-id-301 .credits > div {
	min-width: auto;
}

.k-curve-wrapper {
	overflow-x: hidden;
}

#overlay-k {
	position: absolute;
	z-index: 9;
	background: #f6f6f6;
	width: 100%;
	height: 100%;
	transition: all 2s ease;
}

.revealed #overlay-k {
	transform: translateX(100%);
}

#infographic-03 .left-wrapper {
	width: 64%;
	float: left;
}
#infographic-03 .right-wrapper {
	float: right;
	width: calc(36% - 30px);
	border-left: 1px solid #002469;
	padding-left: 20px;
	height: 100%;
}
#infographic-03 .accordion-title {
	padding: 15px 0;
	border-top: 1px solid #002469;
	border-bottom: 1px solid #002469;
	font-weight: 500;
	position: relative;
	
    padding-right: 30px;
}
#infographic-03 .accordion-content {
	padding: 20px 0;
	display: none;
	overflow: hidden;
}
#infographic-03 .accordion-content.opened {
	padding: 20px 0;
	max-height: 50px;
	opacity: 1;
	visibility: visible;
}

#infographic-03 .k-1 {
	position: relative;
	z-index: 0;
	background: #f6f6f6;
}

#infographic-03 .k-2, #infographic-03 .k-3 {
	position: absolute;
	left: 0;
	background: #f6f6f6;
	opacity: 0;
}

#infographic-03 .k-curve-wrapper {
	position: relative;
}

#infographic-03 .accordion-content img {
	xpadding-right: 20px;
}

#infographic-03 .accordion-content ul, #infographic-03 .accordion-content li {
	padding: 0;
	padding-left: 9px;
	margin: 0;
	font-size: 15px;
	line-height: 20px;
}

#infographic-03 .accordion-content h6 {
	margin-bottom: 5px;
}

#infographic-03 .positive ul li::before {
    content: "\2022";
    color: #009AD9;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#infographic-03 .negative ul li::before {
    content: "\2022";
    color: #e1091d;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#infographic-03 .positive-over {
	position: absolute;
    top: 44%;
    left: 73%;
    width: 15%;
    height: 19%;
	z-index: 999;
	cursor: pointer;
}
#infographic-03 .negative-over {
    position: absolute;
    bottom: 0;
    left: 73%;
    width: 15%;
    height: 19%;
	z-index: 999;
	cursor: pointer;
}

.plus {
	position: absolute;
	width:22px;
	height:22px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
  }
  
  .plus:before,
  .plus:after {
	content: "";
	position:absolute;
	background:#002469;
  }

  .opened .plus:before {
	  display: none;
  }
  
 .plus:before {
	left:50%;
	top:4px;
	bottom:4px;
	width:2px;
	transform:translateX(-50%);
	transition: all .3s ease;
  }
  
 .plus:after {
	top:50%;
	left:4px;
	right:4px;
	height:2px;
	transform:translateY(-50%);
  }

.graph-wrap .plus {
	position: absolute;
	width:22px;
	height:22px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
  }
  
  .graph-wrap .plus:before,
  .graph-wrap .plus:after {
	content: "";
	position:absolute;
	background:#002469;
  }

  .opened .plus:before {
	  display: none;
  }
  
  .graph-wrap .plus:before {
	left:50%;
	top:4px;
	bottom:4px;
	width:2px;
	transform:translateX(-50%);
	transition: all .3s ease;
  }
  
  .graph-wrap .plus:after {
	top:50%;
	left:4px;
	right:4px;
	height:2px;
	transform:translateY(-50%);
  }

  #infographic-04 .title-wrap {
	  background: #002469;
	  color: white;
	  padding: 15px 20px;
	  border-right: 1px solid white;
	  min-height: 105px;
  }
  #infographic-04 .subtitle {
	  color: #009AD9;
  }

  #infographic-04 .content {
	  background: #f6f6f6;
	  border-right: 1px solid #002469;
	  padding: 20px 0 5px;
	  min-height: 300px;
  }
  #infographic-04 .info-04-col:last-of-type .content {
    background: #f6f6f6;
    border-right: none;
    padding: 20px 0 5px;
}
  #infographic-04 .slick-track {
	  background: #f6f6f6;
  }

  .slider-fade .slick-dots {
    bottom: 20px;
    margin-bottom: 0 !important;
}

.svg-slider .slick-dots {
	bottom: 20px !important;
    margin-bottom: 0 !important;
}
.svg-slider .slick-next, .svg-slider .slick-next:hover, .svg-slider .slick-next:focus, .svg-slider .slick-prev, .svg-slider .slick-prev:hover, .svg-slider .slick-prev:focus {
    z-index: 999;
	background: none !important;
	width: 10%;
    height: 25%;
    top: 50%;
}

  .list .list-img {
	  background: #d0edf6;
	  padding: 50px 0;
	  height: 100%;
	  text-align: center;
  }

  .list .list-img img {
	  width: 75%;
  }
  .list-two-col .list-img img {
		width: 7vw;
}

  .list.row, .list-two-col {
	  margin-bottom: 0 !important;
  }

  .list-two-col, .content-list {
	  margin-left: 0 !important;
	  margin-right: 0 !important;
  }

  .page-id-97 .list-two-col {
    background: #f6f6f6;
}

  .list-two-col .col-sm-4 {
	  background: #d0edf6;
  }
  .list-two-col .col-sm-8 {
	  background: #f6f6f6;
	  padding-top: 20px;
	  padding-left: 20px;
  }

  .list-wrap {
	border-bottom: 1px solid #002469;

  }

  .list ul {
	  padding-left: 20px;
  }

  .list .title h5 {
	  margin-bottom: 5px;
  }


  #infographic-06 .month.left {
	  width: calc(50%  + 30px);
	  padding: 20px;
	  padding-top: 0;
	  padding-bottom: 0;
  }
  #infographic-06 .month.right {
	  width: 100%;
	  padding: 20px;
	  padding-top: 0;
	  padding-left: calc(50% - 10px);
	  padding-bottom: 0;
	  background: #f6f6f6;
  }
  #infographic-06 .left .month-title {
	  text-align: left;
	  border-bottom: 1px solid #002469;
	  padding-left: 100px;
	  margin-bottom: 0;
  }

  #infographic-06 .month-title {
	  
    padding-bottom: 15px;
  }

  #infographic-06 .month-title h4 {
	margin-bottom: 0;
  }

  #infographic-06 .left .days hr {
	  margin-top: 0;
	  margin-bottom: 0;
	  margin-left: 100px;
  }

  #infographic-06 .right .days hr {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 100px;
}

  #infographic-06 .day {
	padding: 15px 0;
	min-height: 150px;
  }

  #infographic-06 .day-img {
	  position: absolute;
	 width: 50px;
		
  }

  #infographic-06 .day-img img {
	  max-height: 50px;
	margin-bottom: 10px;
  }

  #infographic-06 .day-title {
	  font-weight: 500;
	  color: #002469;
  }
  #infographic-06 .day-text {
	  font-size: 21px;
	  line-height: 29px;
	  margin-bottom: 50px;
  }
  #infographic-06 .day-title, #infographic-06 .day-text {
	  padding-left: 100px;
  }

  #infographic-06 .left .day {
	  margin-left: 100px;
	  xborder-bottom: 1px solid #002469;
	  padding-right: 20px;
	  
  }
  #infographic-06 .month.left .political {
	  border-right: 20px solid #002469;
  }
  #infographic-06 .month.left .central {
	  border-right: 20px solid #009AD9;
  }
  #infographic-06 .month.left .major {
	border-right: 20px solid #f7a48c;
}


#infographic-06 .right .month-title {
	text-align: left;
	border-bottom: 1px solid #002469;
	padding-left: 70px;
	margin-bottom: 0;
}

#infographic-06 .anchor {
    height: 1px;
    xtop: -50px;
    position: relative;
}

#infographic-06 .right .day {
	padding-left: 50px;
	margin-right: 100px;
	xborder-bottom: 1px solid #002469;
	height: 100px;
    padding-right: 20px;
}

#infographic-06 .day:last-of-type {
	border-bottom: none;
}
#infographic-06 .month.right .political {
	border-left: 20px solid #002469;
}
#infographic-06 .month.right .central {
	border-left: 20px solid #009AD9;
}
#infographic-06 .month.right .major {
  border-left: 20px solid #f7a48c;
}

#infographic-06 h5::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #002469; /* 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) */
	font-size: 25px;
}
#infographic-06 h5.central::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #009AD9; /* 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) */
}
#infographic-06 h5.major::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #f7a48c; /* 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) */
}

#infographic-06 .left .revealed {
	-webkit-animation-name: fadeInLeft;
		 animation-name: fadeInLeft;
		 -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

#infographic-06 .right .revealed {
	-webkit-animation-name: fadeInRight;
		 animation-name: fadeInRight;
		 -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

#infographic-11 .map-wrap {
	position: relative;
}

#infographic-11 .pins-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
	top: 0;
	left: 0;
}

#infographic-11 .pin {
	display: inline-block;
    position: absolute;
	cursor: pointer;
}

#infographic-11 .pin.pin-61 {
	bottom: 68%;
    left: 15%;
}

.pin.pin-15 {
	left: 53%;
    bottom: 16%;
}

.pin.pin-27 {
	left: 68%;
    bottom: 52%;
}

.pin.pin-93 {
	bottom: 24%;
    left: 32%;
}

.pin.pin-24 {
	left: 48%;
    bottom: 56%;
}

#infographic-11 .pin img {
	width: 3.5vw;
}

#infographic-11 #maps {
	padding: 5vw;
	background: #f6f6f6;
	margin-bottom: 20px;
	xpadding-top: 125px;
    position: relative;
}

#infographic-11 .map-main {
	position: relative;
	z-index: 0;
}

#infographic-11 .map {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#infographic-11 #info {
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
}

#infographic-11 .pin-main, #infographic-11 .pin-info {
	position: absolute;
    bottom: 10px;
    left: 30px;
}

.pin .alt {
	opacity: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.pin:hover .alt, .pin.hovered .alt {
	opacity: 1;
}
.pin:hover .default, .pin.hovered .default {
	opacity: 0;
}

.pin-info h5 {
	margin-bottom: 0;
	color: #009AD9;
}
.pin-main h5 {
	margin-bottom: 0;
}

.close-pins {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}

#infographic-11 #close-pin {
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	display: none;
	padding: 0 40px;
	xcursor: pointer;
    height: 100%;
    width: 100%;
    xbackground: red;
    z-index: 1;
}
#infographic-11 h5 {
	margin-top: 20px;cursor: pointer;
}

#infographic-11 #close-pin:hover {
	xopacity: 0.6;
}

#infographic-11 .plus {
	position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 20px;
    transform: rotate(45deg);cursor: pointer;
}

#infographic-11 .plus::before {
	width: 1px;
}

#infographic-11 .plus::after {
	height: 1px;
}

.pin-info {display: none;
position: absolute;
}

#infographic-07 .row {
	position: relative;
}

.pie-action {
	position: absolute;
	z-index: 999;
	height: 100%;
}

.pie-action a:first-of-type {
	width: 46%;
    height: 49%;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -9999px;
	cursor: pointer;
}
.pie-action a:nth-of-type(2) {
	width: 46%;
    height: 49%;
	position: absolute;
	right: 40px;
	top: 0;
	text-indent: -9999px;
	cursor: pointer;
}
.pie-action a:nth-of-type(3) {
	width: 46%;
    height: 49%;
	position: absolute;
	left: 0;
	bottom: 0;
	text-indent: -9999px;
	cursor: pointer;
}
.pie-action a:last-of-type {
	width: 46%;
    height: 49%;
	position: absolute;
	right: 40px;
	bottom: 0;
	text-indent: -9999px;
	cursor: pointer;
}

.pie-info-title {
	text-align: center;
	padding: 10px 0 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.slider-vtar {
	margin-top: 20px;
}

.slider-vtar ul {
	padding-left: 20px;
}

.pie-info-text {
	padding-right: 50px !important;
}

.slider-vtar .slick-prev, .slider-vtar .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 31px;
}

.pie-info-text {
	padding: 15px 20px;
	background: #f6f6f6;
	height: 100%;
}

.slider-vtar .slick-dots {
	bottom: -30px !important;
	margin-bottom: 0 !important;
}

#graph-4-wrapper h5::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #002469; /* 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) */
}

#graph-4-wrapper h5.brent::before {
	color: #009AD9;
}

.graph-high-conviction .pill {
	display: inline-block;
	padding: 0 8.5px 0 5px;
	padding-left: 15px;
	border: 1px solid #999;
	border-radius: 15px;
	color: #999;
	opacity: 0.6;
	font-size: 15px;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 10px;
}

.graph-high-conviction .pill.all {
	padding-left: 10px;
	padding-right: 10px;
}

.graph-high-conviction .pill.clicked {
	opacity: 1;
	color: #002469;
	border: 1px solid #002469;
}

.graph-high-conviction .pill::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #002469; /* 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: 12px;
    margin-left: -8px;
    font-size: 20px;
    line-height: 15px;
}

.graph-high-conviction .pill.us::before {
	color: #009AD9;
}
.graph-high-conviction .pill.asia::before {
	color: #ffa185;
}
.graph-high-conviction .pill.europe::before {
	color: #c74f0f;
}
.graph-high-conviction .pill.china-a::before {
	color: #6e3626;
}

.graph-high-conviction .pill.all::before {
	margin-left: 0;
	content: '';
	display: none;
}

#infographic-09 .row {
	margin-left: 0;
	margin-right: 0;
}
#infographic-09 .titles-row {
	background: #E5E5E5;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 15px;
}
#infographic-09 .title {
	text-align: center;
	padding-bottom: 10px;
	padding: 0 20px;
	min-height: ;
}
#infographic-09 .icons > div:nth-child(even) {
	border-top: 1px solid #002469;
	background: #d0edf6;
	text-align: center;
}
#infographic-09 .icons > div:nth-child(odd) {
	border-top: 1px solid #002469;
	background: #f6f6f6;
	text-align: center;
}
#infographic-09 .icon img {
	height: 200px;
	padding: 30px 0;
}

.page-id-43 .list-two-col .list .xalign-items-center {
    padding: 15px;
}

.page-id-97 .content-list-content p:last-child {
	margin-bottom: 30px;
}

.desktop-vtar {
	position: absolute;
    top: 15%;
    left: 32%;
    width: 10%;
    height: 7%;
}
.desktop-vtar a {
	display: block;
	text-indent: -9999px;
	height: 100%;
}



@keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   transform: translateX(-20px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
 }   

 @keyframes fadeInRight {
	0% {
	   opacity: 0;
	   transform: translateX(20px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
 }   

/* @keyframes rectFade{
	from {
	height: 1%;
	}
	to {
	width:100%;
	opacity: 1;
	}
	}

	.cls-1{
		opacity: 0;
		height: 1%;
		animation: rectFade 10s cubic-bezier(0.645, 
		0.045, 0.355, 1) forwards;
		} */

		.cls-1 {
			width: 100%;
			height: 300px;
		}

		.revealer {
			opacity: 0;
			transition: all 0.5s ease;
		}

		.revealer.revealed {
			opacity: 1;
			transition: all 0.5s ease;
		}

		.revealed .xcls-1, .revealed polyline {
		
		/* Stroke-dasharray property */
			stroke-dasharray: 1600px;
			stroke-dashoffset: 1600px;
			animation: move 3s ease-in-out;   
		    animation-fill-mode: forwards;
		}
		
		@keyframes move {
			0% {
				stroke-dashoffset: 1600px;
			}
			100% {
				stroke-dashoffset: 0;
			}
		}

/* circles */
.vtar {
	width: 50%;
	height: auto;
	position: relative;
	float: left;
}
.vtar-rating {
    width: auto;
    float: left;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.3px;
    color: #002469;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 20px;
}
.vtar-rating .legend {
	font-size: 14px;letter-spacing: 0.2px;
	line-height:19px;
	margin-top: 10px;
	font-weight: 300;
}
.legend span {
	xcolor: #999;
	font-size: 18px;
}
.vtar-bg {
	background-image: url(img/outer-circle.png);
	background-size: cover;
}
.rating-text.top-left {
	width: 50%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
}
.rating-text.top-left div {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.rating-text.top-right {
	width: 50%;
	height: 50%;
	position: absolute;
	right: 0;
	top: 0;
	text-align: left;
}
.rating-text.bottom-left {
	width: 50%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: right;
}
.rating-text.bottom-right {
	width: 50%;
	height: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.rating-text {
	font-size: 85%;
	color: #0B0B0B;
}

.person p {
	margin-bottom: 20px;
}
.person:last-of-type p {
	margin-bottom: 4rem;
}
.person strong {
	font-weight: 500;
}

#content strong {
	font-weight: 500;
}

.people-right .person:nth-child(odd) {
	float: left;
}
.people-right .person:nth-child(even) {
	float: right;
}

.credits h3 {
	margin-bottom: 2.5rem;
}
.box.double-height {
	min-height: 600px;
}
.box.credits, #download-pdf, #share-report {
	min-height: 200px;
	transition: all 0.6s ease;
}
#download-pdf a, #share-report a {
	margin-top: 20px;
	
    display: inline-block;
}
#share-report a {
	margin-top: 0px;
	
    display: inline-block;
}
#share-report h3 {
	padding-bottom: 20px;
}
#download-pdf:hover {
	background: #002469 !important;
	color: white;
	transition: all 0.6s ease;
}
#download-pdf h3, #download-pdf h5 a, #download-pdf h5 {
	transition: all 0.6s ease;
}
#download-pdf:hover h3, #download-pdf:hover h5 a, #download-pdf:hover h5 {
	color: white !important;
	transition: all 0.6s ease;
}
#share-report:hover {
	background: #002469 !important;
	color: white;
	transition: all 0.6s ease;
}
#share-report h3, #share-report h5 a, #share-report h5 {
	transition: all 0.6s ease;
}
#share-report:hover h3, #share-report:hover h5 a, #share-report:hover h5 {
	color: white !important;
	transition: all 0.6s ease;
}
#share-report .svg path {
	transition: all 0.6s ease;
}
#share-report:hover .svg path {
    fill: #fff;
	transition: all 0.6s ease;
}
.box {
	min-height: 200px;
}

.box.credits {
	min-height: 400px !important;
	height: 60vh;
}

header .svg path {
    fill: white;
}

#share-report .svg path {
	fill: #002469;
}

.text-left img, .text-left svg {
	margin-right: 10px;
	stroke: #002469;
}
.text-right img, .text-right .svg {
	margin-left: 10px;
	stroke: #002469;
}

#page-nav-sidebar.text-left img, #page-nav.text-left img {
	position: absolute;
	left: 20px;
	top: 6px;
}
#page-nav-sidebar.text-left, #page-nav.text-left {
	padding-left: 45px;
}
#page-nav-sidebar.text-right img, #page-nav.text-right img {
	position: absolute;
	right: 20px;
	top: 6px;
}
#page-nav-sidebar.text-right, #page-nav.text-right {
	padding-right: 45px;
}

/* FOOTER */
footer {
	background: #002469;
	font-size: 14px;letter-spacing: 0.2px;
	line-height:19px;
	height: 90px;
	padding: 0 25px;
}

footer, footer a {
	color: #fff;
}

#content ul {
	list-style: none; /* Remove default bullets */
  }
  
  #content ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #002469; /* 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) */
  }

  /* Tell the list-items to not display numbers, but keep track of what the numbers should be */
ol li {
	counter-increment: list;
	list-style-type: none;
	position: relative;
  }
  
  /* Output the numbers using the counter() function, but use a custom color, and position the numbers how we want */ol li:before {
	color: #002469;
	content: counter(list) ".";
	left: -32px;
	position: absolute;
	text-align: right;
	width: 26px;
  }

/* Hamburger */
.hamburger {
	padding: 0;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
overflow-x: hidden; }
	.hamburger:hover {
	  opacity: 0.7; }
	.hamburger.is-active:hover {
	  opacity: 0.7; }
	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
	  background-color: #fff; 
	width: 34px;transition: all .3s ease;}
  
  .hamburger-box {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative; }
  
  .hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	  width: 30px;
	  height: 2px;
	  background-color: #fff;
	  border-radius: 0;
	  position: absolute;
	  transition-property: transform;
	  transition-duration: 0.15s;
	  transition-timing-function: ease; }
	.hamburger-inner::before, .hamburger-inner::after {
	  content: "";
	  display: block; }
	.hamburger-inner::before {
	  top: -13px; }
	.hamburger-inner::after {
	  bottom: -13px; }

	  .hamburger--spring .hamburger-inner {
		top: 3px;
		xtransition: background-color 0s 0.13s linear; }
		.hamburger--spring .hamburger-inner::before {
		  top: 13px;
		  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
		.hamburger--spring .hamburger-inner::after {
		  top: 26px;
		  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	  
	  .hamburger--spring.is-active .hamburger-inner {
		xtransition-delay: 0.22s;
		background-color: transparent !important; }
		.hamburger--spring.is-active .hamburger-inner::before {
		  top: 3px;
		  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		  transform: translate3d(0, 10px, 0) rotate(45deg); }
		.hamburger--spring.is-active .hamburger-inner::after {
		  top: 3px;
		  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		  transform: translate3d(0, 10px, 0) rotate(-45deg); }

			#small-title {
				font-size: 2.5vw;
				line-height: 4vw;
			}
			#big-title {
				font-size: 6.5vw;
				line-height: 7.5vw;
				letter-spacing: -0.5px;
			}

.credits > div {
	margin: 0 auto;
	min-width: 770px;
	max-width: 900px;

}
.nav-extra a {
	display: inline-block !important;
}
.box.credits, .box.credits h3 {
	
	transition: all .6s ease;
}

.box.credits.hovered {
	background: #002469 !important;
	color: #fff;
	transition: all .6s ease;
}.box.credits.hovered h3 {
	color: #fff !important;
	transition: all .6s ease;
}

.parent-pageid-93 #lang {
	color: #002469;
}

.parent-pageid-93 .hamburger-inner, .parent-pageid-93 .hamburger-inner::before, .parent-pageid-93 .hamburger-inner::after {
	background: #002469;
}

.bottom-nav-one-col {
	max-width: 770px;
	margin: 0 auto;
	min-width: 50%;
}

.remove-paddings {
	margin: 0 !important;
}

.thumb-wrapper-fixed {
	position: fixed;
    /* width: 23%; */
    height: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    /* position: relative; */
    width: 23%;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    right: 27px;
}

.vtar-image, .vtar {
	max-width: 200px;
}

#vtar-floating {
	position: fixed;
	width: calc(100% - 310px);
	left: auto;
	right: 0;
	top: 80px;
	padding: 5px 0 0;
	text-align: center;
	font-size: 14px;letter-spacing: 0.2px;
line-height:19px;
	font-weight: 500;
	z-index: 100;
	background: #002469;
	opacity: 0;
	visibility: none;
	transform: translateY(-100%);
	transition: all .5s ease;
	color: #fff;
}

@media (max-width: 1410px) { 
	.box.credits, #download-pdf, #share-report {
		padding-top: 40px;
		min-height: 200px;
	}
}

@media (max-width: 1400px) { 
	.credits > div {
		min-width: 70%;
	max-width: 900px;
		margin: 0 auto;
	}
}

@media (max-width: 1280px) { 
	.page-template-template-credits .back-to-home-one-col {
		display: none !important; 
	}
	.box.credits, #download-pdf, #share-report {
		padding-top: 25px;
		min-height: 200px;
	}
	#download-pdf a, #share-report a {
		margin-top: 5px;
		display: inline-block;
	}
	#share-report h3 {
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
}

@media (max-width: 1140px) { 
	.back-to-home-one-col {
		display: none !important; 
	}
}

@media (max-width: 900px) { 
	.person {
		float: none;
		width: 100% !important;
	}
}

@media (max-width: 900px) { 
	.person {
		float: none;
		width: 100% !important;
	}
}

@media (min-width: 1700px) { 
	.thumb-wrapper-fixed {
		position: fixed;
		/* width: 23%; */
		height: 100%;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
		/* position: relative; */
		width: calc(100% - 1200px);
		/* padding-right: 15px; */
		/* padding-left: 15px; */
		right: 27px;
	}
}

@media (min-width: 1900px) { 
	h3, .h3 {
		font-size: 50px;
		line-height: 58px;
		font-weight: 500;
		
	letter-spacing: -0.3px;
	}
	.download-share-box h3 {
		font-size: 50px !important;
		line-height: 58px;
		letter-spacing: -0.3px;
	}
	#share-report h3 {
		margin-bottom: 0;
	}
	.col-thumb {
		xheight: 100vw;
	}
	.col-thumb img {
		xwidth: 100%;
	}
	.box {
		font-size: 35px;
		line-height: 40px;
	}
	#big-title {
		font-size: 5vw;
		line-height: 6vw;
		letter-spacing: -0.5px;
		transition: all .5s ease;
	}
	#small-title {
		font-size: 2.5vw;
		line-height: 2.5vw;
		transition: all .5s ease;
	}
}

.slider-vtar .slick-dots {
	padding-left: 0;
}

/* tablet */
@media (min-width: 768px) and (max-width: 1024px) { 

	.page-id-101 .list .list-img img {
		height: 100px;
	}

	.slider-vtar .slick-dots {
		padding-left: 0;
	}

	.no-margin-img {
		width: calc(100vw - 310px) !important;
		max-width: 100vw;
		/* clear: both; */
		/* overflow: hidden; */
		/* position: absolute; */
		margin-left: -60px;
	}

	#infographic-06 .left .month-title {
		text-align: left;
		border-bottom: 1px solid #002469;
		padding-left: 50px;
		margin-bottom: 0;
	}
	#infographic-06 .left .day {
		margin-left: 0;
		xborder-bottom: 1px solid #002469;
		padding-left: 30px;
	}
	#infographic-06 .month.left, #infographic-06 .month.right {
		width: 100%;
		padding: 20px;
		padding-top: 0;
		padding-bottom: 0;
	}
	#infographic-06 .month.left .political {
		border-left: 20px solid #002469;
		border-right: none;
	}
	#infographic-06 .month.left .central {
		border-left: 20px solid #009AD9;
		border-right: none;
	}
	#infographic-06 .month.left .major {
	  border-left: 20px solid #f7a48c;
	  border-right: none;
  }
  #infographic-06 .left .days hr {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
	}
	#infographic-06 .right .days hr {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 0;
	}
	#infographic-06 .right .day {
		padding-left: 30px;
		margin-right: 0;
		xborder-bottom: 1px solid #002469;
		height: 100px;
	}
	#infographic-06 .day-img {
		position: absolute;
		width: 50px;
		right: 0;
	}
	#infographic-06 .day-title, #infographic-06 .day-text {
		padding-left: 0;
	}
	#infographic-06 .right .month-title {
		padding-left: 50px;
	}
	

	.graph-wrap {
		width: 100%;
		xmargin-left: -15px;
		padding: 0 15px;
		xmargin-right: -15px;
		xpadding-right: 5px !important;
		xdisplay: none;
	}

	.graph-canvas {
		height: 200px !important;
		margin-left: -5px !important;
	}

	.grid-line svg {
		height: 106px !important; 
	}

	.graph-wrap .wrapper {
		position: relative;
		width: 100% !important;
		max-width: 100% !important;
	}

	#right-slider {
		height: 100%;
		width: 100%;
		position: relative;
		right: auto;
		top: 0;
		left: auto;
		color: #fff;
		border-left: none;
		padding-left:  5px;
		padding-right: 5px;
	}
	#right-slider .slick-slider {
		position: relative;
		display: block;
		height: auto;
	}

	.right-title::before {
		content: '';
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    left: 50%;
    width: 0;
    height: 0;
    border-left: 20px  solid transparent;
    border-right: 20px  solid transparent;
    border-bottom: 10px solid #002469;
	  }

	.right-title {
		padding: 15px;
		text-align: center;
		font-size: 21px;
		background: #002469;
		margin-top: 20px;
	}
	.slick-dots {
		bottom: -25px;
		margin-bottom: 0 !important;
	}

	.graph-wrap h5 {
			font-size: 18px;
			letter-spacing: 0.2px;
			line-height: 21px;
			margin-top: 20px;
			margin-bottom: 0;
	}

	.graph-wrap .col, .graph-wrap .row {
		max-width: 100%;
	}

	.sticky {
		margin-bottom: 0 !important;
	}

	.overlay {
		width: 100%;
		height: 40vh;
		min-height: 400px;
	}

	#share-report h3 {
		padding-bottom: 0;
	}
	#download-pdf a, #share-report a {
		margin-top: 0;
		display: inline-block;
	}

	#download-pdf, #share-report {
		height: 15vh !important;
	}

	html, body, #landing {
		height: 100%;
	}
	#content-header {
		height: 80%;
	}

	.page-animated #content-header {
		height: 80%;
		transition: all .5s ease-in-out;
		z-index: 0;
	}
	.show-headers #content-header {
		opacity: 1;
		height: 80%;
	}
	.content-header-bg {
		height: 100%;
	}
	
	.box {
		height: 30vh;
		font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
	}
	.box.double-height {
		height: 70vh;
	}
	.home .credits, .credit-box {
		height: 70vh;
		min-height: 600px !important;
	}
	.box {
		min-height: 250px;
	}
	.download-share-box {
		height: 35vh !important;
		position: absolute;
		bottom: 0;
		right: -100%;
		z-index: 9;
		min-height: 250px;
	}
	.box.credits, #download-pdf, #share-report {
		padding-top: 20px;
		min-height: 50%;
	}
	
	.box .text-wrapper {
		padding: 40px 40px 50px;
		background: white;
		transition: all .6s ease;
		position: relative;
		z-index: 2;
		height: 30vh;
		min-height: 250px;
	}

	.hamburger.is-active:hover, .hamburger:hover {
		opacity: 1;
	}
	#content {
		xpadding: 0 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	#page-nav {
		padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
    padding-top: 0;
	}
	xh3 span {
		font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
		xline-height: 45px;
		display: block;
		margin-bottom: 5px;
	}
	.col-thumb {
		display: none !important;
	}
	#content.one-col > div, .page-id-301 #content > div {
		max-width: 770px;
		margin: 0 auto;
		min-width: 50%;
	}
	
	#vtar-floating {
		position: fixed;
		width: calc(100% - 310px);
		left: auto;
		right: 0;
		top: 80px;
		padding: 5px 0 0;
		text-align: center;
		font-size: 14px;letter-spacing: 0.2px;
	line-height:19px;
		font-weight: 500;
		z-index: 100;
		background: #002469;
		opacity: 0;
		visibility: none;
		transform: translateY(-100%);
		transition: all .5s ease;
		color: #fff;
	}

	#vtar-floating a {
		color: #fff !important;
	}
	
	#vtar-floating.down{
		opacity: 1;
		visibility: visible;
		transform: translateY(0%);
		transition: all .5s ease .15s;
	}
	#vtar-floating .col {
		font-weight: 300;
		border-right: 1px solid white;
	}
	#vtar-floating .col:last-child {
		border-right: none;
	}
	#vtar-floating .legend {    margin: 0;
		padding: 0;margin-top: 5px;
		border-top: 1px solid white;}
		
		#big-title {
			font-size: 7vw;
			line-height: 8vw;
			letter-spacing: -0.5px;
			transition: all .5s ease;
		}
		#small-title {
			font-size: 4vw;
			line-height: 4vw;
			transition: all .5s ease;
		}
		
 }

#infographic-10 p span {
		color: #009AD9;
	}

 /* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {

	#infographic-10 .p-0 {
		padding: 0 15px !important;
	}
	.list-two-col .col:first-of-type {
		border-top: 1px solid #002469;
	}
	.list-two-col .col:last-of-type {
		border-top: 1px solid #002469;
	}
	.list-two-col .spacer-20 {
		height: 0 !important;
	}
	#infographic-10 {
		width: calc(100vw - 310px) !important;
		max-width: 100vw;
		margin-left: -60px;
	}
	.list .list-img img {
		height: 100px;
	}
	

	#asset-class-views-equities .slider-fade-arrows .slick-dots, #asset-class-views-commodities-currencies .slider-fade-arrows .slick-dots, #asset-class-views-equities .slider-fade-arrows .slick-dots, #asset-class-views-income .slider-fade-arrows .slick-dots {
		bottom: 15px;
		margin-bottom: 0;
	}

	#asset-class-views-equities .slick-prev, #asset-class-views-equities .slick-next, #asset-class-views-income .slick-prev, #asset-class-views-income .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 119px;
		background: none !important;
	}

	#asset-class-views-commodities-currencies .slick-prev, #asset-class-views-commodities-currencies .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 81px;
		background: none !important;
	}

	.overlay {
		width: 100%;
		height: 40vh;
		min-height: 400px;

	}
	.box.credits, #download-pdf, #share-report {
		padding-top: 20px;
		min-height: 50%;
	}
	#big-title {
		font-size: 7vw;
		line-height: 7vw;
		letter-spacing: -0.5px;
		transition: all .5s ease;
	}
	#small-title {
		font-size: 4vw;
		line-height: 4vw;
		transition: all .5s ease;
	}
	.right-content {
		padding: 20px;
		padding-top: 110px;
		padding-bottom: 20px;
		padding-right: 40px;
		min-height: calc(100vh - 90px);
		max-width: calc(100vw - 350px);
		margin: 0 auto;
	}
	.no-margin-img {
		width: calc(100vw - 310px) !important;
		max-width: 100vw;
		/* clear: both; */
		/* overflow: hidden; */
		/* position: absolute; */
		margin-left: -60px;
	}
	#content.one-col > div, .page-id-301 #content > div {
		max-width: 550px;
		margin: 0 auto;
		min-width: 50%;
	}
	.bottom-nav-one-col {
		max-width: 550px;
		margin: 0 auto;
		min-width: 50%;
	}
}

/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {

	#right-slider {
		
		width: calc(100vw - 400px);
    margin-left: -35px;
	}
	
	#right-slider .slick-slider {
		
		margin-left: 15px;
		margin-right: 15px;
	}

	#asset-class-views-equities .slider-fade-arrows .slick-dots, #asset-class-views-commodities-currencies .slider-fade-arrows .slick-dots, #asset-class-views-equities .slider-fade-arrows .slick-dots, #asset-class-views-income .slider-fade-arrows .slick-dots {
		bottom: 15px;
		margin-bottom: 0;
	}

	#asset-class-views-equities .slick-prev, #asset-class-views-equities .slick-next, #asset-class-views-income .slick-prev, #asset-class-views-income .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 89px;
		background: none !important;
	}

	#asset-class-views-commodities-currencies .slick-prev, #asset-class-views-commodities-currencies .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 89px;
		background: none !important;
	}

	#download-pdf a, #share-report a {
		margin-top: 0px;
		display: inline-block;
	}
	#share-report h3 {
		padding-bottom: 0px;
	}
	.bottom-nav-one-col {
		max-width: 770px;
		margin: 0 auto;
		min-width: 50%;
	}
	#download-pdf, #share-report {
		padding-top: 20px;
		min-height: 50%;
	}
	.credits > div {
		min-width: 100%;
		max-width: 900px;
		margin: 0 auto;
	}
	#big-title {
		font-size: 7vw;
		line-height: 7vw;
		letter-spacing: -0.5px;
		transition: all .5s ease;
	}
	#small-title {
		font-size: 4vw;
		line-height: 4vw;
		transition: all .5s ease;
	}
	.right-content {
		padding: 20px;
		padding-top: 110px;
		padding-bottom: 20px;
		padding-right: 40px;
		min-height: calc(100vh - 90px);
		max-width: 770px;
		margin: 0 auto;
	}
	.vtar {
		width: 30%;
		height: auto;
		position: relative;
		float: left;
	}
	.vtar-rating {
		width: 42.5%;
		float: left;
		font-size: 18px;
	line-height: 26px;
		letter-spacing: 0.3px;
		color: #002469;
		font-weight: 500;
		margin-top: 15px;
		margin-left: 30px;
	}
}

@media (min-width: 1200px) {
	.xlist-img {
		background: #d0edf6;
	}
}

@media (min-width: 1024px) and (max-width: 1366px) {

	

	.xlist-img {
		xbackground: #d0edf6;
	}
	x.list.row {
		height: 100%;
	}

	.list-two-col .col {
		padding-left: 0;
		padding-right: 0;
	}
	
	.list .list-img {
		background: #d0edf6;
		padding: 70px 0;
		height: 100%;
	}
	.page-id-97 .list .list-img {
		background: #d0edf6;
		padding: 70px 0;
		height: 100%;
	}
	.list .list-img img {
		height: 75%;
	}
	.page-id-97 .list .list-img img {
		width: 75%;
	}
	.list-two-col .spacer-20 {
		height: 0 !important;
	}
	#infographic-10 .p-0 {
		padding: 0 15px !important;
	}
	#infographic-10 .xalign-items-center {
		padding-top: 20px;
	}
	#infographic-04 .content {
		background: #f6f6f6;
		border-right: 1px solid #002469;
		padding: 20px 0 5px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	.page-id-43 .list .list-img {
		background: #d0edf6;
		padding: 70px 0;
		height: 100%;
	}
	.page-id-43 .list .list-img img {
		width: 100px;
	}
}

@media (min-width: 768px) {
	#infographic-10 .p-0 {
		padding: 0 15px !important;
	}
}

@media (max-width: 1023px) { 
	.page-id-43 .list .xlist-img {
		background: #d0edf6 !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {

	#right-slider {
		
		    padding: 0;
    width: calc(100vw - 310px);
    margin-left: -55px !important;
	}
	.graph-wrap #right-slider .slider {
		
		    margin-left: 40px;
			margin-right: 40px;
	}

	.full-width .graph-wrap {
		width: calc(100vw - 310px) !important;
    max-width: 100vw;
    margin-left: -60px;
	padding-left: 40px;
	padding-right: 30px !important;
	}

	#right-slider {
		margin-left: 0;
	}

	.slider-vtar .slick-dots {
		padding-left: 0;
		width: calc(100% - 30px);
	}

	.fullwidth-infographic {
		width: calc(100vw - 310px);
		margin-left: -60px;
	}

	#infographic-06 .month.right {
		width: calc(100vw - 310px) !important;
		margin-left: -60px;
    padding: 0 75px !important;
	}

	.list .xlist-img {
		background: #d0edf6;
	}

	.page-id-97 .list .xlist-img {
		background: #d0edf6 !important;
	}
	
	#infographic-04 .title, #infographic-04 .subtitle {
		text-align: center;
		xfont-size: 15px;
		xline-height: 19px;
		padding: 0 50px;
	}

	#infographic-04 .slick-next, #infographic-04 .slick-next:hover, #infographic-04 .slick-next:focus {
		right: 25px;
		z-index: 999;
		background: url(img/right-white.svg) no-repeat;
		top: 54px;
	}
	#infographic-04 .slick-prev, #infographic-04 .slick-prev:hover, #infographic-04 .slick-prev:focus {
		right: 25px;
		z-index: 999;
		background: url(img/left-white.svg) no-repeat;
		top: 54px;
	}
	#infographic-04 .content {
		background: #f6f6f6;
		border-right: none;
		padding: 20px 0 5px;
		min-height: 250px;
	}
}

.list-two-col .list .xalign-items-center {
    padding: 15px;
}

@media (min-width: 991.98px) and (max-width: 1366px) {
	.list .list-img img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.page-id-101 .list .list-img {
		background: #d0edf6;
		padding: 70px 0;
		height: 100%;
	}
}

@media (max-width: 1366px) {
	#infographic-03 .accordion-content img {
		padding-right: 0px !important;
	}
	

	.list-two-col .list .xalign-items-center {
		padding: 15px;
	}
	

	#infographic-11 .pin img {
		width: 5vw;
	}

	#infographic-11 .pin {
		display: inline-block;
		position: absolute;
		cursor: pointer;
		margin-left: -1.25vw;
	}

	#infographic-11 h5, #info-bottom {
		font-size: 15px;
		line-height: 19px;
	}

	#infographic-11 #maps {
		padding: 5vw;
		background: #f6f6f6;
		margin-bottom: 20px;
		position: relative;
		padding-top: 75px;
		xpadding-top: 125px;
		padding-bottom: 125px;
	}

	#infographic-06 .day-title, #infographic-06 .day-text {
		padding-left: 70px;
	}
	
	#infographic-06 .right .day {
		padding-left: 50px;
		margin-right: 0;
		xborder-bottom: 1px solid #002469;
		height: auto;
	}
	#infographic-06 .left .day {
		margin-left: 50px;
		xborder-bottom: 1px solid #002469;
	}
	#infographic-06 .left .month-title {
		text-align: left;
		border-bottom: 1px solid #002469;
		padding-left: 50px;
		margin-bottom: 0;
	}
	#infographic-06 .left .days hr {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 50px;
	}
	#infographic-06 .right .days hr {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 50px;
	}

	#infographic-10 p span {
		color: #009AD9;
	}

	.list-two-col .col:first-of-type {
		border-top: 1px solid #002469;
	}
	.list-two-col .col:last-of-type {
		border-top: 1px solid #002469;
	}

	.list-two-col .spacer-20 {
		height: 0 !important;
	}
	#asset-class-views-equities .slider-fade-arrows .slick-dots, #asset-class-views-commodities-currencies .slider-fade-arrows .slick-dots, #asset-class-views-equities .slider-fade-arrows .slick-dots, #asset-class-views-income .slider-fade-arrows .slick-dots {
		bottom: 15px;
		margin-bottom: 0;
	}

	#asset-class-views-equities .slick-prev, #asset-class-views-equities .slick-next, #asset-class-views-income .slick-prev, #asset-class-views-income .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50px !important;
		background: none !important;
		height: 30%;
		width: 25%;
		transform: translateY(0);
	}

	#asset-class-views-commodities-currencies .slick-prev, #asset-class-views-commodities-currencies .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50px !important;
		background: none !important;
		height: 30%;
		width: 25%;
		transform: translateY(0);
	}
	.vtar-info-link {
		position: absolute;
		z-index: 999;
		left: 20px;
		top: 37.5%;
		width: 25%;
		text-indent: -9999px;
		height: 10%;
	}
	.vtar-info-link a {
		display: block;
		height: 100%;
	}
}

img {
	/* -webkit-user-select:none;
	-webkit-touch-callout:none;
	pointer-events: none; */
}

/* mobile */
@media (max-width: 767.98px) { 

	.people-right .row .col-sm-6:first-child .person p {
		margin-bottom: 20px;
	}
	#infographic-03.graph-wrap {
		padding-right: 15px !important;
	}
	

	.list .xlist-img {
		background: #d0edf6;
	}

	.page-id-97 .list .xlist-img {
		background: #d0edf6 !important;
	}


	.top-label h5 {
		font-size: 15px !important;
		margin-right: 30px !important;
	}

	.page-id-101 .xlist-img {
		padding-right: 0 !important;
	}

	#infographic-06 .top-label {
		position: sticky;
    top: 60px !important;
    background: white;
    z-index: 999;
    padding: 10px 0;
	}

	.grid-line.equities {
		bottom: 29% !important;
	}
	.grid-line.equities svg {
		height: 75px !important;
	}
	.grid-line.currencies svg {
		height: 98px !important;
	}
	.grid-line.commodities svg {
		height: 45px !important;
	}
	.grid-line.commodities svg.commodities2 {
		height: 75px !important;
    margin-top: -8px !important;
	}
	.grid-line.commodities {
		bottom: 11% !important;
	}

	.grid-line .global {
		height: 90px !important;
	}
	.grid-line .us {
		height: 60px !important;  
	}
	.grid-line .asia {
		height: 94.5px !important;
	}
	.grid-line .europe {
		height: 50px !important;
	}

	.grid-line .global-health {
		height: 25px !important;
	}
	.grid-line .ai {
		height: 98px !important;
	}
	.grid-line .esg {
		height: 31px !important;
	}
	.grid-line .msci {
		height: 38px !important;
	}
	.grid-line .china-a {
		height: 36px !important;
	}

	#infographic-10, #infographic-10 .list.row {
		width: 100vw;
    	margin-left: -15px;
	}
	#infographic-10 .list-two-col .col-sm-8 {
		background: #fff !important;
	}

	.fullwidth-infographic {
		width: 100vw;
    	margin-left: -15px;
	}

	#asset-class-views-equities .slider-fade-arrows .slick-dots, #asset-class-views-commodities-currencies .slider-fade-arrows .slick-dots, #asset-class-views-equities .slider-fade-arrows .slick-dots, #asset-class-views-income .slider-fade-arrows .slick-dots {
		bottom: 15px;
		margin-bottom: 0;
	}

	#asset-class-views-equities .slick-prev, #asset-class-views-equities .slick-next, #asset-class-views-income .slick-prev, #asset-class-views-income .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 119px;
		background: none !important;
	}

	#asset-class-views-commodities-currencies .slick-prev, #asset-class-views-commodities-currencies .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 81px;
		background: none !important;
	}

	#infographic-04 .title, #infographic-04 .subtitle {
		text-align: center;
		xfont-size: 15px;
		xline-height: 19px;
		padding: 0 50px;
	}

	#infographic-04 .slick-next, #infographic-04 .slick-next:hover, #infographic-04 .slick-next:focus {
		right: 25px;
		z-index: 999;
		background: url(img/right-white.svg) no-repeat;
		top: 40px;
	}
	#infographic-04 .slick-prev, #infographic-04 .slick-prev:hover, #infographic-04 .slick-prev:focus {
		right: 25px;
		z-index: 999;
		background: url(img/left-white.svg) no-repeat;
		top: 40px;
	}
	#infographic-04 .content {
		background: #f6f6f6;
		border-right: none;
		padding: 20px 0 5px;
		min-height: 250px;
	}

	.content-list .mobile-title {
		border-top: 1px solid #002469;
		text-align: center;
		min-height: 60px;
		background: white;
	}
	.content-list .mobile-title h5 {
		margin-bottom: 0;
    xfont-size: 15px;
    xline-height: 19px;
    padding: 10px 50px;
	}
	.content-list-content {
		padding: 15px;
	}
	.list-two-col .spacer-20 {
		height: 0 !important;
	}
	.list-two-col .col:first-of-type {
		border-top: 1px solid #002469;
	}
	.list-two-col .col:last-of-type {
		border-top: 1px solid #002469;
	}
	
	.list-two-col:last-of-type .col:last-of-type {
		border-bottom: 1px solid #002469;
	}
	.list-two-col .list .xalign-items-center {
		padding: 15px;
	}
	.content-list-icon {
		max-width: 100% !important;
	}
	.content-list {
		background: #f6f6f6;
	}

	.slick-list, .slick-track {
		height: auto;
	}

	.list .list-img img {
		height: 100px;
	}

	.list .xlist-img {
		background: #d0edf6;
	}

	#infographic-03 .left-wrapper {
		width: 100%;
		float: none;
	}
	#infographic-03 .right-wrapper {
		width: 100%;
		float: none;
		border-left: none;
		padding-left: 0;
		margin-top: 30px;
	}

	

	#infographic-06 .left .month-title {
		text-align: left;
		border-bottom: 1px solid #002469;
		padding-left: 50px;
		margin-bottom: 0;
	}
	#infographic-06 .left .day {
		margin-left: 0;
		xborder-bottom: 1px solid #002469;
		padding-left: 30px;
	}
	#infographic-06 .month.left, #infographic-06 .month.right {
		width: 100%;
		padding: 20px;
		padding-top: 0;
		padding-bottom: 0;
	}
	#infographic-06 .month.left .political {
		border-left: 20px solid #002469;
		border-right: none;
	}
	#infographic-06 .month.left .central {
		border-left: 20px solid #009AD9;
		border-right: none;
	}
	#infographic-06 .month.left .major {
	  border-left: 20px solid #f7a48c;
	  border-right: none;
  }
  #infographic-06 .left .days hr {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
	}
	#infographic-06 .right .days hr {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 0;
	}
	#infographic-06 .right .day {
		padding-left: 30px;
		margin-right: 0;
		xborder-bottom: 1px solid #002469;
		height: 100px;
	}
	#infographic-06 .day-img {
		position: absolute;
		width: 50px;
		right: 0;
	}
	#infographic-06 .day-title, #infographic-06 .day-text {
		padding-left: 0;
	}
	#infographic-06 .right .month-title {
		padding-left: 50px;
	}
	
	#infographic-11 h5, #info-bottom {
		font-size: 15px;
		line-height: 19px;
	}
	#infographic-11 .pin {
		display: inline-block;
		position: absolute;
		cursor: pointer;
		margin-left: -2.5vw;
	}
	#infographic-11 .pin img {
		width: 10vw;
		/* left: -5vw; */
	}
	#infographic-11 #info {
		width: 90%;
	}
	#infographic-11 #maps {
		padding: 5vw;
		background: #f6f6f6;
		margin-bottom: 20px;
		position: relative;
		padding-top: 75px;
		xpadding-top: 125px;
		padding-bottom: 125px;
	}

	.slider-vtar-pie {
		padding-right: 15px !important;
	}
	.pie-action {
		position: absolute;
		z-index: 999;
		height: 90vw;
	}

	.slick-dots {
		padding-left: 0 !important;
		xmax-width: calc(100% - 30px);
	}

	.slider-vtar .slick-dots {
		padding-left: 0 !important;
		max-width: calc(100% - 30px);
	}

.page-id-45 .full-width {
	padding-left: 0;
	padding-right: 0;
}

.revealed .xcls-1, .revealed polyline {
		
	/* Stroke-dasharray property */
		stroke-dasharray: 800px;
		stroke-dashoffset: 800px;
		animation: move 3s ease-in-out;   
		animation-fill-mode: forwards;
	}
	
	@keyframes move {
		0% {
			stroke-dashoffset: 800px;
		}
		100% {
			stroke-dashoffset: 0;
		}
	}

	.right-content-section .takeaway {
		margin-top: 20px;
	}

	.sticky {
		margin-bottom: 0;
	}

	#download-pdf, #share-report, .credits-box {
		min-height: 95px !important;
		height: 95px !important;
	}

	#download-pdf h3, #share-report h3 {
		display: inline-block;
    	width: 50%;
    	float: left;
	}
	#download-pdf h5 {
		display: block;
		float: right;
		width: 40%;
		padding-top: 2px;
		text-align: right;
	}
	#download-pdf h5 a {
		margin-top: 0;
	}

	.share-buttons {
		text-align: right;
	}

	.revealer {
		xdisplay: none;
	}

	.graph-wrap {
		width: 100vw;
		margin-left: -15px;
		padding: 0 15px;
		margin-right: -15px;
		padding-right: 5px !important;
	}

	.graph-canvas {
		height: 200px !important;
		margin-left: -5px !important;
	}

	.grid-line svg {
		height: 106px !important; 
	}

	.graph-wrap .wrapper {
		position: relative;
		width: 100% !important;
		max-width: 100% !important;
	}

	#right-slider {
		height: 100%;
    width: 100%;
    position: relative;
    right: auto;
    top: 0;
    left: auto;
    color: #fff;
    border-left: none;
    padding-right: 0;
	margin-left: -5px;
	height: 100%;
    width: 100vw;
    position: relative;
    right: auto;
    top: 0;
    left: auto;
    color: #fff;
    border-left: none;
    padding-right: 0;
    margin-left: -15px;
	}
	#right-slider .slick-slider {
		position: relative;
		display: block;
		height: auto;
	}

	.right-title::before {
		content: '';
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    left: 50%;
    width: 0;
    height: 0;
    border-left: 20px  solid transparent;
    border-right: 20px  solid transparent;
    border-bottom: 10px solid #002469;
	  }

	.right-title {
		padding: 15px;
		text-align: center;
		font-size: 21px;
		background: #002469;
		margin-top: 20px;
	}
	.slick-dots {
		bottom: -25px;
		margin-bottom: 0 !important;
	}

	.graph-wrap h5 {
			font-size: 18px;
			letter-spacing: 0.2px;
			line-height: 21px;
			margin-top: 20px;
			margin-bottom: 0;
	}

	.graph-wrap .col, .graph-wrap .row {
		max-width: 100vw;
	}

	#download-pdf, #share-report {
		xheight: auto !important;
	}

	.back-to-home-one-col {
		display: none;
	}

	.sidebar-wrapper {
		min-width: 350px;
		max-width: 530px;
		display: none;
	}

	#seal {
		position: absolute;
		right: 20px;
	}
	#seal img {
		height: 30px !important;
	}

	.no-margin-img {
		width: 100vw !important;
		margin-left: -15px;
		margin-right: -15px;
		max-width: 100vw !important;
	}

	#big-title {
		margin-right: 40px;
	}
	#vtar-floating a {
		color: #fff !important;
	}

	.with-vtar {
		display: none !important;
	}

	.menu-scroll {
		padding-top: 0;
	}
	
	.content-header-bg {
		height: 100%;
	}
	html, body, #landing {
		height: 100%;
	}
	body {
		
	}
	.menu-col {
		max-width: 100%;
	}

	.nav-extra {
		padding-bottom: 100px;
	}

	.with-anchors .right-content {
		padding: 0 15px;
		padding-top: 80px;
		padding-bottom: 20px;
		xmargin-top: -50px;
	}

	#content.with.anchors {}

	.with-anchors.push-down {
		padding-top: 60px !important;
	}

	.with-anchors.push-down.page-with-vtar {
		padding-top: 0 !important;
	}

	.box.credits, #download-pdf, #share-report {
		padding-top: 40px;
		min-height: auto !important;
	}
	.box .text-wrapper {
		padding: 30px 20px;
		background: white;
		transition: all .6s ease;
		height: auto;
		min-height: auto;
	}
	.overlay {
		min-height: auto;
		height: auto;position: relative;
	}
	.box.with-padding {
		
		padding: 30px 20px;
	}
	.box {}
	.box.double-height {
		min-height: 500px;
	}
	.right-container {
		padding-left: 15px;
	}
	.sidebar {
		display: none;
	}
	h3, .h3 {
		font-size: 40px;
	line-height: 47px;
		font-weight: 500;
	}
	xh3 span {
		font-size: 18px;
	line-height: 26px;
		letter-spacing: 0.2px;
		xline-height: 40px;
		display: block;
		margin-bottom: 5px;
	}
	#small-title {
		font-size: 23px;letter-spacing: 0.2px;
		line-height: 25px;
	}
	#big-title {
		font-size: 35px;
	line-height: 45px;
		letter-spacing: -0.3px;
	}
	#landing-wrap {
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
	}
	#logo img, #logo-blue img {
		height: 24px;
	}
	#logo-blue {
		top: 16px;
	}
	header {
		padding: 16px 20px 18px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 999;
		height: 60px;
	}
	#content-header h1 {
		font-size: 40px;
	line-height: 47px;
		text-align: center;
		width: 80%;
	}
	.right-content h3 {
		font-size: 28px;
	line-height: 34px;
	}
	.hamburger--spring .hamburger-inner::after {
		top: 20px;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.hamburger--spring .hamburger-inner::before {
		top: 10px;
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.hamburger-box {
		width: 25px;
		height: 25px;
		display: inline-block;
		position: relative;
		xmargin-top: -3px;
	}
	#mobile-logo-in-menu {
		position: fixed;
		background: #002469;
		width: 100%;
		left: 0;
    padding: 15px 19px;
	top: 0;
	z-index: 999;
	}
	nav {
		position: absolute;
		right: 60px;
		top: 50%;
		transform: translateY(-50%);
		height: 24px;
		z-index: 99;
	}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 25px;
		height: 2px;
		xbackground-color: #0B0B0B;
		border-radius: 0;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	
	#lang {
		position: absolute;
		right: 100px;
		top: 49%;
		transform: translateY(-50%);
		font-size: 13px;
		xcolor: #002469;
		
		font-weight: bold;
	}
	.hamburger--spring.is-active .hamburger-inner::before, .hamburger--spring.is-active .hamburger-inner::after {
		top: 0;
	}
	.scroll-down {
		font-size: 18px;
	line-height: 26px;letter-spacing: 0.3px;
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		cursor: pointer;
		z-index: 2;
	}
	.box.double-height {
		height: auto;
    background: gray;
    min-height: auto;
		background: gray;
	}
	footer {
		background: #002469;
		font-size: 14px;letter-spacing: 0.2px;
	line-height:19px;
		height: auto;
		padding: 20px;
		/* padding-right: 80px; */
		padding-left: 5px;    padding-bottom: 0;
	}
	#copyright {
		text-align: left !important;
		padding-top: 20px;
		padding-bottom: 20px;
		font-weight: 300;
	}
	.small-box {
		width: 100%;
		height: auto;
		background: silver;
		padding: 70px 40px;
		font-size: 28px;
	line-height: 34px;
		position: relative;
	}
	x.box, .small-box, #download-pdf, #share-report {
		padding: 30px 20px;
	}
	.small-box h3 {
		font-size: 28px;
	line-height: 34px;
	}
	#back-home {
		line-height: 23px;
		margin-bottom: 30px;
	}
	#mobile-logo-in-menu img{
		padding-bottom: 3px;
    padding-right: 5px;
	}
	.sub-menu {
		display: none;
	}
	#full-nav .menu-item {
		margin-top: 15px;
		font-size: 21px;letter-spacing: 0.2px;
    line-height: 29px;
		font-weight: 500;
		xbackground: url(img/plus.svg) no-repeat right top 5px;
		position: relative;
	}
	#full-nav .sub-menu .menu-item, #full-nav .nav-extra ul .menu-item {
		margin-top: 0 !important;
		padding: 15px 20px 0px;
		font-size: 18px;
	line-height: 26px;
		letter-spacing: 0.3px;
		font-weight: 300;
	}
	#full-nav .sub-menu .menu-item:last-of-type {
		padding-bottom: 20px;
	}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
		background-color: #fff;
		width: 27px;
		transition: width .3s ease;
	}#full-nav .menu-item > a, #full-nav .menu-item > div {
		padding-bottom: 0;
	
	}
	.menu-item.menu-item-has-children::after {
		xbackground: url(img/plus.svg) no-repeat right top 5px;
		content: '';
		display: block;
		width: 20px;
		height: 2px;
		background: white;
		position: absolute;
		right: 0;
		top:14px;
		z-index: -1;
	}
	.menu-item.menu-item-has-children::before {
		xbackground: url(img/plus.svg) no-repeat right top 5px;
		content: '';
		display: block;
		width: 2px;
		height: 20px;
		background: white;
		position: absolute;
		right: 9px;
		top: 5px;
		transition: opacity .5s ease;
		z-index: -1;
	}
	.current_page_item > a, .current_page_ancestor > div {
		color: #009AD9 !important;
	}
	.current_page_ancestor.menu-item.menu-item-has-children::after, .current_page_ancestor.menu-item.menu-item-has-children::before {
		background: #009AD9;
	}
	.show.menu-item.menu-item-has-children::before {
		opacity: 0;
		transition: opacity .5s ease;
	}
	.menu-item.menu-item-has-children.show {
		xbackground: url(img/minus.svg) no-repeat right top 5px;
	}
	.current_page_ancestor .sub-menu {
		display: block;
	}
	.show.current_page_ancestor.menu-item.menu-item-has-children::before {
		xbackground: url(img/plus.svg) no-repeat right top 5px;
		opacity: 0;
		transition: opacity .5s ease;
	}
	.show.current_page_ancestor.menu-item.menu-item-has-children::after {
		xbackground: url(img/plus.svg) no-repeat right top 5px;
		background: #009AD9;
	}
	#full-nav {
		padding: 50px 5px 18px;
	}
	.menu-one {
		padding-top: 20px;
	}
	.menu-thumb {
		display: none !important;
	}
	.nav-extra .menu-item {
		margin-top: 15px !important;
	}
	.nav-extra ul {
		display: block !important;
		position: absolute;
		float: right;
		top: 0;
		right: 0;
		margin: 0 !important;
	}
	.nav-extra ul .menu-item {
		padding: 0 !important;
	}
	#content, #content.content-with-sidebar {
		padding: 20px 5px;
		padding-top: 50px;
	}
	#page-title {
		font-size: 14px;letter-spacing: 0.2px;
		line-height:19px;
	}
	.right-content {
		padding: 0 15px;
		padding-top: 70px;
		padding-bottom: 20px;
	}
	.pagination-row {
		left: auto;
		padding: 0;
	}
	#content.content-with-sidebar {
		padding-left: 0;

padding-right: 0;	}

	#page-nav-sidebar, #page-nav {
		padding-bottom: 30px;
		padding-top: 0;
		font-size: 18px;
	line-height: 26px;letter-spacing: 0.2px;
	}
	.with-bg {
		margin-left: -15px !important;
		margin-right: -15px !important;
		padding: 20px 5px !important;
	}
	#vtar-floating {
		position: fixed;
		width: 100%;
		left: 0;
		top: 60px;
		padding: 5px 0 0;
		text-align: center;
		font-size: 14px;letter-spacing: 0.2px;
		line-height:19px;
		font-weight: 500;
		z-index: 100;
		background: #002469;
		opacity: 0;
		visibility: none;
		transform: translateY(-100%);
		transition: all .5s ease;
		color: #fff;
	}
	#vtar-floating.down{
		opacity: 1;
		visibility: visible;
		transform: translateY(0%);
		transition: all .5s ease .15s;
	}
	#vtar-floating .col {
		font-weight: 300;
		border-right: 1px solid white;
	}
	#vtar-floating .col:last-child {
		border-right: none;
	}
	#vtar-floating .legend {    margin: 0;
		padding: 0;margin-top: 5px;
		border-top: 1px solid white;}

		#content-header {
			height: 80%;
		}

		.page-animated #content-header {
			height: 80%;
			transition: all .5s ease-in-out;
			z-index: 0;
		}
		.show-headers #content-header {
			opacity: 1;
			height: 80%;
		}
		.credits h3 {
			margin-bottom: 30px;
		}
		#current-anchors-wrapper-mobile {
			position: fixed;
			top: 59px;
			background: #002469;
			width: 100%;
			z-index: 100;
			visibility: hidden;
			opacity: 0;
			transform: translateY(-100%);
			transition: all .5s ease;
		}
		#current-anchors-wrapper-mobile.down {
			visibility: visible;
			opacity: 1;
			transform: translateY(0%);
			transition: all .5s ease .2s;
		}
		#current-anchors {
			display: block;
		}
		#current-anchors-wrapper-mobile #current-anchors {
			padding-bottom: 0;
		}
		#current-anchors-wrapper-mobile a {
			color: #fff !important;
		}
		.mobile-anchor-title {
			color: #fff;
			/* margin-left: -20px; */
			padding: 18px 0;
			position: relative;
		}
		.current-page-title-mobile {
			padding: 0 0 18px;
			color: white;
		}
		.anchor-nav {
			padding-left: 20px;
			padding-bottom: 20px;
		}
		.mobile-anchor-content-wrapper {
			display: none;
			margin-right: 40px;
		
		}
		.plus {
			position: absolute;
			width:22px;
			height:22px;
			right: 20px;
			top: 50%;
			transform: translateY(-50%);
		  }
		  
		  .plus:before,
		  .plus:after {
			content: "";
			position:absolute;
			background:#fff;
		  }

		  #infographic-11 .plus:before, #infographic-11 .plus:after {
			content: "";
			position: absolute;
			background: #002469 !important;
		}
		#infographic-11 .plus {
			position: absolute;
			width: 30px;
			height: 30px;
			right: 20px;
			top: 15px;
			transform: rotate(45deg);
			cursor: pointer;
		}
		  
		  .plus:before {
			left:50%;
			top:4px;
			bottom:4px;
			width:2px;
			transform:translateX(-50%);
			transition: all .3s ease;
		  }
		  
		  .plus:after {
			top:50%;
			left:4px;
			right:4px;
			height:2px;
			transform:translateY(-50%);
		  }
		  .opened .plus:before {
			transform: rotate(90deg);
			transition: all .3s ease;
		  }
		  .box:first-of-type {
			font-size: 21px !important;
			line-height: 29px !important;
			height: auto;
			min-height: auto;
			padding-bottom: 50px;
		}

		  #full-nav .menu-item > a {
			padding-bottom: 0;
		}
		#page-nav-sidebar.text-left img, #page-nav.text-left img {
			position: absolute;
			left: 20px;
			top: 6px;
		}
		#page-nav-sidebar.text-left, #page-nav.text-left {
			padding-left: 45px;
		}
		#page-nav-sidebar.text-right img, #page-nav.text-right img {
			position: absolute;
			right: 20px;
			top: 6px;
		}
		#page-nav-sidebar.text-right, #page-nav.text-right {
			padding-right: 45px;
		}

		#page-title {
			display: none !important;
		}

		a.zh {
			font-size: 18px;
			xfont-weight: bold;
		}
		.hamburger.is-active:hover, .hamburger:hover {
			opacity: 1;
		}
		#download-pdf a, #share-report a {
			color: #002469;
			margin-top: 0;
		}

		.graph-wrap .col, .graph-wrap .row {
			max-width: 100%;
			width: auto;
			margin-left: 0;
			padding-right: 0;
			padding-left: 0;
			margin-right: 0;
		}
		
		
 }

 .full-width img {
	 width: 100%;
 }

 #mobile-landscape {
	 display: none;
 }

 /* @media screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape) {

	html, body {
		overflow: hidden;
		background: #002469;
		transition: all 1s ease;
	}
	#mobile-landscape {
		display: block;
		width: 100%;
		height: 100%;
		background: #002469;
		color: #fff;
		position: absolute;
    top: 0;
    z-index: 9999999999;
	transition: all 1s ease;
	}
	.landscape-notice {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		transition: all 1s ease;
	}
	
} */

@media screen and (min-width: 320px) and (max-width: 991px) and (orientation: landscape) {
	#mobile-landscape {
		display: block;
		width: 100%;
		height: 100%;
		background: #002469;
		color: #fff;
		position: absolute;
    top: 0;
    z-index: 9999999999;
	transition: all 1s ease;
	}
	.landscape-notice {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		transition: all 1s ease;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	html, body {
		overflow: hidden;
		background: #002469;
		transition: all 1s ease;
	}
	#mobile-landscape {
		display: block;
		width: 100%;
		height: 100%;
		background: #002469;
		color: #fff;
		position: absolute;
    top: 0;
    z-index: 9999999999;
	transition: all 1s ease;
	}
	.landscape-notice {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		transition: all 1s ease;
	}
}

/* SVG Graphs Breakpoints */

.mobile-414 {
	display: block;
}
.tablet-1024 {
	display: none;
}
.desktop-1366 {

	display: none;
}
.desktop-1680 {
	display: none;
}

.mobile-list-title {
	display: none;
}

.small-title-500 {
	display: none !important;
}

@media (max-width: 650px) {
	#small-title {
		display: none;
	}
.small-title-500 {
	display: block !important;
}
}


@media (max-width: 991px) {
	.list-two-col .col-lg-6:first-of-type {
		xborder-top: 1px solid #002469;
	}
	.list-two-col .col-lg-6:last-of-type {
		border-top: 1px solid #002469;
	}

	#infographic-09 .list .list-img {
		background: #d0edf6;
		padding: 10px 0;
		height: 100%;
		text-align: center;
	}
	
	.page-id-97 .mobile-list-title {
		position: absolute;
    top: 0;
    left: 25%;
    background: #d0edf6;
	height: 100%;
	color: #002469;
	font-weight: 500;
	width: 75%;
	font-size: 19px;
    font-size: 19px;
    padding: 0 50px 0 20px;
		display: block;
	}
	.page-id-97 .hv-centered {
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%,-50%);
		width: 80%;
	}
	.page-id-97 .content-list-icon .list-img {
		width: 30%;
	}
	.page-id-97 .mobile-title {
		display: none !important;
	}
	.page-id-97 .list .list-img {
		background: #d0edf6;
		padding: 25px 0;
		height: 100%;
	}
}

@media (max-width: 1199px) {
	.takeaway h4 {
		xpadding-top: 0 !important;
	}
	.sticky.takeaway {
		margin-bottom: 0;
	}
	.right-content-section .content-list:last-of-child {
		border-bottom: 1px solid #002469 !important;
	}
}

@media (max-width: 1024px) { 

	.inner-stuff, .inner-stuff-copy {
		width: calc(100% - 46px) !important;
    height: calc(100% - 54px) !important;
    position: absolute;
    top: 7px !important;
    left: 44px !important;
	}
	
	#high .grid-line {
		bottom: 30% !important;
	}

	.grid-line.equities {
		bottom: 29% !important;
	}
	.grid-line.equities svg {
		height: 75px !important;
	}
	.grid-line.currencies svg {
		height: 110px !important;
	}
	.grid-line.commodities svg {
		height: 45px !important;
	}
	.grid-line.commodities svg.commodities2 {
		height: 75px !important;
    margin-top: -5px !important;
	}
	.grid-line.commodities {
		bottom: 15% !important;
	}

	.grid-line.income {
		bottom: 7% !important;
	}

	.grid-line.income svg {
		height: 117px !important;
	}

	.grid-line .global {
		height: 90px !important;
	}
	.grid-line .us {
		height: 60px !important;  
	}
	.grid-line .asia {
		height: 94.5px !important;
	}
	.grid-line .europe {
		height: 50px !important;
	}

	.grid-line .global-health {
		height: 25px !important;
	}
	.grid-line .ai {
		height: 98px !important;
	}
	.grid-line .esg {
		height: 31px !important;
	}
	.grid-line .msci {
		height: 38px !important;
	}
	.grid-line .china-a {
		height: 36px !important;
	}

	#infographic-07 .pr-5 {padding-right: 15px !important;}

	#infographic-03 .left-wrapper {
		width: 100%;
		float: none;
	}
	#infographic-03 .right-wrapper {
		width: 100%;
		float: none;
		border-left: none;
		padding-left: 0;
		margin-top: 30px;
	}
	.graph-wrap .col, .graph-wrap .row {
		max-width: 100%;
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}

	.content-list .mobile-title {
		border-top: 1px solid #002469;
		text-align: center;
		min-height: 60px;
		background: white;
	}
	.content-list .mobile-title h5 {
		margin-bottom: 0;
    xfont-size: 15px;
    xline-height: 19px;
    padding: 10px 50px;
	}
	.content-list-content {
		padding: 15px;
	}
	.list-two-col .spacer-20 {
		height: 0 !important;
	}
	.list-two-col .col:first-of-type {
		border-top: 1px solid #002469;
	}
	.list-two-col .col:last-of-type {
		border-top: 1px solid #002469;
	}
	
	.list-two-col:last-of-type .col:last-of-type {
		border-bottom: 1px solid #002469;
	}
	
	
	.list-two-col .list .xalign-items-center {
		padding: 15px;
	}
	.content-list-icon {
		max-width: 100% !important;
	}
	.content-list {
		background: #f6f6f6;
	}

	.slick-list, .slick-track {
		height: auto;
	}

	.list .list-img img {
		width: 100px;
		margin: 0 auto !important;
	}

	.page-id-365 .list .list-img img {
		width: 100px;
	}

	.list .xlist-img {
		background: #d0edf6;
	}

	.page-id-97 .list .xlist-img, .page-id-43 .list .xlist-img {
		background: transparent;
	}

	#infographic-06 .top-label {
		padding-right: 0!important;
		text-align: left !important;
		padding-left: 35px !important;
	}
	.top-label h5 {
		font-size: 15px !important;
		margin-right: 30px !important;
	}
	#infographic-06 h5::before {
		font-size: 19px;
	}

	#infographic-06 .left .month-title {
		text-align: left;
		border-bottom: 1px solid #002469;
		padding-left: 50px;
		margin-bottom: 0;
	}
	#infographic-06 .left .day {
		margin-left: 0;
		xborder-bottom: 1px solid #002469;
		padding-left: 30px;
	}
	#infographic-06 .day {
		
		padding-right: 70px !important;
	}
	#infographic-06 .month.left, #infographic-06 .month.right {
		width: 100%;
		padding: 20px;
		padding-top: 0;
		padding-bottom: 0;
	}
	#infographic-06 .month.left .political {
		border-left: 20px solid #002469;
		border-right: none;
	}
	#infographic-06 .month.left .central {
		border-left: 20px solid #009AD9;
		border-right: none;
	}
	#infographic-06 .month.left .major {
	  border-left: 20px solid #f7a48c;
	  border-right: none;
  }
  #infographic-06 .left .days hr {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
	}
	#infographic-06 .right .days hr {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 0;
	}
	#infographic-06 .right .day {
		padding-left: 30px;
		margin-right: 0;
		xborder-bottom: 1px solid #002469;
		height: 100px;
	}
	#infographic-06 .day-img {
		position: absolute;
		width: 50px;
		right: 0;
	}
	#infographic-06 .day-title, #infographic-06 .day-text {
		padding-left: 0;
	}
	#infographic-06 .right .month-title {
		padding-left: 50px;
	}

}

@media (min-width: 1024px) { 
	.mobile-414 {
		display: none;
	}
	.tablet-1024 {
		display: block;
	}
	.desktop-1366 {

		display: none;
	}
	.desktop-1680 {
		display: none;
	}
}

@media (min-width: 1366px) { 
	.mobile-414 {
		display: none;
	}
	.tablet-1024 {
		display: none;
	}
	.desktop-1366 {

		display: block;
	}
	.desktop-1680 {
		display: none;
	}
	#infographic-04 .content {
		min-height: 250px;
	}
	
}

@media (min-width: 1680px) { 
	.mobile-414 {
		display: none;
	}
	.tablet-1024 {
		display: none;
	}
	.desktop-1366 {

		display: none;
	}
	.desktop-1680 {
		display: block;
	}
	.sidebar-wrapper {
		min-width: 400px;
		max-width: 400px;
	}
	
	.right-content-wrap {
		width: calc(100% - 400px);
	}

	.right-content {
		position: relative;
		padding-bottom: 110px;
	}
	
	.pagination-row {
		position: absolute;
		width: 100%;
		left: 5px;
		bottom: 0;
		padding: 0 10px;
	}
}


#lang {
	xdisplay: none !important; 
	font-family: 'HY' !important;
	font-weight: normal !important;
}
#lang a {
	color: inherit;
}
#lang a {
    color: inherit;
    font-size: inherit;
    font-weight: 300;
    font-size: 20px;
}

.event span.agenda {
	color: inherit !important;
}

@media (max-width: 1440px) {
	#home .col .box:first-of-type p {
		font-size: 21px;
		line-height: 23px;
	
	}
	.box.with-padding, .box .text-wrapper {
		padding: 40px 40px;
	}
}
/* 
@media (max-width: 1680px) {
	#home .col .box:first-of-type p {
		font-size: 21px;
		line-height: 23px;
	
	}
	.box.with-padding, .box .text-wrapper {
		padding: 40px 40px;
	}
} */

	 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	html, body {
		overflow-x: hidden;
	}
	
	#seal {
		right: 0;
	}
	.section-in-focus {
		width: 310px;
	}
.sidebar-wrapper {
    min-width: 350px;
    max-width: 350px;
}
.vertical-line {
    transition: all .15s ease;
    xborder-right: 1px solid blue;
    xborder-left: 1px solid blue;
    background: rgba(0, 36, 105, 0.3);
}

.content-header-bg, #content-header {
	height: calc(100vh - 185px) !important;
}

.content-header-bg {
	background-attachment: scroll !important;
}

.vtar-image, .vtar {
	max-width: 150px;
}

.img-fluid, img.revealer {
	width: 100%;
}

.revealer {opacity: 1 !important;}

.revealed .xcls-1, .revealed polyline {
		
	/* Stroke-dasharray property */
		stroke-dasharray: 0;
		stroke-dashoffset: 0;
		animation: none;   
		animation-fill-mode: forwards;
	}
	
	@keyframes move {
		0% {
			stroke-dashoffset: 1600px;
		}
		100% {
			stroke-dashoffset: 0;
		}
	}

}

@media all and (max-width: 1199px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.page-id-43 .d-flex, .page-id-97 .d-flex {
		display: block !important;
	}
	
}