a,a:focus,a:hover{color:inherit}p{line-height:1.65}.pt-page .section-container{max-width:1040px;width:90%;margin:0 auto}.about-section{background-color:#2c2d2f;width:calc(100% - 200px);position:relative;left:200px;padding-top:50px}@media (max-width:767px){.about-section{left:0;width:100%;padding-top:70px}}.page-heading{margin-bottom:50px;border-bottom:1px dashed hsla(0,0%,100%,.2);padding-bottom:10px}.page-heading .icon{float:right;font-size:38px}.page-heading .icon,.page-heading h2{line-height:1em;color:teal;color:var(--main-color)}.page-heading h2{font-size:36px;font-weight:700;letter-spacing:1.5px;text-transform:capitalize;position:relative;display:inline-block}.about-section .about h3{font-size:22px;font-weight:700;color:#fff}.about-section .about p{color:#fff}.about-section .about .signature{width:50%}@media (max-width:575px){.about-section .about .signature{width:70%}}@media (max-width:991px){.about-section .about-info{margin-top:40px}}.about-section .about .about-info ul li{line-height:1em;margin-bottom:15px;color:#fff}@media (max-width:991px){.about-section .about-info ul li{display:inline-block;position:relative;margin:0 5px;padding:0 5px}}.about-section .about .about-info ul li span.title{font-family:"Playfair Display",serif;font-size:16px;font-weight:700;letter-spacing:.5px;border-bottom:2px solid #fff;position:relative;display:inline-block;margin-right:15px;padding-bottom:1px;color:#fff}.about-info ul li span.title{border-color:teal!important;border-color:var(--main-color)!important}.about-section .about .about-info ul li span.title:after{content:":";position:absolute;right:-10px}.btn-main{border:2px solid #fff;padding:10px 20px;text-transform:uppercase;background-color:initial;transition:all .3s ease;cursor:pointer;font-size:14px;color:#fff;font-weight:500;position:relative;line-height:100%;letter-spacing:1px;overflow:hidden;border-color:teal!important;border-color:var(--main-color)!important;color:teal;color:var(--main-color)}.btn-main:focus{color:#fff}.subheading{position:relative;margin-bottom:50px;text-align:center}.subheading h3{display:inline-block;font-size:22px;font-weight:600;line-height:1em;letter-spacing:.5px;position:relative;text-transform:uppercase;padding:5px 10px;border-bottom:2px solid hsla(0,0%,100%,.6);color:#fff;border-color:teal!important;border-color:var(--main-color)!important}.subheading h3:after{right:0}.subheading h3:after,.subheading h3:before{position:absolute;content:"";width:2px;height:5px;background-color:teal;background-color:var(--main-color);bottom:0}.subheading h3:before{left:0}.about-section .services .service-item{text-align:center;margin-bottom:40px;position:relative}.about-section .services .service-item .icon{font-size:50px;margin-bottom:10px;line-height:1em;color:teal;color:var(--main-color)}.about-section .services .service-item h4{font-size:18px;font-weight:600;color:#fff}.about-section .services .service-item p{font-size:14.5px;line-height:22px;margin-top:15px;margin-bottom:15px;color:#fff}.clients .Skill-logo img{width:100px;height:100px;margin:auto;opacity:.6;transition:opacity .4s ease}@media (max-width:575px){.clients .Skill-logo img{padding:15px}}.clients .Skill-logo img:hover{opacity:1}.testimonials .testimonial-item{position:relative;padding:5px}.testimonials .testimonial-item .testimonial-content{background-color:#17181b;color:#fff;width:100%;border-radius:50px 0 50px 0;padding:20px 20px 20px 100px;font-size:14px;position:relative;-webkit-filter:drop-shadow(0 5px 5px rgba(0,0,0,.2));filter:drop-shadow(0 5px 5px rgba(0,0,0,.2))}.testimonials .testimonial-item .testimonial-content:before{content:"\f10d";position:absolute;left:5%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:50px;font-family:"Font Awesome 5 Free";font-weight:900;color:teal;color:var(--main-color)}.testimonials .testimonial-item .testimonial-content p{margin-bottom:0}.testimonials .testimonial-item .testimonial-content:after{position:absolute;content:"";left:15px;top:100%;-webkit-transform:translateX(100%);transform:translateX(100%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid #17181b}.testimonials .testimonial-item .testimonial-meta{margin-top:20px;margin-left:15px}.testimonials .testimonial-item .testimonial-meta img{width:60px;height:60px;float:left;border-radius:20px 0 20px 0;margin-right:10px}.testimonials .testimonial-item .testimonial-meta .meta-info h4{font-size:18px;font-weight:400;color:#fff}.testimonials .testimonial-item .testimonial-meta .meta-info p{font-size:14px;color:#fff}.resume-section{background-color:#2c2d2f;width:calc(100% - 200px);position:relative;left:200px;padding-top:50px}@media (max-width:767px){.resume-section{left:0;width:100%;padding-top:70px}}.resume-section ul.education,.resume-section ul.experience{margin:20px 0 50px;list-style:none;position:relative;padding:0 0 0 50px;width:100%}.resume-section ul.education li,.resume-section ul.experience li{position:relative;margin-left:10px;padding:20px;transition:all .5s ease-in-out}.resume-section ul.education li span.line-left,.resume-section ul.experience li span.line-left{width:2px;height:100%;background-color:teal;background-color:var(--main-color);left:-10px;top:0;position:absolute}.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{content:"";width:10px;height:10px;border-radius:50%;border:2px solid teal;border:2px solid var(--main-color);position:absolute;left:-4px;top:-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;color:#fff}.resume-section .education .content h5,.resume-section .experience .content h5{margin-top:5px;margin-bottom:5px;font-size:12px;font-family:"Roboto",sans-serif;font-weight:600;text-transform:uppercase;color:teal;color:var(--main-color)}.resume-section .education .content p.info,.resume-section .experience .content p.info{font-size:16px;margin-bottom:0;color:#fff}.resume-section .education span.year,.resume-section .experience span.year{height:100%;left:-10px;top:0;position:absolute}.resume-section .education span.year span,.resume-section .experience span.year span{font-size:16px;position:absolute;-webkit-transform:translateX(-120%);transform:translateX(-120%);color:#fff}.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;text-align:right}.resume-section ul.education li:not(:first-child),.resume-section ul.experience li:not(:first-child){margin-top:60px}.resume-section .skills{margin-bottom:30px}.resume-section .skills .skill-item{padding:0 20px}.progress-title{font-size:16px;font-weight:500;margin:0 0 10px;text-transform:uppercase;color:#fff}.progress{height:10px;background-color:#404144;border-radius:0;box-shadow:none;margin-bottom:20px;overflow:visible}.progress .progress-bar{box-shadow:none;position:relative;background-color:teal;background-color:var(--main-color);width:0;transition:all 2s ease-out}.progress .progress-value{font-size:15px;font-weight:700;color:#fff;position:absolute;top:-30px;right:0}.progress .progress-bar:after{content:"";display:block;position:absolute;top:-26px;right:-12px;border:15px solid transparent;border-bottom-color:teal;border-bottom:21px solid var(--main-color)}.Home_banner-section__1j04T{background-image:url(/static/media/HomeCover.282bd468.jpg);background-size:cover;width:calc(100% - 200px);height:100vh;position:relative;left:200px;overflow:hidden}.Home_banner-section__1j04T:before{content:"";position:absolute;background-color:rgba(33,37,41,.615686274509804);top:0;left:0;width:100%;height:100%;z-index:1}.Home_banner-section__1j04T .Home_banner-content__1rsMK{z-index:2;color:#fff;position:absolute;top:50%;width:100%;text-align:center;display:block;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.Home_banner-section__1j04T .Home_banner-content__1rsMK h1{text-transform:uppercase;letter-spacing:2px;font-size:62px;font-weight:500;color:#fff}.Home_banner-section__1j04T .Home_banner-content__1rsMK h1 span{font-weight:700;color:teal;color:var(--main-color);font-family:"Playfair Display",serif}.Home_banner-section__1j04T .Home_banner-content__1rsMK div{font-size:28px}.Home_typicalAnimation__3f15f{color:teal;color:var(--main-color);font-weight:900}@media (max-width:767px){.Home_banner-section__1j04T{width:100%;left:0}.Home_banner-section__1j04T .Home_banner-content__1rsMK h1{font-size:50px}.Home_banner-section__1j04T .Home_banner-content__1rsMK div{font-size:22px}}.portfolio-section{background-color:#2c2d2f;width:calc(100% - 200px);position:relative;left:200px;padding-top:50px}@media (max-width:767px){.portfolio-section{left:0;width:100%;padding-top:70px}}.portfolio-section .portfolio-filter{margin-bottom:30px}.portfolio-section .portfolio-filter ul{display:inline-block;margin:0 auto;border-radius:27px;border:1px dashed hsla(0,0%,100%,.2);line-height:0;padding-left:0}.portfolio-section .portfolio-filter ul li.active{background-color:teal;background-color:var(--main-color);border-radius:27px;color:#2c2d2f}.portfolio-section .portfolio-filter ul li{display:inline-block;font-size:16px;cursor:pointer;font-family:"Roboto",sans-serif;position:relative;color:#e1e1e1;text-transform:uppercase;padding:20px;overflow:hidden;transition:all .3s ease}.portfolio-section .item{padding-left:1em;padding-right:1em}.portfolio-section .item figure{position:relative;overflow:hidden;border-radius:10px;opacity:.6}.portfolio-section .item figure:hover{opacity:1}.portfolio-section .item figure:before{background-color:teal;background-color:var(--main-color);content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:0;transition:all .4s ease-in-out}.portfolio-section .item figure:hover:before{opacity:.8;background-color:teal;background-color:var(--main-color)}.portfolio-section .item figure:hover figcaption h4,.portfolio-section .item figure:hover figcaption p{opacity:1;transition:all .4s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0)}.portfolio-section .item figure figcaption{position:absolute;left:0;top:50%;padding-left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff}.portfolio-section .item figure figcaption h4,.portfolio-section .item figure figcaption p{opacity:0;color:#fff;transition:all .1s ease-in}.portfolio-section .item figure figcaption h4{font-size:20px;font-weight:700;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.portfolio-section .item figure figcaption p{padding-top:10px;-webkit-transform:translateY(50px);transform:translateY(50px)}.input{display:block;position:relative}.contact-section{background-color:#2c2d2f;width:calc(100% - 200px);position:relative;left:200px;padding-top:50px}@media (max-width:767px){.contact-section{left:0;width:100%;padding-top:70px}}.input__field{width:100%;border:2px solid #999;padding:5px 10px;transition:all .5s ease;position:relative;z-index:1;background-color:initial;color:#fff}.input__field:focus{outline:none;border-color:#fff}.input__label{font-weight:500;position:absolute;top:7px;left:12px;transition:all .2s ease;z-index:0;color:#fff;opacity:.2}.input--filled .input__label,.input__field:focus+.input__label{font-size:14px;top:-25px;left:0;opacity:1}.input__field.cf-error{border-color:red}.input--filled .input__field{border-color:#fff}textarea{resize:none;height:auto}.btn-main:hover{text-decoration:none;color:#2c2d2f;background-color:teal;background-color:var(--main-color)}.contact-section .contact-info{text-align:center}.contact-section .contact-info .info-item .icon{position:relative;display:inline-block;text-align:center;font-size:30px;line-height:1em;margin-top:15px;margin-bottom:15px;color:teal;color:var(--main-color)}.contact-section .contact-info .info-item h5{font-size:18px;color:#fff}.contact-section .contact-info .info-item h5 a:hover{text-decoration:none}:root{--main-color:teal}*{font-family:"Roboto",sans-serif;margin:0}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif;margin:0}img{width:100%;height:auto}.image-container .header-name{position:absolute;left:0;bottom:0;width:100%;color:#fff;font-size:20px;font-weight:700;padding:10px 0;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:1;text-align:center}.image-container .header-name:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:teal;background-color:var(--main-color);opacity:.8;z-index:-1}.image-container,.image-container img{position:relative}.nav-link{padding:0 60px}.mainNav{background-color:#17181b;padding:0;width:200px;position:fixed;left:0}.mainNav .nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:initial}header nav ul .nav-item{font-size:12px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #777;text-align:left}header nav ul .nav-item a{display:block;line-height:45px;position:relative;color:#777}header nav ul .nav-item a:hover{color:#777}header nav ul .nav-item a span.nav-menu-icon{position:absolute;left:30px;display:inline-block;font-size:18px}@media (min-height:610px){.nav-footer{position:absolute;bottom:0;left:0}}.nav-footer{margin-top:2em;width:100%}.nav-footer .social li{display:inline-block;font-size:18px;margin-right:10px}.nav-footer .social li a{color:#777;transition:color .2s ease}.nav-footer .social li a:hover{color:#fff}.nav-footer .copy p{font-size:12px;color:#777}.nav-footer .copy p span{color:teal;color:var(--main-color);font-weight:900;cursor:pointer}.wrapper{width:100%;height:100vh}.social{text-align:center;padding:0}header .header-mobile .header-toggle{color:#fff;font-size:20px;line-height:50px;cursor:pointer;width:50px;text-align:center;border-left:1px solid #3b3c43;float:right}header .header-mobile{position:fixed;top:0;left:0;height:50px;width:100%;background-color:#17181b;z-index:10;display:none;transition:all .3s ease-in-out}header .header-mobile h2{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;color:#fff;font-size:24px;text-transform:uppercase;line-height:50px;white-space:nowrap}@media screen and (max-width:767px){#main{position:absolute;left:0}#main,header .header-mobile{transition:all .3s ease-in-out}header .header-mobile{display:block}.NavOn{left:0}.NavOf,.NavOn{transition:all .3s ease-in-out}.NavOf{left:-200px}}
/*# sourceMappingURL=main.8c197f32.chunk.css.map */