/* Charts */

/* Chart color */
.bargray {color: var(--colorC); border-color: var(--colorC) !important;}
.darkblue {color: var(--darkBlue); border-color: var(--darkBlue) !important;}
.color1 {color: var(--color1); border-color: var(--color1) !important;}

/* Bar Chart speed */
.bar-graph {
	/*--bar1: 0.5s 0.1s forwards;
	--bar1b: 0.75s 0.1s forwards;
	--bar2: 0.5s 0.5s forwards;
	--bar2b: 0.75s 0.5s forwards;
	--bar3: 0.5s 1.0s forwards;
	--bar3b: 0.75s 1.0s forwards;
	--bar4: 0.5s 1.5s forwards;
	--bar4b: 0.75s 1.5s forwards;
	--bar5: 0.5s 2.0s forwards;
	--bar5b: 0.75s 2.0s forwards;
	--bar6: 0.5s 2.5s forwards;
	--bar6b: 0.75s 2.5s forwards;*/

	/* same speed */
	/* duration 1.0, delay: 0.25 */
	--bar1: 1.0s 0.5s forwards;
	--bar1b: 1.0s 0.5s forwards;
	--bar2: 1.0s 0.5s forwards;
	--bar2b: 1.0s 0.5s forwards;
	--bar3: 1.0s 0.5s forwards;
	--bar3b: 1.0s 0.5s forwards;
	--bar4: 1.0s 0.5s forwards;
	--bar4b: 1.0s 0.5s forwards;
	--bar5: 1.0s 0.5s forwards;
	--bar5b: 1.0s 0.5s forwards;
	--bar6: 1.0s 0.5s forwards;
	--bar6b: 1.0s 0.5s forwards;
}

/* Bar Graph Horizontal General Style */
.bar-graph {}
.bar-graph .year.animated-chart.isVisible {
  -webkit-animation: fade-in-text 2.2s 0.5s forwards;
  -moz-animation: fade-in-text 2.2s 0.5s forwards;
  animation: fade-in-text 2.2s 0.5s forwards;
  opacity: 0;
}
.bar-graph .figures.isVisible {
  -webkit-animation: fade-in-text 2.2s 1s forwards;
  -moz-animation: fade-in-text 2.2s 1s forwards;
  animation: fade-in-text 2.2s 1s forwards;
  opacity: 0;
}
.bar-graph .bar.isVisible::after {
  -webkit-animation: fade-in-text 2.2s 1s forwards;
  -moz-animation: fade-in-text 2.2s 1s forwards;
  animation: fade-in-text 2.2s 1s forwards;
  opacity: 0;
}

.bar-graph-horizontal {font-family: "EwoSans-Thin" !important; width: 100%; padding-top: 0; padding-bottom: 0rem; margin-bottom: 1rem;}
.bar-graph-horizontal > div {font-family: inherit; float: left; width: 100%; margin-bottom: 0.65rem; /*display: flex; align-items: center;*/}
.bar-graph-horizontal > div:last-child {/*margin-bottom: 0;*/}
.bar-graph-horizontal .year {font-family: inherit; float: left; font-size: 0.722rem; line-height: 1; color: #231f20; margin-top: 1px; width: 13.75%; max-width: 37px; min-width: 37px;}
.bar-graph-horizontal .bar {font-family: inherit; border-radius: 0; height: 0.875rem; float: left; /*overflow: hidden;*/ position: relative; width: 0; margin-right: 6px;}
#CharimanStatement .bar-graph-horizontal .bar {margin-right: 0;}
.bar-graph .bar::after {
  -webkit-animation: fade-in-text 2.2s 0.1s forwards;
  -moz-animation: fade-in-text 2.2s 0.1s forwards;
  animation: fade-in-text 2.2s 0.1s forwards;
  color: #231f20;
  content: attr(data-percentage);
  font-size: 0.75rem;
  font-weight: 300;
  position: absolute;
  right: -30px;
  top: 2px;
}
.bar-graph.bar-graph-horizontal .figures {
	-webkit-animation: fade-in-text 2.2s 0.1s forwards;
	-moz-animation: fade-in-text 2.2s 0.1s forwards;
	animation: fade-in-text 2.2s 0.1s forwards;
	float: left;
	font-size: 0.722rem;
	font-weight: 300;
	line-height: 1;
	margin-top: 1px;
}

.bar-graph-horizontal .bar {background-color: var(--colorC);}
.bar-graph-horizontal [class*="bar-"]:last-child .bar:last-child {background-color: var(--color1);}
.bar-graph-horizontal .bar.blue,
.bar-graph-horizontal [class*="bar-"]:last-child .bar.last {background-color: var(--color1);}
.bar-graph-horizontal [class*="bar-"]:last-child {font-weight: 600;}
.bar-graph-horizontal [class*="bar-"]:last-child .year, 
.bar-graph-horizontal .last .year {font-family: "EwoSans-Semibold"; /*font-size: 0.85rem;*/ font-weight: normal; color: var(--grayNumber); /*margin-top: 2px;*/}
.bar-graph-horizontal [class*="bar-"]:last-child .bar,
.bar-graph-horizontal .bar.last {/*height: 1.125rem;*/}
.bar-graph [class*="bar-"]:last-child .bar::after,
.bar-graph-horizontal .last .bar::after {/*font-size: 1.125rem;*/ font-weight: bolder; /*color: var(--color1);*/ top: 0px; right: -40px;}
.bar-graph-horizontal .figures.large,
.bar-graph-horizontal [class*="bar-"] .last::after, 
.bar-graph [class*="bar-"]:last-child .figures {font-family: "EwoSans-Semibold"; font-weight: normal; color: var(--grayNumber); top: 0px; right: -40px;}
.bar-graph-horizontal .figures.large sup {font-size: 80%; padding-left: 1px; top: -0.5em;}
.legend {margin-top: 1rem; margin-bottom: 0 !important; flex-wrap: wrap;}
.legend .item {float: left; padding-left: 0em; /*margin-bottom: 0.5rem;*/ line-height: 1.25; padding-right: 0; width: 90%;}
.legend.d-flex .item {width: 90px;}
.bar-graph-horizontal.same .last .year, 
.bar-graph-horizontal.same [class*="bar-"]:last-child .year, 
.bar-graph-horizontal.same [class*="bar-"]:last-child .figures {font-family: "EwoSans-Thin";}

/* Text Fade-in */
@-webkit-keyframes fade-in-text {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* for Double Bar */
.isDouble .bars-group {display: flex; align-items: center;}
.isDouble .doubleBar {width: 100%; float: left;}
.isDouble .doubleBar .bar {margin-bottom: 0.25rem;}
.isDouble .doubleBar .bar-2 {margin-bottom: 0rem;}
.isDouble .doubleBar br { }
.isDouble .year {margin-top: 0.125%; margin-top: 0rem; width: 56px; min-width: 34px; max-width: 35px;}
.isDouble .year.extra {margin-top: 0.125%; margin-top: 0rem; width: 56px; min-width: 55px; max-width: 57px;}
.isDouble .doubleBar .bar:last-child {background-color: var(--color1) !important;}
.isDouble .bar-graph-horizontal [class*="bar-"]:last-child .bar {margin-bottom: 0.3rem;}
.isDouble .bar-graph.bar-graph-JPdouble [class*="bar-"]:last-child .bar:first-child::after,
.isDouble .bar-graph.bar-graph-JPdouble .last .bar:first-child::after {
	content: attr(data-percentage);
	background-image: url('../images/NumberSign.png');
	background-size: 11px 22px;
	background-repeat: no-repeat;
	background-position-x: right;
	padding-right: 11px;
	right: -51px;
}
/* for Negative Doughnut */
svg {overflow: visible; vertical-align: middle;}
#DF-doughnut-2 > svg circle:nth-child(6),
#JCC-doughnut > svg circle:nth-child(3),
#CreatingValue-doughnut > svg circle:nth-child(7) {/*stroke-width: 20px; stroke: #bdbdb0;*/}
/*#JCC-doughnut > svg circle:nth-child(5),*/
#jardine-pacific-doughnut > svg circle:nth-child(5),
#jardine-pacific-doughnut > svg circle:nth-child(6) {/*stroke-width: 26px;*/}

/* Bar Graph Forecast Horizontal Animations */
.bar-graph-horizontal.bar-graph-FC1 > div {/*width: calc(100% - 12%);*/}
.bar-graph-horizontal.bar-graph-FC1 .bar-axis { margin-left: 50px; width: calc(100% - 50px);}
.bar-graph-horizontal.bar-graph-FC1 .bar-axis .bar-axis-mark {border-top: 1px solid #231f20; color: #231f20; font-size: 0.65rem; width: 14%; padding-top: 0.25rem; float: left; display:inline-block;}
.bar-graph-horizontal.bar-graph-FC1 .bar-axis .bar-axis-mark:last-child {width: auto;}

.bar-graph-FC1 .bar-one .bar.animated-chart.isVisible {
  background-color: #009BCE;
  -webkit-animation: show-barFC1-one 0.5s 0.1s forwards;
  -moz-animation: show-barFC1-one 0.5s 0.1s forwards;
  animation: show-barFC1-one 0.5s 0.1s forwards;
}
.bar-graph-FC1 .bar-one .bar-stack.animated-chart.isVisible {
  background-color: #8ebbd0;
  -webkit-animation: show-barFC1stack-one 0.5s 0.1s forwards;
  -moz-animation: show-barFC1stack-one 0.5s 0.1s forwards;
  animation: show-barFC1stack-one 0.5s 0.1s forwards;
}
.bar-graph-FC1 .bar-two .bar.animated-chart.isVisible {
  background-color: #009BCE;
  -webkit-animation: show-barFC1-two 0.5s 0.5s forwards;
  -moz-animation: show-barFC1-two 0.5s 0.5s forwards;
  animation: show-barFC1-two 0.5s 0.5s forwards;
}
.bar-graph-FC1 .bar-two .bar-stack.animated-chart.isVisible {
  background-color: #8ebbd0;
  -webkit-animation: show-barFC1stack-two 0.5s 0.5s forwards;
  -moz-animation: show-barFC1stack-two 0.5s 0.5s forwards;
  animation: show-barFC1stack-two 0.5s 0.5s forwards;
}
.bar-graph-FC1 .bar-three .bar.animated-chart.isVisible {
  background-color: #009BCE;
  -webkit-animation: show-barFC1-three var(--bar3);
  -moz-animation: show-barFC1-three var(--bar3);
  animation: show-barFC1-three var(--bar3);
}
.bar-graph-FC1 .bar-three .bar-stack.animated-chart.isVisible {
  background-color: #8ebbd0;
  -webkit-animation: show-barFC1stack-three var(--bar3);
  -moz-animation: show-barFC1stack-three var(--bar3);
  animation: show-barFC1stack-three var(--bar3);
}

@-webkit-keyframes show-barFC1-one {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 5.5);}
}
@-webkit-keyframes show-barFC1stack-one {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 6.5);}
}
@-webkit-keyframes show-barFC1-two {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 10);}
}
@-webkit-keyframes show-barFC1stack-two {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 6.25);}
}
@-webkit-keyframes show-barFC1-three {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 18);}
}
@-webkit-keyframes show-barFC1stack-three {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 12);}
}

/* Bar Graph MOvc1n Negative Horizontal Animations */
:root {
	--MOvc1nR: 50%;
	--MOvc1nL: calc(100% - var(--MOvc1nR));
}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1n .bar-five  {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1n [class*="bar-"]:nth-child(1) .bar::after {left: -28px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1n .bar-one .bar {float: right; margin-right: var(--MOvc1nR);}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1n .year {width: var(--MOvc1nL); min-width: var(--MOvc1nL); max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1n .bar-one .year {width: 2rem; min-width: unset; max-width: 2rem;}

.bar-graph-MOvc1n .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1n-one var(--bar1);
  -moz-animation: show-barMOvc1n-one var(--bar1);
  animation: show-barMOvc1n-one var(--bar1);
}
.bar-graph-MOvc1n .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1n-two var(--bar2);
  -moz-animation: show-barMOvc1n-two var(--bar2);
  animation: show-barMOvc1n-two var(--bar2);
}
.bar-graph-MOvc1n .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1n-three var(--bar3);
  -moz-animation: show-barMOvc1n-three var(--bar3);
  animation: show-barMOvc1n-three var(--bar3);
}
.bar-graph-MOvc1n .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1n-four var(--bar4);
  -moz-animation: show-barMOvc1n-four var(--bar4);
  animation: show-barMOvc1n-four var(--bar4);
}
.bar-graph-MOvc1n .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1n-five var(--bar5);
  -moz-animation: show-barMOvc1n-five var(--bar5);
  animation: show-barMOvc1n-five var(--bar5);
}

@-webkit-keyframes show-barMOvc1n-one {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--MOvc1nR) - 2rem) * (68 / 81));}
}
@-webkit-keyframes show-barMOvc1n-two {
  0% {width: 0;}
  100% {width: calc((var(--MOvc1nR) - 38px) * (8 / 81));}
}
@-webkit-keyframes show-barMOvc1n-three {
  0% {width: 0;}
  100% {width: calc((var(--MOvc1nR) - 38px) * (81 / 81));}
}
@-webkit-keyframes show-barMOvc1n-four {
  0% {width: 0;}
  100% {width: calc((var(--MOvc1nR) - 38px) * (75 / 81));}
}
@-webkit-keyframes show-barMOvc1n-five {
  0% {width: 0;}
  100% {width: calc((var(--MOvc1nR) - 38px) * (78 / 81));}
}

/* Bar Graph Hs1 Horizontal Animations */
.bar-graph-Hs1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-one var(--bar1);
  -moz-animation: show-barHs1-one var(--bar1);
  animation: show-barHs1-one var(--bar1);
}
.bar-graph-Hs1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-two var(--bar2);
  -moz-animation: show-barHs1-two var(--bar2);
  animation: show-barHs1-two var(--bar2);
}
.bar-graph-Hs1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-three var(--bar3);
  -moz-animation: show-barHs1-three var(--bar3);
  animation: show-barHs1-three var(--bar3);
}
.bar-graph-Hs1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-four var(--bar4);
  -moz-animation: show-barHs1-four var(--bar4);
  animation: show-barHs1-four var(--bar4);
}
.bar-graph-Hs1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-five var(--bar5);
  -moz-animation: show-barHs1-five var(--bar5);
  animation: show-barHs1-five var(--bar5);
}

@-webkit-keyframes show-barHs1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (32.6 / 37.5));}
}
@-webkit-keyframes show-barHs1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (35.9 / 37.5));}
}
@-webkit-keyframes show-barHs1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (37.5 / 37.5));}
}
@-webkit-keyframes show-barHs1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (36 / 37.5));}
}
@-webkit-keyframes show-barHs1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (35.8 / 37.5));}
}

/* Bar Graph Hs2 Horizontal Animations */
.bar-graph-Hs2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-one var(--bar1);
  -moz-animation: show-barHs2-one var(--bar1);
  animation: show-barHs2-one var(--bar1);
}
.bar-graph-Hs2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-two var(--bar2);
  -moz-animation: show-barHs2-two var(--bar2);
  animation: show-barHs2-two var(--bar2);
}
.bar-graph-Hs2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-three var(--bar3);
  -moz-animation: show-barHs2-three var(--bar3);
  animation: show-barHs2-three var(--bar3);
}
.bar-graph-Hs2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-four var(--bar4);
  -moz-animation: show-barHs2-four var(--bar4);
  animation: show-barHs2-four var(--bar4);
}
.bar-graph-Hs2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-five var(--bar5);
  -moz-animation: show-barHs2-five var(--bar5);
  animation: show-barHs2-five var(--bar5);
}

@-webkit-keyframes show-barHs2-one {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (1.72 / 4.8));}
}
@-webkit-keyframes show-barHs2-two {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (0.2 / 4.8));}
}
@-webkit-keyframes show-barHs2-three {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (0.9 / 4.8));}
}
@-webkit-keyframes show-barHs2-four {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (0.9 / 4.8));}
}
@-webkit-keyframes show-barHs2-five {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (4.8 / 4.8));}
}

/* Bar Graph Hs3 Horizontal Animations */
.bar-graph-Hs3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-one var(--bar1);
  -moz-animation: show-barHs3-one var(--bar1);
  animation: show-barHs3-one var(--bar1);
}
.bar-graph-Hs3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-two var(--bar2);
  -moz-animation: show-barHs3-two var(--bar2);
  animation: show-barHs3-two var(--bar2);
}
.bar-graph-Hs3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-three var(--bar3);
  -moz-animation: show-barHs3-three var(--bar3);
  animation: show-barHs3-three var(--bar3);
}
.bar-graph-Hs3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-four var(--bar4);
  -moz-animation: show-barHs3-four var(--bar4);
  animation: show-barHs3-four var(--bar4);
}
.bar-graph-Hs3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-five var(--bar5);
  -moz-animation: show-barHs3-five var(--bar5);
  animation: show-barHs3-five var(--bar5);
}

@-webkit-keyframes show-barHs3-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.95 / 5.74));}
}
@-webkit-keyframes show-barHs3-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4.83 / 5.74));}
}
@-webkit-keyframes show-barHs3-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.49 / 5.74));}
}
@-webkit-keyframes show-barHs3-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.74 / 5.74));}
}
@-webkit-keyframes show-barHs3-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.07 / 5.74));}
}

/* Bar Graph Hs4n Negative Horizontal Animations */
:root {
	--Hs4R: 31%;
	--Hs4L: calc(100% - var(--Hs4R));
}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two  {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 [class*="bar-"]:nth-child(1) .bar::after {left: -28px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 [class*="bar-"]:nth-child(2) .bar::after {left: -28px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 [class*="bar-"]:nth-child(3) .bar::after {left: -29px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 [class*="bar-"]:nth-child(4) .bar::after {left: -28px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-one .bar,
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two .bar,
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-three .bar,
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-four .bar {float: right; margin-right: var(--Hs4R);}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .year {width: var(--Hs4L); min-width: var(--Hs4L); max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-one .year,
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two .year,
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-three .year,
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-four .year {width: 2rem; min-width: unset; max-width: 2rem;}

.bar-graph-Hs4 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-one var(--bar1);
  -moz-animation: show-barHs4-one var(--bar1);
  animation: show-barHs4-one var(--bar1);
}
.bar-graph-Hs4 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-two var(--bar2);
  -moz-animation: show-barHs4-two var(--bar2);
  animation: show-barHs4-two var(--bar2);
}
.bar-graph-Hs4 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-three var(--bar3);
  -moz-animation: show-barHs4-three var(--bar3);
  animation: show-barHs4-three var(--bar3);
}
.bar-graph-Hs4 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-four var(--bar4);
  -moz-animation: show-barHs4-four var(--bar4);
  animation: show-barHs4-four var(--bar4);
}
.bar-graph-Hs4 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-five var(--bar5);
  -moz-animation: show-barHs4-five var(--bar5);
  animation: show-barHs4-five var(--bar5);
}

@-webkit-keyframes show-barHs4-one {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--Hs4R) - 2rem) * (1.2 / 1.4));}
}
@-webkit-keyframes show-barHs4-two {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--Hs4R) - 2rem) * (1.4 / 1.4));}
}
@-webkit-keyframes show-barHs4-three {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--Hs4R) - 2rem) * (0.9 / 1.4));}
}
@-webkit-keyframes show-barHs4-four {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--Hs4R) - 2rem) * (1.3 / 1.4));}
}
@-webkit-keyframes show-barHs4-five {
  0% {width: 0;}
  100% {width: calc((var(--Hs4R) - 58px) * (0.04 / 0.04));}
}

/* Bar Graph Astra Hs4D double Horizontal Animations */
.bar-graph-Hs4D .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4D-one var(--bar1);
  -moz-animation: show-barHs4D-one var(--bar1);
  animation: show-barHs4D-one var(--bar1);
}
.bar-graph-Hs4D .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs4D2-one var(--bar1b);
  -moz-animation: show-barHs4D2-one var(--bar1b);
  animation: show-barHs4D2-one var(--bar1b);
}
.bar-graph-Hs4D .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4D-two var(--bar2);
  -moz-animation: show-barHs4D-two var(--bar2);
  animation: show-barHs4D-two var(--bar2);
}
.bar-graph-Hs4D .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs4D2-two var(--bar2b);
  -moz-animation: show-barHs4D2-two var(--bar2b);
  animation: show-barHs4D2-two var(--bar2b);
}
.bar-graph-Hs4D .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4D-three var(--bar3);
  -moz-animation: show-barHs4D-three var(--bar3);
  animation: show-barHs4D-three var(--bar3);
}
.bar-graph-Hs4D .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs4D2-three var(--bar3b);
  -moz-animation: show-barHs4D2-three var(--bar3b);
  animation: show-barHs4D2-three var(--bar3b);
}
.bar-graph-Hs4D .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4D-four var(--bar4);
  -moz-animation: show-barHs4D-four var(--bar4);
  animation: show-barHs4D-four var(--bar4);
}
.bar-graph-Hs4D .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs4D2-four var(--bar4b);
  -moz-animation: show-barHs4D2-four var(--bar4b);
  animation: show-barHs4D2-four var(--bar4b);
}
.bar-graph-Hs4D .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4D-five var(--bar4);
  -moz-animation: show-barHs4D-five var(--bar4);
  animation: show-barHs4D-five var(--bar4);
}
.bar-graph-Hs4D .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs4D2-five var(--bar4b);
  -moz-animation: show-barHs4D2-five var(--bar4b);
  animation: show-barHs4D2-five var(--bar4b);
}

@-webkit-keyframes show-barHs4D-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (1513 / 1681));}
}
@-webkit-keyframes show-barHs4D2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (680 / 1681));}
}
@-webkit-keyframes show-barHs4D-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (1584 / 1681));}
}
@-webkit-keyframes show-barHs4D2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (698 / 1681));}
}
@-webkit-keyframes show-barHs4D-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (1661 / 1681));}
}
@-webkit-keyframes show-barHs4D2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (778 / 1681));}
}
@-webkit-keyframes show-barHs4D-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (1518 / 1681));}
}
@-webkit-keyframes show-barHs4D2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (875 / 1681));}
}
@-webkit-keyframes show-barHs4D-five {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (1681 / 1681));}
}
@-webkit-keyframes show-barHs4D2-five {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (933 / 1681));}
}

/* Bar Graph Hs5 Horizontal Animations */
.bar-graph-Hs5 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-one var(--bar1);
  -moz-animation: show-barHs5-one var(--bar1);
  animation: show-barHs5-one var(--bar1);
}
.bar-graph-Hs5 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-two var(--bar2);
  -moz-animation: show-barHs5-two var(--bar2);
  animation: show-barHs5-two var(--bar2);
}
.bar-graph-Hs5 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-three var(--bar3);
  -moz-animation: show-barHs5-three var(--bar3);
  animation: show-barHs5-three var(--bar3);
}
.bar-graph-Hs5 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-four var(--bar4);
  -moz-animation: show-barHs5-four var(--bar4);
  animation: show-barHs5-four var(--bar4);
}
.bar-graph-Hs5 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-five var(--bar5);
  -moz-animation: show-barHs5-five var(--bar5);
  animation: show-barHs5-five var(--bar5);
}

@-webkit-keyframes show-barHs5-one {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (4.83 / 5.74));}
}
@-webkit-keyframes show-barHs5-two {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (5.49 / 5.74));}
}
@-webkit-keyframes show-barHs5-three {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (5.74 / 5.74));}
}
@-webkit-keyframes show-barHs5-four {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (5.24 / 5.74));}
}
@-webkit-keyframes show-barHs5-five {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (5.72 / 5.74));}
}

/* Bar Graph Hs6 Horizontal Animations */
.bar-graph-Hs6 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-one var(--bar1);
  -moz-animation: show-barHs6-one var(--bar1);
  animation: show-barHs6-one var(--bar1);
}
.bar-graph-Hs6 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-two var(--bar2);
  -moz-animation: show-barHs6-two var(--bar2);
  animation: show-barHs6-two var(--bar2);
}
.bar-graph-Hs6 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-three var(--bar3);
  -moz-animation: show-barHs6-three var(--bar3);
  animation: show-barHs6-three var(--bar3);
}
.bar-graph-Hs6 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-four var(--bar4);
  -moz-animation: show-barHs6-four var(--bar4);
  animation: show-barHs6-four var(--bar4);
}
.bar-graph-Hs6 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-five var(--bar5);
  -moz-animation: show-barHs6-five var(--bar5);
  animation: show-barHs6-five var(--bar5);
}

@-webkit-keyframes show-barHs6-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (2.00 / 2.35));}
}
@-webkit-keyframes show-barHs6-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (2.15 / 2.35));}
}
@-webkit-keyframes show-barHs6-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (2.25 / 2.35));}
}
@-webkit-keyframes show-barHs6-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (2.25 / 2.35));}
}
@-webkit-keyframes show-barHs6-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (2.35 / 2.35));}
}

/* Bar Graph Highlights6 Horizontal Animations */
.bar-graph-horizontal.bar-graph-Hs6 > div {width: 100%;}
.bar-graph-horizontal .amount {
    float: right;
    font-size: 0.75rem;
    line-height: 1;
    text-align: right;
    color: #231f20;
    margin-top: 1px;
    width: 12.75%;
    max-width: 2.25rem;
}

/* Bar Graph Highlights7 Hs7D double Horizontal Animations */
.bar-graph-horizontal.bar-graph-Hs7D [class*="bar-"]:nth-child(2) .doubleBar [class*="row"]:nth-child(1) .bar::after {
    left: -30px;
    top: -2px;
}

.bar-graph-Hs7D .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs7D-one var(--bar1);
  -moz-animation: show-barHs7D-one var(--bar1);
  animation: show-barHs7D-one var(--bar1);
}
.bar-graph-Hs7D .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs7D2-one var(--bar1b);
  -moz-animation: show-barHs7D2-one var(--bar1b);
  animation: show-barHs7D2-one var(--bar1b);
}
.bar-graph-Hs7D .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs7D-two var(--bar2);
  -moz-animation: show-barHs7D-two var(--bar2);
  animation: show-barHs7D-two var(--bar2);
}
.bar-graph-Hs7D .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs7D2-two var(--bar2b);
  -moz-animation: show-barHs7D2-two var(--bar2b);
  animation: show-barHs7D2-two var(--bar2b);
}
.bar-graph-Hs7D .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs7D-three var(--bar3);
  -moz-animation: show-barHs7D-three var(--bar3);
  animation: show-barHs7D-three var(--bar3);
}
.bar-graph-Hs7D .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs7D2-three var(--bar3b);
  -moz-animation: show-barHs7D2-three var(--bar3b);
  animation: show-barHs7D2-three var(--bar3b);
}
.bar-graph-Hs7D .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs7D-four var(--bar4);
  -moz-animation: show-barHs7D-four var(--bar4);
  animation: show-barHs7D-four var(--bar4);
}
.bar-graph-Hs7D .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHs7D2-four var(--bar4b);
  -moz-animation: show-barHs7D2-four var(--bar4b);
  animation: show-barHs7D2-four var(--bar4b);
}

@-webkit-keyframes show-barHs7D-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (14.7 / 64.8));}
}
@-webkit-keyframes show-barHs7D2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (64.8 / 64.8));}
}
@-webkit-keyframes show-barHs7D-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (0.6 / 64.8));}
}
@-webkit-keyframes show-barHs7D2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (8.8 / 64.8));}
}
@-webkit-keyframes show-barHs7D-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (0.1 / 64.8));}
}
@-webkit-keyframes show-barHs7D2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (7.3 / 64.8));}
}
@-webkit-keyframes show-barHs7D-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (13.5 / 64.8));}
}
@-webkit-keyframes show-barHs7D2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (13.6 / 64.8));}
}

/* Bar Graph Hs8 Negative Horizontal Animations */
:root {
	--Hs8R: 60%;
	--Hs8L: calc(100% - var(--Hs8R));
}
.isNegative .bar-graph-horizontal.bar-graph-Hs8 .bar-two, 
.isNegative .bar-graph-horizontal.bar-graph-Hs8 .bar-three {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-Hs8 [class*="bar-"]:nth-child(2) .bar::after {left: -27px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs8 [class*="bar-"]:nth-child(3) .bar::after {left: -31px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs8 .bar-two .bar, 
.isNegative .bar-graph-horizontal.bar-graph-Hs8 .bar-three .bar {float: right; margin-right: var(--Hs8R);}
.isNegative .bar-graph-horizontal.bar-graph-Hs8 .year {width: var(--Hs8L); min-width: var(--Hs8L); max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-Hs8 .bar-two .year, 
.isNegative .bar-graph-horizontal.bar-graph-Hs8 .bar-three .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-Hs8.bar-graph-horizontal > div {margin-bottom: 0.65rem;}
.isNegative .bar-graph-horizontal.bar-graph-Hs8.bar-graph-horizontal .bar {background-color: var(--color1);}

.bar-graph-Hs8 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs8-one var(--bar1);
  -moz-animation: show-barHs8-one var(--bar1);
  animation: show-barHs8-one var(--bar1);
}
.bar-graph-Hs8 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs8-two var(--bar2);
  -moz-animation: show-barHs8-two var(--bar2);
  animation: show-barHs8-two var(--bar2);
}
.bar-graph-Hs8 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs8-three var(--bar3);
  -moz-animation: show-barHs8-three var(--bar3);
  animation: show-barHs8-three var(--bar3);
}
.bar-graph-Hs8 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs8-four var(--bar4);
  -moz-animation: show-barHs8-four var(--bar4);
  animation: show-barHs8-four var(--bar4);
}
.bar-graph-Hs8 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs8-five var(--bar5);
  -moz-animation: show-barHs8-five var(--bar5);
  animation: show-barHs8-five var(--bar5);
}

@-webkit-keyframes show-barHs8-one {
  0% {width: 0;}
  100% {width: calc((var(--Hs8R) - 58px) * (5.5 / 13.5));}
}
@-webkit-keyframes show-barHs8-two {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (1.9 / 25.85));}
}
@-webkit-keyframes show-barHs8-three {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (0.6 / 25.85));}
}
@-webkit-keyframes show-barHs8-four {
  0% {width: 0;}
  100% {width: calc((var(--Hs8R) - 58px) * (5.2 / 13.5));}
}
@-webkit-keyframes show-barHs8-five {
  0% {width: 0;}
  100% {width: calc((var(--Hs8R) - 58px) * (13.5 / 13.5));}
}

/* Bar Graph Jardine Pacific JPdouble JPvs1  Horizontal Animations */
:root {
	--JPdoubleMarginR: 20%;
	--JPdoubleMarginL: calc(100% - var(--JPdoubleMarginR));
}
.isDouble.isNegative .bar-graph-JPdouble [class*="bar-"] .bar-1 {margin-left: var(--JPdoubleMarginR);}
.isDouble.isNegative .bar-graph-JPdouble [class*="bar-"] .bar-2 {margin-left: var(--JPdoubleMarginR);}
.isDouble.isNegative .bar-graph-JPdouble [class*="bar-"]:nth-child(5) .bar-2 {margin-right: 0; margin-left: 0; float: right;}
.isDouble.isNegative .bar-graph-JPdouble [class*="bar-"]:nth-child(6) .bar-2 {margin-right: 0; margin-left: 0; float: right;}
.isDouble.isNegative .bar-graph-JPdouble [class*="bar-"]:nth-child(5) .doubleBar .row:last-child,
.isDouble.isNegative .bar-graph-JPdouble [class*="bar-"]:nth-child(6) .doubleBar .row:last-child {display: flex; justify-content: flex-end; max-width: var(--JPdoubleMarginR);}
.isDouble.isNegative .bar-graph-JPdouble [class*="bar-"]:nth-child(5) .bar-2::after {left: -20px; top: -2px;}
.isDouble.isNegative .bar-graph-JPdouble [class*="bar-"]:nth-child(6) .bar-2::after {left: -29px; top: -2px;}
/*
.isDouble.isNegative .bar-graph-horizontal.bar-graph-JPdouble.bar-graph-horizontal .bars-group .doubleBar .bar {background-color: var(--colorC);}
.isDouble.isNegative .bar-graph-horizontal.bar-graph-JPdouble.bar-graph-horizontal .bars-group .doubleBar .bar.bar-2 {background-color: var(--color1);}
*/
.bar-graph-JPdouble .bar-one .bar-1.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-one var(--bar1);
  -moz-animation: show-barJPdouble-one var(--bar1);
  animation: show-barJPdouble-one var(--bar1);
}
.bar-graph-JPdouble .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-one var(--bar1b);
  -moz-animation: show-barJPdouble2-one var(--bar1b);
  animation: show-barJPdouble2-one var(--bar1b);
}
.bar-graph-JPdouble .bar-two .bar-1.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-two var(--bar2);
  -moz-animation: show-barJPdouble-two var(--bar2);
  animation: show-barJPdouble-two var(--bar2);
}
.bar-graph-JPdouble .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-two var(--bar2b);
  -moz-animation: show-barJPdouble2-two var(--bar2b);
  animation: show-barJPdouble2-two var(--bar2b);
}
.bar-graph-JPdouble .bar-three .bar-1.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-three var(--bar3);
  -moz-animation: show-barJPdouble-three var(--bar3);
  animation: show-barJPdouble-three var(--bar3);
}
.bar-graph-JPdouble .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-three var(--bar3b);
  -moz-animation: show-barJPdouble2-three var(--bar3b);
  animation: show-barJPdouble2-three var(--bar3b);
}
.bar-graph-JPdouble .bar-four .bar-1.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-four var(--bar4);
  -moz-animation: show-barJPdouble-four var(--bar4);
  animation: show-barJPdouble-four var(--bar4);
}
.bar-graph-JPdouble .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-four var(--bar4b);
  -moz-animation: show-barJPdouble2-four var(--bar4b);
  animation: show-barJPdouble2-four var(--bar4b);
}
.bar-graph-JPdouble .bar-five .bar-1.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-five var(--bar5);
  -moz-animation: show-barJPdouble-five var(--bar5);
  animation: show-barJPdouble-five var(--bar5);
}
.bar-graph-JPdouble .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-five var(--bar5b);
  -moz-animation: show-barJPdouble2-five var(--bar5b);
  animation: show-barJPdouble2-five var(--bar5b);
}
.bar-graph-JPdouble .bar-six .bar-1.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-six var(--bar6);
  -moz-animation: show-barJPdouble-six var(--bar6);
  animation: show-barJPdouble-six var(--bar6);
}
.bar-graph-JPdouble .bar-six .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-six var(--bar6b);
  -moz-animation: show-barJPdouble2-six var(--bar6b);
  animation: show-barJPdouble2-six var(--bar6b);
}

@-webkit-keyframes show-barJPdouble-one {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (144 / 177));}
}
@-webkit-keyframes show-barJPdouble2-one {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (13 / 177));}
}
@-webkit-keyframes show-barJPdouble-two {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (153 / 177));}
}
@-webkit-keyframes show-barJPdouble2-two {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (32 / 177));}
}
@-webkit-keyframes show-barJPdouble-three {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (151 / 177));}
}
@-webkit-keyframes show-barJPdouble2-three {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (32 / 177));}
}
@-webkit-keyframes show-barJPdouble-four {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (154 / 177));}
}
@-webkit-keyframes show-barJPdouble2-four {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (31 / 177));}
}
@-webkit-keyframes show-barJPdouble-five {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (171 / 177));}
}
@-webkit-keyframes show-barJPdouble2-five {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) + var(--JPdoubleMarginR) - 24px) * (5 / (177 * 0.22)));}
}
@-webkit-keyframes show-barJPdouble-six {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) - 30px) * (177 / 177));}
}
@-webkit-keyframes show-barJPdouble2-six {
  0% {width: 0;}
  100% {width: calc((var(--JPdoubleMarginL) + var(--JPdoubleMarginR) - 24px) * (20 / (177 * 0.22)));}
}

/* Bar Graph Jardine Pacific JPvs1 Horizontal Animations */
.bar-graph-JPvs1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs1-one var(--bar1);
  -moz-animation: show-barJPvs1-one var(--bar1);
  animation: show-barJPvs1-one var(--bar1);
}
.bar-graph-JPvs1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs1-two var(--bar2);
  -moz-animation: show-barJPvs1-two var(--bar2);
  animation: show-barJPvs1-two var(--bar2);
}
.bar-graph-JPvs1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs1-three var(--bar3);
  -moz-animation: show-barJPvs1-three var(--bar3);
  animation: show-barJPvs1-three var(--bar3);
}
.bar-graph-JPvs1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs1-four var(--bar4);
  -moz-animation: show-barJPvs1-four var(--bar4);
  animation: show-barJPvs1-four var(--bar4);
}
.bar-graph-JPvs1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs1-five var(--bar5);
  -moz-animation: show-barJPvs1-five var(--bar5);
  animation: show-barJPvs1-five var(--bar5);
}
.bar-graph-JPvs1 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs1-six var(--bar6);
  -moz-animation: show-barJPvs1-six var(--bar6);
  animation: show-barJPvs1-six var(--bar6);
}

@-webkit-keyframes show-barJPvs1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (183 / 203));}
}
@-webkit-keyframes show-barJPvs1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (185 / 203));}
}
@-webkit-keyframes show-barJPvs1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (166 / 203));}
}
@-webkit-keyframes show-barJPvs1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (157 / 203));}
}
@-webkit-keyframes show-barJPvs1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (203 / 203));}
}
@-webkit-keyframes show-barJPvs1-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (203 / 203));}
}

/* Bar Graph Jardine Pacific JPvs2 Horizontal Animations */
.bar-graph-JPvs2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs2-one var(--bar1);
  -moz-animation: show-barJPvs2-one var(--bar1);
  animation: show-barJPvs2-one var(--bar1);
}
.bar-graph-JPvs2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs2-two var(--bar2);
  -moz-animation: show-barJPvs2-two var(--bar2);
  animation: show-barJPvs2-two var(--bar2);
}
.bar-graph-JPvs2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs2-three var(--bar3);
  -moz-animation: show-barJPvs2-three var(--bar3);
  animation: show-barJPvs2-three var(--bar3);
}
.bar-graph-JPvs2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs2-four var(--bar4);
  -moz-animation: show-barJPvs2-four var(--bar4);
  animation: show-barJPvs2-four var(--bar4);
}
.bar-graph-JPvs2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs2-five var(--bar5);
  -moz-animation: show-barJPvs2-five var(--bar5);
  animation: show-barJPvs2-five var(--bar5);
}
.bar-graph-JPvs2 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs2-six var(--bar6);
  -moz-animation: show-barJPvs2-six var(--bar6);
  animation: show-barJPvs2-six var(--bar6);
}

@-webkit-keyframes show-barJPvs2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (155 / 170));}
}
@-webkit-keyframes show-barJPvs2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (155 / 170));}
}
@-webkit-keyframes show-barJPvs2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (150 / 170));}
}
@-webkit-keyframes show-barJPvs2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (170 / 170));}
}
@-webkit-keyframes show-barJPvs2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (170 / 170));}
}
@-webkit-keyframes show-barJPvs2-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (170 / 170));}
}

/* Bar Graph Jardine Pacific JPvs3 Horizontal Animations */
.bar-graph-JPvs3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs3-one var(--bar1);
  -moz-animation: show-barJPvs3-one var(--bar1);
  animation: show-barJPvs3-one var(--bar1);
}
.bar-graph-JPvs3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs3-two var(--bar2);
  -moz-animation: show-barJPvs3-two var(--bar2);
  animation: show-barJPvs3-two var(--bar2);
}
.bar-graph-JPvs3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs3-three var(--bar3);
  -moz-animation: show-barJPvs3-three var(--bar3);
  animation: show-barJPvs3-three var(--bar3);
}
.bar-graph-JPvs3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs3-four var(--bar4);
  -moz-animation: show-barJPvs3-four var(--bar4);
  animation: show-barJPvs3-four var(--bar4);
}
.bar-graph-JPvs3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs3-five var(--bar5);
  -moz-animation: show-barJPvs3-five var(--bar5);
  animation: show-barJPvs3-five var(--bar5);
}
.bar-graph-JPvs3 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPvs3-six var(--bar6);
  -moz-animation: show-barJPvs3-six var(--bar6);
  animation: show-barJPvs3-six var(--bar6);
}

@-webkit-keyframes show-barJPvs3-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (44.5 / 54.9));}
}
@-webkit-keyframes show-barJPvs3-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (42.2 / 54.9));}
}
@-webkit-keyframes show-barJPvs3-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (41.1 / 54.9));}
}
@-webkit-keyframes show-barJPvs3-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (44.1 / 54.9));}
}
@-webkit-keyframes show-barJPvs3-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (54.9 / 54.9));}
}
@-webkit-keyframes show-barJPvs3-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (54.9 / 54.9));}
}

/* Bar Graph JP1 Horizontal Animations */
.bar-graph-JP1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-one var(--bar1);
  -moz-animation: show-barJP1-one var(--bar1);
  animation: show-barJP1-one var(--bar1);
}
.bar-graph-JP1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-two var(--bar2);
  -moz-animation: show-barJP1-two var(--bar2);
  animation: show-barJP1-two var(--bar2);
}
.bar-graph-JP1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-three var(--bar3);
  -moz-animation: show-barJP1-three var(--bar3);
  animation: show-barJP1-three var(--bar3);
}
.bar-graph-JP1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-four var(--bar4);
  -moz-animation: show-barJP1-four var(--bar4);
  animation: show-barJP1-four var(--bar4);
}
.bar-graph-JP1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-five var(--bar5);
  -moz-animation: show-barJP1-five var(--bar5);
  animation: show-barJP1-five var(--bar5);
}

@-webkit-keyframes show-barJP1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (6.8 / 7.3));}
}
@-webkit-keyframes show-barJP1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (6.2 / 7.3));}
}
@-webkit-keyframes show-barJP1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.7 / 7.3));}
}
@-webkit-keyframes show-barJP1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (6.6 / 7.3));}
}
@-webkit-keyframes show-barJP1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (7.3 / 7.3));}
}

/* Bar Graph JP2 Horizontal Animations */
.bar-graph-JP2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-one var(--bar1);
  -moz-animation: show-barJP2-one var(--bar1);
  animation: show-barJP2-one var(--bar1);
}
.bar-graph-JP2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-two var(--bar2);
  -moz-animation: show-barJP2-two var(--bar2);
  animation: show-barJP2-two var(--bar2);
}
.bar-graph-JP2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-three var(--bar3);
  -moz-animation: show-barJP2-three var(--bar3);
  animation: show-barJP2-three var(--bar3);
}
.bar-graph-JP2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-four var(--bar4);
  -moz-animation: show-barJP2-four var(--bar4);
  animation: show-barJP2-four var(--bar4);
}
.bar-graph-JP2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-five var(--bar5);
  -moz-animation: show-barJP2-five var(--bar5);
  animation: show-barJP2-five var(--bar5);
}

@-webkit-keyframes show-barJP2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (164 / 182));}
}
@-webkit-keyframes show-barJP2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (182 / 182));}
}
@-webkit-keyframes show-barJP2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (175 / 182));}
}
@-webkit-keyframes show-barJP2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (182 / 182));}
}
@-webkit-keyframes show-barJP2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (164 / 182));}
}

/* Bar Graph Motors1 Horizontal Animations */
.bar-graph-Motors1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-one var(--bar1);
  -moz-animation: show-barMotors1-one var(--bar1);
  animation: show-barMotors1-one var(--bar1);
}
.bar-graph-Motors1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-two var(--bar2);
  -moz-animation: show-barMotors1-two var(--bar2);
  animation: show-barMotors1-two var(--bar2);
}
.bar-graph-Motors1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-three var(--bar3);
  -moz-animation: show-barMotors1-three var(--bar3);
  animation: show-barMotors1-three var(--bar3);
}
.bar-graph-Motors1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-four var(--bar4);
  -moz-animation: show-barMotors1-four var(--bar4);
  animation: show-barMotors1-four var(--bar4);
}
.bar-graph-Motors1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-five var(--bar5);
  -moz-animation: show-barMotors1-five var(--bar5);
  animation: show-barMotors1-five var(--bar5);
}

@-webkit-keyframes show-barMotors1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.9 / 5.9));}
}
@-webkit-keyframes show-barMotors1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.7 / 5.9));}
}
@-webkit-keyframes show-barMotors1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.0 / 5.9));}
}
@-webkit-keyframes show-barMotors1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.0 / 5.9));}
}
@-webkit-keyframes show-barMotors1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.0 / 5.9));}
}

/* Bar Graph Motors2 Horizontal Animations */
.bar-graph-Motors2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-one var(--bar1);
  -moz-animation: show-barMotors2-one var(--bar1);
  animation: show-barMotors2-one var(--bar1);
}
.bar-graph-Motors2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-two var(--bar2);
  -moz-animation: show-barMotors2-two var(--bar2);
  animation: show-barMotors2-two var(--bar2);
}
.bar-graph-Motors2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-three var(--bar3);
  -moz-animation: show-barMotors2-three var(--bar3);
  animation: show-barMotors2-three var(--bar3);
}
.bar-graph-Motors2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-four var(--bar4);
  -moz-animation: show-barMotors2-four var(--bar4);
  animation: show-barMotors2-four var(--bar4);
}
.bar-graph-Motors2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-five var(--bar5);
  -moz-animation: show-barMotors2-five var(--bar5);
  animation: show-barMotors2-five var(--bar5);
}

@-webkit-keyframes show-barMotors2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (175 / 318));}
}
@-webkit-keyframes show-barMotors2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (196 / 318));}
}
@-webkit-keyframes show-barMotors2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (214 / 318));}
}
@-webkit-keyframes show-barMotors2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (318 / 318));}
}
@-webkit-keyframes show-barMotors2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (299 / 318));}
}

/* Bar Graph Astra HKLvcD double Horizontal Animations */
.bar-graph-HKLvcD .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvcD-one var(--bar1);
  -moz-animation: show-barHKLvcD-one var(--bar1);
  animation: show-barHKLvcD-one var(--bar1);
}
.bar-graph-HKLvcD .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHKLvcD2-one var(--bar1b);
  -moz-animation: show-barHKLvcD2-one var(--bar1b);
  animation: show-barHKLvcD2-one var(--bar1b);
}
.bar-graph-HKLvcD .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvcD-two var(--bar2);
  -moz-animation: show-barHKLvcD-two var(--bar2);
  animation: show-barHKLvcD-two var(--bar2);
}
.bar-graph-HKLvcD .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHKLvcD2-two var(--bar2b);
  -moz-animation: show-barHKLvcD2-two var(--bar2b);
  animation: show-barHKLvcD2-two var(--bar2b);
}
.bar-graph-HKLvcD .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvcD-three var(--bar3);
  -moz-animation: show-barHKLvcD-three var(--bar3);
  animation: show-barHKLvcD-three var(--bar3);
}
.bar-graph-HKLvcD .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHKLvcD2-three var(--bar3b);
  -moz-animation: show-barHKLvcD2-three var(--bar3b);
  animation: show-barHKLvcD2-three var(--bar3b);
}
.bar-graph-HKLvcD .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvcD-four var(--bar4);
  -moz-animation: show-barHKLvcD-four var(--bar4);
  animation: show-barHKLvcD-four var(--bar4);
}
.bar-graph-HKLvcD .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barHKLvcD2-four var(--bar4b);
  -moz-animation: show-barHKLvcD2-four var(--bar4b);
  animation: show-barHKLvcD2-four var(--bar4b);
}

@-webkit-keyframes show-barHKLvcD-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (45.7 / 58.8));}
}
@-webkit-keyframes show-barHKLvcD2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (58.8 / 58.8));}
}
@-webkit-keyframes show-barHKLvcD-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (1.2 / 58.8));}
}
@-webkit-keyframes show-barHKLvcD2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (16 / 58.8));}
}
@-webkit-keyframes show-barHKLvcD-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (0.1 / 58.8));}
}
@-webkit-keyframes show-barHKLvcD2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (4.2 / 58.8));}
}
@-webkit-keyframes show-barHKLvcD-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (8.5 / 58.8));}
}
@-webkit-keyframes show-barHKLvcD2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (8.8 / 58.8));}
}

/* Bar Graph HKL HKLvs2 Horizontal Animations */
.bar-graph-HKLvs1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs1-one var(--bar1);
  -moz-animation: show-barHKLvs1-one var(--bar1);
  animation: show-barHKLvs1-one var(--bar1);
}
.bar-graph-HKLvs1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs1-two var(--bar2);
  -moz-animation: show-barHKLvs1-two var(--bar2);
  animation: show-barHKLvs1-two var(--bar2);
}
.bar-graph-HKLvs1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs1-three var(--bar3);
  -moz-animation: show-barHKLvs1-three var(--bar3);
  animation: show-barHKLvs1-three var(--bar3);
}
.bar-graph-HKLvs1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs1-four var(--bar4);
  -moz-animation: show-barHKLvs1-four var(--bar4);
  animation: show-barHKLvs1-four var(--bar4);
}
.bar-graph-HKLvs1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs1-five var(--bar5);
  -moz-animation: show-barHKLvs1-five var(--bar5);
  animation: show-barHKLvs1-five var(--bar5);
}
.bar-graph-HKLvs1 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs1-six var(--bar6);
  -moz-animation: show-barHKLvs1-six var(--bar6);
  animation: show-barHKLvs1-six var(--bar6);
}

@-webkit-keyframes show-barHKLvs1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (41.49 / 41.49));}
}
@-webkit-keyframes show-barHKLvs1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (34.44 / 41.49));}
}
@-webkit-keyframes show-barHKLvs1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (33.15 / 41.49));}
}
@-webkit-keyframes show-barHKLvs1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (22.60 / 41.49));}
}
@-webkit-keyframes show-barHKLvs1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (20.98 / 41.49));}
}
@-webkit-keyframes show-barHKLvs1-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (20.98 / 41.49));}
}

/* Bar Graph HKL HKLvs2 Horizontal Animations */
.bar-graph-HKLvs2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs2-one var(--bar1);
  -moz-animation: show-barHKLvs2-one var(--bar1);
  animation: show-barHKLvs2-one var(--bar1);
}
.bar-graph-HKLvs2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs2-two var(--bar2);
  -moz-animation: show-barHKLvs2-two var(--bar2);
  animation: show-barHKLvs2-two var(--bar2);
}
.bar-graph-HKLvs2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs2-three var(--bar3);
  -moz-animation: show-barHKLvs2-three var(--bar3);
  animation: show-barHKLvs2-three var(--bar3);
}
.bar-graph-HKLvs2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs2-four var(--bar4);
  -moz-animation: show-barHKLvs2-four var(--bar4);
  animation: show-barHKLvs2-four var(--bar4);
}
.bar-graph-HKLvs2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs2-five var(--bar5);
  -moz-animation: show-barHKLvs2-five var(--bar5);
  animation: show-barHKLvs2-five var(--bar5);
}
.bar-graph-HKLvs2 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs2-six var(--bar6);
  -moz-animation: show-barHKLvs2-six var(--bar6);
  animation: show-barHKLvs2-six var(--bar6);
}

@-webkit-keyframes show-barHKLvs2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (22.00 / 25));}
}
@-webkit-keyframes show-barHKLvs2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (22.00 / 25));}
}
@-webkit-keyframes show-barHKLvs2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (22.00 / 25));}
}
@-webkit-keyframes show-barHKLvs2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (22.00 / 25));}
}
@-webkit-keyframes show-barHKLvs2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (23.00 / 25));}
}
@-webkit-keyframes show-barHKLvs2-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (25.00 / 25));}
}

/* Bar Graph HKL HKLvs3 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-HKLvs3 .bar-three {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-HKLvs3 [class*="bar-"]:nth-child(3) .bar::after {left: -31px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-HKLvs3 .bar-three .bar {float: right; margin-right: 70%;}
.isNegative .bar-graph-horizontal.bar-graph-HKLvs3 .year {width: 30%; min-width: 30%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-HKLvs3 .bar-three .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-HKLvs3.bar-graph-horizontal > div {margin-bottom: 0.65rem;}
.isNegative .bar-graph-horizontal.bar-graph-HKLvs3.bar-graph-horizontal .bar {background-color: var(--color1);}

.bar-graph-HKLvs3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs3-one var(--bar1);
  -moz-animation: show-barHKLvs3-one var(--bar1);
  animation: show-barHKLvs3-one var(--bar1);
}
.bar-graph-HKLvs3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs3-two var(--bar2);
  -moz-animation: show-barHKLvs3-two var(--bar2);
  animation: show-barHKLvs3-two var(--bar2);
}
.bar-graph-HKLvs3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs3-three var(--bar3);
  -moz-animation: show-barHKLvs3-three var(--bar3);
  animation: show-barHKLvs3-three var(--bar3);
}
.bar-graph-HKLvs3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs3-four var(--bar4);
  -moz-animation: show-barHKLvs3-four var(--bar4);
  animation: show-barHKLvs3-four var(--bar4);
}
.bar-graph-HKLvs3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKLvs3-five var(--bar5);
  -moz-animation: show-barHKLvs3-five var(--bar5);
  animation: show-barHKLvs3-five var(--bar5);
}

@-webkit-keyframes show-barHKLvs3-one {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (36.7 / 36.7));}
}
@-webkit-keyframes show-barHKLvs3-two {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (0.2 / 36.7));}
}
@-webkit-keyframes show-barHKLvs3-three {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (0.1 / 40));}
}
@-webkit-keyframes show-barHKLvs3-four {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (3.0 / 36.7));}
}
@-webkit-keyframes show-barHKLvs3-five {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (8.5 / 36.7));}
}

/* Bar Graph HKL1 Horizontal Animations */
.bar-graph-HKL1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-one var(--bar1);
  -moz-animation: show-barHKL1-one var(--bar1);
  animation: show-barHKL1-one var(--bar1);
}
.bar-graph-HKL1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-two var(--bar2);
  -moz-animation: show-barHKL1-two var(--bar2);
  animation: show-barHKL1-two var(--bar2);
}
.bar-graph-HKL1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-three var(--bar3);
  -moz-animation: show-barHKL1-three var(--bar3);
  animation: show-barHKL1-three var(--bar3);
}
.bar-graph-HKL1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-four var(--bar4);
  -moz-animation: show-barHKL1-four var(--bar4);
  animation: show-barHKL1-four var(--bar4);
}
.bar-graph-HKL1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-five var(--bar5);
  -moz-animation: show-barHKL1-five var(--bar5);
  animation: show-barHKL1-five var(--bar5);
}

@-webkit-keyframes show-barHKL1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (963 / 966));}
}
@-webkit-keyframes show-barHKL1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (966 / 966));}
}
@-webkit-keyframes show-barHKL1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (776 / 966));}
}
@-webkit-keyframes show-barHKL1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (734 / 966));}
}
@-webkit-keyframes show-barHKL1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (410 / 966));}
}

/* Bar Graph HKL2 Horizontal Animations */
.bar-graph-HKL2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-one var(--bar1);
  -moz-animation: show-barHKL2-one var(--bar1);
  animation: show-barHKL2-one var(--bar1);
}
.bar-graph-HKL2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-two var(--bar2);
  -moz-animation: show-barHKL2-two var(--bar2);
  animation: show-barHKL2-two var(--bar2);
}
.bar-graph-HKL2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-three var(--bar3);
  -moz-animation: show-barHKL2-three var(--bar3);
  animation: show-barHKL2-three var(--bar3);
}
.bar-graph-HKL2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-four var(--bar4);
  -moz-animation: show-barHKL2-four var(--bar4);
  animation: show-barHKL2-four var(--bar4);
}
.bar-graph-HKL2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-five var(--bar5);
  -moz-animation: show-barHKL2-five var(--bar5);
  animation: show-barHKL2-five var(--bar5);
}

@-webkit-keyframes show-barHKL2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (15.30 / 15.30));}
}
@-webkit-keyframes show-barHKL2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (15.05 / 15.30));}
}
@-webkit-keyframes show-barHKL2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (14.95 / 15.30));}
}
@-webkit-keyframes show-barHKL2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (14.49 / 15.30));}
}
@-webkit-keyframes show-barHKL2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (13.57 / 15.30));}
}

/* Bar Graph Dairy Farm DFvc1Dn Horizontal Animations */
:root {
	--DFvc1DnR: 75%;
	--DFvc1DnL: calc(100% - var(--DFvc1DnR));
}
.isNegative .bar-graph-horizontal.bar-graph-DFvc1Dn [class*="bar-"] .doubleBar .row .bar {margin-left: var(--DFvc1DnL);}
.isNegative .bar-graph-horizontal.bar-graph-DFvc1Dn .bar-two .doubleBar .row:nth-child(1),
.isNegative .bar-graph-horizontal.bar-graph-DFvc1Dn .bar-three .doubleBar .row:nth-child(1) {justify-content: flex-end;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc1Dn .bar-two .doubleBar .row:nth-child(1) .bar,
.isNegative .bar-graph-horizontal.bar-graph-DFvc1Dn .bar-three .doubleBar .row:nth-child(1) .bar {float: right; margin-right: var(--DFvc1DnR); margin-left: auto;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc1Dn .bar-two .doubleBar .row:nth-child(1) .bar::after {left: -33px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc1Dn .bar-three .doubleBar .row:nth-child(1) .bar::after {left: -30px; top: -2px;}

.bar-graph-DFvc1Dn .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1Dn-one var(--bar1);
  -moz-animation: show-barDFvc1Dn-one var(--bar1);
  animation: show-barDFvc1Dn-one var(--bar1);
}
.bar-graph-DFvc1Dn .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1Dn2-one var(--bar1b);
  -moz-animation: show-barDFvc1Dn2-one var(--bar1b);
  animation: show-barDFvc1Dn2-one var(--bar1b);
}
.bar-graph-DFvc1Dn .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1Dn-two var(--bar2);
  -moz-animation: show-barDFvc1Dn-two var(--bar2);
  animation: show-barDFvc1Dn-two var(--bar2);
}
.bar-graph-DFvc1Dn .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1Dn2-two var(--bar2b);
  -moz-animation: show-barDFvc1Dn2-two var(--bar2b);
  animation: show-barDFvc1Dn2-two var(--bar2b);
}
.bar-graph-DFvc1Dn .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1Dn-three var(--bar3);
  -moz-animation: show-barDFvc1Dn-three var(--bar3);
  animation: show-barDFvc1Dn-three var(--bar3);
}
.bar-graph-DFvc1Dn .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1Dn2-three var(--bar3b);
  -moz-animation: show-barDFvc1Dn2-three var(--bar3b);
  animation: show-barDFvc1Dn2-three var(--bar3b);
}
.bar-graph-DFvc1Dn .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1Dn-four var(--bar4);
  -moz-animation: show-barDFvc1Dn-four var(--bar4);
  animation: show-barDFvc1Dn-four var(--bar4);
}
.bar-graph-DFvc1Dn .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1Dn2-four var(--bar4b);
  -moz-animation: show-barDFvc1Dn2-four var(--bar4b);
  animation: show-barDFvc1Dn2-four var(--bar4b);
}

@-webkit-keyframes show-barDFvc1Dn-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px - var(--DFvc1DnL)) * (11.4 / 93.6));}
}
@-webkit-keyframes show-barDFvc1Dn2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px - var(--DFvc1DnL)) * (93.6 / 93.6));}
}
@-webkit-keyframes show-barDFvc1Dn-two {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--DFvc1DnL) - 2rem) * (13.1 / 93.6));}
}
@-webkit-keyframes show-barDFvc1Dn2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px - var(--DFvc1DnL)) * (5.1 / 93.6));}
}
@-webkit-keyframes show-barDFvc1Dn-three {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--DFvc1DnL) - 2rem) * (9.7 / 93.6));}
}
@-webkit-keyframes show-barDFvc1Dn2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px - var(--DFvc1DnL)) * (0.4 / 93.6));}
}
@-webkit-keyframes show-barDFvc1Dn-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px - var(--DFvc1DnL)) * (8.1 / 93.6));}
}
@-webkit-keyframes show-barDFvc1Dn2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px - var(--DFvc1DnL)) * (15 / 93.6));}
}

/* Bar Graph Dairy Farm DFvc1 Horizontal Animations */
.bar-graph-DFvc1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1-one var(--bar1);
  -moz-animation: show-barDFvc1-one var(--bar1);
  animation: show-barDFvc1-one var(--bar1);
}
.bar-graph-DFvc1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1-two var(--bar2);
  -moz-animation: show-barDFvc1-two var(--bar2);
  animation: show-barDFvc1-two var(--bar2);
}
.bar-graph-DFvc1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1-three var(--bar3);
  -moz-animation: show-barDFvc1-three var(--bar3);
  animation: show-barDFvc1-three var(--bar3);
}
.bar-graph-DFvc1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1-four var(--bar4);
  -moz-animation: show-barDFvc1-four var(--bar4);
  animation: show-barDFvc1-four var(--bar4);
}
.bar-graph-DFvc1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1-five var(--bar5);
  -moz-animation: show-barDFvc1-five var(--bar5);
  animation: show-barDFvc1-five var(--bar5);
}
.bar-graph-DFvc1 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc1-six var(--bar6);
  -moz-animation: show-barDFvc1-six var(--bar6);
  animation: show-barDFvc1-six var(--bar6);
}

@-webkit-keyframes show-barDFvc1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (7.73 / 20.05));}
}
@-webkit-keyframes show-barDFvc1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.14 / 20.05));}
}
@-webkit-keyframes show-barDFvc1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (11.49 / 20.05));}
}
@-webkit-keyframes show-barDFvc1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (14.91 / 20.05));}
}
@-webkit-keyframes show-barDFvc1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (20.05 / 20.05));}
}
@-webkit-keyframes show-barDFvc1-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (20.05 / 20.05));}
}

/* Bar Graph Dairy Farm DFvc2 Horizontal Animations */
.bar-graph-DFvc2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc2-one var(--bar1);
  -moz-animation: show-barDFvc2-one var(--bar1);
  animation: show-barDFvc2-one var(--bar1);
}
.bar-graph-DFvc2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc2-two var(--bar2);
  -moz-animation: show-barDFvc2-two var(--bar2);
  animation: show-barDFvc2-two var(--bar2);
}
.bar-graph-DFvc2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc2-three var(--bar3);
  -moz-animation: show-barDFvc2-three var(--bar3);
  animation: show-barDFvc2-three var(--bar3);
}
.bar-graph-DFvc2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc2-four var(--bar4);
  -moz-animation: show-barDFvc2-four var(--bar4);
  animation: show-barDFvc2-four var(--bar4);
}
.bar-graph-DFvc2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc2-five var(--bar5);
  -moz-animation: show-barDFvc2-five var(--bar5);
  animation: show-barDFvc2-five var(--bar5);
}
.bar-graph-DFvc2 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc2-six var(--bar6);
  -moz-animation: show-barDFvc2-six var(--bar6);
  animation: show-barDFvc2-six var(--bar6);
}

@-webkit-keyframes show-barDFvc2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (9.5 / 14));}
}
@-webkit-keyframes show-barDFvc2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3 / 14));}
}
@-webkit-keyframes show-barDFvc2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (8 / 14));}
}
@-webkit-keyframes show-barDFvc2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (10.5 / 14));}
}
@-webkit-keyframes show-barDFvc2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (14 / 14));}
}
@-webkit-keyframes show-barDFvc2-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (14 / 14));}
}

/* Bar Graph Dairy Farm DFvc3 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-two, 
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-three, 
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-four {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 [class*="bar-"]:nth-child(2) .bar::after {left: -36px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 [class*="bar-"]:nth-child(3) .bar::after {left: -38px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 [class*="bar-"]:nth-child(4) .bar::after {left: -31px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-two .bar, 
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-three .bar,
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-four .bar {float: right; margin-right: 35%;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .year {width: 65%; min-width: 65%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-two .year, 
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-three .year,
.isNegative .bar-graph-horizontal.bar-graph-DFvc3 .bar-four .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc3.bar-graph-horizontal > div {margin-bottom: 0.65rem;}
.isNegative .bar-graph-horizontal.bar-graph-DFvc3.bar-graph-horizontal .bar {background-color: var(--color1);}

.bar-graph-DFvc3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc3-one var(--bar1);
  -moz-animation: show-barDFvc3-one var(--bar1);
  animation: show-barDFvc3-one var(--bar1);
}
.bar-graph-DFvc3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc3-two var(--bar2);
  -moz-animation: show-barDFvc3-two var(--bar2);
  animation: show-barDFvc3-two var(--bar2);
}
.bar-graph-DFvc3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc3-three var(--bar3);
  -moz-animation: show-barDFvc3-three var(--bar3);
  animation: show-barDFvc3-three var(--bar3);
}
.bar-graph-DFvc3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc3-four var(--bar4);
  -moz-animation: show-barDFvc3-four var(--bar4);
  animation: show-barDFvc3-four var(--bar4);
}
.bar-graph-DFvc3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFvc3-five var(--bar5);
  -moz-animation: show-barDFvc3-five var(--bar5);
  animation: show-barDFvc3-five var(--bar5);
}

@-webkit-keyframes show-barDFvc3-one {
  0% {width: 0;}
  100% {width: calc((35% - 58px) * (0.3 / 8.1));}
}
@-webkit-keyframes show-barDFvc3-two {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (13.6 / 33.875));}
}
@-webkit-keyframes show-barDFvc3-three {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (10.0 / 33.875));}
}
@-webkit-keyframes show-barDFvc3-four {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (3.5 / 33.875));}
}
@-webkit-keyframes show-barDFvc3-five {
  0% {width: 0;}
  100% {width: calc((35% - 58px) * (8.1 / 8.1));}
}

/* Bar Graph Dairy Farm double Horizontal Animations */
.bar-graph-DFdouble .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-one var(--bar1);
  -moz-animation: show-barDFdouble-one var(--bar1);
  animation: show-barDFdouble-one var(--bar1);
}
.bar-graph-DFdouble .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-one var(--bar1b);
  -moz-animation: show-barDFdouble2-one var(--bar1b);
  animation: show-barDFdouble2-one var(--bar1b);
}
.bar-graph-DFdouble .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-two var(--bar2);
  -moz-animation: show-barDFdouble-two var(--bar2);
  animation: show-barDFdouble-two var(--bar2);
}
.bar-graph-DFdouble .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-two var(--bar2b);
  -moz-animation: show-barDFdouble2-two var(--bar2b);
  animation: show-barDFdouble2-two var(--bar2b);
}
.bar-graph-DFdouble .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-three var(--bar3);
  -moz-animation: show-barDFdouble-three var(--bar3);
  animation: show-barDFdouble-three var(--bar3);
}
.bar-graph-DFdouble .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-three var(--bar3b);
  -moz-animation: show-barDFdouble2-three var(--bar3b);
  animation: show-barDFdouble2-three var(--bar3b);
}
.bar-graph-DFdouble .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-four var(--bar4);
  -moz-animation: show-barDFdouble-four var(--bar4);
  animation: show-barDFdouble-four var(--bar4);
}
.bar-graph-DFdouble .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-four var(--bar4b);
  -moz-animation: show-barDFdouble2-four var(--bar4b);
  animation: show-barDFdouble2-four var(--bar4b);
}
.bar-graph-DFdouble .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-five var(--bar5);
  -moz-animation: show-barDFdouble-five var(--bar5);
  animation: show-barDFdouble-five var(--bar5);
}
.bar-graph-DFdouble .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-five var(--bar5b);
  -moz-animation: show-barDFdouble2-five var(--bar5b);
  animation: show-barDFdouble2-five var(--bar5b);
}

@-webkit-keyframes show-barDFdouble-one {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (460 / 460));}
}
@-webkit-keyframes show-barDFdouble2-one {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (0 / 460));}
}
@-webkit-keyframes show-barDFdouble-two {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (403 / 460));}
}
@-webkit-keyframes show-barDFdouble2-two {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (0 / 460));}
}
@-webkit-keyframes show-barDFdouble-three {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (424 / 460));}
}
@-webkit-keyframes show-barDFdouble2-three {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (358 / 460));}
}
@-webkit-keyframes show-barDFdouble-four {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (370 / 460));}
}
@-webkit-keyframes show-barDFdouble2-four {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (321 / 460));}
}
@-webkit-keyframes show-barDFdouble-five {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (370 / 460));}
}
@-webkit-keyframes show-barDFdouble2-five {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (250 / 460));}
}

/* Bar Graph Dairy Farm Horizontal Animations */
.bar-graph-DF1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-one var(--bar1);
  -moz-animation: show-barDF1-one var(--bar1);
  animation: show-barDF1-one var(--bar1);
}
.bar-graph-DF1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-two var(--bar2);
  -moz-animation: show-barDF1-two var(--bar2);
  animation: show-barDF1-two var(--bar2);
}
.bar-graph-DF1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-three var(--bar3);
  -moz-animation: show-barDF1-three var(--bar3);
  animation: show-barDF1-three var(--bar3);
}
.bar-graph-DF1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-four var(--bar4);
  -moz-animation: show-barDF1-four var(--bar4);
  animation: show-barDF1-four var(--bar4);
}
.bar-graph-DF1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-five var(--bar5);
  -moz-animation: show-barDF1-five var(--bar5);
  animation: show-barDF1-five var(--bar5);
}

@-webkit-keyframes show-barDF1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (276 / 276));}
}
@-webkit-keyframes show-barDF1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (105 / 276));}
}
@-webkit-keyframes show-barDF1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (29 / 276));}
}
@-webkit-keyframes show-barDF1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (155 / 276));}
}
@-webkit-keyframes show-barDF1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (201 / 276));}
}

/* Bar Graph Hs1n Negative Horizontal Animations */
:root {
	--Hs1nR: 47%;
	--Hs1nL: calc(100% - var(--Hs1nR));
}
.isNegative .bar-graph-horizontal.bar-graph-Hs1n .bar-five  {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-Hs1n [class*="bar-"]:nth-child(2) .bar::after {left: -28px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs1n [class*="bar-"]:nth-child(3) .bar::after {left: -29px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs1n [class*="bar-"]:nth-child(4) .bar::after {left: -30px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs1n .bar-two .bar,
.isNegative .bar-graph-horizontal.bar-graph-Hs1n .bar-three .bar,
.isNegative .bar-graph-horizontal.bar-graph-Hs1n .bar-four .bar {float: right; margin-right: var(--Hs1nR);}
.isNegative .bar-graph-horizontal.bar-graph-Hs1n .year {width: var(--Hs1nL); min-width: var(--Hs1nL); max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-Hs1n .bar-two .year,
.isNegative .bar-graph-horizontal.bar-graph-Hs1n .bar-three .year,
.isNegative .bar-graph-horizontal.bar-graph-Hs1n .bar-four .year {width: 2rem; min-width: unset; max-width: 2rem;}

.bar-graph-Hs1n .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1n-one var(--bar1);
  -moz-animation: show-barHs1n-one var(--bar1);
  animation: show-barHs1n-one var(--bar1);
}
.bar-graph-Hs1n .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1n-two var(--bar2);
  -moz-animation: show-barHs1n-two var(--bar2);
  animation: show-barHs1n-two var(--bar2);
}
.bar-graph-Hs1n .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1n-three var(--bar3);
  -moz-animation: show-barHs1n-three var(--bar3);
  animation: show-barHs1n-three var(--bar3);
}
.bar-graph-Hs1n .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1n-four var(--bar4);
  -moz-animation: show-barHs1n-four var(--bar4);
  animation: show-barHs1n-four var(--bar4);
}
.bar-graph-Hs1n .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1n-five var(--bar5);
  -moz-animation: show-barHs1n-five var(--bar5);
  animation: show-barHs1n-five var(--bar5);
}

@-webkit-keyframes show-barHs1n-one {
  0% {width: 0;}
  100% {width: calc((var(--Hs1nR) - 38px) * (3.4 / 8.8));}
}
@-webkit-keyframes show-barHs1n-two {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--Hs1nR) - 2rem) * (1.4 / 8.8));}
}
@-webkit-keyframes show-barHs1n-three {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--Hs1nR) - 2rem) * (6.4 / 8.8));}
}
@-webkit-keyframes show-barHs1n-four {
  0% {width: 0;}
  100% {width: calc((100% - 2rem - var(--Hs1nR) - 2rem) * (0.6 / 8.8));}
}
@-webkit-keyframes show-barHs1n-five {
  0% {width: 0;}
  100% {width: calc((var(--Hs1nR) - 38px) * (8.8 / 8.8));}
}

/* Bar Graph Mandarin Oriental MOvcD double Horizontal Animations */
.bar-graph-MOvcD .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvcD-one var(--bar1);
  -moz-animation: show-barMOvcD-one var(--bar1);
  animation: show-barMOvcD-one var(--bar1);
}
.bar-graph-MOvcD .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOvcD2-one var(--bar1b);
  -moz-animation: show-barMOvcD2-one var(--bar1b);
  animation: show-barMOvcD2-one var(--bar1b);
}
.bar-graph-MOvcD .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvcD-two var(--bar2);
  -moz-animation: show-barMOvcD-two var(--bar2);
  animation: show-barMOvcD-two var(--bar2);
}
.bar-graph-MOvcD .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOvcD2-two var(--bar2b);
  -moz-animation: show-barMOvcD2-two var(--bar2b);
  animation: show-barMOvcD2-two var(--bar2b);
}
.bar-graph-MOvcD .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvcD-three var(--bar3);
  -moz-animation: show-barMOvcD-three var(--bar3);
  animation: show-barMOvcD-three var(--bar3);
}
.bar-graph-MOvcD .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOvcD2-three var(--bar3b);
  -moz-animation: show-barMOvcD2-three var(--bar3b);
  animation: show-barMOvcD2-three var(--bar3b);
}
.bar-graph-MOvcD .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvcD-four var(--bar4);
  -moz-animation: show-barMOvcD-four var(--bar4);
  animation: show-barMOvcD-four var(--bar4);
}
.bar-graph-MOvcD .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOvcD2-four var(--bar4b);
  -moz-animation: show-barMOvcD2-four var(--bar4b);
  animation: show-barMOvcD2-four var(--bar4b);
}

@-webkit-keyframes show-barMOvcD-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (14.7 / 95.2));}
}
@-webkit-keyframes show-barMOvcD2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (95.2 / 95.2));}
}
@-webkit-keyframes show-barMOvcD-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (0.3 / 95.2));}
}
@-webkit-keyframes show-barMOvcD2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (13.5 / 95.2));}
}
@-webkit-keyframes show-barMOvcD-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (2.6 / 95.2));}
}
@-webkit-keyframes show-barMOvcD2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (9.9 / 95.2));}
}
@-webkit-keyframes show-barMOvcD-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (6.5 / 95.2));}
}
@-webkit-keyframes show-barMOvcD2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (9.5 / 95.2));}
}

/* Bar Graph Mandarin Oriental MOvc1 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 .bar-two, 
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 .bar-three {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 [class*="bar-"]:nth-child(2) .bar::after {left: -45px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 [class*="bar-"]:nth-child(3) .bar::after {left: -38px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 .bar-two .bar,
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 .bar-three .bar {float: right; margin-right: 30%;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 .year {width: 70%; min-width: 70%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 .bar-two .year,
.isNegative .bar-graph-horizontal.bar-graph-MOvc1 .bar-three .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1.bar-graph-horizontal > div {margin-bottom: 0.65rem;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1.bar-graph-horizontal .bar {background-color: var(--colorC);}
.isNegative .bar-graph-horizontal.bar-graph-MOvc1.bar-graph-horizontal .bar.last {background-color: var(--color1);}

.bar-graph-MOvc1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1-one var(--bar1);
  -moz-animation: show-barMOvc1-one var(--bar1);
  animation: show-barMOvc1-one var(--bar1);
}
.bar-graph-MOvc1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1-two var(--bar2);
  -moz-animation: show-barMOvc1-two var(--bar2);
  animation: show-barMOvc1-two var(--bar2);
}
.bar-graph-MOvc1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1-three var(--bar3);
  -moz-animation: show-barMOvc1-three var(--bar3);
  animation: show-barMOvc1-three var(--bar3);
}
.bar-graph-MOvc1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1-four var(--bar4);
  -moz-animation: show-barMOvc1-four var(--bar4);
  animation: show-barMOvc1-four var(--bar4);
}
.bar-graph-MOvc1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1-five var(--bar5);
  -moz-animation: show-barMOvc1-five var(--bar5);
  animation: show-barMOvc1-five var(--bar5);
}
.bar-graph-MOvc1 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc1-six var(--bar6);
  -moz-animation: show-barMOvc1-six var(--bar6);
  animation: show-barMOvc1-six var(--bar6);
}

@-webkit-keyframes show-barMOvc1-one {
  0% {width: 0;}
  100% {width: calc((30% - 58px) * (3.26 / 6.41));}
}
@-webkit-keyframes show-barMOvc1-two {
  0% {width: 0;}
  100% {width: calc((100% - 58px) * (16.30 / 34.5));}
}
@-webkit-keyframes show-barMOvc1-three {
  0% {width: 0;}
  100% {width: calc((100% - 58px) * (5.39 / 34.5));}
}
@-webkit-keyframes show-barMOvc1-four {
  0% {width: 0;}
  100% {width: calc((30% - 58px) * (0.60 / 6.41));}
}
@-webkit-keyframes show-barMOvc1-five {
  0% {width: 0;}
  100% {width: calc((30% - 58px) * (6.41 / 6.41));}
}
@-webkit-keyframes show-barMOvc1-six {
  0% {width: 0;}
  100% {width: calc((30% - 58px) * (5.91 / 6.41));}
}

/* Bar Graph Mandarin Oriental MOvc2 Horizontal Animations */
.bar-graph-MOvc2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc2-one var(--bar1);
  -moz-animation: show-barMOvc2-one var(--bar1);
  animation: show-barMOvc2-one var(--bar1);
}
.bar-graph-MOvc2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc2-two var(--bar2);
  -moz-animation: show-barMOvc2-two var(--bar2);
  animation: show-barMOvc2-two var(--bar2);
}
.bar-graph-MOvc2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc2-three var(--bar3);
  -moz-animation: show-barMOvc2-three var(--bar3);
  animation: show-barMOvc2-three var(--bar3);
}
.bar-graph-MOvc2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc2-four var(--bar4);
  -moz-animation: show-barMOvc2-four var(--bar4);
  animation: show-barMOvc2-four var(--bar4);
}
.bar-graph-MOvc2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc2-five var(--bar5);
  -moz-animation: show-barMOvc2-five var(--bar5);
  animation: show-barMOvc2-five var(--bar5);
}
.bar-graph-MOvc2 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc2-six var(--bar6);
  -moz-animation: show-barMOvc2-six var(--bar6);
  animation: show-barMOvc2-six var(--bar6);
}

@-webkit-keyframes show-barMOvc2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (0 / 56));}
}
@-webkit-keyframes show-barMOvc2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (0 / 56));}
}
@-webkit-keyframes show-barMOvc2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (15 / 56));}
}
@-webkit-keyframes show-barMOvc2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (52 / 56));}
}
@-webkit-keyframes show-barMOvc2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (56 / 56));}
}
@-webkit-keyframes show-barMOvc2-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (56 / 56));}
}

/* Bar Graph Mandarin Oriental MOvc3 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-MOvc3 .bar-two {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc3 [class*="bar-"]:nth-child(2) .bar::after {left: -28px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc3 .bar-two .bar {float: right; margin-right: 70%;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc3 .year {width: 30%; min-width: 30%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc3 .bar-two .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc3.bar-graph-horizontal > div {margin-bottom: 1rem;}
.isNegative .bar-graph-horizontal.bar-graph-MOvc3.bar-graph-horizontal .bar {background-color: var(--color1);}

.bar-graph-MOvc3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc3-one var(--bar1);
  -moz-animation: show-barMOvc3-one var(--bar1);
  animation: show-barMOvc3-one var(--bar1);
}
.bar-graph-MOvc3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc3-two var(--bar2);
  -moz-animation: show-barMOvc3-two var(--bar2);
  animation: show-barMOvc3-two var(--bar2);
}
.bar-graph-MOvc3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc3-three var(--bar3);
  -moz-animation: show-barMOvc3-three var(--bar3);
  animation: show-barMOvc3-three var(--bar3);
}
.bar-graph-MOvc3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc3-four var(--bar4);
  -moz-animation: show-barMOvc3-four var(--bar4);
  animation: show-barMOvc3-four var(--bar4);
}
.bar-graph-MOvc3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOvc3-five var(--bar5);
  -moz-animation: show-barMOvc3-five var(--bar5);
  animation: show-barMOvc3-five var(--bar5);
}

@-webkit-keyframes show-barMOvc3-one {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (15.1 / 15.1));}
}
@-webkit-keyframes show-barMOvc3-two {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (0.1 / 36));}
}
@-webkit-keyframes show-barMOvc3-three {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (2.7 / 15.1));}
}
@-webkit-keyframes show-barMOvc3-four {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (4.0 / 15.1));}
}
@-webkit-keyframes show-barMOvc3-five {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (6.6 / 15.1));}
}

/* Bar Graph Mandarin Oriental MO1 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-MO1 .bar-one,
.isNegative .bar-graph-horizontal.bar-graph-MO1 .bar-two {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:nth-child(1) .bar::after {left: -36px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:nth-child(2) .bar::after {left: -28px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 .bar-one .bar,
.isNegative .bar-graph-horizontal.bar-graph-MO1 .bar-two .bar {float: right; margin-right: 32%;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 .year {width: 68%; min-width: 68%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 .bar-one .year,
.isNegative .bar-graph-horizontal.bar-graph-MO1 .bar-two .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-MO1.bar-graph-horizontal > div {margin-bottom: 0.65rem;}
.isNegative .bar-graph-horizontal.bar-graph-MO1.bar-graph-horizontal .bar {background-color: var(--colorC);}
.isNegative .bar-graph-horizontal.bar-graph-MO1.bar-graph-horizontal .bar.last {background-color: var(--color1);}

.bar-graph-MO1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-one var(--bar1);
  -moz-animation: show-barMO1-one var(--bar1);
  animation: show-barMO1-one var(--bar1);
}
.bar-graph-MO1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-two var(--bar2);
  -moz-animation: show-barMO1-two var(--bar2);
  animation: show-barMO1-two var(--bar2);
}
.bar-graph-MO1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-three var(--bar3);
  -moz-animation: show-barMO1-three var(--bar3);
  animation: show-barMO1-three var(--bar3);
}
.bar-graph-MO1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-four var(--bar4);
  -moz-animation: show-barMO1-four var(--bar4);
  animation: show-barMO1-four var(--bar4);
}
.bar-graph-MO1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-five var(--bar5);
  -moz-animation: show-barMO1-five var(--bar5);
  animation: show-barMO1-five var(--bar5);
}

@-webkit-keyframes show-barMO1-one {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (206 / 400));}
}
@-webkit-keyframes show-barMO1-two {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (68 / 400));}
}
@-webkit-keyframes show-barMO1-three {
  0% {width: 0;}
  100% {width: calc((32% - 58px) * (8 / 81));}
}
@-webkit-keyframes show-barMO1-four {
  0% {width: 0;}
  100% {width: calc((32% - 58px) * (81 / 81));}
}
@-webkit-keyframes show-barMO1-five {
  0% {width: 0;}
  100% {width: calc((32% - 58px) * (75 / 81));}
}

/* Bar Graph Mandarin Oriental2 Horizontal Animations */
.bar-graph-MO2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-one var(--bar1);
  -moz-animation: show-barMO2-one var(--bar1);
  animation: show-barMO2-one var(--bar1);
}
.bar-graph-MO2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-two var(--bar2);
  -moz-animation: show-barMO2-two var(--bar2);
  animation: show-barMO2-two var(--bar2);
}
.bar-graph-MO2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-three var(--bar3);
  -moz-animation: show-barMO2-three var(--bar3);
  animation: show-barMO2-three var(--bar3);
}
.bar-graph-MO2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-four var(--bar4);
  -moz-animation: show-barMO2-four var(--bar4);
  animation: show-barMO2-four var(--bar4);
}
.bar-graph-MO2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-five var(--bar5);
  -moz-animation: show-barMO2-five var(--bar5);
  animation: show-barMO2-five var(--bar5);
}

@-webkit-keyframes show-barMO2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4.09 / 4.09));}
}
@-webkit-keyframes show-barMO2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3.93 / 4.09));}
}
@-webkit-keyframes show-barMO2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3.87 / 4.09));}
}
@-webkit-keyframes show-barMO2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3.67 / 4.09));}
}
@-webkit-keyframes show-barMO2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3.50 / 4.09));}
}

/* Bar Graph Mandarin Oriental MOdouble double Horizontal Animations */
.bar-graph-MOdouble .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-one var(--bar1);
  -moz-animation: show-barMOdouble-one var(--bar1);
  animation: show-barMOdouble-one var(--bar1);
}
.bar-graph-MOdouble .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-one var(--bar1b);
  -moz-animation: show-barMOdouble2-one var(--bar1b);
  animation: show-barMOdouble2-one var(--bar1b);
}
.bar-graph-MOdouble .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-two var(--bar2);
  -moz-animation: show-barMOdouble-two var(--bar2);
  animation: show-barMOdouble-two var(--bar2);
}
.bar-graph-MOdouble .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-two var(--bar2b);
  -moz-animation: show-barMOdouble2-two var(--bar2b);
  animation: show-barMOdouble2-two var(--bar2b);
}
.bar-graph-MOdouble .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-three var(--bar3);
  -moz-animation: show-barMOdouble-three var(--bar3);
  animation: show-barMOdouble-three var(--bar3);
}
.bar-graph-MOdouble .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-three var(--bar3b);
  -moz-animation: show-barMOdouble2-three var(--bar3b);
  animation: show-barMOdouble2-three var(--bar3b);
}
.bar-graph-MOdouble .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-four var(--bar4);
  -moz-animation: show-barMOdouble-four var(--bar4);
  animation: show-barMOdouble-four var(--bar4);
}
.bar-graph-MOdouble .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-four var(--bar4b);
  -moz-animation: show-barMOdouble2-four var(--bar4b);
  animation: show-barMOdouble2-four var(--bar4b);
}
.bar-graph-MOdouble .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-five var(--bar5);
  -moz-animation: show-barMOdouble-five var(--bar5);
  animation: show-barMOdouble-five var(--bar5);
}
.bar-graph-MOdouble .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-five var(--bar5b);
  -moz-animation: show-barMOdouble2-five var(--bar5b);
  animation: show-barMOdouble2-five var(--bar5b);
}

@-webkit-keyframes show-barMOdouble-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (34 / 41));}
}
@-webkit-keyframes show-barMOdouble2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (23 / 41));}
}
@-webkit-keyframes show-barMOdouble-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (36 / 41));}
}
@-webkit-keyframes show-barMOdouble2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (24 / 41));}
}
@-webkit-keyframes show-barMOdouble-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (36 / 41));}
}
@-webkit-keyframes show-barMOdouble2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (26 / 41));}
}
@-webkit-keyframes show-barMOdouble-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (38 / 41));}
}
@-webkit-keyframes show-barMOdouble2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (30 / 41));}
}
@-webkit-keyframes show-barMOdouble-five {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (41 / 41));}
}
@-webkit-keyframes show-barMOdouble2-five {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (35 / 41));}
}

/* Bar Graph JCC JCCvsD double Horizontal Animations */
.bar-graph-JCCvsD .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvsD-one var(--bar1);
  -moz-animation: show-barJCCvsD-one var(--bar1);
  animation: show-barJCCvsD-one var(--bar1);
}
.bar-graph-JCCvsD .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJCCvsD2-one var(--bar1b);
  -moz-animation: show-barJCCvsD2-one var(--bar1b);
  animation: show-barJCCvsD2-one var(--bar1b);
}
.bar-graph-JCCvsD .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvsD-two var(--bar2);
  -moz-animation: show-barJCCvsD-two var(--bar2);
  animation: show-barJCCvsD-two var(--bar2);
}
.bar-graph-JCCvsD .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJCCvsD2-two var(--bar2b);
  -moz-animation: show-barJCCvsD2-two var(--bar2b);
  animation: show-barJCCvsD2-two var(--bar2b);
}
.bar-graph-JCCvsD .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvsD-three var(--bar3);
  -moz-animation: show-barJCCvsD-three var(--bar3);
  animation: show-barJCCvsD-three var(--bar3);
}
.bar-graph-JCCvsD .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJCCvsD2-three var(--bar3b);
  -moz-animation: show-barJCCvsD2-three var(--bar3b);
  animation: show-barJCCvsD2-three var(--bar3b);
}
.bar-graph-JCCvsD .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvsD-four var(--bar4);
  -moz-animation: show-barJCCvsD-four var(--bar4);
  animation: show-barJCCvsD-four var(--bar4);
}
.bar-graph-JCCvsD .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJCCvsD2-four var(--bar4b);
  -moz-animation: show-barJCCvsD2-four var(--bar4b);
  animation: show-barJCCvsD2-four var(--bar4b);
}

@-webkit-keyframes show-barJCCvsD-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (5.5 / 23.7));}
}
@-webkit-keyframes show-barJCCvsD2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (23.7 / 23.7));}
}
@-webkit-keyframes show-barJCCvsD-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (3.5 / 23.7));}
}
@-webkit-keyframes show-barJCCvsD2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (16.4 / 23.7));}
}
@-webkit-keyframes show-barJCCvsD-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (0.3 / 23.7));}
}
@-webkit-keyframes show-barJCCvsD2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (3.8 / 23.7));}
}
@-webkit-keyframes show-barJCCvsD-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (11.2 / 23.7));}
}
@-webkit-keyframes show-barJCCvsD2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (14.7 / 23.7));}
}

/* Bar Graph Jardine Cycle & Carriage JCCvs1 Horizontal Animations */
.bar-graph-JCCvs1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs1-one var(--bar1);
  -moz-animation: show-barJCCvs1-one var(--bar1);
  animation: show-barJCCvs1-one var(--bar1);
}
.bar-graph-JCCvs1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs1-two var(--bar2);
  -moz-animation: show-barJCCvs1-two var(--bar2);
  animation: show-barJCCvs1-two var(--bar2);
}
.bar-graph-JCCvs1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs1-three var(--bar3);
  -moz-animation: show-barJCCvs1-three var(--bar3);
  animation: show-barJCCvs1-three var(--bar3);
}
.bar-graph-JCCvs1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs1-four var(--bar4);
  -moz-animation: show-barJCCvs1-four var(--bar4);
  animation: show-barJCCvs1-four var(--bar4);
}
.bar-graph-JCCvs1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs1-five var(--bar5);
  -moz-animation: show-barJCCvs1-five var(--bar5);
  animation: show-barJCCvs1-five var(--bar5);
}
.bar-graph-JCCvs1 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs1-six var(--bar6);
  -moz-animation: show-barJCCvs1-six var(--bar6);
  animation: show-barJCCvs1-six var(--bar6);
}

@-webkit-keyframes show-barJCCvs1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (218 / 294));}
}
@-webkit-keyframes show-barJCCvs1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (109 / 294));}
}
@-webkit-keyframes show-barJCCvs1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (199 / 294));}
}
@-webkit-keyframes show-barJCCvs1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (277 / 294));}
}
@-webkit-keyframes show-barJCCvs1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (294 / 294));}
}
@-webkit-keyframes show-barJCCvs1-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (279 / 294));}
}

/* Bar Graph Jardine Cycle & Carriage JCCvs2 Horizontal Animations */
.bar-graph-JCCvs2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs2-one var(--bar1);
  -moz-animation: show-barJCCvs2-one var(--bar1);
  animation: show-barJCCvs2-one var(--bar1);
}
.bar-graph-JCCvs2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs2-two var(--bar2);
  -moz-animation: show-barJCCvs2-two var(--bar2);
  animation: show-barJCCvs2-two var(--bar2);
}
.bar-graph-JCCvs2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs2-three var(--bar3);
  -moz-animation: show-barJCCvs2-three var(--bar3);
  animation: show-barJCCvs2-three var(--bar3);
}
.bar-graph-JCCvs2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs2-four var(--bar4);
  -moz-animation: show-barJCCvs2-four var(--bar4);
  animation: show-barJCCvs2-four var(--bar4);
}
.bar-graph-JCCvs2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs2-five var(--bar5);
  -moz-animation: show-barJCCvs2-five var(--bar5);
  animation: show-barJCCvs2-five var(--bar5);
}
.bar-graph-JCCvs2 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs2-six var(--bar6);
  -moz-animation: show-barJCCvs2-six var(--bar6);
  animation: show-barJCCvs2-six var(--bar6);
}

@-webkit-keyframes show-barJCCvs2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (199 / 294));}
}
@-webkit-keyframes show-barJCCvs2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (277 / 294));}
}
@-webkit-keyframes show-barJCCvs2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (294 / 294));}
}
@-webkit-keyframes show-barJCCvs2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (279 / 294));}
}
@-webkit-keyframes show-barJCCvs2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (281 / 294));}
}
@-webkit-keyframes show-barJCCvs2-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (0 / 294));}
}

/* Bar Graph Jardine Cycle & Carriage JCCvs3 Horizontal Animations */
.bar-graph-JCCvs3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3-one var(--bar1);
  -moz-animation: show-barJCCvs3-one var(--bar1);
  animation: show-barJCCvs3-one var(--bar1);
}
.bar-graph-JCCvs3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3-two var(--bar2);
  -moz-animation: show-barJCCvs3-two var(--bar2);
  animation: show-barJCCvs3-two var(--bar2);
}
.bar-graph-JCCvs3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3-three var(--bar3);
  -moz-animation: show-barJCCvs3-three var(--bar3);
  animation: show-barJCCvs3-three var(--bar3);
}
.bar-graph-JCCvs3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3-four var(--bar4);
  -moz-animation: show-barJCCvs3-four var(--bar4);
  animation: show-barJCCvs3-four var(--bar4);
}
.bar-graph-JCCvs3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3-five var(--bar5);
  -moz-animation: show-barJCCvs3-five var(--bar5);
  animation: show-barJCCvs3-five var(--bar5);
}
.bar-graph-JCCvs3 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3-six var(--bar6);
  -moz-animation: show-barJCCvs3-six var(--bar6);
  animation: show-barJCCvs3-six var(--bar6);
}

@-webkit-keyframes show-barJCCvs3-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (80 / 118));}
}
@-webkit-keyframes show-barJCCvs3-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (111 / 118));}
}
@-webkit-keyframes show-barJCCvs3-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (118 / 118));}
}
@-webkit-keyframes show-barJCCvs3-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (112 / 118));}
}
@-webkit-keyframes show-barJCCvs3-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (113 / 118));}
}
@-webkit-keyframes show-barJCCvs3-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (113 / 118));}
}

/* Bar Graph Jardine Cycle & Carriage JCCvs3n Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-JCCvs3n .bar-three {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-JCCvs3n [class*="bar-"]:nth-child(3) .bar::after {left: -28px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-JCCvs3n .bar-three .bar {float: right; margin-right: 75%;}
.isNegative .bar-graph-horizontal.bar-graph-JCCvs3n .year {width: 25%; min-width: 25%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-JCCvs3n .bar-three .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-JCCvs3n.bar-graph-horizontal > div {margin-bottom: 0.65rem;}
.isNegative .bar-graph-horizontal.bar-graph-JCCvs3n.bar-graph-horizontal .bar {background-color: var(--color1);}

.bar-graph-JCCvs3n .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3n-one var(--bar1);
  -moz-animation: show-barJCCvs3n-one var(--bar1);
  animation: show-barJCCvs3n-one var(--bar1);
}
.bar-graph-JCCvs3n .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3n-two var(--bar2);
  -moz-animation: show-barJCCvs3n-two var(--bar2);
  animation: show-barJCCvs3n-two var(--bar2);
}
.bar-graph-JCCvs3n .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3n-three var(--bar3);
  -moz-animation: show-barJCCvs3n-three var(--bar3);
  animation: show-barJCCvs3n-three var(--bar3);
}
.bar-graph-JCCvs3n .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3n-four var(--bar4);
  -moz-animation: show-barJCCvs3n-four var(--bar4);
  animation: show-barJCCvs3n-four var(--bar4);
}
.bar-graph-JCCvs3n .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCCvs3n-five var(--bar5);
  -moz-animation: show-barJCCvs3n-five var(--bar5);
  animation: show-barJCCvs3n-five var(--bar5);
}

@-webkit-keyframes show-barJCCvs3n-one {
  0% {width: 0;}
  100% {width: calc((75% - 58px) * (0.9 / 11.9));}
}
@-webkit-keyframes show-barJCCvs3n-two {
  0% {width: 0;}
  100% {width: calc((75% - 58px) * (3.3 / 11.9));}
}
@-webkit-keyframes show-barJCCvs3n-three {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (0.1 / 40));}
}
@-webkit-keyframes show-barJCCvs3n-four {
  0% {width: 0;}
  100% {width: calc((75% - 58px) * (4.1 / 11.9));}
}
@-webkit-keyframes show-barJCCvs3n-five {
  0% {width: 0;}
  100% {width: calc((75% - 58px) * (11.9 / 11.9));}
}

/* Bar Graph Jardine Cycle & Carriage1 Horizontal Animations */
.bar-graph-JCC1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-one var(--bar1);
  -moz-animation: show-barJCC1-one var(--bar1);
  animation: show-barJCC1-one var(--bar1);
}
.bar-graph-JCC1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-two var(--bar2);
  -moz-animation: show-barJCC1-two var(--bar2);
  animation: show-barJCC1-two var(--bar2);
}
.bar-graph-JCC1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-three var(--bar3);
  -moz-animation: show-barJCC1-three var(--bar3);
  animation: show-barJCC1-three var(--bar3);
}
.bar-graph-JCC1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-four var(--bar4);
  -moz-animation: show-barJCC1-four var(--bar4);
  animation: show-barJCC1-four var(--bar4);
}
.bar-graph-JCC1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-five var(--bar5);
  -moz-animation: show-barJCC1-five var(--bar5);
  animation: show-barJCC1-five var(--bar5);
}

@-webkit-keyframes show-barJCC1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (13.2 / 22.3));}
}
@-webkit-keyframes show-barJCC1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (17.7 / 22.3));}
}
@-webkit-keyframes show-barJCC1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (21.6 / 22.3));}
}
@-webkit-keyframes show-barJCC1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (22.2 / 22.3));}
}
@-webkit-keyframes show-barJCC1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (22.3 / 22.3));}
}

/* Bar Graph Jardine Cycle & Carriage2 Horizontal Animations */
.bar-graph-JCC2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-one var(--bar1);
  -moz-animation: show-barJCC2-one var(--bar1);
  animation: show-barJCC2-one var(--bar1);
}
.bar-graph-JCC2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-two var(--bar2);
  -moz-animation: show-barJCC2-two var(--bar2);
  animation: show-barJCC2-two var(--bar2);
}
.bar-graph-JCC2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-three var(--bar3);
  -moz-animation: show-barJCC2-three var(--bar3);
  animation: show-barJCC2-three var(--bar3);
}
.bar-graph-JCC2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-four var(--bar4);
  -moz-animation: show-barJCC2-four var(--bar4);
  animation: show-barJCC2-four var(--bar4);
}
.bar-graph-JCC2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-five var(--bar5);
  -moz-animation: show-barJCC2-five var(--bar5);
  animation: show-barJCC2-five var(--bar5);
}

@-webkit-keyframes show-barJCC2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (429 / 1160));}
}
@-webkit-keyframes show-barJCC2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (786 / 1160));}
}
@-webkit-keyframes show-barJCC2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1096 / 1160));}
}
@-webkit-keyframes show-barJCC2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1160 / 1160));}
}
@-webkit-keyframes show-barJCC2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1102 / 1160));}
}

/* Bar Graph Astra AvcD double Horizontal Animations */
.bar-graph-AvcD .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvcD-one var(--bar1);
  -moz-animation: show-barAvcD-one var(--bar1);
  animation: show-barAvcD-one var(--bar1);
}
.bar-graph-AvcD .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barAvcD2-one var(--bar1b);
  -moz-animation: show-barAvcD2-one var(--bar1b);
  animation: show-barAvcD2-one var(--bar1b);
}
.bar-graph-AvcD .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvcD-two var(--bar2);
  -moz-animation: show-barAvcD-two var(--bar2);
  animation: show-barAvcD-two var(--bar2);
}
.bar-graph-AvcD .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barAvcD2-two var(--bar2b);
  -moz-animation: show-barAvcD2-two var(--bar2b);
  animation: show-barAvcD2-two var(--bar2b);
}
.bar-graph-AvcD .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvcD-three var(--bar3);
  -moz-animation: show-barAvcD-three var(--bar3);
  animation: show-barAvcD-three var(--bar3);
}
.bar-graph-AvcD .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barAvcD2-three var(--bar3b);
  -moz-animation: show-barAvcD2-three var(--bar3b);
  animation: show-barAvcD2-three var(--bar3b);
}
.bar-graph-AvcD .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvcD-four var(--bar4);
  -moz-animation: show-barAvcD-four var(--bar4);
  animation: show-barAvcD-four var(--bar4);
}
.bar-graph-AvcD .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barAvcD2-four var(--bar4b);
  -moz-animation: show-barAvcD2-four var(--bar4b);
  animation: show-barAvcD2-four var(--bar4b);
}

@-webkit-keyframes show-barAvcD-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (0.2 / 41.4));}
}
@-webkit-keyframes show-barAvcD2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (41.4 / 41.4));}
}
@-webkit-keyframes show-barAvcD-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (0.3 / 41.4));}
}
@-webkit-keyframes show-barAvcD2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (9.8 / 41.4));}
}
@-webkit-keyframes show-barAvcD-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (1.0 / 41.4));}
}
@-webkit-keyframes show-barAvcD2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (5.7 / 41.4));}
}
@-webkit-keyframes show-barAvcD-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (16 / 41.4));}
}
@-webkit-keyframes show-barAvcD2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (20.6 / 41.4));}
}

/* Bar Graph Astra Avc1 Horizontal Animations */
.bar-graph-Avc1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc1-one var(--bar1);
  -moz-animation: show-barAvc1-one var(--bar1);
  animation: show-barAvc1-one var(--bar1);
}
.bar-graph-Avc1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc1-two var(--bar2);
  -moz-animation: show-barAvc1-two var(--bar2);
  animation: show-barAvc1-two var(--bar2);
}
.bar-graph-Avc1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc1-three var(--bar3);
  -moz-animation: show-barAvc1-three var(--bar3);
  animation: show-barAvc1-three var(--bar3);
}
.bar-graph-Avc1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc1-four var(--bar4);
  -moz-animation: show-barAvc1-four var(--bar4);
  animation: show-barAvc1-four var(--bar4);
}
.bar-graph-Avc1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc1-five var(--bar5);
  -moz-animation: show-barAvc1-five var(--bar5);
  animation: show-barAvc1-five var(--bar5);
}
.bar-graph-Avc1 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc1-six var(--bar6);
  -moz-animation: show-barAvc1-six var(--bar6);
  animation: show-barAvc1-six var(--bar6);
}

@-webkit-keyframes show-barAvc1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (499 / 837));}
}
@-webkit-keyframes show-barAvc1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (715 / 837));}
}
@-webkit-keyframes show-barAvc1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (836 / 837));}
}
@-webkit-keyframes show-barAvc1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (837 / 837));}
}
@-webkit-keyframes show-barAvc1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (810 / 837));}
}

/* Bar Graph Astra Avc2 Horizontal Animations */
.bar-graph-Avc2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc2-one var(--bar1);
  -moz-animation: show-barAvc2-one var(--bar1);
  animation: show-barAvc2-one var(--bar1);
}
.bar-graph-Avc2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc2-two var(--bar2);
  -moz-animation: show-barAvc2-two var(--bar2);
  animation: show-barAvc2-two var(--bar2);
}
.bar-graph-Avc2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc2-three var(--bar3);
  -moz-animation: show-barAvc2-three var(--bar3);
  animation: show-barAvc2-three var(--bar3);
}
.bar-graph-Avc2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc2-four var(--bar4);
  -moz-animation: show-barAvc2-four var(--bar4);
  animation: show-barAvc2-four var(--bar4);
}
.bar-graph-Avc2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc2-five var(--bar5);
  -moz-animation: show-barAvc2-five var(--bar5);
  animation: show-barAvc2-five var(--bar5);
}
.bar-graph-Avc2 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc2-six var(--bar6);
  -moz-animation: show-barAvc2-six var(--bar6);
  animation: show-barAvc2-six var(--bar6);
}

@-webkit-keyframes show-barAvc2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (239 / 640));}
}
@-webkit-keyframes show-barAvc2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (640 / 640));}
}
@-webkit-keyframes show-barAvc2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (519 / 640));}
}
@-webkit-keyframes show-barAvc2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (406 / 640));}
}
@-webkit-keyframes show-barAvc2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (390 / 640));}
}

/* Bar Graph Astra Avc3 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-Avc3 .bar-one, 
.isNegative .bar-graph-horizontal.bar-graph-Avc3 .bar-two {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-Avc3 [class*="bar-"]:nth-child(1) .bar::after {left: -31px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Avc3 [class*="bar-"]:nth-child(2) .bar::after {left: -31px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Avc3 .bar-one .bar,
.isNegative .bar-graph-horizontal.bar-graph-Avc3 .bar-two .bar {float: right; margin-right: 65%;}
.isNegative .bar-graph-horizontal.bar-graph-Avc3 .year {width: 35%; min-width: 35%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-Avc3 .bar-one .year,
.isNegative .bar-graph-horizontal.bar-graph-Avc3 .bar-two .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-Avc3.bar-graph-horizontal > div {margin-bottom: 0.65rem;}
.isNegative .bar-graph-horizontal.bar-graph-Avc3.bar-graph-horizontal .bar {background-color: var(--color1);}

.bar-graph-Avc3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc3-one var(--bar1);
  -moz-animation: show-barAvc3-one var(--bar1);
  animation: show-barAvc3-one var(--bar1);
}
.bar-graph-Avc3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc3-two var(--bar2);
  -moz-animation: show-barAvc3-two var(--bar2);
  animation: show-barAvc3-two var(--bar2);
}
.bar-graph-Avc3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc3-three var(--bar3);
  -moz-animation: show-barAvc3-three var(--bar3);
  animation: show-barAvc3-three var(--bar3);
}
.bar-graph-Avc3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc3-four var(--bar4);
  -moz-animation: show-barAvc3-four var(--bar4);
  animation: show-barAvc3-four var(--bar4);
}
.bar-graph-Avc3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barAvc3-five var(--bar5);
  -moz-animation: show-barAvc3-five var(--bar5);
  animation: show-barAvc3-five var(--bar5);
}

@-webkit-keyframes show-barAvc3-one {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (3.4 / 27.875));}
}
@-webkit-keyframes show-barAvc3-two {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (0.7 / 27.875));}
}
@-webkit-keyframes show-barAvc3-three {
  0% {width: 0;}
  100% {width: calc((65% - 58px) * (0.3 / 15.8));}
}
@-webkit-keyframes show-barAvc3-four {
  0% {width: 0;}
  100% {width: calc((65% - 58px) * (6.4 / 15.8));}
}
@-webkit-keyframes show-barAvc3-five {
  0% {width: 0;}
  100% {width: calc((65% - 58px) * (15.8 / 15.8));}
}

/* Bar Graph Astra1 Horizontal Animations */
.bar-graph-A1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-one var(--bar1);
  -moz-animation: show-barA1-one var(--bar1);
  animation: show-barA1-one var(--bar1);
}
.bar-graph-A1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-two var(--bar2);
  -moz-animation: show-barA1-two var(--bar2);
  animation: show-barA1-two var(--bar2);
}
.bar-graph-A1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-three var(--bar3);
  -moz-animation: show-barA1-three var(--bar3);
  animation: show-barA1-three var(--bar3);
}
.bar-graph-A1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-four var(--bar4);
  -moz-animation: show-barA1-four var(--bar4);
  animation: show-barA1-four var(--bar4);
}
.bar-graph-A1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-five var(--bar5);
  -moz-animation: show-barA1-five var(--bar5);
  animation: show-barA1-five var(--bar5);
}

@-webkit-keyframes show-barA1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (270 / 574));}
}
@-webkit-keyframes show-barA1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (489 / 574));}
}
@-webkit-keyframes show-barA1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (574 / 574));}
}
@-webkit-keyframes show-barA1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (561 / 574));}
}
@-webkit-keyframes show-barA1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (483 / 574));}
}

/* Bar Graph Astra2 Horizontal Animations */
.bar-graph-A2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-one var(--bar1);
  -moz-animation: show-barA2-one var(--bar1);
  animation: show-barA2-one var(--bar1);
}
.bar-graph-A2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-two var(--bar2);
  -moz-animation: show-barA2-two var(--bar2);
  animation: show-barA2-two var(--bar2);
}
.bar-graph-A2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-three var(--bar3);
  -moz-animation: show-barA2-three var(--bar3);
  animation: show-barA2-three var(--bar3);
}
.bar-graph-A2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-four var(--bar4);
  -moz-animation: show-barA2-four var(--bar4);
  animation: show-barA2-four var(--bar4);
}
.bar-graph-A2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-five var(--bar5);
  -moz-animation: show-barA2-five var(--bar5);
  animation: show-barA2-five var(--bar5);
}

@-webkit-keyframes show-barA2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2892 / 4939));}
}
@-webkit-keyframes show-barA2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3929 / 4939));}
}
@-webkit-keyframes show-barA2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3996 / 4939));}
}
@-webkit-keyframes show-barA2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4881 / 4939));}
}
@-webkit-keyframes show-barA2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4939 / 4939));}
}

/* Bar Graph Astra3 Horizontal Animations */
.bar-graph-A3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barA3-one var(--bar1);
  -moz-animation: show-barA3-one var(--bar1);
  animation: show-barA3-one var(--bar1);
}
.bar-graph-A3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barA3-two var(--bar2);
  -moz-animation: show-barA3-two var(--bar2);
  animation: show-barA3-two var(--bar2);
}
.bar-graph-A3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barA3-three var(--bar3);
  -moz-animation: show-barA3-three var(--bar3);
  animation: show-barA3-three var(--bar3);
}
.bar-graph-A3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barA3-four var(--bar4);
  -moz-animation: show-barA3-four var(--bar4);
  animation: show-barA3-four var(--bar4);
}
.bar-graph-A3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barA3-five var(--bar5);
  -moz-animation: show-barA3-five var(--bar5);
  animation: show-barA3-five var(--bar5);
}

@-webkit-keyframes show-barA3-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (647 / 2175));}
}
@-webkit-keyframes show-barA3-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1369 / 2175));}
}
@-webkit-keyframes show-barA3-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1991 / 2175));}
}
@-webkit-keyframes show-barA3-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2175 / 2175));}
}
@-webkit-keyframes show-barA3-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2083 / 2175));}
}

/* Bar Graph Zhongsheng Group ZSvc1 Horizontal Animations */
.bar-graph-ZSvc1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc1-one var(--bar1);
  -moz-animation: show-barZSvc1-one var(--bar1);
  animation: show-barZSvc1-one var(--bar1);
}
.bar-graph-ZSvc1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc1-two var(--bar2);
  -moz-animation: show-barZSvc1-two var(--bar2);
  animation: show-barZSvc1-two var(--bar2);
}
.bar-graph-ZSvc1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc1-three var(--bar3);
  -moz-animation: show-barZSvc1-three var(--bar3);
  animation: show-barZSvc1-three var(--bar3);
}
.bar-graph-ZSvc1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc1-four var(--bar4);
  -moz-animation: show-barZSvc1-four var(--bar4);
  animation: show-barZSvc1-four var(--bar4);
}
.bar-graph-ZSvc1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc1-five var(--bar5);
  -moz-animation: show-barZSvc1-five var(--bar5);
  animation: show-barZSvc1-five var(--bar5);
}
.bar-graph-ZSvc1 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc1-six var(--bar6);
  -moz-animation: show-barZSvc1-six var(--bar6);
  animation: show-barZSvc1-six var(--bar6);
}

@-webkit-keyframes show-barZSvc1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1.98 / 3.56));}
}
@-webkit-keyframes show-barZSvc1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.44 / 3.56));}
}
@-webkit-keyframes show-barZSvc1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3.56 / 3.56));}
}
@-webkit-keyframes show-barZSvc1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.77 / 3.56));}
}
@-webkit-keyframes show-barZSvc1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.09 / 3.56));}
}
@-webkit-keyframes show-barZSvc1-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.09 / 3.56));}
}

/* Bar Graph Zhongsheng Group ZSvc2 Horizontal Animations */
.bar-graph-ZSvc2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc2-one var(--bar1);
  -moz-animation: show-barZSvc2-one var(--bar1);
  animation: show-barZSvc2-one var(--bar1);
}
.bar-graph-ZSvc2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc2-two var(--bar2);
  -moz-animation: show-barZSvc2-two var(--bar2);
  animation: show-barZSvc2-two var(--bar2);
}
.bar-graph-ZSvc2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc2-three var(--bar3);
  -moz-animation: show-barZSvc2-three var(--bar3);
  animation: show-barZSvc2-three var(--bar3);
}
.bar-graph-ZSvc2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc2-four var(--bar4);
  -moz-animation: show-barZSvc2-four var(--bar4);
  animation: show-barZSvc2-four var(--bar4);
}
.bar-graph-ZSvc2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc2-five var(--bar5);
  -moz-animation: show-barZSvc2-five var(--bar5);
  animation: show-barZSvc2-five var(--bar5);
}
.bar-graph-ZSvc2 .bar-six .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc2-six var(--bar6);
  -moz-animation: show-barZSvc2-six var(--bar6);
  animation: show-barZSvc2-six var(--bar6);
}

@-webkit-keyframes show-barZSvc2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (0.45 / 1.09));}
}
@-webkit-keyframes show-barZSvc2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (0.58 / 1.09));}
}
@-webkit-keyframes show-barZSvc2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (0.84 / 1.09));}
}
@-webkit-keyframes show-barZSvc2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1.09 / 1.09));}
}
@-webkit-keyframes show-barZSvc2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (0.80 / 1.09));}
}
@-webkit-keyframes show-barZSvc2-six {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (0.80 / 1.09));}
}

/* Bar Graph Zhongsheng Group ZSvc3 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 .bar-one, 
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 .bar-two {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 [class*="bar-"]:nth-child(1) .bar::after {left: -39px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 [class*="bar-"]:nth-child(2) .bar::after {left: -36px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 .bar-one .bar,
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 .bar-two .bar {float: right; margin-right: 35%;}
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 .year {width: 65%; min-width: 65%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 .bar-one .year,
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3 .bar-two .year {width: 2.85rem; min-width: unset; max-width: 2.85rem;}
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3.bar-graph-horizontal > div {margin-bottom: 1rem;}
.isNegative .bar-graph-horizontal.bar-graph-ZSvc3.bar-graph-horizontal .bar {background-color: var(--color1);}

.bar-graph-ZSvc3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc3-one var(--bar1);
  -moz-animation: show-barZSvc3-one var(--bar1);
  animation: show-barZSvc3-one var(--bar1);
}
.bar-graph-ZSvc3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc3-two var(--bar2);
  -moz-animation: show-barZSvc3-two var(--bar2);
  animation: show-barZSvc3-two var(--bar2);
}
.bar-graph-ZSvc3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc3-three var(--bar3);
  -moz-animation: show-barZSvc3-three var(--bar3);
  animation: show-barZSvc3-three var(--bar3);
}
.bar-graph-ZSvc3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc3-four var(--bar4);
  -moz-animation: show-barZSvc3-four var(--bar4);
  animation: show-barZSvc3-four var(--bar4);
}
.bar-graph-ZSvc3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barZSvc3-five var(--bar5);
  -moz-animation: show-barZSvc3-five var(--bar5);
  animation: show-barZSvc3-five var(--bar5);
}

@-webkit-keyframes show-barZSvc3-one {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (20.0 / 45));}
}
@-webkit-keyframes show-barZSvc3-two {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (12.8 / 45));}
}
@-webkit-keyframes show-barZSvc3-three {
  0% {width: 0;}
  100% {width: calc((35% - 58px) * (9.5 / 9.5));}
}
@-webkit-keyframes show-barZSvc3-four {
  0% {width: 0;}
  100% {width: calc((35% - 58px) * (0 / 9.5));}
}
@-webkit-keyframes show-barZSvc3-five {
  0% {width: 0;}
  100% {width: calc((35% - 58px) * (0 / 9.5));}
}


/* Bar Graph FR Horizontal Animations */
.bar-graph-FR .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barFR-one var(--bar1);
  -moz-animation: show-barFR-one var(--bar1);
  animation: show-barFR-one var(--bar1);
}
.bar-graph-FR .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barFR-two var(--bar2);
  -moz-animation: show-barFR-two var(--bar2);
  animation: show-barFR-two var(--bar2);
}
.bar-graph-FR .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barFR-three var(--bar3);
  -moz-animation: show-barFR-three var(--bar3);
  animation: show-barFR-three var(--bar3);
}
.bar-graph-FR .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barFR-four var(--bar4);
  -moz-animation: show-barFR-four var(--bar4);
  animation: show-barFR-four var(--bar4);
}
.bar-graph-FR .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barFR-five var(--bar5);
  -moz-animation: show-barFR-five var(--bar5);
  animation: show-barFR-five var(--bar5);
}

@-webkit-keyframes show-barFR-one {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (3.1 / 5.5));}
}
@-webkit-keyframes show-barFR-two {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (3.1 / 5.5));}
}
@-webkit-keyframes show-barFR-three {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (4.2 / 5.5));}
}
@-webkit-keyframes show-barFR-four {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (5.3 / 5.5));}
}
@-webkit-keyframes show-barFR-five {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (5.5 / 5.5));}
}

/* Bar Graph FRdouble Horizontal Animations */
.isDouble .bar-graph-horizontal .last .bar::after {right: -38px;}
.isDouble .bar-graph-horizontal .last .bar.bar-2::after {right: -48px;}
.isDouble .bar-graph-horizontal .bar::after {top: 0px; right: -28px;}
.isDouble .bar-graph-horizontal .bar.bar-2::after {top: 0px; right: -36px;}

.bar-graph-FRdouble .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-one var(--bar1);
  -moz-animation: show-barFRdouble-one var(--bar1);
  animation: show-barFRdouble-one var(--bar1);
}
.bar-graph-FRdouble .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-one var(--bar1b);
  -moz-animation: show-barFRdouble2-one var(--bar1b);
  animation: show-barFRdouble2-one var(--bar1b);
}
.bar-graph-FRdouble .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-two var(--bar2);
  -moz-animation: show-barFRdouble-two var(--bar2);
  animation: show-barFRdouble-two var(--bar2);
}
.bar-graph-FRdouble .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-two var(--bar2b);
  -moz-animation: show-barFRdouble2-two var(--bar2b);
  animation: show-barFRdouble2-two var(--bar2b);
}
.bar-graph-FRdouble .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-three var(--bar3);
  -moz-animation: show-barFRdouble-three var(--bar3);
  animation: show-barFRdouble-three var(--bar3);
}
.bar-graph-FRdouble .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-three var(--bar3b);
  -moz-animation: show-barFRdouble2-three var(--bar3b);
  animation: show-barFRdouble2-three var(--bar3b);
}
.bar-graph-FRdouble .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-four var(--bar4);
  -moz-animation: show-barFRdouble-four var(--bar4);
  animation: show-barFRdouble-four var(--bar4);
}
.bar-graph-FRdouble .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-four var(--bar4b);
  -moz-animation: show-barFRdouble2-four var(--bar4b);
  animation: show-barFRdouble2-four var(--bar4b);
}
.bar-graph-FRdouble .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-five var(--bar5);
  -moz-animation: show-barFRdouble-five var(--bar5);
  animation: show-barFRdouble-five var(--bar5);
}
.bar-graph-FRdouble .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-five var(--bar5b);
  -moz-animation: show-barFRdouble2-five var(--bar5b);
  animation: show-barFRdouble2-five var(--bar5b);
}

@-webkit-keyframes show-barFRdouble-one {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (6.6 / 58.4));}
}
@-webkit-keyframes show-barFRdouble2-one {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (58.4 / 58.4));}
}
@-webkit-keyframes show-barFRdouble-two {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (7.5 / 58.4));}
}
@-webkit-keyframes show-barFRdouble2-two {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (56.3 / 58.4));}
}
@-webkit-keyframes show-barFRdouble-three {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (8.4 / 58.4));}
}
@-webkit-keyframes show-barFRdouble2-three {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (55.9 / 58.4));}
}
@-webkit-keyframes show-barFRdouble-four {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (7.3 / 58.4));}
}
@-webkit-keyframes show-barFRdouble2-four {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (53.3 / 58.4));}
}
@-webkit-keyframes show-barFRdouble-five {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (2.7 / 58.4));}
}
@-webkit-keyframes show-barFRdouble2-five {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (54.6 / 58.4));}
}

/* Bar Graph Highlights Horizontal Animations */
.bar-graph-Highlights.bar-graph-horizontal .bar {
  height: 1.5rem; margin-right: 0;
}
.bar-graph-Highlights .bar-one .bar.animated-chart.isVisible {
  background-color: #BAC47C;
  -webkit-animation: show-barHighlights var(--bar1);
  -moz-animation: show-barHighlights var(--bar1);
  animation: show-barHighlights var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack1.animated-chart.isVisible {
  background-color: #6993CC;
  -webkit-animation: show-barHighlightsstack-1 var(--bar1);
  -moz-animation: show-barHighlightsstack-1 var(--bar1);
  animation: show-barHighlightsstack-1 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack2.animated-chart.isVisible {
  background-color: #9AB2C7;
  -webkit-animation: show-barHighlightsstack-2 var(--bar1);
  -moz-animation: show-barHighlightsstack-2 var(--bar1);
  animation: show-barHighlightsstack-2 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack3.animated-chart.isVisible {
  background-color: #8ebbd0;
  -webkit-animation: show-barHighlightsstack-3 var(--bar1);
  -moz-animation: show-barHighlightsstack-3 var(--bar1);
  animation: show-barHighlightsstack-3 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack4.animated-chart.isVisible {
  background-color: #BC9DCA;
  -webkit-animation: show-barHighlightsstack-4 var(--bar1);
  -moz-animation: show-barHighlightsstack-4 var(--bar1);
  animation: show-barHighlightsstack-4 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack5.animated-chart.isVisible {
  background-color: #9BD3AE;
  -webkit-animation: show-barHighlightsstack-5 var(--bar1);
  -moz-animation: show-barHighlightsstack-5 var(--bar1);
  animation: show-barHighlightsstack-5 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack6.animated-chart.isVisible {
  background-color: var(--color7);
  -webkit-animation: show-barHighlightsstack-6 var(--bar1);
  -moz-animation: show-barHighlightsstack-6 var(--bar1);
  animation: show-barHighlightsstack-6 var(--bar1);
}

@-webkit-keyframes show-barHighlights {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 10);}
}
@-webkit-keyframes show-barHighlightsstack-1 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 12);}
}
@-webkit-keyframes show-barHighlightsstack-2 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 29);}
}
@-webkit-keyframes show-barHighlightsstack-3 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 13);}
}
@-webkit-keyframes show-barHighlightsstack-4 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 2);}
}
@-webkit-keyframes show-barHighlightsstack-5 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 5);}
}
@-webkit-keyframes show-barHighlightsstack-6 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 29);}
}

.bar-graph-horizontal .stackedChart.bar-one{margin: 0;}
.bar-graph-horizontal .stackedChartBlockContainer{position: relative; margin:0; height: 100px;}
.stackedChartBlockContainer p {margin:0.5rem 0;}
.stackedChartBlockContainer .stackedChartBlock {margin-bottom: 0; position: absolute; bottom:0; font-size: 0.85rem;font-weight: bold;}
.stackedChartBlockContainer .stackedChartBlock.shiftLeft{margin-left: -1px;}
.stackedChartBlockNum {font-size: 1.75rem; font-weight: bold; margin-bottom: 0.5rem;}
.stackedChartBlockNum>span {padding:0 0.5rem;}
.stackedChartBlock.left>.stackedChartBlockNum::before {content:""; display: block; height: 1rem; bottom: 0; position: absolute; border-left-style: solid; border-left-width: 2px;}
.stackedChartBlock.right>.stackedChartBlockNum::before {content:""; display: block; height: 1rem; right: 1px; bottom: 0; position: absolute; border-right-style: solid; border-right-width: 2px;}
.stackedChartBlockContainer.lower .stackedChartBlock.left>.stackedChartBlockNum::before{content:""; display: block; height: 1rem; top: 0; position: absolute; border-left-style: solid; border-left-width: 2px;}

.bar-graph-horizontal .legend .item .legend-index {float: left; border-left: 0.875rem solid #8ebbd0; height: 0.875rem; margin-top: 4px;}
.bar-graph-horizontal .legend .item p {float: left; line-height: 1.25; padding-left: 0.5rem; margin: 4px 0; /*margin-bottom: 0.5rem;*/}

@media (max-width:1024px) {
	.isDouble .doubleBar {width: 92%;}
}
@media (max-width: 992px) {
	.isDouble .doubleBar {width: 92%;}
}
@media (max-width: 540px) {
	.isDouble .doubleBar {width: 86.5%;}
}

/* Pie special */