.diagram-wrapper.style-3 .digram-line-box .skill-title span {
	color: #fff;
}

.skill-element + .skill-element {
	margin: 8px 0 0 0;
}

.skill-title {
	font-size: 89.5%;
	line-height: 1.421;
	margin: 0 0 5px 0;
}

.skill-amount {
	float: right;
	font-size: 126.3%;
	margin-top: -11px;
}

.skill-line {
	font-size: 0;
	line-height: 1;
	height: 10px;
	margin-right: 55px;
}

.skill-line div {
	display: inline-block;
	font-size: 0;
	line-height: 1;
	height: 10px;
}

.skill-line div.animation {
	-moz-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.diagram-summary {
	font-size: 89.5%;
	line-height: 1.471;
	margin: 0 0 0.766667em 0;
}

.widget .diagram-summary {
	font-size: 100%;
}

.diagram-summary-text {
	margin: 0 0 0.766667em 0;
}

.diagram-circle {
	text-align: center;
}

.diagram-circle {
	position: relative;
}

.diagram-circle .box-wrapper {
	max-width: 550px;
	position: relative;
	text-align: left;
}

.tab_wrapper .diagram-circle .box-wrapper {
	margin: 0 auto;
}

.diagram-circle .box {
	position: relative;
}

.diagram-circle .skills {
	display: none;
}

.diagram-circle .text {
	font-size: 89.5%;
	line-height: 1.471;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.widget .diagram-circle .text {
	font-size: 100%;
}

.diagram-circle .text div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.diagram-circle .text div span {
	display: block;
	text-align: center;
	padding: 0 0 0 5px;
	margin: 0;
}

.widget .diagram-circle .text div,
.widget .diagram-circle .text div span.title {
	font-size: inherit;
}

.diagram-legend {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	text-align: left;
}

.diagram-legend .legend-element {
	margin: 0 0 26px 0;
}

.diagram-legend .legend-element .color {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
}

.sidebar .diagram-legend .legend-element .color {
	width: 12px;
	height: 12px;
}

.diagram-legend .legend-element .title {
	display: block;
	line-height: 1;
	margin: 0 0 0 30px;
}

.widget .diagram-legend .legend-element .title {
	margin-left: 23px;
	margin-top: -2px;
}

.diagram-wrapper.style-3 .digram-line-box .skill-title span.diagram-skill-title {
	margin-left: 0;
}

.diagram-wrapper.style-3 .digram-line-box .skill-title span.diagram-skill-amount {
	margin-left: 8px;
}

.diagram-wrapper .digram-line-box {
	background-color: inherit;
}

.diagram-wrapper.style-3 .digram-line-box .skill-element {
	position: relative;
	padding-top: 0;
}
.diagram-wrapper.style-3 .digram-line-box .skill-element + .skill-element {
	margin-top: 18px;
}

.diagram-wrapper.style-3 .skill-title {
	position: absolute;
	top: 50%;
	margin-bottom: 0;
}

.diagram-wrapper.style-3 .skill-title {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}