.chart-outer{background-image:-webkit-linear-gradient(top,#f9a437 0,#e64e30 40%);background-image:linear-gradient(to bottom,#f9a437 0,#e64e30 40%);margin:0 auto;padding:5px 15px 0 5px}
.bar-chart-key{float:left;width:80px;list-style:none;padding:20px 5px 0;margin:0 -80px 0 0;text-align:right;color:rgba(0,0,0,0.7)}
.bar-chart-key li{height:56px;line-height:56px;font-size:11px;font-weight:bold}
.chart-container{margin:0 0 0 80px;position:relative}
.bar-chart{display:table;table-layout:fixed;padding:0 0 0 10px;background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0.1) 2%,rgba(0,0,0,0) 2%);background-image:linear-gradient(to top,rgba(0,0,0,0.1) 2%,rgba(0,0,0,0) 2%);background-size:100% 55px;background-position:left top;width:100%;height:440px;margin:0}
.bar-chart li{display:table-cell;vertical-align:bottom;height:440px;color:rgba(0,0,0,0.7);font-weight:bold}
.bar-chart .bar-outer{-webkit-animation:draw 1s ease-in-out;animation:draw 1s ease-in-out;margin:0 3px;position:relative}
.bar-chart .bar{display:block;background:#fff;height:100%;width:90%;cursor:pointer;opacity:.9;position:relative}
.bar-chart .bar-outer .year{position:absolute;left:-2px;right:-2px;top:100%;padding:3px 0 0;font-size:10px;display:block;text-align:center}
.bar-chart .bar-outer .desc{pointer-events:none;width:320px;position:absolute;left:50%;top:-30px;margin-left:-160px;z-index:2;opacity:0;background:#fff;padding:5px 0;border-radius:3px;text-align:center;color:#30842a;-webkit-transform:scaleX(0.1) translate3d(0,-15px,0);transform:scaleX(0.1) translate3d(0,-15px,0);-webkit-transition:.225s ease-out opacity,0.25s ease-out -webkit-transform;transition:.225s ease-out opacity,0.25s ease-out transform;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.2);font-weight:bold}
.bar-chart .bar:hover{background:#30842a;z-index:1}
.bar-chart .bar:hover ~ .desc{-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0);opacity:1}
.bar-chart .caret{position:absolute;top:100%;left:50%;margin-left:-8px;display:inline-block;width:0;height:0;border-top:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent}
.bar-chart li:first-child .desc{margin-left:-80px}
.bar-chart li:first-child .desc .caret{left:0;margin-left:72px}
.bar-chart li:nth-child(2) .desc{margin-left:-100px}
.bar-chart li:nth-child(2) .desc .caret{left:0;margin-left:92px}
.bar-chart li:last-child .desc{margin-left:-290px}
.bar-chart li:last-child .desc .caret{left:100%;margin-left:-38px}
.bar-chart li:nth-last-child(2) .desc{margin-left:-270px}
.bar-chart li:nth-last-child(2) .desc .caret{left:100%;margin-left:-58px}
@-webkit-keyframes draw{0{height:0}
}
@keyframes draw{0{height:0}
}
@media(max-width:1199px){.bar-chart .bar-outer{position:static}
.bar-chart .desc{top:0 !important;margin-left:-150px !important;padding:10px 0 !important}
.bar-chart .bar:hover ~ .desc,.bar-chart .bar.active ~ .desc{-webkit-transform:scaleX(1) translate3d(0,40px,0);transform:scaleX(1) translate3d(0,40px,0)}
.bar-chart .caret{display:none !important}
}
@media(max-width:690px){.bar-chart .bar-outer .year{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:auto;bottom:10px;padding:0}
}
.view-in-landscape{padding:20px;display:none;text-align:center}
.view-in-landscape img{display:block;width:100%;max-width:320px;margin:0 auto}
@media(max-device-width:414px) and (orientation:portrait){.view-in-landscape{display:block}
.chart-outer{display:none}
}