@keyframes fadein-78b739e6{0%{opacity:0}to{opacity:1}}@keyframes bounce-78b739e6{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes slideRight-78b739e6{0%{-webkit-transform:translateX(-1000px)}to{-webkit-transform:translateX(0)}}@keyframes slideLeft-78b739e6{0%{-webkit-transform:translateX(1000px)}to{-webkit-transform:translateX(0)}}@keyframes slideTop-78b739e6{0%{-webkit-transform:translateY(100px)}to{-webkit-transform:translateY(0)}}@keyframes slideBottom-78b739e6{0%{-webkit-transform:translateY(-1000px)}to{-webkit-transform:translateY(0)}}@keyframes scaleIn-78b739e6{0%,to{opacity:.5;transform:scale(.5)}20%,60%{opacity:0;transform:scale(1.5)}40%{opacity:0;transform:scale(2.5)}}@keyframes pulse-78b739e6{0%{box-shadow:0 0 0 0 rgba(0,150,136,.7);transform:scale(.95)}70%{box-shadow:0 0 0 10px rgba(0,150,136,0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(0,150,136,0);transform:scale(.95)}}.ho[data-v-78b739e6]{padding:15px 30px;position:relative;width:100%}.ho .ho-sr[data-v-78b739e6]{animation:bounce-78b739e6 1s infinite;-o-animation:bounce-78b739e6 1s infinite;-ms-animation:bounce-78b739e6 1s infinite;-moz-animation:bounce-78b739e6 1s infinite;-webkit-animation:bounce-78b739e6 1s infinite;background-color:transparent;border:0;bottom:50px;cursor:pointer;height:auto;left:0;margin:0 auto;position:absolute;right:0;width:40px;z-index:2}.ho .ho-sr img[data-v-78b739e6]{width:100%}.ho .ho-m-ovr[data-v-78b739e6]{background:linear-gradient(90deg,#212121 50%,rgba(33,33,33,.987) 54.1%,rgba(33,33,33,.953) 58%,rgba(33,33,33,.896) 61.5%,rgba(33,33,33,.825) 64.5%,rgba(33,33,33,.741) 66.8%,rgba(33,33,33,.648) 70.7%,rgba(33,33,33,.55) 73.6%,rgba(33,33,33,.45) 76.5%,rgba(33,33,33,.352) 79.4%,rgba(33,33,33,.259) 82.4%,rgba(33,33,33,.175) 84%,rgba(33,33,33,.104) 86.5%,rgba(33,33,33,.049) 88.5%,rgba(33,33,33,.013) 89.9%,rgba(33,33,33,0));-o-background:linear-gradient(90deg,#212121 50%,rgba(33,33,33,.987) 54.1%,rgba(33,33,33,.953) 58%,rgba(33,33,33,.896) 61.5%,rgba(33,33,33,.825) 64.5%,rgba(33,33,33,.741) 66.8%,rgba(33,33,33,.648) 70.7%,rgba(33,33,33,.55) 73.6%,rgba(33,33,33,.45) 76.5%,rgba(33,33,33,.352) 79.4%,rgba(33,33,33,.259) 82.4%,rgba(33,33,33,.175) 84%,rgba(33,33,33,.104) 86.5%,rgba(33,33,33,.049) 88.5%,rgba(33,33,33,.013) 89.9%,rgba(33,33,33,0));-ms-background:linear-gradient(90deg,#212121 50%,rgba(33,33,33,.987) 54.1%,rgba(33,33,33,.953) 58%,rgba(33,33,33,.896) 61.5%,rgba(33,33,33,.825) 64.5%,rgba(33,33,33,.741) 66.8%,rgba(33,33,33,.648) 70.7%,rgba(33,33,33,.55) 73.6%,rgba(33,33,33,.45) 76.5%,rgba(33,33,33,.352) 79.4%,rgba(33,33,33,.259) 82.4%,rgba(33,33,33,.175) 84%,rgba(33,33,33,.104) 86.5%,rgba(33,33,33,.049) 88.5%,rgba(33,33,33,.013) 89.9%,rgba(33,33,33,0));-moz-background:linear-gradient(90deg,#212121 50%,rgba(33,33,33,.987) 54.1%,rgba(33,33,33,.953) 58%,rgba(33,33,33,.896) 61.5%,rgba(33,33,33,.825) 64.5%,rgba(33,33,33,.741) 66.8%,rgba(33,33,33,.648) 70.7%,rgba(33,33,33,.55) 73.6%,rgba(33,33,33,.45) 76.5%,rgba(33,33,33,.352) 79.4%,rgba(33,33,33,.259) 82.4%,rgba(33,33,33,.175) 84%,rgba(33,33,33,.104) 86.5%,rgba(33,33,33,.049) 88.5%,rgba(33,33,33,.013) 89.9%,rgba(33,33,33,0));-webkit-background:linear-gradient(90deg,#212121 50%,rgba(33,33,33,.987) 54.1%,rgba(33,33,33,.953) 58%,rgba(33,33,33,.896) 61.5%,rgba(33,33,33,.825) 64.5%,rgba(33,33,33,.741) 66.8%,rgba(33,33,33,.648) 70.7%,rgba(33,33,33,.55) 73.6%,rgba(33,33,33,.45) 76.5%,rgba(33,33,33,.352) 79.4%,rgba(33,33,33,.259) 82.4%,rgba(33,33,33,.175) 84%,rgba(33,33,33,.104) 86.5%,rgba(33,33,33,.049) 88.5%,rgba(33,33,33,.013) 89.9%,rgba(33,33,33,0));bottom:0;left:0;right:0;z-index:0}.ho .ho-bg[data-v-78b739e6],.ho .ho-m-ovr[data-v-78b739e6]{height:100%;position:absolute;top:0;width:100%}.ho .ho-bg[data-v-78b739e6]{animation:slideLeft-78b739e6 .15s;-o-animation:slideLeft-78b739e6 .15s;-ms-animation:slideLeft-78b739e6 .15s;-moz-animation:slideLeft-78b739e6 .15s;-webkit-animation:slideLeft-78b739e6 .15s;background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-edited.jpg);-o-background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-edited.jpg);-ms-background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-edited.jpg);-moz-background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-edited.jpg);-webkit-background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-edited.jpg);background-position:50%;-o-background-position:center center;-ms-background-position:center center;-moz-background-position:center center;-webkit-background-position:center center;background-repeat:no-repeat;-o-background-repeat:no-repeat;-ms-background-repeat:no-repeat;-moz-background-repeat:no-repeat;-webkit-background-repeat:no-repeat;background-size:cover;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;right:-30%;z-index:-1}.ho .ho-bg .ho-ovr[data-v-78b739e6]{background-color:rgba(0,0,0,.5);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.ho .ho-tx[data-v-78b739e6]{animation:slideRight-78b739e6 1.3s;-o-animation:slideRight-78b739e6 1.3s;-ms-animation:slideRight-78b739e6 1.3s;-moz-animation:slideRight-78b739e6 1.3s;-webkit-animation:slideRight-78b739e6 1.3s;font-family:Lato-Black,sans-serif;font-size:170px;left:30px;line-height:1;max-width:49%;position:absolute;top:calc(50% - 200px);z-index:1}.ho .ho-tx span[data-v-78b739e6]{color:#009688}.ho .ho-tx h1[data-v-78b739e6]{font-size:170px;line-height:1;margin:0}.ho .ho-po[data-v-78b739e6]{bottom:30px;font-family:Lato-Bold,sans-serif;font-size:20px;letter-spacing:1.5px;position:absolute;right:30px}.ho .ho-po[data-v-78b739e6]:after{border:2px solid #009688;border-radius:3px;bottom:-7px;content:"";position:absolute;right:0;width:60%}.sk[data-v-78b739e6]{position:relative;width:100%}.sk .sk-ky[data-v-78b739e6]{left:0;position:absolute;right:0;top:-75px}.sk .sk-t[data-v-78b739e6]{animation:slideRight-78b739e6 .8s;-o-animation:slideRight-78b739e6 .8s;-ms-animation:slideRight-78b739e6 .8s;-moz-animation:slideRight-78b739e6 .8s;-webkit-animation:slideRight-78b739e6 .8s;background:#009688;background:linear-gradient(295deg,#009688 31%,#1e6e67);font-family:Lato-Black,sans-serif;font-size:24px;letter-spacing:1px;max-width:60%;padding:15px 30px;position:relative}.sk .sk-t[data-v-78b739e6]:after{border-left:70px solid transparent;border-right:0 solid #212121;border-top:60px solid #212121;content:"";position:absolute;right:-1px;top:0}.sk .sk-l[data-v-78b739e6]{flex-wrap:wrap;margin:0 auto;max-width:1280px;padding:70px 30px;width:100%}.sk .sk-l li[data-v-78b739e6],.sk .sk-l[data-v-78b739e6]{display:flex;justify-content:center}.sk .sk-l li[data-v-78b739e6]{align-items:center;-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);padding:25px;position:relative;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;width:17%}.sk .sk-l li img[data-v-78b739e6]{width:100%}.sk .sk-l li[data-v-78b739e6]:hover{animation:bounce-78b739e6 1s infinite;-o-animation:bounce-78b739e6 1s infinite;-ms-animation:bounce-78b739e6 1s infinite;-moz-animation:bounce-78b739e6 1s infinite;-webkit-animation:bounce-78b739e6 1s infinite;cursor:pointer;-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}.sw[data-v-78b739e6]{border:3px dashed #009688;border-radius:50px;font-size:16px;font-weight:700;letter-spacing:.3px;margin:0 auto 50px;max-width:400px;padding:15px;text-align:center;width:100%}@media (max-width:1280px){.ho .ho-tx h1[data-v-78b739e6],.ho .ho-tx[data-v-78b739e6]{font-size:150px}}@media (max-width:1024px) and (min-height:800px){.ho .ho-tx[data-v-78b739e6]{bottom:100px;top:auto}.ho .ho-tx h1[data-v-78b739e6],.ho .ho-tx[data-v-78b739e6]{font-size:135px}.ho .ho-po[data-v-78b739e6]{font-size:18px}}@media (min-height:1025px){.ho .ho-sr[data-v-78b739e6]{bottom:20px}.ho .ho-tx h1[data-v-78b739e6],.ho .ho-tx[data-v-78b739e6]{font-size:170px}.ho .ho-po[data-v-78b739e6]{font-size:20px}}@media (max-width:768px),(min-height:1025px){.ho .ho-sr[data-v-78b739e6]{bottom:20px}.ho .ho-m-ovr[data-v-78b739e6]{background:linear-gradient(0deg,#212121 40%,rgba(33,33,33,.987) 44.1%,rgba(33,33,33,.951) 48%,rgba(33,33,33,.896) 51.5%,rgba(33,33,33,.825) 54.5%,rgba(33,33,33,.741) 56.8%,rgba(33,33,33,.648) 60.7%,rgba(33,33,33,.55) 63.6%,rgba(33,33,33,.45) 66.5%,rgba(33,33,33,.352) 69.4%,rgba(33,33,33,.259) 72.4%,rgba(33,33,33,.175) 74%,rgba(33,33,33,.104) 76.5%,rgba(33,33,33,.049) 78.5%,rgba(33,33,33,.013) 79.9%,rgba(33,33,33,0));-o-background:linear-gradient(0deg,#212121 40%,rgba(33,33,33,.987) 44.1%,rgba(33,33,33,.951) 48%,rgba(33,33,33,.896) 51.5%,rgba(33,33,33,.825) 54.5%,rgba(33,33,33,.741) 56.8%,rgba(33,33,33,.648) 60.7%,rgba(33,33,33,.55) 63.6%,rgba(33,33,33,.45) 66.5%,rgba(33,33,33,.352) 69.4%,rgba(33,33,33,.259) 72.4%,rgba(33,33,33,.175) 74%,rgba(33,33,33,.104) 76.5%,rgba(33,33,33,.049) 78.5%,rgba(33,33,33,.013) 79.9%,rgba(33,33,33,0));-ms-background:linear-gradient(0deg,#212121 40%,rgba(33,33,33,.987) 44.1%,rgba(33,33,33,.951) 48%,rgba(33,33,33,.896) 51.5%,rgba(33,33,33,.825) 54.5%,rgba(33,33,33,.741) 56.8%,rgba(33,33,33,.648) 60.7%,rgba(33,33,33,.55) 63.6%,rgba(33,33,33,.45) 66.5%,rgba(33,33,33,.352) 69.4%,rgba(33,33,33,.259) 72.4%,rgba(33,33,33,.175) 74%,rgba(33,33,33,.104) 76.5%,rgba(33,33,33,.049) 78.5%,rgba(33,33,33,.013) 79.9%,rgba(33,33,33,0));-moz-background:linear-gradient(0deg,#212121 40%,rgba(33,33,33,.987) 44.1%,rgba(33,33,33,.951) 48%,rgba(33,33,33,.896) 51.5%,rgba(33,33,33,.825) 54.5%,rgba(33,33,33,.741) 56.8%,rgba(33,33,33,.648) 60.7%,rgba(33,33,33,.55) 63.6%,rgba(33,33,33,.45) 66.5%,rgba(33,33,33,.352) 69.4%,rgba(33,33,33,.259) 72.4%,rgba(33,33,33,.175) 74%,rgba(33,33,33,.104) 76.5%,rgba(33,33,33,.049) 78.5%,rgba(33,33,33,.013) 79.9%,rgba(33,33,33,0));-webkit-background:linear-gradient(0deg,#212121 40%,rgba(33,33,33,.987) 44.1%,rgba(33,33,33,.951) 48%,rgba(33,33,33,.896) 51.5%,rgba(33,33,33,.825) 54.5%,rgba(33,33,33,.741) 56.8%,rgba(33,33,33,.648) 60.7%,rgba(33,33,33,.55) 63.6%,rgba(33,33,33,.45) 66.5%,rgba(33,33,33,.352) 69.4%,rgba(33,33,33,.259) 72.4%,rgba(33,33,33,.175) 74%,rgba(33,33,33,.104) 76.5%,rgba(33,33,33,.049) 78.5%,rgba(33,33,33,.013) 79.9%,rgba(33,33,33,0))}.ho .ho-bg[data-v-78b739e6]{animation:slideBottom-78b739e6 .15s;-o-animation:slideBottom-78b739e6 .15s;-ms-animation:slideBottom-78b739e6 .15s;-moz-animation:slideBottom-78b739e6 .15s;-webkit-animation:slideBottom-78b739e6 .15s;background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-mobile-edited.jpg);-o-background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-mobile-edited.jpg);-ms-background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-mobile-edited.jpg);-moz-background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-mobile-edited.jpg);-webkit-background-image:url(https://tartila-cdn.sgp1.cdn.digitaloceanspaces.com/statics/portofolio/me-mobile-edited.jpg);right:0;top:-30%}.ho .ho-tx[data-v-78b739e6]{margin:70% 0 0}.ho .ho-po[data-v-78b739e6]{left:30px;right:auto}.ho .ho-po[data-v-78b739e6]:after{left:0;right:auto}.sk .sk-l[data-v-78b739e6]{padding:25px}.sk .sk-l li[data-v-78b739e6]{width:20%}}@media (max-width:600px){.ho .ho-sr[data-v-78b739e6]{bottom:20px;left:auto;right:30px}.ho .ho-tx[data-v-78b739e6]{bottom:80px;max-width:100%;top:auto}.ho .ho-tx h1[data-v-78b739e6],.ho .ho-tx[data-v-78b739e6]{font-size:90px}.ho .ho-po[data-v-78b739e6]{font-size:13px;letter-spacing:1px}.ho .ho-po[data-v-78b739e6]:after{border:2px solid #009688;border-radius:3px;bottom:-7px;width:100px}.sk .sk-t[data-v-78b739e6]{max-width:75%}.sk .sk-l[data-v-78b739e6]{padding:20px}.sk .sk-l li[data-v-78b739e6]{width:33.333333%}}@media (max-width:400px){.sw[data-v-78b739e6]{max-width:calc(100% - 30px);padding:15px 20px}}@media (max-width:320px){.ho .ho-tx h1[data-v-78b739e6],.ho .ho-tx[data-v-78b739e6]{font-size:70px}}