body{color:#333;}
body.homepage{padding:0!important;height:100vh;}
body.landingpage{height:100%; padding:0; margin:0;}
.affix .header-garuda{top:-65px;display:none;}
.header-garuda{ height:55px; text-align:center; background-color:#a8b4c4;position:relative; z-index:9;}
.header-garuda img{margin-top: -8px; width:300px;}
.affix .header-garuda img{}
form.global-search .input-search:hover .lates-search{display:none;font-width:200;}
form.global-search .form-control::-moz-placeholder{font-width:200;display:none;color:rgba(255,255,255,0);/*color:#5f6976;*/ font-weight:300; }
.bg-white{ background-color:#fff!important;color:#333;}
form.global-search .input-search:hover .form-control::-moz-placeholder,
form.global-search .input-search:focus .form-control::-moz-placeholder{color:#5f6976; font-style:italic;}
.list-group .media .media-heading{margin-bottom:0;}
.app-documents .article-sidebar .no-ellipsis .list-group-item .media a{padding: 0px 0;}
.list-group  .widget-metas{ margin-bottom:1px;}
.col-pull{width:100%;}
.cover.cover-intro .carousel-caption h4{font-size:14px;}
.cover.cover-intro .carousel-caption p{font-size:12px;}
.lates-search {
    font-size: 18px;
    height: 46px;
    left: 18px;
    line-height: 46px;
    overflow: hidden;
    position: absolute;
    width: 85%;
    z-index: 99;
}
.megamenu.custom{}
.megamenu.custom .title {
    margin-top: 0;
    padding: 0;
}
/*
.nav-menu-1 .megamenu  {
    display: block;
    left: auto;
    right: 0;
    width: 75%;
}*/

.nav-menu-1    a.title i{display:none;}
.nav-menu-1 .wsmenu-submenu-sub{padding-left:0px}
.nav-menu-1 .menu-arrow-2 .wsmenu-submenu-sub .menu-arrow-2 a {display:block;}
.nav-menu-1 .menu-arrow-2 .wsmenu-submenu-sub .menu-arrow-2 a:hover:before {color:#a52a2a;}
.nav-menu-1 .menu-arrow-2 .wsmenu-submenu-sub .menu-arrow-2 a:before {
    color: inactivecaptiontext;
    content: "";
    display: inline-block;
    float: right;
    font-family: "FontAwesome";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    position: relative;
    right: 0px;
    text-rendering: auto;
    transform: translate(0px, 0px);
}
.nav-menu-1.wsmenu li.menu-arrow-1:hover > .wsmenu-submenu{display:none!important;}
.nav-menu-1 .wsmenu-submenu-sub .wsmenu-submenu-sub{display:none;}
/*.nav-menu-1 .wsmenu-submenu-sub  a i{display:none;}
.nav-menu-1 .wsmenu-submenu-sub  a i:before{content: "";font-size:10px;}*/
.menu-page .panel-group .panel-title::after,.menu-page .panel-group .panel-title::before {
    font-size: 24px;
    right: 20px;
    top: 7px;
}
.menu-page .panel-heading  a.panel-title {color:#fff;}
.menu-page .panel .panel-body{padding:0;background:rgba(0, 0, 0, 0.065);}
.menu-page .panel a {
    background: none;
    border-bottom: 1px solid #ffffff;
    display: block;
    padding-left: 30px;
	color:#000;
	border-radius:0;
}
.menu-page .panel a i {
    margin-left: -15px;
    margin-right: 10px;
}
.menu-page .panel-group{border:0px solid #e4eaec;}
.menu-page .panel .panel .panel-title {
    background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0 !important;
	color:#333;
}
.menu-page .panel-group-continuous .panel {
    background: rgba(0, 0, 0, 0.00) none repeat scroll 0 0 !important;
}
.menu-page .panel-group .panel-group{margin-bottom:0;}
.menu-page .panel-group .panel-title {
    background: #d6494b none repeat scroll 0 0 !important;
    color: #ffffff;
	
}
.megamenu.menu-accordion{}
.megamenu.menu-accordion{}
.megamenu.menu-accordion .menu-arrow-2 {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0 0 0 20px;
    width: 30%;
}
.megamenu.menu-accordion .menu-arrow-2 li{list-style:none;}
.megamenu.menu-accordion .menu-arrow-2 a{text-transform:uppercase; margin:10px 0}
.megamenu.menu-accordion .menu-arrow-2 .wsmenu-submenu-sub a{text-transform:none; margin:3px 0; padding-left:5px;}
.megamenu.menu-accordion .menu-arrow-2 .wsmenu-submenu-sub{padding-left: 10px;}
.megamenu.menu-accordion .menu-arrow-2 a i{display:none;}
.megamenu.menu-accordion .menu-arrow-2 .wsmenu-submenu-sub a i{display:inline-block;margin-left: -10px;
    margin-right: 5px;}
/*
.megamenu.menu-accordion .menu-arrow-2 .wsmenu-submenu-sub{display:none;}
.megamenu.menu-accordion .menu-arrow-2:hover .wsmenu-submenu-sub{display:block;transition: all 0s ease 0s;}*/
.megamenu.menu-accordion .menu-arrow-2 .menu-arrow-2{ float:none;width:100%;}
//nav.wsmenu{width:75%;}
nav.wsmenu{width:100%;}
.lates-search .carousel{}
.lates-search .carousel .text-placeholder{}
.megamenucontainer #header-site{position:fixed; top:0;z-index:999; width:100%;}
.megamenucontainer #header-site .header{background:rgba(220, 225, 225,0.80) none repeat scroll 0 0;}
.app-documents .megamenucontainer #header-site .header,.app-documents .megamenucontainer #header-site.affix .header{background:rgba(220, 225, 225, 1) none repeat scroll 0 0!important;}
.megamenucontainer #header-site.affix .header{background:rgba(220, 225, 225, 0.90) none repeat scroll 0 0!important;}
.wsmenucontainer .logo .navbar-brand-text {
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    top: 7px;
}
.smartmenu{
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 0;
    margin: 0;
	padding:0 10px; min-height:50px;
}
.smartmenu .wsmenu-click02 {
    right: 6px;
    top: 6px;
    position: absolute;
    transform: rotate(-90deg);
}
.smartmenu  i.fa{display:none;}
.smartmenu .wsmenu-click03{}
.smartmenu .wsmenu-click04{}
.smartmenu .navbar-brand span {
    display: inline-block;
    margin-left: 15px;
    padding-top: 3px;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
}

.smartmenu.navbar-default .navbar-nav > .open > a, 
.smartmenu.navbar-default .navbar-nav > .open > a:focus, 
.smartmenu.navbar-default .navbar-nav > .open > a:hover {
    background-color: #cc0000;
    color: #fff;
}
#header-site.affix{background: transparent!important;}
#header-site {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.wsmenu-list .menu-arrow-1:nth-child(6n) .wsmenu-submenu .wsmenu-submenu-sub,
.wsmenu-list .menu-arrow-1:nth-child(7n) .wsmenu-submenu .wsmenu-submenu-sub,
.wsmenu-list .menu-arrow-1:nth-child(8n) .wsmenu-submenu .wsmenu-submenu-sub{left:auto; right:100%;}
.wsmenu-list > li > .wsmenu-submenu > .menu-arrow-2 > a::after{border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #777;}
.wsmenu-list .menu-arrow-1:nth-child(6n) li > .wsmenu-submenu > .menu-arrow-2 > a::after,
.wsmenu-list .menu-arrow-1:nth-child(7n) li > .wsmenu-submenu > .menu-arrow-2 > a::after,
.wsmenu-list .menu-arrow-1:nth-child(8n) li > .wsmenu-submenu > .menu-arrow-2 > a::after{border-color:rgba(0, 0, 0, 0) #777777  rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) ;}
.wsmenu-list .menu-arrow-1:last-child .wsmenu-submenu{right:0;}
/* start garuda version*/
#header-site::before {
    /*background-image: url("../images/garuda-indonesia.png");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 230px auto;
    content: "";
    height: 83px;
    margin: 0 auto;
    position: inherit;
    top: -17px;
    width: 100%;
    z-index: 0;
}
.nav-mini-top.bg-red-800{height: 48px;}
.nav-mini-top .btn{padding: 20px 15px;}
.nav-mini-top .btn-group {z-index:99;}
.nav-mini-top .btn-group label.btn{cursor:default;}
.nav-mini-top .btn-group label.btn:hover{cursor:default;}
.nav-mini-top .btn-group a label.btn{cursor:pointer;}
.nav-mini-top .btn-group a label.btn:hover{cursor:pointer;}
.nav-mini-top{
    /*background-image: url("../images/garuda-indonesia.png");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 232px auto;
    height: 48px;
    z-index: 8;
}
#header-site.affix::before {display:none;}
.wsmenucontainer .logo a {height: 45px; margin-top: 0;}
.wsmenucontainer .logo a {
    height: 60px;
    margin-top: 0px;
	position:absolute;
}
.wsmenucontainer .logo img{height:60px;}
 .wsmenucontainer .logo img{height:45px;}
 .wsmenu-list > li > a{line-height:50px;}
 .megamenu,.skin3 .wsmenu-submenu{top:50px;}
 .wsmenu-list > .menu-arrow-1 > a::after{top:40px;display:none;}
 .navbar-brand span {
    padding-top: 3px;
    display: inline-block;
    margin-left: 15px;
}
.skin4 #header-site::before {
    /*background-image: url("../images/garuda-indonesia.png");*/
    background-position: center 10px;
    background-repeat: no-repeat;
    background-size: 230px auto;
    content: "";
    height: 74px;
    margin: 0 auto;
    position: absolute;
    top: -17px;
    width: 100%;
    z-index: 9;
}
.skin4 .nav-mini-top.bg-red-800 {
    background-color: #d6494b !important;
}
 .navbar-brand {
    padding: 0;
    font-size: 11px;
    font-weight: 600!important;
    line-height: 18px;
	height:48px;
	margin-left: -15px;
    margin-top: 3px;
    margin-right: 10px;
}
 .navbar-brand img{ float:left;height:45px;}
 .navbar-default .navbar-nav > li:last-child > a {border-right: 1px solid rgba(0, 0, 0, 0.15);}
 .navbar-default .navbar-nav > li > a {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    color: #333333;
    font-size: 13px;
    padding: 15px 8px;
    box-shadow: -1px 0px rgba(255, 255, 255, 0.99);
}

.wsmenu-list > li > a{line-height: 50px}
.megamenu, .wsmenu-submenu{top:50px}
.wsmenu-submenu .fa {
display: none!important;}
.article-content p img{padding:0px 15px;max-width: 100%;}
.bordered {border:1px solid #ddd;}
.panel-shortcut a.bordered{border:1px solid #ddd;border-bottom:none;}
.panel-shortcut a.bordered img{width:100%;}
.panel-shortcut a.bordered:first-child{}
.panel-shortcut a.bordered:last-child{ border-bottom: 1px solid rgb(221, 221, 221);}
/* end garuda*/
.navbar-nav:not(.sm-collapsible) ul a.has-submenu:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:  rgba(0, 0, 0, 0)  rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c1c1c1;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    content: "";
    margin-top: 0;
    position: absolute;
    right: 7px;
    top: 15px;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
    padding-right: 20px;
}
.navbar-nav:not(.sm-collapsible) ul a{position:relative;	}
.smartmenu  .dropdown-menu{border-radius:0; padding-bottom:0px;}
.smartmenu  .dropdown-menu > li > a{color:#333;border-radius:0;border-bottom: 1px solid #ddd; }
.smartmenu  .dropdown-menu > li:last-child > a{border-bottom:0px solid #ddd;}
.smartmenu  .dropdown-menu > li > a:hover{border-bottom: 1px solid #ddd;}
.smartmenu  .dropdown-menu > li{margin:0; padding:0;}
.smartmenu  .dropdown-menu{background-color:#cc0000; border:none;}
.smartmenu  .dropdown-menu .dropdown-menu{background-color:#36ab7a;}
.smartmenu  .dropdown-menu .dropdown-menu .dropdown-menu{background-color:#4e97d9;}
.smartmenu  .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu{background-color:#f9cd48;}
.smartmenu  .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu{background-color:#7c51d1;}
.smartmenu  .navbar-nav > li{display:block;}
.smartmenu.navbar-default .navbar-nav  li  a.has-submenu .sub-arrow{display:none;}
.smartmenu  .dropdown-menu > li > a{background-color:#fdfdfd;}
.wsmenu-list > li > a{
	border-left:1px solid rgba(255, 255, 255, 0.4);
	box-shadow:-1px 0 0 rgba(0, 0, 0, 0.05);
}
.wsmenu-submenu i.fa{margin-left:6px;}
.wsmenu-submenu li a{background-color:#fdfdfd;color:#303030 !important;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #ddd;
}
.megamenu, .wsmenu-submenu {
    border: medium none;
    min-width: 230px;
}
.wsmenu-list > .menu-arrow-1 > a::after{right: 50%;top: 55px;}
.wsmenucontainer .logo a:hover{text-decoration:none;}
.headerAffix.affix{box-shadow:1px 4px 7px rgba(0, 0, 0, 0.04)}
.headerAffix.affix .nav-mini-top{display:none;}
.wsmenucontainer .headerAffix.affix .logo a {
    height: 48px;
    margin-top: 0;
    top: 0;
}
#header-site.affix  .smallogo img,.smallogo img {
    height: 40px;
    margin-top: -12px;
    width: auto;
}
.nav-mini-top{position:relative;opacity: 0.95;}
.cbp-fbscroller section{z-index:0;}
.smartmenu{margin:0;}
.nav-mini-top a{color:#fff;}
.page-content{min-height:480px;}
.wsmenucontainer #header-site.headerAffix.affix .smallogo .navbar-brand-text,.smallogo .navbar-brand-text {
    font-size: 0.8em;
    line-height: 1em;
    margin-top: 0.5em;
    text-indent: 0;
    top: 0;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    background-color: #cdd1d1;
    border-color: #cc0000 #eeeeee #eeeeee;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    list-style: outside none none;
    opacity: 1;
    padding: 0;
	top:-2px;
}
.wsmenucontainer .headerAffix.affix .logo img {height: 45px;margin-top:-5px;top:0;}
.wsmenucontainer #header-site.headerAffix.affix .navbar-brand-text{top:5px;}
.wsmenucontainer .headerAffix.affix .wsmenu-list > li > a {line-height:48px;}
.wsmenucontainer .headerAffix.affix .wsmenu-submenu{top:48px;}
.wsmenucontainer .headerAffix.affix .wsmenu-list > .menu-arrow-1 > a::after{top:35px;}
.headerAffix.affix .megamenu,.headerAffix.affix .wsmenu-submenu{top:48px;max-height: calc(100vh - 38px);}
.nav-mini-top label{color:#fff;}
.nav-mini-top label:hover{color:#fff;}
.nav-mini-top a label:hover{color:#ffff00;}
.cover-intro .item .bg-intro-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh);
    width: 100%;
}
.bg-intro-cover .carousel-caption{
    left: 0%;
    padding-bottom: 30px;
    right: auto;
    text-align: left;
    width: 50%;
    padding-left: 50px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#header-site{transition: height 0.3s ease 0s; z-index:999;width:100%;}
#cbp-fbscroller{z-index:0;}
#header-site.affix nav.site-navbar .navbar-header,#header-site.affix-top nav.site-navbar .navbar-header{display:none;}
#header-site.affix *,#header-site.affix-top *{transition: all 0.3s ease 0s;}
#header-site.affix .wsmenu *,#header-site.affix-top .wsmenu *{transition: all 0.0s ease 0s;}
#header-site.affix nav.site-navbar{ display:none;}
#header-site.affix .site-menubar{top:0!important; height:43px;}
#header-site.affix .site-menubar.with-logo .navbar-brand-logo {
    height: 40px;
    margin-top: -19px;
    top: 0;
}
#header-site.affix .site-menubar.with-logo a.navbar-brand {
    height: 43px;
}
#header-site.affix .site-menu > .site-menu-item > a {
    line-height: 42px;
}
#header-site.affix .navbar-brand-text {
    line-height: 16px;
    top: 0;
}
#header-site.affix .site-menubar{background:rgba(220, 225, 225, 0.8) none repeat scroll 0 0;}
#header-site.affix .site-menubar .site-menu > .site-menu-item > a{background:rgba(211, 216, 216, 0.5);}
.archive-columns-page .plyr{min-width:200px;}
.archive-columns-page .col-sm-4 .plyr{min-width:100px;}
.archive-columns-page .widget-title{font-size:1.2em;}
.archive-columns-page .widget-body{
    background: #efefef none repeat scroll 0 0;
    padding: 10px;
}
.archive-columns-page .widget-body p.widget-meta{color:#a3afb7;}
.archive-columns-page .widget-body .widget-body-footer{margin-top:0px;}
.archive-columns-page .widget-body p{color:#333;}
.app-documents .article-content{width:100%;max-width:100%;font-family:Arial,sans-serif,"Helvetica Neue",Helvetica;font-size:12px;}
.article-content .h1,.article-content .h2,.article-content .h3,.article-content .h4,.article-content .h5,.article-content .h6,.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:Arial,sans-serif,"Helvetica Neue",Helvetica;}
.app-documents .article-sidebar{z-index:9; width:100%;}
.article-sidebar ul.nav-sidebar{padding-left:30px;}
.article-sidebar ul.nav-sidebar i.fa{display:none;}
.article-sidebar ul.nav-sidebar li a{padding-left:0!important;}
.article-sidebar ul.nav-sidebar li{}
.article-sidebar ul.nav-sidebar ul{display: block !important; padding-left:10px;}
.article-sidebar ul.nav-sidebar ul li{}
.article-sidebar ul.nav-sidebar ul li ul{}
.article-sidebar ul.nav-sidebar ul li ul li{}
.article-sidebar ul.nav-sidebar ul li ul li ul{}
.article-sidebar ul.nav-sidebar ul li ul li ul li{}
.article-sidebar ul.nav-sidebar ul li ul li ul li ul{}
.article-sidebar ul.nav-sidebar ul li ul li ul li ul li{}
.article-sidebar .wsmenu-list li > a {
background: rgb(204,0,0); 
background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 );
    color: #ffffff;
}
.dataTable  .btn-download-pdf{white-space: unset!important;}
.article-sidebar.wsmenucontainer .wsmenu{width: 100%;}
.article-sidebar.wsmenucontainer .mobile-sub .wsmenu-submenu {
    opacity: 1;
    padding: 0;
    position: relative !important;
    top: 0;
    visibility: visible;
	z-index:0;
}
.article-sidebar .wsmenu-submenu li a{
	background-color: rgba(0, 0, 0, 0.5);
    border-top: 1px solid #dfdfdf;
	padding-left:15px;
}
.article-sidebar .wsmenu-submenu li  li a{
	padding-left:20px;
}
.article-sidebar .wsmenu-submenu li  li  li a{
	padding-left:25px;
}
.article-sidebar.wsmenucontainer .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
    border: medium none !important;
    left: 0;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: auto;
    visibility: hidden;
	-moz-transition: transform 2s; 
   -webkit-transition: transform 2s;  
	-ms-transition: transform 2s;  
	-o-transition: transform 2s;  
	transition: transform 2s; 
}
.article-sidebar.wsmenucontainer .wsmenu-list > li > .wsmenu-submenu > .menu-arrow-2:hover > a::after {
    border-color: #777777 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.article-sidebar .site-menubar {
    height: auto;
    position: relative;
    top: 0;
    z-index: 0;
}
.article-sidebar .site-menu {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #333333;
    width: 100%;
}
.article-sidebar .site-menu-item > a:hover{color:#a52a2a;}
.article-sidebar .site-menu-item.active > a {
    background-color: rgba(0, 0, 0, 0.06);
    color: #a52a2a;
}
.article-sidebar .site-menu-sub .site-menu-item > a{padding: 0 30px;}
.article-sidebar .site-menu .site-menu-sub .site-menu-sub .site-menu-item > a {
    clear: both;
    line-height: 16px;
    padding: 10px 20px;
}
.article-sidebar .site-menu  .site-menu-title {
    display: inline-block;
    line-height: 16px;
    max-width: 130px;
    overflow: unset;
    text-overflow: unset;
    vertical-align: middle;
    white-space: normal;
}
.article-sidebar .site-menu .site-menu-title {max-width: 90%;}
.article-sidebar .site-menu .site-menu-sub .site-menu-item.has-sub > a {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 -1px rgba(0, 0, 0, 0.07);
	padding:0 20px 0 30px;
}
.article-sidebar .site-menu .site-menu-sub  .site-menu-item .site-menu-item > a {padding:10px 20px 	10px 50px;}
.article-sidebar .site-menu .site-menu-sub  .site-menu-item  .site-menu-item .site-menu-item > a {padding-left:70px;}
.article-sidebar .site-menu .site-menu-sub  .site-menu-item  .site-menu-item  .site-menu-item .site-menu-item > a {padding-left:90px;}
.article-sidebar .site-menu .site-menu-sub .site-menu-item > a span::before {
    content: "\f107";
    display: block;
    float: right;
    font-family: "FontAwesome";
    height: 10px;
    width: 10px;
}
.article-sidebar .site-menu .site-menu-sub .site-menu-item.open > a span::before{content: "\f106";}
.article-sidebar .site-menu .site-menu-sub .site-menu-item > a span{}
.article-sidebar .site-menu .site-menu-sub{}
.article-sidebar .site-menu .site-menu-sub .site-menu-item{}
.article-sidebar .site-menu-arrow,.article-sidebar .site-menu-badge,.article-sidebar .site-menu-label {
    display: inline-block;
    position: absolute;
    right: 20px;
    vertical-align: middle;
}
.article-sidebar .site-menu-item.open > a {
    color: #a52a2a;
}
.article-sidebar .site-menu > .site-menu-item {
    display: inline-block;
    width: 100%;
}
.article-sidebar .site-menu > .site-menu-item > a{line-height: 50px; background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #5D9BD4 0%, #5D9BD4 100%) repeat scroll 0 0; color:#fff;}
.wsmenu-list > li > .wsmenu-submenu li > .wsmenu-submenu-sub > .menu-arrow-2 > a::after{border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #777777 ;}
.wsmenu-list > li > .wsmenu-submenu li > .wsmenu-submenu-sub > .menu-arrow-2:hover > a::after{border-color: #777777 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.wsmenu-list .megamenu li a{color:#333 !important; display:block;}
.article-sidebar.wsmenucontainer .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    display: block;
    position: relative;
    visibility: visible;
}
.article-sidebar.wsmenucontainer .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub .wsmenu-submenu-sub{
	position: absolute;
	visibility: hidden;
}
.article-sidebar.wsmenucontainer .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub  li:hover .wsmenu-submenu-sub {
    display: block;
    position: relative;
    visibility: visible;
}
.article-sidebar.wsmenucontainer .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub .wsmenu-submenu-sub{
	position: absolute;
	visibility: hidden;
}
.article-sidebar.wsmenucontainer .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub  li:hover .wsmenu-submenu-sub  li:hover .wsmenu-submenu-sub{
    display: block;
    position: relative;
    visibility: visible;
}
.article-sidebar .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub{min-width:200px;}
.article-sidebar.wsmenucontainer .wsmenu .wsmenu-list{display: block !important; text-align:left;}
.article-sidebar.wsmenucontainer .wsmenu .wsmenu-list > li{display: block !important; position:relative; float:none;text-align:left;}
.pull-left .thumb{margin-right:10px}
.pull-right .thumb{margin-left:10px}
.thumb{width:150px}
.thumb-lg{width:300px}
.thumb-md{width:200px}
.thumb-sm{width:100px}
.thumb-xs{width:50px}
.page{background:#fff;}
.color-green-500{color:#3a9008;}
.color-red{ color:#a52a2a;}
.color-dark{color:#383838;}
.twitter-timeline{border:1px solid #e6ebef!important;}
.site-footer{background:#000; color:#fff; height:auto;border-bottom:5px solid rgb(187, 4, 4);position:relative; z-index:9;clear: left;}
.site-footer .navbar-brand{padding:0;display:none;}
.site-footer .text-right .margin-top-80{margin-top:0!important;}
.site-footer .navbar-brand-logo {height: 55px;}
.site-footer .navbar-brand-text {color: #fff;}
.site-footer p small{color:#949494;}
.nav-footer { list-style:outside none none;}
.nav-footer  li{margin:10px;}
.nav-footer li a {
	color:#fff;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
}
.nav-footer li a:hover,
.nav-footer li a:hover small{text-decoration:none; color:rgb(143, 36, 16);}
.nav-footer li a i {
    font-size: 1.7em;
    margin-right: 0.15em;
	vertical-align:middle;
}
.nav-footer  li a span{}
.nav-footer li a small {
    font-size: 0.7em;
    line-height: 0.4em;
}
.nav-to-top {
	
    height: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 999;
}
a.smallogo,
a.smallogo:hover{color:#444; font-weight:600;}
.nav-to-top a {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 3px 4px rgb(0, 0, 0);
    display: inline-block;
    height: 40px;
    padding: 0;
    position: relative;
    top: -23px;
    width: 40px;
}
.nav-to-top a i {
    color: rgb(0, 0, 0);
    font-size: 22px;
    font-weight: 900;
    top: 8px;
}
.vertical-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 3em;
  margin: 0 auto;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box-infografis .title{ }
.btn-websurvey {
	background-color: #8f2410;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    height: 40px;
    left: 0;
    padding: 10px 20px;
    position: fixed;
    top: 60%;
    transform: translateY(-50%);
    z-index: 9;
	font-style:italic;
}
.btn-websurvey:hover,.btn-websurvey:focus{color:#ffffff!important;}
.site-menu-section-wrap{z-index:999; border-radius:0;}
.btn-websurvey  {
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 0% 0%; 
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: -0% 0%;
    transform: rotate(-90deg);
    transform-origin: 0% 0%;
}
.to-section-2 {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 10%;
    left: 50%;
    padding: 4px 6px !important;
    position: absolute;
}
.col-news4 {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.margin-top-110{margin-top:110px;}
.padding-top-110{padding-top:110px;}
.padding-top-43{padding-top:43px;}
.section-header{}
.section-title {
    margin: 0;
    padding: 10px 10px 10px 50px;
	/*color:#8f2410;*/
	color:#FFFFFF;
	font-weight:500;
}
.section-title2 {
    margin: 0;
    padding: 10px 10px 10px 10px;
	color:#8f2410;
	font-weight:500;
}
.section-title3 {
    margin: 0;
    padding: 10px 10px 10px 10px;
	color:#FFFFFF;
	font-weight:500;
}

.banner-cover {
    height:calc(100vh - 382px) ;
    left: 0;
    position: absolute;
    top: 0;
    width: 30%;
	z-index:1;
	display:none!important;
}
.banner-cover a{
	cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 9;
}
.banner-cover .item-banner{background-position:center center; height:100%; width:100%}
.site-menubar-open .site-menubar .navbar-header,
.site-menubar-hide .site-menubar .navbar-header{display:none;}
.site-menubar-open.site-navbar-small .site-menubar,
.site-menubar-hide.site-navbar-small .site-menubar{text-align:left; width:260px; right:auto; top:85px; height:calc(100% - 85px)}
.site-menubar-hide .site-menubar{left:-999px;}
.no-padder{padding:0px!important}
.no-shadow{box-shadow:none!important}
.no-rounded{border-radius:0px!important}
.bg-grey-200{background-color:rgb(226, 226, 226)!important}
.cover-news{height:100vh;z-index:0;position:relative;}
.cover-news .item .carousel-caption .caption-inner {
    background: rgba(100, 100, 100, 0.6) none repeat scroll 0 0;
    /*bottom: 222px;*/
    bottom: 333px;
    padding: 15px 35px 15px 50px;
    position: absolute;
	/*width:100%;*/
	width:200%;
	height: 120px;
    max-height: 150px;
}
.panel-bg-news.berita_kemensetneg{background-image:url("../images/bg-news/bg-cat-1.jpg");}
.panel-bg-news.berita_presiden_dan_pemerintah{background-image:url("../images/bg-news/bg-cat-2.jpg");}
.panel-bg-news.artikel{background-image:url("../images/bg-news/bg-cat-3.jpg");}
.panel-bg-news.serba_serbi{background-image:url("../images/bg-news/bg-cat-4.jpg");}
.cover-news .item .carousel-caption .caption-inner h3 {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}
.cover-news .item .carousel-caption .caption-inner p{margin: 0;font-size:1.2rem;}
.cover-news .item .carousel-caption .caption-inner a.more {
    bottom: 15px;
    position: absolute;
    right: 10px;
}
.cover-news .carousel .carousel-indicators .active {/*background-color: rgba(165, 42, 42, 0.8);*/ background-color: rgba(40, 171, 227, 0.8);}
.cover-news .carousel .carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(128, 128, 128, 0.15);
}
.cover-news .item .carousel-caption .title-cover {
    color: #740000;
    display: block;
    font-size: 17px;
    left: 0px;
    /*position: absolute;*/
    position: center;
    text-shadow: none;
    text-transform: unset;
    top: -40px;
    background-color:rgba(226, 226, 226, 0.7);
    width: 100%;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 50px;
	text-align: center;
}
.cover-news .carousel .carousel-indicators {
    bottom: 0;
    /*left: auto;*/
    left: 0;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    width: 100%;
	margin-bottom: 80px;
}
.cover-news .carousel-control{display:none;}
.cover-news .carousel-control.left{}
.cover-news .carousel-control.right{}
.panel-news-left{padding-left:13px;}
.panel-news-right{padding-right:13px;}
/*.cover-news .item .bg-news-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%!important;
	background-color:#333;
    height: calc(100vh - 222px);
    margin-left: 30%;
    width: 70%;
}

.cover-news .item .carousel-caption {
    bottom: 0;
    height: 100vh;
    left: 0;
    padding: 0;
    right: auto;
    text-align: left;
    top: 0;
    width: 30%;
}
*/
.cover-news .item .bg-news-cover {
    background-color: #333;
    /*background-position: center center;*/
    background-position: left left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: calc(100vh - 222px);
    /*margin-left: auto;
    margin-right: auto;*/
    width: 100%;
}
.cover-news .item .carousel-caption {
    bottom: 0;
    height: auto;
    /*left: 25%;*/
    left: 0%;
    padding: 0;
    /*right: 25%;*/
    right: 0%;
    text-align: center;
    top: auto;
    width: 50%;
}
.white-news-r-l .cover-news .item .bg-news-cover {width: 100%;}
.white-news-r-l .cover-news .item .carousel-caption {left: 0%;left: 0%;width: 100%;}
#fbsection2 {
    background: rgb(226, 226, 226);
}
.nav-mini-top a:last-child{margin-left:-3px!important;}
a.more i {
    font-size: 2em;
}

.cover-news .item .carousel-caption .caption-inner a{color:#fff;}
.no-rounded .panel-heading,.no-rounded.panel,.no-rounded .panel{border-radius:0;}
.panel-bg-news{background-size:cover;height: 222px;}
.panel-bg-news .panel-title,.panel-bg-news .panel-title span,.panel-bg-news .panel-body{
	color: #ffffff;
    font-weight: 500;
    line-height: 1.1em;
    text-shadow: 1px 0 0 rgb(51, 51, 51);
}
.panel-bg-news .panel-title {
    color: rgb(116, 0, 0);
    padding: 12px 15px;
    text-shadow: none;
	font-size:16px;
}
.cover .caption-slide{}
.panel-bg-news .panel-heading{background-color:rgba(226, 226, 226, 0.9);}
.panel-bg-news .panel-body .desc {font-size: 10px;}
.panel-bg-news .panel-body .title {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
	text-shadow:1px 0 0 rgb(51, 51, 51);
	margin-bottom:5px;
}
.panel-bg-news .panel-body {
    bottom: 0;
    position: absolute;
	padding:15px;
	width:100%;
}
.app-documents .article-sidebar .list-group-item a{padding: 2px 5px;border-top:1px dotted rgba(0, 0, 0, 0.2);white-space:normal; text-overflow:unset;}
.panel-bg-news .panel-body  p{margin-right:20px; font-size:1.2rem; font-weight:200;}
.panel-bg-news .panel-body .more {
    bottom: 5px;
    color: #ffffff;
    position: absolute;
    right: 15px;
}
.widget-metas {
    color: #808080;
    font-size: 11px;
}
.search-feature-intro + .running-text a {
    border-right: 1px solid;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 12px;
    margin-right: 5px;
    margin-top: 12px;
    padding-right: 5px;
}
a:focus, a:hover {
    color: #a52a2a;
    /*text-decoration: underline;*/
}
.archive-columns-page #multimediaList .plyr{}
.panel-bg-news:before{content:""; height:100%;width:100%; display:block; position:absolute;}
.panel-bg-news:before{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.to-section-2 i {
    color: rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: bold;
}
.search-feature-intro {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    left: 50%;
    max-width: 90%;
    min-width: 50%;
    overflow: hidden;
    padding: 15px 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.key_search {
    font-weight: 500;
    padding: 0 3px;
}
.text-categories {
    border: 0 solid;
    display: inline;
    margin: 5px 7px;
    padding: 4px 7px;
}
.page-search-title {
    border-bottom: 2px solid #5D9BD4;
    font-size: 24px;
    font-weight: 200 !important;
    line-height: 36px;
    text-transform: uppercase;
}
.search-feature-intro {
    border-radius: 5px;
    bottom: 10px;
    left: auto;
    max-width: 90%;
    min-width: 30%;
    overflow: hidden;
    padding: 5px 5px;
    position: absolute;
    right: 50px;
    top: auto;
    transform: translate(0%, 0%);
    width: 30%;
	z-index:9999;
}
.search-feature-intro{bottom:50px;}
.search-feature-intro+.running-text{bottom:0px; position:absolute;z-index:9999999999;width:30%; right:50px;}
.search-feature-intro+.running-text a{
	color: #ffffff;
    margin-right: 5px;
    border-right: 1px solid;
    padding-right: 5px;
	display:inline-block;
}
.skin2 .wsmenucontainer .logo img{
	height:75px;
	margin-left:-10px;
	margin-top:-10px;
}
.wsmenucontainer .logo .navbar-brand-text{color:#444; font-size:11px;font-weight:600;}
button.mfp-arrow {
  position: absolute;
  top: 50%;
  height: 55px;
  height: 3.4375rem;
  width: 55px;
  width: 3.4375rem;
  display: block;
  border-bottom: 2px solid white;
  outline: 0; }
  @media only screen and (max-width: 899px) {
    button.mfp-arrow {
      height: 25px;
      height: 1.5625rem;
      width: 25px;
      width: 1.5625rem; } }

button.mfp-arrow-left {
  left: 35px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 2px solid white; }

button.mfp-arrow-right {
  right: 35px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: 2px solid white; }

.mfp-bottom-bar {
  color: white; }

.mfp-counter {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.51;
  text-align: center; }
.mfp-arrow::before, .mfp-arrow::after{display:none;}
.search-feature-intro .search-title{margin-left: 18px; font-family:"cambria";font-size:1.2em; font-weight:600;}
.search-feature-intro .global-search .form-group{margin:7px 0;}
.search-feature-intro .global-search input.form-control{background-color: rgba(255, 255, 255, 0.5);border-radius: 5px;}
.search-feature-intro .global-search .btn-search {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color:#d6494b;
    border: medium none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.search-feature-intro .search-title,.search-feature-intro .search-subtitle,.search-feature-intro .search-subtitle a{color:#37316d;}
.search-feature-intro .global-search  .input-search .input-search-icon{color:#d6494b;}
.search-feature-intro .search-subtitle{margin-left: 18px;font-weight:500;}
.search-feature-intro .form-control{color:#333;}
.search-feature-intro .search-subtitle a{margin:0px 5px; font-size:10px;}
.search-feature-intro .search-subtitle a:first-child{margin:0px 5px 0px 0px;}
.site-navbar-small .site-menubar{text-align:right;}
.site-navbar-small .site-navbar{height:32px; min-height:32px; background-color:#d6494b;z-index:98;}
.navbar-brand {
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 22px;
}
.site-menubar ul{
    font-family: arial;
    font-size: 12px;
	padding:0;
}
.site-menu .site-menu-arrow{margin-left:0;}
.site-menu-title {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}
.site-menu-sub.site-menu-section-list .site-menu-title{max-width: 170px;}
.site-menu > .site-menu-item > a{ padding:0 10px}
.site-navbar-small .site-menubar {
    right: 0;
    top: 32px;
    width: 100%;
	background: #dce1e1 none repeat scroll 0 0;
	z-index:99;
}
.site-menu > .site-menu-item{margin-left:-1px;}
.site-navbar .site-menubar  .navbar-header .navbar-brand-logo-normal{display:none;}
.site-menubar.with-logo .navbar-brand-logo{ height:60px;}
.site-menubar.with-logo .navbar-brand-text {
    color: #333333;
    text-align: left;
}
.site-menubar.with-logo a.navbar-brand {
    height: 60px;
    padding: 5px 5px 5px 35px;
}
.site-menubar{height:78px;}
.site-menu > .site-menu-item > a{line-height:76px; background-color:#d3d8d8;box-shadow:1px 0 rgba(0, 0, 0, 0.07);}
.site-navbar .navbar-header {
    margin-top: 32px;
    width: auto;
}
.site-navbar-small .site-navbar .navbar-brand {
    height: 78px;
    padding: 0 30px;
}
.site-navbar .navbar-header .navbar-brand-logo {    height: 72px;    margin-top: 3px;}
.navbar-brand-text {display: inline-block; position: relative;top: 12px; color:#000000}
.section-intro{ background-position:center center; background-repeat:no-repeat; height:calc(100vh - 110px);}
.site-navbar-small .site-navbar{box-shadow:none;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{ /*display:none!important;*/}
.site-navbar-small .site-navbar .navbar-toolbar > li > a {
    padding: 5px 10px;
}
.navbar-default .navbar-toolbar > li > a{color:#fff;}
.wsmenucontainer .header .bigmegamenu .logo.margin-left-50{margin-left:10px !important;}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub{min-width:230px;border-left:1px solid rgba(0, 0, 0, 0.06) !important;}
.plyr{min-width:100px;}
.page-description,.help-block{color:#333;}
.form-control{color:#000;}
.form-control,
.input-group-addon,
select.form-control > option{border-color:#e2e2e2;}
.quick-menu-slide,#fbsection4 .info-penting-slide{/*border-top:1px solid #e2e2e2;*/ border-top:5px solid #0F8EC7}
.info-penting-slide .example-buttons a{
    display: block !important;
    font-size: 15px;
    line-height: 25px;
    text-transform: uppercase;
}
.slick-prev::before, .slick-next::before{background-color: #8f2410;padding:10px 5px;}
.cbp-fbscroller > nav{right:8px;}
.slick-prev, .slick-next{z-index:99;width:30px; height:40px; margin-top:-25px}
#quickMenu{margin:10px 60px !important;}
.box-infografis .infografis{border:1px solid #e2e2e2;}
.landingpage section .cover-intro,
.landingpage .cover-gallery.carousel,.landingpage section .carousel .carousel-inner,.landingpage section .carousel .carousel-inner .item{height:100vh;}
.app-documents .article-sidebar .no-ellipsis .list-group-item a:hover,.app-documents .article-sidebar .no-ellipsis .list-group-item a:focus{background:none; text-decoration:underline;}
.app-documents .article-sidebar .no-ellipsis .list-group-item a{ white-space:normal;text-overflow:visible;padding:5px 0px;}
button.close{z-index:999;}
.cover.cover-news .carousel-inner .item,.cover.cover-news .carousel{/*background:rgba(0, 0, 0, 0) url("../images/bg-btkkawung-03.jpg") repeat scroll 0 0;*/height:calc(100vh - 222px);}
.page-content .article-content .widget-content img.img-responsive{ width:100%}
.page-content .article-content strong,
.page-content .article-content b,strong,b{font-weight: bold;}
.megamenu {overflow:auto;border-bottom:10px solid #cdd1d1;}
.megamenu {max-height: calc(100vh - 103px);}
.wsmenu-list li:hover > a {
background: rgb(93,155,212); 
background: -moz-linear-gradient(top, rgba(93,155,212,1) 0%, rgba(93,155,212,1) 100%);
background: -webkit-linear-gradient(top, rgba(93,155,212,1) 0%,rgba(93,155,212,1) 100%);
background: linear-gradient(to bottom, rgba(93,155,212,1) 0%,rgba(93,155,212,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 );
color: #ffffff;
}
.megamenu,.wsmenu-submenu {background-color:#cdd1d1;border-top: 2px solid #3075B5;}/*#deb887,  #f8f8ff*/
.megamenu .link-list li a,.wsmenu-submenu li a{background-color: rgba(255, 255, 255, 0)!important;color:#303030 !important}
.wsmenu-list .megamenu li a:hover,.wsmenu-list .wsmenu-submenu > li > a:hover{
	text-decoration:none;
	color: #a52a2a !important;
	background:rgba(0, 0, 0, 0.00) none repeat scroll 0 0 !important
}
.megamenu .title{color:#8f2410; text-transform:uppercase; font-weight:500;height:auto;}
.megamenu .title {
    border: medium none;
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    height: auto;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase;
}
.megamenu .link-list{}
.megamenu .link-list li{white-space:normal;}
.megamenu .link-list li a{display:inline-flex;color:#303030;}
.wsmenu-list .megamenu li .fa{font-size:13px;}
.contentpaneopen img{padding:10px;}
form.bordered {
    border: 1px solid #dddddd;
    padding: 20px;
}
.app-documents .page-content  table.dataTable{max-width:100%;}
table.dataTable tbody th, table.dataTable tbody td{font-size:12px;}
.contentpaneopen blockquote{font-size:inherit; color:#000;}
.contentpaneopen table strong{font-weight:600!important;}
.contentpaneopen table td{padding: 3px 5px;}
.contentpaneopen .contentheading{text-transform:uppercase;}
.skin-megamenu-black .megamenu, .skin-megamenu-black .wsmenu-submenu,.skin-megamenu-black .mobile-sub .wsmenu-submenu{background-color:#000;}
.skin-megamenu-black .megamenu {border-bottom:10px solid #000;}
.skin-megamenu-black .link-list li.title{color:#fff;}
.skin-megamenu-black .link-list li {border-bottom: 0px dotted rgba(255, 255, 255, 0.34);}
.skin-megamenu-black .link-list li a,.skin-megamenu-black .wsmenu-submenu li a{color: #ffffff !important;}
.page-content{padding:0px;}
.site-footer .app-mobile-buttons a img{width:100px;}
.site-footer .example {
    margin-top: 0;
    margin-bottom: 0;
}
.article-sidebar.manu-page {}
.article-sidebar.manu-page .site-menu-item > a{cursor:default;}
.article-sidebar.manu-page .site-menu-item > a .site-menu-title{font-size:16px;font-weight:bold;}
.article-sidebar.manu-page .site-menu-item > a .site-menu-arrow{display:none;}
.article-sidebar.manu-page .site-menu-sub .site-menu-item > a .site-menu-arrow{display:inline-block;}
.article-sidebar.manu-page .site-menu .site-menu-sub .site-menu-item > a{font-size:14px;padding:0px 20px 0px 30px;cursor:pointer;}
.article-sidebar.manu-page .site-menu-sub .site-menu-item > a span {
    float: left;
    margin-left: -20px;
}
.article-sidebar.manu-page .site-menu-sub .site-menu-item.has-sub{
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px rgba(255, 255, 255, 0.55);
}
.article-sidebar.manu-page .site-menu-sub .site-menu-item.has-sub  .site-menu-item.has-sub{
	border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    box-shadow: 0 1px rgba(255, 255, 255, 0.25);
}
.wsmenucontainer .megamenucontainer {}
.article-sidebar.manu-page .site-menu-sub .site-menu-sub .site-menu-item > a{padding:10px 20px 10px 50px;}
.article-sidebar.manu-page .site-menu-sub .site-menu-sub .site-menu-sub .site-menu-item > a{padding-left:70px;}
.article-sidebar.manu-page .site-menu-sub .site-menu-sub .site-menu-sub .site-menu-item .site-menu-item > a{padding-left:90px;}
.article-sidebar.manu-page .site-menu-item.has-sub.open > .site-menu-sub{}
.article-sidebar.manu-page .site-menu-item .site-menu-item.open .site-menu-sub:after{
   /* background-color: rgb(203, 203, 203);
    content: "";
    height: calc(100% - 112px);
    left: 53px;
    position: absolute;
    top: 38px;
    width: 2px;
    z-index: 0;*/}
.article-sidebar.manu-page .site-menu-item .site-menu-item.open .site-menu-sub .site-menu-item.open .site-menu-sub:after  {
    /*background-color: rgb(255, 228, 196);
    content: "";
    height: calc(100% - 2em);
    left: 0.9em;
    position: absolute;
    top: 2.1em;
    width: 2px;
    z-index: 0;*/}
.cover-news .item .bg-news-cover{background-color:rgba(0, 0, 0, 0);background-size:100% 85% !important;}
.cover-news .item::after {
    /*background-image: url("../images/bg-btkkawung-03.jpg");*/
    content: "";
    height: 100%;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
.cover-news .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.cover-news.carousel-inner .item,
.cover-news .carousel-inner .active.left,
.cover-news .carousel-inner .active.right {opacity: 0;}
.cover-news .carousel-inner .active,
.cover-news .carousel-inner .next.left,
.cover-news .carousel-inner .prev.right {opacity: 1;}
.cover-news .carousel-inner .next,
.cover-news .carousel-inner .prev,
.cover-news .carousel-inner .active.left,
.cover-news .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.cover-news .carousel-control { z-index: 2;}
@media all and (transform-3d),
(-webkit-transform-3d) {
  .cover-news.carousel-inner > .item.next,
  .cover-news .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .cover-news .carousel-inner > .item.prev,
  .cover-news .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .cover-news .carousel-inner > .item.next.left,
  .cover-news .carousel-inner > .item.prev.right,
  .cover-news .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.page-content .col-content table.contentpaneopen{
	display:inline-table;	}
.page-content .outer-fiture-foto {
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative;
    width: 50%;
}
.page-content .fiture-foto {width: 100%;}
@media (max-width: 1345px) {
	.wsmenucontainer .header .bigmegamenu .logo.margin-left-50 {
    margin-left: 20px !important;
    position: relative;
    width: 30%;
    z-index: 99;
	}
	.wsmenucontainer .logo img {
		height: 30px;
		margin-top: -102px;
		position: relative;
	}
	nav.wsmenu{width:100%;position: relative;z-index: 100;}
	
	.wsmenu-list > li > a{line-height: 45px;}
	.wsmenu-list > .menu-arrow-1 > a::after {
		right: 3px;
		top: 22px;
	}
	.megamenu, .wsmenu-submenu{top:45px;}
	.wsmenucontainer .logo .navbar-brand-text {
		color: #fff;
		font-size: 14px;
		font-weight: 400;
		line-height: 16px;
		top: -40px;
	}
	.app-documents .article-sidebar{padding:0 20px;max-width:100%;}
	.wsmenucontainer .affix .logo{display:none;}
	.navbar-nav > li{display:inline-block;float:none!important;}
}
@media (max-width: 1024px) {
	.wsmenucontainer .logo .navbar-brand-text{font-size: 13px;}
	.article-sidebar .site-menu-sub .site-menu-item > a {
		display: block;
		line-height: 20px;
		min-width: auto;
		padding: 10px 20px;
	}
	table.dataTable tbody th, table.dataTable tbody td{text-align:left;}
	.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
    background-color: #e7e7e7 !important;
    border-bottom: medium none;
    height: auto;
    line-height: 16px;
    padding-left: 18px;
    padding-right: 15px;
}
.mobile-sub .wsmenu-submenu li a {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #fdfdfd;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    width: 240px;
	}
	.wsoffcanvasopener .wsmenu-submenu .wsmenu-click02 i{display: block!important;margin-top:0;}
	.wsmenucontainer .header .bigmegamenu .logo.margin-left-50{margin-left:20px !important;}
	.wsmenucontainer .logo img {
		height: 30px;
		margin-top: -102px;
	}
	.wsmenucontainer .logo .navbar-brand-text {
		color: #fff;
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		top: -40px;
	}
	.skin2 .wsmenucontainer .logo img {
		height: 57px;
		margin-left: -20px;
		margin-top: -107px;
	}
	.skin2 .wsmenucontainer .logo .navbar-brand-text {top: -40px;color:#fff;}
	.app-documents .article-sidebar{max-width:100%;}
	.wsmenucontainer .affix .logo{display:none;}
	.navbar-nav > li{display:inline-block;float:none!important;}
}
@media (max-width: 781px) {
	.wsmenucontainer .headerAffix.affix .wsmenu-list > li > a{line-height:unset;}
	.megamenu .link-list{width:100%;}
	nav.wsmenu{width:240px; position:fixed;}
	.overlay img.overlay-figure{height:auto!important;}
	.wsmenucontainer .logo .navbar-brand-text{font-size: 11px;}
	.landingpage #big-video-wrap {display:none;}
	.article-content table{max-width:100%;}
	.landingpage section .cover-intro, .landingpage .cover-gallery.carousel, .landingpage section .carousel .carousel-inner, .landingpage section .carousel .carousel-inner .item,.cover-news,.landingpage .cover.cover-news .carousel-inner .item, .cover.cover-news .carousel{height:781px;}
}
@media (max-width: 768px) {
	
	.landingpage section .cover-intro, .landingpage .cover-gallery.carousel, .landingpage section .carousel .carousel-inner, .landingpage section .carousel .carousel-inner .item,.cover-news,.landingpage .cover.cover-news .carousel-inner .item, .cover.cover-news .carousel{height:768px;}
	.nav-menu-1  a.title{font-weight:normal;text-transform:unset; padding:0;}
	.nav-menu-1  .wsmenu-click02{height:auto;}
	.site-footer .example {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
	}
	.site-footer .app-mobile-buttons {
    position: relative;
    text-align: center;
    top: 0;
	}
	.bg-intro-cover .carousel-caption{bottom:85px;}
	.wsmenucontainer .logo .navbar-brand-text{font-size: 10px;}
	.search-feature-intro {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    left: 50%;
    max-width: 70%;
    width: 60%;
    min-width: 50%;
    overflow: hidden;
    padding: 15px 20px;
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
	}
	nav.wsmenu{position: fixed;}
	.headerAffix.affix .megamenu, .headerAffix.affix .wsmenu-submenu{top:0;}
	.megamenu ul li.title{ font-size: 12px !important;color:#8f2410; }
	.megamenu > ul > li > a{font-size: 15px !important;}
	.col-news4 .panel-bg-news{height:44px;}
	.col-news4 .panel-bg-news .panel-body{display:none;}
	.cover-news .item .carousel-caption .caption-inner{bottom:176px;}
	.cover-news .item .carousel-caption {
		bottom: 0;
		height: auto;
		left: 0;
		padding: 0;
		right: auto;
		text-align: left;
		top: 0;
		width: 100%;
	}
	#fbsection4 .info-penting-slide .col-sm-6 .widget {text-align:center!important;}
	.app-documents .article-sidebar{max-width:90%;padding-left:10px;}
	.documents-wrap.article .col-sm-3{padding:0!important;}
	footer .space-mobile{margin-top:20px;	}
	.site-footer .navbar-brand{display:none;}	
	.site-footer .app-mobile-buttons a{}
	.site-footer .app-mobile-buttons a img{
	background: rgba(255, 255, 255, 0.07) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    width: 100px;
	}
	.site-footer .view-xs{text-align:center;}
	.view-xs .navbar-nav > li > a{text-align:right;}
	.view-xs .nav-footer{
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    list-style: outside none none;
    margin-top: 0;
    padding: 10px 0 0;
	}
	.site-footer .nav-footer li a small.hidden-xs{display:none!important}
	.site-footer .example {margin-top: 0;}
	.view-xs .nav-footer li{margin:10px;}
	.view-xs .margin-top-80{margin-top:0;}
	.wsmenu{width:240px;}
	.wsmenucontainer .headerAffix.affix .wsmenu-list > li > a {
		line-height: 25px;
	}
	.wsmenucontainer .headerAffix.affix .wsmenu-submenu{top:0;}
	.cover-news .item .bg-news-cover {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		margin-left: 0;
		width: 100%;
	}
	#header-site.affix .wsmenu *, #header-site.affix-top .wsmenu *{transition: all 0s ease 0s;}
	.mobile-sub .wsmenu-submenu li a {
    height: auto;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    width: 240px;
}
	.wsmenu-submenu li a,
	.wsmenu-submenu li a:hover,
	.mobile-sub .wsmenu-submenu li:hover > a,
	.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a:hover,
	.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a,
	.mobile-sub .wsmenu-submenu li a:hover,
	.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub,
	.mobile-sub .wsmenu-submenu li a{background-color:rgba(0, 0, 0, 0)!important;}
	.mobile-sub .wsmenu-submenu{background-color:rgba(0, 0, 0, 0.05);border-width:0 0 1px;}
	.megamenu, .wsmenu-submenu, .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{box-shadow:none;}
	.cover.cover-news .carousel-inner .item,.cover.cover-news .carousel{height:calc(100vh - 185px);}
	.cover-intro .item .bg-intro-cover{height: 100%;}
	.cover-news .item .bg-news-cover{height: 100%;background-size:auto  100% !important;}
	.cbp-fbscroller > nav{right:1em;}
	.site-footer p{text-align:center!important;}
	.site-footer .col-link-medsos{text-align:center!important;}
	.col-link-medsos .margin-top-80{margin-top:0px!important;}
	.col-link-medsos .nav-footer li{display:inline!important;}
	.col-link-medsos .nav-footer li.visitor,
	.col-link-medsos .nav-footer li a span,
	.col-link-medsos .nav-footer li a small{display:none!important;}
	.cover-news .item .carousel-caption .caption-inner a{font-size:0.8em;}
	.panel-bg-news .panel-title{font-size:0.8em;}
	.cover-news .carousel .carousel-indicators {
		bottom: 0px;
		left: 0;
		text-align: center;
		width: 100%;
	}
	.cover-news .item .carousel-caption .caption-inner a.more{display:none;}
	.panel-bg-news .panel-heading{height:48px;}
	.cover-news .item .carousel-caption .caption-inner {bottom: 10px;}
}
@media (max-width: 766px) {
	
	.landingpage section .cover-intro, .landingpage .cover-gallery.carousel, .landingpage section .carousel .carousel-inner, .landingpage section .carousel .carousel-inner .item,.cover-news,.landingpage .cover.cover-news .carousel-inner .item, .cover.cover-news .carousel{height:766px;}
	.list-group .media .media-heading{font-weight:200;}
	.app-documents .article-sidebar{padding:0;max-width:100%;}
	.documents-wrap.article .media-body,.documents-wrap.article  .media-left,.documents-wrap.article  .media-right {
    display: inline-block;
    vertical-align: text-bottom;
    width: 100%;
}
.documents-wrap.article .media-body {border-bottom: 1px dashed #dddddd;}
.app-documents .article-sidebar .list-group-item a{border-top:none;}
.wsmenucontainer #header-site.headerAffix.affix .smallogo .navbar-brand-text, .smallogo .navbar-brand-text {
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 0 !important;
    text-indent: 0;
    top: 2px;
}
#header-site.affix .smallogo img, .smallogo img {
    height: 40px;
    margin-top: -4px;
    width: auto;
}
.article-sidebar  .site-menubar {
    width: 100%;
	transform: translate3d(0px, 0px, 0px);
	left:0;
	margin:0;
	right:0;
	}
}
@media (max-width: 424px) {
	
	.landingpage section .cover-intro, .landingpage .cover-gallery.carousel, .landingpage section .carousel .carousel-inner, .landingpage section .carousel .carousel-inner .item,.cover-news,.landingpage .cover.cover-news .carousel-inner .item, .cover.cover-news .carousel{height:424px;}
	.site-footer .example {
    margin-top: 0;
    text-align: center;
}
	.site-footer .app-mobile-buttons {
    position: relative;
    text-align: center;
    top: 0;
}
}