body, .footer {
	background: url(../images/g96.jpg); 
	/*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;*/
}

/* https://codepen.io/pixelsultan/pen/ZKqvyx */
.loading-bar {height: 3px; }
@keyframes progress-animation {0% {width: 0%;} 20% {width: 10%;} 40% {width: 30%;} 50% {width: 60%;} 100% {width: 90%;} }
.progress-bar {height: 5px; background: #d4d2d2; animation: progress-animation 1s ease-in-out; }


/******************************************************************/
/* ========================  LOGIN ============================== */
/******************************************************************/

.wrap_login {
  /*font: normal 12px verdana, arial, helvetica, sans-serif;*/
  font-size: 12px;
  line-height: 15px;
  color: #363636;
  background-color: rgba(146, 196, 40, 0.55);
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/
}
.header_login h6 {font-size: 15px}
.wrap_login a {color:#006066; text-decoration: underline}
/*ol.info_login {padding: 0px 20px; }*/
ol.info_login li {margin: 5px 0; }
.berita_login{padding-left: 0}
.berita_login>li {color:white; font-size: 11px}
.berita_login>li>a {color:aquamarine; text-decoration: underline }
.judul_login {color:#004477; font-family:"Georgia",serif; font-size:120%; letter-spacing: 5px; line-height:25px}
.blinking {background-color: #006066}
.blinking a {color: white; text-decoration: underline;}
.logininput{-webkit-box-sizing: border-box; box-sizing: border-box; display: block; background-color: transparent; color: rgba(0,0,0,.87); border: none; border-bottom: 1px dotted rgba(0,0,0,.26); outline: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-family: inherit; line-height: inherit; background-image: none; margin:5px auto 15px; text-align: center; color:#005a00;}
.logininput:hover, .logininput:focus{border: none; border-bottom: 1px solid #009800;}
.comment_login {color:burlywood; text-align:center; background-color:rgba(156, 15, 15, 0.8); font-size:11px; padding:5px}
.copyright {font-family: arial,verdana; font-size: 70%; color: #6f6f6f; text-align: center; line-height: 15px}
.left-0 {left:0;}

/* MODUL POPUP BANNER UPDATE SIAKAD 14 des 2018
   https://html-online.com/articles/simple-popup-box/*/
/*  Pure CSS Popup Without a Single Line of JavaScript Code  */
/*  http://www.sevensignature.com/blog/code/pure-css-popup-without-javascript/  */
.popup {margin: 130px auto; padding: 20px; background: #fff; border-radius: 5px; width: 40%; position: relative; transition: all 5s ease-in-out; }
.popup h2 {margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; }
.popup .close {position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; }
.popup .close:hover {color: orange; }
.popupCloseButton {background-color: #fff; border: 3px solid #999; border-radius: 50px; cursor: pointer; display: inline-block; font-weight: bold; position: absolute; top: -20px; right: -5px; font-size: 20px; width: 35px; height: 35px; }
.popupCloseButton:hover {background-color: #ccc; }
.hover_bkgr_fricc{background:rgba(0,0,0,.4); cursor:pointer; display:none; height:100%; position:fixed; text-align:center; top:0; bottom:0; left:0; right:0; width:100%; z-index:10000; }
.hover_bkgr_fricc > div {background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; position: relative; border-radius: 8px; top:15%;}

/* SLIDES */
/* https://codepen.io/TyStelmach/pen/yygvNK */
#carousel {display: flex;}
#slides {overflow: hidden;height:55px;margin:0 auto;}
#slides ul {list-style: none; height: 0px; margin: 0 auto; padding: 0; width: 85%;position: relative;}
#slides li {width:100%; height:250px; float:left; text-align: center; position: relative;}
#buttons a {display:block; color: #015156; font-size:30px; outline:0; text-decoration:none; display:block; padding:9px; width:35px; }
a#prev:hover, a#next:hover {color:#006a71;}
.quote-phrase {font-family:sans-serif; font-weight:300; display: table-cell; vertical-align: middle; padding: 7px 15px 10px 0px; font-size:11px; color:#FFF; font-style:italic; text-shadow:.5px 0px #b14943; line-height:15px}
.quote-marks {font-size:17px; padding:0 3px 3px;position:inherit; } 

/* BLINK INFO */
.blink_me {animation: blinker 1s linear infinite;}
@keyframes blinker {50% { opacity: 0; }}