/***ITS HOMEPAGE updated for ID7 19/06/15 - EJH***/

#requests a:link, #requests a:visited {text-decoration: none;}
#requests a:hover {text-decoration: underline;}
#requests a.more-services:hover {text-decoration: none;}

.request {padding-left: 45px; margin-bottom: 2em; padding-right: 10px;}
.request .fa {position: absolute; margin-left: -30px;}
.request p:not(.more) {margin-bottom:0;}

/** NEW FOR DEVICE SECURITY SECTION 18 NOV 2019 **/
/** NEW 19 March 2020 changed styling to highlight the helpdesk rather than device secuirty **/

#helpdesk-req {
background-color: #DCE7EF;
padding-top: 1em;
padding-bottom: 30px;
margin-bottom:10px;
}


/**NEWS BOX***/
#its-news a:link, #its-news a:visited {text-decoration: none;}
#its-news a:hover {text-decoration: underline;}

/**SERVICE STATUS***/

#service-status {position: relative;}
.updated-date {position: absolute; right: 0;}
#service-status h2 {margin-top: 0;}
#service-status h2.red, #service-status h2.amber, #service-status h2.green {
	position: relative;
	margin-left: 30px;
}
#service-status h2.red:before, #service-status h2.amber:before, #service-status h2.green:before {
	position: absolute;
	width: 42px;
	height: 42px;
	left: -32px;
}
#service-status h2.red:before {content:url(its-redcross.png);}
#service-status h2.amber:before {content:url(its-yellowex.png);}
#service-status h2.green:before {content:url(its-greentick.png);}
.green.updated-date {display: none;}
.status-editor-link {text-align: right; margin-top: 6px;}
.status-editor-link p {background-color: lightGrey; display: inline-block; padding: 2px 5px;}


/*** infographic styles ***/

.hideThis {display: none;}
.showThis {display: block;}

.infographic-container {position: relative;}
.infographic-container p.edit-link {position: absolute; top: 0; left: 0; width: 100%;}
.infographic-container a.edit-link {
	position: absolute;
	background-color: lightGrey;
	padding: 2px 5px;
	z-index: 1;
}
.infographic {font-size: 1.15em;}
@media (min-width: 1024px) {
	.infographic-container {min-height: 180px;}
	.infographic {font-size: 1.75em; line-height: 1.4em;}
}

/*** resolution time ***/

.resolution-time p {margin: 0;}
.resolution-time .line2 p {margin-bottom: 60px;}
.resolution-time .percentage {
	position: absolute;
	color: white;
	right: 40px;
	top: 88px;
	font-size: 1.50em;
	font-weight: bold;
}
@media (min-width: 768px) {
	.resolution-time {margin-bottom: -20px;}
	.resolution-time .percentage {top: 108px; right: 58px;}
}
@media (min-width: 1024px) {
	.resolution-time {margin-bottom: -40px;}
	.resolution-time .percentage {right: 52px; top: 102px; font-size: 1.45em;}
	.resolution-time .line2 {font-size: 1.25em;}
}
@media (min-width: 1200px) {
	.infographic.resolution-time .pie {margin-right: 40px;}
	.resolution-time .percentage {right: 80px;}
}

/*** NPS survey ***/
#nps-score .number {display: none;}
#nps-score .plus-fifty {
	font-style: italic;
	letter-spacing: -0.5px;
	color: #404042;
}
@media (min-width: 1024px) {
	#nps-score {font-size: 130%; margin-left: 100px;}
	#nps-score .plus-fifty {font-size: 0.9em;}
	#nps-score .number {
		display: block;
		position: absolute;
		left: 10px;
		top: 36%;
		font-size: 4em;
	}
}
@media (min-width: 1200px) {
	#nps-score {margin-left: 150px;}
	#nps-score .number {left: 20px; font-size: 5em;}
}

/*** servers ***/

@media (min-width: 768px) {
	#servers {
		background: url('usb.png') no-repeat left 98%;
		margin: 0 0 -20px -20px;
		padding: 0 0 25px 20px;
	}
}
@media (min-width: 1024px) {
	#servers .number {font-size: 1.2em;}
}

@media (min-width: 1200px) {
	#servers {
		font-size: 2.2em;
		line-height: 1.1em;
		margin-top: -9px ;
		letter-spacing: -0.5px;
	}
	#servers .number {font-size: 1.4em; position: relative; top: 0.05em;}
	#servers .number.forty {top: 0.1em}
	#servers .number.percent {top: 0.2em}
}

/*** phones ***/

@media (min-width: 768px) {
	#deskphones {
		background: url('deskphone.png') no-repeat left 50%;
		background-size: contain;
		padding-left: 130px;
	}
}
@media (min-width: 1024px) {
	#deskphones {
		background-size: inherit;
		padding-left: 154px;
		line-height: 1.2em;
	}
}
@media (min-width: 1200px) {
	#deskphones {
		letter-spacing: -0.5px;
		line-height: 1.2em;
		font-size: 1.8em;
		padding-top: 10px;
	}
	#deskphones .number {font-size: 2.1em;}
	#deskphones .requests {font-size: 1.4em;}
}

/*** pageviews ***/
#pageviews {
	background: url('webpages.png') no-repeat left 50%;
	background-size: contain;
	padding-left: 60px;
}
@media (min-width: 1024px) {
	#pageviews {
		background-size: inherit;
		padding-left: 144px;
		padding-top: 20px;
		font-size: 1.75em;
		line-height: 1.2em;
	}
	#pageviews .number {font-size: 3em;}
}

@media (min-width: 1200px) {
	#pageviews {letter-spacing: -0.5px;}
	#pageviews .requests {font-size: 2em;}
}

/*** trees ***/

#trees .tree-number {display: none;}

@media (min-width: 1024px) {
	#trees {
		background: url('tree.png') no-repeat right top;
		padding-right: 144px;
		font-size: 1.5em;
		line-height: 1.2em;
	}
	#trees .tree-number {
		display: block;
		position: absolute;
		right: 47px;
		color: white;
		font-size: 2.5em;
		font-weight: bold;
		top: 64px;
	}
}

/*** helpdesk ***/

#helpdesk {background: url('monitor.png') no-repeat left top; padding: 0 0 0 100px;}
@media (min-width: 1200px) {
	#helpdesk {
		background-position: 90% 20px;
		padding: 0 0 0 30px;
		margin-top: -20px;
		font-size: 1.4em;
		line-height: 1.2em;
	}
	#helpdesk .number {
		font-size: 4.4em;
		line-height: 1.1em;
		display: block;
	}
}

/*** resnet ***/
@media (min-width: 1024px) {
	#resnet {
		background: url('wifi.png') no-repeat left top;
		line-height: 1.3em;
		font-size: 1.3em;
		padding-left: 225px;
	}

	#resnet .number {
		position: absolute;
		left: 20px;
		top: 90px;
		font-size: 4em;
		-ms-transform: rotate(-10deg); /* IE 9 */
		-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
		transform: rotate(-10deg);
	}
}
@media (min-width: 1200px) {
	#resnet {font-size: 1.5em; padding-left: 258px;}
	#resnet .number {left: 10px;}
}

/*** quote ***/
@media (min-width: 1024px) {
	#laptop {font-size: 1.25em; line-height: 1.2em;}
}
@media (min-width: 1200px) {
	#laptop {line-height: 1.35em;}
}

/*** network ports ***/

#ports img {display: none;}
@media (min-width: 1024px) {
	#ports img {display: inline;}
}
@media (min-width: 1200px) {
	#ports {line-height: 1.2em; font-size: 2em;}
	#ports .number {font-size: 1.7em;}
	#ports .number.lower {position: relative; top: 10px;}
	#ports img {display: inline;}
}

/*** page edits ***/

@media (min-width: 1024px) {
	#page-edits {
		background: url('people.png') no-repeat left top;
		padding-top: 100px;
		font-size: 1.1em;
		line-height: 1.3em;
	}
	#page-edits .number {
		position: absolute;
		top: 0;
		left: 160px;
		font-size: 6em;
		line-height: 1.2em;
	}
}
@media (min-width: 1200px) {
	#page-edits {font-size: 1.35em; line-height: 1.2em;}
	#page-edits .number {font-size: 5em;}
}

/*** webdesign ***/

	#webdesign .text {position: relative; z-index: 1;}
	#webdesign img {position: absolute; right: 16px; bottom: -6px; max-width: 50px;}

@media (min-width: 768px) {
	#webdesign img {right: 0.5em; bottom: 0.5em; }
}
@media (min-width: 1024px) {
	#webdesign {font-size: 1.5em;}
	#webdesign img {max-width: none;}
}
@media (min-width: 1200px) {
	#webdesign {  font-size: 1.7em; line-height: 1.2em; letter-spacing: -0.5px;}
	#webdesign .number {font-size: 1.4em;}
}

a#its-dashboard-link {position: absolute;  right: 40px; bottom: -1em;}


/** old stuff here ***/

.WPopupGlass .c {background-color: white;}

.WPopupBoxContent ul li {margin-bottom: 0.5em;}

.WPopupBoxContent a:link, .WPopupBoxContent a:visited {text-decoration: none; color: #1d71af;}
.WPopupBoxContent a:hover {color: #113a50;}




/*** print view ***/

@media print  
{
	.infographic, #minical-container {
		page-break-inside: avoid;
	}
}

/* pie.css */
.infographic .pie {
	margin: 10px;
	float: right;
	width: 125px;
	height: 125px;
	background-color: #efefef;
	border-radius: 50%;
}
.infographic .pie .circle .mask,
.infographic .pie .circle .fill {
	width: 125px;
	height: 125px;
	position: absolute;
	-webkit-backface-visibility: hidden;
	transition: -webkit-transform 1s;
	transition: -ms-transform 1s;
	transition: transform 1s;
	border-radius: 50%;
}
.infographic .pie .circle .mask {
	clip: rect(0px, 125px, 125px, 62.5px);
}
.infographic .pie .circle .mask .fill {
	clip: rect(0px, 62.5px, 125px, 0px);
	background-color: #19739d;
}
.infographic .pie[data-progress="0"] .circle .mask.full,
.infographic .pie[data-progress="0"] .circle .fill {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.infographic .pie[data-progress="0"] .circle .fill.fix {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.infographic .pie[data-progress="1"] .circle .mask.full,
.infographic .pie[data-progress="1"] .circle .fill {
	-webkit-transform: rotate(1.8deg);
	-ms-transform: rotate(1.8deg);
	transform: rotate(1.8deg);
}
.infographic .pie[data-progress="1"] .circle .fill.fix {
	-webkit-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
}
.infographic .pie[data-progress="2"] .circle .mask.full,
.infographic .pie[data-progress="2"] .circle .fill {
	-webkit-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
}
.infographic .pie[data-progress="2"] .circle .fill.fix {
	-webkit-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
}
.infographic .pie[data-progress="3"] .circle .mask.full,
.infographic .pie[data-progress="3"] .circle .fill {
	-webkit-transform: rotate(5.4deg);
	-ms-transform: rotate(5.4deg);
	transform: rotate(5.4deg);
}
.infographic .pie[data-progress="3"] .circle .fill.fix {
	-webkit-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
}
.infographic .pie[data-progress="4"] .circle .mask.full,
.infographic .pie[data-progress="4"] .circle .fill {
	-webkit-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
}
.infographic .pie[data-progress="4"] .circle .fill.fix {
	-webkit-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
}
.infographic .pie[data-progress="5"] .circle .mask.full,
.infographic .pie[data-progress="5"] .circle .fill {
	-webkit-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	transform: rotate(9deg);
}
.infographic .pie[data-progress="5"] .circle .fill.fix {
	-webkit-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	transform: rotate(18deg);
}
.infographic .pie[data-progress="6"] .circle .mask.full,
.infographic .pie[data-progress="6"] .circle .fill {
	-webkit-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
}
.infographic .pie[data-progress="6"] .circle .fill.fix {
	-webkit-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
}
.infographic .pie[data-progress="7"] .circle .mask.full,
.infographic .pie[data-progress="7"] .circle .fill {
	-webkit-transform: rotate(12.6deg);
	-ms-transform: rotate(12.6deg);
	transform: rotate(12.6deg);
}
.infographic .pie[data-progress="7"] .circle .fill.fix {
	-webkit-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
}
.infographic .pie[data-progress="8"] .circle .mask.full,
.infographic .pie[data-progress="8"] .circle .fill {
	-webkit-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
}
.infographic .pie[data-progress="8"] .circle .fill.fix {
	-webkit-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
}
.infographic .pie[data-progress="9"] .circle .mask.full,
.infographic .pie[data-progress="9"] .circle .fill {
	-webkit-transform: rotate(16.2deg);
	-ms-transform: rotate(16.2deg);
	transform: rotate(16.2deg);
}
.infographic .pie[data-progress="9"] .circle .fill.fix {
	-webkit-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
}
.infographic .pie[data-progress="10"] .circle .mask.full,
.infographic .pie[data-progress="10"] .circle .fill {
	-webkit-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	transform: rotate(18deg);
}
.infographic .pie[data-progress="10"] .circle .fill.fix {
	-webkit-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	transform: rotate(36deg);
}
.infographic .pie[data-progress="11"] .circle .mask.full,
.infographic .pie[data-progress="11"] .circle .fill {
	-webkit-transform: rotate(19.8deg);
	-ms-transform: rotate(19.8deg);
	transform: rotate(19.8deg);
}
.infographic .pie[data-progress="11"] .circle .fill.fix {
	-webkit-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
}
.infographic .pie[data-progress="12"] .circle .mask.full,
.infographic .pie[data-progress="12"] .circle .fill {
	-webkit-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
}
.infographic .pie[data-progress="12"] .circle .fill.fix {
	-webkit-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
}
.infographic .pie[data-progress="13"] .circle .mask.full,
.infographic .pie[data-progress="13"] .circle .fill {
	-webkit-transform: rotate(23.400000000000002deg);
	-ms-transform: rotate(23.400000000000002deg);
	transform: rotate(23.400000000000002deg);
}
.infographic .pie[data-progress="13"] .circle .fill.fix {
	-webkit-transform: rotate(46.800000000000004deg);
	-ms-transform: rotate(46.800000000000004deg);
	transform: rotate(46.800000000000004deg);
}
.infographic .pie[data-progress="14"] .circle .mask.full,
.infographic .pie[data-progress="14"] .circle .fill {
	-webkit-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
}
.infographic .pie[data-progress="14"] .circle .fill.fix {
	-webkit-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
}
.infographic .pie[data-progress="15"] .circle .mask.full,
.infographic .pie[data-progress="15"] .circle .fill {
	-webkit-transform: rotate(27deg);
	-ms-transform: rotate(27deg);
	transform: rotate(27deg);
}
.infographic .pie[data-progress="15"] .circle .fill.fix {
	-webkit-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	transform: rotate(54deg);
}
.infographic .pie[data-progress="16"] .circle .mask.full,
.infographic .pie[data-progress="16"] .circle .fill {
	-webkit-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
}
.infographic .pie[data-progress="16"] .circle .fill.fix {
	-webkit-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
}
.infographic .pie[data-progress="17"] .circle .mask.full,
.infographic .pie[data-progress="17"] .circle .fill {
	-webkit-transform: rotate(30.6deg);
	-ms-transform: rotate(30.6deg);
	transform: rotate(30.6deg);
}
.infographic .pie[data-progress="17"] .circle .fill.fix {
	-webkit-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
}
.infographic .pie[data-progress="18"] .circle .mask.full,
.infographic .pie[data-progress="18"] .circle .fill {
	-webkit-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
}
.infographic .pie[data-progress="18"] .circle .fill.fix {
	-webkit-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
}
.infographic .pie[data-progress="19"] .circle .mask.full,
.infographic .pie[data-progress="19"] .circle .fill {
	-webkit-transform: rotate(34.2deg);
	-ms-transform: rotate(34.2deg);
	transform: rotate(34.2deg);
}
.infographic .pie[data-progress="19"] .circle .fill.fix {
	-webkit-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
}
.infographic .pie[data-progress="20"] .circle .mask.full,
.infographic .pie[data-progress="20"] .circle .fill {
	-webkit-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	transform: rotate(36deg);
}
.infographic .pie[data-progress="20"] .circle .fill.fix {
	-webkit-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	transform: rotate(72deg);
}
.infographic .pie[data-progress="21"] .circle .mask.full,
.infographic .pie[data-progress="21"] .circle .fill {
	-webkit-transform: rotate(37.800000000000004deg);
	-ms-transform: rotate(37.800000000000004deg);
	transform: rotate(37.800000000000004deg);
}
.infographic .pie[data-progress="21"] .circle .fill.fix {
	-webkit-transform: rotate(75.60000000000001deg);
	-ms-transform: rotate(75.60000000000001deg);
	transform: rotate(75.60000000000001deg);
}
.infographic .pie[data-progress="22"] .circle .mask.full,
.infographic .pie[data-progress="22"] .circle .fill {
	-webkit-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
}
.infographic .pie[data-progress="22"] .circle .fill.fix {
	-webkit-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
}
.infographic .pie[data-progress="23"] .circle .mask.full,
.infographic .pie[data-progress="23"] .circle .fill {
	-webkit-transform: rotate(41.4deg);
	-ms-transform: rotate(41.4deg);
	transform: rotate(41.4deg);
}
.infographic .pie[data-progress="23"] .circle .fill.fix {
	-webkit-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
}
.infographic .pie[data-progress="24"] .circle .mask.full,
.infographic .pie[data-progress="24"] .circle .fill {
	-webkit-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
}
.infographic .pie[data-progress="24"] .circle .fill.fix {
	-webkit-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
}
.infographic .pie[data-progress="25"] .circle .mask.full,
.infographic .pie[data-progress="25"] .circle .fill {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.infographic .pie[data-progress="25"] .circle .fill.fix {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.infographic .pie[data-progress="26"] .circle .mask.full,
.infographic .pie[data-progress="26"] .circle .fill {
	-webkit-transform: rotate(46.800000000000004deg);
	-ms-transform: rotate(46.800000000000004deg);
	transform: rotate(46.800000000000004deg);
}
.infographic .pie[data-progress="26"] .circle .fill.fix {
	-webkit-transform: rotate(93.60000000000001deg);
	-ms-transform: rotate(93.60000000000001deg);
	transform: rotate(93.60000000000001deg);
}
.infographic .pie[data-progress="27"] .circle .mask.full,
.infographic .pie[data-progress="27"] .circle .fill {
	-webkit-transform: rotate(48.6deg);
	-ms-transform: rotate(48.6deg);
	transform: rotate(48.6deg);
}
.infographic .pie[data-progress="27"] .circle .fill.fix {
	-webkit-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
}
.infographic .pie[data-progress="28"] .circle .mask.full,
.infographic .pie[data-progress="28"] .circle .fill {
	-webkit-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
}
.infographic .pie[data-progress="28"] .circle .fill.fix {
	-webkit-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
}
.infographic .pie[data-progress="29"] .circle .mask.full,
.infographic .pie[data-progress="29"] .circle .fill {
	-webkit-transform: rotate(52.2deg);
	-ms-transform: rotate(52.2deg);
	transform: rotate(52.2deg);
}
.infographic .pie[data-progress="29"] .circle .fill.fix {
	-webkit-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
}
.infographic .pie[data-progress="30"] .circle .mask.full,
.infographic .pie[data-progress="30"] .circle .fill {
	-webkit-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	transform: rotate(54deg);
}
.infographic .pie[data-progress="30"] .circle .fill.fix {
	-webkit-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	transform: rotate(108deg);
}
.infographic .pie[data-progress="31"] .circle .mask.full,
.infographic .pie[data-progress="31"] .circle .fill {
	-webkit-transform: rotate(55.800000000000004deg);
	-ms-transform: rotate(55.800000000000004deg);
	transform: rotate(55.800000000000004deg);
}
.infographic .pie[data-progress="31"] .circle .fill.fix {
	-webkit-transform: rotate(111.60000000000001deg);
	-ms-transform: rotate(111.60000000000001deg);
	transform: rotate(111.60000000000001deg);
}
.infographic .pie[data-progress="32"] .circle .mask.full,
.infographic .pie[data-progress="32"] .circle .fill {
	-webkit-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
}
.infographic .pie[data-progress="32"] .circle .fill.fix {
	-webkit-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
}
.infographic .pie[data-progress="33"] .circle .mask.full,
.infographic .pie[data-progress="33"] .circle .fill {
	-webkit-transform: rotate(59.4deg);
	-ms-transform: rotate(59.4deg);
	transform: rotate(59.4deg);
}
.infographic .pie[data-progress="33"] .circle .fill.fix {
	-webkit-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
}
.infographic .pie[data-progress="34"] .circle .mask.full,
.infographic .pie[data-progress="34"] .circle .fill {
	-webkit-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
}
.infographic .pie[data-progress="34"] .circle .fill.fix {
	-webkit-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
}
.infographic .pie[data-progress="35"] .circle .mask.full,
.infographic .pie[data-progress="35"] .circle .fill {
	-webkit-transform: rotate(63deg);
	-ms-transform: rotate(63deg);
	transform: rotate(63deg);
}
.infographic .pie[data-progress="35"] .circle .fill.fix {
	-webkit-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	transform: rotate(126deg);
}
.infographic .pie[data-progress="36"] .circle .mask.full,
.infographic .pie[data-progress="36"] .circle .fill {
	-webkit-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
}
.infographic .pie[data-progress="36"] .circle .fill.fix {
	-webkit-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
}
.infographic .pie[data-progress="37"] .circle .mask.full,
.infographic .pie[data-progress="37"] .circle .fill {
	-webkit-transform: rotate(66.60000000000001deg);
	-ms-transform: rotate(66.60000000000001deg);
	transform: rotate(66.60000000000001deg);
}
.infographic .pie[data-progress="37"] .circle .fill.fix {
	-webkit-transform: rotate(133.20000000000002deg);
	-ms-transform: rotate(133.20000000000002deg);
	transform: rotate(133.20000000000002deg);
}
.infographic .pie[data-progress="38"] .circle .mask.full,
.infographic .pie[data-progress="38"] .circle .fill {
	-webkit-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
}
.infographic .pie[data-progress="38"] .circle .fill.fix {
	-webkit-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
}
.infographic .pie[data-progress="39"] .circle .mask.full,
.infographic .pie[data-progress="39"] .circle .fill {
	-webkit-transform: rotate(70.2deg);
	-ms-transform: rotate(70.2deg);
	transform: rotate(70.2deg);
}
.infographic .pie[data-progress="39"] .circle .fill.fix {
	-webkit-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
}
.infographic .pie[data-progress="40"] .circle .mask.full,
.infographic .pie[data-progress="40"] .circle .fill {
	-webkit-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	transform: rotate(72deg);
}
.infographic .pie[data-progress="40"] .circle .fill.fix {
	-webkit-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	transform: rotate(144deg);
}
.infographic .pie[data-progress="41"] .circle .mask.full,
.infographic .pie[data-progress="41"] .circle .fill {
	-webkit-transform: rotate(73.8deg);
	-ms-transform: rotate(73.8deg);
	transform: rotate(73.8deg);
}
.infographic .pie[data-progress="41"] .circle .fill.fix {
	-webkit-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
}
.infographic .pie[data-progress="42"] .circle .mask.full,
.infographic .pie[data-progress="42"] .circle .fill {
	-webkit-transform: rotate(75.60000000000001deg);
	-ms-transform: rotate(75.60000000000001deg);
	transform: rotate(75.60000000000001deg);
}
.infographic .pie[data-progress="42"] .circle .fill.fix {
	-webkit-transform: rotate(151.20000000000002deg);
	-ms-transform: rotate(151.20000000000002deg);
	transform: rotate(151.20000000000002deg);
}
.infographic .pie[data-progress="43"] .circle .mask.full,
.infographic .pie[data-progress="43"] .circle .fill {
	-webkit-transform: rotate(77.4deg);
	-ms-transform: rotate(77.4deg);
	transform: rotate(77.4deg);
}
.infographic .pie[data-progress="43"] .circle .fill.fix {
	-webkit-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
}
.infographic .pie[data-progress="44"] .circle .mask.full,
.infographic .pie[data-progress="44"] .circle .fill {
	-webkit-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
}
.infographic .pie[data-progress="44"] .circle .fill.fix {
	-webkit-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
}
.infographic .pie[data-progress="45"] .circle .mask.full,
.infographic .pie[data-progress="45"] .circle .fill {
	-webkit-transform: rotate(81deg);
	-ms-transform: rotate(81deg);
	transform: rotate(81deg);
}
.infographic .pie[data-progress="45"] .circle .fill.fix {
	-webkit-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	transform: rotate(162deg);
}
.infographic .pie[data-progress="46"] .circle .mask.full,
.infographic .pie[data-progress="46"] .circle .fill {
	-webkit-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
}
.infographic .pie[data-progress="46"] .circle .fill.fix {
	-webkit-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
}
.infographic .pie[data-progress="47"] .circle .mask.full,
.infographic .pie[data-progress="47"] .circle .fill {
	-webkit-transform: rotate(84.60000000000001deg);
	-ms-transform: rotate(84.60000000000001deg);
	transform: rotate(84.60000000000001deg);
}
.infographic .pie[data-progress="47"] .circle .fill.fix {
	-webkit-transform: rotate(169.20000000000002deg);
	-ms-transform: rotate(169.20000000000002deg);
	transform: rotate(169.20000000000002deg);
}
.infographic .pie[data-progress="48"] .circle .mask.full,
.infographic .pie[data-progress="48"] .circle .fill {
	-webkit-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
}
.infographic .pie[data-progress="48"] .circle .fill.fix {
	-webkit-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
}
.infographic .pie[data-progress="49"] .circle .mask.full,
.infographic .pie[data-progress="49"] .circle .fill {
	-webkit-transform: rotate(88.2deg);
	-ms-transform: rotate(88.2deg);
	transform: rotate(88.2deg);
}
.infographic .pie[data-progress="49"] .circle .fill.fix {
	-webkit-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}
.infographic .pie[data-progress="50"] .circle .mask.full,
.infographic .pie[data-progress="50"] .circle .fill {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.infographic .pie[data-progress="50"] .circle .fill.fix {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.infographic .pie[data-progress="51"] .circle .mask.full,
.infographic .pie[data-progress="51"] .circle .fill {
	-webkit-transform: rotate(91.8deg);
	-ms-transform: rotate(91.8deg);
	transform: rotate(91.8deg);
}
.infographic .pie[data-progress="51"] .circle .fill.fix {
	-webkit-transform: rotate(183.6deg);
	-ms-transform: rotate(183.6deg);
	transform: rotate(183.6deg);
}
.infographic .pie[data-progress="52"] .circle .mask.full,
.infographic .pie[data-progress="52"] .circle .fill {
	-webkit-transform: rotate(93.60000000000001deg);
	-ms-transform: rotate(93.60000000000001deg);
	transform: rotate(93.60000000000001deg);
}
.infographic .pie[data-progress="52"] .circle .fill.fix {
	-webkit-transform: rotate(187.20000000000002deg);
	-ms-transform: rotate(187.20000000000002deg);
	transform: rotate(187.20000000000002deg);
}
.infographic .pie[data-progress="53"] .circle .mask.full,
.infographic .pie[data-progress="53"] .circle .fill {
	-webkit-transform: rotate(95.4deg);
	-ms-transform: rotate(95.4deg);
	transform: rotate(95.4deg);
}
.infographic .pie[data-progress="53"] .circle .fill.fix {
	-webkit-transform: rotate(190.8deg);
	-ms-transform: rotate(190.8deg);
	transform: rotate(190.8deg);
}
.infographic .pie[data-progress="54"] .circle .mask.full,
.infographic .pie[data-progress="54"] .circle .fill {
	-webkit-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
}
.infographic .pie[data-progress="54"] .circle .fill.fix {
	-webkit-transform: rotate(194.4deg);
	-ms-transform: rotate(194.4deg);
	transform: rotate(194.4deg);
}
.infographic .pie[data-progress="55"] .circle .mask.full,
.infographic .pie[data-progress="55"] .circle .fill {
	-webkit-transform: rotate(99deg);
	-ms-transform: rotate(99deg);
	transform: rotate(99deg);
}
.infographic .pie[data-progress="55"] .circle .fill.fix {
	-webkit-transform: rotate(198deg);
	-ms-transform: rotate(198deg);
	transform: rotate(198deg);
}
.infographic .pie[data-progress="56"] .circle .mask.full,
.infographic .pie[data-progress="56"] .circle .fill {
	-webkit-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
}
.infographic .pie[data-progress="56"] .circle .fill.fix {
	-webkit-transform: rotate(201.6deg);
	-ms-transform: rotate(201.6deg);
	transform: rotate(201.6deg);
}
.infographic .pie[data-progress="57"] .circle .mask.full,
.infographic .pie[data-progress="57"] .circle .fill {
	-webkit-transform: rotate(102.60000000000001deg);
	-ms-transform: rotate(102.60000000000001deg);
	transform: rotate(102.60000000000001deg);
}
.infographic .pie[data-progress="57"] .circle .fill.fix {
	-webkit-transform: rotate(205.20000000000002deg);
	-ms-transform: rotate(205.20000000000002deg);
	transform: rotate(205.20000000000002deg);
}
.infographic .pie[data-progress="58"] .circle .mask.full,
.infographic .pie[data-progress="58"] .circle .fill {
	-webkit-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
}
.infographic .pie[data-progress="58"] .circle .fill.fix {
	-webkit-transform: rotate(208.8deg);
	-ms-transform: rotate(208.8deg);
	transform: rotate(208.8deg);
}
.infographic .pie[data-progress="59"] .circle .mask.full,
.infographic .pie[data-progress="59"] .circle .fill {
	-webkit-transform: rotate(106.2deg);
	-ms-transform: rotate(106.2deg);
	transform: rotate(106.2deg);
}
.infographic .pie[data-progress="59"] .circle .fill.fix {
	-webkit-transform: rotate(212.4deg);
	-ms-transform: rotate(212.4deg);
	transform: rotate(212.4deg);
}
.infographic .pie[data-progress="60"] .circle .mask.full,
.infographic .pie[data-progress="60"] .circle .fill {
	-webkit-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	transform: rotate(108deg);
}
.infographic .pie[data-progress="60"] .circle .fill.fix {
	-webkit-transform: rotate(216deg);
	-ms-transform: rotate(216deg);
	transform: rotate(216deg);
}
.infographic .pie[data-progress="61"] .circle .mask.full,
.infographic .pie[data-progress="61"] .circle .fill {
	-webkit-transform: rotate(109.8deg);
	-ms-transform: rotate(109.8deg);
	transform: rotate(109.8deg);
}
.infographic .pie[data-progress="61"] .circle .fill.fix {
	-webkit-transform: rotate(219.6deg);
	-ms-transform: rotate(219.6deg);
	transform: rotate(219.6deg);
}
.infographic .pie[data-progress="62"] .circle .mask.full,
.infographic .pie[data-progress="62"] .circle .fill {
	-webkit-transform: rotate(111.60000000000001deg);
	-ms-transform: rotate(111.60000000000001deg);
	transform: rotate(111.60000000000001deg);
}
.infographic .pie[data-progress="62"] .circle .fill.fix {
	-webkit-transform: rotate(223.20000000000002deg);
	-ms-transform: rotate(223.20000000000002deg);
	transform: rotate(223.20000000000002deg);
}
.infographic .pie[data-progress="63"] .circle .mask.full,
.infographic .pie[data-progress="63"] .circle .fill {
	-webkit-transform: rotate(113.4deg);
	-ms-transform: rotate(113.4deg);
	transform: rotate(113.4deg);
}
.infographic .pie[data-progress="63"] .circle .fill.fix {
	-webkit-transform: rotate(226.8deg);
	-ms-transform: rotate(226.8deg);
	transform: rotate(226.8deg);
}
.infographic .pie[data-progress="64"] .circle .mask.full,
.infographic .pie[data-progress="64"] .circle .fill {
	-webkit-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
}
.infographic .pie[data-progress="64"] .circle .fill.fix {
	-webkit-transform: rotate(230.4deg);
	-ms-transform: rotate(230.4deg);
	transform: rotate(230.4deg);
}
.infographic .pie[data-progress="65"] .circle .mask.full,
.infographic .pie[data-progress="65"] .circle .fill {
	-webkit-transform: rotate(117deg);
	-ms-transform: rotate(117deg);
	transform: rotate(117deg);
}
.infographic .pie[data-progress="65"] .circle .fill.fix {
	-webkit-transform: rotate(234deg);
	-ms-transform: rotate(234deg);
	transform: rotate(234deg);
}
.infographic .pie[data-progress="66"] .circle .mask.full,
.infographic .pie[data-progress="66"] .circle .fill {
	-webkit-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
}
.infographic .pie[data-progress="66"] .circle .fill.fix {
	-webkit-transform: rotate(237.6deg);
	-ms-transform: rotate(237.6deg);
	transform: rotate(237.6deg);
}
.infographic .pie[data-progress="67"] .circle .mask.full,
.infographic .pie[data-progress="67"] .circle .fill {
	-webkit-transform: rotate(120.60000000000001deg);
	-ms-transform: rotate(120.60000000000001deg);
	transform: rotate(120.60000000000001deg);
}
.infographic .pie[data-progress="67"] .circle .fill.fix {
	-webkit-transform: rotate(241.20000000000002deg);
	-ms-transform: rotate(241.20000000000002deg);
	transform: rotate(241.20000000000002deg);
}
.infographic .pie[data-progress="68"] .circle .mask.full,
.infographic .pie[data-progress="68"] .circle .fill {
	-webkit-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
}
.infographic .pie[data-progress="68"] .circle .fill.fix {
	-webkit-transform: rotate(244.8deg);
	-ms-transform: rotate(244.8deg);
	transform: rotate(244.8deg);
}
.infographic .pie[data-progress="69"] .circle .mask.full,
.infographic .pie[data-progress="69"] .circle .fill {
	-webkit-transform: rotate(124.2deg);
	-ms-transform: rotate(124.2deg);
	transform: rotate(124.2deg);
}
.infographic .pie[data-progress="69"] .circle .fill.fix {
	-webkit-transform: rotate(248.4deg);
	-ms-transform: rotate(248.4deg);
	transform: rotate(248.4deg);
}
.infographic .pie[data-progress="70"] .circle .mask.full,
.infographic .pie[data-progress="70"] .circle .fill {
	-webkit-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	transform: rotate(126deg);
}
.infographic .pie[data-progress="70"] .circle .fill.fix {
	-webkit-transform: rotate(252deg);
	-ms-transform: rotate(252deg);
	transform: rotate(252deg);
}
.infographic .pie[data-progress="71"] .circle .mask.full,
.infographic .pie[data-progress="71"] .circle .fill {
	-webkit-transform: rotate(127.8deg);
	-ms-transform: rotate(127.8deg);
	transform: rotate(127.8deg);
}
.infographic .pie[data-progress="71"] .circle .fill.fix {
	-webkit-transform: rotate(255.6deg);
	-ms-transform: rotate(255.6deg);
	transform: rotate(255.6deg);
}
.infographic .pie[data-progress="72"] .circle .mask.full,
.infographic .pie[data-progress="72"] .circle .fill {
	-webkit-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
}
.infographic .pie[data-progress="72"] .circle .fill.fix {
	-webkit-transform: rotate(259.2deg);
	-ms-transform: rotate(259.2deg);
	transform: rotate(259.2deg);
}
.infographic .pie[data-progress="73"] .circle .mask.full,
.infographic .pie[data-progress="73"] .circle .fill {
	-webkit-transform: rotate(131.4deg);
	-ms-transform: rotate(131.4deg);
	transform: rotate(131.4deg);
}
.infographic .pie[data-progress="73"] .circle .fill.fix {
	-webkit-transform: rotate(262.8deg);
	-ms-transform: rotate(262.8deg);
	transform: rotate(262.8deg);
}
.infographic .pie[data-progress="74"] .circle .mask.full,
.infographic .pie[data-progress="74"] .circle .fill {
	-webkit-transform: rotate(133.20000000000002deg);
	-ms-transform: rotate(133.20000000000002deg);
	transform: rotate(133.20000000000002deg);
}
.infographic .pie[data-progress="74"] .circle .fill.fix {
	-webkit-transform: rotate(266.40000000000003deg);
	-ms-transform: rotate(266.40000000000003deg);
	transform: rotate(266.40000000000003deg);
}
.infographic .pie[data-progress="75"] .circle .mask.full,
.infographic .pie[data-progress="75"] .circle .fill {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.infographic .pie[data-progress="75"] .circle .fill.fix {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.infographic .pie[data-progress="76"] .circle .mask.full,
.infographic .pie[data-progress="76"] .circle .fill {
	-webkit-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
}
.infographic .pie[data-progress="76"] .circle .fill.fix {
	-webkit-transform: rotate(273.6deg);
	-ms-transform: rotate(273.6deg);
	transform: rotate(273.6deg);
}
.infographic .pie[data-progress="77"] .circle .mask.full,
.infographic .pie[data-progress="77"] .circle .fill {
	-webkit-transform: rotate(138.6deg);
	-ms-transform: rotate(138.6deg);
	transform: rotate(138.6deg);
}
.infographic .pie[data-progress="77"] .circle .fill.fix {
	-webkit-transform: rotate(277.2deg);
	-ms-transform: rotate(277.2deg);
	transform: rotate(277.2deg);
}
.infographic .pie[data-progress="78"] .circle .mask.full,
.infographic .pie[data-progress="78"] .circle .fill {
	-webkit-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
}
.infographic .pie[data-progress="78"] .circle .fill.fix {
	-webkit-transform: rotate(280.8deg);
	-ms-transform: rotate(280.8deg);
	transform: rotate(280.8deg);
}
.infographic .pie[data-progress="79"] .circle .mask.full,
.infographic .pie[data-progress="79"] .circle .fill {
	-webkit-transform: rotate(142.20000000000002deg);
	-ms-transform: rotate(142.20000000000002deg);
	transform: rotate(142.20000000000002deg);
}
.infographic .pie[data-progress="79"] .circle .fill.fix {
	-webkit-transform: rotate(284.40000000000003deg);
	-ms-transform: rotate(284.40000000000003deg);
	transform: rotate(284.40000000000003deg);
}
.infographic .pie[data-progress="80"] .circle .mask.full,
.infographic .pie[data-progress="80"] .circle .fill {
	-webkit-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	transform: rotate(144deg);
}
.infographic .pie[data-progress="80"] .circle .fill.fix {
	-webkit-transform: rotate(288deg);
	-ms-transform: rotate(288deg);
	transform: rotate(288deg);
}
.infographic .pie[data-progress="81"] .circle .mask.full,
.infographic .pie[data-progress="81"] .circle .fill {
	-webkit-transform: rotate(145.8deg);
	-ms-transform: rotate(145.8deg);
	transform: rotate(145.8deg);
}
.infographic .pie[data-progress="81"] .circle .fill.fix {
	-webkit-transform: rotate(291.6deg);
	-ms-transform: rotate(291.6deg);
	transform: rotate(291.6deg);
}
.infographic .pie[data-progress="82"] .circle .mask.full,
.infographic .pie[data-progress="82"] .circle .fill {
	-webkit-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
}
.infographic .pie[data-progress="82"] .circle .fill.fix {
	-webkit-transform: rotate(295.2deg);
	-ms-transform: rotate(295.2deg);
	transform: rotate(295.2deg);
}
.infographic .pie[data-progress="83"] .circle .mask.full,
.infographic .pie[data-progress="83"] .circle .fill {
	-webkit-transform: rotate(149.4deg);
	-ms-transform: rotate(149.4deg);
	transform: rotate(149.4deg);
}
.infographic .pie[data-progress="83"] .circle .fill.fix {
	-webkit-transform: rotate(298.8deg);
	-ms-transform: rotate(298.8deg);
	transform: rotate(298.8deg);
}
.infographic .pie[data-progress="84"] .circle .mask.full,
.infographic .pie[data-progress="84"] .circle .fill {
	-webkit-transform: rotate(151.20000000000002deg);
	-ms-transform: rotate(151.20000000000002deg);
	transform: rotate(151.20000000000002deg);
}
.infographic .pie[data-progress="84"] .circle .fill.fix {
	-webkit-transform: rotate(302.40000000000003deg);
	-ms-transform: rotate(302.40000000000003deg);
	transform: rotate(302.40000000000003deg);
}
.infographic .pie[data-progress="85"] .circle .mask.full,
.infographic .pie[data-progress="85"] .circle .fill {
	-webkit-transform: rotate(153deg);
	-ms-transform: rotate(153deg);
	transform: rotate(153deg);
}
.infographic .pie[data-progress="85"] .circle .fill.fix {
	-webkit-transform: rotate(306deg);
	-ms-transform: rotate(306deg);
	transform: rotate(306deg);
}
.infographic .pie[data-progress="86"] .circle .mask.full,
.infographic .pie[data-progress="86"] .circle .fill {
	-webkit-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
}
.infographic .pie[data-progress="86"] .circle .fill.fix {
	-webkit-transform: rotate(309.6deg);
	-ms-transform: rotate(309.6deg);
	transform: rotate(309.6deg);
}
.infographic .pie[data-progress="87"] .circle .mask.full,
.infographic .pie[data-progress="87"] .circle .fill {
	-webkit-transform: rotate(156.6deg);
	-ms-transform: rotate(156.6deg);
	transform: rotate(156.6deg);
}
.infographic .pie[data-progress="87"] .circle .fill.fix {
	-webkit-transform: rotate(313.2deg);
	-ms-transform: rotate(313.2deg);
	transform: rotate(313.2deg);
}
.infographic .pie[data-progress="88"] .circle .mask.full,
.infographic .pie[data-progress="88"] .circle .fill {
	-webkit-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
}
.infographic .pie[data-progress="88"] .circle .fill.fix {
	-webkit-transform: rotate(316.8deg);
	-ms-transform: rotate(316.8deg);
	transform: rotate(316.8deg);
}
.infographic .pie[data-progress="89"] .circle .mask.full,
.infographic .pie[data-progress="89"] .circle .fill {
	-webkit-transform: rotate(160.20000000000002deg);
	-ms-transform: rotate(160.20000000000002deg);
	transform: rotate(160.20000000000002deg);
}
.infographic .pie[data-progress="89"] .circle .fill.fix {
	-webkit-transform: rotate(320.40000000000003deg);
	-ms-transform: rotate(320.40000000000003deg);
	transform: rotate(320.40000000000003deg);
}
.infographic .pie[data-progress="90"] .circle .mask.full,
.infographic .pie[data-progress="90"] .circle .fill {
	-webkit-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	transform: rotate(162deg);
}
.infographic .pie[data-progress="90"] .circle .fill.fix {
	-webkit-transform: rotate(324deg);
	-ms-transform: rotate(324deg);
	transform: rotate(324deg);
}
.infographic .pie[data-progress="91"] .circle .mask.full,
.infographic .pie[data-progress="91"] .circle .fill {
	-webkit-transform: rotate(163.8deg);
	-ms-transform: rotate(163.8deg);
	transform: rotate(163.8deg);
}
.infographic .pie[data-progress="91"] .circle .fill.fix {
	-webkit-transform: rotate(327.6deg);
	-ms-transform: rotate(327.6deg);
	transform: rotate(327.6deg);
}
.infographic .pie[data-progress="92"] .circle .mask.full,
.infographic .pie[data-progress="92"] .circle .fill {
	-webkit-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
}
.infographic .pie[data-progress="92"] .circle .fill.fix {
	-webkit-transform: rotate(331.2deg);
	-ms-transform: rotate(331.2deg);
	transform: rotate(331.2deg);
}
.infographic .pie[data-progress="93"] .circle .mask.full,
.infographic .pie[data-progress="93"] .circle .fill {
	-webkit-transform: rotate(167.4deg);
	-ms-transform: rotate(167.4deg);
	transform: rotate(167.4deg);
}
.infographic .pie[data-progress="93"] .circle .fill.fix {
	-webkit-transform: rotate(334.8deg);
	-ms-transform: rotate(334.8deg);
	transform: rotate(334.8deg);
}
.infographic .pie[data-progress="94"] .circle .mask.full,
.infographic .pie[data-progress="94"] .circle .fill {
	-webkit-transform: rotate(169.20000000000002deg);
	-ms-transform: rotate(169.20000000000002deg);
	transform: rotate(169.20000000000002deg);
}
.infographic .pie[data-progress="94"] .circle .fill.fix {
	-webkit-transform: rotate(338.40000000000003deg);
	-ms-transform: rotate(338.40000000000003deg);
	transform: rotate(338.40000000000003deg);
}
.infographic .pie[data-progress="95"] .circle .mask.full,
.infographic .pie[data-progress="95"] .circle .fill {
	-webkit-transform: rotate(171deg);
	-ms-transform: rotate(171deg);
	transform: rotate(171deg);
}
.infographic .pie[data-progress="95"] .circle .fill.fix {
	-webkit-transform: rotate(342deg);
	-ms-transform: rotate(342deg);
	transform: rotate(342deg);
}
.infographic .pie[data-progress="96"] .circle .mask.full,
.infographic .pie[data-progress="96"] .circle .fill {
	-webkit-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
}
.infographic .pie[data-progress="96"] .circle .fill.fix {
	-webkit-transform: rotate(345.6deg);
	-ms-transform: rotate(345.6deg);
	transform: rotate(345.6deg);
}
.infographic .pie[data-progress="97"] .circle .mask.full,
.infographic .pie[data-progress="97"] .circle .fill {
	-webkit-transform: rotate(174.6deg);
	-ms-transform: rotate(174.6deg);
	transform: rotate(174.6deg);
}
.infographic .pie[data-progress="97"] .circle .fill.fix {
	-webkit-transform: rotate(349.2deg);
	-ms-transform: rotate(349.2deg);
	transform: rotate(349.2deg);
}
.infographic .pie[data-progress="98"] .circle .mask.full,
.infographic .pie[data-progress="98"] .circle .fill {
	-webkit-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}
.infographic .pie[data-progress="98"] .circle .fill.fix {
	-webkit-transform: rotate(352.8deg);
	-ms-transform: rotate(352.8deg);
	transform: rotate(352.8deg);
}
.infographic .pie[data-progress="99"] .circle .mask.full,
.infographic .pie[data-progress="99"] .circle .fill {
	-webkit-transform: rotate(178.20000000000002deg);
	-ms-transform: rotate(178.20000000000002deg);
	transform: rotate(178.20000000000002deg);
}
.infographic .pie[data-progress="99"] .circle .fill.fix {
	-webkit-transform: rotate(356.40000000000003deg);
	-ms-transform: rotate(356.40000000000003deg);
	transform: rotate(356.40000000000003deg);
}
.infographic .pie[data-progress="100"] .circle .mask.full,
.infographic .pie[data-progress="100"] .circle .fill {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.infographic .pie[data-progress="100"] .circle .fill.fix {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

/***PLANNED WORK CAROUSEL 30/07/18 - EJH***/
#plannedWork {padding-right: 40px; padding-left: 40px; min-height: 280px;}

#plannedWork h4, #plannedWork h5 {color: black;}
#plannedWork h5 {font-size: 1.4em;}

#plannedWork a, #plannedWork a:link, #plannedWork a:visited {
	color: #156294;
	-webkit-text-decoration-color: #5b91b4;
	text-decoration-color: #5b91b4;
}

#plannedWork .fa {color: #156294;}

#plannedWork .number {color: #156294;}

#plannedWork .slide1 h4 {font-size: 2em; line-height: 1.35em;}
#plannedWork .slide1 .fa {margin-top: 30px; margin-left: 25px;}

#plannedWork .slide3 .fa-volume-control-phone {margin-top: -16px;}
#plannedWork .slide3 h5 {margin-top: 10px; text-align: center; display:inline; margin-left: -5px;}
#plannedWork .slide3 p {font-size: 1.35em; line-height: 1.25em; margin-top: 30px;}
	#plannedWork .slide3 .fa-5x {font-size: 3em;}
	#plannedWork .slide4 .fa-5x {font-size: 3em;}

#plannedWork .slide4 .fa-stack {margin-right: 10px;}
#plannedWork .slide4 .fa-server {color: white; font-size: 1.2em; margin-top: 5px;}
#plannedWork .slide4 h5 {margin-top: 0; text-align: center; margin-left: -6px; display:inline;}

#plannedWork a.carousel-control-prev {position: absolute; left: 0; bottom: 115px;}
#plannedWork a.carousel-control-next {position: absolute; right: 0; bottom: 115px;}

@media (min-width: 768px) {
		#plannedWork {min-height: 300px;}
	#plannedWork .its-work {display: block;}
	#plannedWork .slide1 h4 {margin-left: 10px;}
	#plannedWork .slide2 .its-work {display: inline;}
#plannedWork a.carousel-control-prev {position: absolute; left: 0; bottom: 135px;}
#plannedWork a.carousel-control-next {position: absolute; right: 0; bottom: 135px;}
}

@media (min-width: 1024px) {
	#plannedWork {min-height: 280px;}
	#plannedWork .number {font-size: 2.5em; margin-bottom: 20px; display: block;}
	#plannedWork .slide1 h4 {font-size: 2.3em; margin-left: 0;}
	#plannedWork .slide2 .its-work {display: block;}
	#plannedWork .slide2 .fa-graduation-cap {margin-left: 20px;}
#plannedWork .slide2 p {font-size: 1.35em; line-height: 1.25em;}
	#plannedWork .slide3 h5 {display:block; margin-left: -12px;}
	#plannedWork .slide3 p {margin-top: 20px;}
	#plannedWork .slide3 .fa-5x {font-size: 5em;}
	#plannedWork .slide4 .fa-5x {font-size: 5em;}
	#plannedWork .slide4 h5 {margin-left: -6px; display: block;}
	#plannedWork .slide4 p {font-size: 1.35em; line-height: 1.25em;}
}
@media (min-width: 1200px) {
	#plannedWork {min-height: 224px;}
	#plannedWork .number {font-size: 3em;}
	#plannedWork .slide3 h5 {margin-left: -40px;}
	#plannedWork .slide4 h5 {margin-left: -40px;}
	#plannedWork a.carousel-control-prev {position: absolute; left: 0; bottom: 90px;}
	#plannedWork a.carousel-control-next {position: absolute; right: 0; bottom: 90px;}
}