@charset "utf-8";
/* CSS Document */

.dropdown-submenu {
	position:relative;
}
.dropdown-submenu > a:after {
	display: block;
	content: "";
	float: left;
	width: 0;
	height: 0;
	border-bottom-color: transparent;
	border-bottom-style:solid;
	border-width: 5px 5px 5px 0;
	border-right-color: #FC6;
	margin-top: 5px;
	margin-left: -10px;
}
.dropdown-submenu .dropdown-menu{
	right: 100%;
	top:0;
}
.dropdown-submenu .pull-right{
	float: none;
}
.latar-logo {
	border-radius: 0px;
	/*background: #003B46; */
	margin-top: -15px; 
	width: 70px; 
	max-width: 100%; 
	height:auto; 
	float:left; 
	padding: 2px 0px 3px 0px; 
	z-index: 999999; 
	position:absolute;
	/*box-shadow: 0 1px 0 1px rgba(0,0,0,.8);*/
}
.latar-logo2 {
	border-radius: 0px;
	/*background: #003B46; */
	margin-top: -14px;
	margin-left: 75px;
	width: 150px; 
	max-width: 100%; 
	height:auto; 
	float:left; 
	padding: 2px 0 3px 0;
	/*box-shadow: 0 1px 0 1px rgba(0,0,0,.8);*/
}
.segitiga {
	width: 0;
	height: 0;
	border-bottom: 10px solid #ff7600;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	margin-left: auto; 
	margin-right: 45%;
	margin-top: -10px;
	display: none;
}

@media (max-device-width: 480px) and (orientation: landscape) {
	.navbar-collapse {
	  /*background: #00918A;*/
	  background: #FFF;
	  color: #777;
	  border-top: 1px solid #EEE;
	  border-bottom: 2px solid #00918A;
	}
	.navbar-inverse .navbar-nav > li > a {
	  color: #777;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
	  text-decoration:none;
	  color: #FFF;
	  background-color: #ff7600;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
	  text-decoration:none;
	  color: #FFF;
	  background-color: #ff7600;
	}
	.jarak-konten{
	  margin-top: 62px;	
	}
	.jarak-kaki{
	  padding-bottom: 20px;	
	}
	.hilang-dikecil{
	  display:none;	
	}
	.hilang-kecil-sedang{
	  display:none;	
	}
	.hilang-dibesar{
	  display:block;	
	}
	.sembunyi-dikecil{
	  display: none;
	  visibility:hidden;
	}
	.sembunyi-dibesar{
	  visibility:visible;
	  display: block;
	}
	.gb_headline {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 510px;
		max-height: 100%;
	}
	.gb-logo {
	  margin-top: -15px;
	  width: 100px;
	}
	.turun-gb-kontak {
		top: 18%;	
	}
	.tombol-menu a {
		color: #FFF;
		text-decoration: none;
	}
	.tombol-menu a:hover, .tombol-menu a:focus {
		color: #FFF;
		text-decoration: underline;
	}
	.kaki-huruf { font-size: 12px; }
	.batas-headline { padding-top: 50px; }
}
@media (max-width: 400px) {
	.navbar-collapse {
	  background: #FFF;
	  color: #777;
	  border-top: 1px solid #EEE;
	  border-bottom: 2px solid #00918A;
	}
	.navbar-inverse .navbar-nav > li > a {
	  color: #777;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
	  text-decoration:none;
	  color: #FFF;
	  background-color: #ff7600;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
	  text-decoration:none;
	  color: #FFF;
	  background-color: #ff7600;
	}
	.jarak-konten{
	  margin-top: 62px;	
	}
	.jarak-kaki{
	  padding-bottom: 20px;	
	}
	.hilang-dikecil{
	  display:none;	
	}
	.hilang-kecil-sedang{
	  display:none;	
	}
	.hilang-dibesar{
	  display:block;	
	}
	.sembunyi-dikecil{
	  display: none;
	  visibility:hidden;
	}
	.sembunyi-dibesar{
	  visibility:visible;
	  display: block;
	}
	.gb_headline {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 510px;
		max-height: 100%;
	}
	.turun-gb-kontak {
		top: 18%;	
	}
	.tombol-menu a {
		color: #FFF;
		text-decoration: none;
	}
	.tombol-menu a:hover, .tombol-menu a:focus {
		color: #FFF;
		text-decoration: underline;
	}
	.gb-logo {
	  margin-top: -15px;
	  width: 100px;
	}
	.kaki-huruf { font-size: 12px; }
	.batas-headline { padding-top: 50px; }
}
@media (min-width: 401px) and (max-width: 480px) {
	.navbar-collapse {
	  background: #FFF;
	  color: #777;
	  border-top: 1px solid #EEE;
	  border-bottom: 2px solid #00918A;
	}
	.navbar-inverse .navbar-nav > li > a {
	  color: #777;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
	  text-decoration:none;
	  color: #FFF;
	  background-color: #ff7600;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
	  text-decoration:none;
	  color: #fff;
	  background-color: #ff7600;
	}
	.jarak-konten{
	  margin-top: 62px;	
	}
	.jarak-kaki{
	  padding-bottom: 20px;	
	}
	.hilang-dikecil{
	  display:none;	
	}
	.hilang-kecil-sedang{
	  display:none;	
	}
	.hilang-dibesar{
	  display:block;	
	}
	.sembunyi-dikecil{
	  display: none;
	  visibility:hidden;
	}
	.sembunyi-dibesar{
	  visibility:visible;
	  display: block;
	}
	.gb_headline {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 510px;
		max-height: 100%;
	}
	.turun-gb-kontak {
		top: 18%;	
	}
	.tombol-menu a {
		color: #FFF;
		text-decoration: none;
	}
	.tombol-menu a:hover, .tombol-menu a:focus {
		color: #FFF;
		text-decoration: underline;
	}
	.gb-logo {
	  margin-top: -15px;
	  width: 100px;
	}
	.kaki-huruf { font-size: 12px; }
	.batas-headline { padding-top: 50px; }
}
@media (min-width: 481px) and (max-width: 767px) {
	.navbar-collapse {
	  background: #FFF;
	  color: #777;
	  border-top: 1px solid #EEE;
	  border-bottom: 2px solid #00918A;
	}
	.navbar-inverse .navbar-nav > li > a {
	  color: #777;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
	  text-decoration:none;
	  color: #FFF;
	  background-color: #ff7600;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
	  text-decoration:none;
	  color: #FFF;
	  background-color: #ff7600;
	}
	.jarak-konten{
	  margin-top: 62px;
	}
	.jarak-kaki{
	  padding-bottom: 20px;	
	}
	.hilang-dikecil{
	  display:none;	
	}
	.hilang-kecil-sedang{
	  display:none;	
	}
	.hilang-dibesar{
	  display:block;	
	}
	.sembunyi-dikecil{
	  display: none;
	  visibility:hidden;
	}
	.sembunyi-dibesar{
	  visibility:visible;
	  display: block;
	}
	.gb_headline {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 550px;
		max-height: 100%;
	}
	.turun-gb-kontak {
		top: 27%;	
	}
	.tombol-menu a {
		color: #FFF;
		text-decoration: none;
	}
	.tombol-menu a:hover, .tombol-menu a:focus {
		color: #FFF;
		text-decoration: underline;
	}
	.gb-logo {
	  margin-top: -15px;
	  width: 100px;
	}
	.batas-headline { padding-top: 50px; }
}
@media (min-width: 768px) {
	.navbar-inverse .navbar-nav > li > a {
	  color: #777;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
	  color: #FF7600;
	  background-color: transparent;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
	  color: #FF7600;
	  /*background-color: #080808;*/
	}
	.jarak-konten{
	  margin-top: 54px;	
	}
	.hilang-dikecil{
	  display:block;	
	}
	.hilang-kecil-sedang{
	  display:none;	
	}
	.hilang-dibesar{
	  display:none;	
	}
	.dropdown:hover .dropdown-menu, .dropdown:hover .segitiga{
		display:block;
	}
	.sembunyi-dikecil{
	  visibility:visible;
	  display: block;
	}
	.sembunyi-dibesar{
	  visibility:hidden;
	  display: none;
	}
	.bg_headline {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 550px;
		max-height: 100%;
	}
	.lebar-menu {
		width : 400px;	
	}
	.turun-gb-kontak {
		top: 33%;	
	}
	.gb-logo {
	  margin-top: -15px;
	  width: 100px;
	}
	.garis-menu{
		border-top: 6px solid #ff7600; 
		padding: 20px 0;
	}
	.tinggi-artikel{
		min-height: 550px;
	}
}

@media (min-width: 992px) {
	.navbar-inverse .navbar-nav > li > a {
	  color: #777;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
	  color: #FF7600;
	  background-color: transparent;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
	  color: #FF7600;
	  /*background-color: #080808;*/
	}
	.jarak-konten{
	  margin-top: 65px;	
	}
	.hilang-dikecil{
	  display:block;	
	}
	.hilang-kecil-sedang{
	  display:block;	
	}
	.hilang-dibesar{
	  display:none;	
	}
	.dropdown-submenu:hover > .dropdown-menu{
		display:block;
	}
	.sembunyi-dikecil{
	  visibility:visible;
	  display: block;
	}
	.sembunyi-dibesar{
	  visibility:hidden;
	  display: none;
	}
	.gb_headline {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 510px;
		max-height: 100%;
	}
	h1 { font-size: 36px; }
	h2 { font-size: 30px; }
	h3 { font-size: 24px; }
	h4 { font-size: 18px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }
	.lebar-menu {
		width : 600px;	
	}
	.turun-gb-kontak {
		top: 33%;	
	}
	.gb-logo {
	  margin-top: -15px;
	  width: 100px;
	}
	.garis-menu{
		border-top: 6px solid #ff7600; 
		padding: 20px 0;
	}
	.tinggi-artikel{
		min-height: 530px;
	}
}
@media (min-width: 1200px) {
	.navbar-inverse .navbar-nav > li > a {
	  color: #777;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
	  color: #FF7600;
	  background-color: transparent;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
	  color: #FF7600;
	  /*background-color: #080808;*/
	}
	.jarak-konten{
	  margin-top: 65px;	
	}
	.hilang-dikecil{
	  display:block;	
	}
	.hilang-kecil-sedang{
	  display:block;	
	}
	.hilang-dibesar{
	  display:none;	
	}
	.dropdown-submenu:hover > .dropdown-menu{
		display:block;
	}
	.sembunyi-dikecil{
	  visibility:visible;
	  display: block;
	}
	.sembunyi-dibesar{
	  visibility:hidden;
	  display: none;
	}
	h1 { font-size: 36px; }
	h2 { font-size: 30px; }
	h3 { font-size: 24px; }
	h4 { font-size: 18px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }
	.gb_headline {
		width: 100%;
		max-width: 100%;
		height: 620px;
		min-height: 620px;
		max-height: 620px;
	}
	.lebar-menu {
		width : 600px;	
	}
	.turun-gb-kontak {
		top: 35%;	
	}
	.gb-logo {
	  margin-top: -15px;
	  width: 100px;
	}
	.garis-menu{
		border-top: 6px solid #ff7600; 
		padding: 20px 0;
	}
	.tinggi-artikel{
		min-height: 470px;
	}
}

label.error {
	width: 100%;
	font-family: verdana;
	color: #F00;
	display:inline-block;
	vertical-align:top;
	font-size:10px;
	padding: 5px;
	font-weight:100;
	text-align:right;
	/*border: 1px #F00 dashed;*/
}

label.valid {
	width: 100%;
	font-family: verdana;
	color: #0A0;
	vertical-align:top;
	display:inline-block; 
	font-size:10px;
	padding: 5px;
	text-align:right;
	/*border: 1px #009900 dashed;*/
}
#btp{
  text-align:center;
  position: fixed;
  z-index: 20;
  bottom: 40px;
  right: 20px;
  background: rgba(0,0,0,0.5);
  font-size: 24px;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 8px 8px 12px 8px;
}
#btp a {
  color: #FFF;
  text-decoration: none;
}
#btp:hover {
  background: rgba(0,0,0,.8);
  color: #FFF;
  text-decoration: none;
}

.link_kontak {
  width: 100%;
  font-size: 24px;
  padding: 20px;
  border-bottom: 1px solid #CCC;
}
.link_kontak a {
  color: #666;
  text-decoration:none;
  padding: 10px 20px;
}
.link_kontak a:hover, .link_kontak a:focus, .link_kontak a:active, .link_kontak.aktif {
  color: #ff7600;
  text-decoration:none;
}
section {	
	background: #eee;
}
section:nth-child(2n+1) {
	background: #fff;
}
#demo .center {
	padding:0;
	transition:.2s;
}

.kaki a {
	color: #CCC;
	text-decoration: none;
}
.kaki a:hover, .kaki a:focus {
	color: #FFAF02;
	text-decoration: underline;
}

@font-face {
  font-family: 'Poppins';

  src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
  font-family: 'Arista';

  src: url('../fonts/Arista.ttf');
}
.arista { font-family: 'Arista'; }