@keyframes animatedBackground {
  0% {
        background-position: 0 0;
  }
  100% {
        background-position: 100% 0;
  }
}
.paparan_penuh { display: none;}
.pic-container{
  width:155px;
  height:300px;
  position:relative;
  background-color: #fff;
  margin-right: 5px;
  
  float: left;
  align-content: center;
}
.pic-hover{
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
.pic-container:hover .hover{
  display:block;
}

#wr {   margin: 0 auto; text-align: center; height: 170px; width: 100%; overflow: hidden; padding: 0; }
#wrht { margin: 0 auto; text-align: center; min-height: 390px; width: 100%; padding: 0; }
#wr.rbar {  margin: 0 auto; text-align: center; height: auto; width: 100%; overflow: hidden; padding: 0; }

#acc dd { display: block; padding: 0px; margin: 0;  text-align: center;  }
#acc dd ul { margin: 0; padding: 0; list-style-type: none; }
#acc dd ul li { margin: 0; padding: 0; list-style-type: none; font-weight: bold; }
#acc dd ul li a { color: #333333; text-decoration: none; } 
#acc dd ul li a:hover { color: #999999; text-decoration: none; } 
#acc dd.rbar ul li { text-align: left; list-style-type: disc; list-style-image: url(../images/layout/bullet-arrow.png); margin-left: 40px; line-height: 2em; text-transform: uppercase; }

#acc dt.rbar { text-transform: uppercase; border:2px #E1E2E3 solid;  width: 100%; height: 35px; }


.icol-viewmore, .icol-viewmore a  { padding: 10px 0 0 0; text-align: right; color: #f15a29; text-decoration: underline; }



.icol-viewmore a:hover  { color: #666666; }
.icol-viewmore.mobileqr  { text-align: center; }
/*font area*/
 .tnr{
    /* font-family: "Times New Roman", Times, serif;*/
}
 .navbar-nav .text-color {
     color: black!important;
     font-weight: bold;
     font-size: 1.0rem;
}
.navbar-nav .border-right {
	height: 20px; width: 2px; background-color: black!important;border-radius: 14px;
}
.content-area {
  border-left: 1px solid #D5D5D5!important;
}
.home-btn {

	margin-top:-5px;

}
.gx-box-title {

     text-transform: uppercase;
}
.box-scroller-img img {
     height: 50px;
}
.box-20 > ul > li a {
     padding-top: 5px;
     font-size: 0.99rem;
     color: rgba(0,0,0);
}
.box-19 h6 {
     padding-top: 15px;
}
.top-nav {

	text-transform: uppercase;
}
 .h-txt-black{
    color: black!important;
}
 .h_bg-grey{
    background-color: #e6e6e6!important;
}
 .h_indicator_slider_bullet{
     width: 10px!important;
     height: 10px!important;
     border-radius: 50%!important;
}
 .h_box-pac-shadow{
     border: 4px solid #D5D5D5;
     margin-top: 40px;
     box-shadow: 0 8px 5px -5px #333;
}
 .h_box-pac-icon{
     border: 4px solid #D5D5D5;
     width: 100px;
     height: 100px;
     border-radius: 40px;
     margin-top: -75px ;
     z-index: 999;
     background-color: white;
}
 .thumbrelative {
     position: relative;
}
 .caption {
     position: absolute;
     bottom: 15px;
     left: 0;
     width: 100%;
}
 .wargaaktif{
     background-color: #333333 !important;
     color: #fff !important;
}
 .con-navbar {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
    
     margin-left: auto;
     margin-right: auto;
    
}
@supports (-ms-ime-align:auto) {
  @media screen and (min-width:960px) {
    .con-navbar {
    
      width: 1400px;
      margin-left: auto;
      margin-right: auto;
    }
  }
}

 .h-navbarfontsize{
     font-size: 0.95rem;
}
 .h-navbarsubfontsize{
     font-size: 1.18rem;
}
 .card-img-top {
     width: 100%;
     height: 14vw;
     object-fit: cover;
}
.mytabitem {
   float: left;
   font-size: 1.1rem; color: rgba(0,0,0);
   font-weight: bold;
   text-transform: uppercase;
  
}
#showorangawam  {
  
}
#showahliparlimen  {

}
.tab-item {
  visibility: hidden;
  opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
}
.card-body.tabawam > .font-weight-bolder { 
     font-size: 1.18rem;
}
.card-body.tabawam > div.tabawam-header > button { 
    font-size: 1.18rem; color: rgba(0,0,0);
    
}
.card-body.tabawam > .font-weight-bolder > ul { 
     list-style-type: square;
}
.card-body.tabawam > .font-weight-bolder > ul > li a { 
     text-decoration: none;
     color: black;
 }
.card-body.tabawam { 
     padding: 0.25rem;
      min-height: 250px;
}
 #bgrotate{
     transform: rotate(0deg);
     transition: .8s;
}
 #imgrotate:hover #bgrotate{
     transform: rotate(540deg);
     transition: .8s;
}
 .imgabsolute img{
     width: 160px;
}
 .imgabsolute{
     width: 100%;
     position: absolute;
     top: 20%;
     left: 20%;
     -webkit-transform: translate(-20%, -20%);
     -moz-transform: translate(-20%, -20%);
     -ms-transform: translate(-20%, -20%);
     -o-transform: translate(-20%, -20%);
     transform: translate(-20%, -20%);
}
.btn-color-dr {
  background-color: #126399;
}
.btn-color-dn {
  background-color: #8D191C;
}

.anmt {
    margin-top: 2px;
    list-style-type: disc;
    font-size: 14px;
}
.anmt li {

display: inline;

}
.announ-place {
    width: 1000px; 
    border: 1px red solid;
    overflow: hidden;
}
.menu-sidebar ul {
    display: block;list-style-type: disc;font-size: 0.95rem; padding-left: 15px;
}
.menu-sidebar ul li a {
color: black!important;
}

/* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
  
}
.navbars:after {
  content:"";
  position:absolute;
  width:100%;
  bottom:1px;
  z-index:-1;
  transform:scale(.9);
  box-shadow: 0px 0px 8px 2px #000000;
}
/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item:hover {
  background-color: #333333;
  color: #fff!important;
}
.navbar .nav-item:hover > a {
 
  color: #fff!important;
}
.navbar-nav a.text-color:hover {
  
  color: #fff!important;
}
.nav-item-hover {
 /* background-color: #333333; */
  color: #fff!important;
}
.nav-item-hover a {
  
  color: #fff!important;
}
.dropdown-menu a {
  font-size: 0.85rem!important;
}
@media screen and (min-width:900px) {


}

.navbar .dropdown-menu {
  width: max-content;
  left:0;
  right:0;

}
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
   
}
.navbar .dropdown-menu div[class*="col"] h5 {
  margin-left: 10px;
  width: max-content;
  padding-right: 10px;

}
.navbar .dropdown-menu {
  border:none;
  background-color:#fff!important;
  border: 1px black solid;
  width: 22rem;
  overflow-wrap: break-word!important; 
}

.navbar .dropdown-menu.lastmenu {
    left: auto !important;
    right: 0px;
}
.navbar .dropdown-menu a.dropdown-item {
  font-size: 0.95rem!important;
 
}
.navbar .dropdown-menu a:hover {
  
  background-color:rgb(124, 120, 120)!important;
  
  color: #fff;
}




.menu-border-right:not(:last-child):after {
  content: "|";
}
.container-all-photo {
  width: fit-content;
  margin: 20px auto;
  height: auto;
}
.container-photo {
  width: calc(33% - 6px);
  overflow:hidden;
  height: fit-content;
  margin:3px;
  padding: 0;
  display:block;
  position:relative;
  float:left;
}
.container-photo img {
  width: 100%;
  transition-duration: .3s;
  max-width: 100%;
  display:block;
  overflow:hidden;
  cursor:pointer;
   height: 161px;
}
.title-photo {
  position:absolute;
  display:block;
  cursor:pointer;
  top: 35%;
  display: none;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 1.6em;
  text-shadow: 1px 5px 10px black;
  transition-duration: .3s;
}
.text-photo {
  position:absolute;
  top: 70%;
  cursor:pointer;
  max-width: 80%;
  text-align:center;
  left: 50%;
  text-shadow: 1px 5px 10px black;
  font-size: 1em;
  display:none;
  margin-right: -50%;
  transition-duration: .3s;
  transform: translate(-50%, -50%) 
}
.container-photo :hover img{
  transform: scale(1.2);
  transition-duration: .3s;
  filter: grayscale(50%);
  opacity: .7;
}
.container-photo :hover span{
  color:white;
  display: block;
  transition-duration: .3s;
}
#YearTable_ContentBox_pic img {
  width: 100%;
  transition-duration: .3s;
  max-width: 100%;
  display:block;
  overflow:hidden;
  cursor:pointer;
}
.column {
float: left;
width: 33.33%;
padding: 5px;
}
.nav-dropdown {
  position: absolute;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

ul.list {
  margin: 0 auto 0 auto;
  padding: 0;
  list-style: none;
  float: left;
}
.list.member-of-parliament li {
  /* font-size: 0.90em; */
  height: auto;
  padding-left: 10px;
}
ul.list>li {
  width: 140px;
  height: 250px;
  min-height: 250px;
  display: inline-block;
  vertical-align: top;
  margin: 0 -4px 20px 0;
  border: 0;
  padding: 0 0 0.5em 0;
  zoom: 1;
  *display: inline;
  font-size: 0.90rem;
}
.list.member-of-parliament .picture {
  width: 130px;
  height: 153px;
}
.list.member-of-parliament .picture {
  display: block;
}
img {
  vertical-align: middle;
}
.list.member-of-parliament a .full-name {
  color: Black;
  padding-bottom: 0.5em;
  height: 140px;
  text-align: none !important;
}
.list.member-of-parliament div {
  padding-left: 2px;
}
.list.member-of-parliament .caucus-banner {
  width: 130px;
  height: 2px;
  margin: 2px 0 2px 0;
}
.list.member-of-parliament div {
  padding-left: 2px;
}
.ico-dewan:after{
  content: '';
  display: block;
  height: 20px;  /*height of icon */
  width: 20px;  /*width of icon */
  
    /*where to replace the icon */
  top: 0px;
  left: -40px;
    /*background */
  background: url(../images/icons/icon_par_20.png) no-repeat 0px 0px;
}
.sidebar {
  color:black !important;
  box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.1);
}
.sidebar > a {
  color:black !important;
}
.sidebar li a {
  color:black !important;
}
.sidebar-shadow {
 
  margin-top:-10px;
}
.content-area .container .img-max {
		max-width:90%; 
	}

.footerTextSmallBlack { font-size: 1rem; color: black;}
nav.breadcrumb { background: #bec0c3; }
nav.breadcrumb-dr { background: #0553c9 !important; }
nav.breadcrumb-dn { background: #830b11 !important; }
nav > .breadcrumb-item { color:black !important; }
nav > .breadcrumb-item a { color:black !important; }
.off-carousel-item img { height: 410px; }
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
  color: #D5D5D5;
}
.navbar-inversea a {
  
  color: #D5D5D5;
}
tr.calendar-month-header {
  font-size: 1.18rem;
  text-transform: uppercase;
}

.footer-item-menu ul { 
  margin:0; padding:0;margin-left:-10px; 
  color:#000; 
}

.footer-item-menu  ul li { float:left; list-style:none;  }
.footer-item-menu  ul li:after {
content:"|";
color:#666; 
}
 .footer-item-menu  ul li:last-child:after { content:"";  }
.footer-item-menu  ul li a {
  margin:0 8px; 
  color:initial; 
  font-weight: bold;
  font-size: 0.85rem;
 }

 .gxbreadcrumb { 
  list-style: none; 
  overflow: hidden; 
  font-size: 0.85rem;
  margin-left: -35px;
}
.gxbreadcrumb li { 
  float: left; 
}
.gxbreadcrumb li a {
  
  color: white;
  text-decoration: none; 
  padding: 10px 0 10px 65px;
  background: rgb(10, 10, 10); /* fallback color */
  position: relative; 
  display: block;
  float: left;
}
.gxbreadcrumb li a::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid rgb(17, 17, 16);
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}
.gxbreadcrumb li a::before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}
.gxbreadcrumb li:first-child a {
  padding-left: 10px;
}
.gxbreadcrumb li:nth-child(2) a       { background:         rgb(14, 13, 13); }
.gxbreadcrumb li:nth-child(2) a:after { border-left-color: rgb(14, 13, 13); }
.gxbreadcrumb li:nth-child(3) a       { background:        rgb(14, 13, 13); }
.gxbreadcrumb li:nth-child(3) a:after { border-left-color:  rgb(14, 13, 13); }
.gxbreadcrumb li:nth-child(4) a       { background:        rgb(14, 13, 13); }
.gxbreadcrumb li:nth-child(4) a:after { border-left-color:  rgb(14, 13, 13); }
.gxbreadcrumb li:nth-child(5) a       { background:         rgb(14, 13, 13); }
.gxbreadcrumb li:nth-child(5) a:after { border-left-color:  rgb(14, 13, 13); }

.gxbreadcrumb li:last-child a {
  background: transparent !important;
  color: black;
  pointer-events: none;
  cursor: default;
}
.gxbreadcrumb li:last-child a::after { 
  border: 0; 
}
.gxbreadcrumb li a:hover { 
  background: hsla(34, 85%, 25%, 1); 
}
.gxbreadcrumb li a:hover:after { 
  border-left-color: hsla(34, 85%, 25%, 1) !important; 
}
.top-header-place {
  -webkit-box-shadow: 0px 0px 0px #333333;
  -moz-box-shadow: 0px 2px 4px #333333;
       box-shadow: 0px 2px 4px #333333;
}
hr.style-two {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-3 {
  border: 0;
  height: 3px;
  background-image: linear-gradient(to right, rgba(85, 84, 84, 0), rgba(87, 86, 86, 0.75), rgba(119, 116, 116, 0));
}
.title-bar {
  height: 3px;
  -webkit-box-shadow: 0px 0px 0px #333333;
  -moz-box-shadow: 0px 2px 4px #333333;
       box-shadow: 0px 2px 4px #333333;
  margin-bottom: 10px;
}
.r-box-shadow {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
}
.terperinci h5 {
  font-size: 1.0rem;
}

.a-205{
height: 205px!important;
}