/*
* Helsie
* Wunik theme [https://wunik.id]
* Designed by Degiam [https://degiam.github.io]
* Copyright (c) 2021
*/
@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700&display=swap);:root{color-scheme:light dark;--font-title:'Montserrat Alternates',sans-serif;--font-body:'Sarabun',sans-serif;--theme-1:#2bb8d4;--theme-2:#4bd2ec;--darken:#292f35}body{font-family:var(--font-body);font-size:.9rem;cursor:default}.container,.container-fluid{padding-right:1.5rem;padding-left:1.5rem}.btn,.dropdown-menu,.form-control,.form-select,.input-group-text{font-size:.9rem}a{color:var(--theme-1)}a:focus,a:hover{color:var(--theme-2)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}.font-title{font-family:var(--font-title)}.font-body{font-family:var(--font-body)}.btn,.btn:hover,a,a:hover{-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}:focus{outline:0}a:-webkit-any-link:focus{outline-offset:0}button:focus{outline:0}.btn-close:focus,.btn.active:focus,.btn:active:focus,.btn:focus,.custom-control-input:focus~.custom-control-label::before,.form-control:focus,.page-link:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:none!important}.was-validated [class^=custom-]:invalid:focus,.was-validated [class^=custom-]:valid:focus,.was-validated [class^=form-]:invalid:focus,.was-validated [class^=form-]:valid:focus,[class^=custom-].is-invalid:focus,[class^=custom-].is-valid:focus,[class^=custom-]:focus,[class^=form-].is-invalid:focus,[class^=form-].is-valid:focus,[class^=form-]:focus{outline:0;box-shadow:none}[type=checkbox],[type=radio],[type=radio]+label{cursor:pointer}a.disabled{pointer-events:none}.text-theme-1{color:var(--theme-1)}.text-theme-2{color:var(--theme-2)}.text-adaptive{color:var(--white)}.color-inherit{color:inherit}.bg-theme-1{background-color:var(--theme-1)}.bg-theme-2{background-color:var(--theme-2)}.bg-darken{background-color:var(--darken)}.opacity{opacity:1}.opacity-0{opacity:0}.opacity-1{opacity:.1}.opacity-2{opacity:.2}.opacity-3{opacity:.3}.opacity-4{opacity:.4}.opacity-5{opacity:.5}.opacity-6{opacity:.6}.opacity-7{opacity:.7}.opacity-8{opacity:.8}.opacity-9{opacity:.9}.rounded-1{border-radius:.25rem!important}.rounded-2{border-radius:.5rem!important}.rounded-3{border-radius:.75rem!important}.shadow{box-shadow:0 0 .5rem rgba(0,0,0,.05),0 0 1rem rgba(0,0,0,.05)!important}.border{border-color:rgba(0,0,0,.05)!important}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}@media (min-width:576px){.overflow-sm-init{overflow:initial!important}}@media (min-width:768px){.overflow-md-init{overflow:initial!important}}@media (min-width:992px){.overflow-lg-init{overflow:initial!important}}@media (min-width:1200px){.overflow-xl-init{overflow:initial!important}}@media (min-width:576px){.w-sm-init{width:initial!important}.w-sm-25{width:25%!important}.w-sm-50{width:50%!important}.w-sm-75{width:75%!important}.w-sm-100{width:100%!important}.mw-sm-fit-content{max-width:-moz-fit-content;max-width:fit-content}}@media (min-width:768px){.w-md-init{width:initial!important}.w-md-25{width:25%!important}.w-md-50{width:50%!important}.w-md-75{width:75%!important}.w-md-100{width:100%!important}}@media (min-width:992px){.w-lg-init{width:initial!important}.w-lg-25{width:25%!important}.w-lg-50{width:50%!important}.w-lg-75{width:75%!important}.w-lg-100{width:100%!important}}@media (min-width:1200px){.w-xl-init{width:initial!important}.w-xl-25{width:25%!important}.w-xl-50{width:50%!important}.w-xl-75{width:75%!important}.w-xl-100{width:100%!important}}.lh-1{line-height:1}.lh-2{line-height:1.25}.lh-3{line-height:1.5}.lh-4{line-height:2}.ws-init{white-space:initial}.ws-nowrap{white-space:nowrap}p:last-child{margin-bottom:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700}.font-weight-semibold{font-weight:600!important}.word-break-normal{word-break:normal}.top{top:0}.bottom{bottom:0}.left{left:0}.right{right:0}.index-1{z-index:1}.index-2{z-index:11}.index-3{z-index:111}.index-4{z-index:1111}.index-5{z-index:11111}.index-n1{z-index:-1}.index-n2{z-index:-11}.index-n3{z-index:-111}.index-n4{z-index:-1111}.index-n5{z-index:-11111}.obj-fit-cover{object-fit:cover}.obj-fit-contain{object-fit:contain}.filter-white{filter:brightness(0) invert(1)}.fs-1{font-size:calc(1.5rem + 1.5vw)!important}.fs-2{font-size:calc(1.4rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fs-7{font-size:.75rem!important}.form-control::-webkit-input-placeholder{color:rgba(0,0,0,.3)}.form-control::-moz-placeholder{color:rgba(0,0,0,.3)}.form-control:-ms-input-placeholder{color:rgba(0,0,0,.3)}.form-control:-moz-placeholder{color:rgba(0,0,0,.3)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}form label{font-size:.8rem;margin-bottom:.25rem;opacity:.5}form label[for*=captcha]{color:rgba(33,37,41,.5);opacity:1}form label[for*=captcha] :not(img){opacity:.5}.tooltip-inner{font-size:.8rem}.dropdown-item{color:rgba(0,0,0,.6);padding:.5rem 1rem}.dropdown-item.active,.dropdown-item:active{color:var(--dark);background-color:transparent}.dropdown-item:focus,.dropdown-item:hover{background-color:transparent}.dropdown>.dropdown-menu{border:0}.dropdown-menu .dropdown-menu{position:relative!important;border:none;padding-top:0;padding-bottom:0;padding:0 0 0 1rem}.dropdown-toggle{display:flex;align-items:flex-start;justify-content:space-between}.dropdown-toggle .badge{margin-top:-1px;margin-left:7px}.dropdown-toggle:after,.dropleft .dropdown-toggle:after,.dropright .dropdown-toggle:after,.dropup .dropdown-toggle:after{border:0;min-width:1rem;width:1rem;height:1rem;margin-top:4px;background-repeat:no-repeat;opacity:.6}.dropdown-toggle:after{background-image:url('data:image/svg+xml;utf8,')}.dropup .dropdown-toggle:after{background-image:url('data:image/svg+xml;utf8,')}.dropleft .dropdown-toggle:after{background-image:url('data:image/svg+xml;utf8,')}.dropright .dropdown-toggle:after{background-image:url('data:image/svg+xml;utf8,')}@media (min-width:768px){.dropdown>.dropdown-menu{box-shadow:0 .25rem .75rem rgba(0,0,0,.1)}.dropdown>.dropdown-toggle{padding-right:1rem!important}.dropdown-item{padding:.5rem 2rem .5rem 1rem}.dropdown-toggle:after,.dropleft .dropdown-toggle:after,.dropright .dropdown-toggle:after,.dropup .dropdown-toggle:after{margin-right:-15px}}@media (max-width:767px){.dropdown>.dropdown-menu{padding:0;margin:0}.dropdown-menu{background-color:transparent}.dropdown>.dropdown-menu>.dropdown-submenu{padding-right:.5rem}}.no-toggle:after{display:none!important}.carousel:not(:hover) .carousel-control-next-icon,.carousel:not(:hover) .carousel-control-prev-icon{opacity:0}.carousel-control-next-icon,.carousel-control-prev-icon{width:2rem;height:2rem;transition:all .25s ease}.carousel-control-next-icon{background-image:url('data:image/svg+xml;utf8,')}.carousel-control-prev-icon{background-image:url('data:image/svg+xml;utf8,')}.carousel-dark .carousel-control-next-icon{background-image:url('data:image/svg+xml;utf8,')}.carousel-dark .carousel-control-prev-icon{background-image:url('data:image/svg+xml;utf8,')}.carousel{position:relative;overflow:hidden;height:auto}.carousel-inner{position:absolute;left:0;bottom:0;width:100%;height:100%}.carousel-inner .carousel-item{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden;transition:all .1s ease 0s;transform:scale(1);background-size:contain;background-repeat:no-repeat}.carousel-inner .carousel-item .carousel-caption,.carousel-inner .carousel-item img{position:absolute;left:0;bottom:0;width:100%;opacity:0;transition:all 1.25s ease 0s;transform:perspective(100vw) translateZ(15vw)}.carousel-inner .carousel-item.active .carousel-caption,.carousel-inner .carousel-item.active img{opacity:1;transform:perspective(100vw) translateZ(0)}.modal{z-index:11111!important}.modal-backdrop{z-index:11110!important}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:not(:hover){opacity:.5}.breadcrumb-item.active{color:var(--dark)}.page-link{color:var(--theme-1)}.page-link:hover{color:var(--theme-1);background-color:rgba(0,0,0,.03)!important}.page-item.active .page-link{background-color:var(--theme-1)!important}.page-item.disabled .page-link{opacity:.5}body{display:flex;flex-direction:column;height:100vh}footer{margin-top:auto}@media (min-width:1400px){.container{max-width:1340px}}.navbar a{text-decoration:none}.navbar-brand{font-size:1.5rem}.navbar-brand img{width:40px;height:40px}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.35)}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.65)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}#navbarIcon .dropdown-toggle:after{display:none}#navbarIcon [class^=bi-]{margin-bottom:0}#navbarSearch+.dropdown-menu form{flex-flow:initial}#navbarSearch+.dropdown-menu form input{border:0;width:100vw;max-width:200px}#navbarSearch+.dropdown-menu .form-group{margin:0}[data-target="#navbarMenu"]{color:rgba(0,0,0,.5)}[data-target="#navbarMenu"]:hover,[data-target="#navbarMenu"][aria-expanded=true]{color:var(--dark)}[aria-labelledby=navbarLang] .dropdown-item.active{pointer-events:none}@media (min-width:768px){#navbarIcon .dropdown>.dropdown-toggle{padding-right:.5rem!important}#navbarMenu .dropdown-menu{z-index:1111}}@media (max-width:767px){#navbarMenu{background:var(--light);border-radius:.5rem}#navbarMenu .nav-link{font-size:1rem}#navbarMenu ul li{padding-top:.5rem}#navbarMenu ul li:last-child{padding-bottom:1rem}#navbarMenu .dropdown-toggle{justify-content:center}#navbarMenu .dropdown-menu,#navbarMenu .dropdown-submenu{text-align:center;padding:0}#navbarIcon .dropdown-menu{position:absolute;background-color:var(--white);padding:.5rem 0;margin:.125rem 0 0}#navbarIcon .dropdown-menu{margin-top:.5rem}}@media (max-width:575px){#navbarIcon .dropdown-menu{width:90vw}#navbarLang+.dropdown-menu{right:-52vw}#navbarSearch+.dropdown-menu{right:-29vw}#navbarSearch+.dropdown-menu form{min-width:50vw}#navbarSearch+.dropdown-menu .form-group{width:100%}}.ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.line-1{-webkit-line-clamp:1}.line-2{-webkit-line-clamp:2}.line-3{-webkit-line-clamp:3}#carousel .carousel-caption h4,#carousel .carousel-caption p{text-shadow:0 0 3px rgba(0,0,0,.25),0 0 10px rgba(0,0,0,.25)}@media (min-width:576px){#carousel .carousel-inner{border-radius:.75rem}#carousel .carousel-inner .carousel-item{border-radius:.5rem}}@media (min-width:768px){#carousel{width:100%}}[data-title=link]>*>ul>li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.025)}@media (max-width:767px){[data-title=link]>*{height:auto!important}[data-title=link]>*>ul{max-height:initial!important}}.newsletter .form-control{width:100%!important;background-color:transparent!important;border:none;color:inherit}.newsletter .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.3)}.newsletter .form-control::-moz-placeholder{color:rgba(255,255,255,.3)}.newsletter .form-control:-ms-input-placeholder{color:rgba(255,255,255,.3)}.newsletter .form-control:-moz-placeholder{color:rgba(255,255,255,.3)}.btn-radio{position:relative}.btn-radio:not(:last-child){margin-bottom:.75rem}.btn-radio label{display:block;background-color:rgba(0,0,0,.02);padding:.75rem .75rem .75rem 2.75rem;margin-bottom:0;cursor:pointer;transition:all .25s ease;opacity:1}.btn-radio label:after,.btn-radio label:before{content:'';position:absolute;left:.75rem;top:.65rem;width:1.3rem;height:1.3rem;border-radius:.25rem;background-color:var(--theme-2)}.btn-radio label:before{width:0;height:0;z-index:2;overflow:hidden;transition:.1s width cubic-bezier(.075,.82,.165,1) 0s,.3s height cubic-bezier(.075,.82,.165,2) .1s;background-color:transparent;background-repeat:no-repeat;background-size:13px;background-position:center;background-image:url('data:image/svg+xml;utf8,')}.btn-radio input[type=radio]{display:none;position:absolute;width:100%;appearance:none}.btn-radio input[type=radio]:checked+label{color:var(--white);background-color:var(--theme-1);transition:all .25s ease}.btn-radio input[type=radio]:checked+label:before{width:1.3rem;height:1.3rem}.btn-radio input[type=radio]:disabled+label,.btn-radio input[type=radio][readonly]+label{opacity:.5}.poll-percentage{height:1.25rem}[data-title=about] ul li a{color:inherit}.location iframe{width:100%;height:250px}@media (min-width:992px){.location iframe{height:400px}}.chat-wa{background:#20b53b;background:linear-gradient(25deg,#20b53b 0,#55ff79 100%)}.table{color:inherit}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.scroll-horizontal{-ms-overflow-style:none;scrollbar-width:none}.scroll-horizontal::-webkit-scrollbar{display:none}@media (max-width:767px){.scroll-horizontal{width:calc(100% + 30px);flex-wrap:nowrap;overflow:auto;cursor:-webkit-grab;cursor:grab}.scroll-horizontal:active{cursor:-webkit-grabbing;cursor:grabbing}}@media (max-width:575px){.scroll-horizontal{width:100vw;margin:0 -1.5rem;padding:0 1rem}}.grid-image .bi{margin-top:2px}.grid-item img,.grid-item:hover img{transition:all .25s ease}.grid-image img{width:100%;height:198px;object-fit:cover}@media (min-width:768px){.grid-item:hover img{transform:scale(1.1)}[class^=col-md-6].grid-item:hover img{transform:scale(1.05)}}@media (min-width:992px){.grid-image img{height:200px}}@media (max-width:575px){[data-type=list] .grid-image img{width:125px;height:125px}}.result-button>[aria-expanded=true]{color:var(--white);background-color:var(--theme-1)}.result-button>[aria-expanded=true] small{opacity:1}@media (max-width:767px){[data-title=result] .collapse{display:block}[data-title=result] .collapse:nth-child(odd){margin:2.5rem 0}[data-title=result] .collapse:nth-child(even){padding:2.5rem 0;background-color:var(--light)}[data-title=result] .collapse:first-child{margin-top:0}[data-title=result] .collapse:last-child{margin-bottom:0}}.pills-responsive a{border-color:rgba(0,0,0,.1)}.pills-responsive a.active{color:var(--white);background-color:var(--theme-1);border-color:var(--theme-1)}[data-title=link][data-type=detail] .desc{margin-left:42px}[data-title=agenda] .event{min-width:70px}@media (min-width:768px){[data-type=detail] .author{max-width:200px}}@media (max-width:767px){.author{font-size:inherit!important}}.reading-source{font-size:1rem}@media (min-width:768px){.reading-source{font-size:1.1rem}}@media (min-width:992px){.reading-source{font-size:1.15rem}}@media (min-width:1200px){.reading-source{font-size:1.2rem}}.rotate-45,.rotate-45:before{transform:rotate(45deg)}.rotate-90,.rotate-90:before{transform:rotate(90deg)}.ticker ul li{border-width:1px 0 0!important}.ticker ul li:first-child{border-top-color:transparent!important}.ticker ul li a{color:inherit;text-decoration:none}.ticker:before{content:'';width:100%;height:.75rem;background-color:inherit;position:absolute;top:0;z-index:1}:root{--light-1:#bbb;--light-2:#555;--light-3:#333;--dark-1:#212529;--dark-2:#1a1f23;--dark-3:#171b1f}#switchMode>*{display:none}#switchMode>.selected{display:block}.transition-off,.transition-on{transition:all .25s ease}.transition-on{color:var(--white);background:var(--dark)}.transition-off{color:var(--dark);background-color:var(--white)}.dark{color:var(--light-1);background-color:var(--dark-1)}.dark .bg-light{background-color:var(--dark-2)!important}.dark .bg-dark{background-color:var(--dark-2)!important}.dark .bg-darken{background-color:var(--dark-3)!important}.dark .bg-adaptive-1{background-color:var(--dark-1)!important}.dark .bg-adaptive-2{background-color:var(--dark-2)!important}.dark .bg-adaptive-3{background-color:var(--dark-3)!important}.dark .text-adaptive{color:var(--dark)}.dark .btn-clear{color:inherit}.dark .badge.text-white{color:var(--dark)!important}.dark .list-group-item,.dark hr{border-color:rgba(255,255,255,.1)}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:var(--white)}.dark .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.3)}.dark .form-control::-moz-placeholder{color:rgba(255,255,255,.3)}.dark .form-control:-ms-input-placeholder{color:rgba(255,255,255,.3)}.dark .form-control:-moz-placeholder{color:rgba(255,255,255,.3)}.dark .form-control{color:var(--light-1);background-color:var(--dark-2);border-color:var(--dark-2)}.dark form label[for*=captcha]{color:rgba(187,187,187,.5)}.dark .breadcrumb-item.active{color:var(--white)}.dark .page-item.active .page-link{color:var(--dark)}.dark #navbarIcon .dropdown-menu,.dark #navbarSearch+.dropdown-menu input{color:var(--light-1);background-color:var(--dark-3)}.dark [data-target="#navbarMenu"]{color:rgba(255,255,255,.5)}.dark [data-target="#navbarMenu"]:hover,.dark [data-target="#navbarMenu"][aria-expanded=true]{color:var(--white)}@media (max-width:767px){.dark #navbarMenu{background:var(--dark-2)}}.dark .dropdown-menu{color:var(--white);background-color:var(--dark)}.dark .dropdown-menu .dropdown-item{color:rgba(255,255,255,.5)}.dark .dropdown-item.active,.dark .dropdown-item:active,.dark .dropdown-menu .dropdown-item:focus,.dark .dropdown-menu .dropdown-item:hover{color:var(--white)}.dark .dropdown-toggle:after{background-image:url('data:image/svg+xml;utf8,')}.dark .dropup .dropdown-toggle:after{background-image:url('data:image/svg+xml;utf8,')}.dark .dropleft .dropdown-toggle:after{background-image:url('data:image/svg+xml;utf8,')}.dark .dropright .dropdown-toggle:after{background-image:url('data:image/svg+xml;utf8,')}.dark [data-title=link]>*>ul>li{border-color:rgba(255,255,255,.05)}.dark .result-button>[aria-expanded=true]{color:var(--dark);background-color:var(--theme-1)!important}@media (max-width:767px){.dark [data-title=result] .collapse:nth-child(even){background-color:var(--dark-2)}}.dark .pills-responsive a{color:inherit;border-color:rgba(255,255,255,.1)}.dark .pills-responsive a.active{color:var(--dark)}@media print{@page{size:auto;margin:20mm 20mm 20mm 20mm}body{margin:0;-webkit-print-color-adjust:exact}.breadcrumb,.no-print,.tooltip,footer,header{display:none}}.dark .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark .form-control::-moz-placeholder{color:rgba(255,255,255,.8)}.dark .form-control:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark .form-control:-moz-placeholder{color:rgba(255,255,255,.8)}.dark .form-control{color:var(--white)}.dark form label[for*=captcha]{color:rgba(187,187,187,.8)}.dark [data-title=news][data-type=detail] .opacity-5,.dark [data-title=news][data-type=detail] .opacity-6,.dark [data-title=poll][data-type=detail] .opacity-6,.dark form label:not([for*=captcha]):not(.form-check-label),.grid-item .opacity-5,.scroll-horizontal .opacity-5{opacity:.8}.dark .breadcrumb a:not(:hover){opacity:1}