.grid_11 { width: 91.66666% }
.grid_10 { width: 83.33333% }
.grid_9 { width: 75% }
.grid_8 { width: 66.66666% }
.grid_7 { width: 58.33333% }
.grid_6 { width: 50% }
.grid_5 { width: 41.66666% }
.grid_4 { width: 33.33333% }
.grid_3 { width: 20% }
.grid_5th { width: 20% }
.grid_2 { width: 16.66666% }
.grid_1 { width: 8.33333% }
.offset_4 { margin-left: 33.33333% }
.offset_3 { margin-left: 25% }
.offset_2 { margin-left: 16.66666% }
.offset_1 { margin-left: 8.33333% }
.grid_1, .grid_10, .grid_11, .grid_12, .grid_2, .grid_3, .grid_4, .grid_5, .grid_5th, .grid_6, .grid_7, .grid_8, .grid_9 { display: block; padding: 0 10px; float: left; box-sizing: border-box }
`	
.home-chart { /*padding-top: 100px;*/ }
.home-chart .chart-top-wrapper { text-align: center; margin-bottom: 25px }
.home-chart .chart-top-wrapper .chart-title { text-align: center; margin-bottom: 20px }
.home-chart .chart-top-wrapper .chart-content { font-size: 18px; line-height: 32px; font-weight: 300; margin-bottom: 25px }
.home-chart .chart-top-wrapper .chart-link { display: inline-block; color: #F4AD1A; font-weight: 600; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease }
.home-chart .chart-top-wrapper .chart-link i.fa { margin-left: 2px }
.home-chart .chart-top-wrapper .chart-link:hover { color: #FBDF4F }
.home-chart .chart-wrapper { height: 452px; position: relative; }
.home-chart .chart-wrapper #chart-curve-bg { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; display: block; transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease }
.home-chart .chart-wrapper #chart-curve { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; display: block; transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; z-index: 200 }
.home-chart .chart-wrapper.visible .chart-marker { bottom: 0 }
.home-chart .chart-wrapper.visible .chart-marker .marker-padding { padding-bottom: 67px }
.home-chart .chart-wrapper.visible .chart-marker.n2 .marker-padding { padding-bottom: 219px }
.home-chart .chart-wrapper.visible .chart-marker.n3 .marker-padding { padding-bottom: 240px }
.home-chart .chart-wrapper.visible .chart-marker.n4 .marker-padding { padding-bottom: 278px }
.home-chart .chart-wrapper .row { height: 100%; position: relative; z-index: 30000!important; }
.home-chart .chart-wrapper .grid_3 { position: relative; height: 395px }
.home-chart .chart-wrapper .grid_3:nth-child(1) { height: 387px; margin-left: 10%; }
.home-chart .chart-wrapper .grid_3:nth-child(2) { height: 441px; }
.home-chart .chart-wrapper .grid_3:nth-child(3) { height: 413px; }
.home-chart .chart-wrapper .chart-marker { position: absolute; left: 0; bottom: -300px; width: 100%; transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease }
.home-chart .chart-wrapper .chart-marker.n1 .marker-pin { height: 198px;  }
.home-chart .chart-wrapper .chart-marker.n2 .marker-pin { height: 265px; }
.home-chart .chart-wrapper .chart-marker.n3 .marker-pin { height: 198px; }
.home-chart .chart-wrapper .chart-marker.n4 .marker-pin { height: 131px; }
.home-chart .chart-wrapper .chart-marker .marker-pin { position: absolute; left: 0; width: 16px; height: 100%; top: 0 }
.home-chart .chart-wrapper .chart-marker .marker-pin .pin-ball { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #F4AD1A; width: 16px; height: 16px; display: block; border-radius: 50% }
.home-chart .chart-wrapper .chart-marker .marker-pin:before { position: absolute; content: ''; display: block; width: 2px; height: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #F4AD1A }
.home-chart .chart-wrapper .chart-marker .marker-padding { padding-left: 30px; transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; box-sizing: border-box; width: 100% }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper { position: relative; text-align: left; }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper .marker-value { font-family: proxima-nova, sans-serif; font-size: 27px; line-height: 32px; font-weight: 600 }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper .marker-title { font-weight: 300; font-size: 16px !important; line-height: 24px !important; }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper .marker-more { font-weight: 600; font-size: 16px !important; line-height: 24px !important; color: #F4AD1A }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper .marker-tooltip { position: absolute; top: 100%; width: 100%; box-sizing: border-box; padding: 16px; border-radius: 6px; box-shadow: 0 3px 10px rgba(0,0,0,.1); background-color: #fff; z-index: 150; margin-top: 25px; display: none; font-weight: 300; font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 24px }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper .marker-tooltip a { color: #F4AD1A; font-weight: 600; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper .marker-tooltip a:hover { color: #FBDF4F }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper .marker-tooltip:after { bottom: 100%; left: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255,255,255,0); border-bottom-color: #fff; border-width: 12px }
.home-chart .chart-wrapper .chart-marker .marker-padding .marker-info-wrapper.tooltip .marker-tooltip { display: block }
#chart-curve-path { position: absolute; left: 0; right: 0; bottom: 0px; width: 100%; display: block; transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; z-index: 1000; }
#svg_4 { transform: translate(2px, 64px); }
.headertopfixedheader { z-index: 99999; }

@media only screen and (max-width: 1680px) {
.home-chart .chart-wrapper .grid_3:nth-child(1) { height: 364px; }
.home-chart .chart-wrapper .grid_3:nth-child(2) { height: 422px; }
.home-chart .chart-wrapper .grid_3:nth-child(3) { height: 410px; }
.home-chart .chart-wrapper .grid_3 { height: 407px; }
}

@media only screen and (max-width: 1366px) {
.home-chart .chart-wrapper .grid_3:nth-child(1) { height: 336px; }
.home-chart .chart-wrapper .grid_3:nth-child(2) { height: 400px; }
.home-chart .chart-wrapper .grid_3:nth-child(3) { height: 406px; }
.home-chart .chart-wrapper .grid_3 { height: 422px; }
}

@media only screen and (max-width: 1280px) {
.home-chart .chart-wrapper .grid_3:nth-child(1) { height: 328px; }
.home-chart .chart-wrapper .grid_3:nth-child(2) { height: 393px; }
.home-chart .chart-wrapper .grid_3:nth-child(3) { height: 405px; }
.home-chart .chart-wrapper .grid_3 { height: 427px; }
}

@media only screen and (max-width: 1024px) {
.home-chart .chart-wrapper .grid_3:nth-child(1) { height: 306px; }
.home-chart .chart-wrapper .grid_3:nth-child(2) { height: 375px; }
.home-chart .chart-wrapper .grid_3:nth-child(3) { height: 402px; }
.home-chart .chart-wrapper .grid_3 { height: 439px; }
}