#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); border-radius:0 10px 10px 0;}
#cd-lateral-nav::-webkit-scrollbar-thumb {background-color:#666666; border-radius:0 10px 10px 0;}
#cd-lateral-nav::-webkit-scrollbar:horizontal {height:6px;}
#cd-lateral-nav::-webkit-scrollbar:vertical {width:6px;}
#cd-menu-trigger {position:fixed;top:inherit; right: calc(50% - 534px);bottom:20px;width:40px; height:40px; display:block; z-index:20; background:#202020; border-radius:20px; border:2px solid #f8f9f9;}
.menu-up {bottom:-100% !important;transition: bottom 0.2s ease-in-out; }
.menu-down {bottom:16px !important;transition: bottom 0.2s ease-in-out; }
.menu-down2{bottom:25px !important;transition: bottom 0.2s ease-in-out ;}
#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: #fff;
}
#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: #fff 
}
#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:auto;
max-height:80vh;
right: calc(50% - 520px);
bottom:30px;
padding-top:0;
padding-bottom:0;
visibility: hidden;
/* the secondary navigation is covered by the main element */
z-index:5;
width:320px;
background-color:#202020;
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 */
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
  border-radius:10px;
  box-shadow:1px 6px 12px rgba(0,0,0,0.2);
  opacity:0;
  display:flex; justify-content:space-between; flex-direction:column;
}
#cd-lateral-nav .cd-navigation {margin:0;list-style:none; list-style-position:inside; padding:16px 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.cd-navigation li a {overflow:hidden;padding:8px 16px;color:#ddd;position:relative; font-size:16px; line-height:20px; font-weight:600; display:flex;font-family:'Haas_Medium', Arial, sans-serif;}
#cd-lateral-nav a:hover{color:#fff; text-decoration:underline;}
#cd-lateral-nav a.current {color: #ddd; background:transparent;}
.no-touch #cd-lateral-nav a:hover {color: #ddd;}
#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;
opacity:1;
}
#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:32px; height:56px; position:absolute; right:46px; top:0; display:flex; justify-content:center; align-items:center; cursor:pointer;}
#cd-search{font-size:20px !important;}
#cd-logo{margin:0 auto; height:auto; 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 16px;}
#cd-logo img{height:40px; margin:0 auto;}
.mobile_scroll{overflow-y:scroll; padding-bottom:12px;}
@media only screen and (max-width:800px) {
.hide_desktop{display:block !important; visibility:visible;}
.hide_mobile{display:none !important; visibility:hidden;}
.cd-main-content{padding-top:60px;}
.header{height:60px;}
h1.logo img{height:40px;}
#cd-lateral-nav {right:24px; bottom:24px !important; width:auto; left:24px; height:auto; max-height:80vh;}
.menu-down {bottom:16px !important;transition: bottom 0.2s ease-in-out; }
#cd-menu-trigger{right:16px; bottom:16px;}
.card-box.bigger{width:auto; margin-left:16px; margin-right:16px;}
.title-details h1.title{font-size:40px; line-height:50px;}
.footer-in .container-col{display:flex; flex-direction:column;}
.footer-in .container-col .col6{width:100%;}
.footer .logo-footer{justify-content:center;}
.footer_menu{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.footer a.link{padding:0; margin:4px 16px;}
ul.sosmed{justify-content:center; align-items:center; margin:8px 0;}
.footer p.copy{text-align:center;}
ul.row-list.penulis li{width:33.333%;}
.banners img{max-width:300px; margin:0 auto;}
.title-details .card-cover{display:flex; flex-direction: column-reverse;}
.title-details .text-cover{position:unset; left:unset; right:unset; top:unset; bottom:unset;padding:0;}
}