.single-skill{display:flex}.single-skill span{color:#79838b;font-size:13px;font-weight:300;letter-spacing:0;margin-bottom:14px;display:block}.single-skill .bar-progress{width:100%}.single-skill .bar-title{width:20%;margin-bottom:19px}.skills-content{padding-top:200px;padding-left:70px}.skills-shape-bg{height:651px;width:868px;left:40%;top:255px}.skills-shape-bg,.skills-shape-bg:before{position:absolute;content:"";border:2px solid #4d4d4d}.skills-shape-bg:before{height:465px;width:300px;left:-35%;top:50%;transform:translateY(-50%);border-right:0}.barfiller{width:100%;height:10px;background:#f6f9fc}.barfiller,.barfiller .fill{position:relative;border-radius:5px}.barfiller .fill{display:block;width:0;height:100%;background:#333;z-index:1}.barfiller .tipWrap{display:none}.barfiller .tip{margin-top:-28px;padding:2px 4px;font-size:16px;color:#09cc7f;left:0;position:absolute;z-index:2;background:transparent;font-weight:800}.barfiller .tip:after{border:solid;border-color:rgba(0,0,0,.8) transparent;border-width:6px 6px 0;content:"";display:block;position:absolute;left:9px;top:100%;z-index:9;display:none}*,:after,:before{box-sizing:border-box}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:62.5%}a{text-decoration:none}.cd-title{position:relative;height:160px;line-height:230px;text-align:center}.cd-title h1{font-size:2.4rem;font-weight:700}@media only screen and (min-width:768px){.cd-title{line-height:250px}}@media only screen and (min-width:1170px){.cd-title{height:200px;line-height:300px}.cd-title h1{font-size:3rem}}.cd-intro{width:90%;max-width:768px;text-align:center;margin:4em auto}@media only screen and (min-width:768px){.cd-intro{margin:5em auto}}@media only screen and (min-width:1170px){.cd-intro{margin:6em auto}}.cd-headline{font-size:3rem;line-height:1.2}@media only screen and (min-width:768px){.cd-headline{font-size:4.4rem;font-weight:300}}@media only screen and (min-width:1170px){.cd-headline{font-size:6rem}}.cd-words-wrapper{display:inline-block;position:relative;text-align:left}.cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}.cd-words-wrapper b.is-visible{position:relative}.no-js .cd-words-wrapper b{opacity:0}.no-js .cd-words-wrapper b.is-visible{opacity:1}.cd-headline.rotate-1 .cd-words-wrapper{perspective:300px}.cd-headline.rotate-1 b{opacity:0;transform-origin:50% 100%;transform:rotateX(180deg)}.cd-headline.rotate-1 b.is-visible{opacity:1;transform:rotateX(0deg);animation:cd-rotate-1-in 1.2s}.cd-headline.rotate-1 b.is-hidden{transform:rotateX(180deg);animation:cd-rotate-1-out 1.2s}@keyframes cd-rotate-1-in{0%{transform:rotateX(180deg);opacity:0}35%{transform:rotateX(120deg);opacity:0}65%{opacity:0}to{transform:rotateX(1turn);opacity:1}}@keyframes cd-rotate-1-out{0%{transform:rotateX(0deg);opacity:1}35%{transform:rotateX(-40deg);opacity:1}65%{opacity:0}to{transform:rotateX(180deg);opacity:0}}.cd-headline.type .cd-words-wrapper{vertical-align:top;overflow:hidden}.cd-headline.type .cd-words-wrapper:after{content:"";position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);height:90%;width:1px;background-color:#aebcb9}.cd-headline.type .cd-words-wrapper.waiting:after{animation:cd-pulse 1s infinite}.cd-headline.type .cd-words-wrapper.selected{background-color:#aebcb9}.cd-headline.type .cd-words-wrapper.selected:after{visibility:hidden}.cd-headline.type .cd-words-wrapper.selected b{color:#0d0d0d}.cd-headline.type b{visibility:hidden}.cd-headline.type b.is-visible{visibility:visible}.cd-headline.type i{position:absolute;visibility:hidden}.cd-headline.type i.in{position:relative;visibility:visible}@keyframes cd-pulse{0%{transform:translateY(-50%) scale(1);opacity:1}40%{transform:translateY(-50%) scale(.9);opacity:0}to{transform:translateY(-50%) scale(0);opacity:0}}.cd-headline.rotate-2 .cd-words-wrapper{perspective:300px}.cd-headline.rotate-2 em,.cd-headline.rotate-2 i{display:inline-block;backface-visibility:hidden}.cd-headline.rotate-2 b{opacity:0}.cd-headline.rotate-2 i{transform-style:preserve-3d;transform:translateZ(-20px) rotateX(90deg);opacity:0}.is-visible .cd-headline.rotate-2 i{opacity:1}.cd-headline.rotate-2 i.in{animation:cd-rotate-2-in .4s forwards}.cd-headline.rotate-2 i.out{animation:cd-rotate-2-out .4s forwards}.cd-headline.rotate-2 em{transform:translateZ(20px)}.no-csstransitions .cd-headline.rotate-2 i{transform:rotateX(0deg);opacity:0}.no-csstransitions .cd-headline.rotate-2 i em{transform:scale(1)}.no-csstransitions .cd-headline.rotate-2 .is-visible i{opacity:1}@keyframes cd-rotate-2-in{0%{opacity:0;transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;transform:translateZ(-20px) rotateX(-10deg)}to{opacity:1;transform:translateZ(-20px) rotateX(0deg)}}@keyframes cd-rotate-2-out{0%{opacity:1;transform:translateZ(-20px) rotateX(0)}60%{opacity:0;transform:translateZ(-20px) rotateX(-100deg)}to{opacity:0;transform:translateZ(-20px) rotateX(-90deg)}}.cd-headline.loading-bar span{display:inline-block;padding:.2em 0}.cd-headline.loading-bar .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.loading-bar .cd-words-wrapper:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:#0096a7;z-index:2;transition:width .3s -.1s}.cd-headline.loading-bar .cd-words-wrapper.is-loading:after{width:100%;transition:width 3s}.cd-headline.loading-bar b{top:.2em;opacity:0;transition:opacity .3s}.cd-headline.loading-bar b.is-visible{opacity:1;top:0}.cd-headline.slide span{display:inline-block;padding:.2em 0}.cd-headline.slide .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.slide b{opacity:0;top:.2em}.cd-headline.slide b.is-visible{top:0;opacity:1;animation:slide-in .6s}.cd-headline.slide b.is-hidden{animation:slide-out .6s}@keyframes slide-in{0%{opacity:0;transform:translateY(-100%)}60%{opacity:1;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(120%)}to{opacity:0;transform:translateY(100%)}}.cd-headline.clip span{display:inline-block;padding:.2em 0}.cd-headline.clip .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.clip .cd-words-wrapper:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background-color:#aebcb9}.cd-headline.clip b{opacity:0}.cd-headline.clip b.is-visible{opacity:1}.cd-headline.zoom .cd-words-wrapper{perspective:300px}.cd-headline.zoom b{opacity:0}.cd-headline.zoom b.is-visible{opacity:1;animation:zoom-in .8s}.cd-headline.zoom b.is-hidden{animation:zoom-out .8s}@keyframes zoom-in{0%{opacity:0;transform:translateZ(100px)}to{opacity:1;transform:translateZ(0)}}@keyframes zoom-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateZ(-100px)}}.cd-headline.rotate-3 .cd-words-wrapper{perspective:300px}.cd-headline.rotate-3 b{opacity:0}.cd-headline.rotate-3 i{display:inline-block;transform:rotateY(180deg);backface-visibility:hidden}.is-visible .cd-headline.rotate-3 i{transform:rotateY(0deg)}.cd-headline.rotate-3 i.in{animation:cd-rotate-3-in .6s forwards}.cd-headline.rotate-3 i.out{animation:cd-rotate-3-out .6s forwards}.no-csstransitions .cd-headline.rotate-3 i{transform:rotateY(0deg);opacity:0}.no-csstransitions .cd-headline.rotate-3 .is-visible i{opacity:1}@keyframes cd-rotate-3-in{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes cd-rotate-3-out{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}.cd-headline.scale b{opacity:0}.cd-headline.scale i{display:inline-block;opacity:0;transform:scale(0);font-style:normal}.is-visible .cd-headline.scale i{opacity:1}.cd-headline.scale i.in{animation:scale-up .6s forwards}.cd-headline.scale i.out{animation:scale-down .6s forwards}.no-csstransitions .cd-headline.scale i{transform:scale(1);opacity:0}.no-csstransitions .cd-headline.scale .is-visible i{opacity:1}@keyframes scale-up{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes scale-down{0%{transform:scale(1);opacity:1}60%{transform:scale(0);opacity:0}}.cd-headline.push b{opacity:0}.cd-headline.push b.is-visible{opacity:1;animation:push-in .6s}.cd-headline.push b.is-hidden{animation:push-out .6s}@keyframes push-in{0%{opacity:0;transform:translateX(-100%)}60%{opacity:1;transform:translateX(10%)}to{opacity:1;transform:translateX(0)}}@keyframes push-out{0%{opacity:1;transform:translateX(0)}60%{opacity:0;transform:translateX(110%)}to{opacity:0;transform:translateX(100%)}}