@import url(./static.css);@import url(./layout.css);@import url(./input.css);@import url(./animate.css);@import url(./responsive.css);@supports ((position:-webkit-sticky) or (position:sticky)){.fixed-top,.sticky-sidebar{background-color:#fff;position:sticky;position:-webkit-sticky;top:0;z-index:999;border-bottom:1px solid #edeef1}.sticky-sidebar{border-bottom:none;z-index:99;top:130px;background-color:transparent!important}}header .input-group{margin-bottom:0}header .nav-header{position:relative;padding:15px 0}header .nav-header .nav-header-top{margin-bottom:20px}.nav-header-top .navbar-toggle{font-size:26px;margin-right:16px}.nav-header-top .show.navbar-menu{width:300px;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.nav-header-top .navbar-menu{position:fixed;display:flex;flex-direction:column;background:#fff;width:0;top:0;left:0;height:100vh;padding:20px;z-index:9999;overflow-y:auto;box-shadow:0 0 33px 0 rgb(0,0,0,.15);transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transform:translateX(-500px);-webkit-transform:translateX(-500px);-moz-transform:translateX(-500px);-ms-transform:translateX(-500px);-o-transform:translateX(-500px)}.navbar-menu .navbar-menu-header{display:flex;align-items:center;border-bottom:1px solid #edeef1;padding-bottom:20px;margin-bottom:20px}.navbar-menu-header span{font-weight:600}.navbar-menu-header .close{margin-left:auto;font-size:20px;width:40px;height:40px;background-color:var(--color-light);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.navbar-menu-header .close:focus{border:1px solid #edeef1}.navbar-menu-header .close i{line-height:36px}.navbar-menu ul{margin:0;padding:0;list-style:none}.navbar-menu ul li a{display:block;padding:8px}.navbar-menu .navbar-menu-list,.navbar-menu .navbar-menu-mobile{position:relative}.navbar-menu .navbar-menu-list span,.navbar-menu .navbar-menu-mobile span{margin-left:20px;font-size:12px;font-weight:500}.navbar-menu .navbar-menu-list span::before,.navbar-menu .navbar-menu-mobile span::before{position:absolute;left:0;content:'';width:6px;height:20px;background:var(--color-primary);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.navbar-menu .navbar-menu-list ul,.navbar-menu .navbar-menu-mobile ul{margin:15px 0}.navbar-menu .navbar-menu-mobile ul li i{margin-right:6px}.navbar-menu .navbar-menu-mobile ul li .fa-angle-right{float:right}.dropdown-mobile{position:relative}.dropdown-mobile.mobile-show>a{border-bottom:1px solid;border-image-slice:2;border-image-source:linear-gradient(90deg,rgba(237,238,241,.09) 0%,rgba(237,238,241,1) 50%,rgba(237,238,241,.1) 100%);padding-bottom:12px}.dropdown-mobile.mobile-show a .fas{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s}.mobile-show .dropdown-menu-mobile{display:block;opacity:1}.dropdown-menu-mobile{display:none;opacity:0;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s}.dropdown-menu-mobile ul{margin:8px 0!important}.dropdown-menu-mobile a{font-size:14px;background:var(--color-light);padding:10px 20px!important;border-radius:6px;margin-bottom:6px}.navbar-menu .navbar-menu-action{margin-top:auto;padding-top:20px;text-align:center}.nav-header-top .navbar-brand{position:relative}.nav-header-top .search-button{margin:0 auto}.navbar-brand img{max-width:120px;max-height:35px}.nav-header-top .navbar-action{position:relative;display:flex;align-items:center}.navbar-action .divider{width:2px;height:18px;margin:0 20px;background-color:#ededed;}.navbar-action a{font-size:14px}.navbar-action a:last-child{margin-right:0!important}header .menu-kategori{list-style-type:none}.menu-kategori li{display:inline-block;margin-right:20px;font-weight:600;line-height:24px}.menu-kategori li:last-child{margin-right:0;margin-left:auto}.dropdown,.dropdown-sub{position:relative}.dropdown-sub .sec-drop{display:flex!important;justify-content:space-between;align-items:center;transition:0.3s ease-out;-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-ms-transition:0.3s ease-out;-o-transition:0.3s ease-out}.dropdown:hover .dropdown-menu,.dropdown-sub:hover .dropdown-submenu{display:block!important;animation:fade-in 0.3s;-webkit-animation:fade-in 0.3s;animation-timing-function:ease-out}.dropdown-menu::before,.dropdown-submenu::before{position:absolute;top:-20px;left:0;width:100%;height:20px;content:'';display:block;z-index:1}.dropdown-submenu::before{top:0;left:-20px}.dropdown-menu::after{position:absolute;content:'';top:-7px;left:30px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;display:block;z-index:2;transition:all 200ms linear}.dropdown-menu,.dropdown-submenu{position:absolute;display:none;background:#fff;top:40px;left:0;z-index:999;min-width:190px;width:100%;padding:12px 0;box-shadow:0 0 30px 0 rgba(0,0,0,.05);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.dropdown-submenu{top:0;left:100%}.dropdown-menu ul{list-style:none}.dropdown-menu ul li{display:block;margin-right:0}.dropdown-menu ul li a{display:block;font-size:14px;font-weight:500;line-height:18px;padding:.5rem 1rem;margin:0 10px}.dropdown-menu ul li a:hover{background-color:var(--color-light);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.dropdown-menu ul li:last-child{margin-left:0}.menu-kategori-mobile{padding:6px 15px;border-top:1px solid #edeef1}.menu-kategori-mobile>ul{display:flex;overflow:auto;white-space:nowrap;list-style:none}.menu-kategori-mobile li{margin-right:20px}.menu-kategori-mobile li:last-child{margin-right:0}.show-menu-kategori .dropdown-menu-category{display:inline-block}.show-menu-kategori>a{color:var(--color-primary)!important}.show-menu-kategori>a i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.dropdown-menu-category{display:none;padding-right:20px;margin-left:10px;border-right:1px solid #edeef1}.dropdown-menu-category>ul li a{font-size:12px}.dropdown-menu-category>ul{list-style:none}.dropdown-menu-category>ul li{display:inline-block}.menu-kategori-mobile a{font-size:14px;color:#555;font-weight:600}footer{text-align:center;padding-top:50px;margin:auto}footer .footer-brand{max-width:120px;margin:0 auto}footer .footer-platform{display:flex;justify-content:center;margin-top:25px}footer .footer-platform a{margin:0 5px}footer .footer-link{margin:30px 0 20px}footer .footer-link a{font-size:14px;font-weight:500}footer .footer-copyright{color:#8c8c8c;padding:15px 0;border-top:1px solid #edeef1}.footer-copyright p{font-size:12px}.card-sm,.card-center,.card-overlay{position:relative;display:flex;flex-direction:column;padding:12px}.card-center{padding:16px}.card-sm .card-info{display:flex;align-items:center;margin-bottom:10px}.card-info h3,.card-body h3,.card-info h4,.card-body h4{font-size:16px;font-weight:600;margin-bottom:0;flex-grow:1}.card-info a{color:var(--color-dark)}.card-info .card-image{flex:0 0 80px;margin-left:15px;height:70px}.card-image img{width:100%;height:100%;overflow:hidden;object-fit:cover}.card-meta{display:flex;justify-content:space-between}.card-meta span,.article-info span{font-size:14px;color:#8c8c8c;flex:1}.article-info span{font-size:15px}.card-meta span a{color:inherit}.card-meta .author i{font-size:15px;color:var(--color-success);vertical-align:text-bottom}.card-center a{position:relative}.card-center img{width:100%;height:150px;object-fit:cover}.card-center h3{font-size:16px}.card-center h3 a{color:var(--color-dark)}.card-center .card-body{margin-top:15px}.card-center .btn-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.card-overlay{padding:0}.card-cover-overlay{position:absolute;width:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.9) 100%)}.card-cover-overlay .card-meta span,.card-cover-overlay .card-meta ul li{color:var(--color-light)}.card-overlay .card-body{height:420px;overflow:hidden}.card-overlay-sm .card-body{height:210px}.card-overlay-md .card-body{height:380px}.card-overlay .card-body:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out}.card-overlay .card-body .card-content{position:absolute;bottom:0;padding:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.card-body .card-content a,.card-body .card-content{color:var(--color-light)}.card-body .card-content h3{margin-bottom:10px}.card-magazine{position:relative}.card-magazine img{width:100%;height:250px}.user-card{position:relative;max-width:600px;margin:0 auto;background-clip:border-box;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.user-card .user-banner{position:relative;height:200px;background-color:var(--color-primary)}.user-banner::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-image:url(../image/bg-overlay.png);background-position:center right;background-repeat:no-repeat;background-size:cover}.user-card .user-info{background-color:#fff;width:100%;display:flex;padding:15px 10px;align-items:center;margin-bottom:10px}.user-card .user-info img{margin-right:15px;width:80px;height:80px;border:5px solid #edeef1;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.user-info .user-meta h2{margin-bottom:0}.user-info .user-meta p{font-size:14px;color:var(--color-text)}.user-article{padding:0 10px}.block-title{position:relative;display:flex;justify-content:space-between;align-items:center;padding-left:15px;margin-bottom:15px}.block-title h2,.block-title h3,.block-title h4{margin-bottom:0}.block-title h2::before,.block-title h3::before,.block-header h3::before,.block-title h4::before{position:absolute;content:'';top:50%;left:0;width:6px;height:24px;background:var(--color-success);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.block-title h4::before{height:20px}.block-title a{font-size:16px;font-weight:600}.block-area{position:relative;background-color:#fff;box-shadow:0 0 5px 0 rgb(0,0,0,.1)}.block-area .block-header{position:relative;padding-left:12px;padding:11px;border-bottom:1px solid #edeef1}.block-header h3{font-size:16px;margin-bottom:0}.block-header h3::before{height:12px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.block-area .block-article{height:378px;overflow-y:auto}.block-slider{position:relative}.slick-prev,.slick-next{position:absolute;background-color:rgb(0,0,0,.15);top:50%;width:45px;height:45px;z-index:99;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}#adsense-banner .slick-prev{left:2rem!important}#adsense-banner .slick-next{right:2rem!important}.slick-prev{left:1rem!important}.slick-next{right:1rem!important}.block-slider h3{font-size:24px}.slick-arrow i{font-size:26px;color:var(--color-light)}.slick-dots{position:absolute;top:3px;right:3px}#adsense-banner .slick-dots{top:10px;right:15px}.slick-dots{display:flex;list-style:none;margin:0;padding:0}.slick-dots button{font-size:0;background-color:var(--color-light);padding:3px;margin-right:6px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.slick-dots .slick-active button{padding:3px 8px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.breadcrumbs{list-style:none;margin:0;margin-bottom:20px;padding:0}.breadcrumbs .breadcrumb-items{display:inline-block;font-weight:600;font-size:14px}.breadcrumb-items i{vertical-align:unset}.breadcrumb-icon::after{font-family:boxicons;content:"\ea50";font-weight:500;vertical-align:middle;font-size:16px}.breadcrumbs .breadcrumb-items-current{font-weight:400;color:var(--color-text)}blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:20px 0;padding:20px;quotes:"\201C""\201D""\2018""\2019";border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}blockquote p::before,blockquote p::after{color:#ccc;content:open-quote;font-size:20px;line-height:1.4rem;margin-right:10px;z-index:-1}blockquote p::after{content:close-quote;margin-left:10px}blockquote p{display:inline;color:var(--color-text);font-style:italic}blockquote cite{display:block;margin-top:10px;font-size:14px;color:var(--color-text)}.article-detail{position:relative}.article-detail .article-meta{display:flex}.article-meta .article-action{margin-left:auto}.like,.komentar{cursor:pointer}.article-detail .article-thumbnail{position:relative;margin-bottom:20px}.article-detail .article-thumbnail figure img,.article-detail .article-content img{height:350px}.article-detail .article-thumbnail figure figcaption{margin-top:10px;font-size:12px;font-style:italic;color:var(--color-text)}.article-detail .article-content{position:relative;margin-bottom:40px}.article-detail .article-content ul,.article-detail .article-content ol{margin-left:20px;font-weight:500}.article-content{position:relative;word-break:break-word;font-size:16px;font-weight:500;line-height:1.6rem}.article-content p{position:relative;margin-top:10px;margin-bottom:10px}.article-content a{color:var(--color-secondary)!important}.article-content a::after{font-family:boxicons;content:"\eb3e";font-size:14px;padding-left:6px}.article-content img{width:100%;object-fit:cover;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.lightbox{position:relative;cursor:pointer}.zoom{position:absolute;cursor:pointer;right:10px;bottom:10px;font-size:10px;font-weight:300;letter-spacing:.3px;background-color:rgba(0,0,0,.7);color:var(--color-light);padding:0 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.zoom:hover{background-color:rgba(0,0,0,.6)}.article-content iframe{height:370px;width:100%;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.article-detail .article-tag{display:flex;align-items:center}.article-tag .list-inline .list-inline-item{margin-right:5px}.next-article,.prev-article{display:block;margin-bottom:10px}.next-article{text-align:right}.prev-article a,.next-article a{font-weight:600}.prev-article a span,.next-article a span{display:block;margin-bottom:20px;font-size:14px;font-weight:600;text-transform:uppercase;color:#555}.article-share.active{opacity:1;bottom:20px;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s}.article-share{position:fixed;right:0;bottom:-20px;opacity:0;left:0;margin:0 auto;width:320px !important;z-index:998;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s}.article-share .share-floating{display:flex;justify-content:space-between;background-color:#fff;padding:15px;box-shadow:0 3px 16px 0 rgba(0,0,0,.08);border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}.article-share-lg{position:absolute;top:8px;left:-110px;height:100%}.social-share-content{position:sticky;top:130px;text-align:center}.social-share-content .social-share-header{color:#8c8c8c}.social-share-content .social-share-list{display:flex;flex-direction:column;align-items:center;margin-top:15px}.btn-social-share,.btn-filter{padding:4px 6px;font-size:20px;margin-bottom:8px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.btn-social-share.comment{position:relative;font-size:28px;color:#a6a6a6}.btn-social-share span{position:absolute;top:0;right:0;font-size:12px}.btn-social-share i{margin-top:-3px}.article-share .share-floating ul li{font-size:16px}.article-share .share-floating ul:last-child li{margin-right:6px}.article-share .share-floating a{color:#fff;padding:3px 5px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}.article-empty{display:flex;flex-direction:column;padding:30px;text-align:center}.article-empty i{font-size:45px}.comments-area{position:relative;margin-top:30px}.comments-area .block-title{margin-bottom:30px}.comments-area .comment-lists{margin:0;padding:0;list-style:none}.comment-lists .comment-list-item{display:block;margin-bottom:20px}.comment-body .comment-info{display:flex;align-items:center;margin-bottom:15px}.comment-info .comment-media{margin-right:20px;width:50px;height:50px;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.comment-info .comment-meta{display:flex;flex-direction:column}.comment-info .comment-notif{position:relative;margin-left:auto;margin-right:10px;border:none;padding:8px 12px;cursor:help;font-size:12px;font-weight:600;color:var(--color-light);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.comment-info .comment-notif .notif-text{position:absolute;top:120%;left:0;padding:10px;font-size:11px;font-weight:400;visibility:hidden;color:#fff;background-color:var(--color-dark);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.comment-info .comment-notif:hover .notif-text{visibility:visible;animation:fade-in 0.5s;-webkit-animation:fade-in 0.5s;animation-timing-function:ease-in-out}.comment-info .comment-meta .comment-user{font-weight:600;margin-bottom:5px}.comment-info .comment-meta .comment-date{font-size:12px;color:#8c8c8c}.comment-body .comment-content p{margin-bottom:20px;padding-bottom:20px;font-weight:500;line-height:24px;border-bottom:1px solid #edeef1}.comments-area .comment-send{position:relative}.comment-send span{font-weight:600}.comment-send .comment-blocking{width:100%;height:165px;padding:30px;background:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,0));backdrop-filter:saturate(1) blur(10px)}.comment-blocking .comment-alert{display:flex;flex-direction:column;justify-content:center;margin:auto;text-align:center;max-width:350px;height:100%}.comment-blocking .comment-alert i{font-size:30px}.category-list,.tags-list{display:flex;flex-direction:column}.search-result{display:flex;flex-direction:column;max-width:600px;margin:0 auto}.search-result h1{text-align:center}.pagination{display:flex;flex-wrap:wrap;padding-left:0;list-style:none;margin:30px 0}.pagination .page-item{font-size:14px;font-weight:600;text-align:center}.page-item .page-link{display:block;width:45px;height:38px;padding:10px;background-color:#fff;margin-right:8px;border-radius:6px;margin-bottom:10px}.page-item.active .page-link{color:#fff;background-color:var(--color-primary)}.page-item:last-child .page-link,.page-item.disabled .page-link{background-color:var(--color-light)}.contact-wrap{display:flex;margin-right:10px;margin-bottom:10px;justify-content:space-between;padding:10px;border:1px solid #edeef1;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.contact-wrap i{font-size:3rem}.contact-wrap i.twitter{color:#4AA0EC;font-size:3rem}.contact-wrap .contact-content a,.contact-wrap .contact-content p{font-size:12px}