body {font-family: 'Open Sans', sans-serif!important;}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/opensans-light.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/opensans-light?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/opensans-light.woff') format('woff'), /* Modern Browsers */
       url('fonts/opensans-light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans-light.svg#OpenSans') format('svg'); /* Legacy iOS */
}



@font-face {
   font-family:'Open Sans';
   font-style: italic;
   font-weight: 300;
   src: local('Open Sans'), local('Opensans-Light'),
   url(fonts/opensans-light.woff2) format('woff2'),
   url(fonts/opensans-light.woff2) format('woff');
}
@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 400;
   src: local('Open Sans'), local('Opensans-Regular'),
   url(fonts/opensans-regular.woff2) format('woff2'),
   url(fonts/opensans-regular.woff) format('woff');
}
@font-face {
   font-family:'Open Sans';
   font-style: italic;
   font-weight: 400;
   src: local('Open Sans'), local('Opensans-Regular-italic'),
   url(fonts/opensans-regular-italic.woff2) format('woff2'),
   url(fonts/opensans-regular-italic.woff) format('woff');
}
@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 600;
   src: local('Open Sans'), local('Opensans-Semibold'),
   url(fonts/opensans-semibold.woff2) format('woff2'),
   url(fonts/opensans-semibold.woff2) format('woff');
}
@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 600;
   src: local('Open Sans'), local('Opensans-semibold-italic'),
   url(fonts/opensans-semibold-italic.woff2) format('woff2'),
   url(fonts/opensans-semibold-italic.woff) format('woff');
}



/*-------------------------------Circle Graph CSS-------------------------------------------*/
/*Accordion for circle grapĥ*/
.circle-contents{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #525252
}
.et_pb_toggle_content h4{
	margin-bottom:10px!important;
	color:#004c8d!important;
}
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title{
	margin-bottom:20px!important
}
.et_pb_toggle .et_pb_toggle_title {
	padding-right: 0!important;
	margin-bottom: 0!important;
}
.circle-contents:last-child{
	padding-bottom:0!important;
	border-bottom:none!important
}
/*------>*/
.uke-circle-graph-mob{
	display:none
}
@media (max-width:840px){
	.uke-circle-graph{
		display:none
	}
	.uke-circle-graph-mob{
		display:block
	}
}
@media (min-width: 983px) and (max-width: 1366px){
	.uke-circle-graph{
		display:none
	}
	.uke-circle-graph-mob{
		display:block
	}
}
@media only screen and (max-width: 1366px) {
	#circle{
		display: none;
	}

}
@media only screen and (max-width: 980px) {
	#circle{
		display: flex;
	}
}
@media only screen and (max-width: 840px) {
	#circle{
		display: none;
	}
}
#circle {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	min-height: 700px;
	font-family: 'Open Sans', sans-serif!important;
}
#circle .fill-primary {
	fill: yellow !important;
}
#circle svg text textPath {
	font-size: 1.1rem; 
	font-family: 'Open Sans', sans-serif;
	
}
@media (min-width:981px) and (max-width:1250px){

	#circle svg .arc.arc-0 text textPath,#circle svg .arc.arc-1 text textPath,#circle svg .arc.arc-2 text textPath,#circle svg .arc.arc-3 text textPath,#circle svg .arc.arc-4 text textPath {
		font-size: 0.6rem!important
	}
	#circle .fill-primary{
		font-size:0.6rem!important
	}
}
#circle .fill-primary{
	font-size:0.8rem!important;
}
@media (min-width: 1251px) and (max-width: 1400px) {

	#circle svg .arc.arc-0 text textPath,#circle svg .arc.arc-1 text textPath,#circle svg .arc.arc-2 text textPath,#circle svg .arc.arc-3 text textPath,#circle svg .arc.arc-4 text textPath {
		font-size: 0.7rem!important
	}
}
@media (max-width: 980px) {

	#circle svg .arc.arc-0 text textPath,#circle svg .arc.arc-1 text textPath,#circle svg .arc.arc-2 text textPath,#circle svg .arc.arc-3 text textPath,#circle svg .arc.arc-4 text textPath {
		font-size: 0.7rem!important
	}
	#circle .fill-primary{
		font-size:0.7rem!important
	}
}
#circle svg text textPath {
	opacity: 0;
}
#circle path[id^='arc-'] {
	fill: #eee;
	stroke: #fff;
	stroke-width: 3px;
}
#circle path[id^='arc-'].active1 {
	fill: #74bf94;
	cursor: pointer;
}
#circle path[id^='arc-'].active2 {
	fill: #74bf94;
	cursor: pointer;
}
#circle path[id^='arc-'].active-dark {
	fill: #ba9bc5;
}
#circle path[id^='arc-'].active-primary {
	fill: #004c8e;
}
#circle path[id^='arc-'].active-dark ~ text textPath {
	fill: #fff;
}
#circle path[id^='arc-'].active-primary ~ text textPath {
	fill: #fff;
}
#circle path[id^='arc-'].active:hover, #circle path[id^='arc-'].clicked {
	opacity: 0.8;
}
#circle .box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 2rem;
	background-color: #739ab0;
	color: #fff;
	max-width: 20rem;
	min-width: 14rem;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}
#circle .box .box-title {
	margin-bottom: 1rem;
	margin-top: 0;
	pointer-events: none;
}
#circle .box .box-text {
	margin: 0;
	pointer-events: none;
}
#circle .box .box-close-button {
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
#circle .box .box-close-button .box-line1, #circle .box .box-close-button .box-line2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 3px;
	transform-origin: 0 0;
	background-color: #fff;
	pointer-events: none;
}
#circle .box .box-close-button .box-line1 {
	transform: rotate(45deg) translate(-50%, -50%);
}
#circle .box .box-close-button .box-line2 {
	transform: rotate(-45deg) translate(-50%, -50%);
}
.arc.arc-5{
	font-weight:600!important; 
	font-family: 'Open Sans', sans-serif;
}
#circle svg .arc.arc-0 text textPath,#circle svg .arc.arc-1 text textPath,#circle svg .arc.arc-2 text textPath,#circle svg .arc.arc-3 text textPath,#circle svg .arc.arc-4 text textPath{
	font-weight:700!important;
	font-size:0.9rem!important;
}