/*
* Template Name: MD - Responsive Personal Resume / Portfolio template
* Template URI: http://themeforest.com/user/metrothemes
* Description:MD - Responsive Personal Resume / Portfolio template
* Author: Metrothemes
* Author URI: http://themeforest.com/user/metrothemes
* Version: 1.0
*/


/*---------------------------------------------------------------------- /
Table of Contents 
------------------------------------------------------------------------ /

* 11 - Skill 
*   11.1 - Skill Chart


/* 11 - Skills
------------------------------------------------------------------------*/
#skills{
    background-color: #eff1f7;
}

/* 11 - Skill chart
------------------------------------------------------------------------*/
.chart-padding{
    margin-bottom: 50px; 
}
.chart {
  position: relative;
  padding: 0 10px;
  display: block;
  margin: 0 auto;
  width: 170px;
  height: 150px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 170px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
.chart p{
    color: #9fa3a9;
    font-size: 50px;
    line-height: 170px;
}
.chart p sup{
    font-size: 18px;
    top: -1.2em;
}
.skills-content{
    text-align: center;
}
.skills-content h3{
    color: #2c3e50;
    font-size: 22px;
    font-weight: bold;
}
.skills-content p{
    color: #7d878f;
    font-size: 16px;
    line-height: 28px;
}