@charset "utf-8";
/* CSS Document */
 p{color:#fff;}
 
 .home_bannertextnote {width: 100%;background: #d11241;height: 50px;bottom: 0px;position: fixed;text-align: center;font-size: 16px;z-index: 999;right: 0;left: 0;}
       .closebtn1 {position: absolute;right: 10px;top:5px;cursor: pointer;}
       .home_bannertextnote p {margin: 10px 0 20px;}
       
       

.clearfix {
	clear: both;
}

p {
	padding-bottom:10px;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 140%;
	color:#fff;
	background: #333333;
}
img {
	max-width: 100%;
}
#map img {
	max-width: none;
}
h1 
{
	font-size: 35px;
	color: #fff;
	padding-bottom:20px;
	font-weight: 600;
	line-height:1em;
}
h1 strong
{
    font-weight:700;
    text-transform:uppercase;
}
h2 {
	color: #fff;
	font-size:25px;
	font-weight:300;
	padding-bottom:10px;
	line-height:1.3em;
}
h2 strong
{
    font-weight:700;
}
h3 
{
	font-size: 20px;
	margin-bottom: 10px;
}
h4 
{
	font-size: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.fr{ float:left}
.fl{ float:left;}

/*input[type="submit"], input[type="button"], input[type="reset"], button, input[type="submit"].active:hover, input[type="button"].active:hover, input[type="reset"].active:hover, button.active:hover {
	height: 31px;
	padding:3px 17px 4px 17px;
	background: url(../images/btnBg.png) repeat-x;
	border: 2px solid #e68f39;
	font-size: 15px;
	line-height:1em !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-weight:700;
	transition: background 0.5s ease-out 0s;
	box-shadow: 1px 1px 1px #000000;
	text-transform: uppercase;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, button.active, input[type="submit"].active, input[type="button"].active, input[type="reset"].active, button.active {
	background: url(../images/btnBg_hover.png) repeat-x;
	border: 2px solid #50473f;
	text-shadow: 1px 1px 1px #9b7500;
}*/



.site_map{float:left;}
.site_map > ul  {margin-left:13px;}
.site_map > ul > li {list-style-type:disc !important; float:left; padding:5px !important; width:97% !important;}



.table_1{width:95%; color:#fff; margin-left:2%; margin-top:3%;}

.table_1 th
{
background-color: #8a6b1e;
background: linear-gradient(#e6b41e, #8a6b1e);
     color: #fff;
    font-size:14px;
    padding:8px;
    text-align: left;
}


.table_1 th
{
border: 1px solid black;
}

.table_1  td
{
border: 1px solid black;
color: #000000;
    font-size:13px;
padding:5px;
}




.input-validation-error{    border:1px solid #ED1C24 !important;}
.input-validation-error {	border:1px solid #b50007 !important;		}
.field-validation-error {    color: #B50007;    float: left;    padding: 0;}

.field-validation-error {    color: #B50007;    padding: 0;    float:left;}


input[type=text].valid{background-color:#ffffff !important;}

input[type=text].input-validation-error{background-color:#ffffff !important;}
#contactName.valid{background:#ffffff url(../images/success.png) no-repeat right 2px;}
#contactName.input-validation-error{ background-color:#ffffff !important;background:url(../images/error.png) no-repeat right 2px;}

#contactEmail.valid{background:#ffffff url(../images/success.png) no-repeat right 2px;}
#contactEmail.input-validation-error{ background-color:#ffffff !important;background:url(../images/error.png) no-repeat right 2px;}

input[type=text].valid{background-color:#ffffff !important;}

input[type=text].input-validation-error{background-color:#ffffff !important;}

#Address1.valid{background:#ffffff url(../images/success.png) no-repeat right 2px;}
#Address1.input-validation-error{ background-color:#ffffff !important;background:url(../images/error.png) no-repeat right 2px;}

#City.valid{background:#ffffff url(../images/success.png) no-repeat right 2px;}
#City.input-validation-error{ background-color:#ffffff !important;background:url(../images/error.png) no-repeat right 2px;}


#StateId.valid{background:#ffffff}
#StateId.input-validation-error{ background-color:#ffffff !important;}

#FirstName.valid{background:#ffffff url(../images/success-small.png) no-repeat right;}
#FirstName.input-validation-error{ background-color:#ffffff !important;background:url(../images/error-small.png) no-repeat right;}

#LastName.valid{background:#ffffff url(../images/success-small.png) no-repeat right;}
#LastName.input-validation-error{ background-color:#ffffff !important;background:url(../images/error-small.png) no-repeat right;}
/*
#Comment.valid{background:#ffffff url(../../Content/images/success-small.png) no-repeat right top; overflow-y:hidden;}
#Comment.input-validation-error{ background-color:#ffffff !important;background:url(../../Content/images/error-small.png) no-repeat right top; overflow-y:hidden;}
*/

#imgblogName.valid{background:#ffffff url(../images/success-small.png) no-repeat right;}
#imgblogName.input-validation-error{ background-color:#ffffff !important; clear:both !important; background:url(../images/error-small.png) no-repeat right top;}

#BP_Title.valid{background:#ffffff url(../images/success-small.png) no-repeat right;}
#BP_Title.input-validation-error{ background-color:#ffffff !important;background:url(../images/error-small.png) no-repeat right;}

#drag.valid{background:#ffffff url(../images/success-small.png) no-repeat right top;}
#drag.input-validation-error{ background-color:#ffffff !important;background:url(../images/error-small.png) no-repeat right top;}

#txtname.valid{background:#ffffff url(../images/success-small.png) no-repeat right 4px;}
#txtname.input-validation-error{ background-color:#ffffff !important;background:url(../images/error-small.png) no-repeat right 4px;}

#txtemail.valid{background:#ffffff url(../images/success-small.png) no-repeat right 4px;}
#txtemail.input-validation-error{ background-color:#ffffff !important;background:url(../images/error-small.png) no-repeat right 4px;}



button {
    background: url(../images/btnBg.png) no-repeat right bottom;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    padding:0px 20px 0px 0px;
    border:0px;
    text-transform:uppercase;
    cursor:pointer; 
}
button span {
    background: url(../images/btnBg.png) no-repeat 0 0;
    display: block;
    height: 37px;
    padding-left:20px;
    float:left;
    margin-top:-2px;
}


a.linkButton {
    background: url(../images/btnBg.png) no-repeat right bottom;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    padding:0px 20px 0px 0px;
    border:0px;
    text-transform:uppercase;
    cursor:pointer; 
    margin-top:15px;
}

a.linkButton2 {
    background: url(../images/btnBg.png) no-repeat right bottom;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    padding:0px 20px 0px 0px;
    border:0px;
    text-transform:uppercase;
    cursor:pointer; 
    margin:-10px 0 0 100px;

}

a.linkButton span {
    background: url(../images/btnBg.png) no-repeat 0 0;
    display: block;
    height: 37px;
    padding-left:20px;
    float:left;
    margin-top:0px;
}

a.linkButton2 span {
    background: url(../images/btnBg.png) no-repeat 0 0;
    display: block;
    height: 37px;
    padding-left:20px;
    float:left;
    margin-top:0px;
}



button:hover, a.linkButton:hover {
    background: url(../images/btnBg_hover.png) no-repeat right bottom;
}
button:hover span, a.linkButton:hover span {
    background: url(../images/btnBg_hover.png) no-repeat 0 0;
}


button:hover, a.linkButton2:hover {
    background: url(../images/btnBg_hover.png) no-repeat right bottom;
}
button:hover span, a.linkButton2:hover span {
    background: url(../images/btnBg_hover.png) no-repeat 0 0;
}

input[type="text"]{ background:#fff;
 
padding-left:10px;
margin-top:0px;
height:16px;
font-size:14px;
color:#000;
border:1px solid #75736E;}		

/*input[type="submit"],input[type="button"],button
{ background:#DCAB20;
  color:#000;
	}*/
	



input[type="button"],input[type="submit"]{
	background:url(../images/button_bg.jpg) repeat-x;
	border:#fff solid 1px;
	border-radius: 6px;
	color:#fff;
	height:37px;
	padding:0px 38px;
  cursor :pointer;}	

input[type="button"]:hover,input[type="submit"]:hover{
	background:url(../images/button_bg-o.jpg) repeat-x;
	cursor:pointer;
	}	

.map_text a:hover
{
  font-weight: normal !important;
/* */
  color:#000;
    
    }

.map_text a
{
  font-weight: normal !important; 
 
     color:#FFC613!important;
    
    }

#toTop {
	width: 30px;
	background: #e2dab8;
	text-align: center;
	padding: 5px;
	position: fixed; /* this is the magic */
	bottom: 10px; /* together with this to put the div at the bottom*/
	right: 10px;
	cursor: pointer;
	display: none;
	color: #35291f;
	font-size: 11px;
	font-weight: bold;
	border-radius: 20px;
	z-index: 899;
	font-family: Verdana;
	line-height: 30px;
}
#toTop:hover {
	background: #35291f;
	color: #e2dab8;
}
#mainWrapper {
	width: 100%;
	height: auto;
	text-align: center;
}
.slider {
	height: 702px;
    margin: auto;
    overflow: hidden !important;
	max-width:1900px;
}
#header {
	height:135px;
	width: 100%;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/bg_header.png) repeat-x;
	box-shadow:0px 5px 5px #333;
}
.headerInner
{
	width:980px;
	height:135px;
	margin: 0px auto;
    position:relative;    
}
.logo {
	position: absolute;
	top: 10px;
	left: 0px;
}

.logo img
{
	max-width: none !important;
	}
.weather
{
	position: absolute;
	top:30px;
	right: 0px;
	line-height:32px;
    color:#fff;
    height:32px;
}

.weather img
{
	max-width:none !important;
	width:auto !important;
	height:43px;
	}
.time
{
	position: absolute;
	top:30px;
	right:177px;
	line-height:32px;
    color:#fff;
    height:32px;
}
.weather li, .time li
{
    height:32px;
    line-height:32px;
    float:left;
    padding:0px 2px;
}
nav select {
	display: none;
}
#nav {
	position: absolute;
	top:85px;
	left: 0px;
	height:50px;
	font-size:13px;
	text-transform: uppercase;
	z-index: 899;
	font-weight:600;
	padding:0px 2px 0px 0px;
}
#nav > ul {
    float:left;
}
#nav > ul > li {
	float:left;
	padding: 0px 15px;
	line-height:50px;
	height:50px;
    position:relative;
}
#nav > ul > li:last-child {
	padding: 0px 16px;
}
#nav > ul > li + li 
{
    background:url(../images/bg_nav_li.png) no-repeat left center;
}
#nav > ul > li > a {
	color: #fff;
	float: left;
	font-weight:400;
}
#nav > ul > li.active > a, #nav > ul > li:hover > a  {
	color: #0d0e0e !important;
}
#nav.fixed {
	position: fixed;
	top: 0px;
	left:0px;
	padding:0px;
	width:100%;
	z-index: 899;
	background:url(../images/bg_nav.png) repeat-x;
	box-shadow:0px 5px 5px #333;
}
#nav.fixed > ul {
	padding:0px;
	height:50px;
	margin:0px auto;
	width:1110px;
	float:none;
}
#nav.fixed ul li.button_nav{ display:block; margin: 0px 0 0 10px;}
#nav ul li.button_nav{ display:none;}
#nav ul li.button_nav a { margin-top:5px; }

.bookingArea
{
    position:absolute;
    top:135px;
    left:0px;
    width:100%;    
    z-index:15;
}
.bookingAreaInner
{
    width:980px;
    height:auto;
    margin:0px auto;
}
.bookingSection
{
    float:right;
    width:312px;
    height:300px;    
    text-align:center;
    padding:30px 20px;
     background:url(../images/bg_booking.png) no-repeat center bottom;
}






.bookingSection ul
{
    float:left;    
    width:100%;
    margin-top:40px;
}
.bookingSection ul > li
{
    float:left;    
    width:100px;
    height:165px;
    background:url(../images/bgBookingLi.png) no-repeat center bottom;
    font-size:17px;
}
.bookingSection ul > li + li
{
    margin:0px 0px 0px 6px;    
}
.bookingSection button
{
    margin-left:88px;
}

.footerSocial a{ margin-top:0px;}
.topGallery
{
    width:100%;
    height:180px;
    background:url(../images/_blank.png) repeat;    
    z-index:890;
    position:relative;
    padding:15px 0px 12px 0px;
    border-top:1px solid #cdcccb;
    border-bottom:1px solid #cdcccb;
    box-shadow:0px 1px 1px #000 inset;
    position:absolute;
    left:0px;
    top:494px;
}
.galleryInner
{
    width:980px;
    height:auto;
    margin:0px auto;
}
.topGallery ul
{
       
    text-align:center;
}
.topGallery ul li
{
    display:inline-block;
    width:234px;
    height:155px;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
}
.topGallery ul li + li
{
    padding-left:10px;    
}
.topGallery ul li:hover
{
}
.topGallery ul li .ctaImg
{
    float:left;
    width:210px;
    height:98px;    
    position:relative;
    margin-top:10px;
    background:#fff;
    padding:12px;
}


.topGallery ul li span
{
     position:absolute;
     left:0px;
     bottom:0px;
     text-align:center;
     font-size:17px;
     text-transform:capitalize;
     width:100%;
     background:url(../images/bg_learnMore.png) no-repeat 50px center;
}
.topGallery ul li a
{
    color:#211912;
    font-size:17px;
    font-weight:400;
    text-align:center;
    line-height:27px;
}
.topGallery ul li:hover a
{
    color:#82651e;    
}
.topGallery ul li:hover .cta
{
    height:83px;
    margin: 0;
    width:210px;    
}
.topGallery ul li .cta
{
    transition: width 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s, margin 0.5s ease-in-out 0s;
    background: url(../images/_blank.png) repeat;
    border-radius: 0px;
    display: block;
    height: 0;
    left: 12px;
    margin: 30% 0 0 50%;
    position: absolute;
    top: 12px;
    width: 0;
    z-index: 0;
}
.wrapper {
	width: 980px;
	height: auto;
	text-align: left;
	margin: 0px auto;
}
.wrapper a
{
	color: #fff;
	font-weight:bold;
	}
.wrapper a:hover
{
	color: #C1883E;
	transition:all 0.5s ease-out 0s;
	 }	
.wrapper > .content {
    width:100%;
    float:left;
    height:auto;
    padding:30px 0px 10px 0px;
}

.wrapper > .homecontent {
    width:100%;
    float:left;
    height:auto;
    padding:30px 0px 10px 0px;
}





.colLeft {
	float:left;
	width:585px;
	padding:15px 0px;
}
.colLeft blockquote
{
    font-size:23px;
    line-height:29px;
    color:#2c2207;        
}
.colRight {
	float: right;
	width:350px;
}
.colRight > .rightBox
{
    width:311px;
    height:auto;
    float:left;
    background:#282828;
    color:#fff;     
    padding:60px 18px 20px 18px;
    margin-top:0px;
    position:relative;
    min-height:200px;
}
.colRight > .rightBox + .rightBox
{
    margin-top:35px;
}
.colRight > .rightBox > h2
{
    color:#fff;    
    position:absolute;
    left:0px;
    top:0px;
    width:320px;
    height:48px;
    line-height:48px;
    background:#0d0e0e url(../images/bg_h2.png) no-repeat;
    overflow:hidden;
    padding:0px 0px 0px 27px;
    text-transform:uppercase;
   	font-size:20px;
}
.colRight > .rightBox > ul.news
{
    float:left;
    width:100%;    
}
.colRight > .rightBox > ul.news > li
{
    float:left;
    width:100%;
    font-size:13px;    
    height:73px;
    overflow:hidden;
}
.colRight > .rightBox > ul.news > li + li
{
    padding-top:15px;
}
.colRight > .rightBox > ul.news > li strong
{
    font-size:17px;
    color:#ffc613;
    font-weight:400;
}
.colRight > .rightBox > ul.news > li .news
{
    float:left;
    width:275px;
    height:82px;
    padding-left:10px;
    overflow:hidden;
}
.colRight > .rightBox > ul.news > li .image
{
    float:right;
    width:89px;
    height:88px;
    border:1px solid #bebbbb;
}
#footer {
	float: left;
	width: 100%;
	height:336px;
	background:#1e1f1f;
	padding:35px 0px;
	text-align:center;
	border-top:1px solid #ccc;
}
#footer a
{
    color:#fff;    
}
#footer a:hover, #footer .active a
{
    color:#ffc612;    
}
.footerTop
{
    width:100%;
    height:235px;    
    background:#1e1f1f;
    padding-bottom:3px;
}
.footerInner {
    height: auto;
    margin: 0 auto;
    text-align: left;
    width: 980px;
    position:relative;
}
.footerMenu
{
    float:left;
    width:220px;
    padding-right:20px;
}
.footerMenu ul {
	float: left;
}
.footerMenu ul li {
	float: left;
	text-align: left;
	padding-left: 14px;
	width:95px;
	background:url(../images/bg_li.png) no-repeat 0px 5px;
}
.footerMenu li a {
	font-size: 13px;
	color: #fff;
	line-height: 130%;
}
.footerMenu li a:hover, .footerMenu li.active a {
	color: #ffc612;
}
.footerAddress
{
    float:left;
    width:324px;
    height:150px;      
    font-size:13px;
    color:#fff;
	line-height:16px;
	background:#282828;
	padding:50px 18px 38px 18px;
    position:relative;
}
.footerAddress > h2, .footerSocial > h2
{
    color:#fff;    
    position:absolute;
    left:0px;
    top:0px;
    width:333px;
    height:48px;
    line-height:48px;
    background:#0d0e0e url(../images/bg_h2.png) no-repeat;
    overflow:hidden;
    padding:0px 0px 0px 27px;
    text-transform:uppercase;
   	font-size:20px;
}
.footerSocial
{
    float:right;    
    color:#fff;
    width:324px;
    height:40px;   
	line-height:18px;
	background:#282828;
	padding:60px 18px 20px 18px;
    position:relative;
}
.txtNewsletter
{
    float:left;
    width:142px;
    height:20px;
    padding:7px 10px;    
    margin-right:20px;
    border-radius:8px;
    border:0px;
    box-shadow:inset 0px 2px 3px #000 ;
}

.footerSocialLinks
{
    position:absolute;
    top:160px;
    right:60px;
    width:232px;
}
.footerBottom
{
    width:100%;
    height:65px;    
    background:#0d0e0e;
    line-height:65px;
    padding:35px 0px;
}
.powered
{
    color:#fff;
    font-size:12px;
    position:absolute;
    top:7px;
    left:0px; 
    line-height:25px;
}

.powered a
{
    color:#FFC612 !important;

}

.powered a:hover
{
    color:#fff !important ;

}

.footerLinks
{
    position:absolute;
    top:0px;
    right:0px; 
    width:500px;       
}

.ftroayl
{
position:absolute;
right:0px;
}

.housekp
{
position:absolute;
right:230px;
}
.housekp1
{
position:absolute;

}

.banner {
	width: 100%;
	height: auto;
	position:relative;
}
.banner img {
	width: 100%;
	float: left;
}
.roomDetail {
	width:450px;
	height:470px;
	padding:10px;
	float:left;
	position:relative;
	background:#e1e1e1;
	margin-top:40px;
}
.roomDetail.alt 
{
    float:right;
}
.roomDetail .roomImg {
	width:450px;
	float: left;
	overflow: hidden;
	max-height:235px;
}
.roomDetail .roomImg img {
	width:450px;
	height:auto;
	max-height:235px;
	float: left;
}
.roomDetail .roomImg a + a
{
    display:none;
}
.roomDetail .roomContent {
	width: 450px;
	float: left;
	height:190px;
}
.roomDetail .roomContent h2
{
    color:#000;
    text-transform:uppercase;    
    margin:10px 0px 0px 0px;
}
.roomDetail .roomContent .txtContent 
{
    width: 450px;
	float: left;
	height:125px;
	color:#000;
	font-size:14px;
	line-height:145%;
	
}
.roomPetFriendly
{
    position:absolute;
    bottom:10px;
    right:10px;    
}


.content ul.roomspage li
{
    background:url(../images/room_arrow.png) no-repeat 0px center;
    padding-left:20px !important;
    
}


.roomDetail2 h2
{ color:#000;
	
}

.roomDetail2 a
{ color:#000;
	
}

.roomDetail2 a:hover
{ 	color: #ffc613;
	transition:all 0.5s ease-out 0s;
	
}


.roomDetail2 {
	width:100%;
	height:auto;
	padding:20px 0px;
	float:left;
	
	background:#e1e1e1;
	margin-bottom:40px;
}

.roomDetail2 .roomImg {
	width:425px;
	float: left;
	overflow: hidden;
	max-height:235px;
	margin-left:10px;
}
.roomDetail2 .roomImg img {
	width:410px;
	height:auto;
	max-height:235px;
	float: left;
	margin-left:10px
}
.roomDetail2 .roomImg a + a
{
    display:none;
}
.roomDetail2 .roomContent {
	width: 505px;
	float: right;
	height:auto;
}
.roomDetail2 .roomContent .txtContent 
{
    width: 490px;
	float: left;
	min-height:112px;
	color:#000;
	font-size:13px;
	line-height:170%;
	font-family: 'Open Sans', sans-serif;
}
.roomDetail2.alt .roomImg 
{
   float:right;
   margin-right:20px;
}
.roomDetail2.alt .roomContent
{
   float:left;
   margin-left:20px;
}

.roomDetail2 .roomImg 
{
   float:left;
   margin-right:20px;
}
.roomDetail2 .roomContent
{
   float:right;
   margin-left:20px;
}


.amenities_container
{
    float:left;
    width:100%;
    height:auto;
    z-index:890;
    position:relative;
    padding:30px 0px;
    font-size:15px;
    color:#fff;
}
.amenities_container h2 {
	color:#fff;
	padding-bottom:20px;
	text-transform:uppercase;
	font-size:26px;
}

.amenities_container h3 {
	color:#fff;
	padding-bottom:25px;
	text-transform:uppercase;
	font-size:20px;
	font-weight:700;
	padding-top:25px;
}

.amenities_container ul {
	float: left;
}
.amenities_container ul li {
	float: left;
	width:295px;
	padding:10px 10px;
}
.amenities_container ul li.mid {
    margin:0px 17px;
}
.amenities_container ul li.alt
{
    background:#242424;
}




.wrapper > .content ul {
	float: left;
}
.wrapper > .content ul li {
	float: left;
	width:295px;
	padding:10px 10px;
}
.wrapper > .content ul li.mid {
    margin:0px 17px;
}
.wrapper > .content ul li.alt
{
    background:#242424;
}





.bookTicketArea {
	position: absolute;
	right: 0px;
	top: 24px;
	height:31px;
	display:none;
}
.bookTicketArea ul {
    float:left;
}
.bookTicketArea ul li {
	float: left;
	height: 31px;
	padding-left:20px;
}
.bookTicketArea ul li.checkin {
	padding-left: 10px;
}
.bookTicketArea ul li label {
	color: #fff;
	font-size: 17px;
	float: left;
	width: 100%;
}
.bookTicketArea ul li input[type=text] {
	float: left;
	font-size: 13px;
	width: 96px;
	height: 31px;
	line-height: 31px;
	background: url(../images/CalBg.jpg) repeat-x;
	text-align: center;
	border: none;
	color: #31261d;
}






.bookingSection2
{
    
    width:100%;
    height:67px;     
     background:url(../images/booking_bg.png) repeat-x;
}



.calander_text {
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-size: 17px;
    height: 26px;
    margin-left: 8px;
    margin-top: 16px;
    width: 84px;
}


.calander_text2 {
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-size: 75px;
    font-weight: bold;
    height: 46px;
    margin-left: 8px;
    padding-top: 23px;
    text-align: center;
    width: 84px;
    overflow:hidden;
}



.calander_arrow {
    color: #000000;
    margin: 0 0 0 15px;
    width: 76px;
}



.bookingSection2 ul {
	height: 55px;
	  margin: 0 auto;
    width: 1000px;
	
}
.bookingSection2 ul li {
	float: left;
	height: 55px;
	padding: 18px 0px 0 10px;
	line-height:34px;
	font-size:24px;
	position:relative;
}

 .ie8 .bookingSection2 ul li {
	float: left;
	height: 55px;
	padding: 18px 12px 0px 20px;
	line-height:30px;
	position:relative;
	font-size:14px;
}
.bookingSection2 ul li.rooms 
{
    width:80px;    
}
.bookingSection2 ul li.adult 
{

    display:block; 
    position:relative;
    
}
.bookingSection2 ul li.bookARoom 
{
    font-size:22px;
    color:#141414;
    padding-right:30px;
    font-weight:bold;
    padding-top:15px;
}

.bookingSection2 ul li.bookNowButton button 
{
    padding:0px 0 0 22px;
    background:url(../images/bgbook.html) no-repeat;
     width:174px;   
    
	height:44px;
	font-size: 18px;
	line-height:24px;
	color: #fff;
	margin: -8px 9px;
	transition: background 0.5s ease-out 0s;
	border-top:none;
}


.email_add button 
{
    padding:0px 0 0 22px;
    background:url(../images/bgbookHover.html) no-repeat;
     width:140px;   
    
	height:44px;
	font-size: 16px;
	line-height:24px;
	color: #fff;
	margin:-5px -55px;
	transition: background 0.5s ease-out 0s;
	border-top:none;
}
.email_add button:hover
{
    background:url(../images/bgbook.html) no-repeat;    
}




.bookingSection2 ul li.bookNowButton
{
    padding:16px 0 0 45px;
}
.bookingSection2 ul li.bookNowButton button:hover 
{
    background:url(../images/bgbookHover.html) no-repeat;    
}
.bookingSection2 ul li:first-child
{
	padding-left:0px;
	padding-right:25px;
}
.ie8 .bookingSection2 ul li:first-child
{
	padding-right:20px;
}

.bookingSection2 ul li.button_nav1
{
	padding-top:0px;
	font-weight:normal;
	text-transform: uppercase;
	font-size:18px;
	margin:0 0 0 20px;
}
.ie8 .bookingSection2 ul li.button_nav1
{
	margin:0 0 0 15px;
}
.bookingSection2 ul li a.linkButton
{
	font-weight:400;
	text-transform: uppercase;
	font-size:20px;
}
.bookingSection2 ul li label {
	float: left;
	color: #FFF;
	font-size: 14px;
	line-height:33px;
	padding-bottom:4px;
	padding-right:0px;

}
.bookingSection2 ul li.adult label, .bookingSection2 ul li.children label{
	position:absolute;
	color: #000000;
    position: absolute;
    font-size:12px;
    left:18px; 
    top:20px;

}
.ie .bookingSection2 ul li.adult label, .ie .bookingSection2 ul li.children label{
	position:absolute;
	color: #000000;
    position: absolute;
    font-size:12px;
    left:10px; 
    top:18px;

}








.bookingSection2 ul li.book_now {
	width: 124px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-size: 18px;
}

.bookingSection2 ul li input[type=text] {
	border: none;
	float: left;
	font-size: 13px;
	height:34px;
	margin:0;
	padding:0 20px 0 0;
	text-align: center;
	width:89px;
	background:url(../images/select_input2.png) no-repeat;
	color:#555555;
	font-weight:700;
	line-height:34px;
}
.ie8 .bookingSection2 ul li
{
	padding-left:0px;
	font-size:22px;
}

.jquery-selectbox {
	float: left;
	font-size: 13px;
	height:36px !important;
	text-align: left;
	background:url(../images/select2_bg.png) no-repeat;
	border:none;
	margin: 0px !important;
	color:#555555 !important;
	font-weight:700 !important;
	width:99px !important;
}
.jquery-selectbox .jquery-selectbox-currentItem {
    float: left !important;
    padding: 2px 0 5px 5px !important;
    position: relative;
    text-align: center;
    width: 105px;
}
.jquery-selectbox .jquery-selectbox-list {
   color: #FFFFFF;
    margin: 32px 0 1px 2px !important;
    padding: 0 0 5px !important;
    width: 67px !important;

}
.jquery-selectbox .jquery-selectbox-list .span
{
	display:block;
}


 .map_left_area
{
    width:30%;
    height:auto;
    float:left;
    padding:1.5%;
    background-color:#f1f1f1;
    min-height:524px;
}
.map_left_area imput{ width:200px; height:100px; }
.map_right_area
{
    width:64% !important;
    height:auto;
    float:right;
    padding:0px;
    background-color:#A8A7A7;
}


.point_of_interast {
    float: left;
    height: auto;
    margin-top: 0;
    padding:0px;
    width: 100%;
}
/*.point_of_interast ul li {
    background: url(../images/red-dot.png) no-repeat left top;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 20px 30px;
}

.point_of_interast ul li a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease-out 0s;
}
.point_of_interast ul li a:hover, .point_of_interast ul li.active a {
    color: #CCCCCC;
    text-decoration: none;
    transition: color 0.3s ease-out 0s;
}




.point_of_interast fieldset label {
    color: #000000;
    float: left !important;
    height: auto;
    width: 100%;
}

.point_of_interast fieldset input
{
    background:#ffffff;
    border:solid 1px #cccccc;
    padding:8px 1%;
    width:96%;
}


.point_of_interast fieldset select
{
    background:#ffffff;
    border:solid 1px #cccccc;
    padding:8px 1%;
    width:98%;
}

.point_of_interast input[type="button"]
{
    margin-left:0px !important;
}
*/
.intrast_button
{
    width:110px;
    height:auto;
    padding:0px;
    float:right;
} 
  

.metting ul 
{ float:left;
  }

.metting ul li
{ list-style-type:disc;
  line-height:0px;
  margin-left:15px;
  }

.txtContent span a{ color:#000; font-weight:normal;}
.txtContent span a:hover{ color:#FFC613; font-weight:normal;}
.txtContent span .email a{ color:#e1bb6d; font-weight:bold;}
.txtContent span .email a:hover{ color:#fff; font-weight:bold;}

.txtContent span a{ color:#000; font-weight:normal;}
.txtContent span a:hover{ color:#C1883E; font-weight:normal;}
.footerAddress span .email a{ color:#FFC612 !important; font-weight:bold;}
.footerAddress span .email a:hover{ color:#fff !important; font-weight:bold;}
.map_text
{
	color:#000;
	}
.tripadvisor{ float:left; margin-left:250px;}

.Mountain  ul{ width:100%; float:left;}
.Mountain  ul li{ list-style-type:disc; width:460px !important; float:left; margin-left:15px; color:#000;}


#nav ul li ul {
	display: none;
	position: absolute;
	top: 44px;
	width: 120px;
	z-index: 9999;
	left: 0px;
	color:#fff;
	font-size:13px;
	font-family:	'Open Sans',​sans-serif;
	font-weight:400;
}
#nav ul li:hover ul {
	display: block;
}


#nav ul li ul li {
	float: left;
	width: 120px;
	height: 35px;
	line-height: 35px;
	background: #bd9225;
	padding: 0 0 0 15px;
	font-size:13px;
	text-transform:uppercase;
	text-align:left;
	font-family:	'Open Sans',​sans-serif;
	font-weight:400;

}
#nav ul li ul li a{
	
	color:#fff;
}
#nav ul li ul li:hover {
	background: #bd9225;
	color:#000 !important;
}

#nav ul li ul li a:hover {
	color:#000;
}







#nav.fixed ul li ul {
	display: none;
	position: absolute;
	top: 44px;
	width: 120px;
	z-index: 9999;
	left: 0px;
	color:#fff;
	font-size:13px;
	font-family:	'Open Sans',​sans-serif;
	font-weight:400;
}
#nav.fixed ul li:hover ul {
	display: block;
}


#nav.fixed ul li ul li {
	float: left;
	width: 120px;
	height: 35px;
	line-height: 35px;
	background: #bd9225;
	padding: 0 0 0 15px;
	font-size:13px;
	text-transform:uppercase;
	text-align:left;
	font-family:	'Open Sans',​sans-serif;
	font-weight:400;

}
#nav.fixed ul li ul li a{
	
	color:#fff;
}
#nav.fixed ul li ul li:hover {
	background: #bd9225;
	color:#000 !important;
}

#nav.fixed ul li ul li a:hover {
	color:#000;
}



.dinning_icon ul li
{
float:left;
width:auto !important;
}

.dinning_icon_first
{
    padding-left:0px !important;
}




.package_heading_area
{width:577px;
	}
.package_left_heading
{ 
	float: left;
	width:350px;
	border:0px solid red; 
	padding-top:1px;
}

.package_rate_code_area {
    border:0px solid red; 
    float: right;
    padding-left: 0; 
    width:227px;
  
    text-align:left}
   
.package_details {width:600px; height:auto; float:left; padding:0 0 0px 8px; background:none}
.package_details_text {width:600px; height:auto; float:left; padding:0 0 10px 0px; background:none}
.package_table {width:530px; height:auto; float:left; margin-top:25px; padding:0 0 0px 0px; border:1px solid #dcab20; border-bottom:0px solid #dcab20; }
.package_table_heading {width:530px; height:auto; float:left; padding:0px 0 0px 0px; background:#dcab20; color:#ffffff;}
.package_duration_heading {width:360px; height:auto; float:left; padding:5px 10px 5px 10px; background:#dcab20; border-right:1px solid #ffffff;color:#ffffff; }
.package_cost_heading {width:125px; height:auto; float:left; padding:5px 10px 5px 10px; background:#dcab20;color:#ffffff;}

.package_table_details {width:653px; height:auto; float:left; padding:0px 0 0px 0px; background:none; border:0px solid ##dcab20; border-top:none;}
.package_duration_details {width:360px; min-height:25px;height:auto; float:left; padding:5px 10px 5px 10px; border-right:1px solid #dcab20;border-bottom:1px solid #dcab20;font-size:11px;color:#000000;}
.package_cost_details {width:130px; min-height:25px;height:auto; float:left; padding:5px 10px 5px 10px;border-bottom:1px solid #dcab20;font-size:11px;color:#000000;}
.package_table_bottom_text {width:575px; height:auto; float:left; padding:10px 0 0px 0px; background:none; text-align:center;}
.package_booking_main
{
	width:515px;
	height: auto;
	float: left;
	background: none;
	padding: 15px 0 0 0px;
	text-align: center;
	color:#000000;
}


.pkgDescriptions
{
    color: #000000;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    line-height: 170%;
    min-height: 112px;
    width: 499px;

}

.roomDetail2 .text-white {color: #fff;}
.linkButton.text-white.mb-20 {margin-bottom: 20px;}


.txtContent span .email a{ color:#C1883E; font-weight:bold;}
.txtContent span .email a:hover{ color:#000; font-weight:bold;}

.mbcase{display:none; }

.flex-direction-nav a {z-index:99 !important;}

.mob_btn{ display:none;  }
.bookingSection ul > li.last{ display:none; }

/*popup css*/
#corona-popup{width: 100%;height: 100vh;position: fixed; top: 0;left: 0;z-index:999;}
#corona-popup .popup-container{display: flex;justify-content: center;align-items: center;height: 100vh;width: 100%;}
#corona-popup .popup-text{padding: 50px;background: #fff;position: relative;z-index: 2;width: 30%;box-sizing: border-box;text-align:left}
#corona-popup .popup-text p{line-height: 30px;color:#000; text-align: center;}
#corona-popup .popup-close-overlay{position: absolute;z-index: 1;height: 100vh;width: 100%;background: rgba(0, 0, 0, 0.411);top: 0;left: 0;}
#corona-popup .close-btn-corona svg {height: 16px; width: 16px;}
#corona-popup .close-btn-corona {position: absolute; top: -15px; right: -15px; background: #fff; border: none; height: 30px; width: 30px; border-radius: 50%; box-shadow: 0 0 2px #000; padding-left: 7px; z-index:999;}
#corona-popup h1 {line-height: 45px;}
.hide-corona-popup{transition: all 0.4s;opacity: 0;}


/*home bottom banner*/
.Book-Direct-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	padding: 20px;
	width: 100%;
	background: #d6a621;
}
.Book-Direct-banner .Direct-banner{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
}
.Book-Direct-banner .Direct-banner a{
    width:100%;
    text-align:center;
    font-size:22px;
    display:block;
}
.Book-Direct-banner .Direct-banner a:hover{
    color:#000 !important;
}
.Book-Direct-banner .cl-this {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
    transition:all 0.3s;
    fill:#000;
    cursor:pointer;
}
.Book-Direct-banner .cl-this:hover {
	fill:#fff;
}
.Book-Direct-banner .cl-this svg{
    height:16px;
    width:16px;
}
.Direct-banner a span{font-size:24px;font-weight: bold;}
@media screen and (max-width: 1440px) {
    #corona-popup .popup-text {width: 40%;}
}

@media screen and  (max-width: 1200px){
 #corona-popup .popup-text{padding: 45px;width: 60%;}
}
@media screen and (max-width: 999px){
  #corona-popup .popup-text{padding: 45px;width: 60%;}
}
@media screen and (max-width: 800px){
 #corona-popup .popup-text{padding: 40px;width: 65%;}
}
@media screen and (max-width: 768px){
  #corona-popup .popup-text{padding: 50px;width: 70%;text-align: justify;}
}
@media screen and (max-width: 768px){
  #corona-popup .popup-text{padding: 50px;width: 70%;text-align: justify;}
}
@media screen and (max-width:767px){
  #corona-popup .popup-text{padding: 30px;width: 90%;text-align: justify;}
  #corona-popup .popup-text p{line-height:26px;}
  #corona-popup h1 {line-height: 38px; font-size: 30px;}
  .Book-Direct-banner {
	padding: 20px 0;
}
  .Book-Direct-banner .cl-this {
	right: 10px;
}
}
/*popup css end*/
@media only screen and (max-width:1279px) 
{
    
.wrapper {width:980px;}
 #nav > ul > li{ padding:0px 19px;}
 .bookingSection{ padding-top:10px; padding-bottom:0px; height:267px; margin-right:150px;}
 .bookingSection ul{ margin-top:0px;}
 a.linkButton2{ margin-top:-20px;}
 .topGallery{ top:411px;}
 .slider{ height:625px;}
 #nav.fixed > ul li{ padding:0px 14px; }

 
 

}
@media only screen and (max-width:1000px) 
{
.wrapper {width:770px;}
.headerInner{ width:100%;}
.logo { width:37%; top:10px;}
.logo img{ width:100%;}
#nav{ width:100%; font-size:11px;}
.bookingArea{ top:135px;}
.bookingSection{ margin-right:251px; width:309px; height:144px; padding-top:30px;}
.slider{ height:680px;}
.footerSocial button{margin-top:20px;}


.time{ right:200px; top:45px;}
.weather{ top:45px;}
#nav > ul > li{ padding:0 12px;}
#nav.fixed ul li{ padding:0px 6px;}
.colRight > .rightBox > h2{ width:309px;}
.colLeft { width:50%; }
.colRight > .rightBox{ width:86%;}
.wrapper > .content ul li{ padding:0px;}
.wrapper > .content{ padding:10spx 10px 10px 15px;}
.galleryInner{ width:70%;}
.topGallery{ height:340px; top:313px;}
.topGallery ul li{ padding:10px;}
.footerAddress{ width:30.1%; font-size:11px; padding-right:15px;  margin-right:10px;}

.footerMenu { padding:0px 10px;}
.footerAddress > h2, .footerSocial > h2{ width:89%; font-size:18px;}
.footerSocial{ float:left; width:27%; height:75px;}
.footerSocialLinks{ right:7px; top:175px;}
.footerSocial a{ margin-top:10px;}
.footerLinks{ width:62%;}
.powered{ left:10px;}
.bookingSection h2{ display:none;}
.bookingSection ul > li{ width:57px; font-size:12px;  background:url(../images/bgBookingLi2.png) no-repeat center bottom; height:110px;}
.calander_text{ font-size:10px; margin-top:12px; margin-left:8px; width:35px; height:20px;}
.calander_text2{ font-size:25px; width:35px; padding-top:5px; height:30px;}
.calander_arrow{ width:20px;}
.clearfix [style]{ height:0px;}
.bookingSection ul{ margin-left:65px; margin-top:-25px;}
a.linkButton2{ margin:-15px 0 0 103px;}
#nav.fixed > ul{ width:100%;}
.roomDetail{ width:340px; height:auto;}
.roomDetail .roomContent .txtContent{ width:325px; margin-bottom:40px;}
.roomDetail .roomImg{ width:340px;}
.roomDetail.alt{ margin-right:10px;}
.wrapper > .content ul li{ width:230px;}
.wrapper > .content ul{ margin-left:50px;}
.roomDetail .roomContent{ margin-bottom:40px; width:100%;}
.amenities_container ul{ width:99%; }
.amenities_container ul li.alt{ background:none; width:233px;}
.amenities_container ul li.mid{ margin:0px; width:233px;}
.amenities_container ul li{ width:233px; }
.amenities_container h3{ text-align:center;}
.roomDetail2 .roomImg{ width:340px; margin-right:0px;}
.roomDetail2 .roomContent{ width:320px; margin-right:12px;}
.roomDetail2 .roomContent .txtContent{ width:100%;}
.roomDetail2 h2{ font-size:15px;}
.roomDetail2{ width:99%;}
.wrapper > .content ul{ margin-left:15px;}
.wrapper > .content ul li{ padding:8px; margin-left:0px;}
.colRight > .rightBox > ul.news > li .image{ margin-right:5px;}
.colRight > .rightBox > ul.news > li .news{ width:155px;}
.wrapper > .content{ width:97%; margin:0 1%;}
.roomDetail2.alt .roomContent{ margin-left:8px;}
.roomDetail2 .roomImg img{ width:325px;}
.Mountain ul li{ width:320px !important; text-align:left;}
.map_left_area {  height:532px;}
.map_right_area{ margin-right:7px;}
.roomDetail2 .roomImg{ margin-right:15px;}
.footerInner{ width:100%;}

.pkgDescriptions{ width:350px;}
.package_table_details{ width:500px;}

.pkgDescriptions{ width:300px;}
.package_table{ width:300px; }
.package_duration_heading{ width:150px;}
.package_duration_details{ width:150px;}
.package_cost_details{ width:109px;}
.package_booking_main{ width:300px;}
.package_heading_area{ width:275px;}
.package_left_heading{ width:300px; }
.package_table_heading{ width:300px;}
.package_cost_heading{ width:100px;}
.package_table_details{ width:300px;}
.package_cost_details{ min-height:59px;}

.blog_wrapper{ width:100% !important;}
#blog_wraper_left{ width:90% !important;}
#Main_blog_area{ width:100% !important;}
#Blogtext_area{ width:100% !important;}
#Blogtext_area ul { margin-left:0px;}
#Blogtext_area ul li{ width:100% !important; padding:8px 0px !important; }
#blog_wraper_right{ float:left !important; margin-top:0px !important;}

.tripadvisor{ margin-left:150px;}
.TextBox{ width:70.66% !important;}
.TextBoxDDL{ width:75% !important;}
.PrintDirectionbtn{ margin-top:47px !important; margin-left:-147px !important;}

#side_bar ul > li + li{ width:191px !important; }
.Calander_heading{ width:292px !important; }
.Calander_heading1{ width:292px !important; }
.line_area1{width:384px !important;  }
#blog_wraper_left{ width:56% !important;}
#Blogcoment_area{ width:95% !important; margin-top:50px!important;}
#blog_wraper_right{margin-top:50px!important;} 
.txtNewsletter{margin-bottom:12px; }
.Mountain ul li{ width:303px !important; }


}
@media only screen and (max-width:768px) {
#hiddenPanel.sideoffer {
    top: 94%;
}}

@media only screen and (max-width:767px) 
{
 #header{ background:none;}  
.wrapper {width:470px;}

.bookingSection{ width:100%; margin-left:64px; float:left; background:none;}
.bookingAreaInner{ width:100%; margin:0 auto;}
.footerMenu{ width:93%; margin-left:18px; padding:0px;}
.footerAddress{ width:80%; margin-left:30px; margin-top:20px; font-size:13px;}
.footerSocial{ width:80%; margin-left:27px; margin-top:23px; height:91px; text-align:center;}
#nav.fixed{ background:none !important;}
#nav{ width:100%; top:172px;}
#nav.fixed{ box-shadow:none;}
.colRight > .rightBox{ width:100%; margin-left:37px;}
.colLeft{ width:97%; padding-top:50px;}
.slider{ height:1000px;}
.content h1{ font-size:25px; padding-bottom:10px;}
.footerInner{ width:470px;}
.colRight{ float:left;}
.colRight > .rightBox > h2{ width:359px;}
.colRight > .rightBox > ul.news{ width:94%;}
.topGallery{ height:700px; top:370px;}
.bookingSection ul{ margin:0px; width:70%; float:left; }
.bookingArea{ top:191px; position:inherit;}
.wrapper > .content{ margin-top:0px;}
.footerAddress > h2, .footerSocial > h2{ width:93%;}
.footerBottom{ margin-top:320px; height:95px;}
.footerLinks{ width:100%; text-align:center;}
.powered{ left:105px; top:70px; text-align:right;}
.footerSocial a{ margin-top:0px;}
.footerSocialLinks{ top:490px; right:130px;}
.roomDetail2{ width:80%; text-align:left; margin-left:50px;}
.roomDetail2 h2{ font-size:20px;}
.roomDetail{ margin-left:55px;}
.roomDetail.alt{float:left;}
.amenities_container ul{ text-align:left; width:100%; margin-left:0px;}
.wrapper > .content ul li{ width:188px;}
.Mountain ul li{ width:320px !important; text-align:left;}
.map_left_area{ width:97%;}
.map_right_area{ width:99% !important; margin-top:25px;}
.roomDetail2 .roomImg{ margin-right:20px;}
.time {right: 0;top: 0; display:none;}
.logo{ top:45px; left:77px; width:70%;}
.metting ul li{ text-align:left;}
#header{box-shadow:none !important}
.tripadvisor{ margin-left:75px;}
.widSSP[style]{ width:320px !important;}

.vcard{ width:300px; margin:0 auto;}
.pkgDescriptions{ width:330px !important; text-align:left; padding-left:10px;}
.package_table{ width:300px !important; margin-left:10px;}
.package_duration_heading{ width:150px !important;}
.package_duration_details{ width:150px !important; min-height:58px;}
.package_cost_details{ width:109px !important; min-height:59px !important;}
.package_booking_main{ width:300px !important; text-align:center;}
.package_heading_area{ width:275px !important}
.package_left_heading{ width:300px !important}
.package_table_heading{ width:300px !important}
.package_cost_heading{ width:100px !important;}
.package_table_details{ width:300px !important;}
#nav select { width: 100%; cursor:pointer;  }
#nav{ top:0px; }
.txtNewsletter{ margin: 0px 40px;  }
.roomDetail2 .roomContent .txtContent {text-align: left;width: 325px;}
.roomDetail2.alt .roomContent { margin-left: 0px ;}
.amenities_container ul li.alt {width: 45%;}
.amenities_container ul li {width: 45%;}
.weather { display:none; }
.footerSocial button{ margin-top:0px;}
#Blogtext_area{ font-size:14px !important;}
.add_blog_btn{ margin-left:15px !important; margin-top:0px !important;}
.Search_area_main{ width:275px !important;}
.recentpost_main{ width:84% !important;}
.category_area{ padding-right:10px !important;}
.roomDetail2 .roomContent{ float:left;}
.roomDetail2.alt .roomContent{ padding-left:20px !important;}
.wrapper > .homecontent {margin-top:90px; padding:0px;}
.flex-direction-nav .flex-prev{ display:none !important; }
.flex-direction-nav .flex-next{ display:none !important; }
a.linkButton2 { position:absolute; left:170px; margin-top:13px; display:none; }
.PrintDirectionbtn{ margin-top:0px !important; margin-left:-140px !important;}
#blog_wraper_left{ width:99% !important;}
.flexslider .slides img { height:198px !important;  }
.banner img{ height:198px;  }
.logo img{ height:70px;  }

.bookingSection ul > li.last{ display:block; }

.mob_btn{ display:block; float:left; margin-top:64%; background:url(../images/btn_mobbg.png) repeat-x; border:1px solid #fff; border-radius:5px; font-weight:bold; 
          padding:13px 10px; text-transform:uppercase; color:#fff; cursor:pointer; }
.mob_btn:hover{ background:url(../images/btn_mobbg_o.png) repeat-x;  }
          
.mob_btn a { color:#fff; }          
.mob_btn a:hover { color:#fff;} 
          
.bookingSection ul > li.last { background:none !important; }

#hiddenPanel.sideoffer {top: 75%;}
.ptop{padding-top:37px;}
.Direct-banner a{font-size:18px !important;padding-right: 30px;padding-left: 10px;}
.Direct-banner a span{font-size:20px;}
}




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


.bookingArea {
    top: 125px;
}

.bookingSection ul {
    margin-left: 63px;
    width: 82%;
}

a.linkButton2 { position:inherit; margin-top:-15px;}




.wrapper {width:100%;}
.colLeft{ width:95%; margin:0 auto; float:none; padding:0px;}
.colLeft h1{ font-size:20px;}
.colRight{ width:100%;}
.topGallery{ height:700px; top:305px; border:none; }
.wrapper > .content{ padding-top:25px; width:99%;}
.colRight > .rightBox > ul.news > li .news{ width:160px;}
.footerInner{ width:100%;}
.footerAddress{ width:94.5%; margin-top:25px; margin-left:0px; margin-right:0px; padding-right:0px;}
#footer{ width:100%; height:815px;}
.footerSocial{width:100%; height:110px;  margin-left:0px; padding-left:0px; padding-right:0px;}
.footerSocialLinks{ right:50px; top:575px;}
.powered{ left:0px; top:520px; font-size:11px; width:100%; text-align:center; }
.footerSocial a{ margin-top:0px;}
.footerLinks{ width:90%; top:390px;  line-height:0px;}
.bookingSection{ float:left; width:100%; padding:8px 0px; margin:0px; height:120px;}
#nav.fixed{ background:none !important;}
.bookingAreaInner{ width:100%;}
.colRight > .rightBox > h2{ width:284px;}
.footerMenu{ width:90%; margin-left:12px;}
.galleryInner{ width:80%;}  
#header{ background:none;} 
#nav.fixed{ box-shadow:none;}
#nav{ top:0; z-index:999;}
.colRight > .rightBox > ul.news > li{ width:94%; margin-left:0px;}
.colRight > .rightBox > ul.news > li .news{ margin-left:0px; width:150px;}
.bookingArea{ top:125px;}
.footerBottom{ margin-top:0px;}
.footerAddress > h2, .footerSocial > h2{ width:91%;}
.txtNewsletter{ padding:7px 8px; margin:0 10px; width:126px;}
.colRight > .rightBox > ul.news{ width:100%;}
.wrapper > .content ul{ margin-left:10px;}
.roomDetail2{ width:100%; margin-left:0px;}
.roomDetail2 .roomImg{ width:290px; margin:0px;}
.roomDetail2 .roomImg img{ width:275px;}
.roomDetail2 .roomContent .txtContent{ width:98%; margin-left:10px;}
.roomDetail2 .roomContent{ width:90%; margin-left:10px;}
.wrapper > .content ul li{  line-height:20px; padding-right:0px; }
.content ul.roomspage li{ width:39%!important;  }

.roomDetail{ width:93%; margin-left:0px;}
.roomDetail.alt{ margin-right:0px;}
.roomDetail .roomImg img{ width:93%;}
.roomDetail .roomContent .txtContent{ width:96%;}
.amenities_container ul{ margin-left:0px;}
.amenities_container h3{ font-size:18px;}
.roomDetail .roomContent h2{ font-size:20px;}

.gm-style-iw table tr td img
	{
		display:none!important;
		width:inherit!important;
	}
.gm-style-iw table tr td
	{
		width:inherit!important;
		padding-right:0px!important;
	}

.time { font-size: 11px;right: 0; top: 0;}
.weather{ font-size:11px;}
.Mountain ul li{ width:280px !important; text-align:left;}
.roomDetail .roomContent{ width:294px; height:auto;}


.pkgDescriptions{ width:276px !important; text-align:center;}
.package_table{ width:300px !important; margin-left:4px;}
.package_duration_heading{ width:150px !important;}
.package_duration_details{ width:150px !important; min-height:65px;}
.package_cost_details{ width:109px !important; min-height:65px !important;}
.package_booking_main{ width:300px !important; text-align:center;}
.package_heading_area{ width:275px !important}
.package_left_heading{ width:300px !important}
.package_table_heading{ width:300px !important}
.package_cost_heading{ width:100px !important;}
.package_table_details{ width:300px !important;}
.tripadvisor {margin-left: 0;}
.logo {left: 15px;width: 90%; top:79px;}
.bookingSection ul {margin-left: 30px; width:82%}
.colRight > .rightBox {margin-left: 0px; padding: 60px 0 20px;}
.roomDetail2.alt .roomContent {margin-left: 0px;}
.amenities_container ul li.alt {width: 43%;}
.amenities_container ul li { width: 43%;}
.amenities_container ul li.mid{ width:43%; }
.mrng{ margin-left:-50px;}

.roomDetail2.alt .roomImg{ float:inherit; margin:0px;}
.roomDetail2.alt .roomContent{ padding-left:10px !important;}
#side_bar ul > li.hotelTitle{width: 87.5% !important;}
#side_bar ul > li.parentli{width: 84.5% !important;}
.gm-style-iw img{ display:none;}
#nav{ padding:0px;}

.roomDetail .roomImg{ width:294px;}
.amenities_container{ width:98%; padding:0px; }
.gm-style-iw{ width:300px !important; left:0px !important; right:0px !important;}
.widSSP[style]{ width:303px !important; margin-left:6px !important;}
.wrapper > .homecontent {margin-top:50px; padding:0px;}
.divText{ width:141px !important }
.map_left_area{ width:96%;}
.flex-direction-nav .flex-prev{ display:none !important; }
.flex-direction-nav .flex-next{ display:none !important; }
input[type="button"], input[type="submit"] { margin-right:37px !important; }
.recentpost_area_end{ width:81% !important; }
.recentpost_area1{ width:79% !important; }
.blog_wrapper {width: 83% !important;}
.Calander_icon{ margin-top:55px; }
.PrintDirectionbtn{ margin-top:0px !important; margin-left:-25px !important;}
.map_right_area{ width:98% !important; float:left; }
#divText{ float:left !important; width:127px !important;}
.Mountain ul li{ width:250px !important; text-align:left;}
#atom_rss_area{ float:left !important; }
#side_bar ul > li + li{ width:191px !important; }
.Calander_heading{ width:292px !important; }
.Calander_heading1{ width:292px !important; }
.line_area1{width:384px !important;  }
#blog_wraper_left{ width:99% !important;}
#Blogcoment_area{ width:95% !important; margin-top:50px!important;}
#blog_wraper_right{margin-top:50px!important;} 



.banner img{ height:auto !important;  }
.logo img{ height:auto;}
.flexslider .slides img { height:auto !important;  }



}   


@media only screen and (max-width:320px) {
p{font-size:13px;}
    
}
 
.modal-dialog {
	position: fixed;
	margin: 0;
	background-color: #fff;
	color: #000;
	padding: 0;
	line-height: 23px;
	text-align: center;
	font-size: 16px;
	bottom: 0;
	left: 0;
	z-index: 9999;
	right: 0;
	padding: 31px;
}
.modal-dialog p{color:#000;}
.cross_togg {
	position: absolute;
	right: 2px;
	top: -14px;
	line-height: 28px;
	font-size: 33px;
	background-color: #ae8b3a;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	transform: rotate(-45deg);
	cursor: pointer;
}

@Media only screen and (max-width:1366px) {


}


@Media only screen and (max-width:1024px) {

}

@Media only screen and (max-width:767px) {
  .modal-dialog {
	font-size:14px;
	padding: 17px;
}
}

@Media only screen and (max-width:420px) {
    .Book-Direct-banner .Direct-banner a {
    font-size: 21px;
}
}


/* RTE content enduser */
figure.image img {
    width: inherit !important;
	max-width:100%;
}

figure.image {
    margin: auto !important;
	max-width:100%;
}

    figure.image.image-style-align-right {
        float: right;
        margin: 0 0 10px 10px !important;
    }

    figure.image.image-style-align-left {
        float: left;
        margin: 0 10px 10px 0 !important;
    }

.blogpage .blogp ul li, .packageP ul li {
    list-style: disc !important;
    list-style-position: inside !important;
}

.blogpage .blogp ol li, .packageP ol li {
    list-style: decimal !important;
    list-style-position: inside !important;
}

.blogpage p, .packageP p {
    margin-bottom: 0;
}

.packageP ul, .packageP ol {
    padding-left: 40px;
}

.packageP blockquote, .blogp blockquote {
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}
.packageP p {
    color:#000000;
}