html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.tp-bar:after,.tp-bar:before{content:"";clear:both;display:table}.tp-bar{width:auto;margin:0 auto}.tp-skills-bar .outer-box{max-width:70px;max-height:500px;height:400px;background-color:rgba(21,17,17,.3);position:relative;float:left;width:70px;margin-right:10px;box-shadow:inset 0 0 6px #333}.tp-skills-bar .inner-fill{position:absolute;left:0;right:0;width:100%;height:0;bottom:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.tp-skills-bar .inner-fill:after{content:"";border:4px solid;position:absolute;bottom:0;left:0;right:0;width:100%;height:100%;border-right-color:rgba(0,0,0,.16);border-bottom-color:rgba(0,0,0,.16);border-left-color:rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.16)}.tp-skills-bar span.percent-value{color:#fff;text-align:center;display:block;font-size:22px;font-weight:100;margin-top:15px}.tp-skill-items{color:#fff;text-transform:uppercase;font-weight:700;margin:0;padding:0 0 0 1.5em}.entry-content .tp-skill-items{margin-left:1.5em;display:inline-block}ul.tp-skill-items li{list-style:none;margin:0 0 10px;padding:0;display:block}.tp-skill-items span{color:#000}.tp-skill-items span.color{width:20px;height:20px;float:left;margin-right:10px;margin-top:3px;position:relative}.tp-skill-items span.color:after{content:"";border:3px solid #000;position:absolute;bottom:0;left:0;right:0;width:100%;height:100%;border-right-color:rgba(0,0,0,.16);border-bottom-color:rgba(0,0,0,.16);border-left-color:rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.16)}.piebuilderWrapper{width:100%;margin:0 auto;padding:50px;text-align:center}.piebuilderWrapper .pie-title{font-family:serif;margin:0}.piebuilderWrapper canvas{margin:0 auto;display:inline-block}.tp-skills-horizontalbar .outer-box{background-color:#dcd4d4;width:100%;height:5px;margin:65px 0}.tp-skills-horizontalbar .inner-fill{background-color:#D91717;width:0;height:5px;position:relative;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;transition:all 2s ease-in-out}.tp-skills-horizontalbar .percent-value{position:absolute;right:0;bottom:10px;color:#444}.tp-skills-horizontalbar .skill-name{font-size:14px;text-transform:uppercase;font-weight:600;margin-top:5px;display:inline-block}