*,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}sup{font-size:10px;}



:root, :before, :after{
  --site-container:987px;
  --size-1:5px;
  --size-2:8px;
  --size-3:13px;
  --size-4:21px;
  --size-5:34px;
  --size-6:55px;
  --size-7:89px;
  --default-fontsize:15px;
  --title-fontsize:19px;
  --max-zindex:2147483648;
  --color-1:#000000;
  --color-2:#F5F5F5;
}



body, html{font-family:'Nunito',sans-serif; font-size:var(--default-fontsize); font-weight:400; letter-spacing:0.4px; 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; background-color:var(--color-1);}
body{overflow-x:hidden; background-color:var(--color-2);}
body.header-fill{padding-top:var(--size-6);}
a, button{font-weight:bold;}
.btn, a.btn, button.btn{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;}
.width-max{display:block; position:relative; width:100%; max-width:var(--site-container); margin:0 auto;}



.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;}




.section-container .tns-outer{position:relative; padding-bottom:var(--size-6) !important; width:100%;}
.section-container .tns-outer button[aria-controls]{width:var(--size-3); height:var(--size-3); margin-right:var(--size-2);}
.section-container .tns-outer button.tns-nav-active{width:var(--size-5);}
.section-container .tns-nav{position:absolute; bottom:0; left:0; width:100%;}



.section-title{margin-bottom:var(--size-5);}
.section-title *{text-align:center;}
.section-title-label{font-weight:900; line-height:120%;}
.section-title-desc, .section-title-tag{margin-top:var(--size-2);}
.section-title-tag{display:block; font-weight:900;}



header{position:fixed; z-index:calc(var(--max-zindex) - 5000); top:0; left:0; width:100%;}
header > .width-max{display:flex; justify-content:space-between;}
.header-left, .header-right{display:flex;}
.header-link{height:var(--size-6); padding:0 var(--size-3); white-space:nowrap; display:flex; align-items:center;}
.header-link .svgicon{width:auto; height:var(--size-4);}
.header-logo .svgicon, .header-logo img{width:auto; height:36px;}
.live-blink{width:var(--size-2); height:var(--size-2); margin-right:var(--size-2);}



.rancak-container{position:relative; min-height:100vh;}
.section-container{padding-top:var(--size-7); padding-bottom:var(--size-7); position:relative;}
.rancak-bg{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
.rancak-content{position:relative; z-index:3000;}



.section-cover{position:relative; padding:0 !important;}
.cover-bg{background-color:var(--color-1);}
.ribbon-bg{position:absolute; z-index:1000; top:0; height:100%; width:100%;}
.cover-content{display:grid; min-height:100vh; padding-top:var(--size-6); color:var(--color-2);}
.cover-info{display:grid; grid-gap:var(--size-4); align-content:center;}
.cover-info-logo:before{padding-top:38.75%;}
.cover-info-next{display:flex;}
.cover-info-button{background-color:var(--color-5) !important;}
.cover-info-button:hover{background-color:var(--color-4) !important;}
.cover-image{display:flex; justify-content:center; align-items:flex-end;}
.cover-image-frame{width:100%; max-width:640px;}
.cover-image-frame:before{padding-top:100%;}





@media screen and (min-width:0px) and (max-width:1023px){
  .desktop-only{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  
  
  .header-link[title="Back to tvOne"]{padding-left:var(--size-4);}
  .header-link[title="Share"]{padding-right:var(--size-4);}
  
  .header-togglemenu{--hamburger-size:20px; --hamburder-line-height:3px; opacity:1 !important;}
  .header-togglemenu > span{position:relative; width:var(--hamburger-size); height:var(--hamburger-size);}
  .htm-line{--line-position:0px; position:absolute; left:0; width:var(--hamburger-size); height:var(--hamburder-line-height); background-color:#FFF;}
  .htm-line-1{top:var(--line-position);}
  .htm-line-2{top:calc((var(--hamburger-size) - var(--hamburder-line-height)) / 2);}
  .htm-line-3{bottom:var(--line-position);}
  
  
  
  .section-title-label{font-size:30px;}
  .section-title-label sup{font-size:15px;}
  
  
  
  .section-container{padding-left:var(--size-4); padding-right:var(--size-4);}
  
  
  
  .ribbon-bg{right:0;}
  .cover-info{padding:var(--size-4);}
  .cover-info-logo{max-width:210px;}
  @media screen and (orientation:portrait){
    .cover-info-logo{width:100%; margin:0 auto;}
	.cover-info-desc{text-align:center;}
	.cover-info-next{justify-content:center;}
  }
  @media screen and (orientation:landscape){
    .cover-content{grid-template-columns:1fr 210px;}
  }
    
  
  
  @media screen and (orientation:portrait){
	.welcome-info{padding-bottom:0;}
	.welcome-desc, .welcome-director{text-align:center;}
  }
  @media screen and (orientation:landscape){
    .welcome-content{grid-template-columns:1fr 1fr;}
	.welcome-photo{display:flex; align-items:flex-end;}
  }
}





@media screen and (min-width:1024px){
  .mobile-only{display:none !important; visibility:hidden; content-visibility:hidden;}
  .mobile-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  
  
  .header-link[title="Back to tvOne"]{padding-left:0;}
  .header-link[title="Share"]{padding-right:0;}
  
  .main-nav, .main-nav .header-link{position:static !important;}
  .main-nav{display:flex !important;}
  .main-nav .header-link > span{position:relative;}
  .main-nav .header-link > span:after{content:''; display:block; position:absolute; bottom:calc(var(--size-2) * -1); left:0; width:100%; height:var(--size-1); opacity:0;}
  
  
  
  .section-title-label{font-size:40px;}
  .section-title-label sup{font-size:20px;}
  
  
  
  .ribbon-bg{right:-21%;}
  .cover-content{grid-template-columns:360px 1fr;}
  .cover-info{font-size:var(--title-fontsize);}
  .cover-info-logo{max-width:360px;}
  
  
  
  .welcome-content{grid-template-columns:1fr 1fr;}
  .welcome-title{font-size:40px;}
  .welcome-info{font-size:var(--title-fontsize);}
  .welcome-photo{display:flex; align-items:flex-end;}
}