body{color:#1a1a1a;background-color:#0C0C0C;font-family:"Roboto Slab",serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}img{max-width:100%;height:auto}ul{padding-left:15px}li{padding:0 0 10px}.preloader-outer{position:fixed;top:0;left:0;height:100%;width:100%;background:#0C0C0C;z-index:6;overflow:hidden}.preloader{position:absolute;top:50%;left:50%;width:80px;height:60px;margin:-30px 0 0 -40px}.preloader .lines{width:80px;height:40px;position:absolute}.preloader .lines .line{width:80px;height:1px;background-color:#fff;position:absolute;clip:rect(0,0,20px,0)}.preloader .lines .line.line-1{top:0;animation:slide 2s ease .1s infinite}.preloader .lines .line.line-2{top:15px;animation:slide 2s ease .25s infinite}.preloader .lines .line.line-3{top:30px;animation:slide 2s ease .5s infinite}.preloader .loading-text{position:absolute;top:50px;text-align:center;width:100%;color:#fff;font-size:14px;font-family:Montserrat,sans-serif;letter-spacing:1px;line-height:10px;height:10px;text-transform:uppercase}@keyframes slide{0%{clip:rect(0,0,20px,0)}30%,50%{clip:rect(0,80px,20px,0)}100%,80%{clip:rect(0,80px,20px,80px)}}@keyframes fade{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.wrapper{width:1000px;margin:0 auto}.header{background:#0C0C0C;padding:46px;position:fixed;height:100%;width:260px;z-index:5}.header .avatar{overflow:hidden;width:165px;height:165px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}.header .avatar img{width:100%}.header .name{margin:34px 0}.header .name h1{font-family:Montserrat,sans-serif;font-size:24px;font-weight:400;color:#FFF;margin:0 0 5px;text-transform:uppercase}.header .name span{color:#777676;font-family:"Roboto Slab",serif;font-size:15px;font-weight:300}.header .social-icons{margin:0 0 34px}.header .social-icons ul{list-style:none;margin:0;padding:0}.header .social-icons ul li{display:inline-block;padding-right:20px}.header .social-icons ul li a{color:#FFF}.header .social-icons ul li a i{font-size:16px}.header .social-icons ul li:last-child{padding-right:0}.header .main-nav ul{list-style:none;padding:0;margin:0}.header .main-nav ul li{padding-bottom:15px}.header .main-nav ul li a{color:#bebebe;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header .main-nav ul li a:focus,.header .main-nav ul li a:hover{color:#FFF;text-decoration:none}.header .main-nav ul li a:after,.header .main-nav ul li a:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header .main-nav ul li a:hover:before{content:'';position:absolute;left:-8px;top:-5px;height:7px;width:7px;border-top:solid 2px #FFF;border-left:solid 2px #FFF}.header .main-nav ul li a:hover:after{content:'';position:absolute;right:-8px;bottom:-5px;height:7px;width:7px;border-bottom:solid 2px #FFF;border-right:solid 2px #FFF}.header .main-nav ul li:last-child{padding-bottom:0}.header .main-nav ul li.current a{color:#FFF}.header .main-nav ul li.current a:before{content:'';position:absolute;left:-8px;top:-5px;height:7px;width:7px;border-top:solid 2px #FFF;border-left:solid 2px #FFF}.header .main-nav ul li.current a:after{content:'';position:absolute;right:-8px;bottom:-5px;height:7px;width:7px;border-bottom:solid 2px #FFF;border-right:solid 2px #FFF}.header .copyright{bottom:20px;position:absolute}.header .copyright span{color:#6a6a6a;font-family:"Roboto Slab",serif;font-size:12px;font-weight:300}.header .mobile-bar{background:rgba(12,12,12,.75);color:#FFF;height:60px;right:-59px;position:absolute;width:60px;z-index:3}.header .hamburger-menu{position:absolute;top:0;left:15px;bottom:0;margin:auto;width:30px;height:55px;cursor:pointer}.header .bar,.header .bar:after,.header .bar:before{width:30px;height:3px}.header .bar{position:relative;transform:translateY(25px);background:#fff;transition:all 0 300ms}.header .bar.animate{background:rgba(255,255,255,0)}.header .bar:before{content:"";position:absolute;left:0;bottom:10px;background:#fff;transition:bottom 300ms 300ms cubic-bezier(0.23,1,.32,1),transform 300ms cubic-bezier(0.23,1,.32,1)}.header .bar:after{content:"";position:absolute;left:0;top:10px;background:#fff;transition:top 300ms 300ms cubic-bezier(0.23,1,.32,1),transform 300ms cubic-bezier(0.23,1,.32,1)}.header .bar.animate:after{top:0;transform:rotate(45deg);transition:top 300ms cubic-bezier(0.23,1,.32,1),transform 300ms 300ms cubic-bezier(0.23,1,.32,1)}.header .bar.animate:before{bottom:0;transform:rotate(-45deg);transition:bottom 300ms cubic-bezier(0.23,1,.32,1),transform 300ms 300ms cubic-bezier(0.23,1,.32,1)}.main-content{background:#FFF;width:740px}.main-content p{color:#2c2c2c;font-family:"Roboto Slab",serif;font-size:14px;font-weight:300;line-height:28px}.main-content section{padding:60px 70px;position:relative;border-bottom:solid 1px #EEE}.main-content section .section-header{margin-bottom:60px;position:relative}.main-content section .section-header h2{color:#1a1a1a;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;margin:0;text-transform:uppercase;padding-left:20px;position:relative}.main-content section .section-header h2:before{content:'';position:absolute;background:0 0;bottom:10px;left:0;height:16px;width:16px;border-left:solid 3px #0C0C0C;border-top:solid 3px #0C0C0C}.main-content section .section-header h2:after{content:'';position:absolute;background:0 0;bottom:-10px;right:-17px;height:16px;width:16px;border-right:solid 3px #0C0C0C;border-bottom:solid 3px #0C0C0C}.main-content section .section-header-light{margin-bottom:60px;position:relative;z-index:1}.main-content section .section-header-light h2{color:#FFF!important;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;margin:0;text-transform:uppercase;padding-left:20px;position:relative}.main-content section .section-header-light h2:before{content:'';position:absolute;background:0 0;bottom:10px;left:0;height:16px;width:16px;border-left:solid 3px #FFF!important;border-top:solid 3px #FFF!important}.main-content section .section-header-light h2:after{content:'';position:absolute;background:0 0;bottom:-10px;right:-17px;height:16px;width:16px;border-right:solid 3px #FFF!important;border-bottom:solid 3px #FFF!important}.welcome{padding:0!important;position:relative;border-bottom:0!important}.welcome .backstretch{position:absolute;top:0;bottom:0}.welcome .quote{margin:0 auto;top:calc(50% - 60px);position:relative;width:500px;z-index:1}.welcome .quote:before{content:'';position:absolute;left:-32px;top:-40px;height:22px;width:22px;border-top:solid 4px #FFF;border-left:solid 4px #FFF}.welcome .quote:after{content:'';position:absolute;right:-30px;bottom:-18px;height:22px;width:22px;border-bottom:solid 4px #FFF;border-right:solid 4px #FFF}.welcome .quote h2{color:#FFF;font-family:Montserrat,sans-serif;font-size:25px;font-weight:400;margin:0;line-height:1.3em}.welcome .quote span.author{color:#bdbdbd;display:block;font-size:18px;font-family:"Roboto Slab",serif;font-weight:300;margin-top:10px}.welcome .overlay{background:rgba(12,12,12,.65);height:100%;left:0;top:0;position:absolute;width:100%}.about .intro ul.info{margin-bottom:35px;padding:0;list-style:none}.about .intro ul.info li{border-bottom:dashed 1px #DDD;padding:15px 0;font-family:"Roboto Slab",sans-serif;font-weight:300;color:#0C0C0C;font-size:14px}.about .intro ul.info li:before{content:'\f177';font-family:FontAwesome;font-size:14px;color:#0C0C0C;padding-right:15px}.about .intro ul.info li:first-child{padding-top:0}.about .skills .item{margin-top:40px}.about .skills .item .skill-info{margin-bottom:20px}.about .skills .item .skill-info h3{font-family:Montserrat,sans-serif;font-size:14px;margin:0}.about .skills .item .skill-info span{font-family:"Roboto Slab",serif;font-size:12px;font-weight:300;color:#9C9C9C}.facts{background:url(../images/04_darkbg.jpg) center left no-repeat;background-size:cover}.facts .fact-item{position:relative;z-index:1}.facts .fact-item h2{font-size:30px;color:#FFF;margin:0 0 8px}.facts .fact-item span{color:#A0A0A0;font-family:"Roboto Slab",serif;font-weight:100;font-size:14px}.facts .overlay{background:rgba(12,12,12,.85);height:100%;left:0;top:0;position:absolute;width:100%}.resume .top-item{margin-top:0!important}.resume .resume-item{background:#FFF;border:solid 1px #1a1a1a;padding:20px;margin-top:30px;max-height:140px;overflow:hidden}.resume .resume-item h2{font-size:16px;font-weight:700;margin:0 0 10px}.resume .resume-item span{color:#666;display:block;font-size:12px;font-weight:300;margin:0 0 10px}.resume .resume-item p{line-height:20px;margin-bottom:0}.resume .resume-download{display:block;position:absolute;right:0;top:-12px;background:#0C0C0C;color:#FFF;padding:5px 10px;border-radius:2px}.works .control{margin-bottom:30px}.works .control ul{list-style:none;margin:0;padding:0}.works .control ul li{display:inline-block;padding-right:20px}.works .control ul li a{color:#9E9E9E;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px}.works .control ul li a:hover{color:#1a1a1a;text-decoration:none}.works .control ul li a.active{color:#1a1a1a}.works .control ul li:last-child{padding-right:0}.works .item-outer{margin:0 -5px}.works .item-outer .item{overflow:hidden;height:193px;position:relative}.works .item-outer .item .title{color:#FFF;position:absolute;top:0;height:100%;width:100%;z-index:2}.works .item-outer .item .title:before{content:'';border-top:solid #FFF 3px;border-left:solid #FFF 3px;position:absolute;left:15px;top:15px;height:18px;width:18px;-ms-transform:translate(-45px,-45px);-webkit-transform:translate(-45px,-45px);transform:translate(-45px,-45px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.works .item-outer .item .title:after{content:'';border-bottom:solid #FFF 3px;border-right:solid #FFF 3px;position:absolute;right:-35px;bottom:-35px;height:18px;width:18px;-ms-transform:translate(45px,45px);-webkit-transform:translate(45px,45px);transform:translate(45px,45px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.works .item-outer .item .title .inner{text-align:center;top:calc(50% - 30px);width:100%;position:absolute}.works .item-outer .item .title h2{font-size:18px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin:0 0 5px;-ms-transform:translateY(-100px);-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.works .item-outer .item .title span{color:#DDD;display:block;font-size:12px;font-weight:100;-ms-transform:translateY(120px);-webkit-transform:translateY(120px);transform:translateY(120px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.works .item-outer .item img{width:100%;height:auto;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.works .item-outer .item .overlay{background:rgba(12,12,12,.85);height:100%;left:0;opacity:0;top:0;position:absolute;width:100%;z-index:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.works .item-outer .item:hover h2,.works .item-outer .item:hover span{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.works .item-outer .item:hover .overlay{opacity:1}.works .item-outer .item:hover img{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.works .item-outer .item:hover .title:before{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}.works .item-outer .item:hover .title:after{-ms-transform:translate(-45px,-45px);-webkit-transform:translate(-45px,-45px);transform:translate(-45px,-45px)}.works .item-outer .mix{display:none;padding:5px}.testimonials .item .thumb{border:solid 1px #ECECEC;width:120px;height:120px;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}.testimonials .item .text span.author{color:#B1B1B1;font-family:Montserrat,sans-serif;font-size:12px}.blog .item{margin-bottom:30px}.blog .item .thumb{height:190px;overflow:hidden}.blog .item .thumb img{width:100%;height:auto}.blog .item .text h2{font-size:18px;font-weight:400;margin:0 0 20px}.blog .blog-single img{margin-bottom:20px}.customers{background:url(../images/04_darkbg.jpg) center left no-repeat;background-size:cover}.customers .customer-carousel{z-index:1}.customers .item{margin-right:24px;position:relative;z-index:1}.customers .item img{max-width:100%;opacity:.5;height:auto;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.customers .item img:hover{opacity:1}.customers .overlay{background:rgba(12,12,12,.85);height:100%;left:0;top:0;position:absolute;width:100%}.customers .owl-theme .owl-controls .owl-page span{width:10px;height:10px;margin:5px 3px;background:#FFF}.customers .owl-theme .owl-controls{margin-top:24px}.more-items{margin-top:25px}.more-items a{color:#0C0C0C;font-weight:300;text-decoration:none}.more-items a:hover{text-decoration:underline}.more-items a i{margin-right:10px}.pagination{margin-top:25px;width:100%}.pagination a{color:#1a1a1a}.btn-default{color:#FFF;background-color:#0C0C0C;border:0;border-radius:0;font-size:12px;font-weight:300;padding:5px 16px;position:relative}.btn-default:after{content:'\f178';font-family:FontAwesome;font-size:12px;top:0;right:-29px;padding:5px 8px;position:absolute;background:#0C0C0C;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.btn-default:hover{color:#FFF;background-color:#0C0C0C;border:0}.btn-default:hover:after{-ms-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.progress{height:1px;margin-bottom:20px;overflow:hidden;background-color:#E0E0E0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:1px;color:#fff;text-align:center;background-color:#0C0C0C;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.form-control{display:block;width:100%;height:50px;padding:6px 0;font-size:14px;font-weight:300;line-height:1.6;color:#555;background-color:#fff;background-image:none;border-bottom:solid 1px #0C0C0C;border-top:0;border-left:0;border-right:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.form-control:focus{border-color:#C7C7C7;outline:0;-webkit-box-shadow:none;box-shadow:none}.owl-theme .owl-controls .owl-page span{width:10px;height:10px;margin:5px 3px;filter:Alpha(Opacity=20);opacity:.2;background:#0C0C0C}.owl-theme .owl-controls{margin-top:35px}@media only screen and (min-width:480px) and (max-width:767px){.works .item-outer .mix{width:50%}}@media only screen and (max-width:991px){.wrapper{width:100%}.header{-ms-transform:translateX(-260px);-webkit-transform:translateX(-260px);transform:translateX(-260px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pushed{-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.main-content{width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.main-pushed{-ms-transform:translateX(260px);-webkit-transform:translateX(260px);transform:translateX(260px)}}@media only screen and (max-width:767px){.welcome{padding:60px!important}.welcome .quote{width:initial}.facts .fact-item{margin-bottom:20px}.resume .resume-item{margin-top:30px!important}.blog .item .text{margin-top:25px}}@media only screen and (max-width:480px){.main-content section{padding:60px 30px}}@media only screen and (max-height:600px){.header .name{margin:15px 0}.header .main-nav ul li{padding-bottom:10px}.header .social-icons{margin:0 0 15px}.header .copyright{bottom:-18px;position:relative}}