.container{
	margin:auto;
	width:100%;
	max-width:1170px;
}

.section{
	background-color:#f3f6f8;
}

.section--white{
	background-color:#fff!important;
}

.section--grey{
	background-color:#e8edf2!important;
}

.form{}

.select{
	padding:20px 8px;
	width: 100%;
}

.bookmark{
	padding-top:20px;
	padding-bottom:20px;
}

.bookmark__link:first-child{
	padding-left:0px;
}

.bookmark__link{
	padding-left: 10px;
	border-right:1px solid blue;
	padding-right:10px;
}

.graphs{
	width:100%;
}

.graph{
	width:100%;
}

.graph__title{
	width: 100%;
	margin-bottom:30px;
}

.graph__info{
	background-color:#025690;
	display: block;
	flex-grow: 1;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	color:#fff;
}

.graph__year{
	background-color:#009fe3;
	align-self:flex-end;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	color:#fff;
}

.info{
	background-color:#f3f6f8;
	width:400px;
	margin-left:20px;
	padding:10px;
}

.info__title{
	font-size:20px;
	color:#009fe3;
	margin-bottom:10px;    
}

.btn{
	width: 100%;
}

.btn__export{
	border:1px solid #009fe3;
	color:#e72158;
	text-align: center;
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#fff;
	border-radius:3px;
	margin-bottom:10px;
}

.table{
	margin-bottom:20px;
}

table td{
	padding:3px;
	border:1px solid #fff;
}

.flex{
	display: flex;
}

svg {
	display: block;
}

rect.bar:hover{
	stroke-width: 1.5 !important;
	stroke: black;
	opacity: 1 !important;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/*
body {
	line-height:1;
}
*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;  
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}
.VANG main>.container{padding:65px 0}
.hero__intro p{margin:10px 0}
/* Filter */
.section--filter{padding:15px 30px}
.section--filter .select{padding:15px}
.section--filter .select__title{margin-bottom:.5rem;color:#025690;font:700 20px/30px 'Museo'}
.section--filter .selectize-control.single .selectize-input{height:40px;padding:12px 10px;background:#fff;border:none;border-radius:0;box-shadow:none}
.section--filter .selectize-control.single .selectize-input .item{position:absolute;color:#000;font:500 15px 'Museo'}
.section--filter .selectize-control.single .selectize-input input{width:calc(100% - 40px)!important;color:#000;font:500 15px 'Museo'}
.section--filter .selectize-control.single .selectize-input input::-moz-placeholder{color:#000;font:500 15px/44px 'Museo';opacity:1}
.section--filter .selectize-control.single .selectize-input input:-ms-input-placeholder{color:#000;font:500 15px/44px 'Museo'}
.section--filter .selectize-control.single .selectize-input input::-webkit-input-placeholder{color:#000;font:500 15px/44px 'Museo'}
.section--filter .selectize-control.single .selectize-input:after{width:40px;height:40px;margin:0;top:0;right:0;bottom:0;background:#009FE3 url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS42MDQiIGhlaWdodD0iOS41MDkiIHZpZXdCb3g9IjAgMCAxNS42MDQgOS41MDkiPg0KICA8cGF0aCBpZD0iaWZfdi03XzMxNjI2MzIiIGQ9Ik0yMi4xNjksNy44LDE0LjIwNiwwLDEyLjY2LDEuNjE0LDE5LjA2LDcuOGwtNi40LDYuMTg4TDE0LjIwNiwxNS42WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuNjA0IC0xMi42Nikgcm90YXRlKDkwKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=') no-repeat 50% 50%;border:none}
.section--filter .selectize-dropdown.single{border:none;border-radius:0}
.section--filter .selectize-dropdown .option{padding:5px 10px;color:#000;font:400 15px 'Museo'}
@media (max-width:991px){
	.section--filter{padding:15px 0}
}
@media (max-width:767px){
	.section--filter .form{flex-flow:column}
}
/* Bookmark */
.section--bookmark .bookmark{padding:30px 45px}
.section--bookmark .bookmark__link{border:none;border-left:1px solid #025690;color:#025690;font:300 15px 'Open Sans', sans-serif}
.section--bookmark .bookmark__link:first-child{padding-left:0;border:none}
@media (max-width:991px){
	.section--bookmark .bookmark{padding:30px 15px}
}
@media (max-width:767px){
	.section--bookmark .bookmark__link{display:block;padding:10px 0;border:none;border-top:1px solid #025690}
}
/* Info */
.section--info.info{width:100%;max-width:330px;margin:0;padding:0;background:none!important}
.section--info.info #info>div{padding:30px}
.section--info.info #info>div:first-child{background-color:#e8edf2!important}
.section--info .btn__export{display:inline-block;margin-bottom:2rem;padding:5px 15px;background:#fff;border:2px solid #009fe3;border-radius:5px;color:#E72158;font:800 1rem 'Open Sans', sans-serif;text-transform:uppercase;cursor:pointer}
.section--info .btn__export:after{display:inline-block;content:'';width:10px;height:16px;margin-left:10px;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljc1IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS43NSAxNiI+DQogIDxwYXRoIGlkPSJpZl92LTdfMzE2MjYzMiIgZD0iTTIyLjQxLDgsMTQuMjQ1LDAsMTIuNjYsMS42NTUsMTkuMjIyLDgsMTIuNjYsMTQuMzQ1LDE0LjI0NSwxNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMi42NikiIGZpbGw9IiNlNzIxNTgiLz4NCjwvc3ZnPg0K') no-repeat 50% 50%;background-size:contain;vertical-align:middle}
.section--info .btn__export:hover,.section--info .btn__export:focus{text-decoration:underline}
.section--info .info__title{margin-bottom:.5rem;color:#009FE3;font:500 20px/30px 'Museo'}
.section--info table{width:100%}
.section--info table td{width:100%;padding:5px 15px;font:300 13px/20px'Museo'}
.section--info table td *{display:block;font:inherit}
.section--info table td strong{font-weight:500}
.section--info p em{color:#000;font:italic 400 13px/1.5rem 'Open Sans', sans-serif}
@media (max-width:767px){
	.section--info.info{max-width:100%}
}
/* Graph */
.section--graph{justify-content:space-between;padding:0 45px}
.graphs{max-width:706px;}
.graph__title{margin-bottom:15px}
.graph__info{padding-left:20px}
.graph__info,.graph__year{font:500 20px/30px 'Museo'}
.graph__content{margin-bottom:50px}
@media (max-width:991px){
	.section--graph{padding:0 15px}
}
@media (max-width:767px){
	.section--graph{flex-flow:column}
	.graph__content>svg{width:100%;height:auto}
	.graph__content>svg>g{transform:scale(.49)}
}
@media (max-width:340px){
	.graph__content>svg>g{transform:scale(.4)}
}