*, ::before, ::after{box-sizing: border-box;} html{scroll-behavior: smooth;} body{background-color: rgb(244, 243, 243);margin: 0px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;overflow-x: hidden;letter-spacing: 0px;font-weight: 400;font-style: normal;font-display: swap;} a{text-decoration: none;color: #333333;} a:hover{color: #134c85;} p, h1, h2, h3, h4, h5, h6, blockquote, iframe, img{margin: 0px;padding: 0px;color: #333;} ul, ol{margin: 0px;padding: 0px;} img{border: 0px;vertical-align: middle;} /* Boostrap */ .row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{position: relative;width: 100%;min-height: 1px;} .col-1{-ms-flex: 0 0 8.33333%;flex: 0 0 8.33333%;max-width: 8.33333%;} .col-2{-ms-flex: 0 0 16.66667%;flex: 0 0 16.66667%;max-width: 16.66667%;} .col-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .col-4{-ms-flex: 0 0 33.33333%;flex: 0 0 33.33333%;max-width: 33.33333%;} .col-5{-ms-flex: 0 0 41.66667%;flex: 0 0 41.66667%;max-width: 41.66667%;} .col-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .col-7{-ms-flex: 0 0 58.33333%;flex: 0 0 58.33333%;max-width: 58.33333%;} .col-8{-ms-flex: 0 0 66.66667%;flex: 0 0 66.66667%;max-width: 66.66667%;} .col-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;} .col-10{-ms-flex: 0 0 83.33333%;flex: 0 0 83.33333%;max-width: 83.33333%;} .col-11{-ms-flex: 0 0 91.66667%;flex: 0 0 91.66667%;max-width: 91.66667%;} .col-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .text-center{text-align: center;} .mg-top10{margin-top: 10px;} .mg-top15{margin-top: 15px;} .mg-right10{margin-right: 10px;} .mg-right15{margin-right: 15px;} .content{margin-top: 15px;display: table;position: relative;width: 100%;} .container{max-width: 75%;margin-left: auto;margin-right: auto;} .content-center{box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);background: #fff;padding: 10px;padding-bottom: 25px;border-radius: 3px;vertical-align: top;} #viralContent{position: sticky;position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;} /* navbar */ .navbar{display: block;box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;top: 0;z-index: 999;} .navbar-container{max-width: 75%;margin-left: auto;margin-right: auto;} .navbar-top{background: linear-gradient(to right, #134c85 0, #134c85 100%);padding: 10px 0px;} .navbar-top-link{display: inline-block;padding: 8px 15px;} .navbar-top-link a{font-size: 16px;font-weight: 700;text-transform: uppercase;color: #fff;} .navbar-top-link:last-child{padding-right: 0px;} .navbar-bottom{background: #fff;padding: 10px 0px;} .navbar-bottom ul{-webkit-box-pack: center;justify-content: center;list-style-type: none;display: inline-flex;} .navbar-bottom ul li{padding: 0px 1.5rem;border-right: 1px solid #ddd;} .navbar-bottom ul li:last-child{border-right: none;} .navbar-bottom ul li a{color: #134c85;font-size: 13px;} .navbar-bottom ul li a:hover{color: #333;} /* Footer */ .footer{width: 100%;display: block;padding-top: 15px;padding-bottom: 15px;position: inherit!important;background: linear-gradient(to right, #134c85 0, #134c85 100%);} .footer ul{margin: 0;padding: 0;list-style: none;margin-bottom: 5px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .footer ul li a{display: inline-block;position: relative;color: #fff;font-weight: 600;font-size: 16px;line-height: .82;} .footer ul li a img{vertical-align: baseline;height: 7px;margin: 0px 12px;margin-bottom: 2px;} .footer p{color: #fff;font-size: 12px;} .footer ul li{margin: 10px 0px;} .footer-list{display: block;} /* Slider */ .slider-container, .main-body{grid-template-columns: 65% 35%;display: grid;} .slider-ads{display: block;align-items: center;} .slider{position: relative;border-radius: 3px;border: 1px solid #eee} .slider-image{height: 300px;display: none;width: 100%;} .slider-image.active{display: block;} .slider-link{z-index: 1;position: relative;display: block;height: 100%;color: #fff;} .slider-title{font-size: 18px;color: #fff;position: absolute;bottom: 0;left: 0;right: 0;font-weight: 700;padding-top: 30px;background-color: transparent;background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));padding: 20px;} .slider-prev, .slider-next{cursor: pointer;position: absolute;top: 50%;width: auto;padding: 5px 10px;margin-top: -22px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 3px;user-select: none;background-color: #134c85;opacity: 0.7;z-index: 888;} .slider-next{right: 10px;} .slider-prev{left: 10px;} .slider-prev:hover, .slider-next:hover{background-color: transparent;color: #134c85;} .slider-bottom-container{grid-gap: 10px;grid-template-columns: repeat(3, 1fr);display: grid;grid-template-rows: auto;} .slider-bottom{display: block;} .slider-bottom-image{height: 162px;border-radius: 3px;border: 1px solid #eee;position: relative;} .slider-bottom-link{z-index: 1;position: relative;display: block;height: 100%;color: #fff;} .slider-bottom-title{font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;right: 0;font-weight: 700;padding-top: 30px;background-color: transparent;background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));padding: 20px;} /* animation */ .fade{-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;} @-webkit-keyframes fade{from{opacity: .4} to{opacity: 1}} @keyframes fade{from{opacity: .4} to{opacity: 1}} /* Animation */ .kanal{ms-grid-column: 1;-ms-grid-row: 3;-ms-grid-column-span: 2;} .kanal>ul{display: flex;white-space: nowrap;overflow: auto;padding: 0px;list-style: none;margin: 0px;} .kanal>ul>li{margin-right: 15px;text-align: center;font-size: 12px;font-weight: 700;margin-left: 0px;width: 25%;min-width: 100px;white-space: normal;vertical-align: top;} .kanal>ul>li:last-child{margin-right: 0px;} .kanal>ul>li>div{border: 1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;cursor: pointer;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;height: 100%;background-color: #fff;padding: 0;overflow: hidden;} .kanal>ul>li>div>a{display: block;position: relative;} .kanal>ul>li>div>a>figure{width: 100%;height: 150px;display: block;border-radius: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;background-size: cover;background-position: 50%;margin: 0px;} .kanal>ul>li>div>a>figure>img{width: 100%;height: 100%;object-fit: cover;} /* Kanal */ .content-title{background: #d6d6d6;height: fit-content;text-align: center;margin-bottom: 10px;} .content-title .text{text-transform: uppercase;text-align: center;width: 173px;padding: 8px 8px 8px 8px;background: #5a919f;color: #fff;font-weight: 600} .content-article-lastest{display: table;margin-bottom: 15px;} .content-article-lastest-left{display: table-cell;float: left;padding-right: 14px;} .content-article-lastest-left-image{width: 150px;height: 110px;} .content-article-lastest-right{width: 100%;border-bottom: 1px solid #eee;position: relative;vertical-align: middle;display: table-cell;} .content-article-lastest-right h2{-webkit-font-smoothing: antialiased;font-weight: 800;font-size: 16px;line-height: 1.15;} .content-article-lastest-right span h4{font-weight: 600;display: inherit;line-height: normal;margin: 0px;color: #134c85} .content-article-lastest-right span{color: #969696;display: inline-block;margin: 10px 0px;} .content-article-load{text-align: center;} .content-article-load-button{position: relative;cursor: pointer;background: #134c85;display: inline-block;padding: 10px 40px;color: #fff;border-radius: 3px;} .content-article-load-button img{display: inline-block;width: 15px;vertical-align: sub;} .content-article-detail{display: block;} .content-article-detail-up{display: block;} .content-article-detail-up ul{list-style-type: none;} .content-article-detail-up ul li{display: inline-block;} .content-article-detail-up ul li h4{display: initial;font-size: 11px;font-weight: 400;color: #eee;} .content-article-detail-up h1{color: #134c85;font-size: 30px;line-height: 36px;} .content-article-detail-up .created_name{display: block;font-size: 12px;font-weight: 500;margin: 8px 0px;color: #727272;} .content-article-detail-down{display: block;} .content-article-detail-down p, .content-article-detail-down img, .content-article-detail-down br, .content-article-detail-down h2, .content-article-detail-down h3, .content-article-detail-down h4, .content-article-detail-down blockquote{margin: 0px;padding: 0px;overflow: hidden;max-width: 100%;height: auto;font-size: 18px;line-height: 1.5;font-weight: 400;} .content-article-detail-down .arab{text-align: right;font-size: 34px;line-height: 52px;overflow: hidden;} .content-article-detail-down ul, .content-article-detail-down ol{margin: 0px;font-size: 18px;padding-inline-start: 40px;line-height: 1.5;font-weight: 400;margin-bottom: 15px;} .content-article-detail-down .alamat-url{font-size: xx-small;font-weight: 700;margin-top: -15px;line-height: 1.4;color: #999;} .content-article-detail-down p{margin-bottom: 25px;} .content-article-detail-down p:last-child{margin-bottom: 0px;} .content-article-detail-down blockquote{background: #f9f9f9;border-left: 10px solid #afafaf;margin-bottom: 25px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";} .content-article-detail-down blockquote:before{color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;} .content-article-detail-down blockquote p{display: inline;margin: 0px;} .content-article-detail-down h2, .content-article-detail-down h3, .content-article-detail-down h4{font-weight: 700;margin-bottom: 10px;} .content-article-detail-down h2{font-size: 24px;} .content-article-detail-down h3{font-size: 22px;} .content-article-detail-down h4{font-size: 20px;} .content-article-detail-down a{color: #134c85;} .content-article-detail-down a:hover{color: #333;} .content-article-detail-down .editor{display: block;padding-bottom: 25px;font-size: 18px;font-weight: 400;} .content-article-detail-down .bacajuga{padding: 15px;background-color: #fff;border-radius: 10px;margin-bottom: 15px;} .content-article-detail-down .bacajuga p{margin-bottom: 0px;} .content-article-detail-down .bacajuga ul{padding: 0px 20px;margin: 0px;} .content-article-detail-down iframe{width: 100%;} .content-article-detail-down .tags{display: block;} .content-article-detail-down .tags .keyword{background: linear-gradient(to right, #134c85 0, #134c85 100%);display: inline-block;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;} .content-article-detail-down .tags .keyword a{color: #fff;} /* Content */ @media only screen and (min-width: 1024px){} @media only screen and (min-width: 992px){.kanal{grid-column-start: 1;grid-column-end: 3;grid-row-start: 3;grid-row-end: 3;}} @media only screen and (min-width: 768px){.mixed-feed-tap>.article-feed-card>div{height: 250px;border-radius: 5px;} .mixed-feed-tap>.article-feed-card>div>header{height: 130px;}} .mixed-feed-tap{display: grid;display: -ms-grid;-ms-grid-columns: 1fr 1fr;grid-template-columns: repeat(2, 1fr);grid-gap: 15px;row-gap: 20px;} .article-feed-card-header{display: flex;padding: 0;border: none;border-radius: 0;min-height: 100px;align-items: center;overflow: hidden;} .article-feed-card-header>a{display: block;width: 100%;outline: 0;} .article-feed-card-header>a>figure{margin: 0;} .article-feed-card-header>a>figure>div{width: 100%;display: block;} .article-feed-card-body{height: 118px;background: #fafafa;padding: 0 15px;} .article-feed-card-body>h4{padding: 10px 0px;text-transform: capitalize;} .article-feed-card-body>h4>label>a{color: #134c85;font-size: .9375rem;font-weight: 300;} .article-feed-card-body>h2>a{font-size: 1rem;} /* Jiplak */ .viral{position: relative;width: 100%;display: -webkit-inline-box;margin: 5px 0px;padding-bottom: 4px;border-bottom: 1px solid #eee;} a:first-child .viral{margin-top: 0px;} a:last-child .viral{margin-bottom: 15px;} .viral-image{width: 40px;height: 40px;overflow: hidden;border-radius: 3px} .viral-content{padding-left: 10px;padding-right: 10px;max-width: 88%;max-height: 50px} .viral-content h3{color: #000;margin: 0;font-size: 13px;line-height: 16px;font-weight: 400} .viral-number{background: #298fd0;position: absolute;left: 2px;top: 12px;width: 18px;height: 18px;content: "1";color: #fff;font-weight: 500;font-size: 11px;line-height: 14px;text-align: center;border: 2px solid #fff;z-index: 10;border-radius: 3px} /* Viral */