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-cylinder{margin:75px 0 100px;display:inline-block}.tp-skills-cylinder span.title{position:absolute;top:300px;left:0;right:0;margin:auto;text-align:center;font-weight:600}.tp-skills-bar .outer-box,.tp-skills-cylinder .outer-box{max-width:70px;width:70px;height:400px;background-color:rgba(21,17,17,.3);position:relative;float:left;margin-right:10px;box-shadow:inset 0 0 6px #333}.tp-skills-cylinder .outer-box{background-color:transparent;box-shadow:none;margin-right:55px;width:76px;max-width:76px;height:250px}.tp-skills-bar .inner-fill,.tp-skills-cylinder .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-cylinder .inner-fill{background-color:#32353F}.light .tp-skills-cylinder .inner-fill,.light .tp-skills-cylinder .inner-fill:after,.light .tp-skills-cylinder .inner-fill:before,.light .tp-skills-cylinder span.cover-fill{background-color:#E5E5E7}.light .tp-skills-cylinder .inner-fill:after{box-shadow:0 0 20px #E5E5E7}.tp-skills-cylinder .inner-fill:after,.tp-skills-cylinder .inner-fill:before{content:"";position:absolute;background-color:#32353F;width:76px;height:35px;border-radius:50%;top:-15px}.tp-skills-cylinder .inner-fill:after{top:auto;bottom:-15px;box-shadow:0 0 20px #32353F}.tp-skills-cylinder span.percent-value{position:absolute;left:0;right:0;text-align:center;top:-60px;font-weight:600}.tp-skills-cylinder span.cover-fill{width:76px;height:35px;display:inline-block;border-radius:50%;position:absolute;top:auto;bottom:35px;border-bottom:3px solid;background-color:#32353F;z-index:1;-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-cylinder span.cover-fill:nth-child(1n){-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}.tp-skills-cylinder span.cover-fill:nth-child(2n){bottom:85px;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px)}.tp-skills-cylinder span.cover-fill:nth-child(3n){bottom:135px;-webkit-transform:translateY(150px);-moz-transform:translateY(150px);-ms-transform:translateY(150px);-o-transform:translateY(150px);transform:translateY(150px)}.tp-skills-cylinder span.cover-fill:nth-child(4n){bottom:185px;-webkit-transform:translateY(200px);-moz-transform:translateY(200px);-ms-transform:translateY(200px);-o-transform:translateY(200px);transform:translateY(200px)}.tp-skills-cylinder span.cover-fill:nth-child(5n){bottom:235px;-webkit-transform:translateY(250px);-moz-transform:translateY(250px);-ms-transform:translateY(250px);-o-transform:translateY(250px);transform:translateY(250px)}.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}.count-box{padding:0;margin:0 50px 0 0;display:inline-block}span.pie-value{color:#fff;display:block;font-size:30px;height:40px;left:8px;right:0;line-height:230px;text-align:center;position:relative}.count-box canvas{background:-moz-radial-gradient(center,ellipse cover,rgba(46,53,79,1) 23%,rgba(46,53,79,1) 60%,rgba(46,53,79,1) 61%,rgba(0,0,0,.7) 62%,rgba(46,53,79,0) 63%);background:-webkit-radial-gradient(center,ellipse cover,rgba(46,53,79,1) 23%,rgba(46,53,79,1) 60%,rgba(46,53,79,1) 61%,rgba(0,0,0,.7) 62%,rgba(46,53,79,0) 63%);background:radial-gradient(ellipse at center,rgba(46,53,79,1) 23%,rgba(46,53,79,1) 60%,rgba(46,53,79,1) 62%,rgba(0,0,0,.7) 62%,rgba(46,53,79,0) 63%)}.count-box h4{font-size:16px;text-transform:uppercase;text-align:center}.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}.tp-circle-line{position:relative}.tp-circle-line .tp-skill-items{position:absolute;top:100px;right:0}.circle-line{position:relative;min-height:400px}.circle-line canvas{position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;background:0 0;width:auto;border:1px solid #eee;border-radius:100%}.tp-circle-line ul.tp-skill-items li{clear:both;display:flex;align-items:center}.tp-circle-line .tp-skill-items li span:not(.pie-value){float:left}.tp-circle-line .tp-skill-items li .pie-value{color:#000;font-size:16px;display:table;line-height:1;height:auto}