@import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";header{background:#fff;min-width:1100px}.header .top-bar{height:62px;padding:10px 0 0;width:100%}.header .top-bar--left{float:left}.header .top-bar--right .left,.header .top-bar--right .right{padding:0}.header .top-bar--logo{max-width:152px;height:auto}.header .top-bar--write{margin:0 10px}.header .top-bar--write a{color:#fff;height:28px}.header .top-bar--write .buat-grup,.header .top-bar--write .buttonPremium,.header .top-bar--write .yuk-daftar,.header .top-bar--write .yuk-nulis{font-family:Roboto,sans-serif;font-size:10px;text-align:center;letter-spacing:1px;overflow:hidden;font-weight:400;text-transform:uppercase;padding:7px 20px;border-radius:3px;background:#ff6969;cursor:pointer;display:inline-block;position:relative;transition:all .3s}.header .top-bar--write .buat-grup:after,.header .top-bar--write .buttonPremium:after,.header .top-bar--write .yuk-daftar:after,.header .top-bar--write .yuk-nulis:after{content:"";position:absolute;z-index:1;transition:all .3s;width:100%;height:0;top:50%;left:50%;background:#fff;opacity:0;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.header .top-bar--write .buat-grup:hover:after,.header .top-bar--write .buttonPremium:hover:after,.header .top-bar--write .yuk-daftar:hover:after,.header .top-bar--write .yuk-nulis:hover:after{opacity:1;height:260%}.header .top-bar--write .buat-grup span,.header .top-bar--write .buttonPremium span,.header .top-bar--write .yuk-daftar span,.header .top-bar--write .yuk-nulis span{position:relative;z-index:2}.header .top-bar--write .buat-grup:hover,.header .top-bar--write .buttonPremium:hover,.header .top-bar--write .yuk-daftar:hover,.header .top-bar--write .yuk-nulis:hover{color:red}.header .top-bar--write .yuk-daftar{background:#458ccb;min-width:111px}.header .top-bar--write .yuk-daftar:hover{color:#458ccb}.header .top-bar--write .buat-grup{background:#49b8cc}.header .top-bar--write .buat-grup:hover{color:#49b8cc}.header .top-bar--write .buttonPremium{background:#dfb363;border:0}.header .top-bar--write .buttonPremium:hover{color:#dfb363}.header .top-bar .login-user{margin:0 10px}.header .top-bar .login-user ul{background:none repeat scroll 0 0 #f1f1f1;float:left;right:0;margin-left:10px;position:absolute;top:41px;z-index:101;width:145px;padding:10px 30px;text-align:left;list-style-type:none;opacity:0;visibility:hidden;transition:all .5s ease-in-out}.header .top-bar .login-user ul li{font:300 12px/18px Roboto,sans-serif;color:#838484;text-transform:capitalize;display:block;width:100%;margin:10px 0}.header .top-bar .login-user ul li a{color:#a6a8ab}.header .top-bar .login-user ul li a:hover{color:#125ba8}.header .top-bar .login-user ul:before{content:"";position:absolute;top:-9px;right:30px;margin-left:0;width:0;height:0;border-style:solid;border-width:0 10px 14px;border-color:transparent transparent #f1f1f1}.header .top-bar .login-user:hover ul{opacity:1;visibility:visible}.header .top-bar .login-user-notif:hover ul{opacity:0;visibility:hidden}.header .top-bar .login-user-notif .user-notif{opacity:1;visibility:visible}.header .top-bar .notifikasi{height:40px;margin:0 10px;position:relative;cursor:pointer}.header .top-bar .notifikasi-list{font:400 14px Merriweather,serif;width:430px;background:none repeat scroll 0 0 #f1f1f1;right:0;position:absolute;top:41px;z-index:101;padding:0;text-align:left;list-style-type:none;opacity:0;visibility:hidden;transition:all .5s ease-in-out}.header .top-bar .notifikasi-list li{border-bottom:1px solid #d8d8d8;padding:0 10px 15px}.header .top-bar .notifikasi-list--item{padding-top:12px;padding-left:55px}.header .top-bar .notifikasi-list--link{color:#838484}.header .top-bar .notifikasi-list--link:hover{color:#125ba8}.header .top-bar .notifikasi-list--title{font-weight:700}.header .top-bar .notifikasi-list .user-name{font:500 13px Roboto,sans-serif;color:#1d61ab}.header .top-bar .notifikasi-list--all{color:#838484}.header .top-bar .notifikasi-list--all:hover{color:#125ba8}.header .top-bar .notifikasi-list--all li{text-align:center;font:400 13px Roboto,sans-serif;background:#fff;padding:10px}.header .top-bar .notifikasi-list:before{content:"";position:absolute;top:-9px;right:0;margin-left:0;width:0;height:0;border-style:solid;border-width:0 10px 14px;border-color:transparent transparent #f1f1f1}.header .top-bar .notifikasi-list .thumb-admin{background:#dcf5f5}.header .top-bar .notifikasi-list .thumb-admin .notifikasi-list--title{display:block}.header .top-bar .notifikasi-list .thumb-admin .date-box{float:left}.header .top-bar .notifikasi-list .thumb-admin .sender-box{text-transform:uppercase;float:right;position:relative;color:#1d61ab;font-family:Montserrat,sans-serif;font-style:italic;font-size:11px;padding:0 10px}.header .top-bar .notifikasi:hover ul{opacity:1;visibility:visible}.header-sticky{position:fixed;z-index:99;width:100%;box-shadow:0 1px 4px rgba(0,0,0,.04);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.44);-moz-box-shadow:0 1px 4px rgba(0,0,0,.04);animation:bounceInDown 1.5s;padding-top:10px;top:-10px}.header-sticky .header .bottom-bar{padding:17px 10px 10px;width:83%;float:right}.header-sticky .header .bottom-bar .icon-home,.header-sticky .header .bottom-bar .icon-menu{display:none}.header-sticky .header .bottom-bar .affiliation ul,.header-sticky .header .bottom-bar .kategori ul{top:45px}.header-sticky .top-bar{width:17%;height:auto;float:left;border:none;padding:5px 0 0}.header-sticky .top-bar--left{width:100%}.header-sticky .top-bar--right{display:none}.header .bottom-bar{height:auto;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;text-transform:uppercase;position:relative;margin-left:auto;margin-right:auto}@media (min-width:1100px){.header .bottom-bar{width:970px}}.header .bottom-bar ul{list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0;padding:0}.header .bottom-bar ul li{float:left}.header .bottom-bar--menu{width:auto;text-align:center;margin:0 auto}.header .bottom-bar a{color:#7b7b7b}.header .bottom-bar a:hover{color:#125ba8}.header .bottom-bar a.active{color:#125ba8;font-weight:500}.header .bottom-bar .kategori ul{position:absolute;top:19px;width:300px;z-index:99;padding:10px 20px;text-align:left;opacity:0;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;transition:all .5s ease-in-out}.header .bottom-bar .kategori ul li{font-weight:300;font-size:12px;line-height:28px;color:#838484;text-transform:capitalize;display:inline-block;width:50%;float:left}.header .bottom-bar .kategori ul:hover+.active{color:#125ba8}.header .bottom-bar .kategori ul.kategori-energi{height:300px;width:100px;padding:10px;margin-left:300px;position:absolute}.header .bottom-bar .kategori ul.kategori-energi li{width:77px;padding:0 10px;background:#838484;color:#fff}.header .bottom-bar .kategori ul.kategori-energi li a{color:#fff}.header .bottom-bar .kategori:hover ul{opacity:1;visibility:visible}.header .bottom-bar .affiliation ul{background:none repeat scroll 0 0 #f1f1f1;float:left;right:0;margin-left:10px;position:absolute;top:19px;width:155px;z-index:99;padding:10px 20px;text-align:left;opacity:0;display:block;visibility:hidden;transition:all .5s ease-in-out}.header .bottom-bar .affiliation ul li{font-weight:300;font-size:12px;line-height:28px;color:#838484;text-transform:capitalize;display:inline-block;width:100%;float:left}.header .bottom-bar .affiliation ul:hover+.active{color:#125ba8}.header .bottom-bar .affiliation ul.kategori-energi{height:300px;width:100px;padding:10px;margin-left:300px;position:absolute}.header .bottom-bar .affiliation ul.kategori-energi li{width:77px;padding:0 10px;background:#838484;color:#fff}.header .bottom-bar .affiliation ul.kategori-energi li a{color:#fff}.header .bottom-bar .affiliation:hover ul{opacity:1;visibility:visible}.header .bottom-bar .notif{margin-left:2px}.header .bottom-bar .caret{display:inline-block;width:0;height:0;margin-left:8px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.header .sticky-fixed{padding:5px 0;width:1080px}@media (min-width:1100px){.header .sticky-fixed .bottom-bar--menu{padding:0}}.header .sticky-fixed--right{padding:13px 0}.header .sticky-fixed .affiliation ul,.header .sticky-fixed .kategori ul{top:27px}.header .hide-bar{display:none}.top-bar--child{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.user-notif{display:none;width:475px;z-index:10;position:fixed;right:calc((100% - 1085px) / 2);background:#fff;border:1.5px solid #eaeaea;top:60px;border-radius:4px;font-family:Roboto,sans-serif;z-index:112;transition:all .1s ease-in-out;animation:a 1s}.user-notif-noarrow:before{opacity:0}@keyframes a{0%{opacity:0}to{opacity:1}}.user-notif:before{position:absolute;content:"";width:10px;height:10px;border-top:2px solid #eaeaea;border-left:2px solid #eaeaea;background:#fff;right:17px;top:-6px;z-index:11;transform:rotate(45deg)}.user-notif-sub{width:367px;right:calc((100% - 910px) / 2);transition:none}.user-notif-sub,.user-notif-sub:before{background:#fbede9}.user-notif-sub .user-notif-text{width:auto;padding:35px 12px 12px}.user-notif-sub .user-notif-btn{border-radius:20px;background:#005cae;padding:6px 22px;color:#fff}.user-notif-sub .user-notif-btn:hover{background:#fff;border:#005cae;color:#005cae}.user-notif-sub b{color:#005cae}.user-notif-sub .close{left:5px;right:auto;top:5px;color:#151b28;border:1px solid #151b28}.user-notif-img,.user-notif-text{float:left;box-sizing:border-box}.user-notif-img{width:30%}.user-notif-img img{width:100%}.user-notif-text{padding:12px;width:70%;color:#616161;font-size:13px}.user-notif-text .text{display:block;line-height:1.5;font-weight:300}.user-notif-btn{background:#60a0cd;color:#fff;padding:6px 14px;border-radius:4px;float:right;margin:17px 10px 0;text-transform:uppercase;letter-spacing:1.5px}.buttonVerifikasi{border:none;background:none}.buttonVerifikasi .icon-verif,.popupContent .icon-verif{width:13px;height:13px;display:inline-block;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0a8 8 0 1 0 8 8 8 8 0 0 0-8-8Zm4.1 5.325L7.135 11.7c-.039.039-.1.125-.182.125a.265.265 0 0 1-.182-.1C6.725 11.675 3.95 9.01 3.95 9.01l-.053-.053a.187.187 0 0 1 0-.229.465.465 0 0 0 .039-.043c.275-.29.832-.875.868-.911s.086-.107.171-.107.146.075.189.118 1.607 1.547 1.607 1.547l3.979-5.107a.2.2 0 0 1 .125-.05.2.2 0 0 1 .125.046l1.093.861a.2.2 0 0 1 .046.125.186.186 0 0 1-.036.118Z'/%3E%3C/svg%3E");-webkit-filter:invert(73%) sepia(9%) saturate(2620%) hue-rotate(166deg) brightness(95%) contrast(100%);filter:invert(73%) sepia(9%) saturate(2620%) hue-rotate(166deg) brightness(95%) contrast(100%)}header{z-index:100}header .container{width:1100px!important;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;position:relative;padding-bottom:0}header .container:after,header .container:before{content:" ";display:table}header .top-bar{height:62px;padding:10px 0 0;border-bottom:1px solid #dedede}header .top-bar a{text-decoration:none}header .top-bar--left{float:left}header .top-bar--logo{max-width:152px;height:auto}header .top-bar--right{padding:4px 0 0}header .top-bar--child,header .top-bar--right{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}header .top-bar--child{height:40px}header .search-box{font-family:Roboto,sans-serif;padding:0 10px 9px;width:196px;height:40px;position:relative;cursor:pointer;z-index:8}header .search-box .search-box-in{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;color:#151b28;font-weight:300;height:28px;overflow:hidden;background:transparent;border:1px solid #e7e7e7}header .search-box .icon-search{display:inline-block;font-size:26px;padding:5px 5px 5px 0;background:none;border:none;text-align:left;position:absolute;z-index:9;left:20px;outline:none}header .search-box .icon{box-sizing:border-box;color:#bcbdbd}header .search-box input{background:none;border:none;outline:none;padding:4px 5px 4px 45px}header .col-lg-3{width:25%}header .col-xs-12{width:100%}header .icon-login,header .icon-notifikasi{font-size:23px;color:#a9aaaa}header .notif{font:300 9px Roboto,sans-serif;padding:0 2px;background:#e04c4c;color:#fff;margin:0 0 0 -5px;border-radius:3px;position:relative;display:inline-block;bottom:5px}header .login-user .user-img{padding:0 0 10px;top:-2px;position:relative;margin:0 auto;float:right;width:30px;text-align:right}header .login-user .user-img img{max-width:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%}header *{box-sizing:border-box}body.scrolled .header{display:none}body.scrolled .header--ramadan{top:0;display:-ms-flexbox;display:flex}body.scrolled header .top-bar{border-bottom:none}