
#content h2.larger{font-size:3rem;}
#content hr{margin:48px auto;}
.section.extratopmargin{margin-top:32px;}
.section.extratopmargin.ltgray.social{padding-top:96px;}
.section.extrabottommargin{margin-bottom:32px;}
.vitals{border:1px Solid #009DDB;padding:32px;}
.vitals h2{border-bottom:1px Solid #009DDB;font-size:1.75rem;padding-bottom:8px;}
.vitals p strong{font-size:1.25rem;font-family:Montserrat;margin-right:8px;}

.section.gray{background-color:#eaeaea;padding:32px 0;}

.numblocks{margin-top:32px;}
.numblock{text-align:center;margin-bottom:32px;padding:16px;}
.numblock:after{content:'';display:block;clear:both;}

.numblock.outline{border:1px Solid #009DDB;}
.numblock.ltgray{background-color:#f2f2f2;}

.numblock strong{font-size:1.1875rem;font-weight:normal;margin-bottom:8px;display:block;}
.nb_left{width:50%;float:left;font-size:2.625rem;line-height:42px;font-weight:bold;font-family:Montserrat;border-right:1px solid #ccc;padding-right:16px;text-align:right;}
.nb_right{width:50%;float:right;font-size:2.625rem;line-height:42px;font-weight:bold;font-family:Montserrat;padding-left:16px;text-align:left;}

.nb_large{font-size:4.5rem;line-height:72px;font-weight:bold;font-family:Montserrat;}
.nb_large + p{max-width:400px;margin:0px auto;margin-top:16px;}
.nb_large.dkblue, .nb_medium.dkblue{color:#1f2b4a;}
.nb_large.brown{color:#776E64;}
.nb_large.yellow, .nb_medium.yellow{color:#db6300;}



.nb_large_circle{border-radius:50%;font-size:4.5rem;line-height:72px;font-weight:bold;font-family:Montserrat;color:#fff;background-color:#1f2b4a;text-align:center;line-height:200px;width:200px;height:200px;margin:0px auto;margin-bottom:16px;}


.nb_large_circle.yellow{background-color:#db6300;}

.nb_left.green{color:#689400;}

.nb_medium{font-size:2rem;line-height:48px;font-weight:bold;font-family:Montserrat;}
#content .nb_medium + p{margin-bottom:0px;}

.numblock .ltblue{color:#238fbe;}
.numblock .dkblue{color:#1f2b4a;}


.numcircles{margin-top:32px;}
.numcircles .col_one_third{margin-bottom:32px;}

.nb_circle{margin:0px auto;height:128px;width:128px;text-align:center;line-height:128px;border-radius:50%;color:#fff;background-color:#333;font-size:3rem;font-weight:bold;font-family:Montserrat;}
.nb_circle + strong{display:block;margin-top:16px;font-weight:normal;text-align:center;font-size:1.25rem;}
.nb_circle.brown{background-color:#776E64;}


.nb_left.floater{width:176px;float:left;font-size:4rem;line-height:64px;font-weight:bold;font-family:Montserrat;border-right:none;padding-right:16px;text-align:center;}
#content .nb_left.floater + p{position:relative;top:0px;text-align:left;margin-bottom:0px;font-size:1rem;line-height:2;font-weight:normal;}
.ltgraybox{background-color:#f2f2f2;padding:16px;margin-bottom:16px;}

#content h3.small{font-size:1.25rem;margin-bottom:8px;}

.ltgraybox .nb_left.floater{padding-right:0px;width:160px;}


.hchart{display:table;position:relative;width:100%;margin-bottom:16px;}
.hchart label{font-size:1rem;color:#002449;}
.hchart_item{display:table-row;}
.hchart_label{display:table-cell;vertical-align:middle;/*border-right:2px Solid #CCC;*/width:240px;padding:8px 0;text-align:right;}
.hchart_label label{display:block;margin-right:8px;}
.hchart_value{display:table-cell;vertical-align:middle;padding:4px 0;}
.hchart_value span{background-color:#002449;height:36px;display:block;float:left;color:#fff;line-height:36px;font-weight:bold;text-align:right;padding-right:8px;font-size:1.1875rem;box-sizing:border-box;}
.hchart_value span label{display:inline;color:#fff;padding-right:0px;font-size:1.1875rem;font-weight:bold;padding-right:8px;}

.hchart_value span.zero{background-color:transparent !important;width:32px !important;}
.hchart_value span.zero label{color:#002449 !important;}

.hchart.stack .hchart_item{display:block;}
.hchart.stack .hchart_label{display:block;width:100%;text-align:left;line-height:1.25;padding-bottom:0px;}
.hchart.stack .hchart_value{display:block;height:32px;margin-bottom:16px;background-color:#e9e9e9;background-color:transparent;}

.hchart_value span.berry{background-color:#A50050;}
.hchart_value span.ltblue{background-color:#238fbe;}
.hchart_value span.dkblue{background-color:#1f2b4a;}
.hchart_value span.teal{background-color:#13958d;}
.hchart_value span.green{background-color:#689400;}
.hchart_value span.brown{background-color:#776E64;}

.hchart.smalllabel .hchart_label{width:128px;}



.col_full + .col_full{margin-top:32px;}


.hchart_value span{transition:all 1s ease-in-out;width:0%;padding:0;word-break: break-all;}/*To Fix the wcag text clipped issue removed overflow hidden and added word-break*/


.legend span{color:#002449 !important;display:inline-block;font-size:1rem;line-height:32px;margin-right:16px;}
.legend span:last-child{margin-right:0px;}
.legend span:before{content:'';display:inline-block;height:16px;width:16px;background-color:#ccc;margin-right:8px;position:relative;top:2px}

.legend span.ltblue:before{background-color:#238fbe;}
.legend span.dkblue:before{background-color:#1f2b4a;}
.legend span.berry:before{background-color:#A50050;}
.legend span.brown:before{background-color:#776E64;}
.legend span.green:before{background-color:#689400;}
.legend span.teal:before{background-color:#13958d;}
.legend span.none:before{display:none;}








.vchart:after{content:'';clear:both;float:none;display:block;}
.vchart_item{display:inline-block;width:calc(20% - 12.8px);text-align:center;float:left;margin-right:16px;}
.vchart_item:last-child{margin-right:0px;}

.vchart_value{height:300px;position:relative;overflow:hidden;}
.vchart_value span{transition:all 1s ease-in-out;}
.vchart_value span{display:block;background-color:#002449;height:300px;position:relative;margin:0px auto;max-width:48px;top:100%;}

.vchart_value span.dkblue{background-color:#1f2b4a;}
.vchart_value span.green{background-color:#689400;}
.vchart_value span.teal{background-color:#13958d;}

.vchart_label label.icon span{display:none;}
.vchart_label label.icon.teal svg{fill:#13958d;display:block;height:48px;width:48px;margin:0px auto;margin-top:12px;}


.vchart_value span label{font-family:Montserrat;font-size:1.25rem;font-weight:bold;color:#1f2b4a;line-height:32px;position:absolute;transition:all 1s ease-in-out;opacity:0;display:block;text-align:center;top:0;width:100%;}
.vchart_value span.animated label{top:-32px;opacity:1;}


.vchart.col3 .vchart_item{width:calc(33.3% - 12.8px);margin-right:16px;}
.vchart.col3 .vchart_item:last-child{margin-right:0px;}

.vchart.col3 .vchart_value{height:150px;}

.vchart.col3 .vchart_value span{height:150px;}

.nb_people{position:relative;margin-bottom:16px;}
.nb_people .nb{font-size:2rem;line-height:32px;font-weight:bold;font-family:Montserrat;display:inline-block;}
.nb_people .nb{position:absolute;top:140px;width:100%;text-align:center;padding-left:6px;}

.nb_people .bg{height:336px;width:336px;margin:0px auto;}
.nb_people.ltblue .bg svg{fill:#238fbe;width:100%;}
.nb_people.ltblue .nb {color:#238fbe;width:100%;}
.nb_people.dkblue .bg svg{fill:#1f2b4a;width:100%;}
.nb_people.dkblue .nb {color:#1f2b4a;width:100%;}





@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

.count {
	display:inline-block;
  transition: --num 2.5s;
  counter-set: num var(--num);
	font-family:Montserrat;
  
}
.count:after {
  content: counter(num);
}


/*SAFARI SHUT OFF*/
.count span{display:none;}
_::-webkit-full-page-media, _:future, :root .count span { display:inline; }
_::-webkit-full-page-media, _:future, :root .count:after { display:none; }
@media not all and (min-resolution:.001dpcm) { @media { .count span {  display:inline; }}}
@media not all and (min-resolution:.001dpcm) { @media { .count:after {  display:none; }}}


/*DRAW CIRLCE*/
.circleDraw {
  width: 180px;
  height: 180px;
  margin: 0px auto;
  position: relative;
	box-sizing:content-box;
}

.circleWrap {
  width: 90px;
  height: 180px;
  position: absolute;
  top: 0;
  overflow: hidden;
		box-sizing:content-box;
}

.circleWrap.right {
  right: 0;
}

.circleWrap.left {
  left: 0;
}

.circleFull {
  width: 164px;
  height: 164px;
  border: 8px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: rotate(-135deg);
		box-sizing:content-box;
}

.circleFull.right {
  border-top: 8px solid #1f2b4a;
  border-right: 8px solid #1f2b4a;
  right: 1px;
}

.circleFull.left {
  border-bottom: 8px solid #1f2b4a;
  border-left: 8px solid #1f2b4a;
  left: 1px;
}

.circleDraw.animated .circleFull.right{
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-name:circleRight;
}

.circleDraw.animated .circleFull.left{
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-name:circleLeft; 
}

@keyframes circleRight {
  0% {transform: rotate(-135deg);}
  50%,  100% {transform: rotate(45deg);}
}

@keyframes circleLeft {
	0%, 50% {transform: rotate(-135deg);}
	100% {transform: rotate(45deg);}
}


.circleDraw .nb{color:#1f2b4a;font-size:4rem;font-weight:bold;font-family:Montserrat;position:absolute;display:block;line-height:180px;text-align:center;width:100%;}
.circleDraw + p{margin-top:16px;}


.circleDraw.dkblue .nb{color:#1f2b4a;}
.circleDraw.yellow .nb{color:#db6300;}

.circleDraw.yellow .circleFull.right {border-top: 8px solid #db6300;border-right: 8px solid #db6300;}
.circleDraw.yellow .circleFull.left {border-bottom: 8px solid #db6300;border-left: 8px solid #db6300;}


@media (max-width: 1120px) {
	h2.larger br{display:none;}
	.ltgraybox .nb_left.floater{float:none;margin-bottom:8px;text-align:center;width:auto;}
	#content .nb_left.floater + p{top:auto;text-align:center;line-height:1.25;}
	.vchart_label label{line-height:1.25;}
	
	.col_half.dividerright {border-right: none;padding-right: 0%;}
	.col_half.dividerright + .col_half.col_last {padding-left: 0%;border: none;}
	
}

@media (max-width: 900px) {
	.intro .col_half{width:58%}
	.intro .col_half.col_last{width:38%;}
	
	.col_half.dividerright {float:none;width:100%;margin-right:0px;padding:0;margin-bottom:16px !important;}
	.col_half.dividerright + .col_half.col_last {float:none;width:100%;margin-right:0px;padding:0;}
	
}

@media (max-width: 880px) {
	.numblock .nb_left,	.numblock .nb_right{font-size:2.25rem;}
	.hchart_label{width:100px;}
	.hchart.smalllabel .hchart_label{width:100px;}
}

@media (max-width: 800px) {
	.numblock .nb_left,	.numblock .nb_right{font-size:2.125rem;}
}

@media (max-width: 760px) {
	#content .section .container .col_one_third.numblock.outline {border: 1px Solid #238fbe !important;}
	#content .section .container .col_one_third.numblock{max-width:300px;margin:0 auto 16px auto !important;}
	.tcenter .legend{text-align:center;}
	.nb_medium, .nb_large{display:block;text-align:center;}
	.circleDraw + p, #content .nb_medium + p{text-align:center !important;margin-bottom:0px !important;}
	.circleDraw + p{padding-bottom:16px;}
	.hchart.stack .hchart_label{width:100%;}
	
	.gray .col_one_fifth{display:inline-block;margin:0px;padding:0px;width:33.3%;margin-bottom:16px;}
	.gray .col_one_fifth:nth-child(4){width:50%;margin-bottom:0px;}
	.gray .col_one_fifth:nth-child(5){width:50%;margin-bottom:0px;}
	
	
}

@media (max-width: 600px) {
	
	/*.hchart_value span.animated{min-width:50px;}*/
	
	
	.hchart .hchart_item{display:block;}
	.hchart .hchart_label{display:block;width:100%;text-align:left;line-height:1.25;padding-bottom:0px;}
	.hchart .hchart_value{display:block;height:32px;margin-bottom:16px;background-color:transparent;}
	
	.vchart_label {display:block;position:relative;height:100px;}
	.vchart_label label:not(.icon){display:block;width:100px;transform:rotate(90deg);text-align:left;position: absolute;transform-origin: center;top: 42px;height: 40px;left: 50%;margin-left: -48px;}

}



@media (max-width: 400px) {
	
	.gray .col_one_fifth{display:block;margin:0px;padding:0px;width:100%;margin-bottom:16px;float:none;}
	.gray .col_one_fifth:nth-child(4){width:100%;margin-bottom:16px;}
	.gray .col_one_fifth:nth-child(5){width:100%;margin-bottom:0px;}
	
}







