.popup-subscribe{display:flex;}
.footer-all{position:relative; z-index:2;}
.floating-rightbottom{position:fixed; bottom:40px; right:10px; z-index:95; font-size:20px;}
.floating-rightbottom > *{background-color:rgba(0,0,0,0.75); width:36px; height:36px; margin:10px 0; color:#FFF;
transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
#btt > div{width:100%; height:100%;}



/* now loading */
.now-loading, .muat-lainnya{margin:15px;}
.muat-lainnya > a > span{position:relative;}
.muat-lainnya .ml-label{margin-right:16px; font-size:16px;}
.muat-lainnya .ml-icon{position:absolute; top:0; right:0; height:100%; font-size:18px;}
.selengkapnya .ml-label{margin-right:22px;}
.now-loading > span > *{text-align:center;}
.now-loading .icon{background-color:transparent;}
.now-loading .icon > ul{display:inline-block;}
.now-loading .icon > ul > li{float:left; margin:2px; width:12px; height:4px; background-color:#000000;
-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;}
.now-loading .icon > ul > li:nth-child(1){-webkit-animation-name:nowloading1; animation-name:nowloading1;}
.now-loading .icon > ul > li:nth-child(2){-webkit-animation-name:nowloading2; animation-name:nowloading2;}
.now-loading .icon > ul > li:nth-child(3){-webkit-animation-name:nowloading3; animation-name:nowloading3;}
.now-loading .icon > ul > li:nth-child(4){-webkit-animation-name:nowloading4; animation-name:nowloading4;}
.now-loading .icon > ul > li:nth-child(5){-webkit-animation-name:nowloading5; animation-name:nowloading5;}
.now-loading .icon > ul > li:nth-child(6){-webkit-animation-name:nowloading6; animation-name:nowloading6;}
.now-loading .icon > ul > li:nth-child(7){-webkit-animation-name:nowloading7; animation-name:nowloading7;}
.now-loading .icon > ul > li:nth-child(8){-webkit-animation-name:nowloading8; animation-name:nowloading8;}
.now-loading .icon > ul > li:nth-child(9){-webkit-animation-name:nowloading9; animation-name:nowloading9;}
.now-loading .icon > ul > li:nth-child(10){-webkit-animation-name:nowloading10; animation-name:nowloading10;}
.now-loading .name{font-weight:900; font-size:14px;}

@-webkit-keyframes nowloading1{0%{background-color:#ea232a;}}
@-webkit-keyframes nowloading2{10%{background-color:#ea232a;}}
@-webkit-keyframes nowloading3{20%{background-color:#ea232a;}}
@-webkit-keyframes nowloading4{30%{background-color:#ea232a;}}
@-webkit-keyframes nowloading5{40%{background-color:#ea232a;}}
@-webkit-keyframes nowloading6{50%{background-color:#ea232a;}}
@-webkit-keyframes nowloading7{60%{background-color:#ea232a;}}
@-webkit-keyframes nowloading8{70%{background-color:#ea232a;}}
@-webkit-keyframes nowloading9{80%{background-color:#ea232a;}}
@-webkit-keyframes nowloading10{90%{background-color:#ea232a;}}

@keyframes nowloading1{0%{background-color:#ea232a;}}
@keyframes nowloading2{10%{background-color:#ea232a;}}
@keyframes nowloading3{20%{background-color:#ea232a;}}
@keyframes nowloading4{30%{background-color:#ea232a;}}
@keyframes nowloading5{40%{background-color:#ea232a;}}
@keyframes nowloading6{50%{background-color:#ea232a;}}
@keyframes nowloading7{60%{background-color:#ea232a;}}
@keyframes nowloading8{70%{background-color:#ea232a;}}
@keyframes nowloading9{80%{background-color:#ea232a;}}
@keyframes nowloading10{90%{background-color:#ea232a;}}
/* end now loading */



footer{background-color:#080808 !important; margin-top:110px;}
footer:after{position:absolute; z-index:1; top:-110px; left:0; width:100%; background:url(../img/pattern-dark.png); height:110px; content:''; display:block;}
.footer-info-logo > span > ul > li{float:left; margin:5px;}
.footer-info-logo .flex_ori{background-color:transparent;}
.footer-info-logo img{height:48px;}



.tag-list > ul{list-style:none !important; padding-left:0 !important;}
.rightcolumn .tag-list > ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; 
-webkit-box-pack:left; -ms-flex-pack:left; justify-content:center;}
.tag-list > ul > li{float:left; padding-right:10px; padding-bottom:10px;}
.tag-list .btn{padding:5px 10px;}
.tag-list h2{font-size:14px;}



.header-popup{position:fixed; z-index:100; top:55px; left:0; width:100%; height:calc(100vh - 55px); overflow-x:hidden; overflow-y:auto;}
.popup-overlay{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.9);}
.popup-container{min-height:calc(100vh - 55px); padding:36px;}
.popup-container > span{position:relative; z-index:2; max-width:360px;}
.popup-close{position:absolute; z-index:4; right:-24px; top:-24px; color:#FFF; font-size:24px;}
.popup-content{position:relative; z-index:3; padding:15px; background:#212121;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}