/** {
	margin:0; 
	padding:0;
}*/
body { 
	/*overflow: hidden;*/
	/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;*/
	height:100%; /* needed for container min-height */

	/*background: -webkit-gradient(linear, top bottom, from(#8db354), to(#4f642b));
	background: -webkit-linear-gradient(top, #8db354, #4f642b);
	background: -moz-linear-gradient(top, #ffffff, #4f642b);
	background: -o-linear-gradient(top, #8db354, #4f642b);
	background: -ms-linear-gradient(top, #8db354, #4f642b);
	background: linear-gradient(top, #8db354, #4f642b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8db354', endColorstr='#4f642b');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8db354', endColorstr='#4f642b')";
	
	background-color: #4f642b;*/
	background-color:#000;

}


@media (min-height: 479px) {
	body { padding-top:50px }
	.navbar-static-top { position:fixed; top:0; right:0; left:0; }
}

@media (min-width:992px) {
	/*body { padding-top:90px }*/
}

/* NAVBAR ################################################################################## */
/* Responsive Height NavBar */
#main-nav.navbar { 
	height:40px !important;  
	border:none; border-radius:0; 
	margin-bottom:0; 
	/*background-color:#ffffff !important;*/
	/*background-color:#000 !important;*/

	background: -webkit-gradient(linear, top bottom, from(#392f2d), to(#847675));
	background: -webkit-linear-gradient(top, #392f2d, #847675);
	background: -moz-linear-gradient(top, #392f2d, #847675);
	background: -o-linear-gradient(top, #392f2d, #847675);
	background: -ms-linear-gradient(top, #392f2d, #847675);
	background: linear-gradient(top, #392f2d, #847675);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff392f2d', endColorstr='#ff847675');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff392f2d', endColorstr='#ff847675')";
	
	
	z-index:9999;
	font-size:1em !important; 
}
	#main-nav.navbar .container { /*background-color:#000;*/ 
		background: -webkit-gradient(linear, top bottom, from(#392f2d), to(#847675));
		background: -webkit-linear-gradient(top, #392f2d, #847675);
		background: -moz-linear-gradient(top, #392f2d, #847675);
		background: -o-linear-gradient(top, #392f2d, #847675);
		background: -ms-linear-gradient(top, #392f2d, #847675);
		background: linear-gradient(top, #392f2d, #847675);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff392f2d', endColorstr='#ff847675');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff392f2d', endColorstr='#ff847675')";
	}
	/* NAVBAR HEADER ============================ */
	/* BRAND */
	#main-nav.navbar .navbar-header .navbar-brand img { height:40px; margin-top:-3px; }
	#main-nav.navbar .navbar-header .navbar-brand .brand-text, 
		#main-nav.navbar .navbar-header .navbar-brand .brand-img{ float:left; }
	#main-nav.navbar .navbar-header .navbar-brand .brand-img { margin-top:-5px }
	#main-nav.navbar .navbar-header .navbar-brand .brand-text { margin-top:18px; margin-left:5px; }
	
	#main-nav.navbar .brand-text-1 { font-size:28px; font-weight:bold; color:#262c38; }
	#main-nav.navbar .brand-text-2 { font-size:17px; color:#7d8697; }
	#main-nav.navbar .brand-text-3 { font-size:17px; color:#ff5722; }

	/* TOGGLE */
/*
	#main-nav.navbar .navbar-toggle { border-color: #222222; }
	
	#main-nav.navbar .navbar-toggle:hover,
		#main-nav.navbar .navbar-toggle:focus { background-color: #3C3C3C; }

	#main-nav.navbar .navbar-toggle .icon-bar,
		#main-nav.navbar .navbar-toggle:hover .icon-bar,
		#main-nav.navbar .navbar-toggle:focus .icon-bar {
		background-color: #ffffff;
	}
*/
	#main-nav.navbar .navbar-toggle { margin-top:8px !important; border-color:#b7adac !important; }
	#main-nav.navbar .navbar-toggle .icon-bar { background-color:#b7adac !important; }
	
	#main-nav.navbar .navbar-toggle:hover, 
		#main-nav.navbar .navbar-toggle:focus { background-color:#b7adac !important; border-color:#b7adac !important; }
	#main-nav.navbar .navbar-toggle:hover .icon-bar, 
		#main-nav.navbar .navbar-toggle:focus .icon-bar { background-color:#000 !important; }

	/* NAVBAR COLLAPSE ============================ */
	#main-nav.navbar .navbar-collapse { 
		/*margin-top:30px;*/ 
		/*background:#ffffff !important;*/ 
		/*background:#000!important;*/
		background-color:transparent !important;
	}
	#main-nav.navbar .navbar-collapse .navbar-nav li { margin:0 !important; padding:0 !important; }
	#main-nav.navbar .navbar-collapse .navbar-nav li a { color:#ffffff/* !important*/; }

	#main-nav.navbar .navbar-collapse .navbar-nav .dropdown-menu > li > a { font-size:16px/* !important*/; color:#7d8697; }
	/* dont use important for init val, cant be overriden on @media ... */

	#main-nav.navbar .navbar-nav>li>a:hover,
		#main-nav.navbar .navbar-nav>li>a:focus,
		#main-nav.navbar .navbar-nav>li>ul>li>a:hover, 
		#main-nav.navbar .navbar-nav>li>ul>li>a:focus, 
		#main-nav.navbar .navbar-nav>.active>a,
		#main-nav.navbar .navbar-nav>.active>a:hover,
		#main-nav.navbar .navbar-nav>.active>a:focus,

		#main-nav.navbar .navbar-nav>.open>a,
		#main-nav.navbar .navbar-nav>.open>a:hover,
		#main-nav.navbar .navbar-nav>.open>a:focus {   
			color:#ffc; background:inherit;
	}

	/* tambahan */
	#main-nav.navbar .navbar-nav>.active>a,
		#main-nav.navbar .navbar-nav>.active>a:focus,
		#main-nav.navbar .navbar-nav>.active>a:hover{ color:#000 !important; background-color:#b7adac; /*font-weight:bold;*/ }
	
	/* ============================================== tambahan */

/*
	#main-nav.navbar .navbar-nav>li>a,
	#main-nav.navbar .navbar-nav>li>ul>li>a, 
	#main-nav.navbar .navbar-brand {
		color: #fff; 
		margin:0 15px; padding-left:0; padding-right:0;
	}
*/


	@media(max-width:1279px) {
		/*#main-nav.navbar .navbar-brand img { height:80px !important; margin-top:-10px !important; }
		#main-nav.navbar .navbar-header .navbar-brand img { height:90px !important; margin-top:-3px !important; }*/
		#main-nav.navbar .brand-text { margin-top:8px !important; }
		#main-nav.navbar .brand-text-1 { font-size:24px; }
		#main-nav.navbar .brand-text-2 { font-size:16px; }
		#main-nav.navbar .brand-text-3 { font-size:16px; }

		/*#main-nav.navbar .navbar-collapse { margin-top:20px; }*/
		#main-nav.navbar .navbar-collapse .navbar-nav li a { 
			padding-left:8px !important; padding-right:8px !important; 
		}
		#main-nav.navbar .navbar-nav .dropdown-menu > li > a { font-size:16px !important; }
	}
	@media(max-width:1023px) {
		/*#main-nav.navbar { height:85px !important; font-size:14px !important; }
		#main-nav.navbar .navbar-brand img { height:70px !important; margin-top:-8px !important; }*/
		#main-nav.navbar .brand-text { margin-top:10px !important; }
		#main-nav.navbar .brand-text-1 { font-size:22px; }
		#main-nav.navbar .brand-text-2 { font-size:12px; }
		#main-nav.navbar .brand-text-3 { font-size:12px; line-height:20px !important; }
		/*.brand-text { display:none; }*/
		/*.navbar-collapse .navbar-nav li a { padding:10px 0; }*/
		
		/*#top-bar .row .top-bar-left span { display:none; }*/
	
		/*#main-nav.navbar .navbar-collapse { margin-top:18px; }*/
		#main-nav.navbar .navbar-nav .dropdown-menu > li > a { font-size:14px !important; }
	}
	@media(max-width:991px) {
		#main-nav.navbar .brand-text { display:none; }
	}
	
	@media(max-width:767px) {
	  	/*#main-nav.navbar { height:75px !important; }
		#main-nav.navbar .navbar-brand img { height:55px !important; margin-top:-8px !important; }*/
	
		#main-nav.navbar .brand-text { display:inline-block; }
		#main-nav.navbar .brand-text { margin-top:0 !important; }
		#main-nav.navbar .brand-text-1 { font-size:24px; }
		#main-nav.navbar .brand-text-2 { font-size:16px; }
		#main-nav.navbar .brand-text-3 { font-size:16px; }
	
	  	#main-nav.navbar .navbar-toggle { margin-top:20px;  }
	
		#main-nav.navbar .navbar-collapse { width:100%; margin:0 !important;  }
	
	}
	
	
	@media(max-width:479px) {
	  	/*#main-nav.navbar { height:60px !important; }

		#main-nav.navbar .navbar-header { height:60px; }*/ /* ensure navbar-collapse appear exactly beneath navbar */

		#main-nav.navbar .navbar-brand img { height:50px !important; margin-top:-8px !important; }
	
		#main-nav.navbar .brand-text { margin-top:5px !important; }
		#main-nav.navbar .brand-text-3 { display:none; }
		
	  /*#top-bar .row .top-bar-left { display:none; }*/
	  	#top-bar .row .top-bar-right div { text-align:center !important; }
	}

	@media(max-width:325px) {
		#main-nav.navbar .brand-text-1 { font-size:22px; }
		#main-nav.navbar .brand-text-2 { font-size:14px; }
		#main-nav.navbar .brand-text-3 { font-size:14px; }
	}

/* ====================== */

	

	.responsive-slider .slider-control { display:none; }

	.vcenter {
		display: inline-block;
		vertical-align: middle;
		float: none;
	}

/* MAINSLIDE ################################################################################## */

	#mainslide { 
		position:relative;
		
		background-position:center center;
		background-repeat:no-repeat;
		/*background-attachment:fixed;*/ background-size:cover; 
		cursor:pointer
	}
	#mainslide .slide-body { width:100%; /*height:600px;*/ }
	
	@media (max-width: 767px) {
		#mainslide { width:100%; margin:0 !important }
	}



	/* GENERAL SETTING FOR SECTION */
	/*section { padding:20px 0; }*/
	.section-title { margin:20px 0 40px; }
	.section-title h1 { font-family:'Montserrat'; font-weight:bold; }	

/* PRAKATA ################################################################################## */

	#prakata { background:url(../img/bgprakata.jpg) center center repeat-y; /*background-color:#fff;*/ color:#fff; font-size:16px; }

/* INFO ################################################################################## */
/*
	#info {
		background-color:#f3f3f3; padding:20px 0;
	}
	
	#info .info-detail { font-size:1.3em !important; }
	#info .info-detail p { background:transparent !important; }

	#info .info-lain .ringkasan { font-size:1.3em !important; }
	
	#info .col-md-4 { margin-bottom:30px; }
	#info .info-content {
		padding:20px; background-color:#FFF; text-align:center;	
	}
	#info .tanggal { margin:10px 0; }
	#info .tanggal span {  font-size:0.8em; background-color:#cc123f; color:#FFF; padding:2px 5px; }
	#info .judul { font-size:1.4em; font-weight:bold; margin:20px 0; }
	#info .ringkasan { font-size:1.4em; text-align:justify; }

*/
	#info { background-color:#dbd4d3; }
	#info .container { padding-top:20px; }
	#info .container .kolom { margin-bottom:30px; }
	#info .info-content {
		padding:20px; background-color:#FFF; text-align:center;	
	}
	
	#info .info-content .tanggal { margin:10px 0; }
	#info .info-content .tanggal span { 
		font-size:0.8em; background-color:#cc123f; color:#FFF; padding:2px 5px;
	}
	#info .info-content .judul { font-size:1em; font-weight:bold; margin:20px 0; }
	#info .info-content .ringkasan { text-align:justify; }
	#info .info-content .btn-default { margin:10px; }

	#info .info-detail { font-size:1.3em !important; padding-bottom:40px; }
	#info .info-detail p { background:transparent !important; }
	
	
	#info img { width:100% !important; }
	/*@media(min-width:992px) {
		#info .info-lain { padding-right:30px !important; padding-left:0 !important; }
	}*/

/* WAHANA ################################################################################## */

	#wahana { background:url(../img/bgwahana.jpg) center center no-repeat; background-attachment:fixed; background-color:#3b3330; padding:40px 0; }
	#wahana .item { position:relative; padding:10px; }
	#wahana .item img { display:block; width:100%; height: auto; border-radius:16px; }
	
	#wahana .caption {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  height: calc(100% - 20px);
	  width: calc(100% - 20px);
	  background-color:rgba(0,0,0,0.5);
	  /*opacity: 0.5;*/
	  cursor:pointer;
	  display:none;

	  margin:10px; 
	  border-radius:16px;
	}
	#wahana .caption-container { display:table; height:100%; width:100%; }
	#wahana .caption-text { display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:1.4em }


/* HOTEL ################################################################################## */
	
	#hotel.beranda { 
		background: #c6bcbb !important; 
		padding:40px 0;
	}
	
	#hotel .box { position:relative; }
	#hotel .box:after {
		content:'';
		width: 0; 
		height: 0; 
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;   
		border-bottom: 30px solid #000;
		position:absolute;
		left:50%;
		bottom:0;
		transform:translatex(-50%); /** making it horizontally center **/
		z-index:999;
	}
	#hotel .deskripsi {
		padding:20px; background-color:#cc123f; background:#000; text-align:center
	}
	
	#hotel-slider .item {
		padding:10px;	
	}
	#hotel .tinylink {
		font-size:10pt; line-height:30px; color:#cc123f
	}
	

	@media (max-width: 991px) {
		#hotel .box { margin-top:30px; }
	}
	

/* KULINER ################################################################################## */
	#kuliner { 
		background:url(../img/bgkuliner.jpg) center center no-repeat; 
		background-color:#000; background-attachment:fixed; padding:40px 0; 
	}
	#kuliner .carousel-caption { color:#FFF !important; }
	@media (max-width: 991px) {
		#kuliner_caption { margin-top:30px; }

		#prakata .quote-text h2 { font-size:28px !important; }
		#prakata .quote-text p { font-size:18px !important; }
	}


#kontak { 	/*background: -moz-linear-gradient(top, #ac9d9c, #ac9d9c) !important;*/ background: #ac9d9c !important; }

	#kontak .deskripsi { font-size:1.2em !important; color:#000 !important }
	@media (max-width: 441px) {
		h1 { font-size:28px !important; }
		#prakata .quote-text  { margin-top:30px; }
		#prakata .quote-text h2 { font-size:24px !important; }
		#prakata .quote-text p { font-size:16px !important; }

		#kontak .deskripsi { font-size:0.8em !important; }
	}

	footer {
		background-color:#000; color:#FFF;
		text-align:center;
		padding:40px 0;	
	}
	footer a { color:#FC0; }
	footer a:hover { color:#F00; }

	#return-to-top {
		position: fixed;
		bottom: 20px;
		right: 20px;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.7);
		width: 50px;
		height: 50px;
		display: block;
		text-decoration: none;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		display: none;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index:999
	}
	#return-to-top i {
		color: #fff;
		margin: 0;
		position: relative;
		left: 16px;
		top: 13px;
		font-size: 19px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#return-to-top:hover {
		background: rgba(0, 0, 0, 0.9);
	}
	#return-to-top:hover i {
		color: #fff;
		top: 5px;
	}