:root{
  --background-color:#FDFDFD; 
  --font-basecolor:#757575; 
  --font-link-primary:#C60907; 
  --font-link-secondary:#212121; 
  --font-link-tertiary:#FFB60A;
  --font-link-quaternary:#FB6854;
  --shadow-base:0 1px 6px 0 rgba(32,33,36,.28);
  --shadow-inset:inset -2px -2px 4px rgba(255,255,255,.2), inset 2px 2px 12px rgba(0,0,0,.2);
}

a, .btn, #btt, .search-button, .schedule-icon, .imageframe-info, .viral-number-circle, .viral-title{
transition:all 0.25s; -moz-transition:all 0.25s; -webkit-transition:all 0.25s; -o-transition:all 0.25s;}
a:hover, #btt, button:hover{cursor:pointer}
a:hover{color:var(--font-link-secondary);}
.topic-title:hover{background-color:var(--font-link-primary); color:var(--background-color);}
.btn:hover, .pagination a.btn:hover, .search-button:hover, .al-network:hover{
opacity:1; background-color:var(--font-link-secondary); color:var(--background-color);}
a.ali-title:hover{color:var(--font-link-primary);}
.faf-icon:hover{opacity:1; color:#FFF;}
.presenter-list-box:hover{background-color:#EEE;}
.header-logo:hover, .footer-all-follow a:hover, .alt-link:hover, .stories-thumb:hover, .presenter-list-box:hover{opacity:0.5;}
.loading-bar-line{-webkit-animation:loading-bar .8s linear 0s infinite;-moz-animation:loading-bar .8s linear 0s infinite;-o-animation:loading-bar .8s linear 0s infinite;animation:loading-bar .8s linear 0s infinite;background-position:0 0;background-repeat:repeat-x;background-size:16px 10px;background-color:#EEE;background-image:-webkit-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent);background-image:-moz-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent);background-image:-ms-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent);background-image:-o-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent);background-image:linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent)}@-webkit-keyframes loading-bar{0%{background-position:0 0}100%{background-position:16px 0}}@-moz-keyframes loading-bar{0%{background-position:0 0}100%{background-position:16px 0}}@-o-keyframes loading-bar{0%{background-position:0 0}100%{background-position:16px 0}}@keyframes loading-bar{0%{background-position:0 0}100%{background-position:16px 0}}

.title-network-jagodangdut{background-color:#86127f;}
.title-network-vivacoid{background-color:#CC0000;}
.title-network-vlix{background-color:#2cb0ff;}
.title-network-100kpj{background-color:#000000;}
.title-network-intipseleb{background-color:#ff3a85;}
.title-network-sahijab{background-color:#75b11e;}

.sl-fb{color:#4867aa;}
.sl-tw{color:#00acec;}
.sl-ml{color:#FF7300;}
.sl-wa{color:#2bb240;}
.sl-li{color:#41c106;}
.sl-ot{color:#212121;}

.btn:focus, .search-button:focus, .topic-title:focus{
-webkit-animation:buttonloading 1s linear infinite;
-moz-animation:buttonloading 1s linear infinite;
-ms-animation:buttonloading 1s linear infinite;
-o-animation:buttonloading 1s linear infinite;
animation:buttonloading 1s linear infinite;}
@-webkit-keyframes buttonloading{0%{background-color:rgba(0,0,0,.25)}50%{background-color:rgba(0,0,0,1)}100%{background-color:rgba(0,0,0,.25)}}@keyframes buttonloading{0%{background-color:rgba(0,0,0,.5)}50%{background-color:rgba(0,0,0,1)}100%{background-color:rgba(0,0,0,.5)}}

.footer-all{margin-top:20px;}
#btt{position:fixed; bottom:110px; right:10px; z-index:97; font-size:18px; margin:10px 0;
width:36px; height:36px; background-color:rgba(255,255,255,0.5);  color:var(--font-link-primary);
-webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
#btt:hover{color:var(--font-link-tertiary)}

.article-list-thumb:before, .stories-thumb:before, .video-frame:before, 
.imageframe-default:before, .imageframe-stories > span:before{
content:''; display:block; position:absolute; top:0; left:0; width:100%;
background:linear-gradient(to right,rgba(0,0,0,0) 10%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0) 90%); background-size:650px auto;
-webkit-animation:loading-image .5s linear 0s infinite; -moz-animation:loading-image .5s linear 0s infinite;
-o-animation:loading-image .5s linear 0s infinite; animation:loading-image .5s linear 0s infinite;}
@-webkit-keyframes loading-image{0%{background-position:0 0}100%{background-position:650px 0}}
@-moz-keyframes loading-image{0%{background-position:0 0}100%{background-position:650px 0}}
@-o-keyframes loading-image{0%{background-position:0 0}100%{background-position:650px 0}}
@keyframes loading-image{0%{background-position:0 0}100%{background-position:650px 0}}

.live-button > div:before{-webkit-animation-duration:1s; animation-duration:1s;
-webkit-animation-fill-mode:both; animation-fill-mode:both;
-webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;
-webkit-animation-name:blinking; animation-name:blinking;}
@-webkit-keyframes blinking{0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;}}
@keyframes blinking{0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;}}

.now-loading{margin:var(--section-space) var(--section-space) 0;}
.now-loading .bar{width:100%; height:7px; background-color:var(--font-link-primary); margin-bottom:3px;
-moz-border-radius:var(--rounded-normal); -webkit-border-radius:var(--rounded-normal); border-radius:var(--rounded-normal);}
.now-loading .name{text-align:center; font-size:12px; color:var(--font-basecolor); font-style:italic;}

.float-search{position:fixed; z-index:98;}
.float-search .search-form{overflow:hidden;
-moz-border-radius:var(--rounded-normal); -webkit-border-radius:var(--rounded-normal); border-radius:var(--rounded-normal);
-moz-box-shadow:var(--shadow-base); -webkit-box-shadow:var(--shadow-base); box-shadow:var(--shadow-base);}

menu .menu-link:hover{background-color:rgba(0,0,0,0.2);}
.menu-search-show{color:var(--font-link-secondary) !important;}

.imageframe-stories img, .imageframe-presenter img{position:relative; z-index:2;}
.imageframe-stories > span:before, .imageframe-presenter > span:before{height:100%;}
.first-view-article:hover .imageframe-info, .first-view-article:focus .imageframe-info{opacity:1;}

.ari-label, .ari-link h2{font-size:16px; line-height:140%;}
.ari-label{color:var(--base-font-color);}
.ari-list > li{position:relative; margin-top:3px;}
.ari-list > li:before{display:block; position:absolute; top:5px; left:0; font-size:16px;
 content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900;
-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1;}
.ari-link{display:block; padding:3px 0 3px var(--section-space);}

.pagination{margin:10px 0 var(--section-space);}
.pagination .btn{float:left; margin-right:5px; margin-top:5px; height:37px}
.pagination div.btn{background-color:var(--background-color); color:var(--font-basecolor); border:1px solid #E0E0E0;}