html{font-size:10px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#fff;color:#000;font-family:Arapey,serif;font-style:normal;font-weight:300}h1,h2,h3,h4,h5,h6{color:#000;font-weight:400;letter-spacing:.05em}h1{font-size:4.4rem}h2{font-size:3.9rem}h3{font-size:3.4rem}h4{font-size:2.9rem}h5{font-size:2.4rem}h6{font-size:1.9rem}p{font-size:1.8rem}a,a:focus,a:hover{cursor:pointer;text-decoration:none;transition:all .3s ease}a:hover{color:#111}@media (max-width:600px){html{font-size:8px}}@media (max-width:500px){html{font-size:7px}}.preloader{background:#fff;height:100%;overflow:hidden;padding-bottom:100px;padding-top:100px;width:100%}.preloader.hide-preloader{height:0;transition:.7s ease .3s}.preloader .spinner{-webkit-animation:spinner-pulse .6s ease-in-out infinite;animation:spinner-pulse .6s ease-in-out infinite;background-color:#111;border-radius:100%;display:block;height:50px;left:50%;margin-left:-25px;margin-top:-25px;opacity:1;position:absolute;text-align:center;top:50%;width:50px}.preloader.hide-preloader .spinner{opacity:0;transition:.3s ease}@-webkit-keyframes spinner-pulse{0%{-webkit-transform:scale(0)}to{opacity:0;-webkit-transform:scale(1)}}@keyframes spinner-pulse{0%{-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.image-container{height:100%;left:0;position:fixed;top:0;width:50%;z-index:10}.image-container .background-img{background:url(/static/media/ProfileMe.1747b08c95fd093fff73.jpg);background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:opacity 1s ease;width:100%;z-index:1}@media (max-width:1200px){.image-container{height:100vh;left:0;position:relative;top:0;width:100%;z-index:10}}.content-area{left:0;position:relative;width:100%}.content-area .content-area-inner{left:50%;overflow-x:hidden;position:relative;width:50%}.content-area .content-area-inner section{margin:0 auto 18vh;max-width:520px}.content-area .content-area-inner section:last-child{margin-bottom:10vh}.content-area .content-area-inner section h3.headline{margin-bottom:1.2em}@media (max-width:1200px){.content-area .content-area-inner{left:0;padding:0 1 10px;width:100%}}#intro{height:100vh;margin-bottom:0;position:relative}#intro .container-mid{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}#intro .container-mid p.subline{font-size:2.2rem;line-height:1.6em;margin-bottom:2.2em;margin-top:2em}#intro .container-mid a{background:none;border-radius:100px;color:#fff;display:inline-block;font-size:2.4rem;line-height:2.92em;overflow:hidden;padding:0 2.6em;position:relative;transition:.2s ease}#intro .container-mid a:before{background:#111;border-radius:100px;width:100%}#intro .container-mid a:after,#intro .container-mid a:before{content:"";height:100%;left:0;position:absolute;top:0;z-index:-1}#intro .container-mid a:after{background:#3171f0;transition:.2s ease;width:0}#intro .container-mid a:hover:after{width:100%}#intro .container-mid a i{font-size:.85em;margin-left:.7em}#intro .animation-container{transition:.5s ease}#intro .animation-container.animation-fade{opacity:0}#intro .animation-container.animation-fade.run-animation{opacity:1}#intro .animation-container.animation-fade-up{opacity:0;-webkit-transform:translateY(10vh);transform:translateY(10vh)}#intro .animation-container.animation-fade-up.run-animation{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#intro .animation-container.animation-fade-down{opacity:0;-webkit-transform:translateY(-10vh);transform:translateY(-10vh)}.animation-container.animation-fade-down.run-animation{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.animation-container.animation-fade-left{opacity:0;-webkit-transform:translateX(10vh);transform:translateX(10vh)}.animation-container.animation-fade-left.run-animation{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.animation-container.animation-fade-right{opacity:0;-webkit-transform:translateX(-10vh);transform:translateX(-10vh)}.animation-container.animation-fade-right.run-animation{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:1200px){#intro{height:auto}#intro .container-mid{margin:15vh 0;position:relative;top:0;-webkit-transform:translate(0);transform:translate(0)}}#about p{line-height:1.5em;margin-bottom:2em}#about p:last-child{margin-bottom:0}#service .services-list{list-style:none;margin-bottom:0;padding:0}#service .services-list li{font-size:2.4rem;line-height:3.4em}#service .services-list li i{background:#111;border-radius:100px;color:#fff;font-size:2rem;height:3em;line-height:3em;margin-right:1.5em;text-align:center;width:3em}.showcase .item{background:#111;border-radius:3rem;cursor:pointer;height:24rem;margin:0 0 6vh;overflow:hidden;position:relative;width:100%}.showcase .item:last-child{margin-bottom:0}.showcase .item .info{color:#fff;height:100%;left:0;position:absolute;top:0;transition:.25s ease;width:0;z-index:100}.showcase .item:hover .info{width:100%}.showcase .item .info .container-mid{left:0;padding:0 6rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.showcase .item .info .container-mid h5{color:#fff;opacity:0;-webkit-transform:translateX(4vh);transform:translateX(4vh)}.showcase .item:hover .info .container-mid h5{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:.2s ease .2s}.showcase .item .info .container-mid p{letter-spacing:.025em;opacity:0;position:relative;-webkit-transform:translateX(4vh);transform:translateX(4vh)}.showcase .item:hover .info .container-mid p{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:.2s ease .3s}.showcase .item .info .container-mid p:before{background:#fff;height:1px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.1em}.showcase .item .background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.featherlight .featherlight-content{border-bottom:0;max-height:95%;padding:0}.featherlight .featherlight-content .featherlight-close-icon{font-size:2.4rem;line-height:1em;outline:none!important;right:.5em;top:.5em;width:1em}.featherlight .featherlight-content .work-lightbox{max-width:1000px;padding:6vh;text-align:center}.featherlight .featherlight-content .work-lightbox img{display:flex;justify-content:center;margin:0 auto 4vh}.featherlight .featherlight-content .work-lightbox p.subline{letter-spacing:.025em;margin-bottom:1em}.featherlight .featherlight-content .work-lightbox p{margin:0 auto;max-width:520px}#contact .contact-list{list-style:none;margin-bottom:3.4em;padding:0}#contact .contact-list li{font-size:2.4rem;line-height:2.4em}#contact .contact-list li i{border-radius:100px;height:1.2em;line-height:1.2em;margin-right:1em;text-align:center;width:1.2em}#contact #contact-form{position:relative}#contact #contact-form .fhp-input{display:none;opacity:0;pointer-events:none}#contact #contact-form button,#contact #contact-form input,#contact #contact-form textarea{background:#111;border:none!important;border-radius:34px;box-shadow:none!important;color:#fff;font-size:2rem;margin-bottom:3.4vh;outline:none!important;transition:.4s ease}#contact #contact-form.success button,#contact #contact-form.success input,#contact #contact-form.success textarea{height:0;line-height:0;margin:0;opacity:0;padding:0}#contact #contact-form input::-webkit-input-placeholder,#contact #contact-form textarea::-webkit-input-placeholder{color:#fff}#contact #contact-form input::placeholder,#contact #contact-form textarea::placeholder{color:#fff}#contact #contact-form input.error,#contact #contact-form textarea.error{background:red}#contact #contact-form input{height:3.2em;line-height:3.2em;padding-left:1.6em;padding-right:1.6em}#contact #contact-form textarea{height:8em;line-height:1.7em;padding-left:1.6em;padding-right:1.6em;padding-top:.7em}#contact #contact-form button{background:none!important;display:inline-block;height:3.2em;line-height:3.2em;margin-bottom:0;overflow:hidden;padding:0 3.6em;position:relative;width:auto}#contact #contact-form button:before{background:#111;border-radius:100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}#contact #contact-form button:after{background:#3171f0;content:"";height:100%;left:0;position:absolute;top:0;transition:.2s ease;width:0;z-index:-1}#contact #contact-form button:hover:after{width:100%}#contact #contact-form .success-message{background:#32cd32;border-radius:3em;bottom:0;color:#fff;font-size:2rem;height:0;left:0;line-height:0;margin-top:-1.6em;opacity:0;padding:0 2em;pointer-events:none;position:relative;transition:.2s ease}#contact #contact-form.success .success-message{height:6em;line-height:6em;opacity:1;pointer-events:all}#footer .social-icons{list-style:none;padding:0}#footer .social-icons li{background:none;border-radius:100%;color:#fff;display:inline-block;font-size:2rem;height:3em;line-height:3em;margin:0 1em 0 0;overflow:hidden;position:relative;text-align:center;width:3em}#footer .social-icons li:before{background:#111;border-radius:100px;width:100%}#footer .social-icons li:after,#footer .social-icons li:before{content:"";height:100%;left:0;position:absolute;top:0;z-index:-1}#footer .social-icons li:after{background:#3171f0;transition:.2s ease;width:0}#footer .social-icons li:hover:after{width:100%}#footer .social-icons li a{border:none;color:#fff;display:block;font-size:inherit}#footer p{margin-top:1.6em}#footer p a{border-bottom:1px solid #111;color:#000}.fade-in{-webkit-animation:fadeIn 5s;animation:fadeIn 5s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hidden{-webkit-animation:slide-out 2s linear;animation:slide-out 2s linear;-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all 5s}.slide-in-left{-webkit-animation:slide-in-left 2s linear;animation:slide-in-left 2s linear}.slide-in-left,.slide-in-right{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slide-in-right{-webkit-animation:slide-in-right 2s linear;animation:slide-in-right 2s linear}@-webkit-keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
/*# sourceMappingURL=main.f9954ff0.css.map*/