svg:not(:root) {
 overflow:visible
}
.single-chart {
 position:absolute;
 display:inline-block;
 width:630px;
 height:250px;
 font-size:13px;
 line-height:13px;
 font-family:HelveticaNeueW01-55Roma,'Helvetica Neue',Helvetica,Arial,sans-serif;
 font-weight:400;
 color:#fff
}
.blue {
 color:#5abbdf
}
.green {
 color:#6bc200
}
.mint {
 color:#6caac7
}
.white {
 color:#fff
}
.color-aluminium {
 color:#9c9c9c
}
.color-cello {
 color:#1b3962
}
.color-celestial {
 color:#468bc8
}
.color-malibu {
 color:#75b7e1
}
.hide {
 opacity:0
}
.transparent {
 opacity:.2
}
.chart5-1-wrapper {
 position:absolute;
 top:58px;
 left:215px
}
.chart5-2-wrapper {
 position:absolute;
 top:33px;
 left:592px
}
.chart5-3-wrapper {
 position:absolute;
 right:65px;
 top:40px
}
.single-chart.medium .single-chart-plot-area {
 position:absolute;
 top:27px;
 left:99px;
 width:98px;
 height:98px
}
#bayer2.single-chart.medium .single-chart-plot-area {
 position:absolute;
 top:33px;
 left:111px;
 width:110px;
 height:110px
}
#bayer3.single-chart.medium .single-chart-plot-area {
 position:absolute;
 top:30px;
 left:106px;
 width:98px;
 height:98px
}
#bayer1.single-chart.medium .single-chart-labels .label01 {
 top:30px;
 left:215px;
 font-size:23px;
 line-height:12px
}
#bayer1.single-chart.medium .single-chart-labels .label0 {
 top:69px;
 left:215px;
 font-size:11px;
 line-height:7px
}
#bayer1.single-chart.medium .single-chart-labels .label0 .line {
 top:3px;
 left:-16px;
 width:13px
}
#bayer1.single-chart.medium .single-chart-labels .label1 {
 top:101px;
 left:215px;
 font-size:11px;
 line-height:7px
}
#bayer1.single-chart.medium .single-chart-labels .label1 .line {
 top:3px;
 left:-23px;
 width:20px
}
#bayer1.single-chart.medium .single-chart-labels .label2 {
 top:82px;
 left:0;
 font-size:23px;
 line-height:12px
}
#bayer1.single-chart.medium .single-chart-labels .label2 .line {
 top:20px;
 left:67px;
 width:36px
}
#bayer1.single-chart.medium .single-chart-labels .label3 {
 top:30px;
 left:0;
 font-size:23px;
 line-height:12px
}
#bayer1.single-chart.medium .single-chart-labels .label3 .line {
 top:20px;
 left:48px;
 width:55px
}
#bayer1.single-chart.medium .single-chart-labels .label4 {
 top:-8px;
 left:126px;
 font-size:11px;
 line-height:7px
}
#bayer1.single-chart.medium .single-chart-labels .label4 .line {
 top:21px;
 left:18px;
 width:1px;
 height:10px
}
.single-chart.medium .single-chart-labels .total {
 top:70px;
 left:120px;
 font-size:10px;
 line-height:7px;
 text-align:center
}
.lang-en .single-chart.medium .single-chart-labels .total {
 font-size:8px
}
.single-chart.medium .single-chart-labels .total small {
 font-size:8px
}
.single-chart.medium .single-chart-labels .total span {
 font-size:7px;
 font-weight:400
}
.single-chart.medium .single-chart-label small {
 font-size:8px
}
.single-chart.medium .single-chart-label span {
 font-size:11px;
 line-height:7px;
 font-weight:700;
 vertical-align:top
}
.single-chart.medium .single-chart-label.label4 span {
 font-size:7px;
 display:inline-block;
 padding-top:3px
}
#bayer2.single-chart.medium .single-chart-labels .label01 {
 top:36px;
 left:246px;
 font-size:23px;
 line-height:12px
}
#bayer2.single-chart.medium .single-chart-labels .label0 {
 top:88px;
 left:246px;
 font-size:11px;
 line-height:7px
}
#bayer2.single-chart.medium .single-chart-labels .label0 .line {
 top:3px;
 left:-21px;
 width:17px
}
#bayer2.single-chart.medium .single-chart-labels .label1 {
 top:128px;
 left:246px;
 font-size:11px;
 line-height:7px
}
#bayer2.single-chart.medium .single-chart-labels .label1 .line {
 top:3px;
 left:-104px;
 width:101px
}
#bayer2.single-chart.medium .single-chart-labels .label2 {
 top:73px;
 left:0;
 font-size:23px;
 line-height:12px
}
#bayer2.single-chart.medium .single-chart-labels .label2 .line {
 top:20px;
 left:67px;
 width:40px
}
#bayer2.single-chart.medium .single-chart-labels .label3 {
 top:12px;
 left:0;
 font-size:23px;
 line-height:12px
}
#bayer2.single-chart.medium .single-chart-labels .label3 .line {
 top:20px;
 left:49px;
 width:100px
}
#bayer2.single-chart.medium .single-chart-labels .label4 {
 top:-6px;
 left:139px
}
#bayer2.single-chart.medium .single-chart-labels .label4 .line {
 top:26px;
 left:22px;
 width:1px;
 height:10px
}
#bayer2.single-chart.medium .single-chart-labels .total {
 top:81px;
 left:144px;
 font-size:18px;
 text-align:center
}
#bayer3.single-chart.medium .single-chart-labels .label0 {
 top:10px;
 left:230px;
 font-size:23px;
 line-height:12px
}
#bayer3.single-chart.medium .single-chart-labels .label0 .line {
 top:22px;
 left:-50px;
 width:46px
}
#bayer3.single-chart.medium .single-chart-labels .label1 {
 top:81px;
 left:230px;
 font-size:23px
}
#bayer3.single-chart.medium .single-chart-labels .label1 .line {
 top:22px;
 left:-28px;
 width:25px
}
#bayer3.single-chart.medium .single-chart-labels .label2 {
 top:85px;
 left:0;
 font-size:23px;
 line-height:12px
}
#bayer3.single-chart.medium .single-chart-labels .label2 .line {
 top:23px;
 left:31px;
 width:80px
}
#bayer3.single-chart.medium .single-chart-labels .label3 {
 top:10px;
 left:0;
 font-size:23px;
 line-height:12px
}
#bayer3.single-chart.medium .single-chart-labels .label3 .line {
 top:24px;
 left:73px;
 width:55px
}
#bayer3.single-chart.medium .single-chart-labels .total {
 top:69px;
 left:131px;
 font-size:13px;
 line-height:22px;
 text-align:center
}
#bayer3.single-chart.medium .single-chart-labels .total small {
 font-size:13px
}
#bayer3.single-chart.medium .single-chart-labels .total span {
 font-size:8px;
 font-weight:400;
 vertical-align:top
}
#bayer3.single-chart.medium .single-chart-label small {
 font-size:8px
}
#bayer3.single-chart.medium .single-chart-label span {
 font-size:11px;
 font-weight:700;
 vertical-align:top
}
.single-chart .single-chart-label,
.single-chart .single-chart-labels {
 transition:opacity .5s
}
.single-chart path {
 transition:fill-opacity .5s
}
.single-chart-labels {
 position:relative
}
.single-chart .single-chart-label {
 position:absolute;
 color:#494949
}
.single-chart .single-chart-label .line {
 position:absolute;
 display:inline-block;
 background-color:#494949;
 height:1px
}
@media screen and (min-width:768px) {
 #bayer1.single-chart.medium .single-chart-plot-area,
 #bayer2.single-chart.medium .single-chart-plot-area,
 #bayer3.single-chart.medium .single-chart-plot-area {
  position:absolute;
  top:60px;
  left:200px;
  width:170px;
  height:170px
 }
 #bayer1.single-chart.medium .single-chart-labels .label01 {
  top:70px;
  left:410px;
  font-size:32px;
  line-height:22px
 }
 #bayer1.single-chart.medium .single-chart-labels .label0 {
  top:135px;
  left:410px;
  font-size:18px
 }
 #bayer1.single-chart.medium .single-chart-labels .label0 .line {
  top:7px;
  left:-35px;
  width:30px
 }
 #bayer1.single-chart.medium .single-chart-labels .label1 {
  top:185px;
  left:410px;
  font-size:18px
 }
 #bayer1.single-chart.medium .single-chart-labels .label1 .line {
  top:7px;
  left:-50px;
  width:45px
 }
 #bayer1.single-chart.medium .single-chart-labels .label2 {
  top:170px;
  left:10px;
  font-size:32px;
  line-height:22px
 }
 #bayer1.single-chart.medium .single-chart-labels .label2 .line {
  top:32px;
  left:105px;
  width:102px
 }
 #bayer1.single-chart.medium .single-chart-labels .label3 {
  top:70px;
  left:10px;
  font-size:32px;
  line-height:22px
 }
 #bayer1.single-chart.medium .single-chart-labels .label3 .line {
  top:32px;
  left:70px;
  width:125px
 }
 #bayer1.single-chart.medium .single-chart-labels .label4 {
  top:5px;
  left:250px;
  font-size:16px
 }
 #bayer1.single-chart.medium .single-chart-labels .label4 .line {
  top:34px;
  left:28px;
  width:1px;
  height:15px
 }
 .single-chart.medium .single-chart-labels .total {
  top:130px;
  left:232px;
  font-size:20px;
  line-height:22px;
  text-align:center
 }
 .lang-en .single-chart.medium .single-chart-labels .total {
  font-size:17px
 }
 .single-chart.medium .single-chart-labels .total small {
  font-size:13px
 }
 .single-chart.medium .single-chart-labels .total span {
  font-size:12px;
  font-weight:400
 }
 .single-chart.medium .single-chart-label small {
  font-size:12px
 }
 .single-chart.medium .single-chart-label span {
  font-size:16px;
  font-weight:700;
  vertical-align:top
 }
 .single-chart.medium .single-chart-label.label4 span {
  font-size:12px;
  line-height:20px;
  display:inline-block;
  padding-top:3px
 }
 #bayer2.single-chart.medium .single-chart-labels .label01 {
  top:70px;
  left:410px;
  font-size:32px;
  line-height:22px
 }
 #bayer2.single-chart.medium .single-chart-labels .label0 {
  top:135px;
  left:410px;
  font-size:18px
 }
 #bayer2.single-chart.medium .single-chart-labels .label0 .line {
  top:7px;
  left:-35px;
  width:30px
 }
 #bayer2.single-chart.medium .single-chart-labels .label1 {
  top:205px;
  left:410px;
  font-size:18px
 }
 #bayer2.single-chart.medium .single-chart-labels .label1 .line {
  top:7px;
  left:-160px;
  width:155px
 }
 #bayer2.single-chart.medium .single-chart-labels .label2 {
  top:115px;
  left:10px;
  font-size:32px;
  line-height:22px
 }
 #bayer2.single-chart.medium .single-chart-labels .label2 .line {
  top:32px;
  left:105px;
  width:80px
 }
 #bayer2.single-chart.medium .single-chart-labels .label3 {
  top:28px;
  left:10px;
  font-size:32px;
  line-height:22px
 }
 #bayer2.single-chart.medium .single-chart-labels .label3 .line {
  top:30px;
  left:72px;
  width:178px
 }
 #bayer2.single-chart.medium .single-chart-labels .label4 {
  top:5px;
  left:250px;
  font-size:16px
 }
 #bayer2.single-chart.medium .single-chart-labels .label4 .line {
  top:34px;
  left:26px;
  width:1px;
  height:15px
 }
 #bayer2.single-chart.medium .single-chart-labels .total {
  top:135px;
  left:255px;
  font-size:24px;
  text-align:center
 }
 #bayer3.single-chart.medium .single-chart-labels .label0 {
  top:40px;
  left:400px;
  font-size:32px;
  line-height:22px
 }
 #bayer3.single-chart.medium .single-chart-labels .label0 .line {
  top:28px;
  left:-60px;
  width:50px
 }
 #bayer3.single-chart.medium .single-chart-labels .label1 {
  top:170px;
  left:420px;
  font-size:32px;
  line-height:22px
 }
 #bayer3.single-chart.medium .single-chart-labels .label1 .line {
  top:28px;
  left:-60px;
  width:50px
 }
 #bayer3.single-chart.medium .single-chart-labels .label2 {
  top:150px;
  left:20px;
  font-size:32px;
  line-height:22px
 }
 #bayer3.single-chart.medium .single-chart-labels .label2 .line {
  top:32px;
  left:45px;
  width:135px
 }
 #bayer3.single-chart.medium .single-chart-labels .label3 {
  top:40px;
  left:20px;
  font-size:32px;
  line-height:22px
 }
 #bayer3.single-chart.medium .single-chart-labels .label3 .line {
  top:33px;
  left:115px;
  width:95px
 }
 #bayer3.single-chart.medium .single-chart-labels .total {
  top:130px;
  left:240px;
  font-size:24px;
  text-align:center
 }
 #bayer3.single-chart.medium .single-chart-labels .total small {
  font-size:13px
 }
 #bayer3.single-chart.medium .single-chart-labels .total span {
  font-size:12px;
  font-weight:400
 }
 #bayer3.single-chart.medium .single-chart-label small {
  font-size:12px
 }
 #bayer3.single-chart.medium .single-chart-label span {
  font-size:16px;
  font-weight:700
 }
}
.single-chart {
 margin-bottom:30px;
 transition:all .5s;
 font-size:13px;
 line-height:13px;
 font-family:HelveticaNeueW01-55Roma,'Helvetica Neue',Helvetica,Arial,sans-serif;
 font-weight:400;
 color:#fff
}
.single-chart.bar-chart {
 width:320px;
 height:32px
}
.single-chart svg rect,
.single-chart svg text {
 transition:opacity .5s;
 cursor:default
}
.single-chart-wrapper h2 {
 font-family:HelveticaNeueW01-45Ligh,'Helvetica Neue',Helvetica,Arial,sans-serif;
 font-weight:400;
 margin-bottom:20px;
 color:#494949
}
.single-chart-wrapper h2 {
 font-size:24px;
 line-height:24px
}
.single-chart-wrapper span.unit {
 font-size:10px
}
.single-chart-wrapper span.amount {
 font-size:33px;
 color:#62c500
}
@media screen and (min-width:768px) {
 .single-chart.medium.bar-chart {
  width:380px;
  height:38px
 }
 .single-chart.big.bar-chart {
  width:540px;
  height:65px
 }
 .single-chart-wrapper.medium h2 {
  font-size:30px;
  line-height:30px
 }
 .single-chart-wrapper.medium span.unit {
  font-size:12px
 }
 .single-chart-wrapper.medium span.amount {
  font-size:40px;
  color:#62c500
 }
 .single-chart-wrapper.big h2 {
  font-size:42px;
  line-height:42px
 }
 .single-chart-wrapper.big span.unit {
  font-size:17px
 }
 .single-chart-wrapper.big span.amount {
  font-size:56px;
  color:#62c500
 }
}
/*# sourceMappingURL=charts.css.map */