*,html,:before,:after{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:700}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.content_center{display:flex;justify-content:center;align-items:center}.hide{display:none}



:root, :before, :after{
  --site-container:1024px;
  --size-1:5px;
  --size-2:8px;
  --size-3:13px;
  --size-4:21px;
  --size-5:34px;
  --size-6:55px;
  --size-7:89px;
  --max-zindex:2147483648;
  --default-fontsize:14px;
  --title-fontsize:16px;
  --menu-width:210px;
  --bg-1:#FAFAFA;
}



body, html{font-family:'Work Sans',sans-serif; font-size:var(--default-fontsize); font-weight:500; letter-spacing:0.5px; font-feature-settings:'lnum' 1; 
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
html{scroll-behavior:smooth; min-height:100vh;}
body{background-color:var(--bg-1); padding-top:var(--size-6); overflow-x:hidden;}
.btn, a.btn, button.btn, .button-more-link{padding:var(--size-3) var(--size-4); font-weight:normal; -webkit-appearance:none; text-transform:capitalize; 
display:flex; text-align:center; align-items:center; justify-content:center;}
.rancak-popup{display:none;}
.width-max{position:relative; width:100%; max-width:var(--site-container); margin:0 auto;}



.button-more{margin-top:var(--size-3);}
.button-more-link{flex-wrap:wrap; border:1px solid; text-transform:uppercase;}
.button-more-link .svgicon{width:auto; height:var(--default-fontsize); margin-left:var(--size-2);}



.share-box{display:flex; justify-content:space-between; align-items:center;}
.share-label{padding-left:var(--size-3); font-size:16px;}
.share-list{display:flex; line-height:0;}
.share-link{height:48px; padding:0 var(--size-3);}
.share-telegram{padding-right:var(--size-4);}
.share-link .svgicon{width:auto; height:var(--size-4);}
.share-box-static{margin-bottom:var(--size-4);}



.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori:before{content:''; display:block;}
.flex_ori img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.flex_ori img:not([src]){visibility:hidden;}



header .width-max, .header-left, .header-right{display:flex; position:relative;}
header{position:fixed; z-index:calc(var(--max-zindex) - 3000); top:0; left:0; width:100%;}
header .width-max{justify-content:space-between; max-width:var(--site-container); margin:0 auto;}
.header-left:after{--gradiend-width:233px; content:''; display:block; 
position:absolute; top:0; right:calc(var(--gradiend-width) * -1); width:var(--gradiend-width); height:100%;}
.header-link{height:var(--size-6); padding:0 var(--size-3);}
.header-link .svgicon{width:auto; height:var(--size-4);}
.header-logo{padding-left:var(--size-4);}
.header-logo img{width:auto; height:var(--size-5);}
.header-logo svg{width:auto; height:34px;}
.header-share{padding-right:var(--size-4);}



menu{display:grid; grid-auto-flow:column; overflow-x:auto;}
.menu-link{padding:0 var(--size-3); height:100%; font-size:var(--title-fontsize); text-transform:capitalize;}
.menu-link:first-child{padding-left:var(--size-4);}



.rancak-container{position:relative;}
.section-container > .width-max{padding:var(--size-6) var(--size-4); max-width:var(--site-container); margin:0 auto;}

.section-title{--line-width:89px; --line-height:5px; position:relative; margin-bottom:var(--size-5); padding-bottom:var(--size-4);}
.section-title *{text-align:center;}
.section-title:after{content:''; display:block; position:absolute; bottom:0; left:calc(50% - (var(--line-width) / 2));
width:var(--line-width); height:var(--line-height);}
.section-title-main{position:relative; font-weight:bold; text-transform:uppercase; line-height:100%;}
.section-title-summary{line-height:140%; margin-top:var(--size-2);}
.section-title-summary b{display:inline-block;}



.section-countdown .section-title *, .section-timeline .section-title *{text-align:left;}
.section-countdown .section-title:after, .section-timeline .section-title:after{left:0;}
.section-countdown .width-max{padding:var(--size-5); margin:var(--size-6) var(--size-4); width:calc(100% - var(--size-4) - var(--size-4));}
.countdown-day{padding:var(--size-2) var(--size-4); margin-right:var(--size-4);}

.timeline-list{--timeline-size:var(--size-5);}
.timeline-row{display:grid; grid-template-columns:var(--timeline-size) 1fr;}
.timeline-dummy{display:none;}
.timeline-route{position:relative;}
.timeline-stripe{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.timeline-border{width:var(--size-1); height:100%;}
.timeline-circle{position:relative; z-index:1000; margin-top:var(--size-3); 
width:var(--timeline-size); height:var(--timeline-size); border:var(--size-1) solid;}
.timeline-box{padding:var(--size-4); line-height:140%;}
.timeline-info{padding:var(--size-3);}
.timeline-date{font-weight:bold; margin-bottom:var(--size-1);}
.timeline-date span{display:inline-block;}
.timeline-more{margin-top:calc(var(--size-4) * -1);}
.timeline-more-link > div{--arrow-size:35px; display:grid; width:100%;}
.timeline-more-link > div .svgicon{width:var(--arrow-size); height:auto;}
.timeline-more-link > div span{padding:var(--size-3) 0; font-weight:bold;}

.scc-days{font-size:44px !important; display:inline-flex; align-items:center; text-transform:uppercase;}
.scc-time{font-size:18px; text-transform:uppercase; display:grid; grid-auto-flow:column; grid-template-columns:auto; grid-gap:var(--size-4);
padding:0; margin-top:var(--size-4); display:flex; justify-content:space-between;}
.scc-split{display:grid; grid-template-columns:1fr; grid-gap:var(--size-1);}
.scc-split b{width:70px; height:70px; display:flex; justify-content:center; align-items:center; font-size:36px;}
.scc-split span{display:block; text-align:center; text-transform:capitalize; font-size:14px;}

.scl-frame{width:100%; max-width:200px; margin-top:var(--size-5);}
.scl-frame:before{padding-top:121.34%;}



.voting-person-base{position:relative; width:77%; margin:0 auto;}
.voting-person-base:before{padding-top:100%;}
.voting-person-base:after{content:''; display:block; position:absolute; z-index:1000; bottom:0; left:0; width:100%; height:100%;}
.voting-person-base img{object-position:top center;}

.section-votingchoice, .section-votingchoice > .width-max{position:relative;}
.section-votingchoice{--site-container:810px;}
.section-votingchoice > .width-max{position:relative; z-index:2000;}
.section-votingchoice-content{display:grid; grid-gap:var(--size-4);}
.votingchoice-split{display:grid; grid-template-columns:1fr 33px 1fr; margin:0 auto;}
.votingchoice-photo{margin-bottom:var(--size-3);}
.votingchoice-title, .votingchoice-title b{text-align:center;}
.votingchoice-title{margin-bottom:var(--size-3);}
.votingchoice-title b{display:block;}
.votingchoice-form{position:relative;}
.votingchoice-form .svgicon{position:absolute; z-index:1; top:8px; right:var(--size-3);}
.votingchoice-select{width:100%; padding:var(--size-3); position:relative; z-index:1000; padding-right:40px;}
.votingchoice-submit{width:100%; font-size:var(--title-fontsize);}
.votingchoice-error > span{padding:var(--size-2) var(--size-3); border-radius:var(--rounded-3); text-align:center; line-height:140%;}
.votingchoice-error b{font-weight:bold;}

.nomor-urut-paslon{ display: grid; align-items: center; justify-content: center; color: var(--bg-1); font-size: 24px; font-weight: 700;}


.section-votingresult-content{grid-gap:var(--size-4) !important;}
.voting-result-row{padding:var(--size-4);}
.votingresult-frame:after{content:none;}



.cover-pattern, .cover-maps{position:absolute;}
.cover-pattern{z-index:1; height:auto; opacity:0.13;}
.cover-pattern-top{right:0; top:0;}
.cover-pattern-bottom{left:0; bottom:0;}
.cover-pattern img{position:relative; height:auto;}
.cover-maps{z-index:0; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; opacity:0.34;}
.cover-maps img{position:relative; width:80vw; height:auto; object-position:center; object-fit:contain;}
.cover-wave{position:relative; z-index:1000; bottom:-1px; left:0; width:100%; line-height:0;}
.cover-wave .svgicon{width:100%; height:auto;}



.section-video-content:before{padding-top:56.25%;}
.section-video-content iframe{position:absolute; top:0; left:0; width:100%; height:100%;}



.section-iklan{display:flex;}
.section-iklan-1{margin-top:var(--size-6);}
.section-iklan .width-max{width:auto; max-width:none;}






@media screen and (min-width:0px) and (max-width:1023px){
  .desktop-only, .share-box-static{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  
  
  menu{position:-webkit-sticky; position:sticky; z-index:calc(var(--max-zindex) - 4000); top:var(--size-6); width:100%; height:var(--size-6); border-top:1px solid;}
  .menu-link:first-child{border-left:0;}
  .menu-link:last-child{padding-right:var(--size-4);}

  .section-title-main{font-size:24px;}

  .section-timeline .width-max{padding-top:var(--size-4);}
  
  .votingchoice-split{grid-gap:var(--size-3);}
  
  .cover-pattern{width:55%;}
  
  .section-video > .width-max{padding:0;}
}