.section .content .title .title_inner,.section.started .started-content{vertical-align:middle;text-align:center;display:inline-block;position:relative}footer,header{position:fixed;z-index:100;visibility:visible;background:#fff}.section,footer,header{visibility:visible}.popup-box,footer,header{background:#fff}.category,.popup-box .desc h4,.section .content .title .title_inner,.section.started .started-content .h-title{text-transform:uppercase;letter-spacing:.04em}header{left:0;top:30px;width:100%;text-align:right;opacity:1;transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s}header.active{opacity:1!important;visibility:visible!important}.mfp-fade.mfp-bg.mfp-removing,.mfp-fade.mfp-wrap.mfp-removing .mfp-content,header.active .menu-btn:before{opacity:0}header.active .menu-btn:after{bottom:9px!important;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}header.active .menu-btn span{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}header.active .head-top .top-menu{position:fixed;top:100px;left:50%;margin-left:-100px;width:200px;height:auto;text-align:center;opacity:1!important;visibility:visible!important}header.active .head-top .top-menu ul li{display:block;margin:30px 0}header .head-top{padding:30px 65px 15px}header .head-top .menu-btn{position:relative;margin:0 auto;width:26px;height:20px}header .head-top .menu-btn:after,header .head-top .menu-btn:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:#141414;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}header .head-top .menu-btn:after{top:auto;bottom:0}header .head-top .menu-btn span{position:absolute;top:50%;left:0;width:100%;height:2px;background:#141414;margin-top:-1px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}.box-items .box-item .image .info .centrize,header .head-top .menu-btn:hover span,header .head-top .menu-btn:hover:after,header .head-top .menu-btn:hover:before{background:#f26b38}header .head-top .top-menu ul li{margin-left:50px;display:inline-block;vertical-align:top;transition:color .3s;-moz-transition:color .3s;-webkit-transition:color .3s;-o-transition:color .3s}header .head-top .top-menu ul li a{display:block;margin-top:12px}header .head-top .top-menu ul li a.btn{margin-top:0}.box-items .box-item:hover .desc .name,.section.works .filters label.glitch-effect,footer .soc a:hover .ion,header .head-top .top-menu ul li.active a{color:#f26b38}header .head-top .top-menu ul li.active .btn{color:#fff;background:#f26b38;border:1px solid #f26b38}.section{position:relative;padding:0 80px 100px;z-index:97;opacity:1;transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s}@media (max-width:960px){.section{padding:0 40px 120px}}.box-items .box-item .image,.section .content{position:relative}.section .content .title{position:relative;margin-bottom:40px}.section .content .title .title_inner{line-height:18px;font-size:13px;color:#141414;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;box-shadow:inset 0 -6px 0 #ede574;-moz-box-shadow:inset 0 -6px 0 #ede574;-webkit-box-shadow:inset 0 -6px 0 #ede574;-khtml-box-shadow:inset 0 -6px 0px #ede574}.section.started{text-align:center;padding:0;margin:0;position:relative}.section.started .started-content{padding-top:60px}.section.started .started-content .h-title{font-size:68px;font-family:'Roboto Mono';color:#141414;font-weight:700;margin:10px 0 5px}@media (max-width:1060px){.section.started .started-content .h-title.blog_title{font-size:48px}}@media (max-width:840px){header{top:15px}header .head-top .menu-btn{display:block}header .head-top .top-menu{opacity:0;visibility:hidden;height:0;transition:opacity .3s .5s;-moz-transition:opacity .3s .5s;-webkit-transition:opacity .3s .5s;-o-transition:opacity .3s .5s}.section.started .started-content .h-title{font-size:52px;padding:0 20px}.section.started .started-content .h-title.blog_title{font-size:40px}}.section.started .started-content .h-subtitle,.section.started .started-content .typed-bread,.section.started .started-content .typed-subtitle{font-size:13px}.section.started .mouse_btn{font-size:24px;color:#f26b38;text-align:center;position:absolute;width:20px;height:40px;left:50%;bottom:80px;margin-left:-10px}.section.started .mouse_btn .ion{position:relative;top:0;animation:1s ease-out infinite mouse-anim}.about{margin-top:40px}.section.about .image{float:left}.section.about .image img{width:100px;height:100px;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-khtml-border-radius:100px}.section.about .desc{margin-left:130px}@media (max-width:600px){.section.about .image img{width:80px;height:80px;border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px;-khtml-border-radius:80px}.section.about .desc{margin-left:100px}}.info-list{margin-bottom:42px}.info-list ul li{display:inline-block;vertical-align:top;width:32%;margin:12px 0 0}.info-list ul li strong{font-weight:400;color:#f26b38}.resume-items .resume-item{position:relative;padding:0 30px 30px}.resume-items .resume-item:before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#f26b38}.resume-items .resume-item:first-child{padding-top:0}.resume-items .resume-item:last-child{padding-bottom:0;margin-top:-1px}.date,.resume-items .resume-item .date{padding:0 5px;height:20px;line-height:18px;border:1px solid #f26b38;font-size:11px}.resume-items .resume-item:last-child:before,.section.contacts .alert-success,.section.works .filters input,.skills ul li:after,.skills.circles ul li .progress .percentage,.skills.list ul li .progress{display:none}.resume-items .resume-item .date{position:relative;top:-10px;margin:0 0 5px;display:inline-block;font-weight:500;color:#f26b38}.resume-items .resume-item .date:before{content:'';width:29px;height:1px;position:absolute;left:-30px;top:9px;background:#f26b38}.resume-items .resume-item .name{font-weight:500;color:#141414;margin:0 0 15px}.post-comments .post-comment .desc p,.resume-items .resume-item p{margin:0}.skills ul li .progress .percentage .percent{color:#363636}.section.contacts .title,.section.service .title,.service-items .service-item p{margin-bottom:0}.service-items .service-item{display:inline-block;vertical-align:top;width:28%;margin:50px 4% 0 0;text-align:left}.service-items .service-item .icon{float:left;width:36px;text-align:center;font-size:30px;color:#f26b38}.service-items .service-item .icon .ion{display:block}.service-items .service-item .name{font-weight:500;font-size:13px;color:#141414;margin:6px 0 0 46px}.section.works .filters{margin-bottom:30px}.section.works .filters label{display:inline-block;vertical-align:top;margin-right:25px;font-size:13px;color:#363636;cursor:pointer;position:relative;padding-bottom:0}.box-items{position:relative;overflow:hidden;margin-left:-3%}.category,.date{margin:0 0 10px}.box-items .box-item{width:30.33333%;margin:0 0 3% 3%;position:relative;overflow:hidden;text-align:center}.box-items .box-item:hover .image .info{opacity:.94;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1)}.box-items .box-item .image a{display:block;font-size:0}.box-items .box-item .image a img{width:100%;height:auto;position:relative;top:0}.box-items .box-item .image .info{text-align:center;width:100%;height:100%;display:block;position:absolute;left:0;top:0;opacity:0;padding:18px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transform:scale(.5,.5);-webkit-transform:scale(.5,.5);-moz-transform:scale(.5,.5);-o-transform:scale(.5,.5)}.mfp-fade.mfp-wrap.mfp-ready .mfp-content,footer{opacity:1}.box-items .box-item .image .info .ion{color:#fff;display:inline-block;transition:.1s ease-in .4s;-moz-transition:.1s ease-in .4s;-webkit-transition:.1s ease-in .4s;-o-transition:.1s ease-in .4s;font-weight:400;font-size:28px}.box-items .box-item .desc{position:relative;padding:15px 45px 5px}@media (max-width:1000px){.box-items .box-item .desc{padding:15px 15px 5px}}.box-items .box-item .desc .name{height:40px;display:block;color:#363636;font-size:13px;font-weight:700;text-transform:uppercase;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}.category,.date,.skills.circles ul li,.skills.dotted ul li,.skills.list ul li,.skills.list ul li .name:before,footer .soc a{display:inline-block}.date{font-weight:500;color:#f26b38}.category{font-size:11px;color:#363636;box-shadow:inset 0 -6px 0 #ede574;-moz-box-shadow:inset 0 -6px 0 #ede574;-webkit-box-shadow:inset 0 -6px 0 #ede574;-khtml-box-shadow:inset 0 -6px 0px #ede574}@media (max-width:400px){.section .content .title,.section.about,.section.contacts,.section.service,.service-items .service-item{text-align:center}.section.about .image{float:none;text-align:center}.section.about .image img{width:100px;height:100px;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-khtml-border-radius:100px}.section.about .desc{margin-left:0}.service-items .service-item .icon{float:none;display:inline-block;vertical-align:middle}.service-items .service-item .name{margin:0 0 0 2px;display:inline-block;vertical-align:middle}}.section.contacts .service-items .service-item p{margin-top:20px}.section.contacts .contact_form{margin-top:100px}.section.contacts .alert-success p{margin:60px 0 30px;font-size:15px}.single-post-text img{max-width:100%}.post-comments{margin-top:60px}.post-comments .post-comment{padding:20px 0;border-top:1px solid #ddd}.post-comments .post-comment:first-child{padding-top:0;border-top:none}.post-comments .post-comment .image{float:left;width:80px;height:80px}.post-comments .post-comment .image img{width:100%;height:100%}.post-comments .post-comment .desc{margin-left:100px}.post-comments .post-comment .desc .name{font-size:13px;color:#141414;text-transform:uppercase;font-weight:500;padding:5px 0 0;margin:0 0 10px}.post-comments .form-comment .title{margin:30px 0 15px}footer{bottom:25px;left:0;padding:15px 60px 30px;width:100%;transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s}footer .soc{float:right}footer .soc a{vertical-align:middle;margin-left:12px}footer .soc a .ion{font-size:17px;color:#363636;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}footer .copy{float:left;padding-top:2px;font-size:11px;color:#999}@media (max-width:840px){.info-list ul li{width:48%}.section.resume .cols .col.col-md:first-child{margin-bottom:120px}.resume-items .resume-item{padding-right:0}.service-items .service-item{width:45%}.box-items .box-item{width:47%}footer{bottom:15px}footer .soc{float:none;text-align:center}footer .soc a{margin:0 6px}footer .copy{display:none}}.popup-box{margin:30px auto;width:520px;position:relative;padding:10px}@media (max-width:580px){.section.started .started-content .h-title span{display:block}.info-list ul li{width:100%}.service-items .service-item{width:100%;margin-right:0}.section.works .filters label{padding-bottom:15px}.section.works .filters{margin-bottom:10px}.box-items{margin-left:0}.box-items .box-item{width:100%;margin:0 0 3%}.popup-box{width:440px}}@media (max-width:480px){.section{padding:0 20px 120px}.section.started .started-content .h-title{font-size:42px}.section.started .started-content .h-title.blog_title{font-size:26px}.popup-box{width:320px}}.popup-box .image img{width:100%;height:auto}.popup-box .desc{padding:30px 20px}.popup-box .desc h4{display:block;color:#363636;font-size:17px;font-weight:700;margin:0 0 15px;line-height:normal}.popup-box .desc p{margin-top:15px}.mfp-fade.mfp-bg,.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:.15s ease-out;-moz-transition:.15s ease-out;-webkit-transition:.15s ease-out;-o-transition:.15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-close{width:54px!important;height:54px!important;background:#fff!important;line-height:54px!important;opacity:1!important;font-weight:300;color:#fff;font-size:24px;font-family:Verdana!important}.skills.dotted ul li .progress .da span{background:#f26b38!important}.section.works .filters .btn-group{display:inline-block;vertical-align:top}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{background:0 0!important;top:-10px}.btn,a.btn{transition:background .3s;-moz-transition:background .3s;-webkit-transition:background .3s;-o-transition:background .3s}.skills ul{margin:0;padding:0;list-style:none;font-size:0}.skills.circles ul{margin:-30px 0 0}.skills.list ul{margin:0 -30px}.skills.dotted ul{margin-left:-30px;margin-right:-30px}.skills ul li{position:relative;padding:0 0 30px}.skills.dotted ul li{padding-left:30px;padding-right:30px;width:50%;vertical-align:top}.skills.circles ul li{margin-top:30px;padding-bottom:40px;vertical-align:top;width:20%}.skills.list ul li{padding:0 30px 10px;vertical-align:top;width:50%}.skills ul li:last-child{padding-bottom:0}.skills.circles ul li:last-child{padding-bottom:40px}.skills ul li .name{color:#363636;font-size:13px;font-weight:400;position:relative;margin:0 0 9px}.skills.circles ul li .name{position:absolute;top:115px;left:0;width:90px;text-align:center}.skills.list ul li .name{padding-left:23px;position:relative}.skills.list ul li .name:before{content:"\f121";position:absolute;left:0;top:3px;font-family:Ionicons;color:#f26b38;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skills ul li .progress{display:block;height:3px;position:relative;width:100%;background:#ddd}.skills.dotted ul li .progress{height:14px;background:0 0!important}.skills ul li .progress .percentage{left:0;top:0;position:absolute;height:3px;width:0%;background:#f26b38;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}.skills ul li .progress .percentage .percent{position:absolute;top:-27px;right:0;font-size:13px;font-weight:400}.skills.dotted ul li .progress .percentage{position:relative;overflow:hidden;top:0;height:14px;background:0 0!important;z-index:2}.skills.dotted ul li .progress .da,.skills.dotted ul li .progress .dg{position:absolute;left:0;top:0;width:100%;display:flex;justify-content:space-between;height:14px}.skills.dotted ul li .progress .da{top:0}.skills.dotted ul li .progress .da span,.skills.dotted ul li .progress .dg span{display:block;width:14px;height:14px;background:#ddd;-webkit-border-radius:14px;border-radius:14px}.skills.circles .progress.p100 .slice,.skills.circles .progress.p51 .slice,.skills.circles .progress.p52 .slice,.skills.circles .progress.p53 .slice,.skills.circles .progress.p54 .slice,.skills.circles .progress.p55 .slice,.skills.circles .progress.p56 .slice,.skills.circles .progress.p57 .slice,.skills.circles .progress.p58 .slice,.skills.circles .progress.p59 .slice,.skills.circles .progress.p60 .slice,.skills.circles .progress.p61 .slice,.skills.circles .progress.p62 .slice,.skills.circles .progress.p63 .slice,.skills.circles .progress.p64 .slice,.skills.circles .progress.p65 .slice,.skills.circles .progress.p66 .slice,.skills.circles .progress.p67 .slice,.skills.circles .progress.p68 .slice,.skills.circles .progress.p69 .slice,.skills.circles .progress.p70 .slice,.skills.circles .progress.p71 .slice,.skills.circles .progress.p72 .slice,.skills.circles .progress.p73 .slice,.skills.circles .progress.p74 .slice,.skills.circles .progress.p75 .slice,.skills.circles .progress.p76 .slice,.skills.circles .progress.p77 .slice,.skills.circles .progress.p78 .slice,.skills.circles .progress.p79 .slice,.skills.circles .progress.p80 .slice,.skills.circles .progress.p81 .slice,.skills.circles .progress.p82 .slice,.skills.circles .progress.p83 .slice,.skills.circles .progress.p84 .slice,.skills.circles .progress.p85 .slice,.skills.circles .progress.p86 .slice,.skills.circles .progress.p87 .slice,.skills.circles .progress.p88 .slice,.skills.circles .progress.p89 .slice,.skills.circles .progress.p90 .slice,.skills.circles .progress.p91 .slice,.skills.circles .progress.p92 .slice,.skills.circles .progress.p93 .slice,.skills.circles .progress.p94 .slice,.skills.circles .progress.p95 .slice,.skills.circles .progress.p96 .slice,.skills.circles .progress.p97 .slice,.skills.circles .progress.p98 .slice,.skills.circles .progress.p99 .slice{clip:rect(auto,auto,auto,auto)}.skills.circles .progress .bar,.skills.circles .progress.p100 .fill,.skills.circles .progress.p51 .fill,.skills.circles .progress.p52 .fill,.skills.circles .progress.p53 .fill,.skills.circles .progress.p54 .fill,.skills.circles .progress.p55 .fill,.skills.circles .progress.p56 .fill,.skills.circles .progress.p57 .fill,.skills.circles .progress.p58 .fill,.skills.circles .progress.p59 .fill,.skills.circles .progress.p60 .fill,.skills.circles .progress.p61 .fill,.skills.circles .progress.p62 .fill,.skills.circles .progress.p63 .fill,.skills.circles .progress.p64 .fill,.skills.circles .progress.p65 .fill,.skills.circles .progress.p66 .fill,.skills.circles .progress.p67 .fill,.skills.circles .progress.p68 .fill,.skills.circles .progress.p69 .fill,.skills.circles .progress.p70 .fill,.skills.circles .progress.p71 .fill,.skills.circles .progress.p72 .fill,.skills.circles .progress.p73 .fill,.skills.circles .progress.p74 .fill,.skills.circles .progress.p75 .fill,.skills.circles .progress.p76 .fill,.skills.circles .progress.p77 .fill,.skills.circles .progress.p78 .fill,.skills.circles .progress.p79 .fill,.skills.circles .progress.p80 .fill,.skills.circles .progress.p81 .fill,.skills.circles .progress.p82 .fill,.skills.circles .progress.p83 .fill,.skills.circles .progress.p84 .fill,.skills.circles .progress.p85 .fill,.skills.circles .progress.p86 .fill,.skills.circles .progress.p87 .fill,.skills.circles .progress.p88 .fill,.skills.circles .progress.p89 .fill,.skills.circles .progress.p90 .fill,.skills.circles .progress.p91 .fill,.skills.circles .progress.p92 .fill,.skills.circles .progress.p93 .fill,.skills.circles .progress.p94 .fill,.skills.circles .progress.p95 .fill,.skills.circles .progress.p96 .fill,.skills.circles .progress.p97 .fill,.skills.circles .progress.p98 .fill,.skills.circles .progress.p99 .fill{position:absolute;width:.82em;height:.82em;clip:rect(0,.5em,1em,0);border:.09em solid #f26b38;-webkit-border-radius:50%;border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}.skills.circles .progress.p100 .bar:after,.skills.circles .progress.p100 .fill,.skills.circles .progress.p51 .bar:after,.skills.circles .progress.p51 .fill,.skills.circles .progress.p52 .bar:after,.skills.circles .progress.p52 .fill,.skills.circles .progress.p53 .bar:after,.skills.circles .progress.p53 .fill,.skills.circles .progress.p54 .bar:after,.skills.circles .progress.p54 .fill,.skills.circles .progress.p55 .bar:after,.skills.circles .progress.p55 .fill,.skills.circles .progress.p56 .bar:after,.skills.circles .progress.p56 .fill,.skills.circles .progress.p57 .bar:after,.skills.circles .progress.p57 .fill,.skills.circles .progress.p58 .bar:after,.skills.circles .progress.p58 .fill,.skills.circles .progress.p59 .bar:after,.skills.circles .progress.p59 .fill,.skills.circles .progress.p60 .bar:after,.skills.circles .progress.p60 .fill,.skills.circles .progress.p61 .bar:after,.skills.circles .progress.p61 .fill,.skills.circles .progress.p62 .bar:after,.skills.circles .progress.p62 .fill,.skills.circles .progress.p63 .bar:after,.skills.circles .progress.p63 .fill,.skills.circles .progress.p64 .bar:after,.skills.circles .progress.p64 .fill,.skills.circles .progress.p65 .bar:after,.skills.circles .progress.p65 .fill,.skills.circles .progress.p66 .bar:after,.skills.circles .progress.p66 .fill,.skills.circles .progress.p67 .bar:after,.skills.circles .progress.p67 .fill,.skills.circles .progress.p68 .bar:after,.skills.circles .progress.p68 .fill,.skills.circles .progress.p69 .bar:after,.skills.circles .progress.p69 .fill,.skills.circles .progress.p70 .bar:after,.skills.circles .progress.p70 .fill,.skills.circles .progress.p71 .bar:after,.skills.circles .progress.p71 .fill,.skills.circles .progress.p72 .bar:after,.skills.circles .progress.p72 .fill,.skills.circles .progress.p73 .bar:after,.skills.circles .progress.p73 .fill,.skills.circles .progress.p74 .bar:after,.skills.circles .progress.p74 .fill,.skills.circles .progress.p75 .bar:after,.skills.circles .progress.p75 .fill,.skills.circles .progress.p76 .bar:after,.skills.circles .progress.p76 .fill,.skills.circles .progress.p77 .bar:after,.skills.circles .progress.p77 .fill,.skills.circles .progress.p78 .bar:after,.skills.circles .progress.p78 .fill,.skills.circles .progress.p79 .bar:after,.skills.circles .progress.p79 .fill,.skills.circles .progress.p80 .bar:after,.skills.circles .progress.p80 .fill,.skills.circles .progress.p81 .bar:after,.skills.circles .progress.p81 .fill,.skills.circles .progress.p82 .bar:after,.skills.circles .progress.p82 .fill,.skills.circles .progress.p83 .bar:after,.skills.circles .progress.p83 .fill,.skills.circles .progress.p84 .bar:after,.skills.circles .progress.p84 .fill,.skills.circles .progress.p85 .bar:after,.skills.circles .progress.p85 .fill,.skills.circles .progress.p86 .bar:after,.skills.circles .progress.p86 .fill,.skills.circles .progress.p87 .bar:after,.skills.circles .progress.p87 .fill,.skills.circles .progress.p88 .bar:after,.skills.circles .progress.p88 .fill,.skills.circles .progress.p89 .bar:after,.skills.circles .progress.p89 .fill,.skills.circles .progress.p90 .bar:after,.skills.circles .progress.p90 .fill,.skills.circles .progress.p91 .bar:after,.skills.circles .progress.p91 .fill,.skills.circles .progress.p92 .bar:after,.skills.circles .progress.p92 .fill,.skills.circles .progress.p93 .bar:after,.skills.circles .progress.p93 .fill,.skills.circles .progress.p94 .bar:after,.skills.circles .progress.p94 .fill,.skills.circles .progress.p95 .bar:after,.skills.circles .progress.p95 .fill,.skills.circles .progress.p96 .bar:after,.skills.circles .progress.p96 .fill,.skills.circles .progress.p97 .bar:after,.skills.circles .progress.p97 .fill,.skills.circles .progress.p98 .bar:after,.skills.circles .progress.p98 .fill,.skills.circles .progress.p99 .bar:after,.skills.circles .progress.p99 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skills.circles .progress{margin:0;position:relative;font-size:90px;width:90px;height:90px;border-radius:90px;background:#ddd}.skills.circles .progress *,.skills.circles .progress :after,.skills.circles .progress :before{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.skills.circles .progress span{position:absolute;left:0;top:0;width:100%;height:100%;line-height:90px;font-size:17px;text-align:center;white-space:nowrap;z-index:2}.skills.circles .progress:after{position:absolute;top:.09em;left:.09em;display:block;content:" ";border-radius:50%;background-color:#fff;width:.82em;height:.82em}.skills.circles .progress .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}.skills.circles .progress.p1 .bar{-moz-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);-webkit-transform:rotate(3.6deg);transform:rotate(3.6deg)}.skills.circles .progress.p2 .bar{-moz-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);-webkit-transform:rotate(7.2deg);transform:rotate(7.2deg)}.skills.circles .progress.p3 .bar{-moz-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);-webkit-transform:rotate(10.8deg);transform:rotate(10.8deg)}.skills.circles .progress.p4 .bar{-moz-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);-webkit-transform:rotate(14.4deg);transform:rotate(14.4deg)}.skills.circles .progress.p5 .bar{-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-webkit-transform:rotate(18deg);transform:rotate(18deg)}.skills.circles .progress.p6 .bar{-moz-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);-webkit-transform:rotate(21.6deg);transform:rotate(21.6deg)}.skills.circles .progress.p7 .bar{-moz-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);-webkit-transform:rotate(25.2deg);transform:rotate(25.2deg)}.skills.circles .progress.p8 .bar{-moz-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);-webkit-transform:rotate(28.8deg);transform:rotate(28.8deg)}.skills.circles .progress.p9 .bar{-moz-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);-webkit-transform:rotate(32.4deg);transform:rotate(32.4deg)}.skills.circles .progress.p10 .bar{-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);-webkit-transform:rotate(36deg);transform:rotate(36deg)}.skills.circles .progress.p11 .bar{-moz-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);-webkit-transform:rotate(39.6deg);transform:rotate(39.6deg)}.skills.circles .progress.p12 .bar{-moz-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);-webkit-transform:rotate(43.2deg);transform:rotate(43.2deg)}.skills.circles .progress.p13 .bar{-moz-transform:rotate(46.8deg);-ms-transform:rotate(46.8deg);-webkit-transform:rotate(46.8deg);transform:rotate(46.8deg)}.skills.circles .progress.p14 .bar{-moz-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);-webkit-transform:rotate(50.4deg);transform:rotate(50.4deg)}.skills.circles .progress.p15 .bar{-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-webkit-transform:rotate(54deg);transform:rotate(54deg)}.skills.circles .progress.p16 .bar{-moz-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);-webkit-transform:rotate(57.6deg);transform:rotate(57.6deg)}.skills.circles .progress.p17 .bar{-moz-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);-webkit-transform:rotate(61.2deg);transform:rotate(61.2deg)}.skills.circles .progress.p18 .bar{-moz-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);-webkit-transform:rotate(64.8deg);transform:rotate(64.8deg)}.skills.circles .progress.p19 .bar{-moz-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);-webkit-transform:rotate(68.4deg);transform:rotate(68.4deg)}.skills.circles .progress.p20 .bar{-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-webkit-transform:rotate(72deg);transform:rotate(72deg)}.skills.circles .progress.p21 .bar{-moz-transform:rotate(75.6deg);-ms-transform:rotate(75.6deg);-webkit-transform:rotate(75.6deg);transform:rotate(75.6deg)}.skills.circles .progress.p22 .bar{-moz-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);-webkit-transform:rotate(79.2deg);transform:rotate(79.2deg)}.skills.circles .progress.p23 .bar{-moz-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);-webkit-transform:rotate(82.8deg);transform:rotate(82.8deg)}.skills.circles .progress.p24 .bar{-moz-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);-webkit-transform:rotate(86.4deg);transform:rotate(86.4deg)}.skills.circles .progress.p25 .bar{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.skills.circles .progress.p26 .bar{-moz-transform:rotate(93.6deg);-ms-transform:rotate(93.6deg);-webkit-transform:rotate(93.6deg);transform:rotate(93.6deg)}.skills.circles .progress.p27 .bar{-moz-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);-webkit-transform:rotate(97.2deg);transform:rotate(97.2deg)}.skills.circles .progress.p28 .bar{-moz-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);-webkit-transform:rotate(100.8deg);transform:rotate(100.8deg)}.skills.circles .progress.p29 .bar{-moz-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);-webkit-transform:rotate(104.4deg);transform:rotate(104.4deg)}.skills.circles .progress.p30 .bar{-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-webkit-transform:rotate(108deg);transform:rotate(108deg)}.skills.circles .progress.p31 .bar{-moz-transform:rotate(111.6deg);-ms-transform:rotate(111.6deg);-webkit-transform:rotate(111.6deg);transform:rotate(111.6deg)}.skills.circles .progress.p32 .bar{-moz-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);-webkit-transform:rotate(115.2deg);transform:rotate(115.2deg)}.skills.circles .progress.p33 .bar{-moz-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);-webkit-transform:rotate(118.8deg);transform:rotate(118.8deg)}.skills.circles .progress.p34 .bar{-moz-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);-webkit-transform:rotate(122.4deg);transform:rotate(122.4deg)}.skills.circles .progress.p35 .bar{-moz-transform:rotate(126deg);-ms-transform:rotate(126deg);-webkit-transform:rotate(126deg);transform:rotate(126deg)}.skills.circles .progress.p36 .bar{-moz-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);-webkit-transform:rotate(129.6deg);transform:rotate(129.6deg)}.skills.circles .progress.p37 .bar{-moz-transform:rotate(133.2deg);-ms-transform:rotate(133.2deg);-webkit-transform:rotate(133.2deg);transform:rotate(133.2deg)}.skills.circles .progress.p38 .bar{-moz-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);-webkit-transform:rotate(136.8deg);transform:rotate(136.8deg)}.skills.circles .progress.p39 .bar{-moz-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);-webkit-transform:rotate(140.4deg);transform:rotate(140.4deg)}.skills.circles .progress.p40 .bar{-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-webkit-transform:rotate(144deg);transform:rotate(144deg)}.skills.circles .progress.p41 .bar{-moz-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);-webkit-transform:rotate(147.6deg);transform:rotate(147.6deg)}.skills.circles .progress.p42 .bar{-moz-transform:rotate(151.2deg);-ms-transform:rotate(151.2deg);-webkit-transform:rotate(151.2deg);transform:rotate(151.2deg)}.skills.circles .progress.p43 .bar{-moz-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);-webkit-transform:rotate(154.8deg);transform:rotate(154.8deg)}.skills.circles .progress.p44 .bar{-moz-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);-webkit-transform:rotate(158.4deg);transform:rotate(158.4deg)}.skills.circles .progress.p45 .bar{-moz-transform:rotate(162deg);-ms-transform:rotate(162deg);-webkit-transform:rotate(162deg);transform:rotate(162deg)}.skills.circles .progress.p46 .bar{-moz-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);-webkit-transform:rotate(165.6deg);transform:rotate(165.6deg)}.skills.circles .progress.p47 .bar{-moz-transform:rotate(169.2deg);-ms-transform:rotate(169.2deg);-webkit-transform:rotate(169.2deg);transform:rotate(169.2deg)}.skills.circles .progress.p48 .bar{-moz-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);-webkit-transform:rotate(172.8deg);transform:rotate(172.8deg)}.skills.circles .progress.p49 .bar{-moz-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);-webkit-transform:rotate(176.4deg);transform:rotate(176.4deg)}.skills.circles .progress.p50 .bar{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skills.circles .progress.p51 .bar{-moz-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);-webkit-transform:rotate(183.6deg);transform:rotate(183.6deg)}.skills.circles .progress.p52 .bar{-moz-transform:rotate(187.2deg);-ms-transform:rotate(187.2deg);-webkit-transform:rotate(187.2deg);transform:rotate(187.2deg)}.skills.circles .progress.p53 .bar{-moz-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);-webkit-transform:rotate(190.8deg);transform:rotate(190.8deg)}.skills.circles .progress.p54 .bar{-moz-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);-webkit-transform:rotate(194.4deg);transform:rotate(194.4deg)}.skills.circles .progress.p55 .bar{-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-webkit-transform:rotate(198deg);transform:rotate(198deg)}.skills.circles .progress.p56 .bar{-moz-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);-webkit-transform:rotate(201.6deg);transform:rotate(201.6deg)}.skills.circles .progress.p57 .bar{-moz-transform:rotate(205.2deg);-ms-transform:rotate(205.2deg);-webkit-transform:rotate(205.2deg);transform:rotate(205.2deg)}.skills.circles .progress.p58 .bar{-moz-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);-webkit-transform:rotate(208.8deg);transform:rotate(208.8deg)}.skills.circles .progress.p59 .bar{-moz-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);-webkit-transform:rotate(212.4deg);transform:rotate(212.4deg)}.skills.circles .progress.p60 .bar{-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-webkit-transform:rotate(216deg);transform:rotate(216deg)}.skills.circles .progress.p61 .bar{-moz-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);-webkit-transform:rotate(219.6deg);transform:rotate(219.6deg)}.skills.circles .progress.p62 .bar{-moz-transform:rotate(223.2deg);-ms-transform:rotate(223.2deg);-webkit-transform:rotate(223.2deg);transform:rotate(223.2deg)}.skills.circles .progress.p63 .bar{-moz-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);-webkit-transform:rotate(226.8deg);transform:rotate(226.8deg)}.skills.circles .progress.p64 .bar{-moz-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);-webkit-transform:rotate(230.4deg);transform:rotate(230.4deg)}.skills.circles .progress.p65 .bar{-moz-transform:rotate(234deg);-ms-transform:rotate(234deg);-webkit-transform:rotate(234deg);transform:rotate(234deg)}.skills.circles .progress.p66 .bar{-moz-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);-webkit-transform:rotate(237.6deg);transform:rotate(237.6deg)}.skills.circles .progress.p67 .bar{-moz-transform:rotate(241.2deg);-ms-transform:rotate(241.2deg);-webkit-transform:rotate(241.2deg);transform:rotate(241.2deg)}.skills.circles .progress.p68 .bar{-moz-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);-webkit-transform:rotate(244.8deg);transform:rotate(244.8deg)}.skills.circles .progress.p69 .bar{-moz-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);-webkit-transform:rotate(248.4deg);transform:rotate(248.4deg)}.skills.circles .progress.p70 .bar{-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-webkit-transform:rotate(252deg);transform:rotate(252deg)}.skills.circles .progress.p71 .bar{-moz-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);-webkit-transform:rotate(255.6deg);transform:rotate(255.6deg)}.skills.circles .progress.p72 .bar{-moz-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);-webkit-transform:rotate(259.2deg);transform:rotate(259.2deg)}.skills.circles .progress.p73 .bar{-moz-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);-webkit-transform:rotate(262.8deg);transform:rotate(262.8deg)}.skills.circles .progress.p74 .bar{-moz-transform:rotate(266.4deg);-ms-transform:rotate(266.4deg);-webkit-transform:rotate(266.4deg);transform:rotate(266.4deg)}.skills.circles .progress.p75 .bar{-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.skills.circles .progress.p76 .bar{-moz-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);-webkit-transform:rotate(273.6deg);transform:rotate(273.6deg)}.skills.circles .progress.p77 .bar{-moz-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);-webkit-transform:rotate(277.2deg);transform:rotate(277.2deg)}.skills.circles .progress.p78 .bar{-moz-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);-webkit-transform:rotate(280.8deg);transform:rotate(280.8deg)}.skills.circles .progress.p79 .bar{-moz-transform:rotate(284.4deg);-ms-transform:rotate(284.4deg);-webkit-transform:rotate(284.4deg);transform:rotate(284.4deg)}.skills.circles .progress.p80 .bar{-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-webkit-transform:rotate(288deg);transform:rotate(288deg)}.skills.circles .progress.p81 .bar{-moz-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);-webkit-transform:rotate(291.6deg);transform:rotate(291.6deg)}.skills.circles .progress.p82 .bar{-moz-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);-webkit-transform:rotate(295.2deg);transform:rotate(295.2deg)}.skills.circles .progress.p83 .bar{-moz-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);-webkit-transform:rotate(298.8deg);transform:rotate(298.8deg)}.skills.circles .progress.p84 .bar{-moz-transform:rotate(302.4deg);-ms-transform:rotate(302.4deg);-webkit-transform:rotate(302.4deg);transform:rotate(302.4deg)}.skills.circles .progress.p85 .bar{-moz-transform:rotate(306deg);-ms-transform:rotate(306deg);-webkit-transform:rotate(306deg);transform:rotate(306deg)}.skills.circles .progress.p86 .bar{-moz-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);-webkit-transform:rotate(309.6deg);transform:rotate(309.6deg)}.skills.circles .progress.p87 .bar{-moz-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);-webkit-transform:rotate(313.2deg);transform:rotate(313.2deg)}.skills.circles .progress.p88 .bar{-moz-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);-webkit-transform:rotate(316.8deg);transform:rotate(316.8deg)}.skills.circles .progress.p89 .bar{-moz-transform:rotate(320.4deg);-ms-transform:rotate(320.4deg);-webkit-transform:rotate(320.4deg);transform:rotate(320.4deg)}.skills.circles .progress.p90 .bar{-moz-transform:rotate(324deg);-ms-transform:rotate(324deg);-webkit-transform:rotate(324deg);transform:rotate(324deg)}.skills.circles .progress.p91 .bar{-moz-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);-webkit-transform:rotate(327.6deg);transform:rotate(327.6deg)}.skills.circles .progress.p92 .bar{-moz-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);-webkit-transform:rotate(331.2deg);transform:rotate(331.2deg)}.skills.circles .progress.p93 .bar{-moz-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);-webkit-transform:rotate(334.8deg);transform:rotate(334.8deg)}.skills.circles .progress.p94 .bar{-moz-transform:rotate(338.4deg);-ms-transform:rotate(338.4deg);-webkit-transform:rotate(338.4deg);transform:rotate(338.4deg)}.skills.circles .progress.p95 .bar{-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-webkit-transform:rotate(342deg);transform:rotate(342deg)}.skills.circles .progress.p96 .bar{-moz-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);-webkit-transform:rotate(345.6deg);transform:rotate(345.6deg)}.skills.circles .progress.p97 .bar{-moz-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);-webkit-transform:rotate(349.2deg);transform:rotate(349.2deg)}.skills.circles .progress.p98 .bar{-moz-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);-webkit-transform:rotate(352.8deg);transform:rotate(352.8deg)}.skills.circles .progress.p99 .bar{-moz-transform:rotate(356.4deg);-ms-transform:rotate(356.4deg);-webkit-transform:rotate(356.4deg);transform:rotate(356.4deg)}.skills.circles .progress.p100 .bar{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}@media (max-width:840px){.skills.circles ul li{width:25%}}@media (max-width:580px){.skills.dotted ul li{width:100%;display:block}.skills.circles ul li{width:33.333%}.skills.list ul li{display:block;width:100%}}