@charset "utf-8";

/* CSS Document */
@import url("base.css");

@import url("responsive.css");

@import url("icons.css");

@import url("datepicker.css");
@font-face {
	font-family: 'Bookman Old Style';
	font-style: normal;
	font-weight: bold;
	src: local('BOOKOS'), local('BOOKOS'), url(fonts/BOOKOS.TTF) format('truetype');}
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;}
#wrapper{ width:100%; margin:0px auto;}
/*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 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;}
.account{ float:right; background:#3e3e3e;font: Normal 14px Bookman Old Style; color:#FFF; padding:8px 10px;}
.account a{color:#FFF;}
.logo-part{width:100%; float:left; padding:22px 0px;}
.logo a{ height:69px; background:url(../images/ecovillage.png) left no-repeat; display:block;}
.call-booking{float:right; text-align:right; padding-top:4px;}
.call-booking h2 {font-family:Bookman Old Style; font:Normal 14px ; text-transform:uppercase; color:#111010;}
.menu-part{ width:100%; float:left; 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;}
#navigation {float: left;}
#navigation ul, #navigation li  {list-style:none; padding:0; margin:0px 12px 0px; 0px; 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 10px;}



#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 {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 Bookman Old Style; color:#424141; text-transform:uppercase;}

.welcome p{ font:Normal 14px Bookman Old Style; color:#5a5959; line-height:22px; padding:10px 20px 0px 2px;}











.reservation h1,.reservation-inner h1,.reservation-full h1{font:Bold 20px Bookman Old Style; 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 14px Bookman Old Style; color:#fefefe; text-transform:uppercase; margin-top:16px;}

.booking-date span,.room-number span{ padding-bottom:14px; 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 14px Bookman Old Style; 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;}



.res-buttion a{ width:100%; height:51px; display:block; background:url(../images/res-button.png) left no-repeat;}



.go_bu {



	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#135370), to(#0a3142));



	background: -webkit-linear-gradient(top, #135370, #0a3142);



	background: -moz-linear-gradient(top, #135370, #0a3142);



	background: -ms-linear-gradient(top, #135370, #0a3142);



	background: -o-linear-gradient(top, #135370, #0a3142);



	font-family: Bookman Old Style;



	font-size: 15px;



	font-weight: bold;



	text-align: center;



	color: #ffffff;



	display: block;



	height:50px;

	width: 251px;



	text-decoration: none;



	-webkit-border-radius: 4px 4px 4px 4px;



	-moz-border-radius: 4px 4px 4px 4px;



	border-radius: 4px 4px 4px 4px;



	border: 1px solid #b5a15b;



}



.hotel-feature {width:100%; float:left;  margin-top:40px;}



.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 Bookman Old Style; color:#424141; text-transform:uppercase; padding:18px 0px 8px 0px;}

.multi-cusine p,.blog-left p,.blog-comments-inner-text p{ font:Normal 14px Bookman Old Style; color:#5a5959; line-height:22px; padding:2px 20px 0px 2px;}





.multi-cusine h3{ width:100%; float:left; margin-top:20px; text-align:center;}



.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 Bookman Old Style; color:#ffffff;}

.testmonial-left-text p{ font:Normal 14px Bookman Old Style; 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 h2{ font:Bold 20px Bookman Old Style; color:#ffffff;}





.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 Bookman Old Style; color:#ffffff; padding-bottom:12px;}

.contact-info p,.contact-info2 p{ font:Normal 14px Bookman Old Style; color:#FFF;padding-bottom:12px; line-height:18px;}





.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 14px Bookman Old Style; color:#FFF; line-height:6px;}



.news-inner-text p {font:Normal 14px Bookman Old Style; 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 14px Bookman Old Style; color:#FFF; line-height:22px; padding-right:10px;}



.twitter-text p span{ float:left; width:100%; font-weight:bold;}



.newsletter p{ font:Normal 14px Bookman Old Style; 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 14px Bookman Old Style; 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;}



.footer-logo a{height:45px; width:auto; display:block; background:url(../images/footer-logo.png) left no-repeat;}



/*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 Bookman Old Style; color:#FFF; text-transform:uppercase;padding-left:16px;}

.about-heder p{font:Normal 14px Bookman Old Style; color:#FFF; line-height:22px; padding-left:16px;}





.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 14px Bookman Old Style; 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:14px;}





.package{ width:84%; float:left; background:url(../images/package-bg.png) repeat; padding:30px; margin-bottom:30px;}

.package h1{font:Bold 16px Bookman Old Style; color:#FFF; text-transform:uppercase;}

.package p{font:Normal 14px Bookman Old Style; color:#FFF; line-height:22px; padding:10px 0px 10px 2px;}

.package h2 a{ display:block; height:35px; background:url(../images/packages.png) no-repeat;}





/*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 p{ font-family:Bookman Old Style; font-size:14px; 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:80%; float:left; padding-top:12px; padding-bottom:40px;}

.amenities ul li{font-family:Bookman Old Style; font-size:14px; color:#424141; line-height:24px;}





.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-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;}





.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 Bookman Old Style; color:#424141; text-transform:uppercase; padding:12px 0px;}

.sidebar-cat ul li{background:url(../images/sidebar-arrow.png) left no-repeat; font:Bold 14px Bookman Old Style; 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-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:14px; 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:14px; 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:14px; 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 14px Bookman Old Style; 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 14px Bookman Old Style; 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;}





.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: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 14px Bookman Old Style; color:#559805;}







.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;}

.logo a{ height:69px; background:url(../images/ecovillage.png)  center no-repeat; display:block;}

}

 

  @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%;}.logo a{ height:69px; background:url(../images/ecovillage.png)  center no-repeat; display:block;}



}

 

/*added by me..*/

.flaura-heder{ background:url(../images/flaura.png) center no-repeat; width:100%; float:left; height:203px; padding-top:100px;}

.flaura-heder h1{font:Bold 30px Bookman Old Style; color:#FFF; text-transform:uppercase;padding-left:16px;}

.flaura-heder p{font:Normal 14px Bookman Old Style; color:#FFF; line-height:22px; padding-left:16px;}



.map-heder{ background:url(../images/map_hdr.png) center no-repeat; width:100%; float:left; height:203px; padding-top:100px;}

.map-heder h1{font:Bold 30px Bookman Old Style; color:#FFF; text-transform:uppercase;padding-left:16px;}

.map-heder p{font:Normal 14px Bookman Old Style; color:#FFF; line-height:22px; padding-left:16px;}
table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #4169E1; 
		color: white; 
		border: 1px solid #300; 
		font-weight: bold; 
		text-align: left; 
		padding: 6px; 
		font-size:16px; font-weight:bold;
	}
	td { 
		padding: 6px; 
		border: 1px solid #300; 
		text-align: left; 
		color:#300;
		font-size:16px; font-weight:bold;
	}