*,body,html{margin:0;padding:0}.nav li a:before,h2:after{content:'';left:0}#chart #bars li .bar:hover,#chart #numbers li span:hover,.about-side #diagram:hover,.btn-default,.close-btn{cursor:pointer}body,html{height:100%;min-height:100%;position:relative}body{background:#FFF;font-family:Lato,arial,verdana,"trebuchet ms";font-size:16px;line-height:26px}h1,h2,h3,h4,h5{font-family:Montserrat;font-weight:700;margin-bottom:30px;position:relative}h2 strong,h3{font-family:"Playfair Display",Georgia;font-weight:400}h1{font-size:60px}h2{font-size:44px;padding-bottom:20px}h2:after{position:absolute;bottom:0;height:4px;background:#39c;width:50px}.navbar-inverse,.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:transparent}h2 strong{font-size:38px}h3{font-size:22px}a{transition:all .3s ease-in-out}a,a:active,a:focus,a:hover,a:visited{outline:0!important;text-decoration:none}.group input:focus,.group textarea:focus,.navbar-toggle:active,.navbar-toggle:focus,:focus{outline:0}::-moz-focus-inner{border:0}hr{border-top:1px solid rgba(255,255,255,.3)}.navbar-inverse{margin-bottom:0;border-radius:0;transition:background .5s ease-in-out,padding .5s ease-in-out;border:none;padding:10px 0}.navbar-inverse .navbar-nav li{padding:0 15px}.navbar-inverse .navbar-nav li a{color:#CCC;transition:all .1s ease-in-out;text-transform:uppercase;font-size:12px;font-family:Montserrat,Lucida Sans Unicode;display:inline-block;line-height:normal;padding:15px 0}.navbar-inverse .navbar-nav>li,.navbar-inverse .navbar-nav>li>a{transition:all .4s linear}.navbar-inverse .navbar-toggle{width:30px;margin-right:25px;margin-top:9px;padding:0;border:none}.navbar-toggle{padding:4px 6px;font-size:16px;color:#fff}.navbar-toggle .icon-bar{width:18px;height:2px;border-radius:0;margin-left:4px}.navbar-fixed-top{position:absolute;top:0}.navbar>.container .navbar-brand{margin-left:0}.navbar-brand{height:auto}.scroll-fixed-navbar{padding:10px 0;background:rgba(0,0,0,.9);box-shadow:0 0 7px rgba(0,0,0,.1);z-index:20}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover,.scroll-fixed-navbar .navbar-nav>li.active>a,.scroll-fixed-navbar .navbar-nav>li.active>a:hover,.scroll-fixed-navbar .navbar-nav>li>a:hover{color:#FFF}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:rgba(0,0,0,.1)}.navbar-inverse .navbar-nav>li>a{padding-bottom:3px;font-family:Montserrat;font-size:12px}.nav li a:before{position:absolute;width:0;height:2px;bottom:-3px;background:#de9b37;visibility:hidden;transition:all .3s ease-in-out 0s}.nav li a:hover:before,.nav li.active a:before{visibility:visible;width:100%}.navbar-inverse .navbar-nav>li.hire-me{padding:5px 20px;border:2px solid #1395ba;margin-top:2px;margin-left:40px;color:#FFF;text-transform:uppercase;font-size:12px;font-family:Montserrat}.navbar-inverse .navbar-nav>li.hire-me a{padding:0;color:#FFF}.navbar-inverse .navbar-nav>li.hire-me a::before{content:none}.navbar-inverse .navbar-nav>li.hire-me:hover{background:#1395ba;cursor:pointer}.navigation-footer{padding:30px 0;margin-top:20px;border-top:1px solid rgba(0,0,0,.1)}.navigation-footer .social li i{width:30px;height:30px;line-height:30px;font-size:16px}.navigation-footer .phone h4{font-size:14px;color:#FFF;margin-top:15px;font-weight:400;display:block;letter-spacing:1px}.navbar-inverse .navbar-brand{color:#FFF;font-family:Montserrat;font-size:22px;text-transform:uppercase;margin-top:15px;padding:0;letter-spacing:.05px}.padding90-vertical,.section{padding:90px 0}.scroll-fixed-navbar.navbar-inverse .navbar-brand{color:#FFF}.link-hover a{position:relative;text-decoration:none;transition:all .15s ease-out}.link-hover a:before{content:"";position:absolute;width:100%;height:2px;bottom:-8px;left:0;background:#de9b37;visibility:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition:all .3s ease-in-out 0s}.relative,ul.left-arrow li{position:relative}.link-hover a:hover{transition:all .15s ease-out;color:rgba(255,255,255,.98)!important}.link-hover a:hover:before{visibility:visible;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.section{overflow-x:hidden;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-color:#1a1a1a;height:100vh}.vertical-center{display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;-ms-flex-direction:row;flex-direction:row;-webkit-flex-direction:row}.flex-column{-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column}.padding50{padding:50px}.margintop-100{margin-top:100px}.margin-top40{margin-top:40px}.nopadding{padding:0}.nopadding-bottom{padding-bottom:0}.fancy-font{font-family:"Playfair Display",Georgia}.white-text{color:#FFF}.white-text h1,.white-text h2,.white-text h3,.white-text h4,.white-text h5,.white-text p{color:inherit}ul.left-arrow{list-style:none}ul.left-arrow li{color:rgba(255,255,255,.7);padding:2px 0 2px 20px}ul.left-arrow li a{color:rgba(255,255,255,.8)}ul.left-arrow li:before{font-family:Ionicons;content:'\f3d3';position:absolute;left:0;color:#FFF;font-size:12px}.about-content .porfolio-link,.btn-default,.contact h3 strong,.modal-form .side-details h3 strong{font-family:Montserrat}.home-slanted::before,.modal-bg:after{content:""}.half-link li{display:inline-block;min-width:40%}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.justify p{text-align:justify}.full-vertical{height:100%}.btn-default{color:#FFF;padding:12px 20px;border:2px solid #1395ba;font-size:13px;letter-spacing:.2px;font-weight:700;text-transform:uppercase;border-radius:0;text-align:center;background-color:#1395ba;transition:all ease .7s}.contact-footer h4,label{font-weight:400;color:#FFF}.btn-default:active,.btn-default:focus{border-color:#333;color:#FFF}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{border-color:#0f6279;color:#FFF;background-color:#0f6279}.btn-default:hover{box-shadow:inset 240px 0 0 0 #0f6279;border-color:#0f6279;color:#FFF}.btn-black{background-color:#1a1a1a;border-color:#1a1a1a}.btn-transparent{background-color:transparent;border-color:rgba(255,255,255,.7)}#pp-nav li .active span,.pp-slidesNav .active span{background:rgba(255,255,255,.9)}#pp-nav span,.pp-slidesNav span{border-color:rgba(255,255,255,.9)!important}.bg-white{background-color:#FFF}.bg-blue{background-color:#82C2B2}.bg-darkblue{background-color:#191c1f}.full-overlay{position:fixed;width:0;height:100%;top:0;right:0;opacity:0;visibility:hidden;overflow-y:scroll;overflow-x:hidden;transition:all .5s ease;z-index:9999;background-color:rgba(0,0,0,.9)}.modal-bg{z-index:2;position:relative;min-height:100%}.modal-bg:after{background-color:rgba(2,100,145,.3);position:absolute;top:30%;right:0;left:0;height:30%;z-index:-1}.open{opacity:1;visibility:visible;height:100%;width:100%}.close-btn{position:absolute;right:0;top:-15px;z-index:999}.close-btn i{color:#1a1a1a;background:#FFF;display:block;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;border:1px solid rgba(255,255,255,.8);transition:all .3s ease-in-out}.close-btn i:hover{background:#1a1a1a;color:#FFF}.modal-form{position:relative;height:100vh;top:0;bottom:0;margin-top:5%}.home img,.home-slanted::before{position:absolute;top:0}.modal-form h4{margin-bottom:20px}.modal-form .side-details{padding:40px}.modal-form .side-details h3{font-size:28px}.modal-form .side-details h4{color:#FFF;margin-bottom:10px}.modal-form .side-details ul{margin-bottom:30px}.modal-form .side-details p{color:rgba(255,255,255,.7);margin-bottom:20px}.modal-form .side-details hr{border-color:rgba(255,255,255,.1)}.home{background-image:url(../images/bg-home.jpg)}.home h1{color:#FFF}.home-slanted::before{background-color:rgba(19,149,186,.6);bottom:0;right:0;left:60%;-webkit-transform:skew(-25deg);-ms-transform:skew(-25deg);transform:skew(-25deg);height:100%}.about-bg:after,.about-bg:before{content:'';right:0;min-height:100%}#about{background-image:url(../images/bg-about.jpg)}.about-content{margin-top:50px;margin-left:30px;margin-bottom:40px;display:block}.about-content p{color:rgba(0,0,0,.7)}.about-content .porfolio-link{background:rgba(0,0,0,.7);padding:5px 10px;border-radius:2px;font-size:14px;color:#FFF}.about-content .porfolio-link:hover{background:rgba(0,0,0,.95)}.about-content .avatar{border-radius:50%;width:100px;height:100px;border:4px solid rgba(0,0,0,.2)}.about-bg{z-index:2;position:relative;min-height:100%}.about-bg:before{background-color:rgba(255,203,21,.7);border-radius:10px 0 0;position:absolute;left:34%;border-bottom:10px solid rgba(0,0,0,.2);z-index:-1}.about-bg:after{background-color:rgba(255,203,21,.9);border-radius:10px 0;position:absolute;left:35%;z-index:-2;bottom:0;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}.input-bar:before,.processing:after,.processing:before{content:"";position:absolute}.skill-bar .progress{height:7px;padding:0;overflow:hidden;background-color:#eee;margin-bottom:27px}.skill-bar .progress-bar{float:left;width:0;height:100%;background-color:#ea1e31;border-radius:1px}.skill-bar h5{margin-bottom:10px}.skill-bar h5 span{float:right}.skill-bar .html5{width:90%}.skill-bar .wp{width:85%}.skill-bar .mean{width:70%}.skill-bar .javascript{width:80%}.social li{display:inline-block;text-align:center}.social li i{font-size:22px;color:#fff;border-radius:3px;background:#ddd;margin:5px;width:45px;height:45px;line-height:45px;display:block;transition:all .2s ease-out}.social li .icon:hover{background:#3b475f}.social .ion-social-twitter-outline{background:#00aced}.social .ion-social-facebook{background:#3b5998}.social .ion-social-googleplus-outline{background:#dd4b39}.social .ion-social-linkedin-outline{background:#007bb6}.social .ion-social-github-outline{background:#bc4444}.contact{color:#FFF;background-color:#029170;padding:10px}.contact form{margin:40px}.contact form p,.group{margin-bottom:30px}.contact h3{font-size:28px}.contact p{color:rgba(255,255,255,.75)}.contact-footer{background:#1a1a1a;padding:10px 30px}.contact-footer h4{font-size:14px;letter-spacing:.5px;margin-top:20px;text-align:right}.contact-footer .social li i{width:30px;height:30px;line-height:30px;font-size:16px}.left-contact{border-top:20px solid rgba(0,0,0,.2)}label{position:absolute;font-family:Montserrat;font-size:14px;left:0;top:15px;transition:.2s ease all}.group,.input-bar{position:relative}.group input,.group textarea{border:none;border-bottom:2px solid rgba(255,255,255,.65);padding:15px 0;display:block;width:100%;background:0 0;color:#FFF}.group input:focus~label,.group input:valid~label,.group textarea:focus~label,.group textarea:valid~label{top:-15px;color:#ffdd8d}.input-bar{display:block}.input-bar:before{left:50%;right:50%;bottom:0;background:#ffdd8d;height:3px;transition:left .2s ease-out,right .2s ease-out}input:focus~.input-bar:before,textarea:focus~.input-bar:before{left:0;right:0}.contact-form .alert{margin-top:10px;padding:10px 20px}.processing{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;height:10px;background:#3498DB;border-radius:5px;-webkit-animation:load 1.8s ease-in-out infinite;animation:load 1.8s ease-in-out infinite}.processing:after,.processing:before{display:block;-webkit-animation:load 1.8s ease-in-out infinite;animation:load 1.8s ease-in-out infinite;height:10px;border-radius:5px}.processing:before{top:-20px;left:10px;width:40px;background:#EF4836}.processing:after{bottom:-20px;width:35px;background:#F5AB35}@-webkit-keyframes load{0%,100%{-webkit-transform:translateX(40px);transform:translateX(40px)}50%{-webkit-transform:translateX(-30px);transform:translateX(-30px)}}@keyframes load{0%,100%{-webkit-transform:translateX(40px);transform:translateX(40px)}50%{-webkit-transform:translateX(-30px);transform:translateX(-30px)}}.square-separator{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin:25px auto}.square-separator,.square-separator:after,.square-separator:before{content:"";width:21px;height:21px;border:2px solid #BE9441;text-align:center;display:inline-block;position:relative}.square-separator:after{top:-19px;left:-12px}.square-separator:before{top:-13px;left:8px}.square-line-separator{position:relative}.square-line-separator:after,.square-line-separator:before{content:'';height:2px;width:60px;background:#BE9441;position:absolute;top:-25px}.square-line-separator:after{left:50px}.square-line-separator:before{right:30px}.row.no-gutter{margin-right:0;margin-left:0}.row.no-gutter>[class*=" col-"],.row.no-gutter>[class^=col-]{padding-right:0;padding-left:0}.skills{background-image:url(../images/bg-skills.jpg)}.skills-shape{position:relative;min-height:100%}.skills-shape::after,.skills-shape::before{background-color:rgba(212,71,91,.7);content:'';position:absolute;top:0;bottom:0;left:0;height:100%}.skills-shape::before{right:55%;-webkit-transform:skew(25deg);-ms-transform:skew(25deg);transform:skew(25deg)}.skills-shape::after{right:60%;-webkit-transform:skew(-10deg);-ms-transform:skew(-10deg);transform:skew(-10deg);z-index:-1}.skill-set{color:rgba(255,255,255,.9);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-top:30px}.skill-set h3{font-size:38px;line-height:46px;color:#FFF}.skill-set h3 span{font-family:Montserrat;display:block;font-weight:700;font-size:22px;text-transform:uppercase}.skills-list li{display:inline-block;width:32%;position:relative;padding:3px 0 3px 20px;color:rgba(255,255,255,.8)}.skills-list li:before{font-family:Ionicons;content:'\f462';content:'\f383';position:absolute;left:0;color:#FFF;font-size:12px}.skill-set .nav-tabs{border-bottom:1px solid rgba(255,255,255,.2);background-color:#2e3031}.skill-set .nav-tabs>li>a{border-radius:0;color:#FFF;font-family:Montserrat;font-size:14px;border:none;padding:20px 15px}.skill-set .nav-tabs>li>a:before{bottom:-2px}.skill-set #skills-dropdown{padding:15px 10px;background-color:#2e3031;display:block;width:100%;border:1px solid rgba(0,0,0,.2)}.skill-set .nav-tabs>li.active>a,.skill-set .nav-tabs>li.active>a:focus,.skill-set .nav-tabs>li.active>a:hover{background-color:transparent;border:none;color:#FFF}.skill-set .nav-tabs>li.active>a:before{visibility:visible;width:100%}.skill-set .nav>li>a:focus,.skill-set .nav>li>a:hover{background-color:transparent;border:none}.tab-content{padding:20px}#chart #bars,#chart #numbers{display:inline-block;padding:0;margin:0}#chart{display:block}#chart #numbers{height:100%;float:left;position:relative}#chart #numbers li{list-style:none;padding-right:1em;border-bottom:1px solid #DDD;height:90px;margin-top:20px}#chart #numbers li:first-child{height:0}#chart #numbers li span{color:#eee;position:absolute;top:115px;left:-100px;width:95px;text-align:right;font-size:11px;text-transform:uppercase;font-family:Montserrat}#chart #bars li,.experience-year,.filter-bar{text-align:center}#chart #bars li .bar:hover:before,#chart #bars li span{font-size:12px;font-family:Montserrat}#chart #numbers li:first-child span{top:5px}#chart #numbers li:last-child span{top:93%}#chart #bars{border-left:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}#chart #bars li{display:table-cell;display:inline-block;width:70px;height:300px;margin:0;position:relative}#chart #bars li .bar{display:block;width:50px;margin-left:15px;background:#de9b37;position:absolute;bottom:0;transition:all .3s ease-in-out}#chart #bars li .bar:hover{background:#3a5269}#chart #bars li .bar:hover:before{color:#fff;content:attr(data-percentage) "%";position:relative;bottom:30px}.experience-details:after,.experience-details:before,.skills-circle span:before,.typewriter span strong:after{content:''}#chart #bars li span{color:#eee;position:absolute;width:100px;display:block;left:-10px;bottom:50px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);text-transform:uppercase}.about-side .get,.mouse{display:none}.experience{color:#FFF}.experience h3{margin-bottom:10px;font-size:20px;color:#FFF}.experience p{color:rgba(255,255,255,.4)}.skills-circle{height:250px;width:250px;border-radius:50%;border:2px solid rgba(0,0,0,.2);position:relative}.skills-circle span{position:absolute;top:50%;right:50%}.skills-circle span:before{position:absolute;height:1px;width:150px;border-top:1px dotted #FFF}.skills-circle h3{font-size:18px;color:#FFF;line-height:210px;position:absolute;margin-left:300px;font-family:Montserrat}.design{background-color:rgba(255,212,0,.85)}.dev{background-color:rgba(39,103,128,.85);margin-top:-50px}.experience-details:before{width:16px;height:16px;border-radius:100%;position:absolute;border:2px solid #ffd504;background-color:transparent;left:-12px}.experience-details:after{position:absolute;background:#ffd504;width:1px;height:100%;top:22px;bottom:0;left:-5px}.home-intro{color:rgba(255,255,255,.8);font-size:17px;font-family:Montserrat;font-weight:700;text-transform:uppercase;letter-spacing:.2px}.typewriter{font-size:55px;font-family:Montserrat;font-weight:700;margin-bottom:30px;position:relative;line-height:65px;color:#FFF}.typewriter span{font-size:45px}.typewriter span strong{font-family:"Playfair Display",Georgia;font-size:45px;font-weight:400;letter-spacing:1px;position:relative}.typewriter span strong:after{position:absolute;bottom:-5px;left:0;height:4px;background:#de9b37;width:100%}.typed-cursor{opacity:1;font-weight:100;-webkit-animation:blink .7s infinite;animation:blink .7s infinite}@-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.about-side #diagram{width:300px;height:300px;margin-left:-50px;margin-bottom:40px}.about-side hr{width:80%;margin:40px 0;border-top:1px solid rgba(255,255,255,.2)}.about-side .content{color:#FFF}.about-side .content h3{margin-top:10px;margin-bottom:10px;font-size:19px;font-weight:700;font-family:Montserrat}.about-side .content h3 strong{font-family:"Playfair Display",Georgia}.mouse{position:absolute;width:26px;height:46px;margin:0 auto 0 -26px;border-radius:13px;border:2px solid #e8f380;bottom:40px;left:50%}.mouse span{display:block;width:2px;height:2px;margin:6px auto;border-radius:4px;background:#e8f380;border:1px solid transparent;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.portfolio{background-image:url(../images/bg-wood.jpg)}.isotopeSelector{margin-bottom:30px}.filter-bar{display:block;margin:0 auto 30px}.filter-bar li{display:inline-block;margin:0 -4px 0 0;position:relative;padding:0 25px;line-height:normal;transition:all .3s ease-in-out}.filter-bar li .active a:before{visibility:visible;width:100%}.filter-bar li:after{content:'-';position:absolute;right:0;top:0;color:#FFF}.filter-bar li:last-child{padding-right:0}.filter-bar li:last-child:after{content:none}.filter-bar li a{color:#FFF;font-family:Montserrat;font-size:12px;font-weight:400;text-transform:uppercase}.filter-bar li.active a:after{content:'';position:absolute;height:2px;bottom:-8px;left:0;background:#de9b37;transition:all .3s ease-in-out 0s;width:100%;visibility:visible}figure.portfolio-effect{color:#FFF;position:relative;overflow:hidden;width:100%;background:#000;text-align:center}figure.portfolio-effect *{box-sizing:padding-box;transition:all .3s ease-out}figure.portfolio-effect img{opacity:.95;width:100%}figure.portfolio-effect figcaption{top:40%;left:0;right:0;position:absolute}figure.portfolio-effect figcaption h2{position:relative;text-transform:uppercase;margin:0;top:55px;font-size:18px;padding-top:15px;padding-bottom:15px;opacity:0}.cont,.line,.preloader,figure.portfolio-effect a{position:absolute}figure.portfolio-effect figcaption h2:after{left:0;right:0;margin:0 auto;width:30px;background:#FFF}figure.portfolio-effect figcaption p{font-size:.9em;font-weight:500;opacity:0;margin:0}figure.portfolio-effect:after,figure.portfolio-effect:before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;transition:opacity .6s,-webkit-transform .6s,transform .6s}figure.portfolio-effect:before{border-top:1px double #fff;border-bottom:1px double #fff;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}figure.portfolio-effect:after{border-right:1px double #fff;border-left:1px double #fff;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0)}figure.portfolio-effect a{left:0;right:0;top:0;bottom:0;z-index:1;color:#FFF}figure.portfolio-effect a:hover:before{visibility:hidden}figure.portfolio-effect.hover img,figure.portfolio-effect:hover img{opacity:.2;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}figure.portfolio-effect.hover figcaption h2,figure.portfolio-effect.hover figcaption p,figure.portfolio-effect:hover figcaption h2,figure.portfolio-effect:hover figcaption p{opacity:1;border-color:rgba(255,255,255,.5);transition-delay:.2s;top:0}figure.portfolio-effect.hover figcaption p,figure.portfolio-effect:hover figcaption p{transition-delay:.3s}figure.portfolio-effect.hover:after,figure.portfolio-effect.hover:before,figure.portfolio-effect:hover:after,figure.portfolio-effect:hover:before{opacity:.8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.preloader{z-index:9999;background:rgba(0,0,0,.75);height:100%;width:100%}.cont{top:50%;margin-top:-50px;left:50%;margin-left:-50px;width:105px;height:105px}.square{width:100px;height:5px;-webkit-animation:desno 1s infinite;animation:desno 1s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.square2{width:5px;height:100px;opacity:0;-webkit-animation:desno2 1s infinite;animation:desno2 1s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.square3{width:100px;height:5px;margin-top:100px;opacity:0;-webkit-animation:desno3 1s infinite;animation:desno3 1s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.square4{width:5px;height:100px;margin-left:100px;margin-top:0;opacity:0;-webkit-animation:desno3 1s infinite;animation:desno3 1s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.line{border-radius:2px;background:#fff}@-webkit-keyframes desno{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}80%{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}99.99%{opacity:1}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;opacity:0}}@keyframes desno{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}80%{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}99.99%{opacity:1}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;opacity:0}}@-webkit-keyframes desno2{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}80%{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}99.99%{opacity:1}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;opacity:0}}@keyframes desno2{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}80%{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}99.99%{opacity:1}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;opacity:0}}@-webkit-keyframes desno3{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}80%{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}99.99%{opacity:1}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;opacity:0}}@keyframes desno3{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}80%{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}99.99%{opacity:1}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;opacity:0}}@-webkit-keyframes desno4{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}80%{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}99.99%{opacity:1}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;opacity:0;-webkit-animation:desno .5s;animation:desno .5s}}@keyframes desno4{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}80%{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}99.99%{opacity:1}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;opacity:0;-webkit-animation:desno .5s;animation:desno .5s}}@media only screen and (min-width:768px) and (max-width:959px){h2{font-size:35px}h2 strong{font-size:25px}.home-slanted::before{left:40%}.about-bg:before{left:47%}.skills-shape::before{right:10%}.tablet-chart{float:left!important;margin-left:15%!important}}@media only screen and (max-width:767px){.contact-footer h4,.text-center-xs{text-align:center}h2{font-size:40px}h2 strong{font-size:30px}.navbar-inverse{background-color:rgba(0,0,0,.6);padding-bottom:0}.navbar-inverse .navbar-nav li{border-bottom:1px solid rgba(255,255,255,.3);text-align:center;padding:0}.navbar-inverse .navbar-nav li a{font-family:"Playfair Display",Georgia;font-size:18px;color:#FFF;padding:25px 0;width:100%;letter-spacing:1px}.navbar-inverse .navbar-nav li.hire-me{margin-left:0;border:none;padding:25px 0}.navbar-nav{margin:0}.navbar-toggle{z-index:99999;overflow:hidden}.navbar-fixed-top .navbar-collapse{height:100%;background:rgba(0,0,0,.95);width:100%;position:fixed;top:0;padding-top:20%;max-height:100%}.navbar-toggle .icon-bar{transition:opacity,-webkit-transform;transition:opacity,transform;transition:opacity,transform,-webkit-transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.7,0,0,.7)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1){-webkit-transform:translateY(6px) rotate(45deg);-ms-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){opacity:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){-webkit-transform:translateY(-6px) rotate(-45deg);-ms-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}.navbar>.container .navbar-brand{font-size:20px;text-transform:uppercase;margin-top:6px;margin-left:15px}#pp-nav{display:none}.home-slanted::before{left:10%}.typewriter{line-height:48px}.typewriter span{font-size:38px}.typewriter span strong{font-size:36px}.about-bg:before{left:5%}.skills-shape:before{right:-20%;left:-100px}.padding90-vertical{padding:90px 0}.close-btn{right:10px}.modal-bg:before{-webkit-transform:skew(25deg);-ms-transform:skew(25deg);transform:skew(25deg);left:0;-webkit-transform:none;-ms-transform:none;transform:none;min-height:auto;height:45%}.modal-bg:after{left:5%}.modal-form .side-details{padding:20px 40px}.contact form{margin:0 25px 30px}.about-side #diagram{margin-left:0}.about-side .content{margin-left:50px}.skills-list li{width:48%}.skills-shape::after{content:none}.truncate{max-width:100px}.modal-bg{overflow-x:hidden}figure.portfolio-effect figcaption h2{font-size:14px}.about-content{margin-left:25px;margin-top:35px}.about-bg:after{right:0;left:3%}.navbar-inverse .navbar-nav>li.hire-me:hover{background:0 0}}@media screen and (min-width:1400px){.padding90-vertical{padding:120px 0}.about-bg:before{left:37%;max-width:50%;border-right:10px solid rgba(255,255,255,.37);border-bottom:none}.about-bg:after{right:14%;left:38%;bottom:0;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}.skills-shape::before{right:51%;left:14%;-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}.skills-shape::after{right:54%;left:14%}.modal-bg:before{left:44%}}