.chart__navigation a:before {
	display:block;
	position:absolute;
	top:-15px;
	right:-15px;
	bottom:-15px;
	left:-15px
}
.form-control-toggle label {
	font-family:'Roboto',sans-serif;
	font-weight:300
}
.form-control-toggle {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	cursor:pointer
}
.form-control-toggle input {
	position:absolute;
	left:-1000px
}
.form-control-toggle label {
	transition-duration:.4s;
	transition-timing-function:cubic-bezier(.25,.74,.22,.99);
	transition-property:color;
	padding-top:2px;
	font-size:18px
}
.form-control-toggle label:before {
	content:"";
	display:block;
	position:absolute;
	top:-15px;
	right:-15px;
	bottom:-15px;
	left:-15px
}
.form-control-toggle__preview {
	margin:0 19px;
	width:47px;
	height:21px;
	border-radius:21px;
	border:1px solid;
	position:relative
}
.form-control-toggle__preview:before {
	transition-duration:.4s;
	transition-timing-function:cubic-bezier(.25,.74,.22,.99);
	transition-property:transform;
	content:"";
	position:absolute;
	left:1px;
	top:1px;
	width:17px;
	height:17px;
	border-radius:17px
}
.ui-primary .form-control-toggle__preview {
	border-color:rgba(150,199,255,.62)
}
.ui-primary .form-control-toggle__preview:before {
	background-color:#fff
}
.ui-primary .form-control-toggle input:checked~.form-control-toggle__preview:before {
	-ms-transform:translateX(26px);
	transform:translateX(26px)
}
.ui-primary .form-control-toggle input:checked~label:last-child,.ui-primary .form-control-toggle label {
	color:#fff
}
.ui-primary .form-control-toggle input:checked~label,.ui-primary .form-control-toggle label:last-child {
	color:rgba(150,199,255,.8)
}
@media screen and (max-width:979px) {
	.scrollable-list {
		overflow-x:auto;
		position:relative;
		margin-left:-30px;
		margin-right:-30px
	}
	.scrollable-list__inner {
		white-space:nowrap
	}
	.scrollable-list__inner li {
		display:inline-block;
		vertical-align:top;
		padding-left:30px
	}
	.scrollable-list__inner li:last-child {
		display:-ms-inline-flexbox;
		display:inline-flex;
		padding-right:30px
	}
	.scrollable-list__inner li:last-child:after {
		content:"";
		padding-right:30px
	}
}
@media screen and (min-width:668px) and (max-width:979px) and (min-height:416px) {
	.scrollable-list {
		margin-left:-60px;
		margin-right:-60px
	}
	.scrollable-list__inner li:first-child {
		padding-left:60px
	}
	.scrollable-list__inner li:last-child:after {
		padding-right:60px
	}
}
@media screen and (min-width:980px) {
	.scrollable-list--all .scrollable-list__inner li {
		display:inline-block;
		vertical-align:top;
		padding-left:30px
	}
	.scrollable-list--all .scrollable-list__inner li:first-child {
		padding-left:0
	}
}
.chart__navigation {
	font-weight:500;
	padding-top:10px
}
.chart__navigation a {
	position:relative
}
.chart__navigation a:before {
	content:""
}
@media (max-width:668px),screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
	.chart__navigation a {
		font-size:1.8rem
	}
}
.chart__charts {
	position:relative;
	margin-top:30px;
	margin-bottom:30px
}
.chart__charts__item {
	position:absolute;
	left:0;
	top:0
}
.chart__charts__item,.chart__charts__placeholder {
	width:100%;
	height:100%
}
.is-ie .chart__charts__placeholder {
	height:300px
}
@media screen and (min-width:668px) and (min-height:416px) {
	.chart__charts {
		margin-top:20px;
		margin-bottom:50px
	}
}
@media screen and (min-width:980px) {
	.chart__charts {
		margin-top:50px;
		margin-bottom:80px
	}
}

@media screen and (min-width:668px) and (min-height:416px) {
	.values {
		overflow:hidden
	}
	.values__content {
		color:rgba(245,248,251,.6);
		position:relative;
		z-index:2
	}
	.values__background {
		z-index:1;
		pointer-events:none;
		transition-duration:1.2s
	}
	.viz-background {
		position:relative;
		height:0;
		pointer-events:none
	}
	.viz-background__image {
		width:2560px;
		height:2560px;
		left:50%;
		top:50%;
		margin:-940px 0 0 -1280px
	}
	.viz {
		position:relative;
		z-index:3;
		height:680px
	}
	.viz__outer {
		top:-940px;
		margin:0 0 0 -1280px;
		pointer-events:none
	}
	.viz__inner,.viz__outer {
		left:50%;
		position:absolute
	}
	.viz__inner {
		top:100px;
		margin:0 0 0 -240px
	}
	.viz__dots,.viz__logo,.viz__overlay {
		fill:#fff;
		pointer-events:none
	}
	.viz__text,.viz__title {
		transition-duration:.4s;
		transition-timing-function:cubic-bezier(.25,.74,.22,.99);
		transition-property:opacity;
		transition-duration:1.2s;
		opacity:0;
		pointer-events:none
	}
	.viz__text.is-active,.viz__title.is-active {
		opacity:1
	}
	.viz__text {
		position:absolute;
		top:50%;
		right:50%;
		width:50vw;
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
		right:calc(50%+220px);
		width:calc(50vw - 220px)
	}
	.viz__text h3,.viz__text p {
		max-width:280px;
		margin-left:auto;
		margin-right:auto;
		color:#f5f8fb;
		text-align:center
	}
	.viz__text--1,.viz__text--2,.viz__text--3,.viz__text--4,.viz__text--9 {
		right:auto;
		left:50%;
		left:calc(50%+220px)
	}
	.viz__title-container {
		pointer-events:none;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%
	}
	.viz__title {
		position:absolute;
		left:50%;
		top:50%;
		width:200px;
		margin:186px 0 0 -100px;
		-ms-transform-origin:100px -186px;
		transform-origin:100px -186px;
		color:#2d3845;
		font-weight:500;
		line-height:20px;
		text-align:center
	}
	.viz__title:nth-child(1),.viz__title:nth-child(2),.viz__title:nth-child(7),.viz__title:nth-child(8) {
		margin-top:-206px;
		-ms-transform-origin:100px 206px;
		transform-origin:100px 206px
	}
	.viz__title:nth-child(1),.viz__title:nth-child(5) {
		-ms-transform:rotate(22.5deg);
		transform:rotate(22.5deg)
	}
	.viz__title:nth-child(2),.viz__title:nth-child(6) {
		-ms-transform:rotate(67.5deg);
		transform:rotate(67.5deg)
	}
	.viz__title:nth-child(3),.viz__title:nth-child(7) {
		-ms-transform:rotate(-67.5deg);
		transform:rotate(-67.5deg)
	}
	.viz__title:nth-child(4),.viz__title:nth-child(8) {
		-ms-transform:rotate(-22.5deg);
		transform:rotate(-22.5deg)
	}
}
@media screen and (min-width:668px) and (min-height:416px) and (max-width:1199px) {
	.viz-background__image,.viz__inner,.viz__outer,.viz__title-container {
		-ms-transform-origin:center;
		transform-origin:center;
		-ms-transform:scale(.75) translateY(-120px);
		transform:scale(.75) translateY(-120px)
	}
	.viz__text {
		right:50%;
		width:50vw;
		top:auto;
		bottom:0;
		-ms-transform:none;
		transform:none
	}
	.viz__text--1,.viz__text--2,.viz__text--3,.viz__text--4,.viz__text--9 {
		left:50%
	}
}
@media (max-width:668px),screen and (max-width:979px) and (max-height:415px) and (orientation:landscape) {
	.values__background {
		display:none
	}
	.viz__mobile__input {
		margin-top:68px;
		margin-bottom:45px
	}
	.viz__text {
		margin-top:38px
	}
	.viz__text:first-child {
		margin-top:0
	}
	.viz__mobile__accordion {
		position:relative
	}
	.viz__mobile__accordion__content {
		overflow:hidden;
		display:none
	}
	.viz__mobile__accordion__content.is-active-mobile {
		display: block
	}
}