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

@font-face {
    font-family: 'GT Walsheim Regular';
    src: url(fonts/gt-walsheim-pro-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'GT Walsheim Bold';
    src: url(fonts/gt-walsheim-pro-bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
}

/* ------------------------------------------------------- */
/* --------------- Quick colours ------------------------- */
/* ------------------------------------------------------- */

body article#c3_comp_1_article_main {
/* Base colours */
	--c3_corepurple: #4f2d7f !important;
	--c3_darkpurple: #2b144d !important;
	--c3_brightpurple: #a06dff !important;
	--c3_coral: #ff5149 !important;
	--c3_yellow: #ffc23d !important;
	--c3_teal: #00a4b3 !important;
	--c3_darkgrey: #ccc4bd !important;
	--c3_midgrey: #e0dcd7 !important;
	--c3_lightgrey: #f2f0ee !important;
	--c3_red: #c32c2c !important;
}

/* ------------------------------------------------------- */
/* --------------- Table Formats ------------------------- */
/* ------------------------------------------------------- */

table#c3_comp_1_table_data {
	display: none;
}

/* ------------------------------------------------------- */
/* --------------- Outer Structures ---------------------- */
/* ------------------------------------------------------- */

article#c3_comp_1_article_main {
	display: block;
	position: relative;
}

div#c3_comp_1_map_container {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 50%;
	margin-bottom: 20px;
	transition: padding-top 1s ease;
}

article#c3_comp_1_article_main div#c3_comp_1_map_container img {
	display: block;
    position: absolute;
    top: 4%;
    left: -20%;
    width: 140%;
    height: 105%;
    max-width: 1000%;
	max-height: 600px;
    opacity: 1;
	transition: opacity 0.25s linear 0.5s, height 1s ease;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list div#c3_comp_1_map_container img {
	height: 25%;
}

article#c3_comp_1_article_main div#c3_comp_1_map_container img.c3_hidden {
    opacity: 0.4;
}

article#c3_comp_1_article_main div#c3_comp_1_map_container img#c3_comp_1_map_dividers {
    top: 0%;
    left: 0%;
    width: 100%;
    height: auto;
	opacity: 1;
}

article#c3_comp_1_article_main header {
	display: block;
	position: relative;
	width: 75%;
}

/*
article#c3_comp_1_article_main h3 {
	color: var(--c3_brightpurple);
}
*/

article#c3_comp_1_article_main h4#c3_comp_1_h4_year {
	display: block;
    position: absolute;
    width: 15%;
    top: 0px;
    right: 0px;
    font-size: 50px;
    line-height: 40px;
    text-align: center;
}

ul#c3_comp_1_ul_regions,
ul#c3_comp_1_ul_countries,
ul#c3_comp_1_ul_radii {
	display: block;
	position: absolute;
	overflow: visible;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	top: 0px;
	left: 0px;
	padding-top: 50%;
	z-index: 2;
	transition: all 1s ease;
}

ul#c3_comp_1_ul_radii {
	z-index: 1;
}

ul#c3_comp_1_ul_regions {
	z-index: 0;
	opacity: 1;
	transition: opacity 0.25s linear 0.5s;
}

article.c3_comp_1_article_main_list ul#c3_comp_1_ul_regions {
	opacity: 0;
}

ul#c3_comp_1_ul_regions li,
ul#c3_comp_1_ul_countries li,
ul#c3_comp_1_ul_radii li {
	display: block;
	position: absolute;
	overflow: visible;
	width: 5%;
	height: 0;
	left: 0%;
	bottom: 0%;
	margin-left: -2.5%;
	margin-bottom: 0%;
	padding-top: calc(5% - 2px);
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.25);
	z-index: 3;
	transform-origin: center center;
	background-color: rgba(43, 27, 77, 0.3);
	transition: all 1s ease;
}

ul#c3_comp_1_ul_countries li a:focus {
	background-color: rgba(43, 20, 77, 0.5);
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li.c3_hidden,
article#c3_comp_1_article_main ul#c3_comp_1_ul_radii li.c3_hidden {
	opacity: 0.3;
	width: 5%;
	padding-top: calc(5% - 2px);
	/*
	overflow: hidden;
	width: 0%;
	margin-left: 0%;
	margin-bottom: 2.5%;
	padding-top: 0%;
	*/
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_radii li.c3_hidden {
	width: 0%;
	margin-left: 0%;
	margin-bottom: 2.5%;
	padding-top: 0%;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li.c3_hidden,
article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_radii li.c3_hidden {
	margin-bottom: 0%;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	cursor: default;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li a {
	overflow: visible;
}

article#c3_comp_1_article_main small {
	display: block;
	position: relative;
	font-size: 14px;
	z-index: 4;
	margin-top: 20px;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list small {
	margin-top: 60px;
}

article#c3_comp_1_article_main small a {
	
}

/* ------------------------------------------------------- */
/* ---------------- Country Details ---------------------- */
/* ------------------------------------------------------- */

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span {
	font-size: 16px;
	line-height: 18px;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_country_ID {
	display: block;
	position: absolute;
	font-weight: 700;
	color: white;
	width: 80%;
	height: auto;
	padding-bottom: 2px;
	left: 10%;
	bottom: 50%;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_value {
	display: block;
	position: absolute;
	color: #FFFFFF;
	width: 80%;
	height: auto;
	padding-top: 2px;
	left: 10%;
	top: 50%;
	text-align: center;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_original_order,
article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_fullname {
	display: block;
    position: absolute;
    font-size: 16px;
    line-height: 56px;
    width: 1150px;
    height: calc(60px - 2px);
    padding-left: 65px;
    padding-bottom: 0px;
    left: 0;
    bottom: auto;
    top: 0;
    margin-top: -5px;
    margin-left: -5px;
    text-align: left;
    border-bottom: none;
	border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 38px;
    opacity: 0;
    transition: opacity 0.5s linear 0.5s;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_original_order {
	display: none;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_movement_since {
	display: block;
    color: #FFFFFF;
    position: absolute;
    font-size: 16px;
    line-height: 50px;
    width: 180px;
    height: 50px;
    right: 3px;
    top: 3px;
    text-align: center;
    border-radius: 25px;
    opacity: 1;
    background-color: var(--c3_darkpurple);
    transition: opacity 0.5s linear 0.5s;
}

/* ---------------------------------------------------------------- */
/* ----------------- Global/Regional Details ---------------------- */
/* ---------------------------------------------------------------- */

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(1),
article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(1) a {
	overflow: visible;
	opacity: 1;
	transition: left 0.5s ease, bottom 0.5s ease, width 0.5s ease, margin-left 0.5s ease, margin-bottom 0.5s ease, padding-top 0.5s ease, opacity 0.25s linear 0.5s;
}

ul#c3_comp_1_ul_regions li {
	width: 2.5%;
	padding-top: calc(2.5% - 2px);
	background-color: var(--c3_darkgrey);
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(1) a span {
	font-size: 20px;
	line-height: 24px;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(1) a span.c3_comp_1_span_country_ID {
	left: 0%;
    top: 133%;
    text-align: center;
    width: 200%;
    padding: 0px;
	margin-left: -50%;
	height: 24px;
	bottom: auto;
	margin-top: -12px;
	border-bottom: none;
	color: var(--c3_darkpurple) !important;
    text-shadow: none;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(1) a span.c3_comp_1_span_value {
	display: block;
	position: absolute;
	color: white;
	width: 100%;
	height: 24px;
	margin-top: -12px;
	padding-top: 0px;
	left: 0;
	top: 50%;
	text-align: center;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_regions li a span {
	display: block;
	position: absolute;
	font-size: 20px;
	line-height: 24px;
	width: 200px;
	height: 24px;
	padding-left: 15px;
	padding-bottom: 0px;
	left: 100%;
	bottom: auto;
	top: 50%;
	margin-top: -12px;
	text-align: left;
	border-bottom: none;
	color: var(--c3_darkpurple) !important;
    text-shadow: none;
}

/*

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(-n+4),
article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(-n+4) a {
	overflow: visible;
	opacity: 1;
	transition: left 0.5s ease, bottom 0.5s ease, width 0.5s ease, margin-left 0.5s ease, margin-bottom 0.5s ease, padding-top 0.5s ease, opacity 0.25s linear 0.5s;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li.c3_hidden:nth-child(-n+4) a {
	opacity: 0.3;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(-n+4) a span {
	font-size: 20px;
	line-height: 24px;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(-n+4) a span.c3_comp_1_span_country_ID {
	width: 200px;
	height: 24px;
	padding-left: 15px;
	padding-bottom: 0px;
	left: 100%;
	bottom: auto;
	top: 50%;
	margin-top: -12px;
	text-align: left;
	border-bottom: none;
	color: var(--c3_darkpurple) !important;
    text-shadow: none;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(1) a span.c3_comp_1_span_country_ID {
	left: 0%;
    top: 133%;
    text-align: center;
    width: 200%;
    margin-left: 0px;
    padding: 0px;
	margin-left: -50%;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li:nth-child(-n+4) a span.c3_comp_1_span_value {
	display: block;
	position: absolute;
	color: white;
	width: 100%;
	height: 24px;
	margin-top: -12px;
	padding-top: 0px;
	left: 0;
	top: 50%;
	text-align: center;
}

*/

/* ------------------------------------------------------- */
/* ------------------ Country Radii ---------------------- */
/* ------------------------------------------------------- */

article#c3_comp_1_article_main ul#c3_comp_1_ul_radii li div.c3_comp_1_div_percentage_circle {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150%;
	height: 150%;
	margin-top: -75%;
	margin-left: -75%;
	background-color: var(--c3_brightpurple);
	border-radius: 50%;
	opacity: 0.75;
	z-index: 0;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_radii li div.c3_comp_1_div_percentage_circle {
	width: 50px !important;
	height: 50px !important;
	margin-top: -25px !important;
	margin-left: -25px !important;
}

ul#c3_comp_1_ul_radii li div.c3_comp_1_div_percentage_circle span {
	display: none;
}

/* ------------------------------------------------------- */
/* --------------------- Year Nav ------------------------ */
/* ------------------------------------------------------- */

nav#c3_comp_1_nav_year {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	z-index: 2;
}

nav#c3_comp_1_nav_year ul {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 85%;
	height: auto;
}

nav#c3_comp_1_nav_year select#c3_comp_1_select_year {
	display: none;
	position: relative;
	overflow: hidden;
	color: var(--c3_darkpurple);
	margin: 0;
	padding: 10px;
	background-image: url("images/menu-arrow.png");
	background-position: 96% center;
    background-repeat: no-repeat;
    background-size: 20px 11px;
	width: 85%;
	height: auto;
	-webkit-appearance: none;
}

nav#c3_comp_1_nav_year ul li {
	display: block;
	position: relative;
	overflow: visible;
	float: left;
	margin: 0;
	padding: 0;
	width: calc(100% / 18);
	height: 0;
	padding-top: calc(100% / 18);
}

nav#c3_comp_1_nav_year ul li::before,
nav#c3_comp_1_nav_year ul li::after {
	content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    top: 60%;
    left: 60%;
    width: 40%;
    height: 1px;
    margin-top: -1px;
    border: 1px dotted var(--c3_darkgrey);
}

nav#c3_comp_1_nav_year ul li::before {
	left: 0%;
}

nav#c3_comp_1_nav_year ul li:first-child::before,
nav#c3_comp_1_nav_year ul li:last-child::after {
	display: none;
}

nav#c3_comp_1_nav_year ul li a {
	display: block;
    position: absolute;
    overflow: visible;
    font-size: 10px;
    top: 50%;
    left: 50%;
    width: 20%;
    height: 20%;
    margin-top: 0%;
    margin-left: -10%;
    border-radius: 50%;
    background-color: var(--c3_darkgrey);
    opacity: 1;
    transition: opacity 0.25s linear;
}

nav#c3_comp_1_nav_year ul li a.c3_selected {
	background-color: var(--c3_darkpurple);
}

nav#c3_comp_1_nav_year ul li a:focus {
	opacity: 1;
	background-color: var(--c3_darkpurple);
}

nav#c3_comp_1_nav_year ul li a span {
	display: block;
    position: absolute;
    overflow: visible;
	font-size: 16px;
    top: -300%;
    left: -200%;
    width: 500%;
    text-align: center;
    height: 0;
    padding-bottom: 500%;
}

/* ------------------------------------------------------- */
/* ---------------- List style overrides ----------------- */
/* ------------------------------------------------------- */

article#c3_comp_1_article_main a#c3_comp_1_a_show_list {
	position: absolute;
	top: 0%;
	right: 0px;
	width: 15%;
	padding-left: 0px !important;
	padding-right: 0px !important;
	z-index: 4;
	background-color: #FFFFFF;
	/* transition: top 0.5s ease; */
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list a#c3_comp_1_a_show_list {
	top: 0%;
}

/*
article#c3_comp_1_article_main a#c3_comp_1_a_show_list:hover,
article#c3_comp_1_article_main a#c3_comp_1_a_show_list:focus {
	text-decoration: underline;
}
*/

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li, 
article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_radii li {
	left: 25px !important;
	width: 50px;
	margin-left: -25px;
	padding-top: calc(50px - 2px); /* equal to width minus border radius */
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_radii {
	opacity: 1;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list div#c3_comp_1_map_container {
	background-image: none;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list div#c3_comp_1_map_container img {
	opacity: 0 !important;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li span {
	color: #FFFFFF !important;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li span.c3_comp_1_span_fullname {
	opacity: 1;
	color: var(--c3_darkpurple) !important;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li:nth-child(1) span.c3_comp_1_span_fullname {
	border: solid 1px var(--c3_darkpurple);
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li:nth-child(1) a span.c3_comp_1_span_country_ID {
	display: none;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li:nth-child(1) a span.c3_comp_1_span_fullname {
	font-size: 16px;
	line-height: 56px;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li:nth-child(1) a span.c3_comp_1_span_movement_since {
	font-size: 16px;
	line-height: 50px;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li:nth-child(1) a span.c3_comp_1_span_country_ID {
	padding-left: 10px;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list ul#c3_comp_1_ul_countries li:nth-child(1) a span.c3_comp_1_span_country_ID {
	padding-left: 0px;
}

/* ------------------------------------------------------- */
/* ------------- Play/pause Button -------------------- */
/* ------------------------------------------------------- */

article#c3_comp_1_article_main a#c3_comp_1_a_play_pause {
	display: block;
	position: absolute;
	left: 0px;
	top: calc(100% - 100px);
	width: 100px;
	height: 100px;
	z-index: 4;
	transition: left 1s ease, top 1s ease, height 1s ease;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list a#c3_comp_1_a_play_pause {
	left: -38px;
	top: 15px;
	height: 40px;
}

article#c3_comp_1_article_main a#c3_comp_1_a_play_pause svg {
	display: block;
	position: absolute;
	top: 0px;
	left: 40px;
	stroke: var(--c3_corepurple);
	stroke-width: 30px;
	fill: none;
	height: 40%;
	width: auto;
	stroke-linejoin: round;
	stroke-linecap: round;
	transition: height 1s ease;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list a#c3_comp_1_a_play_pause svg {
	height: 100%;
}

article#c3_comp_1_article_main a#c3_comp_1_a_play_pause svg polyline {
	stroke-dasharray: 0 1446 601 306 600 1000;
	transition: stroke-dasharray 1s ease;
}

article#c3_comp_1_article_main a#c3_comp_1_a_play_pause.c3_selected svg polyline {
	stroke-dasharray: 0 580 860 0 600 1000;
}

article#c3_comp_1_article_main a#c3_comp_1_a_play_pause span {
	display: block;
	position: absolute;
	text-align: center;
	color: var(--c3_corepurple);
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	transition: all 1s ease;
}

article#c3_comp_1_article_main.c3_comp_1_article_main_list a#c3_comp_1_a_play_pause span {
	line-height: 40px;
	left: 50px;
	width: 200%;
	height: 40px;
}

/* ------------------------------------------------------- */
/* ------------- GT Suggested Updates -------------------- */
/* ------------------------------------------------------- */

.globalassetsblock {
	padding: 32px 16px;
	background: #FFFFFF;
}

/*

article#c3_comp_1_article_main h2,
#c3_comp_1_nav_year a,
#c3_comp_1_h4_year,
.c3_comp_1_li_countries a {
	color: #ffffff;
}

*/

nav#c3_comp_1_nav_year ul li a span {
	line-height: 1.8em;
}

article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_fullname {
	width: calc(100vw - 56px);
}


/* ------------------------------------------------------- */
/* ------------------ Mobile style ----------------------- */
/* ------------------------------------------------------- */

@media only screen and (max-width: 1300px) {
	
	article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_original_order,
	article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_fullname {
		width: calc(100vw - (32px + 64px) + 10px);
	}
}

@media only screen and (max-width: 1200px) {
	
	article#c3_comp_1_article_main h4#c3_comp_1_h4_year {
		font-size: 35px;
		line-height: 30px;
	}
	
	article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span {
		font-size: 14px;
		line-height: 16px;
	}
	
}

@media only screen and (max-width: 1000px) {
	
	article#c3_comp_1_article_main header {
		width: 100%;
		z-index: 1 !important;
	}
	
	nav#c3_comp_1_nav_year ul {
    	margin-left: -1.9%;
	}
	
    nav#c3_comp_1_nav_year ul li:nth-child(odd) span {
    	display: none;
	}
	
	nav#c3_comp_1_nav_year ul li:nth-child(even) span {
		font-size: 14px;
    	left: -450%;
    	width: 1000%;
		top: -370%;
	}
	
	a#c3_comp_1_a_show_list {
		display: none;
	}
	
	nav#c3_comp_1_nav_year {
		overflow: visible;
	}
	
	nav#c3_comp_1_nav_year select#c3_comp_1_select_year {
		display: block;
		width: 100%;
	}
	
	nav#c3_comp_1_nav_year ul {
		display: none;
	}
	
	article#c3_comp_1_article_main h4#c3_comp_1_h4_year {
		display: block;
		width: 100%;
		top: 60px;
	}
	
	article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span {
		font-size: 16px;
		line-height: 18px;
	}
	
}

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

	article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_original_order,
	article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_fullname {
		width: calc(100vw - 50px);
	}
	
}

/* ------------------------------------------------------- */
/* ------------ GT Suggested Mobile style ---------------- */
/* ------------------------------------------------------- */

@media (min-width: 768px) {
	
	.globalassetsblock {
		padding: 64px 32px;
    }

    article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_fullname {
		width: calc(100vw - 160px);
    }
	
}

@media (min-width: 1300px) {
	article#c3_comp_1_article_main ul#c3_comp_1_ul_countries li a span.c3_comp_1_span_fullname {
		max-width: 1140px;
    }
}