/*toolbar*/
#sp-toolbar-r .sp-column {
	display: flex !important;
	position: relative;
  top: 30px;
  float: right;
}
.top-icon td{
    display: table-cell;
    width: 50px;
    padding: 0 15px !important;
}
.pilihan-bahasa{
	display: inline-flex;
}
.posttext{
	margin-left: 5px;
}
div.mod-languages ul li.lang-active {
  background-color: transparent !important;
  padding: 0px 5px 3px;
  border-radius: 3px;
}

i._access-icon.material-icons._access {
  width: 40px !important;
  height: 40px !important;
  font-size: 30px !important;
  line-height: 40px !important;
  text-indent: 5px;
  background-color: #18467a;
  color: rgb(255, 255, 255);
  bottom: 40px !important;
  left: auto !important;
  right: 0px !important;
  z-index: 9999;
  opacity: 1;
}
i._access-icon._access {
  width: 50px;
  height: 50px;
  font-size: 40px;
  line-height: 45px;
  text-indent: 5px;
  background-color: transparent;
  color: rgb(255, 255, 255);
  bottom: none;
  left: 0px;
  z-index: 9999;
  opacity: 1;
  top: 30px !important;
}
._access-menu.bottom {
  bottom: none;
  top: 70px !important;
}
._access-menu.left {
  left: auto !important;
  right: 0 !important;
}
._access-menu.close.left {
  left: auto !important;
  right: -25vw !important;
}


/*menu*/

#sp-section-2{
	background: #18467a;
}
.sp-megamenu-parent > li.active > a {
  background: linear-gradient(145deg, var(--gradient-color-1), var(--gradient-color-2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  background-clip: text;
  color: transparent;
}

.sp-menu-item span{
	color: #fff;
}
.sp-megamenu-parent > li > a {
  color: #fff;
}
.sp-megamenu-parent > li > a:hover {
  color: #b8d9ff;
}

/*carian*/
.awesomplete{
	float: right !important;
    margin-right: 1px;
    margin-left: 18px;
    padding-bottom: 20px;
}
.js-finder-search-query{
  display: block;
  width: 100%;
  padding: 10px 15px !important;
  font-size: 14px;
  line-height: 1.12;
  color: #252525;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  border-radius: 5px !important;
  top: 10px;
  position: relative !important;
}

/*pengumuman*/
.bx-controls.bx-has-controls-direction{
	position: absolute ;
  float: right;
  right: 71px;
  top: -30px;
}

.pengumuman .sppb-articles-carousel-img, .pengumuman .sppb-articles-carousel-meta-category{
	display: none; 
}

.pengumuman .sppb-articles-carousel-link {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pengumuman .sppb-articles-carousel-introtext{
	text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pengumuman .sppb-articles-carousel-content {
  min-height: 165px !important;
}

.bx-wrapper {
  position: relative;
  margin-bottom: 0 !important;
}
/*
.pengumuman .sppb-articles-scroller-date-left-date{
	display:  none;
}
.pengumuman .sppb-articles-scroller-date-left-content {
  -ms-flex: 0 0 100%;
  flex:0 0 100%;
}*/
.pengumuman .sppb-articles-scroller-date-left-content .sppb-addon-articles-scroller-title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pengumuman .sppb-articles-scroller-introtext{
	text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*berita*/
.berita .sppb-articles-carousel-img, .berita .sppb-articles-carousel-meta-category{
	display: none; 
}
.berita .sppb-articles-carousel-link {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.berita .sppb-articles-carousel-introtext{
	text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*tab*/
.sppb-tab-content.sppb-tab-tabs-content{
	border: 1px solid #e5e5e5;
}
.sppb-nav-tabs {
  border-bottom: 0px solid #e5e5e5;
}

/*breadcrumb*/
.breadcrumb-bg {
 width: 100%;
    background-image: url('../images/breadcrumb.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px 0;
    color: white;
}
.breadcrumb-bg .container {
    padding-left: 20px;
    padding-right: 20px;
}
.breadcrumb a,
.breadcrumb li {
    color: #ffffff !important;
}

.breadcrumb .divider.fas.fa-map-marker-alt {
    display: none !important;
}

.view-article #sp-main-body > .container .article-title-wrap {
    background-color: transparent;
}

.view-article #sp-main-body > .container .article-title-wrap .article-header h1 {
    color: #000000;
}
.breadcrumb {
  padding: 0.1rem 18rem !important;
  border-radius: 0.25rem;
}

/*article*/
.view-article #sp-main-body > .container .article-title-wrap .article-header h1 {
  max-width: 100%;
  margin: 0px 0 15px 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: 0px;
  font-family: 'Arial', sans-serif;
  padding-top: 20px;
}
.article-details  {
  background-image: url("../images/3433191.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 0;
  box-shadow: 0 0 0 0 #FFFFFF;
}
.bg-d #sp-main-body,
.com_rsform #sp-main-body,
.view-sitemap #sp-main-body{
	background-image: url("../images/3433191.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 0;
  box-shadow: 0 0 0 0 #FFFFFF;
}

.formResponsive{
	background: RGBA(255, 255, 255, 0.6);
	padding: 10px;
}

/*footer*/
ul.db8sitelastmodified{
	list-style: none;
	padding-left:0px;
}

/*dj mega menu*/
 @media (max-width: 979px){
	  
.sp-column.menu-utama{
	float: left !important;
}
 }
 @media (min-width: 980px){
	  
	.sp-column.menu-utama{
	float: right !important;
}
 }
.sp-module.megamenu{
	margin-top: 15px;
	margin-bottom: 10px;

}
.dj-megamenu-default{
	background: transparent !important;
}
.dj-megamenu-default li a.dj-up_a{
	color: #fff !important;
	font-size: 15px !important;
	text-transform: capitalize !important;
}
.dj-megamenu-default li:hover a.dj-up_a, 
.dj-megamenu-default li.hover a.dj-up_a, 
.dj-megamenu-default li.active a.dj-up_a {
	border-left-color: transparent !important;
	background: transparent !important;
	color: #e1f1ff !important;
	border: none !important;
}
.dj-megamenu-default li a.dj-up_a{
	border: none !important;
}
.dj-megamenu-default li ul.dj-submenu > li > a {
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  color: #800000;
}
.dj-subwrap-in{
	background: #fff !important;
}
.dj-megamenu-default li ul.dj-submenu > li > a {
  font-size: 13px;
  font-weight: bold !important;
  line-height: 16px;
  color: #000 !important;
}
.dj-megamenu-default li ul.dj-subtree > li > a {
  font-size: 12px;
  font-weight: normal;
  line-height: 13px;
  color: #000 !important;
}
.dj-megamenu-default li ul.dj-subtree > li > a:hover {
  color: #73cbfd !important;
}
subtree > li > a {
  font-size: 12px;
  font-weight: normal;
  line-height: 13px;
  color: #000 !important;
}

.dj-megamenu-default li ul.dj-submenu>li>a:hover,
.dj-megamenu-default li ul.dj-submenu>li>a.active,
.dj-megamenu-default li ul.dj-submenu>li.hover:not(.subtree)>a {
	background: #18467a !important;
	color     : #fff !important;
}
.dj-megamenu-default li ul.dj-submenu > li.first {
  border: 0 !important;
}
.dj-megamenu-default li ul.dj-submenu > li {
  border-top: 1px solid #D3D3D3 !important;
}.dj-megamenu-default li ul.dj-subtree > li {
  color: #6c757d !important;
}

.dj-megamenu-default li ul.dj-subtree > li > a:hover {
 color: #000 !important;
}

/*offcanvas mega menu*/
.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
  width: 35px !important;
  height: 35px !important;
  margin-top: 12px !important;
}

.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon::before {
	font-size: 30px !important;
}