@font-face{font-family:"bahnschrift";src:url("../fonts/bahnschrift.ttf") format("truetype")}@font-face{font-family:"Futura-Bold";src:url("../fonts/roboto-bold.ttf") format("truetype")}@font-face{font-family:"Roboto-Bold";src:url("../fonts/roboto-bold.ttf") format("truetype")}@font-face{font-family:"courier-new";src:url("../fonts/courier-new.ttf") format("truetype")}a{text-decoration:none !important;color:inherit !important}.start_content{padding-top:60px !important}.al_left{text-align:left !important}.al_center{text-align:center !important}.al_right{text-align:right !important}.vcenter{display:inline-block;vertical-align:middle !important;float:none !important}.no_margin{margin:0px !important}.no_padding{padding:0px !important}.no_padding_left{padding-left:0px !important}.no_padding_right{padding-right:0px !important}.separator{border-bottom:2px solid #ababab;margin-top:10px;margin-bottom:10px}.img-pertamina{border-bottom-left-radius:30px;border-top-right-radius:30px;margin-bottom:20px}.img-main{border-top-right-radius:30px}.active{display:block !important}body{background:#222;transition:all 3s}body.alt{background:#fff}.startLoading{position:fixed;top:0px;width:100%;height:20000px;background:#222;z-index:3}.startLoadingText{position:absolute;font-size:20px;font-family:"Futura-Bold";color:#fff;letter-spacing:1px;text-align:center;width:100%;top:calc(50% - 14px);animation:startLoadingText 1s linear infinite;z-index:3}@keyframes startLoadingText{0%{letter-spacing:1px;font-size:20px}10%{letter-spacing:3px;font-size:24px;top:calc(50% - 17px)}100%{letter-spacing:1px;font-size:20px}}.navhead{position:fixed;font-family:"bahnschrift";top:0px;left:0px;padding-top:10px;padding-left:10px}@media(min-width: 768px){.navhead{padding:0px;top:10px;left:10px;width:auto}}.navhead.onclick{width:100%;background:#fff;z-index:1}.navhead .navheadTitle{font-size:30px;font-family:"Futura-Bold";color:#fff}@media(min-width: 768px){.navhead .navheadTitle{font-size:20px}}.navhead .navheadTitle span{display:inline-block;margin-left:10px;margin-right:10px}@media(min-width: 768px){.navhead .navheadTitle span{display:none}}.navheadBody{margin-top:10px;display:none}@media(min-width: 768px){.navheadBody{margin-top:0px;display:block}}.navhead.onclick .navheadBody{display:block}.navhead .navheadParent{margin-top:5px}.navhead .navheadParent span{color:#fff;font-size:24px;cursor:pointer;letter-spacing:.5px;margin-left:15px}@media(min-width: 768px){.navhead .navheadParent span{font-size:16px;letter-spacing:.5px;margin-left:15px;color:#fff}}.navhead .navheadParent.active span{font-weight:bold;color:#3fbaef}.navhead .navheadParent .navheadChildHolder{margin-left:30px}@media(min-width: 768px){.navhead .navheadParent .navheadChildHolder{display:none;margin-left:30px}}.navhead .navheadParent.active .navheadChildHolder{display:block}.navhead .navheadParent .navheadChildHolder .navheadChild{color:#ababab;font-size:18px;cursor:pointer;margin-top:5px;margin-bottom:5px}@media(min-width: 768px){.navhead .navheadParent .navheadChildHolder .navheadChild{font-size:14px}}.navhead .navheadParent .navheadChildHolder .navheadChild.active{color:#4de4dd}.navhead.onclick .navheadTitle,.navhead.onclick .navheadParent span,.navhead.onclick .navheadParent.active span,.navhead.onclick .navheadParent .navheadChildHolder .navheadChild.active,.navhead.alt .navheadTitle,.navhead.alt .navheadParent span,.navhead.alt .navheadParent.active span,.navhead.alt .navheadParent .navheadChildHolder .navheadChild.active{color:#222}.avatar{position:fixed;width:100px;left:calc(50% - 50px);bottom:0px;transition:all 1s}.stageLight{position:absolute;top:0px;height:100px;width:100%;opacity:.4;z-index:-1}.stageLight.on{background:url("../images/elements/light.png");background-position:center -150px;background-repeat:no-repeat;animation:stageLight 6s cubic-bezier(0.17, 0.37, 0.43, 0.67)}.logo{position:absolute;right:20px;bottom:20px;height:40px}@keyframes stageLight{0%{opacity:0}100%{opacity:.4}}.holder{position:absolute;width:calc(100% - 40px);bottom:300px;right:20px}@media(min-width: 768px){.holder{width:calc(50% - 20px)}}@media(min-width: 1200px){.holder{width:25%;right:25%}}.baloon{padding:20px;border-radius:20px;background:#fff}.page2Main .title,.baloon .title{font-family:"Futura-Bold";font-size:20px;margin-bottom:4px;color:#3fbaef}.baloon .message{font-family:"bahnschrift";font-size:16px;color:#000}.navButton{font-family:"bahnschrift";font-size:16px;position:absolute;padding:5px 0px;bottom:20px;color:#fff;width:calc(50% - 30px);text-align:center;right:20px;cursor:pointer;border:1px solid #fff;border-radius:10px;transition:all 1s}@media(min-width: 768px){.navButton{width:80px;right:20px}}.navButton:hover{background:#fff;color:#222}.navButton.alt{color:#222;border:1px solid #222}.navButton.alt:hover{background:#222;color:#fff}.navButton.prev{right:calc(50% + 10px)}@media(min-width: 768px){.navButton.prev{right:130px}}input#number{position:absolute;bottom:40px;right:20px}.holder.page2{width:calc(50% - 40px);bottom:250px;right:20px}.avatar.page2{transform:scale(0.25) translateY(200px)}@media(min-width: 768px){.avatar.page2{transform:scale(0.25) translateY(300px)}}.waiMain{position:absolute;font-family:"Roboto-Bold";font-size:50px;width:200px;left:calc(50% - 100px);margin-top:-300px;transition:all 1s}.waiMain.active{transform:translateY(350px)}@media(min-width: 768px){.waiMain.active{transform:translateY(300px)}}.waiSection{position:absolute;width:300px;right:calc(100% - 320px);top:140px;opacity:0;transition:opacity .5s,transform 1s}@media(min-width: 768px){.waiSection{width:300px;right:40%}}@media(min-width: 992px){.waiSection{right:50%}}.waiSection.inRight{left:calc(100% - 320px);right:auto;text-align:right}@media(min-width: 768px){.waiSection.inRight{left:40%}}@media(min-width: 992px){.waiSection.inRight{left:50%}}.waiSection.jump1{transform:translateX(-50px);transition-delay:1s}.waiSection.jump2{top:220px;transform:translateX(50px);transition-delay:1.5s}.waiSection.jump3{top:300px;transform:translateX(-50px);transition-delay:2s}.waiSection.jump4{top:380px;transform:translateX(50px);transition-delay:2.5s}.waiSection.active.jump1{opacity:1;transform:translateX(0px)}.waiSection.active.jump2{opacity:1;transform:translateX(0px)}.waiSection.active.jump3{opacity:1;transform:translateX(0px)}.waiSection.active.jump4{opacity:1;transform:translateX(0px)}.waiSection .waiLogo{width:40px;height:40px;border-radius:20px;display:inline-block;vertical-align:top}.waiSection .waiLogo span{font-size:40px}.waiSection .waiDetail{display:inline-block;vertical-align:top;margin-left:10px;margin-right:10px}.waiSection .waiDetail .waiDesc{font-family:"Futura-Bold";font-size:20px;padding-bottom:3px;border-bottom:1px solid #ababab;color:#3fbaef}.waiSection .waiDetail .waiWhy{font-family:"bahnschrift";font-size:16px;margin-top:3px}.page2Main{display:none;position:absolute;font-family:"bahnschrift";font-size:16px;width:calc(100% - 40px);top:60px;right:20px;transition:all 1s}@media(min-width: 768px){.page2Main{width:600px;top:10px;right:0}}@media(min-width: 992px){.page2Main{width:800px;top:20px}}@media(min-width: 1200px){.page2Main{width:800px;top:20px;right:calc(50% - 400px)}}.workContainer{position:absolute;width:100%;right:0;top:200px;background:#fff;overflow-y:auto}@media(min-width: 768px){.workContainer{width:600px;top:110px;right:0px}}@media(min-width: 992px){.workContainer{width:800px;top:110px;right:0px}}@media(min-width: 1200px){.workContainer{width:800px;top:110px;right:calc(50% - 400px)}}.workContainer .workHolder{padding:10px 0px;opacity:0;transform:translateX(-50px);transition:all .5s;border-bottom:1px solid #ababab}@media(min-width: 768px){.workContainer .workHolder{margin-left:-15px}}.workContainer.active .workHolder{transform:translateX(0px);opacity:1}.workImage{display:inline-block;height:50px;width:50px;vertical-align:top;border-radius:10px;text-align:center;font-size:30px;color:#4de4dd}@media(min-width: 768px){.workImage{height:80px;width:80px}}.workDetail{display:inline-block;width:calc(100% - 70px);vertical-align:top;margin-left:20px}@media(min-width: 768px){.workDetail{width:calc(100% - 100px)}}.publication .workDetail{width:calc(100% - 10px);margin-left:10px}@media(min-width: 768px){.publication .workDetail{width:100%;margin-left:0px}}.workDetail .workTitle{font-family:"Futura-Bold";font-size:16px;color:#3fbaef}@media(min-width: 768px){.workDetail .workTitle{font-size:20px}}.workDetail .workOrg{font-family:"Futura-Bold";font-size:14px}@media(min-width: 768px){.workDetail .workOrg{font-size:16px}}.workDetail .workAttribute{font-family:"bahnschrift";font-size:14px}@media(min-width: 768px){.workDetail .workAttribute{margin-top:10px}}.workDetail .workAttribute span{margin-right:10px}.workDetail .workButton{font-family:"bahnschrift";font-size:14px;display:inline-block;cursor:pointer;font-weight:bold;color:#ffc000}@media(min-width: 768px){.workDetail .workButton{margin-top:10px}}.workDetail .workDesc{margin-top:10px;font-family:"bahnschrift";font-size:14px;display:none;margin-left:-70px}@media(min-width: 768px){.workDetail .workDesc{margin-left:-100px}}.workDetail ul{margin-left:-20px}.workContainer .achievemnetHolder{opacity:0;transform:translateY(50px);transition:all .5s;margin-bottom:30px}.workContainer.active .achievemnetHolder{transform:translateY(0px);opacity:1}.achievementImage{height:180px;border-top-left-radius:10px;border-top-right-radius:10px}.achievementDetail{border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0px 5px 4px rgba(0,0,0,.1);padding:15px}.achievementDetail .achievementTitle{font-family:"Futura-Bold";font-size:16px;color:#3fbaef}.achievementDetail .achievementOrg{font-family:"Futura-Bold";font-size:14px}.achievementDetail .achievementAttribute{font-family:"bahnschrift";font-size:14px;margin-top:10px}.achievementDetail .achievementAttribute span{margin-right:10px}.pubPublished{color:#4de4dd}.pubProgress{color:#ffc000;animation:progressing 1s linear infinite}@keyframes progressing{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.avatar.page3{left:50px;transform:scale(1) translateY(0px)}@media(min-width: 768px){.holder.page3{width:50%;bottom:250px;left:180px}}@media(min-width: 992px){.holder.page3{width:calc(25% - 40px);bottom:250px;left:180px}}.terminal{display:none;position:absolute;top:60px;left:20px;width:calc(100% - 40px);font-family:"courier-new";color:#41ff00}@media(min-width: 768px){.terminal{top:10px;left:250px;width:calc(100% - 250px)}}.terminal div{margin-bottom:5px;display:none}.terminal .stateStart{display:block}.skillBook{display:none;position:absolute;width:100%;right:0px;top:60px}@media(min-width: 768px){.skillBook{width:600px;right:0px;top:50px}}@media(min-width: 992px){.skillBook{width:800px;right:20px}}@media(min-width: 1200px){.skillBook{right:calc(50% - 400px)}}.skillBook .skillHeaderHolder{font-family:"courier-new";font-size:20px;color:#222;border:1px solid #41ff00;background:#41ff00}.skillBook .skillPlace{padding:20px;border:1px solid #41ff00;border-top:none;background:#222;color:#41ff00;font-family:"courier-new";font-size:16px;overflow-y:auto}.skillBook .skillSub{font-family:"courier-new";font-size:20px;color:#41ff00;margin-top:10px;margin-bottom:10px}.skillBook .skillAttribute span{margin-right:2px}.avatar.page4{transform:scale(2) translateY(100px)}.holder.page4{width:calc(100% - 40px);bottom:290px;right:20px}@media(min-width: 768px){.holder.page4{width:600px;right:calc(50% - 300px)}}@media(min-width: 992px){.holder.page4{bottom:250px}}.messageLang{font-family:"bahnschrift";font-size:16px;font-weight:bold;transition:all .5s;opacity:0;transform:translateX(20px)}.messageLang a{transition:all .5s}.messageLang a:hover{color:#3fbaef !important}.messageLang.active{transform:translateX(0px);opacity:1}.messageLang div{display:inline-block;vertical-align:top}.messageLang div div{display:block;font-size:14px;font-weight:normal;margin-bottom:5px}@media(min-width: 768px){.messageLang div div{margin-bottom:10px}}.messageLang .flag{width:45px;height:30px;margin-right:10px;margin-bottom:5px}@media(min-width: 768px){.messageLang .flag{margin-bottom:10px}}.messageLang .flag span{font-size:30px;transition:all .5s}.messageLang .flag span.fa-envelope-open-o{font-size:28px}.travelMapHolder{display:none;position:absolute;top:60px;width:100%;height:400px}@media(min-width: 768px){.travelMapHolder{top:20px;height:570px}}.travelMap{opacity:0;transition:all 1s;margin:auto;width:100%}@media(min-width: 768px){.travelMap{margin-right:20px;width:600px}}@media(min-width: 992px){.travelMap{margin-right:20px;width:800px}}@media(min-width: 1200px){.travelMap{margin:auto;width:1100px}}.travelMap.active{opacity:1}.travelMap #mapdiv{width:100%;height:400px}@media(min-width: 768px){.travelMap #mapdiv{height:570px}}.gallery{position:absolute;z-index:-2;opacity:0;transition:opacity 2s;width:100%;background:linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 100%),url("../images/elements/gallery.png");background-repeat:no-repeat;background-position:center center;background-size:cover}.gallery.active{opacity:1}.myBlogHolder{position:absolute;width:calc(100% - 40px);left:20px;bottom:490px;opacity:0;transition:all 2s}@media(min-width: 768px){.myBlogHolder{width:580px;left:180px;bottom:300px;height:400px}}@media(min-width: 992px){.myBlogHolder{width:50%;left:calc(25% - 40px + 180px + 40px);bottom:60px}}@media(min-width: 1200px){.myBlogHolder{bottom:100px}}.myBlogHolder.active{opacity:1}.myBlogLink{font-size:16px;font-family:"bahnschrift";position:absolute;border-radius:10px;padding:5px 10px;text-align:center;color:#fff;border:2px solid #fff;width:100%;transition:all .5s}@media(min-width: 768px){.myBlogLink{right:30px;top:20px;border:2px solid #222;color:#222;width:auto}}.myBlogLink span{display:inline-block}@media(min-width: 768px){.myBlogLink span{display:none}}.myBlogLink:hover{color:#222;background:#fff}@media(min-width: 768px){.myBlogLink:hover{color:#fff;background:#222}}.myBlogFrame{width:100%;border:none;border-radius:6px}@media(min-width: 768px){.myBlogFrame{height:400px;overflow-y:scroll}}/*# sourceMappingURL=main.css.map */