/****************************************************
Memangnya Anda siapa berani-beraninya liat-liat file
CSS seenaknya!

Kepo ya?
****************************************************/

body {
	background-color: #eee;
	padding-top: 0px;
}

@media (min-width: 1200px) {
  .container.small {
    width: 970px;
  }
}

/* Navbar height */
@media (min-width: 768px) {
	.navbar-brand,
	.navbar-nav li a {
		line-height: 70px;
		height: 70px;
		padding-top: 0;
	}
}

/* Navbar font color, type, and size property */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
	display:        inline;
	color:          white;                        
	font-family:    Arial, Helvetica, sans-serif;
	font-size:      1.25em;
	padding:        5px 20px;
}

@media (max-width: 767px) {
	.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
	.navbar .nav > li.current-menu-item > a, 
	.navbar .nav > li.current-menu-ancestor > a {
		font-size: 1.1em;
		line-height: 2em;
	}
}

/* Navbar color when in top */
.navbar-inner {
	background: none !important;
	transition: all 0.5s ease;
	border: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/* Navbar color */
.navbar-inner.past {
	background: #00a2e9 !important;
}

/* Navbar color when in bottom */
.navbar-inner.bottom {
	background: #383838 !important;
}

/* Navbar brand color */
.navbar-default .navbar-brand {
  color: white;
}

/* Navbar link on hover and clicked */
ul.nav a:hover { color: #eee !important; }
ul.nav a:focus { color: white !important; }

.brand-logo {
	max-width: 100%;
	max-height: 100%;
	margin-top: -7px;
	content:url(../img/logo.png);
}

.navbar .navbar-collapse {
	text-align: center;
}

.navbar-toggle { border: 0px; }

.navbar-toggle:hover {
  background-color: transparent !important;
  border: 0px;
}

.navbar-toggle:focus {
  background-color: transparent !important;
  border: 0px;
}

.navbar-toggle .icon-bar {
  background-color: white !important;
}

/******************************************/
@media (min-width: 768px) {
	html, body {
		height:100%;
		margin:0;
		padding:0;
	}
	.carousel, .item, .active {
		height:100%;
	}
	.carousel-inner {
		height:100%;
	}

	.carousel .carousel-inner .bg {
		background-repeat:no-repeat;
		background-size:cover;
	}
	.carousel .carousel-inner .bg1 {
		background-image:url("../img/slide1.jpg");
		background-position: center center;
	}
	.carousel .carousel-inner .bg2 {
		background-image:url("../img/slide2.jpg");
		background-position: center center;
	}
}

@media (max-width: 767px) {
	.carousel .carousel-inner .bg1 {
		content:url("../img/slide1.jpg");
		width: 100%;
	}

	.carousel .carousel-inner .bg2 {
		content:url("../img/slide2.jpg");
		width: 100%;
	}
}

.carousel-control.left, .carousel-control.right{ 
	background: none !important; 
	filter: progid:none !important; 
}
/********************************************/

#top {
	padding-top: 0px;
	background-color: #383838; /* 595959 */
}

#tentang {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #f5f5f5; /*#fff*/
}

#fitur {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #fff;
}

#download {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #f5f5f5;
}

#spesifikasi {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #fff;
}

#kontak {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #f5f5f5;
}

.judul {
	text-align: center;
	color: #666;
}

h3 {
	text-align: center;
	color: #666;
}

h4 {
	line-height: 1.5;
	/*color: #333;*/
}

a{text-decoration: none !important;}

.downloadBox {
	padding:15px;
	height: 200px;
	background-color: white;
	color: #00A2E9 !important;
	margin-bottom: 30px;
}

@media (max-width: 991px){
	.downloadBox {
		margin: 15px;
		margin-top: 0px;
	}
}

.downloadBoxHover {
	background-color: #00A2E9;
	color: white !important;
}

#requestDownload {
	height: auto;
	padding-top: 40px;
}

th {
	vertical-align: middle !important;
	text-align: center !important;
}

.tabel-spesifikasi h4 { line-height: 0.2em; }



.footer {
	padding: 50px;
	padding-top: 35px;
	transition: all 0.5s ease;
}

@media (max-width: 768px) {
	.footer {
		padding: 20px !important;
		padding-top: 20px !important;
		padding-bottom: 35px !important;
	}
}

.footer.bottom {
	background-color: #383838;
	color: grey;
}

@media (max-width: 970px) {
	.foot {
		text-align: center;
	}
}