* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Roboto', sans-serif;
}
html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
img {
	border: none;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
}
p {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
label, input, textarea, button {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
	outline: none;
}
input {
	-webkit-appearance: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#header {
	margin: 0px;
	padding:8px 0px 0;
	width: 100%;
	float: left;
	background:url(../images/header-bg.jpg) repeat center top;
}
.container {
	width: 1170px;
	margin: auto;
	position: relative;
}

.logo {
	float: left;
	margin:0px;
}
.logo img {
	max-width: 100%;
	display: block;
	margin: auto;
}

.trip-advisor{ float:left; width:96px; height:96px; margin:0 0 0 4%;}

.trip-advisor img {
	max-width: 100%;
	display: block;
	margin: auto;
}


.call{ color: #554417;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 33px 2%;}

.social{ float:right; color: #554417; font-size: 18px; font-weight: 500; margin: 33px 0;}

.facebook-icon i{ width:30px; height:30px; font-size:16px; text-align:center; line-height:30px; background:#3b5998; border-radius:50%; color:#fff;}
.facebook-icon i:hover{ background:#d2ab67;}

.twitter-icon i{ width:30px; height:30px; font-size:16px; text-align:center; line-height:30px; background:#00aced; border-radius:50%; color:#fff;}
.twitter-icon i:hover{ background:#d2ab67;}

.gp-icon i{ width:30px; height:30px; font-size:16px; text-align:center; line-height:30px; background:#dc4638; border-radius:50%; color:#fff;}
.gp-icon i:hover{ background:#d2ab67;}

.ta-icon i{ width:30px; height:30px; font-size:16px; text-align:center; line-height:30px; background:#599642; border-radius:50%; color:#fff;}
.ta-icon i:hover{ background:#d2ab67;}

.nav-div{ width:100%; height: auto; float:left; background:#554417; border-bottom:#d2ab67 4px solid; margin:8px 0 0 0;}

.book-now-div{ width:100%; height:auto; float:left; background:#554417; border-top:#d2ab67 2px solid;  padding:15px 0; position:relative;}

.book-tag{background: #d2ab67 none repeat scroll 0 0; font-weight:500;
    color:#554417;
    display:inline-block;
    font-size:18px;
    margin-top:-61px;
    padding:10px; left:0;
    position:absolute;}

.hbook-form{ width:100%; height:auto; float:left;}

.hdate{ width:22%; height:40px; background:#fff; color:#000; font-size:14px !important; border:none; position:relative; border-right:#ccc thin solid; float:left;}

.hdate:last-child{ border:none; width:11%; float:right;}

.hdate i{font-size: 21px; z-index:999;
    position: absolute;
    right: 10px;
    top: 10px;}

.hdate input{ box-sizing: border-box;
    height: 40px;
    padding: 0 40px 0 10px;
    position: relative;
    width: 100% !important;}
	
	
.hbook{ width:100%; height:40px; border:none; background:#d2ab67; color:#554417; cursor:pointer; text-align:center; padding:0px !important; text-transform:uppercase; font-weight:500;}	

.hbook:hover{background:#fff;}


#footer{ background:#333333; width:100%; position:relative; display:block; height: auto; float:left; padding-top:30px;}

.fsection{ width:38%; float:left; padding-right:70px; box-sizing:border-box;}

.fsection:last-child{ padding-right:0px; width:22%;}

.fsection h3{ color:#dfdbdb; font-size:18px; float:left; width:100%; margin-top:5px; margin-bottom:15px;}

.fsection h3:after{ width:60px; background:#dfdbdb; height:2px; content:""; display:block;}

.fsection p{ color: #dfdbdb; width:100%;
    display: inline-block;
    font-size: 13px;
    line-height: 18px; margin-bottom:10px;
    text-align: justify;}
	
.fsection p i{ color:#c8a56b; font-size:16px; margin-right:5px;}	
	

.winheight{ width:100%; float:left;  height:auto; position:relative;}


.fsection ul{ width:100%; height:auto; float:left; padding:0 0px; margin:0;}

.fsection ul li{ list-style:none; display:inline-block; width:50%; float:left; padding:0px 0 10px;}

.fsection ul li a{ color:#dfdbdb; text-decoration:none; font-size:13px;}

.fsection ul li a:hover{ color:#c4a168;}

.fsection a{ color:#dfdbdb; text-decoration:none;}

.fsection a:hover{ color:#c4a168; text-decoration:none;}

.fbottom{ width:100%; height:auto; float:left; background:#2b2929; padding:8px 0;}

.copy{ width:100%; height:auto; float:left; text-align:center; color:#c4a168; font-size:13px;}


/*--**************************Inner pages css start here**********************************--*/

.inner-banner{ width:100%; height:auto; float:left; line-height:0;}

.inner-banner img{ max-width:100%;}

.page-name{ width:100%; height:auto; float:left; background:#554417;}

.page-name h1{ font-size:25px; color:#fff; padding:7px 15px; border-left:#fff 3px solid; margin:15px 0;}

#mid-part{ width:100%; height:auto; float:left; background:#f1f3f2;}

#mid-part .container{ background:#fff; padding:20px; box-sizing:border-box;}

.page-left{ float:left; width:70%;}


.room-div{ width:100%; height:auto; float:left; border:#e5e7e6 thin solid;}

.room-div h2{ background:#f1f3f2; width:100%; height:auto; float:left; color:#554417; font-size:18px; padding:12px; box-sizing:border-box; border-bottom:#e5e7e6 thin solid;}

.room-details{ width:100%; height:auto; float:left; padding:20px; box-sizing:border-box;}

.room-image{ float:left; width:162px; height:121px; border:#e5e7e6 thin solid; padding:3px; box-sizing:border-box; background:#fff; margin-right:12px;}

.room-image img{ max-width:100%;}

.room-details h3{ color:#dc4638; font-size:18px;}

.room-details p{ color:#3d3d3c; font-size:14px; margin:5px 0 10px; text-align: justify;}

.view-gallery{ width: auto; height:30px; border:#e5e7e6 thin solid; background:#f1f3f2; color:#554417; font-size:14px; border-radius:3px; line-height:30px; display:inline-block; padding:0 12px;}

.view-gallery:hover{border:#d2ab67 thin solid; background:#d2ab67; color:#fff;}


.book{ width: auto; height:30px; border:#554417 thin solid; background:#554417; color:#fff; font-size:14px; border-radius:3px; line-height:30px; display:inline-block; padding:0 12px;}

.book:hover{border:#dc4638 thin solid; background:#dc4638; color:#fff;}


.extra{ width:100%; height:auto; float:left;}

.extra h4{ float:left; font-size:18px; color:#554417; width:100%; margin-top:30px; margin-bottom:5px;}

.extra p{ float:left; font-size:14px; color:#3d3d3c; width:100%; padding:3px 0;}


.page-right{ width:28%; float:right; background:#f1f3f2; padding:15px; box-sizing:border-box; margin-top: -72px;}

.page-right h3{ width:100%; height:auto; float:left; color:#554417; font-size:18px; text-align:center;}

.line{ width:100%; height:auto; float:left; text-align: center;}

.right-form{ width:100%; height:auto; float:left;}

.right-form p{ width:100%; float:left; position:relative;}


.right-form-input{width:100%; border:none; padding:10px; box-sizing:border-box; margin-top:10px; font-size:14px; color:#554417;
	height:auto;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.21);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.21);
	box-shadow: 0 1px 1px rgba(0,0,0,.21);}


.category-drop2 {
	width:48%; border:none; box-sizing:border-box; margin-top:10px; font-size:14px; color:#554417;
	height:38px; position:relative;
	background-color: #fff; float:left;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.21);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.21);
	box-shadow: 0 1px 1px rgba(0,0,0,.21);
}

.category-drop2:last-child{ float:right;}


.category-drop2 .sbSelector {
	height: 38px;
	line-height: 40px;
	width: 100%;
	color: #a39a81 !important;
	text-indent: 10px;
}
.category-drop2 .sbToggle {
	right: 8px;
	top: 16px;
}
.category-drop2 .sbOptions {
	width: 100%;
}

.category-drop3 {
	width:100%; border:none; box-sizing:border-box; margin-top:10px; font-size:14px; color:#554417;
	height:38px; position:relative;
	background-color: #fff; float:left;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.21);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.21);
	box-shadow: 0 1px 1px rgba(0,0,0,.21);
}

.category-drop3 .sbSelector {
	height: 38px;
	line-height: 40px;
	width: 100%;
	color: #a39a81 !important;
	text-indent: 10px;
}
.category-drop3 .sbToggle {
	right: 8px;
	top: 16px;
}
.category-drop3 .sbOptions {
	width: 100%;
}

.category-drop4 {
	width:100%; border:none; box-sizing:border-box; margin-top:10px; font-size:14px; color:#554417;
	height:38px; position:relative;
	background-color: #fff; float:left;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.21);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.21);
	box-shadow: 0 1px 1px rgba(0,0,0,.21);
}

.category-drop4 .sbSelector {
	height: 38px;
	line-height: 40px;
	width: 100%;
	color: #a39a81 !important;
	text-indent: 10px;
}
.category-drop4 .sbToggle {
	right: 8px;
	top: 16px;
}
.category-drop4 .sbOptions {
	width: 100%;
}

.book-now{background: #554417 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    float: none;
    font-size: 14px;
    margin: 20px auto 10px;
    padding: 10px 15px;
    text-transform: uppercase;}

.book-now:hover{ background:#dc4638;}

.jmap{ width:100%; height:auto; float:left;}

.jmap img{ float:left;}

.jmap p{font-size:14px; color:#3d3d3c; text-align:justify;}

.room-details .pull-right{ margin-left:10px; margin-right:0;}

.room-image {
    background: #fff none repeat scroll 0 0;
    border: thin solid #e5e7e6;
    float: left;
    height: 171px;
    margin-right: 12px;
    padding: 5px;
    width: 226px;
}

.con-address{ float:left; width:46%;}

.con-address h2{ font-size:21px; color:#554417;}

.con-address p{ font-size:14px; color:#3d3d3c; line-height:25px;}

.con-address p a{color:#3d3d3c; text-decoration:none;}

.con-address p a:hover{color:#d2ab67; text-decoration:none;}

.google-map{ width:50%; float:right; border:#e0e3e2 thin solid; padding:5px; background:#fff; box-sizing:border-box; margin-bottom:20px;}

.google-map img{width:100%;}

.cform{ width:100%;}

.cform ul{ width:100%; padding:0; margin:0;}

.cform ul li{ list-style:none; display:inline-block; width:50%; float:left; padding:5px 8px; box-sizing:border-box;}

.right-form-input1 {
    background-color: #fff;
    border:#e4e4e3 thin solid;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.21);
    box-sizing: border-box;
    color: #554417;
    font-size: 14px;
    height: auto;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
}

.gallery {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.gallery ul li {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box; border:#e3e3e3 thin solid;
    display: inline-block;
    list-style: outside none none;
    margin: 10px 5px;
    padding: 5px; line-height:0;
    width: 250px;
}
.gallery ul li h4 {
	font-size: 14px;
	color: #3f3f3f;
	font-weight: 700;
	text-align: center;
	margin: 8px 5px;
}
.gallery ul li img {
	max-width: 100%;
}

.check{ width:100%; float:left;}

.check h3 {
    color: #dc4638; float:left; width:100%; padding:0 5px; box-sizing:border-box;
    font-size: 18px;
}

.check li{ width:33.33%; float:left; list-style:none; display:inline-block; padding:5px; box-sizing:border-box;}

.check li .category-drop3{ border:thin solid #e4e4e3; height:41px;}

.check li .category-drop3 li{ width:100%;}

.fs{ width:50% !important; margin:0 0 10px !important;}

.fac{ width:100%;}

.fac ul{ width:100%; height:auto; float:left;}

.fac ul li{color: #555;
    display: inline-block;
    float: left;
    font-size: 14px;
    list-style: outside none none;
    margin: 0 0 12px;
    width: 50%;}


.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
	border-radius: 4px;
	margin-top:20px;
    margin-bottom: 20px;
    padding: 15px;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
	border-radius: 4px;
	margin-top:20px;
    margin-bottom: 20px;
    padding: 10px;
	clear:both;
	display:block;
}



/*--**************************Responsive css start here**********************************--*/

@media screen and (max-width: 1170px) {
img {
	max-width: 100%;
}
.container {
	width: 90%;
}


.call {
    float: right;
    margin: 12px 0;
}

.social {
    margin: 5px 0;
}

.category-drop2{ width:100%;} 

.gallery ul li {
    margin: 25px 1%;
    width: 30.88%;
}

}


@media screen and (max-width:979px) {
	
	
.logo {
    float: left;
    margin: 11px 0;
    width: 200px;
}

.call {
    float: right; font-size:12px; font-weight:400;
    margin: 12px 0;
}

.social {
    margin: 5px 52px 0 0;
}	
	
.page-left{ width:100%;}	
	
.page-right{ display:none;}	
	
	
	
}


@media screen and (max-width:767px) {
	
.hdate{ width:100%; height:40px; border-bottom:#ccc thin solid; border-right:none;}	
	
.hdate:last-child{ width:100%;}

.call {
    float: right;
    font-size: 14px;
    font-weight: 400;
    margin: 12px 0;
    text-align: center;
}

.trip-advisor{ display:none;}

.winheight{ margin-top:50%;}

.fsection {
    box-sizing: border-box;
    float: left;
    padding-right: 0;
    width: 100%;
}

.fsection:last-child {
    padding-right: 0;
    width: 100%;
}

.con-address{ width:100%;}

.google-map{ width:100%; margin:20px 0;}

.cform ul li{ width:100%;}

.gallery ul li {
    margin: 25px 1%;
    width: 47%;
}

.check li{ width:100%;}

.fs{ width:100% !important;}

.fac ul li{ width:100%;}

	
}


@media screen and (max-width:639px) {
	
.logo {
    float: left;
    margin: 0;
    width: 100%;
}

.social {
    margin: 5px 0 0;
    text-align: center;
    width: 100%;
}

.call{ margin:12px 0 0; width:100%;}

.winheight {
    margin-top: 80%;
}

.room-image{ float:none; margin:0 auto 10px;}

.room-details .pull-right{ float:none !important; margin:0 auto 10px;}


.room-details h3{ text-align:center;}	

.book{ width:68px; margin:auto; display:block;}	

.jmap p{ width:100%; float:left; margin-bottom:20px;}

.jmap img {
    display: block;
    float: none;
    margin: auto;
}

.room-details{ padding:10px;}

.room-div h2{ font-size:15px;}



	
}

@media screen and (max-width:480px) {
	
.gallery ul li {
    margin: 25px 0;
    width: 100%;
}



	
}