#cd-lateral-nav::-webkit-scrollbar {width:6px; background:rgba(255,255,255,0.1);}
#cd-lateral-nav::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
#cd-lateral-nav::-webkit-scrollbar-thumb {background-color:#666666;}
#cd-lateral-nav::-webkit-scrollbar:horizontal {height:6px;}
#cd-lateral-nav::-webkit-scrollbar:vertical {width:6px;}
#cd-menu-trigger {position:absolute;left:0;top:0;width:46px; height:56px; display:block;}
#cd-menu-trigger .cd-menu-text {height: 100%;text-transform: uppercase;color: #1d2754;font-weight: 600;display: none}	
#cd-menu-trigger .cd-menu-icon {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 18px;
height: 2px;
background-color: #0080d2;
}
#cd-menu-trigger .teksmenu{ position: absolute;
font-size: 12px;
left: 25px;
top: -7px;}
#cd-menu-trigger .cd-menu-icon::before,
#cd-menu-trigger .cd-menu-icon:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: inherit;
left: 0
}
#cd-menu-trigger .cd-menu-icon::before {
bottom: 6px
}
#cd-menu-trigger .cd-menu-icon::after {
top: 6px
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
background-color: transparent
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before,
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
background-color: #0080d2 
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
bottom: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#cd-lateral-nav {
position: fixed;
height: 100%;
left: 0;
top:0;
padding-top:56px;
padding-bottom:56px;
visibility: hidden;
/* the secondary navigation is covered by the main element */
z-index:5;
width:100%;
background-color:#f8f8f8;
overflow-y: auto;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
transition: transform .4s 0s, visibility 0s .4s;
/* this creates the subtle slide in animation of the navigation */
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
#cd-lateral-nav .cd-navigation {margin:0;list-style:none; list-style-position:inside; padding:0;width:100%;}
#cd-lateral-nav .sub-menu {padding: 0;display: none;list-style:none; list-style-position:inside;border:none !important;}
#cd-lateral-nav ul li a {overflow:hidden;padding:8px 16px;color:#091e38;position:relative; font-size:16px; font-weight:500; display:flex;}
#cd-lateral-nav a:hover{color:#091e38;}
#cd-lateral-nav a.current {color: #fff; background:#0080d2;}
.no-touch #cd-lateral-nav a:hover {color: #091e38;}
#cd-lateral-nav .sub-menu a, .sub-menu li:first-child{border:none !important;}
#cd-lateral-nav .sub-menu a, .sub-menu li{padding:10px 30px;}
#cd-lateral-nav .sub-menu li{padding:0;}
#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
transition: transform .4s 0s, visibility 0s 0s;
-webkit-overflow-scrolling: touch;
box-shadow: 1px 1px 12px rgba(0,0,0,0.1);
}
/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {position: relative;/* this is the right arrow to show that the item has a submenu  */}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 11px;
  position: absolute;
  top:40%;
  bottom: auto;
  right:20px;
  content:'\f107'; 
  font-family: 'FontAwesome';
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
	display: flex; align-items:center; justify-content: center;
}
#cd-lateral-nav .item-has-children > a.submenu-open, #cd-lateral-nav ul li li a{color:#0080d2;}
#cd-lateral-nav .item-has-children > a.submenu-open::after {transform: rotate(-180deg);}

#cd-lateral-nav .icon-menu{width:24px; height:24px; border-radius:12px;float:left; margin-right:5px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
#cd-lateral-nav .icon-menu img{width:24px; height:24px;}
#cd-search{width:56px; height:56px; position:absolute; right:0; top:0; display:flex; justify-content:center; align-items:center; cursor:pointer;}
#cd-search{font-size:20px !important;}
#cd-logo{margin:0 auto; height:56px; width:auto; font-size:30px; display:flex; justify-content:center; align-items:center; color:#fff; font-weight:normal; position:absolute; left:0; top:0; padding:0 56px 0 56px; right:0; text-align:center;}
#cd-logo img{height:32px; margin:0 auto;}
.box-terkini .card-box.ft150 .img-card{width:100px; height:80px;}
.box-terkini .card-box.ft150 .img-card img{height:80px;}
.box-terkini .card-box.ft150 .text-card h2.title{font-size:16px; line-height:22px;}
.box-terkini .card-box.ft150 .text-card{min-height:80px;}
.mobile_scroll{overflow-y:scroll; padding-bottom:12px;}
ul.row-list.list-zookeeper{width:650px;}
ul.row-list.list-market{width:1100px;}
ul.row-list.list-front-kanal {width:1100px;}
ul.row-list.list-front-kanal li{width:25%;}
ul.row-list.list-front-kanal li .card-box .img-card{height:170px;}
ul.row-list.list-front-kanal li .card-box .img-card img{width:auto; height:170px;}
ul.row-list.list-front-kanal li .card-box.toptitle .text-card{padding:8px !important;}
ul.row-list.list-front-kanal li .card-box .text-card h4.title{font-size:14px; line-height:22px;}
ul.row-list.list-front-kanal3 li{width:50%;}