body {
	padding:0px;
	margin:0px;
	}

#bg {
    position: fixed;
    width: 100%;
    height: 100%;
    /** Workaround fix for Webkit black-line on retina displays **/
    background-position-y: -1px;
    bottom: -1px;
	z-index:-1;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,b5b5b5+99 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 30%, #b5b5b5 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 30%,#b5b5b5 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 30%,#b5b5b5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */
background-repeat:no-repeat;
	}

	
.sep {
	width:30px;
	border-bottom:1px solid #000;
	height:1px;
	}	
	
.headform {
	background:url(../images/bgline.png) repeat-x center center;
	max-width: 500px;
	height:23px;
	font-size:15px;
	color:#000;
	margin-bottom:20px;
}
.headform0 {
	display:inline-block;
	width:auto;
	background:#fff;
	padding-right:10px;	
}
.iconsmfoot {
	margin-left:5px;
	margin-right:5px;
	}

.f12 { font-size:12px !important;}	
.f6 {
		font-size:6px;
		text-transform:uppercase;
	}	
.men {
	height:auto;
	padding:0px 30px;
	
	display:block;

	
	}	
.men a {
	
	display:inline-block;
	font-size:11px;
	border-bottom:1px solid #fff;
	width:100%;
	padding:13px 0px;
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
.men a:hover {		
	color:#c4aa78;
	
}

.link {
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
.link:hover {
	color:#666 !important;
	}	

#menubawah {
	z-index:9999;
	background:rgba(35,43,48,0.9);
	color:#fff;
	position:fixed;
	width:100%;
	bottom:0px;
	height:26%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}



#menu-logo {
	margin-left:20px;
	margin-top:20px;
	width:40px;
	height:40px;
	background:url(../images/logo-menu.png) no-repeat;
	background-position:contain;
	background-size:100% 100%;
	}
	

#menu-logo2 {
	margin-left:20px;
	margin-top:32px;
	width:60px;
	height:60px;
	background:url(../images/logo-menu.png) no-repeat;
	background-position:contain;
	background-size:100% 100%;
	}
		
#menu {
	z-index:9999;
	
	background:rgba(35,43,48,0.9);
	color:#fff;
	position:fixed;
	width:50%;
	letter-spacing:2.5px;
	right:0px;
	height:100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

.footcontact {
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;
	/*
	border-bottom:2px solid #c4aa78;
	*/
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	}
.footcontact:hover {
	color:#c4aa78;
	}	

.fbold {
	font-family:"FuturaLT-Bold" !important;
	letter-spacing:2px;
	}	

.fbook {
	font-family:"FuturaStd-Book" !important;
	/*letter-spacing:2px;*/
	}	
	
.menu { 
		font-family:"FuturaLT-Bold" !important;
		color: #fff; 
		
		-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;	
		text-decoration:none;
		padding:5px 3px;
		font-size:10px;
		margin-top:53px;
		margin-right:30px;
		letter-spacing:2px;

	}
.menu:hover {
	color: #e64528;
	
	}	
#head {
	background:#fff;
	color:#fff;
	height:150px;
	width:100%;
	padding:0px;
	margin:0px;
	}
#foot {
	margin-top:20px !important;
	background:none;
	color:#103b62;
	height:80px;
	width:100%;
	padding:0px;
	margin:0px;
	}
	
		
#wrapper {
	padding:0px;
	margin:0px;
	}	

.left { float:left; }
.right { float:right; }
.clear { clear:both;}

.tabel tr td {
	border-bottom:1px solid #ccc;
	padding:5px;
	}
	
.price {
	margin-top:10px;
	list-style-type: decimal;
}	
.price li {
	 margin-left: 20px;
}

	
ol,ul {
	list-style:none;
}
.tt-wrapper{
	position:fixed;
	left:0px;
	top:5%;
	z-index:99999;
	padding: 0;
	width: 75px;
	height: 400px;
	margin: 30px auto 30px auto;
}
.tt-wrapper li{
	float: left;
}
.tt-wrapper li a{
	display: block;
	width: 68px;
	height: 70px;
	margin: 0 2px;
	outline: none;
	text-indent: -9000px;
	position: relative;
}
.tt-wrapper li .tt-home{
    
	background: transparent url(../images/home.png) no-repeat top left;
	background-size:90%;
}
.tt-wrapper li .tt-product{
	background: transparent url(../images/product.png) no-repeat top left;
	background-size:90%;

}
.tt-wrapper li .tt-photo{
	background: transparent url(../images/photo-video.png) no-repeat top left;
	background-size:90%;

}
.tt-wrapper li .tt-booking{
	background: transparent url(../images/booking.png) no-repeat top left;
	background-size:90%;
}
.tt-wrapper li .tt-forrst{
    background-position: -340px 0px;
}
.tt-wrapper li a span{
	width: 100px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -64px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	background: rgba(255,255,255,0.9);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 100px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-wrapper li a span:before,
.tt-wrapper li a span:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper li a span:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.tt-wrapper li a:hover span{
	opacity: 0.9;
	bottom: 70px;
}
.mapgoogle {
	
	height:395px; overflow:scroll; color:#000; font-size:13px; width:50%; float:left;
	
	}
	
.contactbawah {
	height:395px; overflow:scroll; color:#000; font-size:13px; width:50%; float:left; 
	}	

@media only screen and (max-width: 800px) {
    .pdetmobile {
		display: block !important;
		}
	.pdetright {
		display: none !important;
		}
	.pdetleft {
		 width:100% !important;
		}
	.pdetright2 {
		display:block !important; 
		}	
	.pdetcon {
		width: 85% !important;
		}	
		
	.tt-wrapper li .tt-home{
    	background-size:50%;
	
	}
	.tt-wrapper li .tt-product{
		
    	background-size:50%;
	}
	.tt-wrapper li .tt-booking{
		
    	background-size:50%;
	}
	.tt-wrapper li .tt-photo{
		background-size:50%;
	}
	
	.aa1 {
		width: 50% !important;
	}
	
	.tt-wrapper li a{
		display: block;
		width: 68px;
		height: 50px;
		margin: 0 2px;
		outline: none;
		text-indent: -9000px;
		position: relative;
	}
	
	#submenu-product {
		left: 50px !important;
	}
	
	.aksenKiri { display:none; }
	.isiKanan {width:100% !important;}
	
	.a50per { width: 50% !important; }
	
	.contactbawah { width:100% !important; }
	.mapgoogle { width:100% !important; }
	
	.contactbox {height: auto !important;}
}

@media only screen and (max-width: 500px) {

	
	.aa1 {
		width: 100% !important;
	}
	
	
    .tt-wrapper li .tt-home{
    	background-size:30%;
	
	}
	.tt-wrapper li .tt-product{
		
    	background-size:30%;
	}
	.tt-wrapper li .tt-booking{
		
    	background-size:30%;
	}
	.tt-wrapper li .tt-photo{
		background-size:30%;
	}
	
	.tt-wrapper li a{
		display: block;
		width: 68px;
		height: 30px;
		margin: 0 2px;
		outline: none;
		text-indent: -9000px;
		position: relative;
	}
	
	#submenu-product {
		left: 50px !important;
	}
	
}

.clearstyle {
	display: inline !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0px !important;
	outline: none !important;
	text-indent: 0px !important;
	position: inherit !important;
	color: #000 !important;
		-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;	
	}
.clearstyle:hover {
	color: #00F !important;
}

.btnBook {
	background:#000;
	text-align:center;
	display:inline-block;
	color:#FFF;
	padding:10px;
	cursor:pointer;
	-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;	
		width:200px;
		margin:20px 0px 50px 0px;
}
.btnBook:hover {
	color:#C00;
}



	.jud {
		font-size:26px;
		color: #D92429;
		margin-top:25px;
		margin-bottom:25px;
		}
		
	.content {
		width:980px;
		display: inline-block;
		}
	
	.content-description p { width: 80%; line-height:20px; }		
	
	.btnSubmit {
		 color: #fff;
		 padding:15px 30px;
		 background:#e64528;
		 border:none;
		 
		-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;	
		font-size:15px;
		}
	.btnSubmit:hover {
		
		 background:#000;
		}
	
	form {
		font-size:13px;
		line-height:18px;
		}
	
	
	.inputform {
		font-family:"FuturaStd-Book" !important;
		text-align:left;
		padding:8px;
		width: 100%;
		max-width:443px;
		margin-bottom:20px;
		font-size:11px;
		}
	
	.half {
		float:left;
		width:43%;
		max-width:220px;
		}
	.mr5p {
		margin-right:2%;
		}	
	.textform {
		text-align:center;
		padding:8px;
		width: 50%;
		height:100px;
		margin-bottom:20px;
		
		font-size:11px;
		
		}
	.subtit {
		border: 1px solid #D92429;
		background:#fff;
		width:100px;
		color: #D92429;
		padding:5px 20px;
		margin-top:25px;
		margin-bottom:25px;
		}	 
		

@media only screen and (max-width: 900px) {
	
		
	#formcontent {
		width:100% !important;
		text-align:center;
		}	
	.menu { 
		margin-right:12px;
		font-size:10px;
	}	
	
	#foot { height:auto; text-align:center !important; }
	
	#homeintro p {
		font-size:7px !important;
		}
	#footkiri, #footkanan {
		
		display:inline-block;
		text-align:center;
		}
		
	#footkiri {
		padding-bottom:20px;
		margin-left:40px;
		width:30%;
		}	
	#footkanan {
		width:50%;
		padding-top:0px !important;
		margin-right:40px;
		}		
}



@media only screen and (max-width: 592px) {
	#formcontent {
		width:100% !important;
		text-align:center;
		}	
	.menu { 
		margin-right:10px;
		font-size:9px;
		float:right;
		position:absolute;
	}	
	
	
	
	
}