@charset "utf-8";
/* CSS Document */
body{ background-color:#FFFFFF; background-repeat:repeat-x; margin:0; padding:0}
.spacer{ width:100%; height:1px; line-height:1px; clear:both}
h1{ font-family:'droid_serifregular'; font-size:34px; color:#731803; font-weight:normal}
h2{ font-family:'abbeylineregular'; font-size:30px; color:#8b2b2f; text-align:center; padding-top:30px}
h3{ font-family:'droid_serifregular'; font-size:17px; color:#fff; font-weight:normal}





#top{ width:100%; max-width:1440px; height:42px; margin:0 auto; background-color:#691b1b}
.wrapper{ width:100%; max-width:1200px; height:auto; margin:0 auto}
#loc{ width:100%; max-width:316px; height:auto; float:left; background-image:url(../images/loc_icon.png); background-repeat:no-repeat; margin-top:14px}
#loc p{ font-family:'droid_serifregular'; font-size:15px; color:#fff; padding-left:35px}
#socialicon{ float:right; margin-top:8px}

#top_bg{ width:100%; max-width:1440px; height:167px; margin:0 auto; background-image:url(../images/top_bg.png); background-size:cover; z-index:9999; position:absolute}
.logo{ float:left; margin-top:14px}
#top_rt{ width:100%; max-width:760px; height:auto; float:right}
#phn{ width:100%; max-width:330px; height:auto; float:right; background-image:url(../images/phn.png); background-repeat:no-repeat; margin-top:35px}
#phn p{font-family:'droid_serifregular'; font-size:35px; color:#691b1b; font-weight:bold; padding-left:50px}
#menu{ width:100%; max-width:650px; height:auto; float:right }
#menu ul{ text-decoration:none}
#menu ul li{ font-family:'droid_serifitalic'; font-size:20px; color:#000; float:left; padding: 30px 0 0 15px}
#menu ul li a{ color:#000}


#banner{ width:100%; max-width:1440px; height:auto; margin:0 auto; overflow:hidden}


#welcome{ width:100%; max-width:670px; height:auto; float:left; margin-top:45px}
#welcome p{ font-family:'droid_serifitalic'; font-size:16px; color:#212121; line-height:26px; text-align:justify; padding-top:20px}
#welcome_icon{ margin-top:20px}
#welcome_img{ float:right; margin-top:35px; margin-right:35px}
#welcome_line{ width:100%; max-width:670px; height:9px; background-color:#8b2b2f; margin-top:35px}

#attractions_bg{ width:100%; max-width:1440px; height:240px; margin:0 auto; background-image:url(../images/attractions_bg.jpg); background-size:cover; margin-top:50px}
#attractions_icon{ margin:0 auto; text-align:center; margin-top:20px}
.att{ float:left;     margin: 30px 0 0 55px;}

.amenities_img{ float:left; margin: 50px 0 0 55px;}
.amenities_line{ width:100%; max-width:1px; height:154px; background-color:#d3d3d3; float:left; margin: 30px 0 0 50px}

#footer_bg{ width:100%; max-width:1440px; height:395px; margin:0 auto; background-color:#2d2d2d; margin-top:40px}
#weather{ float:left; margin-top:25px}
#policy{ width:100%; max-width:190px; height:auto; float:left; margin-left:120px; margin-top:60px}
#policy p{ font-family:'robotoregular'; font-size:14px; color:#fff; line-height:26px; padding-top:10px}
.line{ margin-top:5px}
#card{ margin-top:10px}
#socialicon1{ width:100%; max-width:135px; height:auto; float:left; margin-left:80px; margin-top:60px}
#socialicon1_img{ margin:0 auto; text-align:center; margin-top:15px}
#contactinfo{ width:100%; max-width:215px; height:auto; float:left; margin-left:120px; margin-top:60px}
#contactinfo p{ font-family:'robotoregular'; font-size:14px; color:#fff; line-height:26px; padding-top:10px}

#footer_line{ width:100%; max-width:1200px; height:1px; background-color:#505050; margin-top:30px}
#footer{ width:100%; max-width:1200px; height:auto; margin-top:30px}
#footer p{ font-family:'droid_serifitalic'; font-size:16px; color:#fff; line-height:26px; text-align:center}

.amenitiesImg{ margin:0 auto; text-align:center; margin-top:30px}
.attractions_img{ width:100%; max-width:374px; height:auto; float:left; margin: 25px 0 0 20px}
.attractions_img p{ font-family:'robotoregular'; font-size:20px; color:#000; text-align:center; padding-top:20px }






  /**************************reservation***********************/
input#pickuptime {
    height: 35px;
    border-radius: 5px;
    border: 1px solid #9e9e9e;
}

select#howmanypeople {
    height: 35px;
    border-radius: 5px;
}
input#pickup_address, input#dropoff_address, input#pickup, input#pickuphour {
    border: 1px solid #9a9898;
    height: 35px;
    border-radius: 5px;
}
tr {
    height: 35px;
}
td, th{width:33%;}
#content{background:#090806;border-radius:10px;}
label#title22 {
    width: 200px;
}
input#captcha {
    margin: 10px 0px;
}
input#checkdate, input#checkout, select.boox, input.boox, input#name, input#add1, input#add2, select#country, input#city, select#state, input#email, input#phone{
    width: 100% !important;
    height: 35px;
    border-radius: 5px;
    border:1px solid #9a9898;
    margin: 10px 0px;

}
input#cardname, input#lname, select#cardtype{
	 width: 100% !important;
    height: 35px;
    border-radius: 5px;
    border:1px solid #9a9898;
    margin: 10px 0px;
}
select#month, select#year{
	width:20% !important;
    height: 35px;
    border-radius: 5px;
    border:1px solid #9a9898;
    margin: 10px 0px;
	
	}

input[type="text"]{
	
    height: 35px;
    border-radius: 5px;
    border:1px solid #9a9898;
    
	}
.roomdetail {
    padding: 20px;
    border: 1px solid #640621;
	margin-top:25px;
}	
form#reservation {
    width: 75%;
    margin: 0 auto;
}
	
td{font-size:15px;	font-family: 'Droid Serif', serif;font-weight:bold;color:#5a5a5a;position:relative;}
lebal{color:#916e2d;}
input#submit {
    background: #fe6700;
    border: none;
    border-radius: 5px;
    color: #fff;
	padding: 10px 35px !important;
    margin-bottom: 20px;
}



/***************************contactus*****************************/
.contact_lft{width: 100%;		max-width:555px; height:auto; float:left; margin-left:28px}
.form{ width:100%; max-width:280px; height:auto; float:left; margin:10px 0 0 20px; border:1px #dcdcdc solid; padding-left:15px; ; padding-top:15px;  background-color:#FFF; margin-bottom:40px; padding-bottom:20px}
.contactus_rt{ width:96%; max-width:1340px; margin-left:28px}
.map{ width:99%; max-width:1440px;   height: auto}
.contact_mid{ width:100%; max-width:500px; height:auto; float:right; margin-top:20px}
#map{ width:100%; max-width:1440px; height:auto; margin:0 auto; margin-top:60px}









@media (max-width: 1000px) {.logo{ display:none; margin-bottom:100px}
						   .wrapper{ width:95%}
						   #top{ height:auto; overflow:hidden}
						   #loc{ float:none; margin:0 auto; margin-top:20px}
						   #loc p{ padding-left:30px}
						   #socialicon{ float:none; margin:0 auto; text-align:center; margin-top:10px; margin-bottom:20px}
						   #top_bg{ height:auto; overflow:hidden; position:relative}
						   #phn{ float:none; margin:0 auto; margin-bottom:20px}
						   #welcome{ float:none; margin-top:25px}
						   #welcome_line{ display:none}
						   #welcome_img{ float:none}
						   #attractions_bg{ height:auto; overflow:hidden}
						   .att{ float:none; margin:0 auto; text-align:center; margin-top:20px; margin-bottom:20px}
						   .amenities_img{ float:none; margin:0 auto; text-align:center; margin-top:25px; margin-bottom:20px}
						   .amenities_line{ display:none}
						   #footer_bg{ height:auto; overflow:hidden}
						   #weather{ float:none}
						   #policy{ float:none; margin-left:0px; margin-top:30px}
						   #socialicon1{ float:none; margin-left:0px !important; margin-top:30px}
						   #socialicon1_img{ text-align:left}
						   #contactinfo{ float:none; margin-left:0px; margin-top:30px}
						   #footer p{ padding-bottom:20px; font-size:15px}
						   #menu{ background-color:#691b1b}
						   #menu ul li{ padding:10px}
						   #menu ul li a{ color:#fff !important}
						   .attractions_img{ float:none; margin:0 auto; text-align:center; margin-top:25px}

							

							.contactus_rt{ margin-left:5px}
							.contact_lft{ margin-left:0px}
							.contact_mid{ float:left}
							
							
							
							
	}
	
	
@media only screen and (max-width: 479px) {
	input[type="text"]{width:100% !Important;}
	select#month, select#year{width:40% !important;}
	div#welcomepart p {
    padding: 0px !important;   
	font-size:14px;
	line-height:22px;
}
	
	.welcome{padding-bottom:30px;}
	.bodytext{display:none;}
	.icon {
    width: 96% ;}
	

.headerwarp h2{font-size:30px;padding:40px 0px;}	
	.logo img{width:100%;}

	
}
						

							
							
 	}
	

	
	@media (min-width: 1000px) {
	#cal_txt1{display:none !important;}
	#cal3{ display:none}
	#phn2{ display:none}



	
	}
	
	
	
	
	
@media (min-width: 950px) {#logo1{ display: none; margin-top:0px !important; margin-bottom:30px}
							 #logo{ width:auto}
							 	#phn2{ display:none}

							 
							 
							 .google-maps {
        position: relative;
        padding-bottom: 76%; // This is the aspect ratio
        height: 0;
        overflow: hidden;    }

	
	}
	
	
	.toggle, [id^=drop] {
 display: none;
}
nav {
  margin: 0;
  padding: 0;

    font-family: "Lucida Sans Unicode", "Lucida Grande" !important;
}
nav:after {
  content: "";
  display: table;
  clear: both;
}
nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;

}
nav a {
  display: block;
  padding: 10px 10px;
  font-size: 20px;
  text-decoration: none;
}
nav a:active{ color:#000 }
nav ul li ul li:hover { background: #a71b1b;}
nav a:hover {  color:#693F00 !important; }
nav ul ul {
  display: none;
  position: absolute;
  top: 34px;
  z-index: 9999999;
}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
    border-bottom: 1px solid #000;
}
nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 100px;
}

@media all and (max-width : 800px) {
nav { margin: 0; display:block; z-index:9999 }
.toggle + a,
 .menu { display: none; }
.toggle {
  display: block; z-index:9999;
  padding: 15px 15px; 
  color: #000 !important;
  font-size: 13px;
  text-decoration: none;
  border: none;
  text-transform: uppercase;
  
}
.toggle:hover {}
[id^=drop]:checked + ul { display: block; z-index:9999 }
nav ul li {
  display: block;
  width: 100%;
}
nav ul ul .toggle,
 nav ul ul a { padding: 7px 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,
 nav ul ul ul a { background-color: #691b1b; color:#fff !important; border-radius:0; text-decoration:
 none}

nav ul li ul li .toggle, nav ul ul a {  }
nav ul ul {float: none;position: static;color: #000;}
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
nav ul ul li {display: block;width: 100%;}
nav ul ul ul li { position: static;}
}
@media all and (max-width : 700px) {
nav ul li {display: block;width: 100%;  display:block; background:#441313    right !important}
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height:auto;
 }
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

.google-maps {
        position: relative;
        padding-bottom: 70% !important; // This is the aspect ratio
        height: 0;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        max-height: 800px
    }


@media only screen and (max-width: 769px) {
	form#reservation {
    width: 100%;
   }
	.svcname{width:50%;}
	.imgpart {
    margin-top:0px;
}	
.flogo img {
    float: none !important;
}

div#welcomepart p{padding:0px !important}
	.carbg img {
    display: ;
}
	#bottom p{text-align:center !important;}
	.flogo{text-align:center !important;}
	
	h1 img{width:100%;}		
	
	.navbar-header {
    margin: 0px !important;
    padding: 0px 15px;}		
input#dropoff_address, input#pickup_address {
    width: 100%;
}
	
.navbar-collapse.collapse ul li{width:100%;border-bottom:1px solid #333;}
.menu{padding-top:0px;height:auto;}
	
	.navbar-nav{float:none;margin-right:0px;}
	#menu ul li{width:100%;}
	#menuwrap{position:relative;
    background: #141009;}
	
	
	.contactus_lft{width:100% !important;float:none !important}
	.form{height:auto; }
	.contactus_rt{width:100% !important;margin:0px !important;padding:0px 20px;}
	.maps{margin:0px !important;border:none;padding:5%}
	label#title22 {
    width: 100%;
}

}



@media only screen and (max-width: 479px) {
	input[type="text"]{width:100% !Important;}
	select#month, select#year{width:40% !important;}
	div#welcomepart p {
    padding: 0px !important;   
	font-size:14px;
	line-height:22px;
}
	
	.welcome{padding-bottom:30px;}
	.bodytext{display:none;}
	.icon {
    width: 96% ;}
	

.headerwarp h2{font-size:30px;padding:40px 0px;}	
	.logo img{width:100%;}

	
}
						

							
							
 	}