*,html{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:900}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.hide{display:none;}

:root{
  --site-container:1024px;
  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:64px;
  --body-padding:64px;
  --max-zindex:2147483648;
  --background-primary:#0a1b3a; 
  --background-copyright:#202020;  
  --color-default:#c9cdd4;
  --color-glow-title: #FFD800;
  --text-shadow-glow-title: 0 0 30px #FFD800, -2px -2px 10px #FFD800;
}

body, html{font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; letter-spacing:0.4px; font-feature-settings:'lnum' 1; 
color:var(--color-default); -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; scroll-padding-top:var(--body-padding);}
body{overflow-x:hidden; position:relative; background-color:var(--background-copyright);}
a{font-weight:700;}
.btn, a.btn{padding:8px 16px; font-weight:700; -webkit-appearance:none; text-align:center; display:flex; align-items:center;}
#btt{display:none;}
.content_center{display:flex; justify-content:center; align-items:center;}
.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;}
.register-btn{height:43px; padding:0 20px; font-size:14px;}
.register-btn *{text-align:center;}
.sticky-link{height:var(--body-padding);}
.width-container{width:100%; max-width:var(--site-container);}

header{position:fixed; top:0; left:0; width:100%; z-index:calc(var(--max-zindex) - 2000);}
header > span{display:flex; justify-content:space-between;}
.header-left, .header-right{display:flex;}
header .sticky-link{padding:0 var(--space-2); font-size:16px;}
header .sticky-link img{width:auto; height:calc(var(--body-padding) - var(--space-5));}
header .sticky-link .svgicon{width:auto; height:18px;}
header .header-home{padding-left:var(--space-4);}
header .header-register{padding-right:var(--space-4);}
section{z-index: 4;}
.site-container{min-height:calc(100vh - var(--body-padding)); background-color:var(--background-primary);}
.base-container > .width-container{padding:var(--body-padding) var(--space-5); position:relative; z-index:3;}

.cover{position:relative; padding-top:var(--body-padding); min-height:100vh;}
.cover > .width-container{padding:var(--space-5);}
.cover-bg, .cover-bg:after{position:absolute; top:0; left:0; width:100%; height:100%;}
.cover-bg{z-index:0;}
.cover-bg:after{z-index:1; content:''; display:block;}
.cover-logo{max-width:640px; margin:0 auto;}
.cover-logo:before{padding-top:48.43%;}
.cover-list-label{text-align:center;}
.cover-list-column{display:flex; justify-content:center;}
.clc-box{align-items:center; margin:var(--space-4) var(--space-3);}
.clc-box img{position:relative; max-width:240px; max-height:60px; object-fit:contain;}
.cover-present .clc-box img{max-width:160px; max-height:64px;}
.cover-sponsored{margin-top:var(--space-4);}
.wording-cover {text-align: center;display: flex;justify-content: center;font-size: 24px;align-items: center;font-weight: bold;text-transform: uppercase;}
.wording-cover > h2 {text-align: center; text-shadow: var(--text-shadow-glow-title); color:var(--color-link-1);}
  
.popoup-share{display:none;}

.logo-header-list {display: flex;}
.logo-header-list .clc-box{margin:var(--space-3) var(--space-1); padding:0 var(--space-3); border-left:1px solid #fff;} 
.logo-header-list .clc-box:first-child{border-left:0; padding-left:0;}
.logo-header-list .clc-box img{max-width:84px; max-height:50px;}

.submenu {position: absolute; z-index: 1; top: 0; left: 0; padding-top: var(--space-2); margin-top: calc(var(--body-padding) - 10px);display: none;} 
.submenu > ul {width: 200px; overflow: hidden; border-radius: var(--rounded-normal); box-shadow: var(--shadow-default);background: #fff;} 
.submenu .sticky-link {padding: 0 var(--space-3); justify-content: flex-start;color: var(--background-secondary); height: var(--space-6);} 
.menu-header {position: relative;}
.submenu > ul:before {left: 22%; border-color: transparent; content: ""; position: absolute; top: -16px; right: 100%; height: 0; width: 0; border: 12px solid transparent; border-bottom: 12px solid #fff;}
.submenu .sticky-link:hover {background: rgb(204 204 204 / 32%);}
.koplo-them {font-family: 'Monoton', cursive;color: #ffd800;font-weight: 100;font-style: italic;text-transform: uppercase;}
.koplo-them.small{font-size: 28px;text-align: center;}
.koplo-them.cr{color:#ef4112;}
.twofiled2 {display: grid; gap: 20px; grid-template-columns: 1fr;}

.container-btn-vote{display: flex; align-items: center; margin-left: var(--space-5);} 

.display-none{display: none;}

@media screen and (min-width:0px) and (max-width:767px){
  .cover-voting-close{display: flex; flex-wrap: wrap; margin: 36px 0;}
  .cover-voting-close > p{width: 100%; text-align: center; margin: 12px 0;}
  .cover-voting-close > .title-close-voting{ font-weight: 400; font-size: 18px;}
  .cover-voting-close > .info-close-voting{ font-weight: 400; font-size: 14px;}
}

@media screen and (min-width:768px){
  .cover-voting-close{display: flex; flex-wrap: wrap; margin: 36px 0;}
  .cover-voting-close > p{width: 100%; text-align: center; margin: 12px 0;}
  .cover-voting-close > .title-close-voting{ font-weight: 400; font-size: 36px;}
  .cover-voting-close > .info-close-voting{ font-weight: 400; font-size: 24px;}
}

@media screen and (min-width:0px) and (max-width:767px){
  body, html{font-size:16px;}
  .desktop-only{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  .cover-title{font-size:36px;}
}

@media screen and (min-width:768px){
  .mobile-only{display:none !important; visibility:hidden; content-visibility:hidden;}
}

@media screen and (min-width:0px) and (max-width:1023px){
  header > span{justify-content:center;}
  .submenu-open{display:block; left:-40px;}
  
  .cover-list-column .clc-box {margin: var(--space-4) var(--space-2) 0;}
  .cover-present .cover-list-column{flex-wrap:wrap;}
  .cover-present .clc-box{max-width:80px; margin-bottom:0;}
  .berita-content {grid-template-columns: 1fr 1fr !important; }
  .koplo-them.small{margin-top: 10px;text-align: center; line-height: 32px;}

}

@media screen and (min-width:1024px){
.wording-cover {font-size: 42px;}
.twofiled2 {grid-template-columns: 1fr 280px;}
.menu-header:hover .submenu {display: block;}

}