@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400);
*{box-sizing:border-box;list-style:none!important;outline:none!important;text-decoration:none!important}h1,h2,h3,h4,h5,h6{margin:0;padding:0}em,i{font-style:normal}body,html{height:100%;position:relative;width:100%}body{background-color:#6b6c6d;color:#e1e1e1;font-family:Roboto,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4,h5,h6{color:#fff}span{display:inline-block}p{line-height:1.65}a,a:focus,a:hover{color:inherit}.mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.mt-30{margin-top:30px!important}.mt-35{margin-top:35px!important}.mt-40{margin-top:40px!important}.mt-45{margin-top:45px!important}.mt-50{margin-top:50px!important}.mt-55{margin-top:55px!important}.mt-60{margin-top:60px!important}.mt-62{margin-top:62px!important}.mt-65{margin-top:65px!important}.mt-70{margin-top:70px!important}.mt-75{margin-top:75px!important}.mt-80{margin-top:80px!important}.mt-85{margin-top:85px!important}.mt-90{margin-top:90px!important}.mt-95{margin-top:95px!important}.mt-100{margin-top:100px!important}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.mb-35{margin-bottom:35px!important}.mb-40{margin-bottom:40px!important}.mb-45{margin-bottom:45px!important}.mb-50{margin-bottom:50px!important}.mb-55{margin-bottom:55px!important}.mb-60{margin-bottom:60px!important}.mb-62{margin-bottom:62px!important}.mb-65{margin-bottom:65px!important}.mb-70{margin-bottom:70px!important}.mb-75{margin-bottom:75px!important}.mb-80{margin-bottom:80px!important}.mb-85{margin-bottom:85px!important}.mb-90{margin-bottom:90px!important}.mb-95{margin-bottom:95px!important}.mb-100{margin-bottom:100px!important}.m-0{margin:0!important}.pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pt-20{padding-top:20px!important}.pt-25{padding-top:25px!important}.pt-30{padding-top:30px!important}.pt-35{padding-top:35px!important}.pt-40{padding-top:40px!important}.pt-45{padding-top:45px!important}.pt-50{padding-top:50px!important}.pt-55{padding-top:55px!important}.pt-60{padding-top:60px!important}.pt-65{padding-top:65px!important}.pt-70{padding-top:70px!important}.pt-75{padding-top:75px!important}.pt-80{padding-top:80px!important}.pt-85{padding-top:85px!important}.pt-90{padding-top:90px!important}.pt-95{padding-top:95px!important}.pt-100{padding-top:100px!important}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-15{padding-bottom:15px!important}.pb-20{padding-bottom:20px!important}.pb-25{padding-bottom:25px!important}.pb-30{padding-bottom:30px!important}.pb-35{padding-bottom:35px!important}.pb-40{padding-bottom:40px!important}.pb-45{padding-bottom:45px!important}.pb-50{padding-bottom:50px!important}.pb-55{padding-bottom:55px!important}.pb-60{padding-bottom:60px!important}.pb-65{padding-bottom:65px!important}.pb-70{padding-bottom:70px!important}.pb-75{padding-bottom:75px!important}.pb-80{padding-bottom:80px!important}.pb-85{padding-bottom:85px!important}.pb-90{padding-bottom:90px!important}.pb-95{padding-bottom:95px!important}.pb-100{padding-bottom:100px!important}.p-0{padding:0!important}.page-heading{border-bottom:1px dashed hsla(0,0%,100%,.2);margin-bottom:50px;margin-top:50px;padding-bottom:10px}.page-heading .icon{color:#fff;float:right;font-size:38px;line-height:1em}.page-heading h2{color:#fff;display:inline-block;font-size:36px;font-weight:700;letter-spacing:1.5px;line-height:1em;position:relative;text-transform:capitalize}.subheading{margin-bottom:50px;position:relative;text-align:center}.subheading h3{border-bottom:2px solid hsla(0,0%,100%,.6);display:inline-block;font-size:22px;font-weight:600;letter-spacing:.5px;line-height:1em;padding:5px 10px;position:relative;text-transform:uppercase}.subheading h3:after,.subheading h3:before{background-color:hsla(0,0%,100%,.6);bottom:0;content:"";height:5px;position:absolute;width:2px}.subheading h3:before{left:0}.subheading h3:after{right:0}.progress-title{font-size:16px;font-weight:500;margin:0 0 10px;text-transform:uppercase}.progress{background-color:#404144;border-radius:0;box-shadow:none;height:10px;margin-bottom:20px;overflow:visible}.progress .progress-bar{background-color:#fff;box-shadow:none;position:relative;transition:all 2s ease-out;width:0}.progress .progress-bar:after{border:15px solid transparent;border-bottom:21px solid #fff;content:"";display:block;position:absolute;right:-12px;top:-26px}.progress .progress-value{color:#fff;font-size:15px;font-weight:700;position:absolute;right:0;top:-30px}.input{display:block;position:relative}.input__field{background-color:transparent;border:2px solid #999;color:#fff;padding:5px 10px;position:relative;transition:all .5s ease;width:100%;z-index:1}.input__field.cf-error{border-color:red}.input__field:focus{border-color:#fff;outline:none}.input__label{font-weight:500;left:12px;position:absolute;top:7px;transition:all .2s ease;z-index:0}.input--filled .input__label,.input__field:focus+.input__label{font-size:14px;left:0;top:-25px}.input--filled .input__field{border-color:#fff}textarea{height:auto;resize:none}.btn-main{background-color:transparent;border:2px solid #fff;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;line-height:100%;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.btn-main:focus,.btn-main:hover{color:#000}.btn-main:focus:after,.btn-main:hover:after{left:0;opacity:1;width:100%}.btn-main:after{background-color:#fff;content:"";height:100%;left:35%;opacity:0;position:absolute;top:0;transition:all .3s ease;width:30%;z-index:-1}blockquote{border-left:4px solid #fff;color:#fff;font-size:18px;font-style:italic;font-weight:500;margin:40px 0;padding-left:20px}.preloader{background-color:#2c2d2f;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.preloader .loader{position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.preloader .loader h4{color:heading-color;font-weight:700;margin-bottom:10px;text-transform:uppercase}.loader span{-webkit-animation:loading 1s infinite alternate;animation:loading 1s infinite alternate;background:#007db6;border-radius:.6em;height:.6em;margin:.19em;width:.6em}.loader span:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s;background:#008fb2}.loader span:nth-of-type(3){-webkit-animation-delay:.4s;animation-delay:.4s;background:#009b9e}.loader span:nth-of-type(4){-webkit-animation-delay:.6s;animation-delay:.6s;background:#00a77d}.loader span:nth-of-type(5){-webkit-animation-delay:.8s;animation-delay:.8s;background:#00b247}.loader span:nth-of-type(6){-webkit-animation-delay:1s;animation-delay:1s;background:#5ab027}.loader span:nth-of-type(7){-webkit-animation-delay:1.2s;animation-delay:1.2s;background:#a0b61e}@-webkit-keyframes loading{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{opacity:0}to{opacity:1}}.header-main{background-color:#17181b;border-right:1px solid #202226;height:100%;left:0;overflow:auto;overflow-x:hidden;position:fixed;text-align:center;top:0;width:200px;z-index:300;z-index:999}.header-main .image-container,.header-main .image-container img{position:relative}.header-main .image-container .header-name{bottom:0;color:#fff;font-size:20px;font-weight:700;left:0;padding:10px 0;position:absolute;text-shadow:0 2px 10px rgba(0,0,0,.5);text-transform:uppercase;width:100%;z-index:1}.header-main .image-container .header-name:before{background-color:#17181b;content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:-1}.header-main nav.nav-menu ul li{border-bottom:1px solid #202226;font-size:12px;letter-spacing:1px;text-align:left;text-transform:uppercase}.header-main nav.nav-menu ul li a{color:#777;display:block;line-height:45px;padding-left:70px;position:relative}.header-main nav.nav-menu ul li a span.nav-menu-icon{display:inline-block;font-size:20px;left:40px;position:absolute}.header-main nav.nav-menu ul li a.active{color:#fff}header .header-mobile{background-color:#17181b;display:none;height:50px;left:0;position:fixed;top:0;transition:all .3s ease-in-out;width:100%;z-index:10}header .header-mobile h2{color:#fff;display:inline-block;font-size:24px;left:50%;line-height:50px;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}header .header-mobile .header-toggle{border-left:1px solid #3b3c43;cursor:pointer;float:right;font-size:20px;line-height:50px;text-align:center;width:50px}header .header-mobile .header-toggle i{color:#fff}.header-main .nav-footer{margin-top:2em;width:100%}.header-main .nav-footer .social{margin-bottom:10px;text-align:center}.header-main .nav-footer .social li{display:inline-block;font-size:18px;margin-right:10px}.header-main .nav-footer .social li a{color:#777;transition:color .2s ease}.header-main .nav-footer .social li:hover a{color:#fff}.header-main .nav-footer .social li:last-child{margin-right:0}.header-main .nav-footer .copy p{color:#777;font-size:12px}.site-main{left:200px;overflow:hidden;perspective:1200px;right:0;width:auto}.site-main,.site-main .pt-page{height:100%;position:absolute;top:0}.site-main .pt-page{-webkit-backface-visibility:hidden;backface-visibility:hidden;left:0;opacity:0;overflow:auto;transform:translateZ(0);transform-style:preserve-3d;visibility:hidden;width:100%;z-index:0}.site-main .pt-page .section-container{margin:0 auto;max-width:1040px;width:90%}.site-main .page-active{opacity:1;visibility:visible;z-index:1}.site-main .pt-page-ontop{z-index:999}.banner-section{background-position:50%;background-size:cover}.banner-section .simplebar-content-wrapper:before{background-color:#151515;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.banner-section .banner-content{color:#fff;display:block;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.banner-section .banner-content h1{color:#fff;font-size:62px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.banner-section .banner-content h1 span{font-weight:900}.banner-section .banner-content p{font-size:28px}.banner-section .banner-content p .cd-words-wrapper:after{background-color:#aaa;height:34px;top:50%;transform:translateY(-50%)}.banner-section .banner-content p .cd-words-wrapper b{border-bottom:2px solid #fff;font-weight:700}.banner-section #video-container{height:100%;position:absolute!important;width:100%;z-index:-1}.banner-section .banner-slider{z-index:-1}.banner-section #particles-js,.banner-section .banner-slider{bottom:0;left:0;position:absolute;right:0;top:0}.about-section{background-color:#2c2d2f}.about-section .about h3{font-size:22px;font-weight:700}.about-section .about .signature{width:50%}.about-section .about .about-info ul li{line-height:1em;margin-bottom:15px}.about-section .about .about-info ul li span.title{border-bottom:2px solid #fff;color:#fff;display:inline-block;font-family:"Noto Serif",serif;font-size:16px;font-weight:700;letter-spacing:.5px;margin-right:15px;padding-bottom:1px;position:relative}.about-section .about .about-info ul li span.title:after{content:":";position:absolute;right:-10px}.about-section .services .service-item{margin-bottom:40px;position:relative;text-align:center}.about-section .services .service-item .icon{color:#fff;font-size:50px;line-height:1em;margin-bottom:10px}.about-section .services .service-item h4{font-size:18px;font-weight:600}.about-section .services .service-item p{font-size:14.5px;line-height:22px;margin-bottom:15px;margin-top:15px}.clients .client-logo img{filter:invert(100%);height:100px;margin:auto;opacity:.7;transition:opacity .4s ease;width:100px}.clients .client-logo img:hover{opacity:1}.testimonials .testimonial-item{padding:5px;position:relative}.testimonials .testimonial-item .testimonial-content{background-color:#17181b;border-radius:50px 0 50px 0;filter:drop-shadow(0 5px 5px rgba(0,0,0,.2));font-size:14px;padding:20px 20px 20px 100px;position:relative;width:100%}.testimonials .testimonial-item .testimonial-content p{margin-bottom:0}.testimonials .testimonial-item .testimonial-content:before{color:#e1e1e1;content:"\f10d";font-family:Font Awesome\ 5 Free;font-size:50px;font-weight:900;left:5%;position:absolute;top:50%;transform:translateY(-50%)}.testimonials .testimonial-item .testimonial-content:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid #17181b;content:"";height:0;left:15px;position:absolute;top:100%;transform:translateX(100%);width:0}.testimonials .testimonial-item .testimonial-meta{margin-left:15px;margin-top:20px}.testimonials .testimonial-item .testimonial-meta img{border-radius:20px 0 20px 0;float:left;height:60px;margin-right:10px;width:60px}.testimonials .testimonial-item .testimonial-meta .meta-info h4{font-size:18px;font-weight:400}.testimonials .testimonial-item .testimonial-meta .meta-info p{font-size:14px}.resume-section{background-color:#2c2d2f}.resume-section ul.education,.resume-section ul.experience{list-style:none;margin:20px 0 50px;padding:0 0 0 50px;position:relative;width:100%}.resume-section ul.education li,.resume-section ul.experience li{margin-left:10px;padding:20px;position:relative;transition:all .5s ease-in-out}.resume-section ul.education li:not(:first-child),.resume-section ul.experience li:not(:first-child){margin-top:60px}.resume-section ul.education li span.line-left,.resume-section ul.experience li span.line-left{background-color:#e1e1e1;height:100%;left:-10px;position:absolute;top:0;width:2px}.resume-section ul.education li span.line-left:after,.resume-section ul.education li span.line-left:before,.resume-section ul.experience li span.line-left:after,.resume-section ul.experience li span.line-left:before{border:2px solid #e1e1e1;border-radius:50%;content:"";height:10px;left:-4px;position:absolute;top:-10px;width:10px}.resume-section ul.education li span.line-left:after,.resume-section ul.experience li span.line-left:after{top:100%}.resume-section .education .content,.resume-section .experience .content{margin-left:10px}.resume-section .education .content h4,.resume-section .experience .content h4{font-size:18px;font-weight:700;letter-spacing:.5px;line-height:26px;margin:0;text-transform:uppercase}.resume-section .education .content h5,.resume-section .experience .content h5{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;margin-bottom:5px;margin-top:5px;text-transform:uppercase}.resume-section .education .content p.info,.resume-section .experience .content p.info{font-size:16px;margin-bottom:0}.resume-section .education span.year,.resume-section .experience span.year{height:100%;left:-10px;position:absolute;top:0}.resume-section .education span.year span,.resume-section .experience span.year span{color:#fff;font-size:16px;position:absolute;transform:translateX(-120%)}.resume-section .education span.year span.to,.resume-section .experience span.year span.to{top:-18px}.resume-section .education span.year span.from,.resume-section .experience span.year span.from{bottom:-18px}.resume-section .skills{margin-bottom:30px}.resume-section .skills .skill-item{padding:0 20px}.portfolio-section{background-color:#2c2d2f}.portfolio-section .portfolio-filter{margin-bottom:30px}.portfolio-section .portfolio-filter ul{border:1px dashed hsla(0,0%,100%,.2);border-radius:27px;display:inline-block;line-height:0;margin:0 auto}.portfolio-section .portfolio-filter ul li{color:#e1e1e1;cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;font-size:16px;overflow:hidden;padding:20px;position:relative;text-transform:uppercase;transition:all .3s ease}.portfolio-section .portfolio-filter ul li.active{background-color:#fff;border-radius:27px;color:#2c2d2f}.portfolio-section{overflow:hidden}.portfolio-section .item{padding-left:1em;padding-right:1em}.portfolio-section .item figure{border-radius:10px;overflow:hidden;position:relative}.portfolio-section .item figure:before{background-color:#000;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s ease-in-out;width:100%}.portfolio-section .item figure:hover:before{opacity:.7}.portfolio-section .item figure:hover figcaption h4,.portfolio-section .item figure:hover figcaption p{opacity:1;transform:translateY(0);transition:all .4s ease-in-out}.portfolio-section .item figure figcaption{color:#fff;left:0;padding-left:20px;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-section .item figure figcaption h4,.portfolio-section .item figure figcaption p{color:#fff;opacity:0;transition:all .1s ease-in}.portfolio-section .item figure figcaption h4{font-size:20px;font-weight:700;transform:translateY(-50px)}.portfolio-section .item figure figcaption p{padding-top:10px;transform:translateY(50px)}.portfolio-section .item a figure:after{bottom:20px;color:#fff;font-family:Font Awesome\ 5 Free;font-size:26px;font-weight:900;opacity:0;position:absolute;right:25px;transform:translateX(50px);transition:all .1s ease-in}.portfolio-section .item a figure:hover:after{opacity:1;transform:translateX(0);transition:all .4s ease-in-out}.portfolio-section .item a.image-link figure:after{content:"\f03e"}.portfolio-section .item a.audio-link figure:after,.portfolio-section .item a.video-link figure:after{content:"\f03d"}.portfolio-section .item a.ajax-link figure:after{content:"\f15c"}.blog-section{background-color:#2c2d2f}.blog-section .blog-item{background-color:#2c2d2f;border:1px solid #222324;display:block;margin-bottom:50px;overflow:hidden;position:relative}.blog-section .blog-item .blog-image img{transition:all 1s ease}.blog-section .blog-item:hover img{transform:scale(1.1)}.blog-section .blog-item .blog-content{background-color:#2c2d2f;margin-left:auto;margin-right:auto;margin-top:-40px;padding:28px 16px 36px;position:relative;text-align:center;width:82%}.blog-section .blog-item .blog-content .cat{font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:7px;text-transform:uppercase}.blog-section .blog-item .blog-content .blog-title{font-size:21px;letter-spacing:.5px;margin-bottom:6px;text-transform:capitalize}.blog-section .blog-item .blog-content .blog-date{color:#e1e1e1;font-family:serif;font-size:14px;font-style:italic}.contact-section{background-color:#2c2d2f}.contact-section #map{height:200px;width:100%}.contact-section .contact-info{text-align:center}.contact-section .contact-info .info-item .icon{display:inline-block;font-size:30px;line-height:1em;margin-bottom:15px;margin-top:15px;position:relative;text-align:center}.contact-section .contact-info .info-item h5{font-size:18px}#contact-form .alert-container{text-align:center}#contact-form .alert-container .alert{border-radius:0}.ajax-portfolio-popup{background-color:#2c2d2f;display:block;height:100%;left:0;overflow-x:hidden;overflow-y:scroll;position:fixed;top:0;transform:translateX(100%);transition:transform .5s;width:100%;z-index:1000}.ajax-portfolio-popup.on{transform:translateX(0);transition:all .5s ease-in-out}.ajax-portfolio-popup .navigation-wrap{background-color:#17181b;height:80px;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:10}.ajax-portfolio-popup .navigation-wrap .popup-close{color:#fff;cursor:pointer;font-size:30px;line-height:80px}.ajax-portfolio-popup .content-wrap{bottom:0;left:0;margin-top:80px;overflow-x:hidden;overflow-y:scroll;position:absolute;right:0;top:0}.ajax-portfolio-popup .content-wrap .popup-content{margin-top:40px}.ajax-portfolio-popup .ajax-loader{-webkit-animation:rotation .6s linear infinite;animation:rotation .6s linear infinite;border:6px solid #e3e3e3;border-left-color:#444;border-radius:100%;content:"";display:none;height:60px;left:calc(50vw - 30px);position:fixed;top:30%;width:60px}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.ajax-portfolio-popup .single-work h1{font-size:36px;font-weight:700;letter-spacing:1.5px}.ajax-portfolio-popup .single-work .information li{display:inline-block;font-size:18px;margin:0 20px}.ajax-portfolio-popup .single-work .information li span.title{font-family:"Noto Serif",serif;font-size:18px;font-weight:700}.blog-page{height:100%;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:1}.blog-page .blog-container{margin:0 auto;max-width:1040px;width:90%}.blog-page{background-color:#2c2d2f;padding-bottom:50px}.blog-page .blog-image{margin:auto;max-width:1920px;text-align:center}.blog-page .blog-heading{background-color:#2c2d2f;letter-spacing:.5px;margin-top:-100px;padding-bottom:40px;padding-top:40px;text-align:center}.blog-page .blog-heading h1{font-size:40px;letter-spacing:.5px;margin-bottom:6px}.blog-page .blog-heading .cat{font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:7px;text-transform:uppercase}.blog-page .blog-heading .blog-date{color:#777;font-family:serif;font-size:14px;font-style:italic}.blog-page .blog-content{padding-bottom:50px}.blog-page .blog-comments .comment-list .comment{border-bottom:1px dotted #e3e3e3;margin-bottom:20px;padding-bottom:20px}.blog-page .blog-comments .comment-list .comment .author-img{float:left;margin-right:20px}.blog-page .blog-comments .comment-list .comment .author-img img{border-radius:100%;max-width:70px}.blog-page .blog-comments .comment-list .comment .comment-text{overflow:hidden}.blog-page .blog-comments .comment-list .comment .comment-text .reply{float:right}.blog-page .blog-comments .comment-list .comment .comment-text .reply a{background-color:#fff;border-radius:10px;color:#222;font-size:10px;margin-left:7px;padding:3px 8px 4px}.blog-page .blog-comments .comment-list .comment .comment-text h6.author{font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:7px;text-transform:uppercase}.blog-page .blog-comments .comment-list .comment .comment-text span.date{color:#999;display:block;font-size:12px;line-height:1em;margin-bottom:5px}.blog-page .blog-comments .comment-list .comment .comment-text p{color:#fff;font-size:15px}@media screen and (max-width:991px){.about-section .about-info{margin-top:40px}.about-section .about-info ul li{display:inline-block;margin:0 5px;padding:0 5px;position:relative}.blog-page .blog-heading{margin-top:0}}@media screen and (max-width:767px){header .header-main{left:-200px;transition:all .3s ease-in-out}header .header-main h2{display:none!important}header .header-mobile{display:block;transition:all .3s ease-in-out}#main,header .header-content.on .header-main{left:0}#main{transition:all .3s ease-in-out}#main .blog-page,#main .pt-page{padding-top:50px}.banner-section .banner-content h1{font-size:50px}.banner-section .banner-content p.cd-headline{font-size:22px}}@media screen and (min-height:610px){.header-main .nav-footer{bottom:0;left:0;position:absolute}}@media screen and (max-width:575px){.about-section .about .signature{width:70%}.resume-section ul.education,.resume-section ul.experience{padding:0}.resume-section ul.education span.year,.resume-section ul.experience span.year{left:42px}.resume-section .skills .skill-item{padding:0}.portfolio-section .portfolio-filter ul{border:none}}.demo-select{border-radius:0;display:inline-block;margin-top:10px;padding:5px 10px;width:120px!important}.theme-options{background-color:#fff;border:1px solid #d5d5d5;position:fixed;right:-180px;top:10%;transition:all .5s ease;width:180px;z-index:1000}.theme-options.active{right:0}.theme-options .toggle-btn{background-color:#fff;border:1px solid #d5d5d5;border-right:none;cursor:pointer;height:40px;left:-40px;position:absolute;text-align:center;top:-1px;width:40px}.theme-options .toggle-btn span{margin:0 auto}.theme-options .toggle-btn span i{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:settings;animation-name:settings;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:#777;font-size:26px;line-height:38px}@-webkit-keyframes settings{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@keyframes settings{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}.theme-options .theme-menu{padding:20px 10px;text-align:center}.theme-options .theme-menu h4{color:#222;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase}.theme-options .theme-color ul{margin-top:10px}.theme-options .theme-color ul li{display:inline-block}.theme-options .theme-color ul li a{display:inline-block;height:40px;width:40px}*{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Noto Serif",serif}body.demo-main{background-color:#303133;font-family:Roboto,serif}img{height:auto;width:100%}header.demo-banner{margin:100px 0}header.demo-banner .heading h1{color:#ebebec;font-size:70px;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-transform:uppercase}header.demo-banner .heading p{color:#b1b1b3;font-family:"Noto Serif",serif;font-size:30px;margin-bottom:50px}header.demo-banner .heading a{background-color:transparent;border:2px solid #ebebec;color:#ebebec;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:1px;line-height:100%;overflow:hidden;padding:10px 30px;position:relative;text-transform:uppercase;transition:all .3s ease}header.demo-banner .heading a:focus,header.demo-banner .heading a:hover{color:#000;text-decoration:none}header.demo-banner .heading a:focus:after,header.demo-banner .heading a:hover:after{left:0;opacity:1;width:100%}header.demo-banner .heading a:after{background-color:#ebebec;content:"";height:100%;left:35%;opacity:0;position:absolute;top:0;transition:all .3s ease;width:30%;z-index:-1}.demos,.demos .demo-link{margin-bottom:50px}.demos .demo-link{display:block;position:relative}.demos .demo-link:hover{text-decoration:none}.demos h3{color:#fff;font-size:28px;font-weight:700;text-align:center;text-transform:uppercase}.demos figure img{border:1px solid #999;transition:all .4s ease}.demos figure:hover img{transform:translateY(-10px)}.demos h4{color:#999;font-size:20px;font-weight:700;letter-spacing:.5px;text-align:center;text-transform:uppercase}.demos .demo-link:hover h4{color:#ebebec}.running-clock h4{font-size:16px;text-transform:uppercase}.running-clock .clock{font-size:26px}