.sidebar { position:relative; margin:10px 0; }
.sidebar.terpopuler{ position:relative; }
.sidebar.terpopuler .tab-sidebar{ font-size:14px; border-bottom:1px solid #e2e2e2;/* border-top:8px solid #f1f1f1;*/ }
.sidebar.terpopuler .tab-sidebar ul{ list-style:none; margin:0; padding:0; }
.sidebar.terpopuler .tab-sidebar ul li:first-child{ padding-left:0; }
.sidebar.terpopuler .tab-sidebar ul li{ font-size:12px; float:left; position:relative; }
.sidebar.terpopuler .tab-sidebar ul li a{ padding:13px 12px; display:block; font-weight:400; letter-spacing:normal; vertical-align:bottom; text-transform: capitalize; }
.sidebar.terpopuler .tab-sidebar ul li a.active{ background:#e2e2e2; color:#222; font-size:18px; font-weight:700; letter-spacing:-0.5px; text-transform:capitalize; padding:10px 12px; }
.sidebar.terpopuler .tab-sidebar ul li a.active:after{ content: ''; position: absolute; bottom: -11px; left: 50px; width: 0; height: 0; border: 5px solid transparent; z-index:1; border-top: 6px solid #e2e2e2; }
.sidebar.terpopuler .content-sidebar { position:relative; padding:10px 0; }
.sidebar.terpopuler .content-sidebar .list-ter ol{ counter-reset: li; list-style:none; }
.sidebar.terpopuler .content-sidebar .list-ter ol li{ letter-spacing:-1px; font-weight:300; font-style:italic; padding:0px 0; }
.sidebar.terpopuler .content-sidebar .list-ter ol li a{ padding:8px 0 5px 10px; display:block; font-weight:600; letter-spacing:normal; vertical-align:bottom; font-size:16px; font-style:normal; line-height:normal; position: relative; display: block; margin:0px 0 0 30px; }
.sidebar.terpopuler .content-sidebar .list-ter ol li a:before{ content:'0'counter(li); counter-increment: li; position: absolute; left: -30px; top:5px; text-align: center; font-weight: 300; color:#e74f1d; font-size:24px; font-style:italic; }