.chart {
	position: relative;
	display: inline-block;
	width: 171px;
	height: 171px;
	margin: 50px 0 50px 0;
	text-align: center;
}
.chart.first{ margin-left:0;}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 170px;
  z-index: 2;
  font-size:40px;
  font-tipe:bold
  font-weight: 300;
}
.percent:after {
  content: '';
  margin-left: 0.1em;
  font-size: .8em;
}
.angular {
  margin-top: 100px;
}
.angular .chart {
  margin-top: 0;
}
.skill-name{
	bottom: -48px;
	font-size: 18px;
	font-weight: 300;
	left: 8px;
	position: absolute;
	width: 100%;
}




/********************/

.green-circle, .yellow-circle, .purple-circle, .red-circle {
  position: relative;
  display: inline-block;
  width: 171px;
  height: 171px;
   margin: 50px 0 50px 74px; 
  text-align: center;
}
.green-circle canvas, .yellow-circle canvas, .purple-circle canvas, .red-circle canvas {
  position: absolute;
  top: 0;
  left: 0;
}