.animation-loader{display:block;height:100%;width:100%;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;text-align:center;flex-direction:column}.animation-loader__image{margin:0 auto;position:relative}.animation-loader__text{display:block;font-size:.875rem}.home-banner__content{display:flex;flex-wrap:wrap;position:relative;z-index:10;color:var(--text-color-primary);width:85%;max-width:1400px;margin:50px auto 0}.home-banner__content .left-column,.home-banner__content .right-column{display:flex;-webkit-animation:fade-down 2s;animation:fade-down 2s}.home-banner__content .left-column{flex:55%;width:55%;padding-right:30px;padding-top:30px}.home-banner__content .left-column .typing__blink{-webkit-animation:blink .5s infinite;animation:blink .5s infinite}.home-banner__content .left-column .typing__word-wrapper{display:inline-flex}.home-banner__content .left-column .typing__word-wrapper .word{font-weight:700}.home-banner__content .left-column .typing__height-secure{margin-right:5px}.home-banner__content .right-column{flex:45%;width:45%;justify-content:center}.home-banner__content .right-column .animation-loader{margin-top:-15px}.home-banner__content .right-column .animation-loader__image{width:100%!important;max-width:600px;min-width:500px}.home-banner__content .title{font-size:3.5rem;font-weight:700}.home-banner__content .subtitle{font-size:1.125rem;line-height:1.7;max-width:555px;margin:30px 0}.home-banner__content .home-banner__button{font-size:.825rem;font-weight:600;padding:14px 25px;background:transparent;border:1px solid var(--button-outline-background);color:var(--button-outline-background);text-transform:uppercase;border-radius:4px;outline:0;text-decoration:none;cursor:pointer;margin-right:15px;transition:background .3s,color .3s,border-color .3s}.home-banner__content .home-banner__button:hover{background:var(--button-outline-hover-bg);color:var(--button-text);border-color:var(--button-outline-hover-bg)}@media screen and (min-width:2001px){.home-banner__content{max-width:1700px}}@media screen and (min-width:1024px) and (max-width:1440px){.home-banner__content .title{font-size:2.75rem}.home-banner__content .subtitle{font-size:1rem}.home-banner__content .home-banner__button{font-size:.75rem}}.home-portofolio__content{font-family:Lato,sans-serif;font-weight:300;margin:50px auto 100px;width:85%;position:relative;z-index:99;max-width:1400px;-webkit-animation:fade-up 2s;animation:fade-up 2s}.home-portofolio__content .subtitle{font-weight:600;color:var(--text-orange-green);font-size:.875rem;text-transform:uppercase;text-align:center;margin-bottom:8px}.home-portofolio__content .title{color:var(--text-color-primary);font-weight:700;font-size:1.75rem;margin:4px 0 15px;text-align:center}.home-portofolio__content .portofolio-keyword__carousel-wrapper{display:flex;align-items:center;margin:40px 0}.home-portofolio__content .portofolio-keyword__carousel-wrapper .portofolio-keyword-carousel{width:90%}.home-portofolio__content .portofolio-keyword__carousel-wrapper .portofolio-keyword-carousel .keyword-item{padding:10px;width:92%;margin:0 10px;border-radius:30px;border:0;outline:0;cursor:pointer;background:var(--dark-white);color:var(--white-dark);font-size:.875rem;font-weight:500;opacity:.3;transition:opacity .3s}.home-portofolio__content .portofolio-keyword__carousel-wrapper .portofolio-keyword-carousel .keyword-item.item--active,.home-portofolio__content .portofolio-keyword__carousel-wrapper .portofolio-keyword-carousel .keyword-item:hover{opacity:1}.home-portofolio__content .portofolio-keyword__carousel-wrapper .portofolio-keyword-carousel .keyword-item.item--active{background:var(--text-orange-green)}.home-portofolio__content .portofolio-keyword__carousel-wrapper .icon-wrapper{width:5%;display:flex;justify-content:center}.home-portofolio__content .portofolio-keyword__carousel-wrapper .icon-wrapper .carousel-arrow{padding:10px;color:var(--button-text);background:var(--button-solid-background);transition:background .2s,color .2s;border-radius:4px;margin:10px 0;cursor:pointer}.home-portofolio__content .portofolio-keyword__carousel-wrapper .icon-wrapper .carousel-arrow:hover{background:var(--button-text);color:var(--button-solid-background)}.home-portofolio__content .portofolio__list{display:flex;flex-wrap:wrap}.home-portofolio__content .portofolio__list .portofolio__item-container{padding:20px 10px;width:33%}.home-portofolio__content .portofolio__list .portofolio__item-container.container--two-column{width:50%}.home-portofolio__content .portofolio__list .portofolio-item{width:100%;padding-left:15px;border:2px solid var(--button-solid-background-3);border-radius:4px;color:var(--text-color-primary);position:relative}.home-portofolio__content .portofolio__list .portofolio-item:hover{transform:translateY(-10px);transition:all .3s}.home-portofolio__content .portofolio__list .portofolio__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin:25px 0 15px;padding-right:15px}.home-portofolio__content .portofolio__list .portofolio__header .portofolio-title{width:calc(95% - 90px);margin:0;color:var(--text-color-primary);font-weight:500;font-size:.9375rem}.home-portofolio__content .portofolio__list .portofolio__header .portofolio__see-more-button{background:transparent;border:0;outline:0;padding:0;display:flex;align-items:center;color:var(--text-color-primary);width:90px;cursor:pointer}.home-portofolio__content .portofolio__list .portofolio__header .portofolio__see-more-button:hover{transition:color .3s ease-in-out;color:var(--text-orange-green)}.home-portofolio__content .portofolio__list .portofolio__header .portofolio__see-more-button:hover p{transition:border-bottom-color .3s ease-in-out;border-bottom-color:var(--text-orange-green)}.home-portofolio__content .portofolio__list .portofolio__header .portofolio__see-more-button p{font-size:.8125rem;font-weight:500;margin:0;padding-bottom:2px;border-bottom:1px solid var(--text-color-primary)}.home-portofolio__content .portofolio__list .portofolio__header .portofolio__see-more-button i{font-size:.875rem;margin-left:8px}.home-portofolio__content .portofolio__list .portofolio__image-wrapper{width:100%;height:200px}.home-portofolio__content .portofolio__list .portofolio__image-wrapper .image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:30px 0 0 0}.home-portofolio__content .portofolio__list .portofolio__image-wrapper .image.image--position-top{-o-object-position:top;object-position:top}.home-portofolio__content .portofolio__list .portofolio-tags{display:flex;align-items:center;flex-wrap:wrap;position:absolute;z-index:3;top:-15px;left:15px}.home-portofolio__content .portofolio__list .tag{padding:5px 12px;border-radius:4px;margin-right:5px;font-size:.75rem;font-weight:600;background-color:var(--button-solid-background-3);color:var(--button-text-3)}.home-portofolio__content .portofolio__view-more-button-container{width:100%;display:flex;justify-content:center}.home-portofolio__content .portofolio__view-more-button{border:0;outline:0;padding:12px;font-size:.875rem;font-weight:500;color:var(--button-text);background:var(--button-solid-background);border-radius:4px;margin-top:30px;width:300px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.home-portofolio__content .portofolio__view-more-button:hover{background:var(--button-text);color:var(--button-solid-background);box-shadow:5px 5px 20px hsla(0,0%,39.2%,.15)}@media screen and (min-width:2001px){.home-portofolio__content{max-width:1700px}}@media screen and (min-width:1024px) and (max-width:1440px){.home-portofolio__content .subtitle{font-size:.8125rem}.home-portofolio__content .title{font-size:1.5rem}}.mobile-home-banner__content{position:relative;z-index:10;color:var(--text-color-primary)}.mobile-home-banner__content .left-column{padding:30px;display:flex;-webkit-animation:fade-down 2s;animation:fade-down 2s}.mobile-home-banner__content .left-column .typing__blink{-webkit-animation:blink .5s infinite;animation:blink .5s infinite}@-webkit-keyframes blink{to{opacity:0}}@keyframes blink{to{opacity:0}}.mobile-home-banner__content .left-column .typing__word-wrapper{display:inline-flex}.mobile-home-banner__content .left-column .typing__word-wrapper .word{font-weight:700}.mobile-home-banner__content .left-column .typing__height-secure{margin-right:5px}.mobile-home-banner__content .right-column{width:100%;justify-content:center;display:flex;-webkit-animation:fade-right 2s;animation:fade-right 2s}.mobile-home-banner__content .right-column .animation-loader__image{width:100%!important}.mobile-home-banner__content .title{font-size:2.5rem;font-weight:700}.mobile-home-banner__content .subtitle{font-size:1rem;line-height:1.7;max-width:555px;margin:30px 0}.mobile-home-banner__content .mobile-home-banner__button{font-size:.75rem;font-weight:600;padding:14px 20px;background:transparent;border:1px solid var(--button-outline-background);color:var(--button-outline-background);text-transform:uppercase;border-radius:4px;outline:0;text-decoration:none;cursor:pointer;margin-right:15px;transition:background .3s,color .3s,border-color .3s}@media screen and (max-width:375px){.mobile-home-banner__content .mobile-home-banner__button{font-size:.75rem}}@media screen and (min-width:500px) and (max-width:600px){.mobile-home-banner__content .left-column{padding-bottom:0}.mobile-home-banner__content .right-column{margin:0 auto;width:85%}}@media screen and (min-width:600px) and (max-width:1024px){.mobile-home-banner__content{max-width:650px;margin:0 auto;width:90%}.mobile-home-banner__content .left-column{padding-bottom:0}.mobile-home-banner__content .right-column{margin:0 auto;width:80%}}:root{--dark-white:#000;--white-dark:#fff;--background-color:#f6f6f6;--text-color-primary:#222831;--text-color-secondary:#222831;--text-color-secondary-mobile:#222831;--text-color-secondary-notfocus:#5d5f63;--text-orange-green:#ff9442;--text-grey:#6b6b6b;--text-grey-2:#6b6b6b;--sidebar-line:#ccc;--button-outline-background:#222831;--button-solid-background:#222831;--button-solid-background-2:#fff;--button-solid-background-3:#222831;--button-outline-hover-bg:#222831;--button-text:#fff;--button-text-2:#222831;--button-text-3:#eee;--scroll-color:#222831;--input-outline-color:#0072ff;--white-black2:#fff}[data-theme=darkMode]{--dark-white:#fff;--white-dark:#000;--background-color:#000;--text-color-primary:#eee;--text-color-secondary:#4ecca3;--text-color-secondary-mobile:#23866b;--text-color-secondary-notfocus:#2ba57d;--text-orange-green:#4ecca3;--text-grey:#eee;--text-grey-2:#ccc;--sidebar-line:#2ba57d;--button-outline-background:#4ecca3;--button-solid-background:#23866b;--button-solid-background-2:#23866b;--button-solid-background-3:#23866b;--button-outline-hover-bg:#23866b;--button-text:#fff;--button-text-2:#fff;--button-text-3:#eee;--scroll-color:#23866b;--input-outline-color:#4ecca3;--white-black2:#202020}.home-mobile{padding-top:70px}.copyright-text{color:var(--dark-white);text-align:center;padding-bottom:20px;font-size:.875rem;font-weight:500;text-transform:uppercase}