.count-container h1, .count-container li {
    font-size: 18px !important;
    text-transform: uppercase 
}
.schedule-event, .standing-wide, .team-item {
    align-content: center 
}
.thead {
    background-color: #075290;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    background-image: url(https://asset-1.tstatic.net/img/pildun/2022/sl22/pd22ss.png);
    background-repeat: repeat;
    color: #fff;
}
.search form{
    background-color: #fff!important;
}
.ar.mb20.f18 a, .baca a, .blue a, .blue2, .blue2 a, .news-feed-caption .black3, .news-feed-caption .black3 a, .paging a, .populer-feed .black3, .populer-feed .black3 a, .sub-caption a, .topics a, .tribun-article-content .blue, .tribun-article-content .blue a, .tribun-article-content .red, .tribun-article-content .red a, .tribun-side-right h3 a {
    color: #2066ae !important 
}
a {
    color: #8d1b3d 
}
.news-feed-caption h4.news-feed-topics a {
    color: #a31444 !important 
}
#pagecurrent, .col-soc a, .thead .blue, .thead .blue a, .theader>ul>li.blue, .theader>ul>li.grey, .theader>ul>li>a {
    color: #fff !important 
}
.theader>ul>li .submenu {
    border-color: #a31444 
}
.theader ul>li .tnetwork a, .theader>ul>li .submenu a {
    color: #075290 
}
.thead .havc:hover .blue, .thead .havc:hover .blue a, .theader .havc:hover, .theader .havc:hover>a {
    color: #075290 !important 
}
.live-btn-container a{
    color: #fff;
}
.live-btn-container a:hover{
    color: #fff;
}
.havc.tn img {
    filter: brightness(0) invert(1) 
}
.havc:hover.tn img {
    filter: none 
}
.count-container {
    margin: 0 15px 20px auto;
    text-align: center;
    display: grid;
    grid-template-columns: minmax(150px, 30%) 1fr;
    padding: 15px;
    align-items: center;
    background: url(https://cdn-1.tstatic.net/img/pildun/2022/sl22/banner-pd-web.jpg) left bottom/cover no-repeat 
}
.count-images img {
    width: auto 
}
.count-container .countdown {
    background: rgb(255 255 255 / 70%);
    padding: 15px;
    color: #075290 
}
.count-container h1 {
    font-weight: 700;
    letter-spacing: .125rem 
}
.count-container li {
    display: inline-block;
    list-style-type: none;
    padding: 12px 36px !important;
    text-transform: capitalize !important 
}
.count-container li span {
    display: block;
    font-size: 30px !important;
    font-weight: 700 
}
.count-container .emoji {
    display: none;
    padding: 15px 
}
.count-container .emoji span {
    font-size: 4rem;
    padding: 0 10px 
}
#headline .bgblue2 {
    background: linear-gradient(to right, #bf272b, #601416) !important 
}
.nw.dip h5 {
    color: #545454 !important 
}
.cover, .cover-3 {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0 
}
.cl2, .cl2:after {
    content: "";
    clear: both 
}
.cover, .cover-3, .index-berita {
    position: absolute;
    right: 0 
}
.banner-right-fix, .breadcrumb li a, .group-title, .heading-2, .headline-nav .headline-nav-thumb, .image-inside, .main, .match-col, .photo-grid, .photo-grid .photo-grid-thumb, .photo-grid li, .right-fix, .slick-dots li, .slider-headline, .team-item, .top-stories .top-stories-thumb, .tribun-breadcrumb, .tribun-breadcrumb li, .tribun-content, .tribun-content-2, .tribun-content-3, .tribun-row {
    position: relative 
}
.modal, .slick-dots li button:focus, .slick-dots li button:hover, .slick-slide {
    outline: 0 
}
.main {
    background-color: #fafafac2;
    text-align: left;
    margin: 0 auto;
    width: 1200px;
    padding-top: 10px !important 
}
.main-menu {
    background: linear-gradient(0deg, #a31444, #8d1b3d) !important;
    border-radius: 30px 0 
}
.main-menu div>ul>li>ul {
    background-color: #912547;
    border-radius: 0 0 30px 30px;
    margin-top: 10px !important 
}
.main-menu div>ul>li>ul::before {
    display: block;
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    top: -20px 
}
.main-menu>div>ul>li>.submenu2>li {
    padding-bottom: 16px 
}
.main-menu>div>ul>li:hover>a, .main-menu>ul>li>a:hover {
    background: 0 0;
    border-bottom: 4px solid #8a1538 
}
.breadcrumb {
    background: 0 0 
}
.breadcrumb li a:after, .breadcrumb li a:before {
    content: unset !important 
}
.breadcrumb li {
    display: inline-block;
    margin-right: -20px 
}
.breadcrumb li a {
    color: #fff;
    font-size: .8rem;
    text-transform: capitalize;
    text-decoration: none;
    padding: 10px 30px 10px 25px;
    display: block;
    border-radius: 25px 0;
    background: #075290 !important 
}
.breadcrumb li:first-child a {
    padding-left: 25px 
}
.breadcrumb li:nth-child(2) a, .breadcrumb li:nth-child(3) a {
    padding: 10px 30px 10px 25px !important 
}
.breadcrumb li:nth-child(2) a {
    background: #016fba !important;
    color: #fff !important 
}
.breadcrumb li:nth-child(3) a {
    background: #3579bf !important;
    color: #fff !important 
}
.latestlists_wrapper img {
    border-radius: 15px 0;
    box-shadow: 0 0 5px rgb(145 5 5 / 50%);
    transition: .5s 
}
.latestlists_wrapper:hover {
    transform: translate(0, -10px);
    transition: .5s;
    filter: saturate(3) 
}
.dropdown, .icon-overlay, .video-pilihan .video-pilihan-thumb .feed-icon-2, .video-pilihan .video-pilihan-thumb img {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s 
}
.latestlists_wrapper .fbo2 a {
    color: #dc0000 
}
.bold300, .bold300 a {
    font-weight: 300 !important 
}
.bold400, .bold400 a {
    font-weight: 400 !important 
}
.bold600, .bold600 a {
    font-weight: 600 !important 
}
.bold800, .bold800 a {
    font-weight: 800 !important 
}
.crimson {
    font-family: "Crimson Text", "Times New Roman", Times, serif 
}
.cover {
    width: auto;
    height: 100%;
    margin-left: -15% 
}
.cover-2, .img-cover {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover 
}
.cover-3 {
    height: auto;
    z-index: 0 
}
.headline-nav, .modal-open, .ovh, .photo-grid {
    overflow: hidden 
}
.cl2:after {
    display: block;
    line-height: 0 
}
.wfull-important, .width-percent-100 {
    width: 100% !important 
}
.width-percent-90 {
    width: 90% !important 
}
.index-berita {
    top: 10px 
}
.index-berita a {
    color: rgb(182 14 64) 
}
.match-stage-page#final .match-col, .wfull {
    width: 100% 
}
.tribun-container {
    margin-right: auto;
    margin-left: auto 
}
.tribun-content {
    width: 1150px;
    margin: 0 auto 
}
.tribun-content-2 {
    width: 1350px;
    margin: 0 auto 
}
.tribun-content-3 {
    width: 835px;
    overflow: hidden 
}
.tribun-row {
    padding: 0 5px;
    overflow: hidden 
}
.tbtn {
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 
}
.heading, .heading-2, .heading-3 {
    margin-bottom: 15px 
}
.tbtn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4 
}
.icon-fb {
    color: #3b5998 !important 
}
.icon-twitter {
    color: #00aced !important 
}
.icon-gplus {
    color: #d34836 !important 
}
.icon-rss {
    color: #f60 !important 
}
.icon-instagram {
    line-height: normal !important;
    background: -webkit-radial-gradient(30% 107% circle, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    background: -o-radial-gradient(30% 107% circle, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent 
}
.heading {
    padding: 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    color: #a53559 
}
.heading-2 {
    border-top: 1px solid rgba(0, 0, 0, .07);
    padding-top: 10px 
}
.heading-2 i.fa {
    font-size: 12px;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: rgba(0, 0, 0, .07);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    line-height: 26px 
}
.article-time, .heading-2 span, .heading-3, .topics a {
    display: inline-block 
}
.heading-2 span {
    padding-left: 36px 
}
.heading-3 {
    padding: 5px 15px;
    border-radius: 2px;
    border-left: 2px solid #b9201f;
    font-size: 16px;
    color: #fff;
    background-color: #016fba 
}
.heading-article {
    border-bottom: 3px solid #8f4c60;
    margin-bottom: 20px;
    padding: 0 15px 5px;
    margin-top: 15px 
}
.tribun-floating-caption, .tribun-floating-caption-2 {
    padding: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    position: relative 
}
.heading-article h1 {
    font-weight: 300;
    color: #000;
    font-size: 55px 
}
.topics a {
    font-size: 20px;
    font-weight: 700 
}
.article-paragraph figure, .article-time, .banner-right-fix {
    margin-bottom: 10px 
}
.tribun-floating-caption {
    margin: -20px 10px 10px 
}
.tribun-floating-caption-2 {
    margin: -20px 20px 10px 0 
}
.tribun-breadcrumb {
    font-size: 15px;
    padding: 0 0 10px;
    clear: both;
    overflow: hidden;
    text-transform: capitalize;
    word-break: break-all 
}
.tribun-breadcrumb li {
    float: left;
    padding-right: 15px;
    padding-left: 10px 
}
.tribun-breadcrumb li a {
    color: #949494 
}
.tribun-breadcrumb li:after {
    content: "\\";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    font-weight: 400 
}
.bracket-4 .team-item:after, .bracket-5 .team-item:after, .bracket:first-of-type .team-item:before, .match-col:last-child::after, .match-stage-page .match-col:nth-child(2n)::after, .sosial-share, .tabcontent, .tabcontent-widget, .tribun-breadcrumb li:last-child:after {
    display: none 
}
.bdrblue {
    border-bottom: 3px solid #075290 
}
.bdrgrey {
    border-bottom: 3px solid rgba(0, 0, 0, .1) 
}
.text-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis 
}
.text-ellipsis.clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical 
}
.text-ellipsis.clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical 
}
.news-feed .news-feed-caption .sub-caption, .sub-caption {
    padding-top: 5px;
    color: #999;
    font-size: 12px 
}
.feed-topics-2 {
    background-color: #b9201f;
    padding: 3px 5px;
    border-radius: 3px 
}
.feed-ads-1, .feed-ads-2 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 
}
.feed-topics-2 a {
    color: #fff;
    font-weight: 600 
}
.feed-ads-1, .feed-ads-2, .feed-ads-3 {
    padding: 5px 8px;
    background-color: #ffd544;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    color: #fff 
}
.feed-ads-1 {
    border-radius: 5px;
    bottom: 8px;
    right: 8px 
}
.feed-ads-2 {
    border-radius: 5px;
    top: 8px;
    left: 8px 
}
.feed-ads-3 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    bottom: 8px;
    left: 10px 
}
.icon-overlay, .social-btn {
    line-height: 28px;
    font-size: 16px;
    text-align: center 
}
.tribun-thumb {
    height: 100%;
    position: relative;
    overflow: hidden 
}
.slider-headline .slider-thumb-2:before, .tribun-thumb:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    border-radius: 2px;
    opacity: .8;
    background-image: #000;
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .75) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .75) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .75) 0, rgba(255, 255, 255, 0) 100%) 
}
.tribun-thumb-caption {
    position: absolute;
    bottom: 0;
    width: 70%;
    padding: 15px 10px;
    z-index: 1 
}
.img-responsive-height {
    width: auto;
    height: 100% 
}
.img-responsive-width {
    width: 100%;
    height: auto 
}
.item-centered {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto 
}
.icon-overlay {
    width: 28px;
    height: 28px;
    margin: auto;
    position: absolute;
    color: #fff;
    background-color: rgba(1, 111, 186, .7);
    border-radius: 6px;
    transition: .2s 
}
.article-tag .tag-list li, .social-btn {
    margin-left: 5px;
    margin-bottom: 5px;
    float: left 
}
.icon-overlay.top-left {
    top: 5px;
    left: 5px 
}
.icon-overlay.top-right {
    top: 5px;
    right: 5px 
}
.icon-overlay.bottom-left {
    bottom: 5px;
    left: 5px 
}
.icon-overlay.bottom-right {
    bottom: 5px;
    right: 5px 
}
.icon-overlay.center, .modal, .modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0 
}
.social-btn {
    width: 35px;
    height: 35px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 5px 
}
.headline-container .headline-caption h2 a, .headline-nav .headline-nav-thumb:hover a, .slider-headline .slider-caption a, .social-btn a {
    color: #fff 
}
.bg-black-1 {
    background-color: #3c3c3c 
}
.bg-black-2 {
    background-color: #262626 
}
.bg-black-3 {
    background-color: #333 
}
.bg-facebook {
    background-color: #3b5998 !important 
}
.bg-twitter {
    background-color: #00aced !important 
}
.bg-whatsapp {
    background-color: #128c7e !important 
}
.bg-gmail {
    background-color: #dd4b39 !important 
}
.bg-linkedin {
    background-color: #0877b4 !important 
}
.bg-pinterest {
    background-color: #e60023 !important 
}
.bg-digg {
    background-color: #005be2 !important 
}
.bg-delicious {
    background-color: #eee !important 
}
.bg-reddit {
    background-color: #ff4500 !important 
}
.bg-stumbleupon {
    background-color: #eb4924 !important 
}
.bg-wa {
    background-color: #0dc143 !important 
}
.bdr-top {
    border-top: 1px solid #dcdcdc;
    margin-top: 10px 
}
.bdr-bottom {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px 
}
.bdr-bottom-3 {
    border-bottom: 3px solid #999;
    margin-bottom: 10px 
}
.box-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .3);
    pointer-events: none;
    display: block 
}
.new-feature {
    position: absolute;
    top: -10px;
    left: 95px;
    color: red;
    font-size: 12px 
}
.dropdown {
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0 
}
.microsite-menu-content .microsite-menu li, .slider-headline .slider-thumb .overlay {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    text-align: center 
}
.animate:hover .dropdown {
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    z-index: 1 
}
.article-paragraph iframe {
    margin: auto;
    display: block 
}
.article-editor {
    font-size: 14px !important;
    color: #999 
}
.article-tag, .standing-table {
    position: relative;
    overflow: hidden 
}
.article-tag .tag-title {
    float: left;
    width: 70px;
    font-weight: 600;
    font-size: 17px 
}
.article-tag .tag-list {
    float: left;
    width: 460px;
    padding-bottom: 25px 
}
.article-tag .tag-list li {
    list-style: inherit;
    list-style-position: outside;
    padding: 5px 15px;
    border-radius: 5px;
    background: #4267b2;
    display: block;
    font-size: 14px 
}
.headline-container .headline-thumb:before, .photo-overlay:before {
    content: "";
    background-image: -webkit-linear-gradient(transparent, #232323) 
}
.headline-container {
    background-color: #3c3c3c;
    position: relative 
}
.headline-container .headline-thumb {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    padding-bottom: 56.25% 
}
.headline-container .headline-thumb:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, .7) 65%);
    z-index: 1 
}
.headline-container .headline-caption {
    width: 530px;
    position: absolute;
    bottom: 7%;
    padding: 0;
    font-size: 16px;
    z-index: 1 
}
.headline-container .headline-caption h2 {
    text-shadow: 0 0 10px #000;
    padding-top: 10px 
}
.headline-container .headline-sumber {
    position: absolute;
    bottom: 15%;
    right: 10px;
    background-color: #2d2d2d;
    z-index: 1;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    opacity: .6 
}
.tribun-floating-video {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    padding-bottom: .75%;
    position: relative;
    overflow: hidden 
}
.tribun-floating-video.video-facebook {
    padding-top: 100% !important 
}
.tribun-floating-video .tribun-video-api, .tribun-floating-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0 
}
.headline-main {
    padding: 0;
    height: 420px;
    overflow: hidden 
}
.headline-main-nav {
    padding: 0 5px;
    height: 250px;
    overflow: hidden 
}
.slider-headline .slick-arrow {
    color: #f1f1f1;
    padding: 10px;
    position: absolute;
    top: 50%;
    z-index: 1;
    cursor: pointer;
    font-size: 60px;
    text-shadow: 0 0 28px #fff;
    display: none 
}
.slider-headline .slick-next {
    right: 0 
}
.slider-headline .slick-prev {
    left: 0 
}
.slider-headline .slider-item {
    position: relative;
    overflow: hidden;
    height: 420px 
}
.slider-headline .slider-thumb {
    width: 650px;
    height: 380px;
    float: left;
    margin-right: 30px;
    position: relative 
}
.slider-headline .slider-thumb .overlay {
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 80px;
    margin: auto;
    position: absolute;
    font-size: 38px;
    background-color: rgba(1, 111, 186, .7);
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    border-radius: 20%;
    color: #fff;
    transition: .2s 
}
.slider-headline .slider-caption {
    float: left;
    width: 380px;
    padding: 0 10px 
}
.slider-headline .slider-caption h3 {
    font-size: 28px;
    line-height: 1.3;
    padding-top: 3px;
    padding-bottom: 1px;
    margin-bottom: 30px 
}
.slider-headline .slider-thumb-2 {
    position: relative;
    height: 420px 
}
.slider-headline .slider-caption-2 {
    position: absolute;
    bottom: 50px;
    z-index: 1;
    padding: 30px;
    width: 500px;
    margin-left: 5%;
    color: #fff 
}
.slider-headline .slider-caption-2 h3 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 400 
}
h1.crimson {
    font-weight: 700 !important;
    line-height: 1.2 
}
.headline-nav .headline-nav-thumb .headline-nav-image {
    height: 150px 
}
.headline-nav .headline-nav-thumb .headline-nav-caption {
    padding: 5px 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400 
}
.headline-nav .headline-nav-thumb .headline-nav-caption a {
    color: #d6d6d6 
}
.headline-nav .slick-slide {
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    padding-top: 10px 
}
.headline-nav .slick-slide.slick-active {
    border-top: 3px solid transparent 
}
.headline-nav .slick-slide.slick-current {
    border-top: 3px solid #b9201f 
}
.tribun-global-menu {
    z-index: 10 
}
.tribun-global-menu.is_stuck {
    width: 100% !important;
    background-color: #fff;
    top: -30px !important;
    left: 0;
    padding: 30px 0 5px;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(142, 142, 142, .3) 
}
.tribun-global-menu.is_stuck .microsite-menu-content {
    background-color: #fff;
    padding-top: 5px 
}
.tribun-global-menu.is_stuck .microsite-menu-content a {
    color: #000 
}
.tribun-global-menu.is_stuck .microsite-menu-content .microsite-menu li.level-dua ul {
    background-color: #fff !important 
}
.tribun-microsite-menu {
    position: relative;
    backface-visibility: hidden 
}
.microsite-menu-content {
    background-color: #016fba;
    position: relative;
    backface-visibility: hidden;
    border-radius: 3px 
}
.microsite-menu-content .microsite-logo {
    width: 180px;
    height: 65px;
    float: left;
    position: relative 
}
.microsite-menu-content .microsite-menu {
    display: inline-block;
    position: relative;
    width: 970px 
}
.microsite-menu-content .microsite-menu ul {
    position: relative;
    display: inline-table;
    width: 100%;
    height: 65px 
}
.microsite-menu-content .microsite-menu li {
    font-size: 18px;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    transition: .2s 
}
.latest-banner, .news-feed .feed-icon {
    -moz-transition: .2s;
    -ms-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s 
}
.microsite-menu-content .microsite-menu li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #fff 
}
.microsite-menu-content .microsite-menu li.selected, .microsite-menu-content .microsite-menu li:hover {
    background: rgba(0, 0, 0, .15) 
}
.microsite-menu-content .microsite-menu li.level-dua ul {
    position: absolute;
    background-color: #016fba;
    color: #fff;
    width: 200px;
    top: 64px;
    left: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 2 
}
.microsite-menu-content .microsite-menu li.level-dua li, .tabcontent-widget.current-widget, .tabcontent.current {
    display: block 
}
.microsite-menu-content .microsite-menu li.level-dua:before {
    content: "";
    position: absolute 
}
.microsite-menu-content .microsite-menu li:last-child.level-dua ul {
    left: initial;
    right: 0 !important 
}
@-webkit-keyframes top-animate {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) 
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0) 
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0) 
    }
    75% {
        -webkit-transform: translate3d(0, 1px, 0);
        transform: translate3d(0, 1px, 0) 
    }
    90% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0) 
    }
    to {
        -webkit-transform: none;
        transform: none 
    }
}
@-moz-keyframes top-animate {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) 
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0) 
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0) 
    }
    75% {
        -webkit-transform: translate3d(0, 1px, 0);
        transform: translate3d(0, 1px, 0) 
    }
    90% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0) 
    }
    to {
        -webkit-transform: none;
        transform: none 
    }
}
@-ms-keyframes top-animate {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) 
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0) 
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0) 
    }
    75% {
        -webkit-transform: translate3d(0, 1px, 0);
        transform: translate3d(0, 1px, 0) 
    }
    90% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0) 
    }
    to {
        -webkit-transform: none;
        transform: none 
    }
}
@keyframes top-animate {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) 
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0) 
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0) 
    }
    75% {
        -webkit-transform: translate3d(0, 1px, 0);
        transform: translate3d(0, 1px, 0) 
    }
    90% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0) 
    }
    to {
        -webkit-transform: none;
        transform: none 
    }
}
.latest-banner {
    width: 160px;
    height: 600px;
    float: left;
    margin-right: 20px;
    margin-top: 90px;
    position: relative;
    top: -80px;
    transition: .2s 
}
.tribun-latest {
    float: left 
}
.tribun-latest ul {
    background-color: rgb(255 255 255 / 60%);
    border-radius: 0 
}
.news-feed {
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    clear: both;
    overflow: hidden 
}
.news-feed:last-child {
    border-bottom: none 
}
.news-feed .news-feed-thumb {
    position: relative;
    float: right;
    width: 200px;
    height: 150px;
    text-align: center;
    margin-left: 5px;
    overflow: hidden;
    border-radius: 0 30px;
    -moz-border-radius: 0 30px;
    -o-border-radius: 0 30px 
}
.news-feed .feed-duration {
    background-color: rgba(95, 95, 95, .8);
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 3px 5px;
    color: #fff;
    z-index: 1;
    font-size: 10px 
}
.news-feed .feed-icon, .video-pilihan .video-pilihan-thumb .feed-icon-2 {
    width: 38px;
    height: 38px;
    top: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    right: 0;
    left: 0 
}
.news-feed .feed-icon {
    line-height: 38px;
    margin: auto;
    font-size: 18px;
    color: #fff;
    background-color: rgb(171 0 0 / 70%);
    border-radius: 6px;
    transition: .2s 
}
.news-feed:hover .feed-icon, .tribun-beritapopuler .populer-feed:hover .icon-overlay {
    -webkit-box-shadow: 0 0 10px 0 #fff;
    -moz-box-shadow: 0 0 10px 0 #fff;
    box-shadow: 0 0 10px 0 #fff 
}
.news-feed .news-feed-caption h3 {
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600 
}
.news-feed .news-feed-caption .news-feed-teaser {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding-top: 10px;
    margin-bottom: 5px 
}
.news-feed .news-feed-caption .news-feed-topics {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px 
}
.bgblue {
    background: #8d1b3d !important 
}
.tagcloud3 {
    margin: 0 5px 15px 0 !important 
}
.tagcloud3 a {
    background: #f4f4f4 !important;
    color: #8d1b3d !important;
    font-weight: 400 !important;
    border-radius: 10px 0 
}
.feed-topics {
    padding: 2px 
}
.feed-topics a {
    color: #b9201f;
    font-weight: 400 
}
.index-latest {
    background-color: #ebebeb;
    border-top: 5px solid #016fba;
    padding: 15px 0 
}
.modal-content, .standing-league, .tribun-article-feed, .tribun-beritapopuler {
    background-color: #fff 
}
.index-latest ul {
    padding: 5px;
    overflow: hidden;
    background-color: transparent 
}
.video-pilihan li {
    width: 310px;
    height: 240px;
    float: left;
    margin: 5px;
    overflow: hidden;
    position: relative 
}
.video-pilihan li:hover .video-pilihan-thumb img {
    -webkit-filter: blur(0) grayscale(0);
    -moz-filter: blur(0) grayscale(0);
    -o-filter: blur(0) grayscale(0);
    -ms-filter: blur(0) grayscale(0);
    filter: blur(0) grayscale(0) 
}
.video-pilihan li:hover .video-pilihan-thumb .feed-icon-2 {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 28px 
}
.photo-grid li:hover a, .top-stories li:hover a, .video-pilihan li:hover .video-pilihan-caption a {
    color: #016fba 
}
.video-pilihan .video-pilihan-thumb {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 
}
.video-pilihan .video-pilihan-thumb .feed-icon-2 {
    line-height: 38px;
    margin: auto;
    font-size: 18px;
    color: #fff;
    background-color: rgba(1, 111, 186, .7);
    border-radius: 6px;
    transition: .2s 
}
.video-pilihan .video-pilihan-thumb img {
    transition: .2s;
    -webkit-filter: blur(1px) grayscale(0.7);
    -moz-filter: blur(1px) grayscale(0.7);
    -o-filter: blur(1px) grayscale(0.7);
    -ms-filter: blur(1px) grayscale(0.7);
    filter: blur(1px) grayscale(.7) 
}
.video-pilihan .video-pilihan-caption {
    padding-top: 5px;
    font-size: 16px 
}
.photo-grid .photo-grid-caption a, .top-stories .top-stories-caption a, .video-pilihan .video-pilihan-caption a {
    color: #333;
    font-weight: 500 
}
.top-stories li {
    width: 203px;
    max-height: 220px;
    float: left;
    margin: 5px;
    overflow: hidden;
    position: relative 
}
.top-stories .top-stories-caption {
    font-size: 14px;
    padding-top: 5px 
}
.tribun-article-content {
    width: 835px;
    float: left;
    margin-right: 15px 
}
.tribun-side-right {
    width: 300px;
    float: left 
}
.tribun-beritapopuler .populer-feed {
    overflow: hidden;
    height: 90px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #ebebeb;
    margin-bottom: 5px 
}
.tribun-beritapopuler .populer-feed:last-child {
    border-bottom: none;
    margin-bottom: 0 
}
.tribun-beritapopuler .populer-feed .populer-thumb {
    float: left;
    width: 115px;
    position: relative;
    padding-right: 10px;
    height: 95px 
}
.tribun-beritapopuler .populer-feed .populer-caption {
    position: relative;
    float: left;
    width: 155px;
    margin-bottom: 5px;
    overflow: hidden 
}
.fr.pos_rel .shou {
    display: block;
    border: 1px solid #d5d5d5;
    border-radius: 10px 0 
}
.photo-feed {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s 
}
.photo-feed:hover {
    opacity: .8 
}
.photo-feed .photo-thumb {
    position: relative;
    width: 100%;
    height: 250px 
}
.photo-feed .photo-caption {
    position: absolute;
    bottom: 5px;
    padding: 5px;
    z-index: 1 
}
.photo-feed .photo-caption a {
    text-shadow: 0 0 10px #000 
}
.photo-overlay {
    width: 100%;
    height: 100%;
    display: block 
}
.photo-overlay:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    border-radius: 2px;
    background-image: -o-linear-gradient(transparent, #232323);
    background-image: linear-gradient(transparent, #232323);
    z-index: 1 
}
.right-fix.data-fixed {
    position: fixed;
    top: 80px;
    width: 300px;
    margin-top: 0 !important 
}
.tribun-article-feed {
    width: 565px;
    padding: 0 10px 
}
.banner-right-fix {
    margin-top: 90px;
    top: -70px 
}
.article-paragraph, .article-paragraph div, .article-paragraph p, .article-paragraph ul {
    font-size: 17px;
    padding-bottom: 15px;
    line-height: 160% 
}
.article-paragraph iframe {
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0 
}
.article-paragraph figure.image, .article-video-pilihan {
    padding: 15px 10px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 3px 
}
.article-paragraph figure.image img {
    width: 100%;
    height: auto;
    margin: 0 auto 
}
.article-paragraph figure figcaption {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 5px 
}
.article-content {
    padding: 10px 
}
.photo-grid li {
    width: 255px;
    max-height: 250px;
    float: left;
    margin: 5px 8px;
    overflow: hidden 
}
.photo-grid .photo-grid-caption {
    font-size: 14px;
    padding-top: 5px;
    height: 65px 
}
.article-related-list span.fbo2.grey {
    color: #72112f !important 
}
.article-related-list li {
    font-weight: 300;
    color: #2a2a2a;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 0;
    font-size: 16px 
}
.article-related-list li a {
    color: #333;
    font-weight: 500;
    display: block 
}
.article-video-pilihan .video-logo {
    float: left;
    max-width: 130px 
}
.article-video-pilihan .video-top {
    float: right;
    width: 130px;
    text-align: right;
    padding-top: 5px;
    color: #999;
    font-weight: 600;
    font-size: 14px 
}
.article-video-pilihan .video-thumb {
    position: relative;
    padding: 5px 0 10px;
    margin-top: 5px 
}
.article-video-pilihan .video-caption {
    padding: 0 5px 20px;
    font-size: 14px;
    font-weight: 600 
}
.image-inside {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
    border: 1px solid #ebebeb;
    padding: 5px 
}
.image-inside .inside-editor {
    font-size: 10px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 100%;
    padding: 0;
    background-image: linear-gradient(180deg, transparent, #444);
    color: #fff 
}
.image-inside .inside-text {
    font-size: 12px;
    padding-bottom: 0 
}
#div-Left-WideSkyscraper {
    position: relative;
    transition: .2s 
}
.tribun-article-left {
    width: 160px;
    height: 600px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 0 10px 
}
.sticky-item {
    display: inline-block;
    vertical-align: top;
    position: relative 
}
.tribun-article-right {
    width: 45px;
    margin-left: 10px;
    margin-top: 90px;
    top: -90px 
}
.tribun-article-right.is_stuck {
    margin-top: 110px 
}
.tribun-article-right .article-share.share-circle li {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    margin-bottom: 8px !important 
}
.tribun-article-right .article-share li {
    text-align: center;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 5px 
}
.tribun-article-right .article-share a {
    display: block;
    font-size: 22px;
    height: 45px;
    line-height: 45px 
}
.share-modal {
    width: 300px;
    margin: 0 auto 
}
.share-modal li {
    padding: 10px;
    display: block;
    font-size: 18px 
}
.share-modal li a {
    color: #323233 
}
.tribun-guide a, .tribun-mark {
    font-weight: 500;
    color: #9e9e9e 
}
.share-modal li i {
    width: 40px;
    font-size: 30px;
    vertical-align: middle 
}
.tribun-footer {
    padding: 0 0 60px 
}
.tribun-guide {
    border-top: 1px solid rgba(0, 0, 0, .07);
    padding: 10px 0;
    margin-top: 20px 
}
.tribun-guide a {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.8;
    white-space: nowrap;
    padding-right: 15px;
    position: relative 
}
.tribun-mark {
    font-size: 16px 
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2 
}
.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5 
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0 
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto 
}
.modal {
    position: fixed;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch 
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 60px auto 
}
.modal.fade .modal-dialog {
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -ms-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    -moz-transform: translate(0, -25%);
    -webkit-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%) 
}
.modal.in .modal-dialog {
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0) 
}
.modal-content {
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5) 
}
.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000 
}
.modal-backdrop.fade {
    opacity: 0 
}
.modal-backdrop.in {
    opacity: .5 
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5 
}
.modal-header.close {
    margin-top: -2px 
}
.modal-title {
    margin: 0;
    line-height: 1.42857 
}
.modal-body {
    position: relative;
    padding: 15px 
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 0;
    margin-left: 5px 
}
.modal-footer .btn-group .btn+.btn {
    margin-left: -1px 
}
.modal-footer .btn-block+.btn-block {
    margin-left: 0 
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll 
}
.schedule-footer {
    text-align: center;
    position: relative;
    margin-top: 30px 
}
.schedule-footer a {
    color: #fff;
    padding: 12px;
    background: #8d1b3d;
    border-radius: 0 0 0 30px;
    font-size: 12px;
    display: block;
    position: relative;
    margin-top: 5px 
}
.schedule-footer a:hover {
    background: rgb(163 26 67);
    transition: .3s;
    text-decoration: none 
}
.schedule-footer a:hover>.icon {
    right: 40px;
    transition: .3s 
}
.standing-head .standing-col {
    font-weight: 700;
    color: #fff;
    font-size: 12px 
}
.standing-body {
    position: relative;
    padding: 0 10px 
}
.standing-row {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid #e1e1e1 
}
.standing-row:last-child {
    border-bottom: 0 
}
.standing-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606060;
    padding: 0 2px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0 
}
.schedule-event, .schedule-motogp ul li, .standing-wide {
    display: grid;
    grid-template-columns: 20% 80% 
}
.group-title, .schedule-title {
    padding: 10px;
    text-align: center;
    font-weight: 700 
}
.standing-half, .standing-wide {
    -ms-flex-pack: start;
    justify-content: flex-start;
    white-space: nowrap;
    overflow: hidden 
}
.standing-wide {
    -ms-flex-positive: 5;
    flex-grow: 5;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    justify-items: start;
    align-items: center;
    justify-content: center 
}
.schedule-event h3, .standing-title h3 {
    font-size: 14px 
}
.standing-logo {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 25px;
    margin-right: 5px 
}
.standing-logo img {
    width: 25px;
    height: auto;
    border: 1px solid #333 
}
.standing-title h3, .standing-title h6 {
    line-height: 1.2 
}
.standing-title h6 {
    font-size: 11px 
}
.schedule-motogp, .schedule-wc22 {
    background-color: #fff;
    border-radius: 30px 
}
.jadwal-match a, .schedule-title, .standing-head {
    background-color: #8d1b3d 
}
.match-col::after {
    background-color: #4f0523;
    width: 1px;
    position: absolute;
    content: "";
    height: 55px;
    right: 0 
}
.schedule-title {
    color: #fff;
    font-size: 15px;
    border-radius: 0 30px 0 0 
}
.schedule-motogp ul {
    margin: 10px 
}
.schedule-motogp ul li {
    position: relative;
    padding: 5px;
    justify-content: center;
    align-items: center;
    justify-items: start 
}
.schedule-date {
    font-size: 13px;
    float: left;
    width: 40px;
    color: #7b7b7b;
    font-weight: 700;
    margin-top: 1px 
}
.schedule-event {
    justify-items: start;
    align-items: center;
    justify-content: center;
    width: 100% 
}
.schedule-flag {
    width: 25px;
    height: auto 
}
.schedule-flag img {
    border: 1px solid #555 
}
.icon-angle-right {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.577' height='14.155' viewBox='0 0 8.577 14.155'%3E%3Cpath id='Path_1' data-name='Path 1' d='M1200.12,759l4.956,4.956-4.956,4.956' transform='translate(-1197.999 -756.879)' fill='none' stroke='%234a4a4a' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E%0A");
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    right: 50px;
    width: 10px;
    height: 14px;
    filter: invert(1) brightness(200%);
    background-repeat: no-repeat 
}
.group-title {
    border-bottom: 1px solid;
    margin: 0 20px 10px 
}
#group-table, .bx-viewport {
    position: relative;
    overflow: hidden;
    height: 230px 
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    bottom: -20px;
    text-align: center 
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    background: #8a1538 
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #d20a46 
}
.match-time {
    text-align: center;
    font-size: 10px;
    margin: 0 15px 
}
.match-time p:first-child {
    margin-bottom: 3px 
}
.match-logo {
    display: block;
    text-align: center;
    font-size: 12px 
}
.bracket, .match-col, .match-row, .share-pildun, .team-item, .topskor-widget .standing-tab ul, .tournament-headers {
    display: flex 
}
.match-logo img {
    margin-bottom: 2px 
}
.match-col {
    flex: 0 0 auto;
    width: 33.3333333333%;
    padding: 0 
}
.match-row {
    padding: 20px 0;
    flex-wrap: wrap 
}
.jadwal-match a {
    display: block;
    text-align: left;
    padding: 10px 10px 10px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border-radius: 0 30px 0 0 
}
#group-table .standing-body, .standing-league .standing-body {
    padding: 0 20px 
}
#group-table .standing-col:last-child {
    align-items: end;
    justify-content: end 
}
.standing-stage .group-title {
    font-size: 16px;
    border: 0;
    padding: 0;
    margin: 0 0 25px;
    text-align: center 
}
.standing-head {
    color: #fff;
    padding: 2px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0 20px 0 0 
}
.standing-tab.matchday li, .team-item {
    font-size: 12px 
}
.match-stage-page .match-row, .standing-stage .standing-body, .standing-table.bracket-table, .standing-table.bracket-table .standing-head, .standing-table.bracket-table .standing-row {
    padding: 0 
}
.standing-container {
    background-color: #fff;
    border-radius: 0 20px;
    margin-bottom: 40px 
}
.container-share-pildun {
    text-align: center;
    margin: 25px 0 
}
.li-share-pildun {
    width: 25%;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0 10px 
}
.li-share-pildun i {
    font-size: 16px;
    line-height: 16px;
    margin-top: 10px 
}
.container-share-pildun h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px 
}
.klasemen {
    padding: 0 15px 15px 5px 
}
.jadwal-wc22 {
    padding-right: 15px 
}
.bracket, .topskor-widget .standing-league .standing-table {
    padding: 10px 0 
}
.tribun-latest {
    width: 640px 
}
.standing-league .standing-table {
    padding: 15px 0 
}
.side_klasemen {
    margin-bottom: 25px 
}
.tournament-brackets {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    background: #fdfdfd;
    margin-bottom: 50px 
}
.bracket {
    margin: 0;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-around;
    list-style-type: none;
    border-right: 1px dashed #ccc;
    flex: 1 
}
.team-item {
    background-color: #f4f4f4;
    padding: 7px;
    margin: 8px 10px;
    vertical-align: middle;
    line-height: 2;
    text-align: center;
    align-items: center 
}
.team-item:after {
    content: '';
    border-color: #8a1538;
    border-width: 2px;
    position: absolute;
    display: block;
    width: 10px;
    right: -11px 
}
.team-item:nth-of-type(odd):after {
    border-right-style: solid;
    border-top-style: solid;
    height: 100%;
    top: 50% 
}
.team-item:nth-of-type(2n):after {
    border-right-style: solid;
    border-bottom-style: solid;
    height: 100%;
    top: -50% 
}
.team-item:before {
    content: '';
    border-top: 2px solid #8a1538;
    position: absolute;
    height: 2px;
    width: 10px;
    left: -10px;
    top: 50% 
}
.bracket-2 .team-item:nth-of-type(odd):after {
    height: 200%;
    top: 50% 
}
.bracket-2 .team-item:nth-of-type(2n):after {
    height: 200%;
    top: -150% 
}
.bracket-3 .team-item:nth-of-type(odd):after {
    height: 350%;
    top: 50% 
}
.bracket-3 .team-item:nth-of-type(2n):after {
    height: 350%;
    top: -300% 
}
.bracket-4 .team-item:nth-of-type(odd):after {
    height: 700%;
    top: 50% 
}
.bracket-4 .team-item:nth-of-type(2n):after {
    height: 700%;
    top: -650% 
}
.bracket-5 .team-item:before {
    width: 21px;
    left: -21px 
}
.team-item .team-logo {
    text-align: center;
    vertical-align: middle;
    line-height: 10px 
}
.team-item .team-logo img {
    max-width: 20px 
}
.team-item time {
    margin: 0 8px;
    background-color: #dbdbdb;
    font-size: 10px;
    color: #333;
    padding: 5px;
    line-height: 14px 
}
.bracket-winner .team-item {
    padding: 8px 36px;
    display: block 
}
.tournament-headers {
    flex-grow: 1;
    flex-direction: row;
    border-bottom: 1px solid #ccc 
}
.tournament-headers h3 {
    width: 20%;
    text-align: center;
    font-weight: 400;
    margin: 0;
    padding: 10px 15px;
    font-size: 13px;
    justify-content: center 
}
.standing-tab {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    padding-bottom: 0 
}
.standing-tab li {
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #68102b 
}
.standing-tab li:last-child {
    margin-right: 0 
}
.standing-tab li .btn {
    text-decoration: none;
    padding: 0 0 10px;
    display: block;
    cursor: pointer;
    font-weight: 700;
    border: none;
    border-bottom: 3px solid transparent;
    color: #333;
    background: 0 0 
}
.standing-tab li .btn.current, .standing-tab li .btn.current-widget, .standing-tab li .btn:hover {
    border-color: #68102b;
    color: #68102b 
}
.match-stage-page {
    background-color: #ffffff59;
    border-radius: 0 25px 0 0 
}
.match-stage-page .match-col {
    padding: 20px 0;
    width: 50%;
    border-bottom: 1px 
}
.standing-tab.matchday li .btn {
    padding: 5px 
}
.headline-container .headline-thumb .cover, .topskor-widget .schedule-footer, .topskor-widget .schedule-footer a {
    margin: 0 
}
.topskor-widget .standing-tab {
    background-color: #fff;
    margin: 0;
    padding: 0 
}
.topskor-widget .standing-tab ul li {
    width: 50%;
    margin: 0 
}
.topskor-widget .standing-tab li .btn {
    padding: 8px;
    font-size: 14px;
    background-color: #9c3a5a;
    color: #fff 
}
.topskor-widget .standing-tab li .btn:hover {
    border-color: #68102b;
    background-color: #333 
}
.topskor-widget .standing-tab li .btn.current-widget:hover {
    border-color: #68102b 
}
.topskor-widget .standing-head {
    background-color: #fff;
    color: #333;
    padding: 0 20px 
}
.topskor-widget .standing-head .standing-row {
    padding: 5px 0 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5px 
}
.topskor-widget .standing-head .standing-col {
    color: #333 
}
.topskor-widget .standing-tab li .btn.current-widget {
    background-color: #912547;
    color: #fff 
}
.headline-container .headline-caption .topics a {
    width: auto;
    background: rgb(250 250 250);
    padding: 5px 20px;
    font-weight: 700;
    border-right: 5px solid #8d1b3d;
    border-radius: 0 30px 0 0 
}
.headline-container .headline-caption h2 {
    padding-left: 20px 
}
.article .f18 {
    font-size: 16px !important 
}
.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center 
}
.slick-dots li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer 
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0 
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1 
}
.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\2022';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale 
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000 
}
.group-stage-wc22 .schedule-footer {
    margin-top: 15px 
}
.group-stage-wc22 .slick-dots li, .group-stage-wc22 .slick-dots li button {
    width: 15px;
    height: 15px 
}
.group-stage-wc22 .slick-dots {
    bottom: 0 
}
.group-stage-wc22 .slick-dots li button:before {
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 30px;
    color: #8a1538 
}