@charset "utf-8";
body{
	margin: 0px;
	padding: 0px;
	font-family:"Times New Roman", serif;
	font-size: 18px;
}
.sidebar{
	width: 25%;
	position:fixed;
	z-index: 9;
	padding: 10px;
}
.sidebar ul{
	list-style: none;
}
.sidebar ul li{
	padding-top: 3px;
	padding-bottom: 3px;
}
.sidebar ul li a{
	font-size: 21px;
	font-family: "Times New Roman", serif;
	letter-spacing: 0.5px;
	padding-left: 5px;
	color: #666;
	text-decoration: none;
	display: block;
}
.sidebar ul li a:hover{
	color: #acc72c;
}
.s_logo{
	text-align: center;
	padding-bottom: 20px;
}
.s_logo img{
	border: none;
}
.booking_engine{
	width: 100%;
	height: auto;
	background: #161415;
	position: fixed;
	z-index: 9;
	padding-top: 4px;
	padding-bottom: 4px;
}
.bookonline{
	background: #acc72c;
	padding: 7px;
	padding-left: 32px;
	padding-right: 30px;
	color: #fff;
	font-family:"Times New Roman", serif;
	font-size: 22px;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
.bookonline:hover{
	color: #fff;
	font-family:"Times New Roman", serif;
	font-size: 24px;
	background:#c4dd50;
	text-decoration: none;
	transform: scale(1.1); 
}
.email{
	color: #acc72c;
	font-size: 20px;
}
.email a{
	color: #acc72c;
	font-size: 20px;
	text-decoration: none;
}
.email a:hover{
	color: #000;
}
.phone{
	color: #666;
	font-size: 25px;
}
.phone a{
	color: #666;
	text-decoration: none;
}
.phone a:hover{
	color: #acc72c;
}
.network a{
	padding-left: 2px;
	padding-right: 2px;
}
.network img{
	border: none;
	outline: none;
}
.network img:hover{
	opacity: 0.8;
}
.slideshow-wrapper{
	margin-top: 50px;
	max-width: 100%;
	width: 100%;
	position: relative;
}
.property-bg{
	position: absolute;
	bottom: 0px;
	right: 20px;
}
ul.links{
	float:right;
	list-style: none;
	background-repeat: no-repeat;
}
ul.links li{
	background-color:rgba(0,0,0,0.5);
	padding:7px 15px 7px 40px;
	border:2px solid #fff;
	border-radius:30px;
	line-height:28px;
	margin-bottom:10px;
}
ul.links li a{
	color: #fff;
	font-size: 19px;
	text-decoration: none;
}
ul.links li a:after{
	display:inline;
	font-size:15px;
	margin-left:25px;
	float: right;
	background-repeat: no-repeat;
}
ul.links li a:hover{
	color: #acc72c;
}
.content{
	margin: 0px auto;
	padding: 10px;
}
.content h1{
	text-align: center;
	font-size: 28px;
}
.content ul{
	margin: 0px;
	margin-left: 10px;
	padding: 0px;	
	font-size: 15px;
}
.bg-heading{
	background: #000;
	text-align: center;
}
.bg-heading h2{
	font-size: 26px;
	color:#fff;
	margin: 0px;
	line-height: 45px;
	padidng-top: 5px;
	padding-bottom: 5px;
}
.google-tran{
	position: fixed;
	top: 15px;
	right: 20px;
	z-index: 9999;
}
.nopadding{
	padding: 0px !important;
}
.nopad-left{
	padding-left: 0px !important;
}
.nopad-right{
	padding-right: 0px !important;
}
.roombox{
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	background: #f9f9f9;
	border-radius: 10px;
	font-size: 14px !important;
}
.roombox h2{
	font-size: 23px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
	font-weight: bold;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.roombox h3{
	font-size: 23px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #e2ae15;
	font-weight:bold;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.roombox a{
	text-decoration: none;
}
.roomprice{
	font-size: 23px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #e2ae15;
	font-weight:bold;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.room{
	background: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	-webkit-box-shadow: 0 0 10px #666;
	box-shadow: 0 0 10px #666;
  border: 1px solid #f1f1f1;
}
.room:hover{
	background: #eee;
	cursor: pointer;
}
.room h2{
	text-align: center;
	font-size: 20px;
	color: #000;
}
.roompriced{
	text-decoration: line-through;
	font-size: 18px;
	color: #555;
	padding-right: 10px;
}
.roomprice{
	font-size: 24px;
	font-weight: bold;
	color: #c39122;
	padding-right: 10px;
	padding-bottom: 10px;
}
.room p{
	text-align: left;
}
.room a{
	color: #fff;
	text-decoration: none;
}
.probox{
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
}
.probox img{
	border: none;
	outline: none;
}
.probox img:hover{
	opacity: 0.8;
}
.protext{
	width: 100%;
	height: auto;
	background: url(images/bg_slidetext.png);
	position: absolute;
	bottom: 5%;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}
.protext h2{
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.4px;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: normal;
	text-align: center;
}
.protext h2 a{
	color: #fff;
	text-decoration: none;
	display: block;
}
.protext:hover{
	background: #acc72c;
	opacity: 0.8;
	cursor: pointer;
}
.pack-content{
	padding-top: 20px;
	text-align: center;
}
.pack-content h3{
	font-size: 24px;
	font-weight:bold;
	text-align: center;
}
.pack-content p{
	line-height: 24px;
	text-align: center;
}
.pack-content a{
	background: #333;
	color: #ba9659;
	text-decoration: none;
	padding: 10px;
	padding-left: 24px;
	padding-right: 24px;
}
.pack-content a:hover{
	background: #555;
}
.footer_wrapper{
	background: url(images/footer_art.png) no-repeat;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.footer_wrapper h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: #333;
}
.footer_wrapper ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer_wrapper ul li a{
	font-size: 16px;
	color: #444;
	line-height: 25px;
	text-decoration: none;
	display: block;
}
.footer_wrapper ul li a:hover{
	color: #acc72c;
}
.footer_wrapper p{
	color: #333;
	font-size: 16px;
}
.footer_copyright{
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding-top:7px;
	padding-bottom: 7px;
}
.footer_copyright p{
	color: #fff;
	margin: 0px;
	padding: 0px;
}
.footer_copyright a{
	color: #acc72c;
	text-decoration: none;
}
.footer_copyright a:hover{
	text-decoration: underline;
}
.btnbook {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btnbook:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.btnbook:active {
	position:relative;
	top:1px;
}
.btndetail{
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.btndetail:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
.btndetail:active {
	position:relative;
	top:1px;
}

@media only screen and (max-width: 800px){
	.slideshow-wrapper{
		margin-top: 0px !important;
	}
	.pack-content{
		padding-top: 0px !important;
	}
	.nopad-left{
	padding: inherit !important;
	}
	.nopad-right{
		padding: inherit !important;
	}
	.content{
		padding: 15px;
	}
	.content h1{
		font-size: 19px;
	}
	.bg-heading h2{
		font-size: 18px;
	}
	.content p{
		color: #666;
		font-size: 14px !important;
	}
	.content ul{
		font-size: 14px;
	}
	.pack-content h3{
		font-size: 18px;
	}
	.pack-content h2{
		font-size: 18px;
		font-weight: bold;
	}
	.protext h2{
		font-size: 14px !important;
	}
	.roombox h2, .roombox h3{
		font-size: 18px;
		font-weight: bold;
	}
	.footer_wrapper{
		background: #fff;
		text-align: left !important;
	}
	.footer_wrapper h3{
		font-size: 18px;
		font-weight: bold;
		text-align: center !important;
	}
	.footer_wrapper ul li a{
		border-bottom:1px solid #ddd;
		line-height: 30px;
		font-size: 14px !important;
		text-align: center;
	}
	.slideshow-wrapper{
		margin: 0px !important;
	}
	.sidebar{
		width: auto !important;
		position: static;
	}
	.sidebar ul{
		margin: 0px;
		padding: 0px;
	}
	.sidebar ul li a{
		font-size: 18px;
		border-bottom:1px solid #ddd;
	}
	.q-contact{
		text-align: center;
	}
}
@media only screen and (max-height: 768px){
	.sidebar ul li{
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.sidebar ul li a{
		font-size: 18px;
	}
	.phone{
		visibility: hidden;
		display: none;
	}
	.s_logo{
		padding-top: 25px;
	}
}
@media only screen and (max-width: 678px){
		.google-tran{
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 999;
		text-align: center;
	}
}