#header-infografis{z-index:99}#header-infografis>.container,#header-infografis .nav-top,#header-infografis #nav-fixed{display:none}#header-infografis .warp-nav ul{width:calc(92% - 82px);display:flex;align-items:center}#header-infografis .warp-nav .box-search{top:7px}#header-infografis .icon__sport{margin-right:35px}#header-infografis .icon__sport a{padding:0}#header-infografis .icon__sport img{width:47px;height:100%;object-fit:contain;object-position:center}@media(max-width: 991px){#header-infografis .warp-nav ul{width:75%}}@media(max-width: 1199px){#header-infografis .warp-nav .box-search{top:0}}@media(min-width: 1200px){#header-infografis #navbar .container{width:1200px !important;max-width:1200px !important}}#headline-infografis .flex-box{display:flex;justify-content:start}#headline-infografis .flex-box .sm-headline{width:calc(25% - 22.5px);margin:0 30px 0 0;height:100%}#headline-infografis .flex-box .sm-headline:last-of-type{margin:0}#headline-infografis .flex-box .sm-headline .img-article-sm-headline{height:328px;width:100%}#headline-infografis .flex-box .sm-headline .img-article-sm-headline::after{display:none}#headline-infografis .flex-box .sm-headline .img-article-sm-headline img{width:100%;height:100%}#headline-infografis .flex-box .sm-headline .warp-detail-headline{position:relative;width:100%;padding:16px 0 0}@media(min-width: 992px)and (max-width: 1199.98px){#headline-infografis .container{width:calc(100% - 32px) !important}}@media(min-width: 1101px)and (max-width: 1199.98px){#headline-infografis .flex-box .sm-headline .img-article-sm-headline{height:calc(27vw - 26px)}}@media(min-width: 992px)and (max-width: 1100px){#headline-infografis .flex-box .sm-headline .img-article-sm-headline{height:calc(30vw - 24px)}}@media(min-width: 768px)and (max-width: 991.98px){#headline-infografis .flex-box .sm-headline{width:calc(25% - 4px);margin:0 16px 0 0;padding:0}#headline-infografis .flex-box .sm-headline .img-article-sm-headline{height:213px}}#news-infografis .warp-title-section-secondary{margin-bottom:30px}#news-infografis .title-section{margin-bottom:20px}#news-infografis .flex-box{display:flex;justify-content:start}#news-infografis .flex-box .list-latest-news{width:calc(33.3333333333% - 20px);margin:0 30px 0 0;display:block;border-bottom:0}#news-infografis .flex-box .list-latest-news:last-of-type{margin-right:0}#news-infografis .flex-box .list-latest-news .img-latest-news{height:314px;width:100%}#news-infografis .flex-box .list-latest-news .img-latest-news a{height:100%}#news-infografis .flex-box .list-latest-news .img-latest-news a img{height:100%}#news-infografis .flex-box .list-latest-news .detail-latest-news{padding-left:0;width:100%}#news-infografis .flex-box .list-latest-news .detail-latest-news .title-latest-news{font-size:16px;font-weight:bold;line-height:1.44;color:#000;margin:8px 0 0}@media(min-width: 992px)and (max-width: 1199.98px){#news-infografis .flex-box .list-latest-news .img-latest-news{height:272px}}@media(min-width: 768px)and (max-width: 991.98px){#news-infografis .flex-box .list-latest-news .img-latest-news{height:279px}}#news-terkait-infografis{margin-bottom:34px}#news-terkait-infografis .title-section{margin-bottom:20px}#news-terkait-infografis .flex-box{display:flex;justify-content:start}#news-terkait-infografis .flex-box .list-latest-news{width:calc(33.3333333333% - 20px);margin:0 30px 0 0;display:block;border-bottom:0}#news-terkait-infografis .flex-box .list-latest-news:last-of-type{margin-right:0}#news-terkait-infografis .flex-box .list-latest-news .img-latest-news{height:314px;width:100%}#news-terkait-infografis .flex-box .list-latest-news .img-latest-news a{height:100%}#news-terkait-infografis .flex-box .list-latest-news .img-latest-news a img{height:100%}#news-terkait-infografis .flex-box .list-latest-news .detail-latest-news{padding-left:0;width:100%}#news-terkait-infografis .flex-box .list-latest-news .detail-latest-news .title-latest-news{font-size:16px;font-weight:bold;line-height:1.44;color:#000;margin:8px 0 0}@media(min-width: 992px)and (max-width: 1199.98px){#news-terkait-infografis .flex-box .list-latest-news .img-latest-news{height:272px}}@media(min-width: 768px)and (max-width: 991.98px){#news-terkait-infografis .flex-box .list-latest-news .img-latest-news{height:279px}}#container-detail-infografis{display:flex !important;width:100% !important;max-width:100% !important;position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;margin-top:77px}#container-detail-infografis #detail-infografis{width:calc(100% - 467px);background-color:#fff}#container-detail-infografis .section-left{width:467px;padding-top:24px;position:relative;overflow-y:scroll;overflow-x:hidden}#container-detail-infografis .section-left #container-article-infografis{padding-right:32px;padding-left:24px;width:calc(100% - 56px)}#container-detail-infografis .section-left #container-article-infografis .detail-article{margin:32px 0;padding:0;border-bottom:0}#container-detail-infografis .section-left #container-article-infografis .detail-article a{font-size:16px}#container-detail-infografis .section-left #container-article-infografis .detail-article .title-detail-article,#container-detail-infografis .section-left #container-article-infografis .detail-article h1{font-size:24px;font-weight:bold;color:#000}#container-detail-infografis .section-left #container-article-infografis .detail-article .author-detail-article{font-size:14px}#container-detail-infografis .section-left #container-article-infografis .detail-article .warp-date-detail-article .date-article-detail-article{font-size:14px}#container-detail-infografis .section-left #container-article-infografis .detail-article .desc-detail-article{font-size:16px}#container-detail-infografis .section-left #container-article-infografis .tags-article{margin-bottom:30px}#container-detail-infografis .section-left #container-article-infografis .tags-article a{font-size:14px}#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like{margin:20px 0;justify-content:start;width:100%}#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like .list-also-like{width:calc(50% - 15px);margin:0 0 20px}#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like .list-also-like.odd{margin-right:30px}#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like .list-also-like .title-also-like{margin-top:8px;font-weight:bold;line-height:normal}#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like .list-also-like .warp-also-like-icon{width:100%;height:122px}#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like .list-also-like .warp-also-like-icon .img-also-like{width:100%;height:100%}#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like .list-also-like .warp-also-like-icon .img-also-like img{width:100%;height:100%}@media(max-width: 991px){#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like .list-also-like .warp-also-like-icon{height:calc(29vw - 27px)}}#container-detail-infografis .section-left #container-article-infografis .also-like .warp-list-also-like .list-also-like .warp-date-article .date-article{font-size:14px}#container-detail-infografis .section-left .footer-infografis{position:relative}#container-detail-infografis .section-left .footer-infografis footer{padding:44px 16px;position:relative;justify-content:space-between}#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer{width:145px;margin-left:8px}#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer .img-logo-footer img{width:100%;height:22px;object-fit:contain}@media(min-width: 768px)and (max-width: 991px){#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer .img-logo-footer img{width:237px;height:36px}}#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer .warp-social-footer .title-social-footer{font-size:12px;margin-bottom:12px}@media(min-width: 768px)and (max-width: 991px){#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer .warp-social-footer .title-social-footer{font-size:20px;margin-bottom:20px}}#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer .warp-social-footer li{margin:0 10px 8px 0px}#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer .warp-social-footer .social-footer{padding:3px;font-size:12px}@media(min-width: 768px)and (max-width: 991px){#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer{width:256px}#container-detail-infografis .section-left .footer-infografis footer .warp-logo-footer .warp-social-footer .social-footer{padding:4px;font-size:16px}}#container-detail-infografis .section-left .footer-infografis footer .warp-about{padding-left:32px;width:25%}#container-detail-infografis .section-left .footer-infografis footer .warp-about a{font-size:10px}#container-detail-infografis .section-left .footer-infografis footer .warp-about li{margin-bottom:8px}@media(min-width: 768px)and (max-width: 991px){#container-detail-infografis .section-left .footer-infografis footer .warp-about a{font-size:16px}#container-detail-infografis .section-left .footer-infografis footer .warp-about li{margin-bottom:15px}}#container-detail-infografis .section-left .footer-infografis footer .warp-kanal{padding:0 8px 0 20px;width:max-content;max-width:37%}#container-detail-infografis .section-left .footer-infografis footer .warp-kanal a{font-size:10px}#container-detail-infografis .section-left .footer-infografis footer .warp-kanal .warp-list-kanal{flex-wrap:nowrap}#container-detail-infografis .section-left .footer-infografis footer .warp-kanal .warp-list-kanal .kanal{width:max-content;max-width:200px}#container-detail-infografis .section-left .footer-infografis footer .warp-kanal .warp-list-kanal .kanal li{margin-bottom:8px}@media(min-width: 768px)and (max-width: 991px){#container-detail-infografis .section-left .footer-infografis footer .warp-kanal .warp-list-kanal .kanal a{font-size:16px}#container-detail-infografis .section-left .footer-infografis footer .warp-kanal .warp-list-kanal .kanal li{margin-bottom:15px}}#container-detail-infografis .section-left .footer-infografis footer .title-footer{font-size:10px}@media(min-width: 768px)and (max-width: 991px){#container-detail-infografis .section-left .footer-infografis footer .title-footer{font-size:16px}}#container-detail-infografis .section-left .footer-infografis .copyright{padding:20px 16px 0px;font-size:12px}@media(min-width: 768px)and (max-width: 991px){#container-detail-infografis .section-left .footer-infografis .copyright{font-size:16px;padding:20px 0px 0px}}#container-detail-infografis .section-left .footer-infografis .rendering{padding:0px 16px 20px}#container-detail-infografis #news-terkait-infografis{margin-bottom:34px}#container-detail-infografis #news-terkait-infografis .title-section{margin-bottom:20px;font-size:18px}#container-detail-infografis #news-terkait-infografis .flex-box{display:flex;justify-content:start;flex-direction:row;flex-wrap:wrap}#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news{width:calc(50% - 15px);margin:0 30px 0 0;display:block;border-bottom:0}#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news.even{margin:0}#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news:last-of-type{margin-right:0}#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news .img-latest-news{height:252px;width:100%}#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news .img-latest-news a{height:100%}#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news .img-latest-news a img{height:100%}@media(max-width: 991px){#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news .img-latest-news{height:calc(61vw - 26px)}}#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news .detail-latest-news{padding-left:0;width:100%}#container-detail-infografis #news-terkait-infografis .flex-box .list-latest-news .detail-latest-news .title-latest-news{font-size:16px;font-weight:bold;line-height:normal;color:#000;margin:8px 0 0}.detail-infografis{background:#000;color:#fff;height:100%}.detail-infografis .swiper-container-infografis{width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.detail-infografis .slider__flex{position:relative;display:flex;align-items:flex-start;height:100%}.detail-infografis .infografis__slide{width:65%;height:100%;display:flex;flex-direction:row-reverse;margin-right:20px;justify-content:center;align-items:center}.detail-infografis .slider__image{width:100%;height:100%;margin:auto;overflow:hidden}.detail-infografis .slider__image img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.detail-infografis .main-infografis{width:calc(100% - 5.7em);height:687px}.detail-infografis .main-infografis .swiper-slide{height:100% !important;width:100% !important}.detail-infografis .main-infografis .slider__image{width:calc(100% - 5.7em);margin:auto;height:100%;max-height:687px}.detail-infografis .main-infografis .slider__image img{transition:1s}.detail-infografis .infografis__thumbs{display:flex;margin:auto;cursor:pointer;width:20%;position:absolute;right:0;height:100%;align-items:center}.detail-infografis .infografis__thumbs .swiper-container-infografis{height:478px;margin-right:20px}.detail-infografis .infografis__thumbs .swiper-slide{height:108px !important;width:87px;margin:5px auto}.detail-infografis .infografis__thumbs .slider__image{transition:.25s;opacity:.6}.detail-infografis .infografis__thumbs .slider__image:hover{opacity:1}.detail-infografis .infografis__thumbs .swiper-slide-thumb-active{border:2px solid #fff}.detail-infografis .infografis__thumbs .swiper-slide-thumb-active .slider__image{opacity:1;transition:.25s}.detail-infografis .infografis__sosial{width:15%;margin:auto 0}.detail-infografis .infografis__sosial #st-1{display:flex;flex-direction:column;height:100%}.detail-infografis .infografis__sosial #st-1 .st-total{margin:auto;margin-bottom:10px}.detail-infografis .infografis__sosial #st-1 .st-btn{width:40px;margin:auto;margin-bottom:10px;display:block !important}.detail-infografis .infografis__sosial #st-1 .st-btn[data-network=print]{display:none !important}.detail-infografis .back{background-image:url(../images/info/back.svg);background-size:contain;width:12px;height:15px;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;color:#fff;margin-top:3px;cursor:pointer;position:absolute;left:25px;top:25px}.detail-infografis .back div{margin-left:20px}.detail-infografis .back:hover{opacity:.6}.detail-infografis #fullscreen{background-image:url(../images/info/maximize.svg);background-size:contain;width:24px;height:24px;background-repeat:no-repeat;background-position:center;position:absolute;right:25px;top:25px;cursor:pointer;z-index:9}.detail-infografis #fullscreen:hover{opacity:.6}.detail-infografis #exitfullscreen{display:none;background-image:url(../images/info/x.svg);background-size:contain;width:48px;height:48px;margin-top:40px;margin-right:25px;background-repeat:no-repeat;background-position:center;position:absolute;right:0;cursor:pointer;z-index:99}.detail-infografis #exitfullscreen:hover{opacity:.6}.detail-infografis.fullview{display:flex;align-items:center;justify-content:center;padding:0}.detail-infografis.fullview #fullscreen,.detail-infografis.fullview .back{display:none}.detail-infografis.fullview #exitfullscreen{display:block}.detail-infografis.fullview .slider__flex{width:100%;height:100%}.detail-infografis.fullview .main-infografis .slider__image img{width:100%}.detail-infografis.fullview .main-infografis .slider__image:hover img{transform:unset}.detail-infografis.fullview .main-infografis .swiper-slide{height:100% !important}.detail-infografis.fullview .infografis__thumbs .swiper-slide{width:119px;height:147.7px !important;margin:0}.detail-infografis.fullview.detail-infografis .slider__flex{position:fixed;right:0;left:0}@media(min-width: 992px)and (max-width: 1199px){.detail-infografis .main-infografis{width:100%}}.infografis{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #f2f2f2;overflow:hidden}.infografis .warp-infografis{background-image:radial-gradient(circle at 0 0, #15366f, #3150a3, #15366f);padding:15px 0 0;width:auto;border-bottom:1px solid #f2f2f2}.infografis .swiper-infografis{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.infografis .swiper-infografis:after{content:"";display:flex;position:absolute;right:0;z-index:9;top:0;width:44.9px;height:100%;background-image:linear-gradient(to left, rgba(36, 50, 111, 0.7) 0%, rgba(36, 50, 111, 0.6) 30%)}.infografis .swiper-wrapper{padding-left:20px;padding-bottom:20px}.infografis .title-section-infografis{position:relative;color:#fff;margin:0 20px;font-family:"Roboto";font-size:18px}.infografis .title-section-infografis span{position:absolute;right:0;margin-left:5px;font-size:16px}.infografis .title-section-infografis span a{color:#fff;text-decoration:none;margin-left:8px}.infografis .title-section-infografis span a i{margin-left:8px}.infografis .title-section-infografis span:hover a{color:#d80027}.infografis .warp-list-infografis{position:relative;width:auto;margin-top:15px;display:flex;flex-wrap:wrap}.infografis .list-infografis{position:relative}.infografis .list-infografis .img-infografis{position:relative;width:100%;height:291px;overflow:hidden}.infografis .list-infografis .img-infografis img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.infografis .list-infografis:hover .img-infografis img{transform:scale(1.2)}.infografis .list-infografis:hover .title-infografis a{color:#ed1c24}.infografis .warp-detail-infografis{position:relative;bottom:0;left:0;padding:16px 0 0;width:auto}.infografis .warp-detail-infografis .title-infografis{font-family:"Roboto-bold","arial","tahoma";color:#fff;font-size:16px}.infografis .warp-detail-infografis .title-infografis a{color:#fff;text-decoration:none;transition:ease all .4s}.infografis .swiper-button-prev,.infografis .swiper-button-next{position:absolute;background:#fff;width:80px;height:80px;border-radius:50%;top:40%}.infografis .swiper-button-prev:after,.infografis .swiper-button-next:after{color:#d80027;font-size:20px}.infografis .swiper-button-prev{left:-45px}.infografis .swiper-button-prev:after{margin-left:40px}.infografis .swiper-button-next{right:-45px}.infografis .swiper-button-next:after{margin-right:40px}@media(max-width: 1024px){#container-detail-infografis{margin-top:64px}}@media(max-width: 991px){#container-detail-infografis{position:relative;display:block !important;margin-top:0}#container-detail-infografis #detail-infografis{width:100%;margin:0;height:727px}#container-detail-infografis .section-left{width:100%}#container-detail-infografis .section-left #container-article-infografis{width:calc(100% - 40px);padding:0 20px}}.clearfix::before,.clearfix ::after{display:table;content:" ";clear:both}