body{
	
	background-image:url("../images/bg_beach.jpg");
	background-repeat: no-repeat;
	/*background-size: cover;*/
	background-size:contain;
	background-color:#eeeeee;
}

.main_article{
	background-color:#ffffff;
	padding:45px;
}

.judul{
	font-family: 'Niconne', cursive;font-size:40px;margin:auto;width:100%;color:#ffffff;
}

.pad_news{background-color:#ffffff;padding-bottom:40px;}
.width_list_control{width:100%;height:auto;padding:4px 10px;}

h3.title_list_kemenpar{
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;color:#000000;line-height:25px;
}

h3.title_list_kemenpar a{
	color:#000000;
}

h1.caption_berita_headline{
	color:#ffffff;padding:3px;font-family: 'Exo', sans-serif;font-size:48px;margin-bottom:55px;
}

.berita_lainnya{
	width:100%;height:50px;text-align:center;font-size:35px;font-family: 'Fjalla One', sans-serif;color:#000000;
}

img.pad15{background-color:#ffffff;}

span.waktu_list_tayang{color:#666666;line-height:30px;font-size:10px;}

.centering{margin:auto;text-align:center;}

h1.artikel_utama{
	font-family: 'Exo', sans-serif;
	font-size:32px;color:#000000;
}
h2.judul_kecil{font-size:12px;font-family: 'Ubuntu', sans-serif;font-weight:100;}
h2.judul_kecil_artikel {font-size:15px;	font-family: 'Ubuntu', sans-serif;margin-top:0px;}
h2.judul_kecil_artikel a {color:#333;}

.keterangan_article{
	font-family: 'Fjalla One', sans-serif;
	font-size:14px;color:#000000;letter-spacing:2px;
}

p{font-size:17px;margin-bottom:20px;}
.small_capt{font-size:10px;letter-spacing:2px;text-transform:uppercase;}

.overlay_image{
	background:linear-gradient(180deg, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0%, 
			   linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
	height:100%;width:75%;
	position:absolute;z-index:9;left:50%;margin-left:-427px;
}

.overlay_imag2{
    background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0%, 
			   linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
	height:44%;width:77%;
	position:absolute;z-index:9;
	
}
.overlay_image:hover{
	background:none;
}

a.btn-custom{
	background-color:none;
    border: 2px solid #ffffff;
    color: #fff;font-size:16px;padding:10px;
}
a.caption_link_headline{text-decoration:none;}

p.desc_caption_hedaline{
	width:50%;height:auto;margin:auto;margin-bottom:40px;
}

a.button_response{
	white-space: normal;
}

img.image_custom{width:100%;height:200px}

.tanggal_kecil{font-size:11px;color:#999999}
.judul_berita_lainnya{font-family: 'Fjalla One', sans-serif;font-size:22px;margin-bottom:15px;}
img.artikel_selanjutnya{border-radius:0px;}
.list_artikel_kecil{margin-bottom:20px;}

/*color*/
.color_biru{color:#337ab7;}

/*animation buton*/
/* entire container, keeps perspective */
.flip-container {
	
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 320px;
	height: 80px;
	margin:auto;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 80%;
      margin: auto;
  }

  .footer{
	  width:100%;height:50px;
	  background-color:#07429e;
	  text-align:center;margin-top:50px;font-family: 'Fjalla One', sans-serif;
	font-size:12px;color:#ffffff;letter-spacing:2px;line-height:50px;text-transform:uppercase;
  }
  
 .break_bottom{
	 margin-bottom:20px;
 }
 
 #load_more_content{
	 
	 width:100%;
	 background-color:#ffffff;border:1px solid #f9f9f9;color:#666666;
 }
 
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 75%;
      margin: auto;
  }

  /* Change carousel gradien shadow*/
  .carousel-control.left{background-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);}
  .carousel-control.right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);}

.main_article p {
  text-align: justify;
}