@charset "utf-8";
/* CSS Document */



@import url("base.css");
@import url("responsive.css");
@import url("icons.css");
@import url("datepicker.css");



img { border:none; max-width:100%;} 

a,a:hover { text-decoration:none;}

h1,h2,h3,h4,h5,h6,a,a:hover,span,p,td,div,ul,li{ margin:0px; padding:0px;}

ul,li { list-style:none;}


/*Header Start*/

#header {width:100%;float:left; background: #FFF;}

.top{ border-bottom:#edeeee solid 1px; width:100%; float:left;}

.language{ float:left; text-align:center;}
.language h1{ font: Normal 14px Arial, Helvetica, sans-serif; color:#FFF; background:#42b3e5; padding:8px 10px; float:left;}

.language ul{ float:left;}
.language ul li{ display: inline-block; float:left; }
.language ul li a {background:#313435; display:block; margin-left:4px; padding:10px 8px 11px 8px;}
.language ul li a:hover {background:#42b3e5; display:block;}

.account{ float:right; background:#3e3e3e;font: Normal 14px Arial, Helvetica, sans-serif; color:#FFF; padding:8px 10px;}
.account a{color:#FFF;}

.logo-part{width:100%; float:left; padding:42px 0px;}

.logo{ height:69px;}

.call-booking{ float:right; text-align:right; padding-top:4px;}
.call-booking h2 { font:Normal 14px ; text-transform:uppercase; color:#111010;}
.call-booking h3 { font-size:30px; font-weight:normal; color:#42b3e5; padding-top:8px;}

.menu-part{ width:100%; float:left; background:url(../images/menu-bg.png) repeat; margin-bottom:-42px; z-index:999; position:relative; }
#navigation select {display: none; width: 100%; padding: 7px; height: 35px; background:none; border:none;}
#navigation select option {padding: 5px; border:none;}
.menu{ width:98.5%;float:left; background:#42b3e5; margin:0px 10px 1px 10px; display:block; }

#navigation {float: left;}
#navigation ul, #navigation li  {list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{ float:left; position:relative; }
#navigation ul li a { font:Bold 13px Arial, Helvetica, sans-serif;display: inline-block;color: #FFF;text-transform: uppercase;margin: 0 -2px 0 0;background:url(../images/divater.png) right no-repeat;line-height:41px;
padding:0px 24px;}

#navigation ul li a:hover{background: #1e1e1d;color:#fff;}
#navigation ul ul { position:absolute; top:-500px; left: 0; background: #1e1e1d;width: 200px;}
#navigation ul ul li a:hover {background: #42b3e5;color: #fff !important;}
#navigation ul ul li a {padding: 8px 15px;display: block;width: 170px;font:bold 12px Arial, Helvetica, sans-serif;line-height:20px;background:none;}
#navigation ul ul ul { position:absolute; top:-99999px; left:100%; margin-left: 4px;}
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0;}
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #1e1e1d; border: 0; }
#navigation ul li:hover > a {background: #1e1e1d;  color: #fff;}
#navigation ul ul li:hover > a {border-top: 1px solid transparent; color: #aaa;}


#search-container{ float:right;background:url(../images/divater.png) left no-repeat; height:41px;}
#search-form .search-text-box {width: 45px; background:url(../images/search.png) no-repeat;background-position: 18px 50%;border: none;color: transparent;font-size: 13px;line-height: 18px;padding: 14px 2px 9px 4px;cursor: pointer;}
#search-form .search-text-box:focus {font-size: 13px;background-color: #313435;padding: 14px 15px 9px 35px;width: 120px;border: none;color: #888;cursor: text;margin-left:2px;}

.banner{width:100%; float:left;position:relative; z-index:0;}

.content{width:100%; float:left; margin-top:58px;}
.welcome h1{ font:Bold 30px Arial, Helvetica, sans-serif; color:#424141; text-transform:uppercase;}
.welcome p{ font:Normal 12px Arial, Helvetica, sans-serif; color:#5a5959; line-height:22px; padding:10px 20px 0px 2px;}
.welcome p a{color:#42b3e5; float:left; width:100%; padding-top:8px; font-weight:bold; font-size:14px; text-transform:uppercase;}


.reservation{ background:#42b3e5; margin-top:-200px; padding-bottom:30px; margin-bottom:30px; width:100%; float:left;}
.reservation-full{ background:#42b3e5;padding-bottom:30px; margin-bottom:30px; width:100%; float:left;}
.reservation h1,.reservation-inner h1,.reservation-full h1{font:Bold 20px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding:15px 30px; border-bottom:#208fc0 solid 1px;}
.res-box{border-top:#5ccdff solid 1px;padding:10px 30px;}
.booking-date{ width:96%; float:left; font:Bold 12px Arial, Helvetica, sans-serif; color:#fefefe; text-transform:uppercase; margin-top:16px;}
.booking-date span,.room-number span{ padding-bottom:12px; width:100%; float:left;}
.booking-date-input{ background: url(../images/cal.png) #FFF right no-repeat; border:none; width:88%; padding:10px 20px;} 

.room-number {width:46.8%; float:left;font:Bold 12px Arial, Helvetica, sans-serif; color:#fefefe; text-transform:uppercase; margin-top:16px; margin-right:10px; overflow:hidden;}
.room-number select {width: 118%; background: url(../images/arrow.png) #fff no-repeat; background-position: 75% center;border: none;border-radius: 0;padding: 7px 10px;outline: none;}

.res-buttion{ width:100%; float:left; margin-top:25px;}

.hotel-feature {width:100%; float:left;  margin-top:40px;}
.res-buttion a {
width: 100%;
height: 51px;
display: block;
background: url(../images/res-button.png) left no-repeat;
}
.multi-cusine {width:100%; float:left; margin-bottom:60px;}

.multi-cusine h1{ border:#eaeaea solid 1px; padding:5px;}
.multi-cusine h1 img{ width:100%; max-height:300px;}
.multi-cusine h2,.blog-left h2{ font:Bold 18px Arial, Helvetica, sans-serif; color:#424141; text-transform:uppercase; padding:18px 0px 8px 0px;}
.multi-cusine p,.blog-left p,.blog-comments-inner-text p{ font:Normal 12px Arial, Helvetica, sans-serif; color:#5a5959; line-height:22px; padding:2px 20px 0px 2px;}
.multi-cusine p a,.blog-left p a{ color:#42b3e5; padding-left:4px;}

.multi-cusine h3{ width:100%; float:left; margin-top:20px; text-align:center;}
.room-details a{ width:40%; float:left; background:#42b3e5; font-size:11px; font-weight:bold; color:#ffffff; text-transform:uppercase; padding:8px 16px;border:#42b3e5 solid 1px;margin-right:4px;display:block;}
.check-avl a{ width:40%; float:right; background:#FFF; font-size:11px; font-weight:bold; color:#2b2a2a; text-transform:uppercase; padding:8px 16px; border:#eaeaea solid 1px; margin-left:4px;display:block;}

.room-details a:hover{border:#1e1e1d solid 1px;background:#1e1e1d;}
.check-avl a:hover{ display:block; color:#2b2a2a; background:#f8f8f8;}
.room-details a i,.check-avl a i{ font-size:18px; padding-right:10px;}

.testimonial{ width:100%; float:left;}
.testimonial-inner{width:100%; float:left; background:#151515; padding:20px 0px 30px 0px;}

.testmonial-left-image{width:35%; float:left;}
.testmonial-image{width:100px; float:left;}
.testmonial-left-text{width:65%; float:left;text-align:center; padding-top:12px;}
.testmonial-left-text h1{ font:bold 20px Arial, Helvetica, sans-serif; color:#ffffff;}
.testmonial-left-text p{ font:Normal 12px Arial, Helvetica, sans-serif; color:#ffffff; line-height:22px; padding:10px 50px;}
.test-circle{-moz-border-radius: 50px/50px; -webkit-border-radius: 50px 50px;border-radius: 50px/50px;border:solid 2px #FFF; width:98px;height:98px; margin-left:70px; float:left;}
.testmonial-image-text{float:left; padding-left:30px; padding-top:10px;}
.testmonial-image-text h1{ font:Bold 24px Arial, Helvetica, sans-serif; color:#42b3e5;}
.testmonial-image-text h2{ font:Bold 20px Arial, Helvetica, sans-serif; color:#ffffff;}
.testmonial-image-text p a{ font:Normal 12px Arial, Helvetica, sans-serif; color:#42b3e5;}

.footer{ width:100%; float:left;}
.footer-top{width:100%; float:left; background:#2d2c2c; padding:55px 0px 40px 0px;}

.contact-info,.news,.twitter,.newsletter,.contact-info2{ width:100%; float:left;}
.contact-info h1,.news h1,.twitter h1,.newsletter h1,.contact-info2 h1{font:Bold 20px Arial, Helvetica, sans-serif; color:#ffffff; padding-bottom:12px;}
.contact-info p,.contact-info2 p{ font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF;padding-bottom:12px; line-height:18px;}
.contact-info h2,.contact-info2 h2{font:Bold 14px Arial, Helvetica, sans-serif; color:#42b3e5; padding-bottom:12px; text-transform:uppercase;}

.news-inner{width:100%; float:left; margin-top:8px; margin-bottom:20px;}
.news-inner-image{width:66px; float:left; border:3px solid #FFF;}
.news-inner-text{ width:60%; float:left; padding-left:20px;}
.news-inner-text h3{ font:Bold 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:6px;}
.news-inner-text h4{font:Bold 12px Arial, Helvetica, sans-serif;color:#42b3e5; padding-top:8px;}
.news-inner-text p {font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF; padding-top:4px;}

.twitter{ width:100%; float:left;}.twitter-inner{ width:100%; float:left; margin-bottom:20px;}
.twitter-icon{ width:19px; float:left; margin-top:4px;}
.twitter-text{ width:80%; float:left; padding-left:16px;}
.twitter-text p{font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:22px; padding-right:10px;}
.twitter-text p a{color:#42b3e5;}
.twitter-text p span{ float:left; width:100%; font-weight:bold;}

.newsletter p{ font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF;padding-bottom:12px; line-height:20px;}
.newsletter-input{ width:92%; height:30px; background:url(../images/message-icon.png) #FFF right no-repeat; border:none;background-position: 95% center; padding:0px 10px; color:#424040;}

.social-media{ width:100%; float:left; margin-top:16px;}
.social-media ul li{ display:inline-block; float:left; padding-right:6px; margin-bottom:4px;}
.social-media ul li a:hover{ opacity:0.8; filter:alpha(opacity=80);}

.footer-bottom{width:100%; float:left; background:#151515; padding:18px 0px;}
.copy-right{font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF; text-align:right; padding-top:20px;}

#backtotop {position:fixed;right:0px;display:none;bottom: 15px;margin: 0 20px 0 0;}
#backtotop a {text-decoration:none;border:0 none;display:block;width:45px;height:40px;background:url(../images/back_to_top_btn.png) no-repeat 50% 50%;background-color:#0c0c0c;-webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;-moz-border-radius: 5px;-webkit-border-radius: 10px;}
#backtotop a:hover {background-color:#42b3e5;}


/*About start*/

.about-heder{ background:url(../images/about-header.png) center no-repeat; width:100%; float:left; height:103px; padding-top:100px;}
.about-heder h1{font:Bold 30px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;padding-left:16px;}
.about-heder p{font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:22px; padding-left:16px;}
.reservation-inner{ background:#42b3e5; margin-top:-114px; padding-bottom:30px; margin-bottom:30px; width:100%; float:left;}

.about-welcome h2{width:100%; border:#eaeaea solid 1px; padding:5px 5px 0px 5px; margin-top:20px;}

.about-welcome{ width:100%; float:left; padding-bottom:60px;}
.about-welcome h1,.history-text h1{ font-weight:bold; font-size:20px; color:#424141; text-transform:uppercase;}
.about-welcome p,.history-text p{font:Normal 12px Arial, Helvetica, sans-serif; color:#5a5959; line-height:22px; padding:10px 40px 10px 2px;}
.about-welcome p img{border:#eaeaea solid 1px; padding:5px; width:100%; margin:25px 0px 0px 0px;}
.about-welcome p i{ font-size:18px; color:#5a5959; font-weight:bold; font-style:italic; line-height:28px;}

.history{width:100%; float:left; padding-bottom:80px;}

.history-image{width:30%; float:left;}
.history-image h1 img{width:100%; border:#eaeaea solid 1px; padding:5px;}
.history-text{width:62%; float:left; padding-left:40px;}
.history-text h1{ line-height:12px;}
.history-text p a{color:#42b3e5; width:100%; float:left; padding-top:4px;}

.package{ width:84%; float:left; background:url(../images/package-bg.png) repeat; padding:30px; margin-bottom:30px;}
.package h1{font:Bold 16px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}
.package p{font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:22px; padding:10px 0px 10px 2px;}


/*Dinning Part*/

.dinning{ width:46%; float:left; margin:0px 20px 0px 0px;}
.dinning2{ width:46%; float:right; margin:0px 20px 0px 0px;}


/*Room List*/

.rooms {width:100%; float:left; margin-bottom:80px;}

.rooms-details{width:100%; float:left;margin-bottom:60px; margin-top:24px;}
.rooms-details-image{width:100%; float:left;border:#eaeaea solid 1px; padding:4px;}
.rooms-details-image img{width:100%; min-height:400px;}
.rooms-details-text{width:100%; float:left;padding-left:20px;}
.rooms-details-text h1,.rooms h1{ font-size:18px; color:#424141; text-transform:uppercase; font-weight:bold;}
.rooms-details-text h2{ font-size:36px; color:#42b3e5;font-weight:bold;padding-top:16px; padding-bottom:16px;}
.rooms-details-text p{ font-size:12px; color:#424141; line-height:22px; padding-top:8px; padding-bottom:24px;}
.rooms-details-text p i{width:100%; float:left; font-size:16px; color:#828282; font-weight:bold; font-style:italic; line-height:28px; padding-bottom:10px;}
.rooms-details-text h3{ font-size:16px; color:#424141;font-weight:bold;}
.rooms-details-text h4{ text-align:center;}

.amenities{ width:50%; float:left; padding-top:12px; padding-bottom:40px;}
.amenities ul li{font-size:12px; color:#424141; line-height:24px;}
.amenities ul li i{ color:#42b3e5; padding-right:10px; font-size:14px;}

.bottom-space{ padding-bottom:40px;}


/*Blog Part*/

.blog{width:100%; float:left;margin-bottom:80px;}
.blog-left{width:100%; float:left; padding-bottom:60px;}
.blog-left img{width:97%; float:left;border:#eaeaea solid 1px; padding:4px;}
.blog-left h3{ width:100%; float:left; font-size:12px; color:#42b3e5; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:12px 0px;}

.blog-nav{ width:100%; float:left;}
.blog-nav ul li{ display:inline-block; float:left;}
.blog-nav ul li a{ color:#2b2a2a; background:#FFF; border:#eaeaea solid 1px; padding:12px 15px; border-left:none; font-weight:bold; text-transform:uppercase;}
.blog-nav ul li a:hover{ background:#42b3e5; color:#FFF;}

.sidebar{width:85%; float:left; padding-left:40px;}

.sidebar-search{ width:100%; float:left;}
.sidebar-input{width:82%; border:#eaeaea solid 1px; background: url(../images/sidebar-search.png) #FFF right no-repeat; height:30px; padding-left:10px;}

.sidebar-cat{ width:100%; float:left; padding-top:20px; border-bottom:#eaeaea solid 1px; padding-bottom:20px;}
.sidebar-cat h1,.tags h1,.blog-list h1,.blog-comments h1{font:Bold 18px Arial, Helvetica, sans-serif; color:#424141; text-transform:uppercase; padding:12px 0px;}
.sidebar-cat ul li{background:url(../images/sidebar-arrow.png) left no-repeat; font:Bold 12px Arial, Helvetica, sans-serif; line-height:30px; color:#5a5959; padding-left:18px;}

.tags{width:100%; float:left;padding-top:20px; border-bottom:#eaeaea solid 1px; padding-bottom:20px;}
.tags ul li a{ display:inline-block; float:left; border:#eaeaea solid 1px; background:#FFF; font-size:12px; color:#5a5959; padding:6px 12px; margin-right:10px; margin-bottom:10px;}


.blog-list{ width:100%; float:left; padding-top:20px;}
.blog-list h3,.blog-list p { color:#3c3c3c;}
.blog-comments{ width:100%; float:left;}

.blog-comments-inner{width:100%; float:left; border-top:#eaeaea solid 1px; padding:40px 0px;}
.blog-comments-inner-image{width:72px; float:left; border:#eaeaea solid 1px; padding:4px;}
.blog-comments-inner-text{width:86%; float:left; padding-left:20px;}
.blog-comments-inner-text h1{ font-size:14px; color:#3c3c3c; font-weight:bold; text-transform:none; line-height:0px;}
.blog-comments-inner-text h1 span{color:#42b3e5;}

.blog-comments-inner-comments{width:100%; float:right; border-top:#eaeaea solid 1px; padding:40px 0px 0px 0px; margin-top:40px;}
.blog-comments-inner-comments-text{width:84%; float:left; padding-left:20px;}

.blog-comments-form{ width:100%; float:left;}
.blog-comments-form h2{width:55%; float:left; font-size:12px; color:#5a5959; padding-top:12px;}
.comments-input{width:100%; border:#eaeaea solid 1px; height:30px; padding-left:10px; margin-top:6px;}
.blog-comments-form h3{width:75%; float:left; font-size:12px; color:#5a5959; padding-top:12px;}
.comments-text-area{width:100%; border:#eaeaea solid 1px; height:120px; padding-left:10px; margin-top:6px; padding-top:10px;}
.blog-comments-form h5{width:75%; float:left; font-size:12px; color:#5a5959; padding-top:12px;}

.blog-comments-form h4{ width:220px; float:left; margin-top:20px; text-align:center;}

.contact-info2 h1,.contact-info2 p{ color:#3c3c3c;}

/*Reservation Part*/

.reservation-full h1{ color:#FFF;padding:15px 30px;}

.res-full{ border-top:#5ccdff solid 1px;padding:10px 30px;}
.res-booking-details{ width:45%; float:left;}
.res-booking-contact{ width:45%; float:left; padding-left:20px;}

.reservation-booking-date{ width:96%; float:left; font:Bold 12px Arial, Helvetica, sans-serif; color:#fefefe; text-transform:uppercase; margin-top:16px; margin-right:20px;}
.reservation-booking-date span,.reservation-room-number span{ padding-bottom:12px; width:100%; float:left;}
.reservation-booking-date-input{ background: url(../images/cal.png) #FFF right no-repeat; border:none; width:88%; padding:10px 20px;} 
.reservation-booking-input{ background:#FFF right no-repeat; border:none; width:88%; padding:10px 20px;} 
.reservation-booking-text-area{ background:#FFF right no-repeat; border:none; width:88%; height:86px; padding:10px 20px;} 

.reservation-room-number {width:46.8%; float:left;font:Bold 12px Arial, Helvetica, sans-serif; color:#fefefe; text-transform:uppercase; margin-top:16px; margin-right:10px; overflow:hidden;}
.reservation-room-number select {width: 118%; background: url(../images/arrow.png) #fff no-repeat; background-position: 75% center;border: none;border-radius: 0;padding: 7px 10px;outline: none;}

.res-conatct-info{ background:#0a3142; width:80%; float:left; padding:30px 50px;}


/*Gallery Part*/

.portfolio{ width:100%; float:left; margin-bottom:60px;}
ul.portfolio-grid {margin-right: -20px;padding: 0;}
ul.portfolio-grid > li {margin: 0 20px 20px 0;text-align: center;}
ul.portfolio-grid > li a {opacity:1; filter:alpha(opacity=100);}
ul.portfolio-grid > li a:hover { opacity:0.5; filter:alpha(opacity=50);}


/*Gallery Filter*/

#filter {margin-bottom: 20px;	}
#filter ul {margin: 0;padding: 0;}
#filter > span, #filter ul, #filter li {display: inline-block;}
#filter li, #filter > span {vertical-align: middle;	margin-bottom: 10px;}
#filter > span {margin-right: 20px;}
#filter li {margin-right: 0px; }
#filter a {display: block;line-height: normal;color: #333;padding: 6px 10px;text-transform:uppercase;font-size:12px;}
#filter a i{ padding-right:5px;}
#filter a:hover, #filter a.selected {color: #42b3e5;}

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope,.isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property:    -moz-transform, opacity;-ms-transition-property:     -ms-transform, opacity;
 -o-transition-property:      -o-transform, opacity;transition-property:         transform, opacity;}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;
-o-transition-duration: 0s;transition-duration: 0s;}


/*Testtimonial Carousel*/

.showbiz { position:relative; }

.sb-navigation-left-2,
.sb-navigation-right-2 {cursor:pointer;margin-top: 42px;}

.sb-navigation-left-2	{float:left;}
.sb-navigation-right-2	{float:right;}

.sb-navigation-left-2 i,
.sb-navigation-right-2 i {
	line-height:24px;
	font-size:24px;
	color:#42b3e5;
}

.sb-navigation-left-2:hover,
.sb-navigation-right-2:hover {

}

.sb-navigation-left-2.notclickable,
.sb-navigation-right-2.notclickable {
	cursor:default;

}

.sb-navigation-left-2.notclickable i,
.sb-navigation-right-2.notclickable i {
	color: #c4c4c4;
}


.showbiz ul,
.showbiz li {
	list-style: none;
	margin:0;
	padding:0;
}

.showbiz ul li {
	position: relative;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

}

.showbiz.our-clients ul li {
	margin: 15px 40px 0 0;
}

.showbiz .overflowholder {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index:2;
}

.showbiz .overflowholder ul {
	width:100000px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.showbiz .overflowholder ul li {
	float: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position:relative;
}


.sb-navigation-left-2.alt,
.sb-navigation-right-2.alt {
	top:46%;
	margin: 0;
	position: absolute;
	height: 20px;
	width: 20px;
	z-index: 99;
}

.sb-navigation-left-2.alt { left: 20px; }
.sb-navigation-right-2.alt { right:0;}



/*Contact Form Alart*/


.success{ width:100%; float:left;font:Normal 12px Arial, Helvetica, sans-serif; color:#559805;}

.form-submit{ width:130px; float:left; background:#42b3e5; font-size:11px; font-weight:bold; color:#ffffff; text-transform:uppercase; padding:8px 16px;border:#42b3e5 solid 1px;margin-right:4px;display:block; cursor:pointer;}

.field {
    margin: 18px 0;
    position: relative;
    width: 490px;
    clear:both;
}

label {
    display: block;
    width: 118px;
    padding:0 18px 0 0;
    float: left;
    color: #666;
    text-align: right;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
}

.error, .tooltip {
    height: 16px;
    width: 186px;
    background-color: #FFCFCF;
    border: 1px solid #E5A3A3;
    font: 11px/16px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #801B1B;
    padding: 8px 2px 8px 8px;
    margin-left: -2px;
    border-radius: 0 9px 9px 0;
    -moz-border-radius: 0 9px 9px 0;
    -webkit-border-radius: 0 9px 9px 0;
    -moz-box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;
    z-index: 999;
}

.error{
    z-index:9999;
}

.error span, .tooltip span{
    width:186px;
    display:block;
}

.tooltip {
    background: #F2F2F2;
    border-color: #DBDBDB;
    color: #666;
}

.overlay {
    display: none;
    z-index: 10000;
    background-color: #fff;
    width: 912px;
    padding: 24px;
    min-height: 200px;
    border: 1px solid #666;
    background: -webkit-gradient(linear, left top, left 30, from(#f1f1f1), color-stop(4%, #ffffff), to(#f4f4f4));
    background: -moz-linear-gradient(top, #f4f4f4, #ffffff 1px, #f4f4f4 95%);
    border: 1px solid #dadada;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 1px 4px #ddd;
    -moz-box-shadow: 0px 1px 4px #ddd;
}


.overlay .close:before {
    content: 'X';
}

.overlay .close {
    background: #eee;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border: 1px solid #AAAAAA;
    cursor: pointer;
    height: 23px;
    padding-top: 5px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -15px;
    width: 29px;
}

#exposeMask{
    position:fixed !important;
}


 @media only screen and (min-width: 768px) and (max-width: 1024px) {
	 
 #search-container{ display:none;}.room-number{ width:100%;}.test-circle{ margin-left:20px; width:98px; height:98px;}.testmonial-left-image{width:45%;}#navigation select {display:block; color:#FFF; border:none; }#navigation ul li { display:none;} .testmonial-left-text{width:55%;}.news-inner-text{ width:100%; float:left; padding-top:8px; padding-left:0px;}.room-details a,.check-avl a{ width:87%; float:left; margin:10px 0px 10px 0px;}
 .history-text{width:100%; float:left; padding-left:0px; padding-top:20px;}.history-image{width:90%; float:left;}.blog-comments-inner-comments-text,.blog-comments-inner-text{width:100%; float:left; padding-left:0px; padding-top:5px;}.rooms-details-image{width:99%;}.rooms-details-text{width:100%; padding-left:0px; padding-top:20px;}.package{ width:83%;padding:30px 20px 30px 20px;}
 
}

 @media only screen and (min-width: 480px) and (max-width: 767px) {
	 
 .top,#search-container{ display:none;}.logo img{display:block; margin:0 auto; text-align:center;}.call-booking{ border-top: #edeeee solid 1px; text-align:center; width:100%; margin-top:20px; padding:20px 0px; }
 #navigation select {display:block; color:#FFF; border:none; }#navigation ul li { display:none;}.welcome{ padding-bottom:40px;}.testmonial-left-image,.testmonial-image-text{ display:block; width:100%; float:left; text-align:center; padding-left:0px;}.testmonial-left-text,.testmonial-left-text p{ display:block; width:90%; float:left; text-align:center; padding:0px 5%;}.test-circle{ text-align:center;}
.multi-cusine{margin-bottom:20px;}.copy-right{ text-align:left;}.history-text{width:100%; float:left; padding-left:0px; padding-top:20px;}.history-image{width:90%; float:left;}
.room-details a,.check-avl a{ width:87%; float:left; margin:10px 0px 10px 0px;}.sidebar{width:85%; float:left; padding-top:40px; padding-left:0px;} .reservation-room-number ,.res-booking-details,.res-booking-contact{width:100%; float:left;}.res-booking-contact{ padding-left:0px;}.blog-comments-inner-comments-text,.blog-comments-inner-text{width:100%; float:left; padding-left:0px; padding-top:5px;}.rooms-details-image{width:99%;}.rooms-details-text{width:100%; padding-left:0px; padding-top:20px;}.amenities{width:100%;}.reservation-inner{ margin-top:0px;}
}
 
  @media only screen and (max-width: 479px) {
	 
.top,#search-container,#navigation ul li{ display:none;}.logo img {display:block;margin:0 auto;}.call-booking{ border-top: #edeeee solid 1px; text-align:center; width:100%; margin-top:20px; padding:20px 0px; }
.menu ul li { display:none;}#navigation select {display: block;color:#FFF; border:none;}.menu{ width:100%; margin:0px;}.room-number { width:100%;}.testmonial-left-image,.testmonial-image-text{ display:block; width:100%; float:left; text-align:center; padding-left:0px;}.testmonial-left-text,.testmonial-left-text p{ display:block; width:90%; float:left; text-align:center; padding:0px 5%;}.test-circle{ text-align:center;}
.welcome{ padding-bottom:40px;}
.multi-cusine {margin-bottom:20px;}.copy-right{ text-align:left;}.history-image{min-width:94%; margin-bottom:30px;}.history-text{width:100%; float:left; padding-left:0px; margin-bottom:50px;}.room-details a,.check-avl a{ width:87%; float:left; margin:10px 0px 10px 0px;}.sidebar{width:85%; float:left; padding-top:40px;padding-left:0px;}.blog-nav ul li a{padding:8px 10px;}.reservation-room-number ,.res-booking-details,.res-booking-contact{width:100%; float:left;}.res-booking-contact{ padding-left:0px;}.res-conatct-info{ width:100%; padding:30px 0px; text-align:center;}.blog-comments-inner-comments-text,.blog-comments-inner-text{width:100%; float:left; padding-left:0px;padding-top:5px;}.rooms-details-image{width:99%;}.rooms-details-text{width:100%; padding-left:0px; padding-top:20px;} .amenities{width:100%;}

}