@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);*{font-family:"Lato",sans-serif}h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-family:"Libre Baskerville",serif;font-weight:700}.master{width:100%;float:left;position:relative;overflow:hidden}.master.parallax-non{z-index:20000009}.container.max-w-1024{max-width:1024px}.ratio{width:100%;height:0;position:relative}.ratio img,.ratio iframe{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.ratio-1{padding-top:100%}.ratio-75{padding-top:75%}.ratio-16{padding-top:56.25%}.ratio-100{padding-top:130%}a.bt{display:inline-block;padding:10px 30px;font-size:13px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}a.bt.bt-primary{background:#439fd3;color:#fff}a.bt.bt-primary:hover{background:#982323}a.bt.bt-small{padding:7px 15px;line-height:100%;border-radius:4px;font-size:12px}a.bt.bt-grey{background:#dedede;color:#000}a.bt.bt-grey:hover{background:#53b5ed;color:#fff}.header,.footer,.copyright,section{width:100%;float:left;position:relative}.header{z-index:9999}section.mid-ct,section.photo,section.video,.detail{background:#fff}.header.sticky ul.main-nav{position:fixed;top:0;left:50%;z-index:9999;background:#212121;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);width:1344px}ul.main-nav::before{content:"";width:100vw;position:absolute;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);background:#212121;height:50px}.banner{width:100%;float:left;text-align:center}.banner.top-banner{background:#212121}.banner.top-banner iframe,.banner.top-banner img{margin:10px 0}.banner a,.banner div,.banner iframe{display:block}.top-nav{width:100%;float:left;background:#f1f1f1;position:relative}.top-nav::before{content:"";width:100vw;height:50px;background:#fff;z-index:0;position:absolute;top:0;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.top-nav-list{width:100%;float:left;padding:10px 0;position:relative;z-index:2}.top-nav-list li{float:left;height:30x;border-right:1px solid #dedede;font-size:14px;color:#666}.top-nav-list li:last-child{border-right:none}.top-nav-list .desktop-src{float:right}.top-nav-list li a{display:block;padding:5px 15px;color:#666}.top-nav-list li a:hover{color:#982323}.top-nav-list li .weather{padding:5px 15px 5px 0}.wt-icon{width:24px;height:24px;display:inline-block;margin:0 5px -8px 5px}.wt-icon.cerah{background:url(../images/weather/cerah.png) no-repeat center;background-size:contain}.wt-icon.cerah-berawan{background:url(../images/weather/cerah-berawan.png) no-repeat center;background-size:contain}.wt-icon.berawan{background:url(../images/weather/berawan.png) no-repeat center;background-size:contain}.wt-icon.berawan-tebal{background:url(../images/weather/berawan-tebal.png) no-repeat center;background-size:contain}.wt-icon.udara-kabur{background:url(../images/weather/udara-kabur.png) no-repeat center;background-size:contain}.wt-icon.asap{background:url(../images/weather/asap.png) no-repeat center;background-size:contain}.wt-icon.kabut{background:url(../images/weather/kabut.png) no-repeat center;background-size:contain}.wt-icon.hujan-ringan{background:url(../images/weather/hujan-ringan.png) no-repeat center;background-size:contain}.wt-icon.hujan-sedang{background:url(../images/weather/hujan-sedang.png) no-repeat center;background-size:contain}.wt-icon.hujan-lebat{background:url(../images/weather/hujan-lebat.png) no-repeat center;background-size:contain}.wt-icon.hujan-lokal{background:url(../images/weather/hujan-lokal.png) no-repeat center;background-size:contain}.wt-icon.hujan-petir{background:url(../images/weather/hujan-petir.png) no-repeat center;background-size:contain}.wt-icon.hujan-petir-2{background:url(../images/weather/hujan-petir-2.png) no-repeat center;background-size:contain}.wt-icon.hujan{background:url(../images/weather/rain.png) no-repeat center;background-size:contain}.top-nav-list li .src{padding-left:15px;position:relative;width:300px;float:left}.top-nav-list li .src input{width:100%;height:30px;padding-left:40px;border:none}.top-nav-list li .src button{position:absolute;top:0;left:15px;height:30px;font-size:18px;border:none;background:none;color:#666}.logo{text-align:center;display:inline-block;width:100%}.card-1{width:100%;float:left}.card-1 .pic{width:120px;float:left}.card-1 .text{width:100%;float:left}.card-1 .text h5{font-size:14px}.card-1 .text h5 a{color:#982323}.card-1 .text p{font-size:14px;overflow:hidden;max-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-1 .text h3,.card-1 .text h2,.card-1 .text .card-1-title{font-size:15px;font-family:"Libre Baskerville",serif;margin-bottom:5px;margin-top:5px;overflow:hidden;height:21px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-1 .text h3 a,.card-1 .text h2 a,.card-1 .text .card-1-title a{font-weight:700;color:#333}.card-1 .text span{display:block;font-size:12px;color:#666}.top-nav::after{content:"";width:100vw;height:50px;background:#212121;z-index:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);display:none}.main-nav{width:100%;float:left;height:50px;position:relative;z-index:9}.main-nav li{float:left;font-size:16px}.main-nav li a,.main-nav li .menu-item{display:block;padding:13px 24px 13px;color:#fff;position:relative;border-bottom:2px solid #fff0;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.main-nav li .menu-item i{margin-left:5px}.main-nav .drop-ct{display:none}.main-nav li.active a,.main-nav li a:hover,.main-nav li.active .drop-ct li a:hover{background:#fff;color:#982323;border-bottom:2px solid #982323}.main-nav li.active .drop-ct li a{background:none;color:#fff;border-bottom:2px solid #fff0;font-weight:400}.main-nav li a i{margin-left:5px}.main-nav li.dropdown{position:relative}.main-nav li.dropdown .drop-ct{width:200px;position:absolute;top:48px;left:0;border:1px solid #982323;border-top:2px solid #982323;background:#333;z-index:2;padding:10px 0}.main-nav li.dropdown:hover .drop-ct{display:block}.main-nav li.dropdown .drop-ct li{width:100%}.top-nav .column.is-2 img{margin-bottom:-6px}.footer{background:#333;padding:30px 0 40px}.footer p{color:#fff;font-size:14px;margin-bottom:20px}.aff-logo{width:100%;float:left;margin-bottom:20px}.aff-logo span{width:100%;float:left;color:#fff;font-size:11px}.aff-logo img{width:120px}.footer h3{font-size:16px;color:#fff;margin-bottom:20px;width:100%;float:left}.foot-logo{display:inline-block;width:100%}.foot-logo img{width:180px}.ch-list{width:120px;float:left;min-height:100px;padding-right:20px;margin-bottom:20px}.ch-list li{font-size:14px}.ch-list li h4{color:#fff;font-weight:700;margin-bottom:5px}.ch-list li a{color:rgb(255 255 255 / .8);line-height:150%;font-size:13px}.sitemap{width:100%;max-width:386px;float:left;column-count:2}.sitemap li a{font-size:13px;color:rgb(255 255 255 / .8)}.copyright .social{width:100%;float:left}.copyright .social li{display:inline-block;margin-left:10px;color:#fff}.copyright .social li a{display:block;width:30px;height:30px;color:#fff;font-size:16px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.footer .ct-info{width:100%;float:left;column-count:2}.footer .ct-info li{font-size:14px;color:rgb(255 255 255 / .8);margin-bottom:5px;word-break:break-all}.footer .ct-info li i{margin-right:10px}.footer a:hover{text-decoration:underline}.copyright{padding:15px 0;background:#000;height:56px}.copyright p{color:#fff;font-size:14px}.headline{height:540px;padding:40px 0;background:#212121}.headline .container{position:relative;z-index:2}section.headline::before{content:"";width:92%;height:100%;top:0;left:4%;background:linear-gradient(90deg,rgb(0 0 0) 0%,#fff0 0%,rgb(0 0 0) 15%,rgb(0 0 0) 85%,#fff0 100%);z-index:1;position:absolute}.headline-grid{width:100%;float:left;position:relative;padding-left:66.66%}.headline-grid .item{width:100%;float:left;position:relative;height:220px;margin-bottom:20px}.headline-grid .item figure{width:100%;height:100%;margin:0;position:relative}.headline-grid .item figure img{width:100%;height:100%;object-fit:cover}.headline-grid .item figure::before{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;background:linear-gradient(0deg,rgb(33 33 33 / .95) 30%,#fff0 100%)}.headline-grid .item .text{position:absolute;bottom:20px;left:20px;z-index:2}.headline-grid .item:first-child{width:calc(66.66% - 20px);position:absolute;top:0;left:0;height:460px;margin-bottom:0}.headline-grid .item:first-child .text{bottom:30px;left:30px}.headline-grid .item:first-child .date::after{content:"";width:calc(100% - 70px);height:1px;right:0;top:60%;position:absolute;background:rgb(255 255 255 / .3);z-index:3}.headline-grid .item .text h2,.headline-grid .item .text h1{font-weight:700!important;font-size:17px;line-height:120%;margin-bottom:10px;overflow:hidden;max-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff}.headline-grid .item .text h2 a,.headline-grid .item .text h1 a{color:#fff}.headline-grid .item .text .date{font-size:14px;color:rgb(255 255 255 / .8);width:calc(100% - 30px);float:left;position:relative}.headline-grid .item .text p{font-size:14px;color:rgb(255 255 255 / .8);margin-bottom:0}.headline-grid .item:first-child .text .date{margin-bottom:20px}.headline-grid .item:first-child .text p{width:75%}.headline-grid .item:first-child .text h2,.headline-grid .item:first-child .text h1{font-size:24px;width:75%;overflow:hidden;max-height:90px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.box-e-paper{width:100%;float:left;margin-bottom:20px;position:relative;background:#982323;padding:20px;height:340px}.box-e-paper .text{width:100%;float:left;text-align:center}.box-e-paper .text .badge{display:inline-block;font-size:12px;background:#000;color:#fff;padding:3px 10px;margin-bottom:8px}.box-e-paper .text h3{font-size:18px;font-weight:700;width:100%;float:left;margin-bottom:8px}.box-e-paper .text h3 a{color:#fff}.box-e-paper .text span{color:rgb(255 255 255 / .6);font-size:12px;width:100%;float:left;margin-bottom:20px}.box-e-paper .pic{width:100%;float:left;position:relative;height:186px}.box-e-paper .pic figure{width:195px;height:186px;margin:auto;position:relative}.box-e-paper .pic::before{content:"";width:100%;height:133px;background:url(../images/newspaper-bg.jpg) no-repeat center bottom;background-size:cover;position:absolute;left:0;bottom:0;z-index:0;opacity:.5}.box-e-paper .bt{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.card-2{width:100%;float:left}.card-2 .pic{width:184px;float:left;position:relative;background:#000}.card-2 .pic img{opacity:.6}.card-2 .pic.video::before{content:"";width:50px;height:50px;background:url(../images/play-bt.png) no-repeat center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:3}.card-2 .text{width:calc(100% - 184px);padding-left:20px;float:left}.card-2 .text .title{font-size:14px;width:100%;float:left;color:#fff;font-weight:400;margin-bottom:10px}.card-2 .text .title a{color:#fff}.card-2 .text h3{font-size:14px;font-weight:700;width:100%;float:left}.card-2 .text h3 a{color:rgb(255 255 255 / .8);transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.card-2 .text h3 a:hover{color:#fff}.newsticker{height:80px;background:#982323;padding:16px 0}.newsticker .title{height:48px;width:183px;float:left;font-size:14px;padding:15px 20px;color:#fff;font-weight:400;background:url(../images/newsticker-title-bg.png) no-repeat center right;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}.newsticker .newsticker-slider{width:calc(100% - 183px);float:left;padding-left:30px;padding-right:90px}.newsticker .newsticker-slider .item{padding:10px 0;color:#fff;font-size:14px;font-weight:400}.newsticker .newsticker-slider .owl-buttons{position:absolute;right:0;top:50%;width:70px;height:30px;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.newsticker .newsticker-slider .owl-prev,.newsticker .newsticker-slider .owl-next{width:30px;height:30px;float:left;margin-right:10px;overflow:hidden;text-indent:-200px}.newsticker .newsticker-slider .owl-prev{background:url(../images/left-nav.png);background-size:contain}.newsticker .newsticker-slider .owl-next{background:url(../images/right-nav.png);background-size:contain;margin-right:0}.ti{width:100%;float:left;margin-bottom:20px;font-size:20px;color:#000;font-family:"Libre Baskerville",serif;position:relative;padding-bottom:5px;font-weight:700;border-bottom:1px solid #dedede}.ti::before{content:"";width:50px;height:1px;background:#982323;position:absolute;left:0;bottom:-1px}.list-1,.list-2,.list-3,.list-4{width:100%;float:left}.list-1 li{width:100%;float:left;margin-bottom:20px;border-bottom:1px solid #dedede}.list-1 li:last-child{border-bottom:none}.list-1 li figure{border:1px solid #dedede;margin-bottom:15px;width:100%;float:left}.list-1 li .text{width:100%;float:left}.list-1 li .text h3{font-size:14px;font-weight:700}.list-1 li .text h3 a{color:#333;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-1 li .text h3 a:hover{color:#982323}.list-1 li .text span{font-size:12px;color:#888}.list-1 .text a.author{display:block;margin-top:10px;font-size:12px;color:#777;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-1 .text i{margin-right:5px;color:#777;font-size:10px}.list-1 .text a.author:hover{color:#982323}.list-2 li{width:100%;float:left;padding:15px 0;border-bottom:1px solid #dedede}.list-2 li:first-child{padding-top:0}.list-2 li:last-child{border-bottom:none}.list-2 li .pic{width:50px;margin:auto;overflow:hidden;border:1px solid #dedede;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin-bottom:10px}.list-2 li .text{width:100%;float:left}.list-2 li .text h3{font-size:14px;font-weight:700}.list-2 li .text h3 a{color:#333}.list-2 li .text a.author,.list-2 li .text span{font-size:12px;color:#666;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-2 li .text i{margin-right:5px;color:#777;font-size:10px}.list-2 li .text a.author:hover,.list-2 li .text h3 a:hover{color:#982323}.list-2 li .date{display:block;font-size:12px;color:#777}.mid-ct{padding-top:12px}.mid-ct .column{padding-top:30px}.mid-ct .column.is-4,.detail .column.is-4{background:#f4f4f4;padding-left:20px;padding-right:20px;width:calc(33.33333% - 12px)}.list-3{padding-right:10px;margin-bottom:30px}.list-3 li{width:100%;float:left;padding:10px 0;position:relative;padding:10px 20px}.list-3 li .pic{width:153px;float:right}.list-3 li .pic figure{padding-top:138px}.list-3 li .pic figure img{width:100%;height:100%;object-fit:cover}.list-3 li .text{width:calc(100% - 213px);position:absolute;left:20px;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.list-3 li .text h3{font-size:18px;font-weight:700;overflow:hidden;max-height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;float:left}.list-3 li .text h3 a{color:#333;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-3 li .text h3 a:hover{color:#982323}.list-3 li .text p{color:#555;font-size:14px;margin-top:5px;overflow:hidden;max-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-3 li .text span{font-size:12px;color:#888}.list-3 li:first-child .pic{width:100%;margin-bottom:15px}.list-3 li:first-child{padding:0}.list-3 li:first-child .text{padding:0 20px 20px}.list-3 li:first-child .pic figure{padding-top:56.25% !important}.list-3 li:first-child .text{width:100%;position:relative;top:auto;left:auto;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}.list-3 li.genie-ads{height:360px;background:#fff;display:none!important}.list-3 li:first-child{padding-top:0;width:100%}.list-3 li:first-child .text h3{font-size:20px}.list-3 li:nth-child(6n){background:#fff}.list-4 li{width:100%;float:left;margin-bottom:20px}.list-4 .pic{width:90px;float:left}.list-4 .text{width:calc(100% - 90px);float:left;padding-left:20px}.list-4 .text h3{font-size:15px;font-weight:700;color:#333;margin-bottom:5px;overflow:hidden;max-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-4 .text h3 a{color:#333;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-4 .text h3 a:hover,.list-4.no-pic .text h3 a:hover{color:#982323}.list-4 .text span{width:100%;float:left;font-size:11px;color:#888}.list-4 .text span i{font-size:11px;margin-right:5px}.list-4.rtl li .pic{float:right}.list-4.rtl li .text{padding-left:0;padding-right:20px}.list-4.no-pic .text{padding-left:0;width:100%}.list-4.no-pic .text h3 a{color:#fff}.list-4.no-pic li{border-bottom:1px solid rgb(255 255 255 / .2);padding-bottom:15px}.list-4.no-pic li:last-child{padding-bottom:0;border-bottom:none}.list-4.no-pic .text span{color:rgb(255 255 255 / .7)}.list-4.no-pic .text p{font-size:12px;color:#ccc;width:100%;float:left}.list-4.no-pic span.tag{display:inline-block;width:auto;background:#5b945d;margin:5px 0 10px;padding-top:3px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px}.pemberitahuan{background:#222;padding:20px 20px 0 20px;margin-left:-20px;width:calc(100% + 40px);margin-bottom:40px}.pemberitahuan .ti{color:#fff}.mb-40{margin-bottom:40px}.ptb-40{padding:40px 0}section.video .container{background:#212121;padding:30px 20px}.ti-2{width:100%;float:left;text-align:center;font-size:18px;padding-bottom:20px;border-bottom:1px solid rgb(255 255 255 / .15);font-family:"Libre Baskerville",serif;color:#fff;font-weight:700;position:relative}.ti-2::before{width:100px;height:1px;content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);background:#982323}.card-3{width:100%;float:left;position:relative;background:#000;overflow:hidden}.card-3 .text{width:100%;padding:20px 20px 20px 20px;z-index:5;background:url(../images/shadow.png) repeat-x top;background-size:100% 100%}.card-3 .text h3{font-size:15px;font-weight:700;overflow:hidden;max-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-3 .text h3 a{color:rgb(255 255 255 / .8);transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.card-3:hover .text h3 a{color:#982323}.card-3 .text span{font-size:12px;color:rgb(255 255 255 / .6)}.card-3.video::before{content:"";width:24px;height:24px;position:absolute;top:20px;left:20px;background:url(../images/play-bt-2.png);background-size:contain;z-index:2;box-shadow:0 3px 6px rgb(0 0 0 / .3);-moz-box-shadow:0 3px 6px rgb(0 0 0 / .3);-webkit-box-shadow:0 3px 6px rgb(0 0 0 / .3);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.card-3 .ratio img{transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.card-3:hover .ratio img{opacity:.7}section.photo{margin-bottom:40px}section.photo .container{background:#333;padding:30px 20px}.card-4{width:100%;position:relative;padding-left:20px}.card-4 .text{width:100%;position:absolute;left:19px;bottom:0;padding:120px 30px 30px 30px;background:url(../images/shadow-2.png) repeat-x bottom;background-size:contain}.card-4 .text h3{width:50%;float:left;margin-bottom:10px;font-size:20px;font-weight:700}.card-4 .text h3 a{color:rgb(255 255 255 / .8);transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.card-4:hover .text h3 a{color:#fff}.card-4 img{transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.card-4:hover img{opacity:.5}.card-4 .text span{width:100%;float:left;font-size:12px;color:#888}.photo-slider .owl-prev,.photo-slider .owl-next{width:40px;height:40px;margin-right:10px;overflow:hidden;text-indent:-200px;position:absolute;top:calc(50% - 20px)}.photo-slider .owl-prev{background:url(../images/left-nav.png);background-size:contain;left:50px}.photo-slider .owl-next{background:url(../images/right-nav.png);background-size:contain;right:30px}.list-filter{width:100%;float:left;padding-right:10px;margin-bottom:20px}.list-filter p{font-size:14px;color:#333}.list-filter form{width:100%;float:left;height:50px;border:1px solid #dedede;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin-bottom:20px;background:#fff}.list-filter form .inp-group{position:relative;float:left;width:25%;padding:0 20px}.list-filter form .inp-group::before{content:"";width:1px;height:30px;position:absolute;top:10px;right:0;background:#dedede}.list-filter form .inp-group:last-child{width:50%}.list-filter form .inp-group:last-child::before{display:none}.list-filter form input,.list-filter form select{border:none;font-size:14px;width:100%;height:48px;background:none}.list-filter form button{width:50px;height:50px;position:absolute;top:0;right:0;background:none;border:none;font-size:18px;color:#333}.list-filter form input:focus,.list-filter form select:focus,.list-filter form button:focus{outline:none}.list-5{width:calc(100% + 20px);float:left;margin-left:-10px;text-align:center}.list-5 li{padding:0 10px;width:50%;float:left;margin-bottom:30px;min-height:380px}.list-5 li figure{margin-bottom:15px}.list-5 li .text h3{font-size:18px;font-weight:700;overflow:hidden;max-height:54px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.list-5 li .text h3 a{color:#333;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-5 li .text h3 a:hover{color:#982323}.list-5 li .text span{font-size:12px;color:#888;display:block;width:100%;margin:10px 0}.list-5 li .text p{font-size:14px;color:#555;overflow:hidden;max-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-5 li:nth-child(5n+1){width:100%;max-height:none}.list-5 li:nth-child(5n+1) .text{width:70%;margin-left:15%}.list-5 li:nth-child(5n+1) .text h3{font-size:20px;overflow:hidden;max-height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-5.video li figure::before{content:"";width:80px;height:80px;background:url(../images/play-bt.png);background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:2;pointer-events:none}.list-5.video li:nth-child(5n+1) figure::before{width:100px;height:100px}.v-headline{padding:0;background:#212121}.v-headline-slider .item{position:relative;width:50%;float:left}.v-headline-slider .text{width:100%;position:relative;z-index:3;padding:30px 30px 30px 100px}.v-headline-slider .text .play-bt{width:55px;height:55px;display:block;background:url(../images/play-bt.png) no-repeat;background-size:contain;position:absolute;top:30px;left:30px}.v-headline-slider .text h1,.v-headline-slider .text h2{font-size:18px;font-weight:700;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-headline-slider .text h1 a,.v-headline-slider .text h2 a{color:#fff}.v-headline-slider .text p{font-size:14px;color:rgb(255 255 255 / .8)}.v-headline-slider .text span{font-size:14px;color:rgb(255 255 255 / .5);width:100%;display:block;margin:5px 0}.v-headline-slider figure img{opacity:.7}.v-headline-slider figure::before{content:"";width:100%;height:50%;background:url(../images/shadow.png) repeat-x;background-size:contain;position:absolute;left:0;bottom:-1px;z-index:2}.v-headline-slider .owl-prev,.v-headline-slider .owl-next{width:40px;height:40px;margin-right:10px;overflow:hidden;text-indent:-200px;position:absolute;top:calc(50% - 20px)}.v-headline-slider .owl-prev{background:url(../images/left-nav.png);background-size:contain;left:20px}.v-headline-slider .owl-next{background:url(../images/right-nav.png);background-size:contain;right:20px}.detail{padding:15px 0 40px}.detail .is-4 section{margin-bottom:30px}.detail .column.is-8,.mid-ct .column.is-8{padding-right:40px}.detail .main-img{margin-bottom:20px;position:relative;width:100%;float:left}.detail .main-img img{display:block;width:100%}.detail .main-img figcaption{width:100%;padding:10px 20px;font-size:12px;color:#fff;background:#212121;line-height:150%}.detail .main-img figcaption strong{color:#fff}.dt-foto-slider{width:100%;float:left}.dt-foto-slider .owl-prev,.dt-foto-slider .owl-next{width:40px;height:40px;margin-right:10px;overflow:hidden;text-indent:-200px;position:absolute;top:calc(50% - 20px)}.dt-foto-slider .owl-prev{background:url(../images/left-nav.png);background-size:contain;left:20px}.dt-foto-slider .owl-next{background:url(../images/right-nav.png);background-size:contain;right:20px}.post-header{width:100%;float:left}.post-header span.datetime{font-size:14px;color:#777;display:inline-block;margin-bottom:20px;margin-left:20px}.post-header h1{font-size:36px;color:#333;width:100%;float:left;font-weight:700;margin-bottom:20px}.post-header .info{width:100%;float:left;margin-bottom:20px}.post-header .info .author,.post-header .info .author-2,.post-header .info .info-author{display:inline-block;padding:5px 20px;background:#3193cb;color:#fff;font-size:14px;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.post-header .info .author-2{background:#53b5ed}.post-header .info a:hover{background:#982323}.post-header .summary,.article{font-size:14px;color:#000;line-height:150%;transition:all ease-out 0.6s;-moz-transition:all ease-out 0.6s;-webkit-transition:all ease-out 0.6s;width:100%;float:left}.post-header .summary{width:100%;float:left;margin-bottom:20px}.related-tags{margin-bottom:30px}.related-tags li{display:inline-block;font-weight:700;margin-right:10px;margin-bottom:40px}.related-tags li a.bt{padding:5px 20px}.related{width:50%;float:left;margin-left:25%;margin-bottom:40px;background:#f4f4f4;padding:20px;position:relative;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.related::before{content:"";width:92%;height:100%;position:absolute;top:0;left:4%;background:#ccc;z-index:-2;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.related:hover{margin-top:-16px;margin-bottom:56px}.related:hover::before{top:16px;z-index:-2}.related:hover::after{top:8px;z-index:-1}.related::after{content:"";width:96%;height:100%;position:absolute;top:0;left:2%;background:#e1e1e1;z-index:-1;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.related .pic{width:60px;float:left}.related .text{width:calc(100% - 60px);float:left;padding:0 20px}.related .text h4 a{line-height:150%;font-size:15px;font-weight:700;color:#333;font-family:"Libre Baskerville",serif;display:block;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.related .text h4 a:hover{color:#982323}.related span{color:#777;font-size:12px}.article section .title{font-family:"Libre Baskerville",serif;font-size:18px;font-weight:700;border-top:1px solid #333;padding-top:20px}.special-news{color:#333;font-size:13px;font-weight:600;padding:15px 0 20px 120px;position:relative;display:block}.special-news:hover{color:#982323}.special-news img{width:100px;position:absolute;top:0;left:0}.headline section{width:100%;float:left;height:465px;overflow:hidden;position:relative}.headline-slider figure{width:100%;height:465px;float:left;margin-bottom:0}.headline-slider figure img{width:100%;height:100%;object-fit:cover}.headline-slider .text{position:absolute;left:30px;bottom:130px;padding:30px 0;width:calc(100% - 60px);border-bottom:1px solid rgb(255 255 255 / .3);z-index:4}.headline-slider .text h2{font-size:30px;font-weight:700}.headline-slider .text h2 a{color:rgb(255 255 255 / .7);transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.headline-slider .text h2 a:hover{color:#fff}.headline-slider figure::before{content:"";width:100%;height:75%;position:absolute;bottom:0;left:0;z-index:1;background:#000;background:linear-gradient(0deg,rgb(0 0 0) 0%,#fff0 100%)}.headline-thumb{width:100%;padding:30px;position:absolute;bottom:0;left:0;z-index:5}.headline-thumb h4{font-size:15px;color:rgb(255 255 255 / .7);font-weight:700;font-family:"Libre Baskerville",serif;cursor:pointer;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.headline-thumb h4:hover{color:#fff}.f-headline{width:100%;height:640px;float:left;position:relative;background:#000}.f-headline .item{width:33.33%;float:left;position:relative}.f-headline .item.focus{left:50%;z-index:3}.f-headline .item .ratio{padding-top:640px}.f-headline .item::before{content:"";width:100%;height:50%;position:absolute;bottom:0;left:0;z-index:1;background:#000;background:linear-gradient(0deg,rgb(0 0 0 / .5) 0%,#fff0 100%)}.f-headline .item .text{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:3;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;width:100%;padding:0 30px}.f-headline .item .text h2{margin-bottom:20px}.f-headline .item .text h2 a{font-size:24px;color:#fff;font-weight:700}.f-headline .item .text p{color:rgb(255 255 255 / .8);font-size:14px}.f-headline .item.focus .text{opacity:1}.f-headline .bt-prev,.f-headline .bt-next{width:40px;height:40px;background:#982323;color:#fff;text-align:center;padding-top:8px;position:absolute;top:calc(50% - 20px);opacity:.5;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;z-index:5;cursor:pointer}.f-headline .bt-prev:hover,.f-headline .bt-next:hover{opacity:1}.f-headline .bt-prev{left:20px}.f-headline .bt-next{right:20px}.share-group{width:100%;float:left;margin-bottom:30px;text-align:left}.share-group span,.share-group a{display:inline-block;text-align:center}.share-group span{font-size:12px;padding-top:8px;margin-right:20px;font-weight:700;color:#333;margin-bottom:10px;float:left}.share-group a{width:36px;height:36px;background:#000;padding-top:4px;margin-bottom:10px;font-size:18px;color:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.share-group a:hover{background-color:#982323}.share-group a:last-child{margin-bottom:0}.author-box{width:50%;float:left}.author-box .pic{width:40px;float:left;margin-right:10px}.author-box .pic img{border-radius:50%}.author-box .text{float:left;width:calc(100% - 50px);margin-top:-5px}.author-box .text span{font-size:12px}.author-box .text h5{font-size:14px;font-weight:700}.author-box .text h5 a{color:#333}.author-box .text h5 a:hover{color:#982323}.foot-article{width:100%;float:left;border-top:1px solid #dedede;padding:10px 0;position:relative;z-index:100}.amp-flying-carpet-wrapper{overflow:hidden;width:100%;height:0;position:absolute;top:0;left:0}.amp-flying-carpet-text-border{background:#fff;color:#fff;padding:.25em}.amp-fx-flying-carpet{height:0;overflow:hidden;position:relative}.amp-fx-flying-carpet-clip{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:0!important;margin:0!important;padding:0!important;clip:rect(0,auto,auto,0)!important;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important}.amp-fx-flying-carpet-container{position:fixed!important;top:0!important;width:650px;height:100%;-webkit-transform:translateZ(0)!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dfp-ad,.detail .dfp-ad{height:600px;width:650px;background:#fff;text-align:center;position:absolute;top:50%;left:0;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.dfp-ad-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%}#Ads_paralax{min-width:0!important}.advert-image{position:relative;left:0;top:0}.detail .flying-carpet{width:100%;float:left;position:relative;height:0;margin-bottom:0;background:#fff}.detail .dfp-ad{width:650px}.v-wrap{width:100%;float:left;margin-bottom:30px}.mi-breadcrumb{width:100%;float:left;margin-bottom:20px;border-bottom:1px solid #dedede}.mi-breadcrumb li{display:inline-block;margin-right:10px}.mi-breadcrumb li:last-child i{display:none}.mi-breadcrumb li a{display:block;font-size:14px;padding:10px 0;color:#888}.mi-breadcrumb li a i{font-size:12px;margin-left:10px}.error-page{width:100%;float:left;position:relative;height:100vh}.error-page .columns{height:100vh}.error-page h2{font-size:72px;font-weight:700;margin-top:20px}.error-page h3{font-size:24px;margin-bottom:10px}.error-page p{margin-bottom:20px;font-size:14px;color:#333}.error-page img{width:100%;height:400px;object-fit:contain}.photo-grid{width:100%;float:left;position:relative;height:720px}.photo-grid .item{width:33.33%;height:240px;position:absolute}.photo-grid .item .card-4{padding-left:0;overflow:hidden;height:100%}.photo-grid .item:first-child .card-4 .text{opacity:1;bottom:0}.photo-grid .item:first-child .card-4 .text h3{width:50%}.photo-grid .item .card-4 .text{left:0;padding:20px;opacity:0;bottom:-100%;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.photo-grid .item:hover .card-4 .text{opacity:1;bottom:0}.photo-grid .item .card-4 .text h3{width:100%}.photo-grid .item figure{width:100%;height:240px;background:#222}.photo-grid .item figure img{opacity:.6;width:100%;height:100%;object-fit:cover}.photo-grid .item:first-child{width:66.66%;height:480px}.photo-grid .item:first-child figure{height:100%}.photo-grid .item:nth-child(2){right:0;top:0}.photo-grid .item:nth-child(3){right:0;top:240px}.photo-grid .item:nth-child(4){left:0;top:480px}.photo-grid .item:nth-child(5){left:33.33%;top:480px}.photo-grid .item:nth-child(6){right:0;top:480px;padding:60px 30px 0}.photo-grid .item:nth-child(6) p{font-size:14px;color:rgb(255 255 255 / .8);margin-bottom:20px}.font-size-bt-group{float:right;padding:3px;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;background-color:#efefef;overflow:hidden;position:relative}.font-size-bt-group button{width:30px;height:30px;font-size:14px;border:none;background:#fff0;color:#000;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin-left:5px;cursor:pointer;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;position:relative;z-index:2}.font-size-bt-group button:first-child{margin-left:0}.font-size-bt-group button:hover{background:rgb(0 0 0 / .1);box-shadow:0 2px 4px rgb(0 0 0 / .15)}.font-size-bt-group .indicator{position:absolute;top:0;left:0;z-index:0;background:#9fe7a2;height:100%;width:100%;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}.timeline-wrap{width:100%;float:left;padding:30px 20px 30px 20px;margin-top:20px}.timeline-wrap .item .is-11{padding:20px 40px 0 40px;color:#555;position:relative}.timeline-wrap .item:first-child{border-top:1px solid #dedede}.timeline-wrap .datetime{color:#777;font-size:13px;margin-bottom:5px}.timeline-wrap .item .is-11::before{content:"";width:25px;height:25px;background-color:#982323;position:absolute;top:40px;left:-14px;transform:rotate(45deg) translate(-50%,-50%);-moz-transform:rotate(45deg) translate(-50%,-50%);-webkit-transform:rotate(45deg) translate(-50%,-50%);border-radius:50%}.timeline-wrap .item:hover{background:#fff;box-shadow:0 6px 24px rgb(0 0 0 / .1)}.timeline-wrap .month-bar{padding:3px 30px;background:#982323;color:#fff;box-shadow:0 4px 16px rgb(0 0 0 / .1);width:100%;text-align:center}.timeline-wrap .month-bar h4{font-weight:700}.timeline-wrap .toggle-bt{width:24px;height:24px;border:none;background:rgb(0 0 0 / .1);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:14px;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;margin-top:10px}.timeline-wrap .toggle-bt:hover{cursor:pointer;box-shadow:0 3px 6px rgb(0 0 0 / .1);background:#fff}.timeline-wrap .social-bt{width:100%;position:absolute;bottom:-30px;left:36px;opacity:0;pointer-events:none}.timeline-wrap .social-bt a{width:24px;height:24px;float:left;color:#999;text-align:center;margin-right:10px}.timeline-wrap .social-bt a:hover{background:#982323;color:#fff}.timeline-wrap .drop-item{margin-top:0}.timeline-wrap .item.active .drop-item{height:180px}.timeline-wrap .item.active .social-bt{opacity:1;pointer-events:auto}.timeline-wrap .drop-item{overflow:hidden;height:0;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.timeline-wrap .drop-item .pic{width:48px;float:left}.timeline-wrap .drop-item .text{width:calc(100% - 48px);float:left;padding-left:10px;padding-top:10px}.timeline-wrap .drop-item .text h3{font-size:12px;line-height:120%;margin-bottom:0}.timeline-wrap .drop-item .text h3 a{color:#333}.timeline-wrap .item{transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;border:1px solid #dedede;margin-bottom:30px}.timeline-wrap .item.active{background:#fff;border:1px solid #000;border-bottom:40px solid #000}.timeline-wrap .item.active .is-2::before{top:36px}.timeline-wrap .item.active .timeline-paragraph{max-height:none}.timeline-wrap .item.active .timeline-paragraph::after{display:none}.timeline-paragraph{width:100%;float:left;max-height:150px;overflow:hidden;padding-bottom:20px;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.timeline-paragraph::after{content:"";width:100%;height:50px;background:#ddd;position:absolute;bottom:0;left:0;background:#fff;background:linear-gradient(0deg,rgb(255 255 255) 0%,#fff0 100%)}.timeline-wrap .item blockquote{background:#f4f4f4;border-radius:12px;padding:15px 30px;position:relative;margin:15px 0}.timeline-wrap .item blockquote::before{content:"";width:30px;height:30px;background:url(../images/quote-icon.png) no-repeat center;background-size:contain;position:absolute;top:-10px;right:10px}.timeline-paragraph h3{margin-bottom:10px}.timeline-paragraph ul{list-style:circle;width:100%;float:left;padding-left:20px}.timeline-paragraph img{border-radius:12px;display:block;width:100%;height:auto}.timeline-paragraph figure{margin:15px 0}.timeline-paragraph figure figcaption{color:#777}.timeline-paragraph figure i{margin-right:5px}.timeline-paragraph iframe{width:100%;margin:15px 0;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px}.back-to-top{width:40px;height:40px;background:#982323;color:#fff;position:fixed;bottom:20px;right:20px;z-index:999;overflow:hidden;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;display:none}.back-to-top.show{display:block}.back-to-top span{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.back-to-top span.second{top:150%}.back-to-top:hover{cursor:pointer;transform:translate(-50%,-50%) scale(1.2);-moz-transform:translate(-50%,-50%) scale(1.2);-webkit-transform:translate(-50%,-50%) scale(1.2)}.back-to-top:hover span.first{top:-50%}.back-to-top:hover span.second{top:50%}.author-cover{width:100%;float:left;background:#fff;position:relative;z-index:3;box-shadow:0 6px 24px rgb(0 0 0 / .1);border:1px solid #efefef}.author-cover .pic{width:100%;float:left}.bg-lighter{background:#f4f4f4}.author-cover::before{content:"";width:100%;height:74px;background:#111;position:absolute;top:0;left:0}.author-cover .text{width:100%;float:left;padding:30px;text-align:center}.author-cover .text h5{font-size:18px;font-weight:700;margin-bottom:10px}.author-cover .text p{font-size:14px}section.author-cover-wrap{padding:10px 20px;background:#fff}.author-cover-wrap .text{width:calc(50% - 50px);float:left}.author-cover-wrap .text h5{font-size:24px;font-weight:700}.author-cover-wrap .pic{width:40px;height:40px;float:left;margin-right:10px;overflow:hidden;border-radius:50%}.author-cover-wrap .share-group{text-align:right;width:50%;margin-bottom:0}.author-cover-wrap .share-group span{padding-top:8px;margin-right:10px;margin-bottom:0;float:none}.author-cover-wrap .share-group a{border:1px solid #dedede;display:inline-block;color:#777;margin-right:5px;padding-top:3px;margin-bottom:0}.author-cover .counter{width:100%;float:left;border-top:1px solid #dedede}.author-cover .counter .boxy{width:50%;float:left;text-align:center;font-size:18px;font-weight:700;padding:20px 0;border-right:1px solid #dedede}.author-cover .counter .boxy:last-child{border-right:none}.author-cover .counter .boxy span{width:100%;float:left;font-size:13px;font-weight:400}.list-6{width:100%;float:left;margin-bottom:20px}.list-6 li{width:100%;float:left;background-color:#fafafa;border:1px solid #efefef;margin-bottom:10px;padding:10px}.list-6 .pic{width:160px;float:left;margin-right:20px}.list-6 .text{width:calc(100% - 180px);float:left;padding:10px 0 0}.list-6 .text h3{font-size:15px;font-weight:700}.list-6 .text h3 a{color:#333}.list-6 .text h3 a:hover{color:#982323}.list-6 .text span{font-size:11px;color:#777;width:100%;float:left;margin-bottom:10px}.list-6 .text p{font-size:13px;color:#333}.pagination{padding:0 20px;width:100%;column-gap:20px;align-items:center;justify-content:center;margin-bottom:40px}.pagination a{font-size:13px;color:#777;background:#ccc;padding:8px 30px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.pagination a:hover{background:#982323;color:#fff}.pagination a.active{color:#982323;font-weight:700;border-bottom:2px solid #982323}.list-7{width:100%;float:left}.list-7 li{width:100%;float:left;position:relative;background:#000;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-7 li::before{content:"";width:94%;height:0;background:#982323;position:absolute;top:100%;left:3%;z-index:1;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-7 li::after{content:"";width:88%;height:0;background:#760101;position:absolute;top:100%;left:6%;z-index:0;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-7 li:hover{transform:translateY(-10px)}.list-7 li:hover::before{height:16px;width:92%;left:4%}.list-7 li:hover::after{height:30px;width:86%;left:7%}.list-7 .pic{width:100%;float:left;position:relative;height:0;padding-top:56.25%}.list-7 .pic img{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%;opacity:.7}.list-7 .text{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:60px 20px 20px 20px;background:#000;background:linear-gradient(0deg,rgb(0 0 0) 0%,#fff0 100%)}.list-7 li .text p{font-size:14px;color:#fff;margin-bottom:5px;overflow:hidden;max-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-7 li .text p a{margin-top:15px;display:inline-block;text-decoration:underline;color:#982323}.list-7 li h3{font-size:16px;font-weight:700;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.list-7 li h3 a{color:#fff}.list-7 li.live h3 a{color:#fff}.list-7 li .time{font-size:12px;color:#fff}.list-7 li.live .time{color:#fff;opacity:.8}.list-7 li .badge{display:inline-block;margin:0 0 5px;font-size:14px;padding:3px 10px;background:#ffb800}.static-page .columns{padding-top:100px;padding-bottom:100px}.static-page h3{font-size:18px;font-weight:700}.static-page h4{font-size:16px;font-weight:700}.static-page p{font-size:14px;margin-bottom:10px;line-height:150%;text-align:justify}.static-page .pl-50{padding-left:50px}.static-page h1{font-size:32px;font-weight:700;margin-bottom:30px}.py-100{padding-top:100px;padding-bottom:100px}.fab.fa-twitter-x{background:url(../images/twitter-x.png) no-repeat center;background-size:contain;display:inline-block;width:15px;height:15px;margin-bottom:-2px}.magnify-popup{width:100%;height:100%;overflow-y:auto;position:fixed;background:rgb(0 0 0 / .5);z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);padding:5% 10%}.magnify-popup img{width:100%;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border:10px solid #fff}.zoomable:hover{cursor:zoom-in}.magnify-popup .close-bt{width:40px;height:40px;background:#000;position:fixed;top:70px;right:20px}.magnify-popup .close-bt{cursor:pointer;text-align:center;color:#fff;font-size:18px;padding-top:5px}.magnify-popup img{pointer-events:none}.main-card{padding-bottom:20px}.item-arabic-header{text-align:right;font-size:24px}.cardContent{position:relative;background-image:url(../images/frame-number.svg);background-repeat:no-repeat;background-size:contain;background-position:center;padding-top:22px;text-align:center}.dot{margin-left:10px;margin-right:10px;height:8px;width:8px;background-color:hsl(0 0% 73%);border-radius:50%;display:inline-block}.main-content{padding-top:30px;margin-bottom:30px}.main-content-quran .row{display:flex;justify-content:space-between}.main-content-card{background:#f4f4f4;padding:20px;border-radius:12px;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;border:1px solid #fff0}.main-content-card:hover{background:#fff;box-shadow:0 4px 16px rgb(0 0 0 / .1);border:1px solid #00b4cc}.main-content-card h4{font-size:16px;font-weight:700}.main-content-card h4 a{color:#333;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.main-content-card h4 a:hover{color:#00b4cc}.main-content-card p{font-size:13px}section.mid-ct.bg-header-quran{background:url(../images/quran-cover.jpg) no-repeat center;background-size:cover}.buttonJusSurah{padding-left:50px;padding-bottom:2px;padding-top:30px}.column.buttonJusSurah{padding-left:5px;padding-top:30px}.buttonJusSurah p strong{padding-right:25px;padding-left:10px;color:#fff}.custom-select select{border-color:#00b4cc;border-radius:8px;padding-left:25px;padding-right:25px;padding-bottom:2px}.column-content-quran{padding-top:150px;padding-bottom:10px;justify-content:center}.quran-header{padding:50px 0}.quran-header h2{font-size:48px;font-weight:700;color:#fff}.quran-header p{font-size:20px;color:#fff}.quran-header .search{width:100%;position:relative;display:flex;margin-top:35px}.searchTerm{width:100%;border:1px solid #439fd3;padding:20px 50px 20px 20px;height:20px;border-radius:5px;outline:none;color:#9dbfaf}.searchTerm:focus{color:#00b4cc}.searchButton{width:40px;height:41px;border:1px solid #00b4cc;background:#00b4cc;text-align:center;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;font-size:20px;position:absolute;top:0;right:0}.card-surat{width:100%;float:left;background:#f4f4f4;border-radius:12px;padding:20px;color:#333;border:1px solid #f4f4f4;box-shadow:0 4px 16px #fff0;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.no-surat{width:40px;height:40px;float:left;text-align:center;background:url(../images/frame-number.svg) no-repeat center;font-size:16px;font-weight:700;padding-top:7px}.nama-surat{width:55%;float:left;padding-left:10px;font-size:16px;font-weight:700}.nama-surat em{font-size:12px;width:100%;float:left;font-weight:400}.nama-surat-arabic{width:calc(45% - 40px);float:right;font-size:24px;text-align:right}.card-surat:hover{background:#fff;border:1px solid #00b4cc;box-shadow:0 4px 16px rgb(0 0 0 / .1)}.tafsir-text-source{font-size:10px;font-style:italic;padding-top:10px}.tafsir-items h1{font-size:20px}.tafsir-items-detail .tafsir-text{font-size:16px;text-align:justify;color:#333}.tafsir-items-detail{border-top:1px solid #dedede;padding-top:10px;padding-bottom:10px}.sticky-element p{padding-bottom:5px}.sticky-element{position:fixed;bottom:40px;right:30px;background-color:#f1f3f4;color:#000;border-radius:20px;padding:20px;z-index:999}.fitur-ayat{margin-top:10px;margin-bottom:10px}.fitur-ayat a{margin-right:10px;color:#439fd3;padding-left:8px}.fitur-ayat i{margin:0 5px}.cardContentDetail{position:relative;background:url(../images/frame-number.svg) no-repeat center;background-size:contain;margin-left:15px;text-align:center;width:50px;height:50px;padding-top:10px}.bg-header-quran-detail{background:url(../images/headerKalam.png) no-repeat center;background-size:cover}.header-surah h1{color:#fff}.subtitle-surah h2{color:#fff}.subtitle-surah{color:#fff}.font-size-bt-group-quran-detail{margin-top:50px}.ayat-arabic{font-size:40px;color:#000;text-align:right;line-height:150%}.items-ayat{margin-bottom:50px;border-bottom:1px solid #dedede}.items-ayat:last-child{border-bottom:none}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgb(0 0 0 / .5);z-index:9999;backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;perspective:800px}.overlay.show{opacity:1;pointer-events:auto}.popup{position:absolute;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(90deg);-moz-transform:translate(-50%,-50%) rotateX(90deg);-webkit-transform:translate(-50%,-50%) rotateX(90deg);transform-style:preserve-3d;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s}.overlay.show .popup{transform:translate(-50%,-50%) rotateX(0);-moz-transform:translate(-50%,-50%) rotateX(0);-webkit-transform:translate(-50%,-50%) rotateX(0)}.popup .close-bt{width:30px;height:30px;background:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align:center;position:absolute;top:-10px;right:-10px;padding:2px 0;box-shadow:0 4px 16px rgb(0 0 0 / .5);font-size:16px;border:1px solid #fff;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.popup .close-bt:hover{background:#982323;color:#fff;cursor:pointer}.e-paper-img{width:189px;height:138px;position:relative;float:left;background:url(../images/e-paper-banner.png) no-repeat center;overflow:hidden}.e-paper-img img{width:113px;height:auto;position:absolute;left:0;top:0;background:#fff;padding:4px}.headline-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.micom-tv{position:relative}.micom-tv-title{position:absolute;left:20px;top:14px;z-index:9;font-weight:700;color:#fff}.micom-tv-title i{margin-right:8px;color:red}.list-8{width:100%;float:left}.list-8 li{margin-bottom:20px;width:calc((100% - 2px) / 2);float:left;margin-right:1px}.list-8 li:first-child{width:100%;margin-right:0}.list-8 figure{margin-bottom:10px}.list-8 li:first-child figure::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(135deg,rgb(0 0 0) 0%,rgb(0 0 0 / .9) 0%,#fff0 33%)}.list-8 .text{width:100%;float:left;padding:0 10px}.list-8 li:first-child .text{padding:0}.list-8 .text h3{font-size:14px;font-weight:700;margin-bottom:5px;overflow:hidden;max-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-8 li:first-child .text h3{font-size:16px}.list-8 .text h3 a{color:#333;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.list-8 .text h3:hover a{color:#982323}.list-8 .text span{font-size:12px;color:#888}.banner.top-banner .Ads_billboard{display:block}.banner.top-banner .Ads_billboard div{display:inline-block}.mid-ct .column.is-2 .banner{padding:0;background:none}.mid-ct .column.is-4 a.bt.bt-primary,.mid-ct .column.is-2 a.bt.bt-primary,.mid-ct .column.is-6 a.bt.bt-primary{margin-bottom:40px}#toolbarContainer{z-index:9999999999999;position:relative}.newsticker{background:#34347c}.parallax-non{z-index:1000}.for-mobile{display:none}#Ads_paralax{text-align:center!important}.top-nav-m{width:100%;float:left;background:#f4f4f4;position:relative;background:#212121;padding:10px}.top-nav-m .container{padding-left:0;padding-right:0}.top-nav-m .burger{float:right;width:50px;height:50px;color:#fff;border:none;background:none;font-size:18px}.mobile-nav .top-nav-list{width:100%;float:left;position:relative;z-index:2}.mobile-nav .top-nav-list a{float:right;font-size:14px;color:#666;margin-left:20px;padding:5px 0}.mobile-nav .top-nav-list .weather{padding:5px 15px 5px 0;float:left;font-size:14px}.mobile-nav .top-nav-list .weather .wt-icon{width:24px;height:24px;display:inline-block;margin:0 5px -8px 5px}.mobile-nav .top-nav-list .src{position:relative;width:100%;float:left;margin-top:15px;margin-bottom:20px}.mobile-nav .top-nav-list .src input{width:100%;height:40px;padding-left:40px;border:1px solid #dedede;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}.mobile-nav .top-nav-list .src button{position:absolute;width:40px;height:40px;top:0;left:0;font-size:18px;border:none;background:none;color:#666}.mob-nav{width:100%;float:left;padding-bottom:40px}.mob-nav li{width:100%;float:left;position:relative;border-bottom:1px solid #efefef}.mob-nav li a,.mob-nav li .drop-bt{float:left;width:100%;position:relative;padding:10px 0;font-size:14px;color:#333}.mob-nav li a i,.mob-nav li .drop-bt i{float:right;padding-top:3px}.mob-nav li .drop-ct{padding-left:20px;height:0;overflow:hidden;max-height:0;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.mob-nav li .drop-ct.show{height:auto;max-height:500px}.mob-nav li .drop-ct li:last-child{border-bottom:none}.mob-nav li.special-news{background:#f4f4f4;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:54px;width:100%;margin-bottom:20px}.mob-nav li.special-news a{width:100%;position:absolute;left:0;top:0}.mob-nav li.special-news img{margin:2px 20px 2px 2px;height:100%}.mob-nav li.special-news span{color:#333;padding-left:120px;padding-top:5px;font-size:14px;font-weight:600;display:inline-block}.mob-nav li .drop-ct{width:100%;float:left}.dropdown{display:block}.mobile-nav{position:fixed;top:0;left:100%;background:#fff;z-index:100;padding-top:40px;overflow-y:auto;height:100vh;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.mobile-nav.show{left:0}.mobile-nav .close-bt{width:30px;height:30px;text-align:center;padding-top:2px;font-size:18px;position:absolute;top:10px;right:10px;z-index:3}.menu-logo img{width:184px}.top-nav-m .logo{text-align:center;float:left;width:calc(100% - 100px);height:50px}.top-nav-m .logo img{width:100%;height:100%;object-fit:contain}.mobile-nav .logo{width:100%;margin-bottom:20px}.e-paper-bt{width:50px;height:50px;float:left;text-align:center;padding-top:5px}.e-paper-bt span{width:100%;float:left;font-size:11px;color:#fff}.e-paper-bt i{font-size:20px;color:#fff}.quran-header .search form{width:100%;position:relative}._ap_apex_ad{background:#ccc}.skycrapper-left,.skycrapper-right{width:120px;position:absolute;top:760px}.skycrapper-left.sticky,.skycrapper-right.sticky{position:fixed;top:60px}.skycrapper-left{right:calc(((100% - 1024px) / 2) + 1044px)}.skycrapper-right{left:calc(((100% - 1024px) / 2) + 1044px)}.bottom-ads{width:100%;position:fixed;left:0;bottom:0;background:#fff;box-shadow:0 0 8px rgb(0 0 0 / .15);z-index:20000010;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.bottom-ads-desktop{margin:0 auto;text-align:center}.bottom-ads-mobile{margin:0 auto;display:none;text-align:center}.bottom-ads.hide{transform:translateY(100%)}.bottom-ads .close-bt{width:60px;background:#fff;border:1px solid #ddd;position:absolute;height:20px;top:-20px;left:calc(50% - 30px);text-align:center;border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-bottom:none;line-height:120%;display:none}.bottom-ads .close-bt:hover{cursor:pointer;color:red}li.top-bar-banner{height:50px;float:right;margin-top:-10px;border-right:none}.dpr-banner{width:100%;height:100px;float:left}.dfp-ad-container #Ads_paralax[data-ad-status="unfilled"]{display:none!important}#Ads_breaking,#Ads_breakingMob,.ads-banner{width:100%;float:left;text-align:center;margin-bottom:20px;margin-top:20px}#Ads_breaking>div,#Ads_breakingMob>div,.ads-banner>div{display:inline-block!important}@media only screen and (max-width:1600px){.list-3 li .pic{width:100px}.list-3 li .pic .ratio{padding-top:100px}.list-3 li .text{width:calc(100% - 160px)}.list-3 li .text h3{font-size:16px}.list-3 li:first-child .text h3{font-size:18px!important}.card-3 .text h3{font-size:12px}.card-3 .text span{font-size:11px}.card-3 .ratio-16{padding-top:100%}.list-4 .text h3{font-size:14px}.list-4 .text span{font-size:11px}.ti{font-size:16px}.amp-fx-flying-carpet-container,.dfp-ad{width:490px}.list-5 li{max-height:325px}.list-8 li{width:100%}.list-8 li figure{width:100px;float:left}.list-8 li figure.ratio.ratio-16{padding-top:100px}.list-8 li .text{width:calc(100% - 100px)}.list-8 li:first-child figure.ratio.ratio-16{width:100%;padding-top:56.25%}.list-8 li:first-child .text{width:100%}}@media only screen and (max-width:1366px){.dfp-ad{width:554px}}@media only screen and (max-width:1024px){.for-mobile{display:block}.for-desktop{display:none}.skycrapper-left,.skycrapper-right{display:none}.headline-grid .item{width:50%}.headline-grid .item:nth-child(2){border-right:1px solid #fff}.list-1 li{width:33%;padding:0 5px;border-bottom:none}.list-1 li figure{border:none}.list-2 li{width:33%;margin-bottom:20px;border-bottom:none}.photo-grid{background:#212121}.photo-grid .item:nth-child(2),.photo-grid .item:nth-child(3),.photo-grid .item:nth-child(4),.photo-grid .item:nth-child(5){width:50%}.v-headline-slider .item{width:50%}.list-5 li{min-height:325px;max-height:none}.f-headline .item{width:33.33%}.f-headline .item .ratio{padding-top:480px}.f-headline{height:480px}.mid-ct .column.is-4,.detail .column.is-4{width:100%;background:#fff}.card-3 .text{min-height:100px}.video .bt{margin-top:20px}.header.sticky .top-nav-m{position:fixed;top:0;z-index:9999}.detail .dfp-ad{width:66.6%}}@media only screen and (min-width:1024px) and (max-width:1215px){.main-card .column.is-4{width:50%}.column.is-4.item-arabic-header{width:33.33%}}@media only screen and (min-width:824px) and (max-width:1024px){.container{padding-left:40px;padding-right:40px}.headline-grid .item{width:100%}.mid-ct .columns,.detail .columns{display:block}.mid-ct .column.is-2{width:30%;float:left}.list-1 li{width:100%}.mid-ct .column.is-6{width:70%;float:left}.list-2 li{width:100%;border-bottom:1px solid #dedede}.video .column.is-3{float:left;width:25%}section.photo .container{width:100%;float:left}.mid-ct .column.is-8,.mid-ct .column.is-4,.detail .column.is-8,.detail .column.is-4{width:100%;float:left;padding-right:0}}@media only screen and (max-width:823px){.container{padding-left:20px;padding-right:20px;width:100%;float:left}.headline{height:auto;padding-bottom:0}.headline .container{padding-left:0;padding-right:0}.headline-grid{padding-left:0}.headline-grid .item{margin-bottom:0;border-bottom:1px solid #fff}.headline-grid .item:first-child{width:100%;position:relative}.headline-grid .item:first-child .text{left:20px}.headline-grid .item .text h1,.headline-grid .item .text h2{-webkit-line-clamp:unset;max-height:none;font-size:15px}.headline-grid .item:first-child .text h2,.headline-grid .item:first-child .text h1{font-size:20px;width:100%}.headline-grid .item:first-child .text p{width:100%}.headline-grid .item .text .date{width:calc(100% - 20px)}.newsticker .title{display:none}.newsticker .newsticker-slider{width:100%;padding-left:20px}.newsticker .column.is-12{padding:0}.list-3{padding-right:0}.list-3 li{padding-left:0;padding-right:0}.list-3 li .pic{width:80px}.list-3 li .pic figure.ratio{padding-top:80px}.list-3 li .text{width:calc(100% - 80px);left:0;padding-right:20px}.list-3 li:first-child .text{float:left;padding-left:0;padding-right:0}.list-3 li .text h3{font-size:14px}.list-3 li .text p{display:none}.pemberitahuan{left:-8px;width:calc(100% + 56px)}.photo-grid{height:auto}.photo-grid .item,.photo-grid .item:nth-child(2),.photo-grid .item:nth-child(3),.photo-grid .item:nth-child(4),.photo-grid .item:nth-child(5){width:50%;position:relative;top:auto;left:auto;right:auto;float:left;bottom:auto;background:#212121}.photo-grid .item:first-child,.photo-grid .item:nth-child(6){width:100%}.photo-grid .item:first-child .card-4 .text h3{width:100%;font-size:18px}.photo-grid .item .card-4 .text{bottom:0}.card-4 .text h3{font-size:16px}.footer .ct-info{column-count:1;margin-bottom:30px}.copyright{height:auto}.video .column.is-3{width:50%;float:left}.card-3 .ratio-16{padding-top:56.25%}.detail .column.is-8,.mid-ct .column.is-8{padding-right:0}.post-header h1{font-size:24px}.post-header span.datetime,.font-size-bt-group{margin-top:20px}.f-headline{height:auto}.f-headline .item:first-child{width:100%}.f-headline .item:nth-child(2),.f-headline .item:nth-child(3){width:50%}.f-headline .item .ratio{padding-top:75%}.f-headline .item .text h2{margin-bottom:10px}.f-headline .item .text h2 a{font-size:18px;line-height:100%}.f-headline .item .text p{overflow:hidden;max-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-5 li .text h3{font-size:14px;-webkit-line-clamp:2}.list-5 li:nth-child(5n+1) .text h3{font-size:16px}.list-5 li:nth-child(5n+1) .text{width:100%;margin-left:0}.v-headline-slider .text{padding:20px 20px 20px 60px}.v-headline-slider .item{width:100%}.v-headline-slider .text .play-bt{width:24px;left:20px}.v-headline-slider .text h1,.v-headline-slider .text h2{font-size:16px}.v-headline-slider .text span{font-size:12px}.list-5.video li figure::before,.list-5.video li:nth-child(5n+1) figure::before{width:30px;height:30px}.detail .dfp-ad{width:calc(100% - 30px)}.main-content-card .columns{display:flex}.main-content-card .columns .column.is-12{flex:none;width:60px}.cardContent{flex:none}.bottom-ads-mobile{display:block}.bottom-ads-desktop{display:none}}@media only screen and (min-width:481px) and (max-width:823px){.mid-ct .columns{display:block}.mid-ct .column{width:100%;float:left}.photo-grid .item:nth-child(6){right:auto;top:auto}.photo-grid .item .card-4 .text{opacity:1}.footer .column{float:left}.ch-list{width:50%}}@media only screen and (max-width:768px){.card-surat{margin-bottom:10px}}@media only screen and (max-width:480px){.list-1 li,.list-2 li{width:100%}.f-headline .item:nth-child(2),.f-headline .item:nth-child(3){width:100%}.headline-grid .item{width:100%}.photo-grid .item,.photo-grid .item:first-child,.photo-grid .item:nth-child(2),.photo-grid .item:nth-child(3),.photo-grid .item:nth-child(4),.photo-grid .item:nth-child(5),.photo-grid .item:nth-child(6){width:100%;position:relative;top:auto;left:auto;right:auto;float:left;bottom:auto;background:#212121}.main-card .main-content-card .column{flex:none}}.ext-channel{width:100%;float:left;padding:10px 20px;background:#34347c;color:#fff;line-height:150%;font-size:16px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin-bottom:20px}.ext-channel a{color:#00a5ff;font-weight:700}.quick-count-mi{margin:30px 0}.quick-count-mi .container{background:url(../images/quick-count-img/qc-bg.jpg) no-repeat center;background-size:cover;padding-right:20px}.quick-count-mi.detail-page .container{background:none;padding-left:20px}.qc-title{padding:60px 20px 20px 20px}.qc-title h4{font-size:14px;font-weight:700;margin-bottom:10px}.qc-title h3{font-size:24px;font-weight:700;margin-bottom:20px;font-family:"Lato",sans-serif}.quick-count-mi.detail-page .qc-title h4,.quick-count-mi.detail-page .qc-title h3{text-align:center}.paslon{width:100%;float:left;text-align:center}.paslon-card{position:relative;z-index:3;padding-bottom:0}.paslon-card .text{width:100%;float:left;padding:10px 20px}.paslon-card .text .text-1{width:60%;float:left;color:#fff}.paslon-card .text .text-1 h4{font-size:14px;font-weight:700;white-space:nowrap}.paslon-card .text .text-1 h5{font-size:12px;font-weight:700px;white-space:nowrap}.paslon-card .text-2{width:40%;float:left}.paslon-card .text-2 .num{font-size:20px;font-weight:700;text-align:right;color:#fff}.text-footer{width:100%;float:left;margin-top:3px;text-align:left}.text-footer p{color:#333;font-size:12px}.text-footer p span{display:inline-block;margin-right:30px}.counter-bar{width:94%;height:120px;background:#444;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;position:absolute;bottom:0;left:3%;z-index:-1;overflow:hidden}.counter-bar span{position:absolute;height:100%;background:rgb(0 0 0 / .3);left:0}.py-0,.columns.py-0 .column{padding-top:0;padding-bottom:0}.counter-bar-2{width:100%;float:left;height:30px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;overflow:hidden;margin-bottom:5px;background:#212121}.counter-bar-2 span{float:left;height:30px;text-align:center;font-size:14px;font-weight:700;color:#fff;padding-top:4px}.counter-paslon-1{background:#001b8a}.counter-paslon-2{background:#00a5ff}.counter-paslon-3{background:#d41f26}.counter-bar-2.bigger,.counter-bar-2.bigger span{height:60px}.counter-bar-2.bigger span{padding-top:12px;font-size:24px}.poll-source{width:100%;height:60px}.poll-source img{width:100%;height:100%;object-fit:contain}.quick-count-mi.detail-page .columns,.quick-count-mi.detail-page .column{margin-bottom:0;padding-bottom:0}.quick-count-mi.detail-page .text-footer{margin-bottom:20px}.qc-tab-ct{width:100%;float:left;margin-bottom:30px;display:none;position:relative}.qc-tab-ct.show{display:block}.qc-counter-wrap{width:100%;float:left}.partai-counter{width:calc(100% / 18);float:left;padding:0 2px;position:relative}.partai-counter .logo-partai{background:#fff;width:100%;float:left}.partai-counter .logo-partai figure img{width:75%;height:75%;object-fit:contain}.partai-counter-bar{width:100%;float:left;margin-bottom:20px;position:relative;height:200px;position:relative}.partai-counter-bar div{width:100%;position:absolute;bottom:0;left:0;background:#aaa;text-align:center;border-radius:8px 8px 0 0}.partai-counter-bar div::before{content:"";width:100%;height:20px;bottom:-20px;left:0;background:#aaa;position:absolute}.partai-counter-bar div span{width:100%;font-size:12px;position:absolute;left:0;top:-20px}.partai-counter-bar.partai-1 div,.partai-counter-bar.partai-1 div::before{background:#68e27c}.partai-counter-bar.partai-2 div,.partai-counter-bar.partai-2 div::before{background:#4f0a05}.partai-counter-bar.partai-3 div,.partai-counter-bar.partai-3 div::before{background:#db3732}.partai-counter-bar.partai-4 div,.partai-counter-bar.partai-4 div::before{background:#f9e366}.partai-counter-bar.partai-5 div,.partai-counter-bar.partai-5 div::before{background:#273fa1}.partai-counter-bar.partai-6 div,.partai-counter-bar.partai-6 div::before{background:#93231b}.partai-counter-bar.partai-7 div,.partai-counter-bar.partai-7 div::before{background:#00bceb}.partai-counter-bar.partai-8 div,.partai-counter-bar.partai-8 div::before{background:#ff5000}.partai-counter-bar.partai-9 div,.partai-counter-bar.partai-9 div::before{background:#000}.partai-counter-bar.partai-10 div,.partai-counter-bar.partai-10 div::before{background:#fa8e00}.partai-counter-bar.partai-11 div,.partai-counter-bar.partai-11 div::before{background:#052f66}.partai-counter-bar.partai-12 div,.partai-counter-bar.partai-12 div::before{background:#0154a2}.partai-counter-bar.partai-13 div,.partai-counter-bar.partai-13 div::before{background:#014224}.partai-counter-bar.partai-14 div,.partai-counter-bar.partai-14 div::before{background:#039}.partai-counter-bar.partai-15 div,.partai-counter-bar.partai-15 div::before{background:#e62129}.partai-counter-bar.partai-16 div,.partai-counter-bar.partai-16 div::before{background:#244282}.partai-counter-bar.partai-17 div,.partai-counter-bar.partai-17 div::before{background:#50b33f}.partai-counter-bar.partai-18 div,.partai-counter-bar.partai-18 div::before{background:#000}.qc-nav{width:100%;float:left;margin-bottom:30px;text-align:center}.qc-nav a{display:inline-block;padding:5px 10px;font-size:16px;color:#777;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;background:#fff0;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.qc-nav a.active,.qc-nav a:hover{color:#fff;background:#00bceb}.qc-note{margin-bottom:30px}.quick-count-mi.detail-page h5{text-align:right;font-weight:700}.qc-tab-ct p{float:left;font-size:14px;color:#fff;background:#34347c;padding:5px 20px;margin-top:10px;width:100%;text-align:center}.quick-count-mi table{width:100%;float:left}.quick-count-mi table th{font-size:14px;font-weight:700;padding:5px;border-bottom:2px solid #dedede;text-align:center;background:#f4f4f4;vertical-align:middle}.quick-count-mi table td{font-size:14px;padding:5px;border-bottom:1px solid #e1e1e1;text-align:center}.quick-count-mi table td span{display:none}.quick-count-mi table th:nth-child(1),.quick-count-mi table td:nth-child(1){text-align:left;padding-left:20px}.quick-count-mi table th:nth-child(2),.quick-count-mi table td:nth-child(2){background:#001b8a;color:#fff;width:160px;border-color:#000f4f}.quick-count-mi table th:nth-child(3),.quick-count-mi table td:nth-child(3){background:#00a5ff;color:#fff;width:160px;border-color:#0097ea}.quick-count-mi table th:nth-child(4),.quick-count-mi table td:nth-child(4){background:#d41f26;color:#fff;width:160px;border-color:#c0191f}.text-footer img{height:30px;object-fit:contain;margin-bottom:-10px;margin-right:20px}#div-gpt-ad-multibanner1,#div-gpt-ad-multibanner2,#div-gpt-ad-multibanner3,#div-gpt-ad-multibanner4,#div-gpt-ad-multibanner5{width:100%;float:left}@media only screen and (max-width:1024px){.quick-count-mi{padding-left:0;padding-right:0}.quick-count-mi .container{padding-right:0;padding-left:0;padding-bottom:30px}.quick-count-mi.detail-page .container{padding-left:0}.quick-count-mi .columns{display:block;width:100%;float:left;padding:0;margin-left:0;margin-right:0}.quick-count-mi .column{width:100%;float:left}.quick-count-mi .column .columns{margin-right:0;margin-left:0}.quick-count-mi .column .columns .column{padding-left:0;padding-right:0}.qc-title{padding:20px 10px}.quick-count-mi .column.is-9{padding:0 20px}.paslon{width:115px;height:74px;float:left}.paslon img{width:100%;height:100%;object-fit:contain}.paslon-card{padding-top:0}.paslon-card .text{width:calc(100% - 115px);float:left;padding-top:26px;padding-bottom:0}.paslon-card .text-2{padding-top:5px}.counter-bar{width:100%;height:56px;left:0}.quick-count-mi.detail-page .column.is-4{width:33%}.quick-count-mi.detail-page .column.is-4 .counter-bar-2.bigger{border-radius:0}.quick-count-mi.detail-page .column.is-4:first-child .counter-bar-2.bigger{border-radius:8px 0 0 8px}.quick-count-mi.detail-page .column.is-4:last-child .counter-bar-2.bigger{border-radius:0 8px 8px 0}.qc-tab-ct{height:600px}.qc-counter-wrap{transform:translate(-50%,-50%) rotate(90deg);position:absolute;top:50%;left:50%;width:600px;height:100vw}.partai-counter{width:32px}.partai-counter-bar{height:calc(100vw - 80px)}.partai-counter .logo-partai,.partai-counter-bar div span{transform:rotate(-90deg);transform-origin:center center}.partai-counter-bar div span{top:-24px}.quick-count-mi.detail-page h5{text-align:center}.quick-count-mi.detail-page .text-footer{text-align:center;margin-bottom:0}.counter-bar-2{margin-bottom:20px}.qc-nav{white-space:nowrap;overflow-x:auto}.qc-tab-ct p{margin-top:600px}.quick-count-mi table{margin-top:30px}.quick-count-mi table th{display:none}.quick-count-mi table td{display:block;text-align:right;width:100%;float:left}.quick-count-mi table td span{display:block;float:left;text-align:left;font-size:12px;font-weight:700}.quick-count-mi table td:first-child{text-align:center;font-weight:700;padding-left:5px}.quick-count-mi table td:nth-child(2),.quick-count-mi table td:nth-child(3),.quick-count-mi table td:nth-child(4){width:100%}.quick-count-mi table td:last-child{border-bottom:10px solid #efefef}.poll-source{height:40px;margin-top:10px}.text-footer p span{width:100%;float:left;margin-right:0}}@media only screen and (max-width:375px){.paslon{width:90px;height:57px}.paslon-card{margin-bottom:10px}.paslon-card .text{width:calc(100% - 90px);padding:10px 10px 0}.counter-bar-2 span{font-size:12px;padding-top:4px;line-height:100%}}.imsak{margin:20px 0}.imsak .contentimsak{background:url(../images/imsakiyah/bg-imsak.png) no-repeat center;background-size:cover;margin:0 0;height:250px;width:100%}.imsak .column{margin:10px 0}.imsak .content1{margin-left:20px}.imsak .content2{padding-top:20px;padding-right:30px}.imsak .content2 .columns{justify-content:end}.imsak .content2 .column.is-2,.imsak .content2 .column.is-one-fifth{background-image:url(../images/imsakiyah/frameImsak.png);background-size:contain;background-repeat:no-repeat;padding-bottom:20px;width:108px}.imsak .content2 .column.is-2 .text,.imsak .content2 .column.is-one-fifth .text{text-align:center;padding-top:10px;margin-bottom:20px;padding-top:30px}.imsak .content1 .text .title{display:flex;margin-bottom:0;margin-top:10px}.imsak .content1 .text .title h3{color:#fff;margin-left:10px}.imsak .content2 .column.is-2 .text h3,.imsak .content2 .column.is-one-fifth .text h3{font-size:25px}.imsak .content2 .column.is-2 .text h5,.imsak .content2 .column.is-one fifth .text h5{font-size:10px}.imsak .content2 .columns{padding:0 40px;margin-left:55px}section.imsak .text h2{font-size:50px;font-weight:1000}section.imsak .text h3{font-size:18px}section.imsak .text p{font-size:14px}.imsak .column.is-4,.detail .column.is-4{padding-left:20px;padding-right:20px}.content2 .has-text-right{margin-right:0!important}.content2 .has-text-right a{font-size:14px;padding:5px 10px;border:1px solid #fff}.widget-ramadan{background:url(../images/imsakiyah/bg-widget-ramadan.png);border-bottom:3px solid #dedede;width:calc(100% + 40px);margin-left:-20px;padding-bottom:30px;margin-bottom:20px}.widget-ramadan .ti{text-align:center;color:#fff;position:relative;z-index:3;padding-top:20px;padding-bottom:0}.widget-ramadan .ti::before{width:100%;height:100px;background:url(../images/imsakiyah/bg-title-widget-ramadan.jpg);z-index:-1;top:0}.widget-ramadan .ti::after{content:"";width:204px;height:6px;position:absolute;top:32px;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);background:url(../images/imsakiyah/pseudo-widget-ramadan.png) no-repeat center;background-size:contain}.widget-ramadan .list-4{position:relative;z-index:4;padding-left:20px;padding-right:20px}.widget-ramadan .list-4 li{margin-bottom:10px;background:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 2px 4px rgb(0 0 0 / .15);padding:10px}.widget-ramadan .list-4 .pic{width:75px}.widget-ramadan .list-4 .text{width:calc(100% - 75px)}.widget-ramadan .list-4 li img{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}.imsak .content2.column.is-8 .columns{margin-top:10px}@media only screen and (max-width:768px){section.imsak{padding-left:0;padding-right:0}}.sub-nav-imsakiyah{width:100%;float:left;text-align:center;margin-top:20px}.sub-nav-imsakiyah a{font-size:14px;color:rgb(255 255 255 / .7);display:inline-block;padding:6px 15px 7px;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;background:#fff0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}.sub-nav-imsakiyah a:hover{color:#fff}.sub-nav-imsakiyah a.active{background:#00b4cc}.main-imsakiyah{padding:40px 0}.responsive-table{width:100%;float:left}.responsive-table th{font-weight:700;padding:10px 20px;background:#014224;color:#fff;text-align:center}.responsive-table th:nth-child(1),.responsive-table th:nth-child(2){text-align:left}.responsive-table th:nth-child(1){width:80px}.responsive-table td{padding:5px 20px}.responsive-table tr:nth-child(odd) td{background:#efefef}.responsive-table td span{display:none}.responsive-table td:first-child{font-weight:700}@media only screen and (max-width:768px){.main-imsakiyah{padding-left:20px;padding-right:20px}.responsive-table th{display:none}.responsive-table td{display:block;text-align:right!important;border-bottom:1px solid #efefef}.responsive-table td span{display:block;width:40%;float:left;text-align:left;position:relative;font-weight:700}.responsive-table td:first-child{border-top:5px solid #dedede}.responsive-table td:last-child{border-bottom:5px solid #dedede}}.t600{display:none}@media only screen and (max-width:768px){.t600{display:block;min-height:480px;background-color:#212121;color:#fff;font-size:x-small;text-align:center}}.tts-mi{margin:30px 0}.tts-sidebar{width:100%;float:left;background:#fff;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;box-shadow:0 4px 16px rgb(52 52 120 / .17)}.tts-info{width:100%;float:left;padding:20px;background:#439fd3;color:#fff;font-size:14px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;text-align:center;margin-bottom:20px}.peringkat{width:100%;float:left;margin-bottom:20px}.peringkat h4{text-align:center;font-size:16px;color:#343478;font-weight:700;margin-bottom:10px;width:100%;float:left}.peringkat-tab-nav{width:100%;float:left;text-align:center;margin-bottom:10px}.peringkat-tab-nav a{display:inline-block;padding:5px 10px;font-size:13px;color:rgb(0 0 0 / .5);border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}.peringkat-tab-nav a:hover{color:#343478}.peringkat-tab-nav a.active{color:#fff;background:#343478}.daftar-juara{width:100%;float:left;padding:0 10px}.peringkat-tab-ct{width:100%;float:left;height:260px;background:url(../images/tts/rank-bg.png) no-repeat center bottom;background-size:contain;position:relative;display:none}.peringkat-tab-ct.show{display:block}.player{width:80px;text-align:center;position:absolute;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);padding:10px}.player:nth-child(1){left:50%;top:0}.player:nth-child(2){left:15%;top:55px}.player:nth-child(3){left:85%;top:90px}.player .pic{width:40px;margin:0 auto 5px}.player .pic img{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.player h5{font-size:13px;font-weight:700;width:100%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player span{background:#fd9700;padding:0 2px;text-align:center;width:100%;float:left;font-size:12px;color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}.peringkat .more-bt{font-size:14px;color:#fff;font-weight:700;background:#439fd3;width:100%;float:left;text-align:center;padding:5px}.daftar-juara ul{width:100%;float:left}.daftar-juara li{width:100%;float:left;background:#efeefc;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;padding:10px;margin-bottom:10px;position:relative}.daftar-juara li .pic{width:30px;float:left;position:relative}.daftar-juara li .pic .rank{font-size:10px;color:#000;width:16px;height:16px;background:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;position:absolute;top:-3px;left:-3px;text-align:center;z-index:2;box-shadow:0 2px 6px rgb(0 0 0 / .25)}.daftar-juara li .pic img{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.daftar-juara li .text{width:calc(100% - 30px);float:left;padding-left:10px}.daftar-juara li .text span{font-size:10px;color:rgb(51 51 51 / .7);width:100%;float:left}.daftar-juara li .text h5{font-size:12px;color:#333;width:100%;float:left;font-weight:700}.tts-pop-tab-ct{display:none}.tts-pop-tab-ct.show{display:block}.tts-pop-tab-ct .daftar-juara li .text h5{padding-top:5px}.daftar-juara li .text .poin{position:absolute;right:20px;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:12px;background:#fd9700;color:#fff;padding:3px 10px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}.tts-popup{width:96%;max-width:640px;background:#fff;max-height:90%;overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);padding:40px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px}.tts-popup .close-bt{position:absolute;top:30px;right:30px;color:rgb(0 0 0 / .5)}.tts-popup .close-bt:hover{cursor:pointer;color:#000}.tts-popup h3{font-family:"Lato",sans-serif;font-weight:700;font-size:16px;color:343478;margin-bottom:20px;width:100%;float:left}.tts-popup-tab-nav{width:100%;float:left;margin-bottom:20px}.tts-popup-tab-nav a{display:inline-block;padding:5px 10px;font-size:14px;color:rgb(0 0 0 / .5);border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}.tts-popup-tab-nav a:hover{color:#343478}.tts-popup-tab-nav a.active{background:#343478;color:#fff}.tts-pop-tab-ct .daftar-juara{padding:0}.article{text-align:left;position:relative;z-index:100}.article h1{font-size:24px;font-weight:700;margin-bottom:20px;font-family:"Lato",sans-serif;text-align:left}.article h2{font-size:22px;font-weight:700;margin-bottom:18px;font-family:"Lato",sans-serif;text-align:left}.article h3{font-size:20px;font-weight:700;margin-bottom:16px;font-family:"Lato",sans-serif;text-align:left}.article h4{font-size:18px;font-weight:700;margin-bottom:14px;font-family:"Lato",sans-serif;text-align:left}.article h5{font-size:16px;font-weight:700;margin-bottom:12px;font-family:"Lato",sans-serif;text-align:left}.article h6{font-size:14px;font-weight:700;margin-bottom:10px;font-family:"Lato",sans-serif;text-align:left}.article p{margin:12px 0;text-align:left}.article ul{width:100%;padding-left:20px;list-style-type:disc;text-align:left;margin-bottom:20px}.article ol{width:100%;padding-left:20px;list-style-type:decimal;text-align:left;margin-bottom:20px}.article li{text-align:left}.article ol li{display:list-item}.article table{width:100%}.article table th{background:#333;padding:5px;line-height:100%;color:#fff}.article table td{padding:10px 5px;line-height:100%}.article table tr:nth-child(even) td{background:#f1f1f1}.article blockquote{padding:20px;background:#f1f1f1;font-size:16px;line-height:150%;border-left:5px solid #333;margin-bottom:16px;text-align:left}#Ads_article1 iframe,#Ads_article2 iframe,#Ads_article3 iframe{width:650px!important}.article p iframe[width="560"]{width:100%!important}.widget-event{background:#fff;width:calc(100% + 40px);margin-left:-20px;padding-bottom:30px;border:1px solid #dedede}.widget-event .title-bg{position:absolute;top:0;left:0;width:100%}.widget-event .ti{text-align:center;color:#fff;position:relative;z-index:3;padding-top:14px;margin-bottom:14px;padding-bottom:0;border-bottom:none;font-family:"Lato",sans-serif}.widget-event.hut-ri .ti{color:#333}.widget-event .ti::before{display:none}.widget-event .list-4{position:relative;z-index:4;padding-left:20px;padding-right:20px}.widget-event .list-4 li{margin-bottom:10px;background:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 2px 4px rgb(0 0 0 / .15);padding:10px}.widget-event .list-4 .pic{width:75px}.widget-event .list-4 .text{width:calc(100% - 75px)}.widget-event .list-4 li img{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}.widget-event a.bt.bt-primary{margin-bottom:0!important;margin-top:10px}section.widget-event{margin-bottom:30px}.ti-logo{width:100%;float:left;position:relative;z-index:2;text-align:center;padding:5px 0 0}.sticky-video-ads{width:300px;position:fixed;bottom:60px;left:10px;box-shadow:0 4px 16px rgb(0 0 0 / .3);z-index:9999;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;transform:translateX(-120%);-webkit-transform:translateX(-120%);-moz-transform:translateX(-120%);-ms-transform:translateX(-120%);-o-transform:translateX(-120%);display:none!important}.sticky-video-ads.show{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.sticky-video-ads .video-banner{width:100%;height:0;position:relative;padding-top:56.25%}.sticky-video-ads iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:4px solid #fff;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.sticky-video-ads .close-bt{font-size:12px;text-align:center;width:26px;height:26px;position:absolute;top:-10px;right:-10px;background:#ccc;border:3px solid #fff;padding-top:2px;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.sticky-video-ads .close-bt:hover{background:#e80000;cursor:pointer}.pic,.pic img,.headline-grid .item img,.list-1 li figure,.list-4 li .pic,.list-7 li,.list-7 li img,.list-8 li img{overflow:hidden;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.list-3 li.news-group.group-1 .sub-ti{padding-left:10px}.list-3 li.news-group .sub-ti{padding:10px 0;width:100%;float:left;font-family:"Libre Baskerville",serif;font-weight:700;font-size:12px}.list-3 li.news-group .sub-ti.red{color:#e40000}.list-3 li.news-group .sub-ti.blue{color:#439fd3}.list-3 li.news-group{padding:10px 5px 20px;background:#f4f4f4;width:100%;float:left;margin:10px 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.list-3 li.news-group.group-1 .item{width:calc((100% - 60px) / 3);float:left;margin:0 10px}.list-3 li.news-group.group-1 .item .pic{width:100%}.list-3 li.news-group.group-1 .item .pic figure{padding-top:56.25%}.list-3 li.news-group.group-1 .item .text{position:relative;width:100%;float:left;left:auto;top:auto;margin-top:10px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.list-3 li.news-group.group-1 .item .text h3{font-size:14px}.list-3 li.news-group.group-2{padding:20px 15px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.list-3 li.news-group.group-2 .pic,.list-3 li.news-group.group-3 .pic{width:100%}.list-3 li.news-group.group-2 .pic figure,.list-3 li.news-group.group-3 .pic figure{padding-top:56.25%}.list-3 li.news-group.group-2 .text{width:100%;float:left;position:relative;top:auto;left:auto;margin-top:10px;padding:0 10px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.list-3 li.news-group.group-3{padding:20px 15px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.list-3 li.news-group.group-3 .text{top:auto;bottom:20px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);z-index:5}.list-3 li.news-group.group-3 .text h3 a{color:#fff}.list-3 li.news-group.group-3 .text span{color:rgb(255 255 255 / .8)}.list-3 li.news-group.group-3 figure::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;background-image:linear-gradient(#fff0,rgb(0 0 0 / .8));z-index:2}.list-3 li.news-group.group-4{padding:20px 15px}.list-3 li.news-group.group-4 .pic{float:left}.list-3 li.news-group.group-4 .text{left:auto;right:0;width:calc(100% - 130px)}#Ads_billboard div{width:1230px!important;height:auto!important;margin:auto}.skin-link span{position:absolute;color:#333;z-index:9;bottom:20px;left:50%;transform:translateX(-50%);font-size:24px;font-weight:700;padding:10px 100px;border:1px solid rgb(255 255 255 / .3);border-radius:4px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;background:#fff0}.skin-link span:hover{border-color:#fff;background:rgb(255 255 255 / .15)}.skin-link span i{width:40px;height:40px;display:inline-block;background:red;border-radius:50%;text-align:center;padding-top:8px;color:#fff;transform:translateY(2px);margin-left:10px}.list-3 li.news-group.group-4 .text{width:calc(100% - 180px)}@media only screen and (max-width:1600px){.list-3 li.news-group.group-4 .text{width:calc(100% - 130px)}}.clearfix::after{content:"";clear:both;display:table}.headline .item_premium h2,.item_premium h3{position:relative;line-height:1.3em}.headline .item_premium h2::before,.item_premium h3::before{background-image:url(../images/premium/bg_badge.png);background-repeat:no-repeat;display:inline-flex;line-height:100%;align-items:center;justify-content:center;font-family:'Lato',sans-serif;color:#FFF;font-weight:800;content:'Premium';text-transform:uppercase}.headline .item_premium h2::before{font-size:14px;background-size:126px;width:126px;height:26px;transform:translateY(-3px);margin-right:10px}.item_premium h3::before{font-size:12px;background-size:100px;width:100px;height:21px;transform:translateY(-2px);margin-right:8px;padding-left:5px}.headline .item_premium h2::after,.item_premium h3::after{position:absolute;width:12px;height:12px;content:"";background-image:url(../images/premium/vip-crown.png);background-size:12px}.headline .item_premium h2::after{top:3px;left:8px}.headline.headline-premium .item.item_premium:first-child .text h2::after{top:10px}.item_premium h3::after{top:3px;left:6px}.list-3 li.item_premium:first-child .pic{float:none;margin-bottom:25px}.list-3 li.item_premium:first-child h3::after{top:5px}@media only screen and (min-width:1600px){.list-3 li.item_premium h3::after,.list-3 li.item_premium:first-child h3::after{top:6px}}.mi-premium{padding-top:35px;padding-bottom:30px;position:relative}.mi-premium .columns{border-bottom:1px solid #DEDEDE;padding-bottom:40px}.mi-premium::before{position:absolute;content:"";z-index:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;max-width:1360px;width:100%;height:130px;top:0;left:0;right:0;margin:auto;background-color:#F4F4F4}.mi-premium_item{display:flex;flex-direction:column;row-gap:12px}.mi-premium_item figure a{position:relative;display:block}.mi-premium_item figure a img{width:100%}.mi-premium_item h3 a{color:#333;font-weight:700;font-size:16px}.mi-premium_item h3 a:hover{color:#982323}.bg-gray{background-color:#F4F4F4}.ti-premium{font-size:20px;float:none;margin-bottom:15px;display:flex;align-items:center}.ti-premium::before{background:#933B96;width:113px}.ti-premium .view-more{font-size:14px;font-family:'Lato',sans-serif;font-weight:700;color:#439FD3;display:inline-flex;margin-left:auto}.img-block{display:block;width:100%}.img-block>img{width:100%;vertical-align:middle}.detail-premium{margin-top:-150px}.detail-premium .premium-article{background-color:#FFF;padding:75px 100px 0 100px;position:relative}.detail-premium .premium-article::after{background:linear-gradient(180deg,#fff0 0%,#F4F4F4 100%);content:"";position:absolute;height:250px;bottom:0;left:0;right:0}.detail-premium .premium-article h1{font-size:36px;font-weight:700;line-height:1.5em;color:#000;text-align:center;margin-bottom:20px;position:relative}.detail-premium .premium-article .tag-premium{background-image:url(../images/premium/bg_badge.png);background-repeat:no-repeat;background-size:155px;width:155px;height:32px;display:inline-flex;line-height:100%;align-items:center;font-size:20px;color:#FFF;font-weight:800;content:'Premium';text-transform:uppercase;margin:0;padding-left:8px;position:absolute;top:10px;left:0}.detail-premium .premium-article .tag-premium img{width:20px;margin-right:5px}.detail-premium .premium-article>span{color:#555;font-size:16px;font-weight:400;font-family:'Lato',sans-serif;display:block;text-align:center;margin-bottom:20px}.detail-premium .premium-article .author{color:#555;font-size:14px;font-weight:400;font-family:'Lato',sans-serif;text-align:center}.detail-premium .premium-article .author span{display:inline-block}.detail-premium .premium-article p{font-size:16px;font-family:'Lato',sans-serif;color:#000;line-height:1.8em;margin-bottom:20px}.detail-premium .textsize-share{display:flex;align-items:center;justify-content:space-between;column-gap:20px;color:#333;margin:30px 0}.option-size{display:flex;align-items:baseline;column-gap:5px;color:#333;font-size:16px}.detail-premium .textsize-share select{border:none;color:#333;padding:0;font-family:'Lato',sans-serif;font-size:16px;font-weight:700;-webkit-appearance:none;-moz-appearance:none;background-color:#fff0;background-image:url(../images/arrow-down-s-fill.svg);background-size:18px;background-repeat:no-repeat;background-position:right;padding-right:25px}.socmed-inline,.socmed-inline ul{display:flex;align-items:center;column-gap:10px}.fab.fa-twitter-x.fa-twitter-x-gray{background:url(../images/twitter-x_gray.png) no-repeat center;background-size:15px}.socmed-inline ul li a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#F4F4F4;border-radius:50%;color:#555;font-size:15px}.premium-payment,.premium-faq{color:#000;text-align:center;padding:0 100px 40px 100px}.premium-payment h3{font-family:'Lato',sans-serif;font-size:20px;font-weight:700;line-height:1.3em;color:#000;margin:20px 0}.premium-payment h5{font-family:'Lato',sans-serif;font-size:16px;line-height:1.3em}.premium-payment h5 span{display:inline-block;color:#933B96;font-weight:700;margin-bottom:30px}.list-payment{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:20px;margin:20px 0}.accordions .accordion:not(:last-child){margin-bottom:10px}.accordions .accordion{margin:0}.accordions .accordion .accordion-header{justify-content:unset;background-color:#933B96;color:#FFF;padding:15px 30px;font-size:16px;font-family:'Lato',sans-serif;font-weight:700;border-radius:0;border-bottom:1px solid #fff0;display:flex}.accordions .accordion.is-active .accordion-header{background-color:#FFF;color:#333;border-color:#ccc}.accordions .accordion .accordion-header .toggle{margin:0;margin-right:15px;background-color:#FFF;display:none}.accordions .accordion .accordion-header .toggle::before{color:#933B96;font-weight:700}.accordions .accordion.is-active .accordion-header .toggle{background-color:#933B96}.accordions .accordion.is-active .accordion-header .toggle::before{color:#FFF}.accordions .accordion .accordion-header+.accordion-body{background-color:#FFF;border:none;color:#000;font-size:16px;text-align:left;display:none}.accordions .accordion .accordion-header+.accordion-body .accordion-content{padding:15px 30px}.sticker-premium{background-color:#933B96;color:#FFF;margin-top:50px}.sticker-premium_content{font-size:16px;font-family:'Lato',sans-serif;padding:12px 0;display:flex;align-items:center;justify-content:space-between}.sticker-premium_content .bt.bt-primary{display:inline-flex;margin:0;min-width:220px;padding:10px;text-align:center;justify-content:center}.headline.headline-premium{background-color:#FFF;height:auto;padding:0;margin:20px 0;position:relative}.headline.headline-premium::before{position:absolute;background-color:#212121;top:0;left:0;right:0;width:100vw;height:200px;margin:0 auto;content:""}.headline-premium .item{position:relative}.headline-premium .headline-header{display:flex;align-items:center;column-gap:20px;padding-top:20px;padding-bottom:30px}.headline-premium .headline-text{display:flex;align-items:center;column-gap:30px}.headline-premium .headline-header h1{font-weight:700;font-size:48px;color:#FFF}.headline-premium .headline-header p{flex:1 0 0%;margin:0;font-size:16px;color:#FFF}.headline-premium .headline-header img{width:80px;vertical-align:middle}.kanal-premium.mid-ct .column{padding-top:.75rem;padding-bottom:30px}.pagination-premium ul{display:flex;align-items:center;justify-content:center}.pagination-premium ul li a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-weight:700;color:#777;font-size:14px}.pagination-premium ul li.active a,.pagination-premium ul li a:hover{background-color:#933B96;color:#FFF}.pagination-premium ul li.previous a,.pagination-premium ul li.next a{width:auto;padding:0 15px}.account-premium{max-width:970px;margin:40px auto;position:relative;background-color:#933B96;display:flex;align-items:center;padding:0 30px;padding-left:163px;min-height:90px;column-gap:30px}.account-premium::before{background-image:url(../images/premium/flat-design-people.png);background-size:123px;background-repeat:no-repeat;width:123px;height:90px;position:absolute;content:"";left:20px;bottom:0}.account-premium h2{color:#FFF;font-family:'Lato',sans-serif;font-size:20px;font-weight:700;flex:1 0 0%}.kanal-premium-faq{max-width:990px;padding:40px 100px;margin:0 auto;background-color:#F4F4F4;margin-bottom:80px}@media only screen and (max-width:1024px){.mi-premium,.kanal-premium .container,.headline.headline-premium{padding-right:15px;padding-left:15px}.detail-premium{margin-top:-20px}.detail-premium .premium-article::before{font-size:22px;background-size:190px;width:190px;height:54px;top:-11px}.detail-premium .premium-article{padding:50px;padding-bottom:0}.detail-premium .premium-article h1{font-size:26px}.premium-payment,.premium-faq{padding:50px;padding-top:0}.list-premium,.sticker-premium{padding:0 15px}.headline-premium .headline-header h1{font-size:40px}.headline-premium .headline-header p{flex:unset}}.headline .item_breaking-news h1,.headline .item_breaking-news h2,.item_breaking-news h3{position:relative;line-height:1.2em}.headline .item_breaking-news h1::before,.headline .item_breaking-news h2::before,.item_breaking-news h3::before{background-image:url(../images/badge_red.png);background-repeat:no-repeat;display:inline-flex;line-height:100%;align-items:center;justify-content:center;font-family:'Lato',sans-serif;color:#FFF;font-weight:800;content:'Breaking News';text-transform:uppercase}.headline .item_breaking-news h1::before,.headline .item_breaking-news h2::before{font-size:14px;background-size:162px;width:162px;height:27px;transform:translateY(-7px);margin-right:10px}.item_breaking-news h3::before{font-size:12px;background-size:142px;width:142px;height:23px;transform:translateY(-3px);margin-right:8px}.headline .item_breaking-news h1::after,.headline .item_breaking-news h2::after,.item_breaking-news h3::after{position:absolute;width:10px;height:10px;content:"";border-radius:50%;background-color:#F2CB44;left:6px;animation:blink 1s infinite}.headline .item_breaking-news h1::after,.headline .item_breaking-news h2::after{top:7px}.item_breaking-news h3::after{top:3px}.list-8 .item_breaking-news h3::before,.list-4 .item_breaking-news h3::before{margin-bottom:5px;transform:translateY(0)}.list-8 .item_breaking-news h3::after,.list-4 .item_breaking-news h3::after{top:6px}@keyframes blink{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:1}}.list-3 li.item_breaking-news:first-child .text,.list-3 li.item_breaking-news:nth-child(6n+1) .text{float:left;padding-top:40px}.list-3 li.item_breaking-news:first-child .text h3::after{top:4px}.list-3 li.item_breaking-news:nth-child(6n) .text{float:left}@media only screen and (min-width:1600px){.item_breaking-news h3::after,.list-3 li.item_breaking-news:first-child .text h3::after{top:6px}.list-3 li.item_breaking-news:nth-child(6n) h3::after{top:3px}}.pon-klasemen{width:100%;float:left;overflow:hidden}.pon-klasemen-title{width:100%;float:left;text-align:center;background:url(../images/pon/klasemen-header-bg.png) no-repeat center;height:65px;overflow:hidden;border-radius:60px 60px 0 0;-webkit-border-radius:60px 60px 0 0;-moz-border-radius:60px 60px 0 0;-ms-border-radius:60px 60px 0 0;-o-border-radius:60px 60px 0 0}.pon-klasemen-title h3{font-size:20px;font-weight:700;font-family:"Lato",sans-serif;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .2);padding:5px 0 2px}.pon-klasemen-title a{font-size:12px;color:#fbb031;font-weight:700;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.pon-klasemen-title a:hover{color:#fff}.pon-table-wrapper{width:100%;float:left;overflow:hidden;border-radius:0 0 40px 40px;-webkit-border-radius:0 0 40px 40px;-moz-border-radius:0 0 40px 40px;-ms-border-radius:0 0 40px 40px;-o-border-radius:0 0 40px 40px;margin-top:-2px}.pon-tabel-klasemen{width:100%;float:left;background:#231f20}.pon-tabel-klasemen th{border-bottom:5px solid #ed334e;padding:10px 20px;color:#fff;font-size:16px;font-weight:700;text-align:center!important}.pon-tabel-klasemen th:first-child{padding:10px 50px 10px 20px}.pon-tabel-klasemen th:first-child,.pon-tabel-klasemen td:first-child{width:8%}.pon-tabel-klasemen th:nth-child(2),.pon-tabel-klasemen td:nth-child(2){width:32%}.pon-tabel-klasemen th:nth-child(3),.pon-tabel-klasemen td:nth-child(3),.pon-tabel-klasemen th:nth-child(4),.pon-tabel-klasemen td:nth-child(4),.pon-tabel-klasemen th:nth-child(5),.pon-tabel-klasemen td:nth-child(5),.pon-tabel-klasemen th:nth-child(6),.pon-tabel-klasemen td:nth-child(6){width:15%}.pon-tabel-klasemen td{border-bottom:1px solid #ed334e;padding:7px 20px;color:#fff;font-size:16px;text-align:center!important;display:none}.pon-tabel-klasemen td:first-child{padding:7px 50px 7px 20px;background:url(../images/pon/klasemen-num-bg.png) no-repeat center right}.pon-tabel-klasemen th:nth-child(2),.pon-tabel-klasemen td:nth-child(2){text-align:left!important}.pon-jadwal-header{width:100%;float:left;height:50px;background:url(../images/pon/bg-jadwal.png) no-repeat center;background-size:cover}.pon-jadwal-header h3{font-size:20px;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .2);width:100%;float:left;text-align:center;font-family:"Lato",sans-serif;font-weight:700;padding:10px 0}.pon-jadwal-acc,.pon-acc-item,.pon-acc-header,.pon-acc-body,.pon-jadwal-card{width:100%;float:left;position:relative}.pon-jadwal-acc{background:#f4f4f4;padding:20px;height:500px;overflow-y:auto;margin-bottom:30px}.pon-acc-header{height:25px;overflow:hidden;background:url(../images/pon/jadwal-acc-head-bg.png) no-repeat center;background-size:cover}.pon-acc-item{margin-bottom:2px}.pon-acc-item:first-child .pon-acc-header{border-radius:12px 12px 0 0;-webkit-border-radius:12px 12px 0 0;-moz-border-radius:12px 12px 0 0;-ms-border-radius:12px 12px 0 0;-o-border-radius:12px 12px 0 0}.pon-acc-header h4{float:left;font-size:14px;font-family:"Lato",sans-serif;font-weight:700;color:#fff;background:url(../images/pon/jadwal-text-bg.png) no-repeat center right;background-size:cover;padding:2px 40px 3px 20px}.pon-acc-header i{float:right;color:#fff;padding:5px 20px}.pon-acc-body{background:#000;padding:20px;display:none}.pon-jadwal-card{height:84px;background:url(../images/pon/jadwal-card-bg.png) no-repeat center;background-size:cover;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;margin-bottom:2px;overflow:hidden}.pon-jadwal-card::before{content:"";width:78px;height:24px;background:url(../images/pon/jadwal-card-corner.png);position:absolute;right:0;bottom:0}.pon-jadwal-card h5{float:left;padding:2px 50px 2px 20px;font-size:14px;font-weight:700;color:#fff;height:25px;background:url(../images/pon/jadwal-text-bg.png) no-repeat center right;background-size:cover}.pon-jadwal-card .loc{width:100%;float:left;padding:10px 20px;color:#fff;font-size:12px}.pon-jadwal-card .loc i{color:#00a551;margin-right:5px;display:inline-block}.pon-jadwal-card .time{position:absolute;bottom:10px;left:16px;padding:2px 20px;font-size:12px;color:rgb(255 255 255 / .8);text-align:right}.pon-klasemen.pops{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgb(0 0 0 / .5);z-index:9999}.pon-klasemen.pops .pon-popup{width:90vw;max-width:900px;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%)}.pon-klasemen.pops .pon-popup .pon-table-wrapper{max-height:50vh;overflow-y:auto}.pon-klasemen .pon-tabel-klasemen tr:nth-child(1) td,.pon-klasemen .pon-tabel-klasemen tr:nth-child(2) td,.pon-klasemen .pon-tabel-klasemen tr:nth-child(3) td,.pon-klasemen .pon-tabel-klasemen tr:nth-child(4) td,.pon-klasemen .pon-tabel-klasemen tr:nth-child(5) td,.pon-klasemen.pops .pon-tabel-klasemen td{display:table-cell}.article p.related-news{padding:0 20px;border-left:3px solid #333;font-size:12px;line-height:150%;margin:20px 0}.article p.related-news a{font-size:16px;display:block}@media only screen and (max-width:768px){.article p.related-news a{font-size:14px}}.mid-ct.bg-header-quran.juz-amma .quran-header{padding:20px 0}.mid-ct.bg-header-quran.juz-amma .quran-header .column{padding-top:0}.mid-ct.bg-header-quran.juz-amma .quran-header.columns.quran-header.is-centered{margin-bottom:0}.quran-title{width:100%;float:left;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quran-title h1{width:auto;margin-bottom:0}.ayat-arabic{transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.account-page{width:100%;height:100vh;background:url(../../../images/tts/tts-acc-bg.jpg) no-repeat center;background-size:cover;z-index:2;overflow-y:auto}.tts-form{width:calc(100% - 40px);max-width:480px;display:block;z-index:3;padding:40px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;margin:80px auto}.tts-form .inp-group{width:100%;margin-bottom:10px}.tts-form .inp-group:last-child{margin-bottom:0}.tts-form .inp-group label{font-size:12px;width:100%;margin-bottom:3px}.tts-form .inp-group input{width:100%;height:48px;padding:10px 16px;border:1px solid #dedede;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:14px}.tts-form .inp-group textarea{width:100%;padding:0 16px;border:1px solid #dedede;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:14px}.tts-form .inp-group button{margin-top:20px;width:120px;margin:20px auto 0;display:block;padding:10px;background:#0154a2;color:#fff;font-size:14px;font-weight:700;border:none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.tts-form .inp-group button:hover{cursor:pointer;background:#052f66}.tts-form .inp-group a{font-size:14px}.tts-form .inp-group h3{font-size:24px;font-weight:700;margin-bottom:20px}.tts-form .inp-group p{width:100%;font-size:14px;margin-top:20px}.clearfix::after{content:"";clear:both;display:table}.headline .item_premium h2,.item_premium h3{position:relative;line-height:1.3em}.headline .item_premium h2::before,.item_premium h3::before{background-image:url(../images/premium/bg_badge.png);background-repeat:no-repeat;display:inline-flex;line-height:100%;align-items:center;justify-content:center;font-family:'Lato',sans-serif;color:#FFF;font-weight:800;content:'Premium';text-transform:uppercase}.headline .item_premium h2::before{font-size:14px;background-size:126px;width:126px;height:26px;transform:translateY(-3px);margin-right:10px}.item_premium h3::before{font-size:12px;background-size:100px;width:100px;height:21px;transform:translateY(-2px);margin-right:8px;padding-left:5px}.headline .item_premium h2::after,.item_premium h3::after{position:absolute;width:12px;height:12px;content:"";background-image:url(../images/premium/vip-crown.png);background-size:12px}.headline .item_premium h2::after{top:3px;left:8px}.headline.headline-premium .item.item_premium:first-child .text h2::after{top:10px}.item_premium h3::after{top:3px;left:6px}.list-3 li.item_premium:first-child .pic{float:none;margin-bottom:25px}.list-3 li.item_premium:first-child h3::after{top:5px}@media only screen and (min-width:1600px){.list-3 li.item_premium h3::after,.list-3 li.item_premium:first-child h3::after{top:6px}}.mi-premium{padding-top:35px;padding-bottom:30px;position:relative}.mi-premium .columns{border-bottom:1px solid #DEDEDE;padding-bottom:40px}.mi-premium::before{position:absolute;content:"";z-index:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;max-width:1360px;width:100%;height:130px;top:0;left:0;right:0;margin:auto;background-color:#F4F4F4}.mi-premium_item{display:flex;flex-direction:column;row-gap:12px}.mi-premium_item figure a{position:relative;display:block}.mi-premium_item figure a img{width:100%}.mi-premium_item h3 a{color:#333;font-weight:700;font-size:16px}.mi-premium_item h3 a:hover{color:#982323}.bg-gray{background-color:#F4F4F4}.ti-premium{font-size:20px;float:none;margin-bottom:15px;display:flex;align-items:center}.ti-premium::before{background:#933B96;width:113px}.ti-premium .view-more{font-size:14px;font-family:'Lato',sans-serif;font-weight:700;color:#439FD3;display:inline-flex;margin-left:auto}.img-block{display:block;width:100%}.img-block>img{width:100%;vertical-align:middle}.detail-premium{margin-top:-150px}.detail-premium .premium-article{background-color:#FFF;padding:75px 100px 0 100px;position:relative}.detail-premium .premium-article::after{background:linear-gradient(180deg,#fff0 0%,#F4F4F4 100%);content:"";position:absolute;height:250px;bottom:0;left:0;right:0}.detail-premium .premium-article h1{font-size:36px;font-weight:700;line-height:1.5em;color:#000;text-align:center;margin-bottom:20px;position:relative}.detail-premium .premium-article .tag-premium{background-image:url(../images/premium/bg_badge.png);background-repeat:no-repeat;background-size:155px;width:155px;height:32px;display:inline-flex;line-height:100%;align-items:center;font-size:20px;color:#FFF;font-weight:800;content:'Premium';text-transform:uppercase;margin:0;padding-left:8px;position:absolute;top:10px;left:0}.detail-premium .premium-article .tag-premium img{width:20px;margin-right:5px}.detail-premium .premium-article>span{color:#555;font-size:16px;font-weight:400;font-family:'Lato',sans-serif;display:block;text-align:center;margin-bottom:20px}.detail-premium .premium-article .author{color:#555;font-size:14px;font-weight:400;font-family:'Lato',sans-serif;text-align:center}.detail-premium .premium-article .author span{display:inline-block}.detail-premium .premium-article p{font-size:16px;font-family:'Lato',sans-serif;color:#000;line-height:1.8em;margin-bottom:20px}.detail-premium .textsize-share{display:flex;align-items:center;justify-content:space-between;column-gap:20px;color:#333;margin:30px 0}.option-size{display:flex;align-items:baseline;column-gap:5px;color:#333;font-size:16px}.detail-premium .textsize-share select{border:none;color:#333;padding:0;font-family:'Lato',sans-serif;font-size:16px;font-weight:700;-webkit-appearance:none;-moz-appearance:none;background-color:#fff0;background-image:url(../images/arrow-down-s-fill.svg);background-size:18px;background-repeat:no-repeat;background-position:right;padding-right:25px}.socmed-inline,.socmed-inline ul{display:flex;align-items:center;column-gap:10px}.fab.fa-twitter-x.fa-twitter-x-gray{background:url(../images/twitter-x_gray.png) no-repeat center;background-size:15px}.socmed-inline ul li a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#F4F4F4;border-radius:50%;color:#555;font-size:15px}.premium-payment,.premium-faq{color:#000;text-align:center;padding:0 100px 40px 100px}.premium-payment h3{font-family:'Lato',sans-serif;font-size:20px;font-weight:700;line-height:1.3em;color:#000;margin:20px 0}.premium-payment h5{font-family:'Lato',sans-serif;font-size:16px;line-height:1.3em}.premium-payment h5 span{display:inline-block;color:#933B96;font-weight:700;margin-bottom:30px}.list-payment{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:20px;margin:20px 0}.accordions .accordion:not(:last-child){margin-bottom:10px}.accordions .accordion{margin:0}.accordions .accordion .accordion-header{justify-content:unset;background-color:#933B96;color:#FFF;padding:15px 30px;font-size:16px;font-family:'Lato',sans-serif;font-weight:700;border-radius:0;border-bottom:1px solid #fff0}.accordions .accordion.is-active .accordion-header{background-color:#FFF;color:#333;border-color:#ccc}.accordions .accordion .accordion-header .toggle{margin:0;margin-right:15px;background-color:#FFF}.accordions .accordion .accordion-header .toggle::before{color:#933B96;font-weight:700}.accordions .accordion.is-active .accordion-header .toggle{background-color:#933B96}.accordions .accordion.is-active .accordion-header .toggle::before{color:#FFF}.accordions .accordion .accordion-header+.accordion-body{background-color:#FFF;border:none;color:#000;font-size:16px;text-align:left}.accordions .accordion .accordion-header+.accordion-body .accordion-content{padding:15px 30px}.sticker-premium{background-color:#933B96;color:#FFF;margin-top:50px}.sticker-premium_content{font-size:16px;font-family:'Lato',sans-serif;padding:12px 0;display:flex;align-items:center;justify-content:space-between}.sticker-premium_content .bt.bt-primary{display:inline-flex;margin:0;min-width:220px;padding:10px;text-align:center;justify-content:center}.headline.headline-premium{background-color:#FFF;height:auto;padding:0;margin:20px 0;position:relative}.headline.headline-premium::before{position:absolute;background-color:#212121;top:0;left:0;right:0;width:1344px;height:200px;margin:0 auto;content:"";display:none}.headline-premium .item{position:relative}.headline-premium .headline-header{display:flex;align-items:center;column-gap:20px;padding-top:20px;padding-bottom:30px}.headline-premium .headline-text{display:flex;align-items:center;column-gap:30px}.headline-premium .headline-header h1{font-weight:700;font-size:48px;color:#FFF}.headline-premium .headline-header p{flex:1 0 0%;margin:0;font-size:16px;color:#FFF}.headline-premium .headline-header img{width:80px;vertical-align:middle}.kanal-premium.mid-ct .column{padding-top:.75rem;padding-bottom:30px}.pagination-premium ul{display:flex;align-items:center;justify-content:center}.pagination-premium ul li a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-weight:700;color:#777;font-size:14px}.pagination-premium ul li.active a,.pagination-premium ul li a:hover{background-color:#933B96;color:#FFF}.pagination-premium ul li.previous a,.pagination-premium ul li.next a{width:auto;padding:0 15px}.account-premium{max-width:970px;margin:40px auto;position:relative;background-color:#933B96;display:flex;align-items:center;padding:0 30px;padding-left:163px;min-height:90px;column-gap:30px}.account-premium::before{background-image:url(../images/premium/flat-design-people.png);background-size:123px;background-repeat:no-repeat;width:123px;height:90px;position:absolute;content:"";left:20px;bottom:0}.account-premium h2{color:#FFF;font-family:'Lato',sans-serif;font-size:20px;font-weight:700;flex:1 0 0%}.kanal-premium-faq{max-width:990px;padding:40px 100px;margin:0 auto;background-color:#F4F4F4;margin-bottom:80px}@media only screen and (max-width:1024px){.mi-premium,.kanal-premium .container,.headline.headline-premium{padding-right:15px;padding-left:15px}.detail-premium{margin-top:-20px}.detail-premium .premium-article::before{font-size:22px;background-size:190px;width:190px;height:54px;top:-11px}.detail-premium .premium-article{padding:50px;padding-bottom:0}.detail-premium .premium-article h1{font-size:26px}.premium-payment,.premium-faq{padding:50px;padding-top:0}.list-premium,.sticker-premium{padding:0 15px}.headline-premium .headline-header h1{font-size:40px}.headline-premium .headline-header p{flex:unset}}.headline .item_breaking-news h2,.item_breaking-news h3{position:relative;line-height:1.2em}.headline .item_breaking-news h2::before,.item_breaking-news h3::before{background-image:url(../images/badge_red.png);background-repeat:no-repeat;display:inline-flex;line-height:100%;align-items:center;justify-content:center;font-family:'Lato',sans-serif;color:#FFF;font-weight:800;content:'Breaking News';text-transform:uppercase}.headline .item_breaking-news h2::before{font-size:14px;background-size:162px;width:162px;height:27px;transform:translateY(-7px);margin-right:10px}.item_breaking-news h3::before{font-size:12px;background-size:142px;width:142px;height:23px;transform:translateY(-3px);margin-right:8px}.headline .item_breaking-news h2::after,.item_breaking-news h3::after{position:absolute;width:10px;height:10px;content:"";border-radius:50%;background-color:#F2CB44;left:6px;animation:blink 1s infinite}.headline .item_breaking-news h2::after{top:7px}.item_breaking-news h3::after{top:3px}.list-8 .item_breaking-news h3::before,.list-4 .item_breaking-news h3::before{margin-bottom:5px;transform:translateY(0)}.list-8 .item_breaking-news h3::after,.list-4 .item_breaking-news h3::after{top:6px}@keyframes blink{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:1}}.list-3 li.item_breaking-news:first-child .text,.list-3 li.item_breaking-news:nth-child(6n+1) .text{float:left;padding-top:40px}.list-3 li.item_breaking-news:first-child .text h3::after{top:4px}.list-3 li.item_breaking-news:nth-child(6n) .text{float:left}@media only screen and (min-width:1600px){.item_breaking-news h3::after,.list-3 li.item_breaking-news:first-child .text h3::after{top:6px}.list-3 li.item_breaking-news:nth-child(6n) h3::after{top:3px}}.sticky-video-ads{width:300px;position:fixed;bottom:60px;left:10px;box-shadow:0 4px 16px rgb(0 0 0 / .3);z-index:9999;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;transform:translateX(-120%);-webkit-transform:translateX(-120%);-moz-transform:translateX(-120%);-ms-transform:translateX(-120%);-o-transform:translateX(-120%)}.sticky-video-ads.show{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.sticky-video-ads .video-banner{width:100%;height:0;position:relative;padding-top:56.25%}.sticky-video-ads iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:4px solid #fff;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.sticky-video-ads .close-bt{font-size:12px;text-align:center;width:26px;height:26px;position:absolute;top:-10px;right:-10px;background:#ccc;border:3px solid #fff;padding-top:2px;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.sticky-video-ads .close-bt:hover{background:#e80000;cursor:pointer}.pic,.pic img,.headline-grid .item img,.list-1 li figure,.list-4 li .pic,.list-7 li,.list-7 li img,.list-8 li img{overflow:hidden;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.list-3 li.news-group.group-1 .sub-ti{padding-left:10px}.list-3 li.news-group .sub-ti{padding:10px 0;width:100%;float:left;font-family:"Libre Baskerville",serif;font-weight:700;font-size:12px}.list-3 li.news-group .sub-ti.red{color:#e40000}.list-3 li.news-group .sub-ti.blue{color:#439fd3}.list-3 li.news-group{padding:10px 5px 20px;background:#f4f4f4;width:100%;float:left;margin:10px 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.list-3 li.news-group.group-1 .item{width:calc((100% - 60px) / 3);float:left;margin:0 10px}.list-3 li.news-group.group-1 .item .pic{width:100%}.list-3 li.news-group.group-1 .item .pic figure{padding-top:56.25%}.list-3 li.news-group.group-1 .item .text{position:relative;width:100%;float:left;left:auto;top:auto;margin-top:10px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.list-3 li.news-group.group-1 .item .text h3{font-size:14px}.list-3 li.news-group.group-2{padding:20px 15px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.list-3 li.news-group.group-2 .pic,.list-3 li.news-group.group-3 .pic{width:100%}.list-3 li.news-group.group-2 .pic figure,.list-3 li.news-group.group-3 .pic figure{padding-top:56.25%}.list-3 li.news-group.group-2 .text{width:100%;float:left;position:relative;top:auto;left:auto;margin-top:10px;padding:0 10px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.list-3 li.news-group.group-3{padding:20px 15px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.list-3 li.news-group.group-3 .text{top:auto;bottom:20px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);z-index:5}.list-3 li.news-group.group-3 .text h3 a{color:#fff}.list-3 li.news-group.group-3 .text span{color:rgb(255 255 255 / .8)}.list-3 li.news-group.group-3 figure::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;background-image:linear-gradient(#fff0,rgb(0 0 0 / .8));z-index:2}.list-3 li.news-group.group-4{padding:20px 15px}.list-3 li.news-group.group-4 .pic{float:left}.list-3 li.news-group.group-4 .text{left:auto;right:0;width:calc(100% - 180px)}.pon-klasemen{width:100%;float:left;overflow:hidden}.pon-klasemen-title{width:100%;float:left;text-align:center;background:url(../images/pon/klasemen-header-bg.png) no-repeat center;height:65px;overflow:hidden;border-radius:60px 60px 0 0;-webkit-border-radius:60px 60px 0 0;-moz-border-radius:60px 60px 0 0;-ms-border-radius:60px 60px 0 0;-o-border-radius:60px 60px 0 0}.pon-klasemen-title h3{font-size:20px;font-weight:700;font-family:"Lato",sans-serif;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .2);padding:5px 0 2px}.pon-klasemen-title a{font-size:12px;color:#fbb031;font-weight:700;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.pon-klasemen-title a:hover{color:#fff}.pon-table-wrapper{width:100%;float:left;overflow:hidden;border-radius:0 0 40px 40px;-webkit-border-radius:0 0 40px 40px;-moz-border-radius:0 0 40px 40px;-ms-border-radius:0 0 40px 40px;-o-border-radius:0 0 40px 40px;margin-top:-2px}.pon-tabel-klasemen{width:100%;float:left;background:#231f20}.pon-tabel-klasemen th{border-bottom:5px solid #ed334e;padding:10px 20px;color:#fff;font-size:16px;font-weight:700;text-align:center!important}.pon-tabel-klasemen th:first-child{padding:10px 50px 10px 20px}.pon-tabel-klasemen th:first-child,.pon-tabel-klasemen td:first-child{width:8%}.pon-tabel-klasemen th:nth-child(2),.pon-tabel-klasemen td:nth-child(2){width:32%}.pon-tabel-klasemen th:nth-child(3),.pon-tabel-klasemen td:nth-child(3),.pon-tabel-klasemen th:nth-child(4),.pon-tabel-klasemen td:nth-child(4),.pon-tabel-klasemen th:nth-child(5),.pon-tabel-klasemen td:nth-child(5),.pon-tabel-klasemen th:nth-child(6),.pon-tabel-klasemen td:nth-child(6){width:15%}.pon-tabel-klasemen td{border-bottom:1px solid #ed334e;padding:7px 20px;color:#fff;font-size:16px;text-align:center!important;display:none}.pon-tabel-klasemen td:first-child{padding:7px 50px 7px 20px;background:url(../images/pon/klasemen-num-bg.png) no-repeat center right}.pon-tabel-klasemen th:nth-child(2),.pon-tabel-klasemen td:nth-child(2){text-align:left!important}.pon-jadwal-header{width:100%;float:left;height:50px;background:url(../images/pon/bg-jadwal.png) no-repeat center;background-size:cover}.pon-jadwal-header h3{font-size:20px;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .2);width:100%;float:left;text-align:center;font-family:"Lato",sans-serif;font-weight:700;padding:10px 0}.pon-jadwal-acc,.pon-acc-item,.pon-acc-header,.pon-acc-body,.pon-jadwal-card{width:100%;float:left;position:relative}.pon-jadwal-acc{background:#f4f4f4;padding:20px;height:500px;overflow-y:auto}.pon-acc-header{height:25px;overflow:hidden;background:url(../images/pon/jadwal-acc-head-bg.png) no-repeat center;background-size:cover}.pon-acc-item{margin-bottom:2px}.pon-acc-item:first-child .pon-acc-header{border-radius:12px 12px 0 0;-webkit-border-radius:12px 12px 0 0;-moz-border-radius:12px 12px 0 0;-ms-border-radius:12px 12px 0 0;-o-border-radius:12px 12px 0 0}.pon-acc-header h4{float:left;font-size:14px;font-family:"Lato",sans-serif;font-weight:700;color:#fff;background:url(../images/pon/jadwal-text-bg.png) no-repeat center right;background-size:cover;padding:2px 40px 3px 20px}.pon-acc-header i{float:right;color:#fff;padding:5px 20px}.pon-acc-body{background:#000;padding:20px;display:none}.pon-jadwal-card{height:84px;background:url(../images/pon/jadwal-card-bg.png) no-repeat center;background-size:cover;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;margin-bottom:2px;overflow:hidden}.pon-jadwal-card::before{content:"";width:78px;height:24px;background:url(../images/pon/jadwal-card-corner.png);position:absolute;right:0;bottom:0}.pon-jadwal-card h5{float:left;padding:2px 50px 2px 20px;font-size:14px;font-weight:700;color:#fff;height:25px;background:url(../images/pon/jadwal-text-bg.png) no-repeat center right;background-size:cover}.pon-jadwal-card .loc{width:100%;float:left;padding:10px 20px;color:#fff;font-size:12px}.pon-jadwal-card .loc i{color:#00a551;margin-right:5px;display:inline-block}.pon-jadwal-card .time{position:absolute;bottom:10px;left:16px;padding:2px 20px;font-size:12px;color:rgb(255 255 255 / .8);text-align:right}.pon-klasemen.pops{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgb(0 0 0 / .5);z-index:9999}.pon-klasemen.pops .pon-popup{width:90vw;max-width:900px;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%)}.pon-klasemen.pops .pon-popup .pon-table-wrapper{max-height:50vh;overflow-y:auto}.pon-klasemen .pon-tabel-klasemen tr:nth-child(1) td,.pon-klasemen .pon-tabel-klasemen tr:nth-child(2) td,.pon-klasemen .pon-tabel-klasemen tr:nth-child(3) td,.pon-klasemen .pon-tabel-klasemen tr:nth-child(4) td,.pon-klasemen .pon-tabel-klasemen tr:nth-child(5) td,.pon-klasemen.pops .pon-tabel-klasemen td{display:table-cell}.widget-event{background:#fff;width:calc(100% + 40px);margin-left:-20px;padding-bottom:30px;border:1px solid #dedede}.widget-event .title-bg{position:absolute;top:0;left:0;width:100%}.widget-event .ti{text-align:center;color:#fff;position:relative;z-index:3;padding-top:14px;padding-bottom:0;border-bottom:none;font-family:"Lato",sans-serif;margin-bottom:14px}.widget-event.hut-ri .ti{color:#333}.widget-event .ti::before{display:none}.widget-event .list-4{position:relative;z-index:4;padding-left:20px;padding-right:20px}.widget-event .list-4 li{margin-bottom:10px;background:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 2px 4px rgb(0 0 0 / .15);padding:10px}.widget-event .list-4 .pic{width:75px}.widget-event .list-4 .text{width:calc(100% - 75px)}.widget-event .list-4 li img{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}.widget-event a.bt.bt-primary{margin-bottom:0!important;margin-top:10px}section.widget-event{margin-bottom:30px}.ti-logo{width:100%;float:left;position:relative;z-index:2;text-align:center;padding:5px 0 0}.juz-amma{width:432px;float:left;position:relative;z-index:9}.juz-amma .widget-title{width:100%;float:left;height:60px;display:flex;padding-top:12px;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:url(../images/juz-amma-header.png) no-repeat center;background-size:cover}.juz-amma ul{width:100%;float:left;height:calc(100vh - 500px);padding:0 20px;background:#2463AE;overflow-y:auto}.juz-amma::after{content:"";width:100%;height:300px;background:url(../images/juz-amma-footer.png) no-repeat center;background-size:cover;position:absolute;top:calc(100% - 1px);left:0}.juz-amma ul li{width:100%;float:left}.juz-amma ul li .card-juz-amma{color:#fff;font-size:14px;display:flex;align-items:center;justify-content:space-between;background:rgb(255 255 255 / .1);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;margin-bottom:4px;padding:2px 10px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.juz-amma ul li .card-juz-amma:hover,.juz-amma ul li.active .card-juz-amma{background:#E99800}.juz-amma ul li .card-juz-amma .is-flex{align-items:center}.juz-amma ul li .card-juz-amma .nama-surat{width:auto;padding-right:15px;border-right:1px solid rgb(255 255 255 / .2);margin-bottom:0}.juz-amma ul li .card-juz-amma .nama-surat-arabic{width:auto;text-align:left;padding-left:15px}.juz-amma ul::-webkit-scrollbar{width:5px;background:#fff0;padding:4px}.juz-amma ul::-webkit-scrollbar-track{padding:2px}.juz-amma ul::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .3);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;margin:2px}.juz-amma ul::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .6)}.tafsir-quote{width:100%;float:left;margin:20px 0;padding:30px;background:#2463AE;color:rgb(255 255 255 / .8);border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;position:relative}.tafsir-quote::before,.tafsir-quote::after{content:"";width:60px;height:130px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.tafsir-quote::before{content:"";left:-60px;background:url(../images/quran-quote-before.png) no-repeat center}.tafsir-quote::after{content:"";right:-60px;background:url(../images/quran-quote-after.png) no-repeat center}.tafsir-quote p:last-child{margin-bottom:0}.header-quran{width:100%;float:left;background:#212121;padding:10px 0;margin-bottom:30px;position:fixed;top:0;left:0;z-index:99}.header-quran img{width:100%;height:60px;object-fit:contain}.menu-quran{display:flex;justify-content:end;align-items:center}.menu-quran a{margin-left:30px;color:rgb(255 255 255 / .7);font-size:16px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.menu-quran a:hover{color:#fff}.master-quran{width:100%;float:left;padding-top:86px}.for-mobile{display:none}.burger-quran{position:absolute;top:0;right:0;color:#fff}.fitur-ayat a.bt{display:flex;float:left;align-items:center;justify-content:center;padding:6px 10px 6px 20px;margin-right:10px}.fitur-ayat a.bt:nth-child(2) i{margin-left:10px}.items-ayat{width:100%;float:left;padding:20px 0;margin-bottom:0}.master-quran .post-header{margin-bottom:0}@media only screen and (max-width:768px){.for-mobile{display:block}.for-desktop{display:none}.header-quran .column.is-9{height:0}.menu-quran{width:100%;float:left;display:block;white-space:nowrap;overflow-x:auto;padding:10px 20px;background:#111}.menu-quran a{display:inline-block;margin:0 15px}.menu-juz-amma{padding:10px 24px 10px 16px;background:#2463AE;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);z-index:99;color:#fff;font-size:14px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.menu-juz-amma::before,.menu-juz-amma::after{content:"";width:16px;height:36px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.menu-juz-amma::before{right:100%;background:url(../images/quran-quote-before.png) no-repeat center;background-size:contain}.menu-juz-amma::after{left:100%;background:url(../images/quran-quote-after.png) no-repeat center;background-size:contain}.menu-juz-amma i{margin-right:8px}.juz-amma{width:96%;position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);z-index:99;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;overflow:hidden;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;opacity:0}.juz-amma::after{display:none}.juz-amma ul{height:75vh;padding-bottom:30px}.juz-amma.show{bottom:50px;opacity:1}}.comment-section{margin-bottom:60px}.new-comment{width:100%;float:left;position:relative;padding:15px 20px 20px;background:#f4f4f4;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.comment-ti{font-family:'Libre Baskerville',serif;font-size:16px;font-weight:700;margin-bottom:10px}.comment-input-wrap{width:100%;float:left;position:relative;background:#fff;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.comment-input-wrap::before{content:"";width:180px;height:62px;position:absolute;bottom:0;right:0;background:url(../images/comment-corner.png) no-repeat right bottom}.comment-input-wrap textarea{width:100%;height:100px;padding:20px;border:none;resize:none}.comment-input-wrap textarea:focus{outline:none}.textarea-footer{width:100%;float:left;padding:0 0 0 20px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.textarea-footer span{font-size:12px;color:#555}.textarea-footer .comment-bt{height:36px;padding:0 10px;width:100px;background:#439FD3;border:none;color:#fff;font-size:14px;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.textarea-footer .comment-bt:hover{background:#496ECD;cursor:pointer}.no-comment{width:100%;float:left;padding:30px;text-align:center}.no-comment span{font-size:14px;color:#555;display:block}.comment-list{width:100%;float:left;padding:0 20px 30px}.comment-item{width:100%;float:left;position:relative;margin:30px 0 0}.comment-item-head{width:100%;float:left;display:flex;justify-content:space-between}.commenter .name{font-size:14px;font-weight:700;line-height:100%}.commenter span{font-size:12px;color:#555}.comment-item-head .right-button-wrap{width:34px;height:34px;position:relative}.comment-item-head .right-button-wrap.active{z-index:9}.comment-item-head .toggle-bt{width:34px;height:34px;border:none;background:none}.comment-item-head .toggle-bt:hover{cursor:pointer}.comment-item-head .report-bt-wrap{position:absolute;bottom:50%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;opacity:0;pointer-events:none}.report-bt-wrap::before{content:"";width:8px;height:8px;background:#df0000;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.comment-item-head .report-bt-wrap.show{opacity:1;pointer-events:auto;bottom:100%}.comment-item-head .report-bt{background:#df0000;color:#fff;font-size:14px;border:none;padding:10px;border-radius:10px;-webkit-border-radius:20px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.comment-item-head .report-bt:hover{cursor:pointer;background:#bc0000;box-shadow:0 3px 9px rgb(0 0 0 / .3)}.comment-item-head .report-bt-wrap:hover::before{background:#bc0000}.comment-ct{width:100%;float:left;padding:10px 0 15px;font-size:16px}.comment-item-foot{width:100%;float:left;display:flex}.comment-item-foot button{height:30px;font-size:12px;color:#555;border:none;background:#eee;margin-right:10px;display:flex;align-items:center;padding:0 10px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.comment-item-foot button.reply-bt{width:110px}.comment-item-foot button.like-bt{background:#496ECD;color:#fff}.comment-item-foot button svg{margin-right:4px}.comment-item-foot button:hover{background:#439FD3;color:#fff;cursor:pointer}.comment-item .new-comment{margin:10px 0;display:none;position:relative}.replied-list{width:100%;float:left;padding:0 0 0 80px;position:relative}.replied-list::before{content:"";width:2px;height:100%;position:absolute;top:0;left:55px;background:#eee}.popup.ask-to-login{background:#fff;text-align:center;padding:40px}.popup.ask-to-login .bt-secondary{background:#efefef}.report-wrap{width:240px;padding:15px 20px 20px;position:absolute;top:-20px;right:0;background:#fff;box-shadow:0 4px 16px rgb(0 0 0 / .25);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;opacity:0;pointer-events:none}.right-button-wrap.active{z-index:9}.right-button-wrap.active .report-wrap{opacity:1;pointer-events:auto;top:0}.report-wrap p,.report-wrap label{font-size:12px}.report-check-group{width:100%;float:left;margin-bottom:10px;z-index:9}.report-wrap label{width:100%;float:left;margin-bottom:5px;display:flex;align-items:center}.report-wrap label input{margin-right:4px}.report-foot{width:100%;float:left;text-align:right}.report-foot .bt{font-size:14px;border:none;padding:5px 15px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.report-foot .bt:hover{box-shadow:0 3px 6px rgb(0 0 0 / .25);cursor:pointer;background:#fff}.report-foot .bt.bt-primary{background:#dc0000;color:#fff}.report-foot .bt.bt-primary:hover{background:#fe0000}.view-more-comment{width:100%;float:left;display:flex;justify-content:center}.view-more-comment .bt{float:none}.commented-news{width:100%;float:left;display:flex;align-items:center;padding:20px;margin-bottom:30px;background:#f4f4f4;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.commented-news .pic{width:40%}.commented-news .text{width:60%;padding-left:30px;padding-right:10px}.commented-news .text h2{font-size:16px;font-weight:700;margin-bottom:5px}.commented-news .text h2 a{color:#333;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.commented-news .text h2 a:hover{color:#982323}.commented-news .text .date{font-size:12px;color:#555;margin-bottom:10px}.commented-news .text p{font-size:14px;color:#333}.action-bar{width:100%;float:left;display:flex;justify-content:end;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;opacity:0;pointer-events:none;margin-top:10px}.item:hover .action-bar,li:hover .action-bar{opacity:1;pointer-events:auto}.action-bar button{display:flex;border:1px solid #dedede;border-right:none;padding:5px 10px;font-size:12px;align-items:center;background:#fff;color:#777;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;position:relative}.action-bar button:active svg{transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7)}.action-bar button:first-child{border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-ms-border-radius:6px 0 0 6px;-o-border-radius:6px 0 0 6px}.action-bar button:last-child{border-right:1px solid #dedede;border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-ms-border-radius:0 6px 6px 0;-o-border-radius:0 6px 6px 0}.action-bar button:hover{background:#496ECD;color:#FECD43;cursor:pointer;border-color:#fff0}.action-bar button span{margin-left:5px}.action-bar button:hover span{color:#fff}@keyframes like-particles{from{transform:translate(-30%,-50%) scale(0);-webkit-transform:translate(-30%,-50%) scale(0);-moz-transform:translate(-30%,-50%) scale(0);-ms-transform:translate(-30%,-50%) scale(0);-o-transform:translate(-30%,-50%) scale(0);opacity:0}to{transform:translate(-30%,-50%) scale(1);-webkit-transform:translate(-30%,-50%) scale(1);-moz-transform:translate(-30%,-50%) scale(1);-ms-transform:translate(-30%,-50%) scale(1);-o-transform:translate(-30%,-50%) scale(1);opacity:1}}.action-bar button.like-btn::before,.action-bar button.like-btn::after{content:"";width:60px;height:60px;position:absolute;left:30%;top:50%;transform:translate(-30%,-50%);-webkit-transform:translate(-30%,-50%);-moz-transform:translate(-30%,-50%);-ms-transform:translate(-30%,-50%);-o-transform:translate(-30%,-50%);z-index:9;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;opacity:0}.action-bar button.like-btn::before{background:url(../images/like-particle-before.png) no-repeat center;background-size:contain}.action-bar button.like-btn::after{background:url(../images/like-particle-after.png) no-repeat center;background-size:contain}.action-bar button.like-btn.clicked::before{animation:like-particles 0.5s;-webkit-animation:like-particles 0.5s}.action-bar button.like-btn.clicked::after{animation:like-particles 0.5s;-webkit-animation:like-particles 0.5s;animation-delay:0.2s}.meta-info-2{display:flex;align-items:center;justify-content:space-between}.headline-grid .item .action-bar{position:absolute;bottom:0;right:30px}.comment-alert{width:100%;float:left;margin-top:10px;background:#FFE3E3;padding:10px 20px;text-align:center;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.comment-alert p{font-size:14px;color:#333}.sticker-bt{width:36px;height:36px;margin-right:5px;border:none;background:#f4f4f4;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;text-indent:-200px;background:#496ECD url(../images/emot-bt-bg-2.png) no-repeat center;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.sticker-bt:hover{background:#496ECD url(../images/emot-bt-bg.png) no-repeat center;cursor:pointer}.sticker-bt.clicked{background:#496ECD url(../images/sticker-up.png) no-repeat center}.sticker-pop{width:100%;position:absolute;top:80%;right:0;padding:10px 20px 20px;background:#fff;border:1px solid #dedede;box-shadow:0 4px 16px rgb(0 0 0 / .15);opacity:0;pointer-events:none;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.sticker-pop.show{top:calc(100% - 10px);opacity:1;pointer-events:auto;z-index:999}.sticker-filter{width:100%;float:left;margin-bottom:10px}.sticker-filter a{font-size:12px;color:#555;display:inline-block;margin-right:10px}.sticker-filter a.active{color:#00bceb}.sticker-list{width:100%;float:left;height:200px;overflow-y:auto}.sticker-list button{width:calc((100% - 160px) / 8);float:left;margin:10px;background:none;border:none;border-bottom:1px solid #fff0}.sticker-list button:hover{cursor:pointer;border-bottom:1px solid #00bceb}.sticker-list button.show{display:block}.headline.headline-premium::before{width:100vw;height:610px;top:-19px}.bt-group{padding:5px 0;display:flex;justify-content:end}.bt-group .login-bt{font-weight:700;color:#00bceb}.bt-group .login-bt i{margin-right:5px}.premium-user-bt{display:flex;align-items:center}.premium-user-avatar{width:32px;height:32px;background:#ccc;display:flex;align-items:center;justify-content:center;margin-right:5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:#00bceb;font-weight:700;color:#fff;font-size:14px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.premium-user-bt i{color:#00bceb}.premium-user-bt:hover{cursor:pointer}.premium-user-bt:hover .premium-user-avatar{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.header-premium.sticky .top-nav::after{bottom:10px}.premium-user-sidebar{width:300px;height:calc(100vh - 51px);position:fixed;top:51px;right:-320px;background:#fff;box-shadow:0 4px 16px rgb(0 0 0 / .15);z-index:9999;padding:20px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.premium-user-sidebar.show{right:0}.premium-user-sidebar .profile{display:flex;align-items:center;width:100%;font-size:14px;margin-bottom:10px}.premium-user-sidebar .profile .avatar{width:50px;height:50px;background:#ccc;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;margin-right:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.premium-user-sidebar .profile .text{width:calc(100% - 70px);font-weight:700}.premium-user-sidebar .profile .text .membership-status{font-weight:300;font-size:12px}.premium-user-sidebar .profile+.bt{width:100%;text-align:center}.sidebar-menu{border-bottom:1px solid #dedede;padding:20px 10px}.premium-user-sidebar .profile-wrap{background:#f4f4f4;padding:20px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}.sidebar-menu li a{display:flex;align-items:center;padding:10px 0;font-size:14px;color:#333;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.sidebar-menu li a:hover{color:#00bceb}.sidebar-menu li a i{margin-right:10px;width:14px;height:14px;display:inline-block;text-align:center;color:#00bceb}.premium-user-sidebar .informasi{padding:20px 0}.informasi .info-card{display:flex;padding:10px;font-size:14px;align-items:center}.informasi .info-card i{width:14px;height:14px;text-align:center;margin-right:10px}.informasi .info-card .text{line-height:100%}.informasi .info-card .text span{display:block;font-size:12px;line-height:120%;font-weight:700}.button-group{display:flex;align-items:center;justify-content:center}.button-group a{display:flex;justify-content:center;width:100%;align-items:center;font-size:14px;padding:10px;margin:20px 5px}.button-group a.bt-google{background:#fff;border:1px solid #000}.button-group a.bt-facebook{background:#0356a8;color:#fff;border:1px solid #0356a8}.button-group a i{margin-right:10px}.nota{width:100%;float:left;border:1px solid #dedede;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;overflow:hidden;margin-bottom:20px}.nota-header{width:100%;float:left;padding:30px 16px;background:#f4f4f4}.nota-header h3{font-size:14px;font-weight:700;font-family:'Lato',sans-serif}.nota-body{padding:16px;width:100%;float:left}.nota-body h4{font-size:13px;font-weight:700;width:100%;float:left;margin-bottom:10px}.timeline-table{width:100%;float:left}.timeline-table .item{width:100%;float:left;display:flex;justify-content:space-between;font-size:12px}.payment-method{width:100%;float:left}.payment-method h3{font-size:16px;font-weight:700;margin-bottom:10px}.checkbox-group{width:100%;float:left;display:flex;flex-wrap:wrap;margin-bottom:20px}.checkbox-group label{width:calc((100% - 40px)/4);align-items:center;padding-right:20px;position:relative;padding:10px;border:1px solid #fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.checkbox-group label:hover{box-shadow:0 4px 16px rgb(0 0 0 / .3);cursor:pointer}.checkbox-group label input{margin-right:10px;position:absolute;z-index:2;width:100%;height:100%;opacity:0}.checkbox-group label img{width:100%;height:20px;object-fit:contain;display:block}.checkbox-group label.checked{border:1px solid #00bceb}.payment-detail h3{font-size:16px;font-weight:700;margin-bottom:10px}.payment-detail-table{width:100%;float:left;margin-bottom:30px}.payment-detail-table .item{display:flex;width:100%;justify-content:space-between;font-size:13px;padding:10px 0}.payment-detail-table .item:last-child{border-top:1px solid #dedede}.simple-header{width:100%;float:left;background:#212121;display:flex;justify-content:space-between;padding:10px 20px}.simple-header img{width:100%;height:40px;object-fit:contain;display:block}.choose-topic-card{width:100%;float:left;display:flex;align-items:center;background:#f4f4f4;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;padding:10px 10px 10px 20px;border:1px solid #fff;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;position:relative}.choose-topic-card:hover{cursor:pointer;background:#fff;border:1px solid #dedede;box-shadow:0 4px 16px rgb(0 0 0 / .15)}.choose-topic-card .icons{width:26px;height:26px;padding:3px;border:1px solid #dedede;background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;position:relative;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.choose-topic-card .icons svg{position:absolute;top:3px;left:3px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.choose-topic-card .icons .icon-check{opacity:0}.choose-topic-card .pic img{width:80px;height:60px;object-fit:cover;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;display:block}.choose-topic-card .text{padding:0 10px 0 20px}.choose-topic-card .text h3{font-size:14px;font-weight:700;margin-bottom:5px}.choose-topic-card .text p{font-size:12px;color:#555}.choose-topic-card input{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;opacity:0}.choose-topic-card input:hover{cursor:pointer}.choose-topic-card.active{background:#DDEEFE;border-color:#0154a2}.choose-topic-card.active .icons{background:#0154a2}.choose-topic-card.active .icons .icon-plus{opacity:0}.choose-topic-card.active .icons .icon-check{opacity:1}.choose-topics-head{padding:50px 0}.choose-topics-head h3{font-size:16px;font-weight:700;color:#333;margin-bottom:10px}.choose-topics-head p{font-size:14px;color:#555;margin-bottom:0}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.premium-dashboard-sidebar{width:300px;background:#fff;box-shadow:0 4px 16px rgb(0 0 0 / .15);z-index:9999;padding:20px;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;margin-bottom:30px}.premium-dashboard-sidebar.show{right:0}.premium-dashboard-sidebar .profile{display:flex;align-items:center;width:100%;font-size:14px;margin-bottom:10px}.premium-dashboard-sidebar .profile .avatar{width:50px;height:50px;background:#ccc;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;margin-right:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.premium-dashboard-sidebar .profile .text{width:calc(100% - 70px);font-weight:700}.premium-dashboard-sidebar .profile .text .membership-status{font-weight:300;font-size:12px}.premium-dashboard-sidebar .profile+.bt{width:100%;text-align:center}.premium-dashbobard-sidebar .informasi{padding:20px 0}.premium-dashboard-sidebar .profile-wrap{background:#f4f4f4;padding:20px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}.premium-dashboard-sidebar .sidebar-menu{margin-bottom:30px}.premium-dashboard-sidebar .sidebar-menu{padding-left:0;padding-right:0}.premium-dashboard-sidebar .sidebar-menu li{padding-left:10px;padding-right:10px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.premium-dashboard-sidebar .sidebar-menu li.active{background:#f4f4f4}.premium-dashboard-sidebar .sidebar-menu li.active a{color:#00bceb}.account-content-ct{width:100%;float:left;padding:20px;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;display:none}.account-content-ct.show{display:block}.account-content-ct h2{font-size:22px;font-weight:700;color:#333;margin-bottom:10px}.account-content-ct p{font-size:14px;color:#333;margin-bottom:20px}.data-account{width:100%;float:left}.data-account-header{display:flex;align-items:center;background:#f4f4f4;padding:20px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;margin-bottom:20px}.data-account-header .pic{width:120px;height:120px;margin-right:20px}.data-account-header .pic img{width:100%;height:100%;object-fit:contain}.data-account-header .text{width:100%}.data-account-header .text h3{font-size:16px;font-weight:700;color:#333}.data-account-header .text p{margin-bottom:10px}.data-account-bar{width:100%;max-width:480px;float:left;display:flex;align-items:center;justify-content:space-between}.data-account-bar .the-bar{width:100%;height:10px;overflow:hidden;background:#fff;margin-right:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.data-account-bar .the-bar .progress{height:10px;background:#00bceb;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.data-account-ct{width:100%;float:left}.data-account-ct .item{width:100%;float:left;display:flex;justify-content:space-between;border-bottom:1px solid #efefef;padding:20px}.data-account-ct .item h4{font-weight:700}.data-account-ct .item p{margin-bottom:0}.data-account-ct .item:last-child{border-bottom:none}.bt.bt-secondary{border:1px solid #00bceb;display:flex;justify-content:center;align-items:center;color:#00bceb}.bt.bt-secondary:hover{background:#f4f4f4}.data-account-ct .item .status{display:flex;justify-content:center;align-items:center;width:113px}.data-account-ct .item .status .fa{margin-right:10px;color:#0b0}.inp-group{width:100%;float:left;margin-bottom:20px}.mi-label{width:100%;float:left;font-size:14px;margin-bottom:5px}.mi-input,.mi-select{width:100%;float:left;padding:10px 16px;font-size:14px;border:1px solid #dedede;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.mi-checkbox-group{width:100%;float:left;display:flex;align-items:center}.mi-checkbox-group label{display:flex;margin-right:20px;align-items:center}.mi-checkbox-group label input{width:16px;height:16px;margin-right:5px}.mi-date-select{width:100%;float:left;display:flex}.mi-date-select .mi-select{margin-right:10px}.mi-date-select .mi-select:last-child{margin-right:0}hr.mi-divider{width:100%;float:left;margin:20px 0}.mi-form{width:100%;float:left}.mi-button-group{display:flex;width:100%;float:left}.mi-button-group .bt{margin-right:10px}.mi-button-group .bt:last-child{margin-right:0}.mi-tag{display:flex;width:auto;float:left;align-items:center;padding:5px 10px;background:#f4f4f4;font-size:12px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.mi-tag i{margin-right:3px}.mi-tag.is-success{background:rgb(58 140 17 / .1);color:#00a551}.mi-inp-info{font-size:11px;color:#777}#informasi-berlangganan section{display:flex;justify-content:space-between}#informasi-berlangganan section img{width:140px;height:140px;object-fit:contain}#informasi-berlangganan section .text h3{width:100%;float:left;font-weight:700;margin-bottom:10px}#informasi-berlangganan section .text .subscribe-period{width:100%;float:left;display:flex}.subscribe-period .item{margin-right:40px}.subscribe-period .item:last-child{margin-right:0}.subscribe-period .item span{font-size:12px;color:#777}#informasi-berlangganan section .text .mi-tag{margin-bottom:10px}.payment-method-card{display:flex;justify-content:space-between;align-items:center;border:1px solid #dedede;padding:20px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}.payment-method-card .left-col{display:flex;align-items:center}.icon-wallet{margin-right:20px}.payment-method-card .left-col p{margin-bottom:0}.account-content-ct h3{font-size:16px;font-weight:700;margin-bottom:10px}.notification-list{width:100%;float:left}.notification-card{width:100%;float:left;margin-bottom:10px;background:#fff;border:1px solid #efefef;padding:15px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.notification-card.unread{background:rgb(225 240 255)}.notification-card .datetime{font-size:12px;color:#777;width:100%;float:left}.notification-card h4{font-size:14px;font-weight:700;color:#333;width:100%;float:left}.notification-card p{margin-bottom:0}.lp-header{width:100%;float:left;padding:60px 0 200px;background:#212121;border-radius:0 0 24px 24px;-webkit-border-radius:0 0 24px 24px;-moz-border-radius:0 0 24px 24px;-ms-border-radius:0 0 24px 24px;-o-border-radius:0 0 24px 24px;text-align:center;margin:1px 0 20px}.lp-header h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:5px}.lp-header p{font-size:14px;color:rgb(255 255 255 / .8);margin-bottom:0}.package-card{width:100%;float:left;background:#fff;margin-top:-200px;padding:40px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border:2px solid #dedede;box-shadow:0 4px 16px rgb(0 0 0 / .15)}.package-title{width:100%;float:left;margin-bottom:20px}.package-title h3{font-size:18px;font-weight:700;margin-bottom:10px}.package-price{margin-bottom:20px;font-size:14px}.package-price span{font-size:24px;font-weight:700}.package-feature{width:100%;float:left;margin-bottom:20px}.package-feature li{width:100%;float:left;margin-bottom:5px}.package-feature li i{display:inline-block;margin-right:10px}.package-feature li i.fa-check{color:#090}.package-feature li i.fa-times{color:red}.lp-sec-title{font-size:20px;font-weight:700}.package-card-2{width:100%;float:left;background:#f4f4f4;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border:1px solid #dedede;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s;margin-bottom:10px}.package-card-2:hover{border-color:#00bceb;box-shadow:0 4px 16px rgb(0 0 0 / .15);cursor:pointer}.package-2-head{width:100%;float:left;display:flex;justify-content:space-between;align-items:center;padding:20px}.package-2-head .left-col{display:flex;align-items:center}.package-card-2 img{width:120px;margin-right:20px}.package-2-head .left-col .text h4{font-size:18px;font-weight:700}.package-2-head .left-col .text a{font-size:14px;color:#0154a2;pointer-events:none}.package-2-toggle{padding:0 20px 20px 20px;display:none}.package-2-toggle h4{font-size:18px;font-weight:700;margin-bottom:10px}.package-2-head .right-col{display:flex;justify-content:end;align-items:center}.package-2-head .right-col .package-2-price{font-size:24px;line-height:100%;margin-right:40px;font-weight:700}.package-2-head .right-col .package-2-price span{display:block;font-size:14px;font-weight:300}.package-2-toggle li{font-size:14px;margin-bottom:5px}.package-2-toggle li i.fa-check{color:#090;margin-right:5px}.coupon-card{width:100%;float:left;display:flex;justify-content:space-between;align-items:center;padding:30px;border-radius:8px;background:#052f66;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.coupon-card .left-col{display:flex}.coupon-card .left-col i{font-size:48px;color:#00bceb;margin-right:30px;transform:rotate(-25deg);-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-ms-transform:rotate(-25deg);-o-transform:rotate(-25deg)}.coupon-card .left-col .text h4,.coupon-card .left-col .text p{color:#fff}.coupon-card .left-col .text h4{font-size:18px;font-weight:700}.coupon-card .left-col .text p{font-size:14px}.subs-from-partner .logo-group{padding-left:40px;width:100%;float:left}.subs-from-partner .logo-group img{margin:5px 10px;display:inline-block}.how-to-subs{display:flex;justify-content:center}.how-to-subs li{padding:20px;text-align:center;width:33%}.how-to-subs li p{margin-bottom:0}.how-to-subs li img{width:80px;height:80px;object-fit:contain;margin-bottom:10px}.lp-subs .column{background:#f4f4f4;padding-top:40px;padding-bottom:40px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.mi-accordion{width:100%;float:left}.mi-accordion .item{width:100%;float:left;margin-bottom:10px;border:1px solid #dedede}.mi-accordion .acc-header{padding:10px 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.mi-accordion .acc-header h4{font-weight:700;font-size:16px}.mi-accordion .acc-body{padding:20px;display:none;font-size:14px;line-height:200%}.mi-accordion .item.active .acc-header{background:#933B96;color:#fff}.voucher-header-page{width:100%;height:300px;object-fit:cover;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}.voucher-form{width:100%;float:left;margin-bottom:40px}.voucher-form p{font-size:14px;margin-bottom:20px}.voucher-form .inp-group{width:100%;float:left;margin-bottom:20px}.voucher-form .inp-group label{font-size:14px;width:100%;float:left;margin-bottom:5px}.voucher-form .inp-group input{font-size:24px;padding:10px 20px;text-align:center;font-weight:700}.redeem-voucher h4{font-size:16px;font-weight:700;margin-bottom:10px}.redeem-voucher ol{padding-left:20px}.redeem-voucher ol li{font-size:14px;color:#333;margin-bottom:5px}.redeem-voucher{margin-bottom:60px}.bt.sm{padding:3px 10px}.comment-group{width:100%;float:left}.comment-group .item{width:100%;float:left;margin-bottom:10px;background:#fff;border:1px solid #efefef;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.comment-group .item .comment-head{display:flex;align-items:center;padding:10px;border-bottom:1px solid #efefef}.comment-group .item .comment-head img{width:50px;height:50px;object-fit:cover;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.comment-group .item .comment-head .text{padding-left:10px}.comment-group .item .comment-head .text h3{font-size:14px;margin-bottom:0}.comment-group .item .comment-head .text h3 a{color:#333;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-ms-transition:all ease-out 0.3s;-o-transition:all ease-out 0.3s}.comment-group .item .comment-head .text h3:hover a{color:#00A5FF}.comment-group .item .comment-head .text .datetime{font-size:11px;color:#555}.comment-group .item .comment-body{padding:10px;position:relative}.comment-group .item .comment-body p,.comment-group .item .comment-body textarea{font-size:14px!important;margin-bottom:10px;width:100%;float:left;line-height:200%;color:#333}.comment-group .item .comment-body textarea{border:none;height:auto;position:absolute;top:10px;left:10px;width:calc(100% - 20px);font-size:14px;opacity:0;pointer-events:none}.comment-group .item .comment-body.active textarea{opacity:1;pointer-events:auto}.comment-group .item .comment-footer span{font-size:12px}.comment-group .item .comment-footer{display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-top:1px solid #efefef}.bt.bt-icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;color:#00bceb}.bt.bt-icon:hover{color:#0154a2}.comment-footer .bt-group{display:none}.comment-footer .bt-group.show{display:flex}#periode-paket .popup{width:960px}.popup{background:#fff}.popup-content{padding:40px 20px;width:100%;float:left}.periode-card{padding:20px;border:1px solid #dedede;width:100%;height:200px;float:left;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.periode-card .price{font-size:20px;color:#00a551;font-weight:700}.periode-card .old-price{font-size:14px;color:#999;text-decoration:line-through}.periode-card .note{font-size:12px;color:#b00}.periode-card.best-price{background:#F7EDF6;border-color:#00A5FF}.periode-card.best-price::before{content:"Harga Terbaik";padding:3px 10px;font-size:12px;background:#00A5FF;color:#fff;font-weight:700;white-space:nowrap;position:absolute;top:0;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%);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.premium-ti{width:100%;float:left;position:relative;padding-left:24px;display:flex;justify-content:space-between;align-items:center}.premium-ti::before{content:"";width:6px;height:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background:#002761;position:absolute;top:0;left:0}.premium-section .bt.bt-primary{background:#002761;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.premium-news-item{width:100%;float:left;position:relative;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;overflow:hidden}.premium-news-item a.ratio::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:9;background:url(/desktop/asset/images/premium/premium-frame.png) no-repeat center;background-size:contain}.premium-news-item a.ratio{width:100%;float:left;position:relative;height:0;padding-top:118.54%}.premium-news-item img{width:100%;height:100%;position:absolute;top:50%;left:50%}.premium-news-item h3{position:absolute;left:0;bottom:0;padding:60px 20px 30px;background:url(/desktop/asset/images/premium/shadow.png) repeat-x center top;background-size:contain;font-size:16px}.premium-news-item h3 a{color:#fff}.mid-ct.premium-section .column{padding-top:.75rem}.login-bt{display:flex!important;align-items:center;padding:8px;background:#0356a8;height:51px;margin-top:-10px;color:#fff!important}.login-bt i{margin-right:8px}