@charset "utf-8";
/* CSS Document */
body{ background-color:#fff; background-repeat:repeat-x; margin:0; padding:0}
.spacer{ width:100%; line-height:1px; height:1px; clear:both}
h1{ font-family:'robotobold'; font-size:30px; color:#000000; font-weight:bold; text-transform:uppercase}
h2{ font-family:'kaushan_scriptregular'; font-size:45px; color:#fff; text-align:center; font-weight:normal; padding-top:30px}
h3{ font-family:'robotoregular'; font-size:27px; color:#164970; font-weight:normal; padding-top:35px}
h4{ font-family:'droid_serifregular'; font-size:18px; color:#e8e8e8; font-weight:normal}





#top_bg{ width:100%; max-width:1440px; height:48px; background-color:#164970; margin:0 auto}
.wrapper{ width:100%; max-width:1100px; height:auto; margin:0 auto}
#email{ width:100%; max-width:300px; height:auto; float:left; background-image:url(../images/email.png);
		 background-repeat:no-repeat; margin-top:17px}
#email p{ font-family:'droid_serifregular'; font-size:17px; color:#fff; padding-left:35px}
#loc{ width:100%; max-width:365px; height:auto; float:left; background-image:url(../images/loc.png); background-repeat:no-repeat; margin-top:17px; margin-left:20px}
#loc p{ font-family:'droid_serifregular'; font-size:17px; color:#fff; padding-left:30px}
#fb{ float:right; margin:7px 3px}

#wrap_bg{ width:100%; max-width:1440px; height:98px; margin:0 auto; background-image:url(../images/wrapper_bg.png);
			background-repeat:no-repeat; z-index:9999; position:absolute}
.logo{ float:left; margin-top:20px}	
#top_rt{ width:100%; max-width:625px; height:auto; float:right}
#phone11{ width:100%; max-width:245px; height:auto; float:right; background-image:url(../images/phn.png); background-repeat:no-repeat; margin-top:15px}
#phone11 p{ font-family:'droid_serifregular'; font-size:26px; color:#164970; font-weight:bold; padding-left:40px}		
#menu{ width:100%; max-width:625px; height:auto; float:right}
#menu ul{ text-decoration:none}
#menu ul li{ font-family:'ranchoregular'; font-size:24px; color:rgba(0,0,0,1.00); float:left; padding: 10px 0 0 30px;}
#menu ul li a{ color:#000}
#menu ul li a:hover{ color:#e75801 !important}
.active a{ color:#e75801 !important}

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

#welcome{ width:100%; max-width:810px; height:auto; float:left; margin-top:50px}
#welcome p{ font-family:'droid_serifregular'; font-size:17px; color:#222222; line-height:24px; text-align:justify; padding-top:20px}
#welcome_line{ margin-top:12px}
.readmore{ margin-top:20px}
#welcome_rt{ width:100%; max-width:240px; height:auto; float:right; margin-right:10px; margin-top:30px}

#amenities_bg{ width:100%; max-width:1440px; height:617px; margin:0 auto; background-image:url(../images/amenities_bg.jpg);
			 background-size:cover; margin-top:25px}
#amenities_icon{ margin:0 auto; text-align:center; margin-top:15px}	
#amenities_box{ width:100%; max-width:1058px; height:433px; background-color:#fff; margin:0 auto; margin-top:20px}
#amenities_img{ float:left; margin-left:32px; margin-top:32px}
#amenities_rt{ width:100%; max-width:490px; height:auto; float:left; margin-left:25px; margin-top:30px}
#amenities_rt p{ font-family:'open_sansregular'; font-size:16px; color:#000; line-height:26px; text-align:justify}	
#amenities_list{ width:100%; max-width:202px; height:auto; float:left} 
#amenities_list ul{ text-decoration:none; margin-top:20px}
#amenities_list ul li{ font-family:'robotoregular'; font-size:17px; color:#000; line-height:45px; background-image:url(../images/bullets.png); background-repeat:no-repeat; background-position:0.1em; padding-left:35px}

#amenities_list1{ width:100%; max-width:255px; height:auto; float:left; margin-left:25px} 
#amenities_list1 ul{ text-decoration:none; margin-top:20px}
#amenities_list1 ul li{ font-family:'robotoregular'; font-size:17px; color:#000; line-height:45px; background-image:url(../images/bullets.png); background-repeat:no-repeat; background-position:0.1em 0.9em; padding-left:35px}

#attractions_icon{ margin-top:12px}
.attractions_img{ float:left;     margin: 25px 13px 0 0; margin-bottom:25px}

#footer_bg{ width:100%; max-width:1440px; height:auto; margin:0 auto; background-image:url(../images/footer_bg.jpg);
			 background-size:cover; overflow:hidden}
#contactinfo{ width:100%; max-width:280px; height:auto; float:left; margin-top:40px}
#contactinfo p{ font-family:'open_sansregular'; font-size:14px; color:#e8e8e8; line-height:28px; padding-top:8px}	
.line{ margin-top:7px}

#policies{ width:100%; max-width:190px; height:auto; float:left; margin-top:40px; margin-left:65px}		 
#policies p{ font-family:'open_sansregular'; font-size:14px; color:#e8e8e8; line-height:28px; padding-top:8px}
#card{ margin-top:10px}

#social{ width:100%; max-width:150px; height:auto; float:left; margin-top:40px; margin-left:65px}
#social_img{ margin-top:20px}

#weather{ width:100%; max-width:300px; height:auto; float:right; margin-top:40px}	

#footer_line{ width:100%; max-width:1440px; height:1px; background-color:#494949; margin-top:20px}	 

#footer{ width:100%; max-width:1440px; height:auto}
#footer p{ font-family:'open_sansregular'; font-size:16px; color:#fff; line-height:26px; text-align:center; padding-top:15px; padding-bottom:20px}
#footer p a{ color:#fff600}



/***************************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:1340px;   margin:15px 0px !important; 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}

.att{ float:left; width:100%; max-width:356px; margin:20px 8px 0 0}
.att p{  font-family:'open_sansregular'; font-size:18px;; color:#000; text-align:center; line-height:22px; padding-top:10px;
		 padding-bottom:20px}

.att1{ width:100%; max-width:1150px; margin-top:20px}
.att1 p{  font-family:'open_sansregular'; font-size:17px;; color:#000; line-height:22px; padding-bottom:20px; text-align:justify}



/**************************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;
}





@media (max-width: 1000px) {.logo{ display:none; margin-bottom:100px}
							#top_bg{ height:auto; overflow:hidden; }	
							#top_rt{ float:none; margin:0 auto}
							.wrapper{ max-width:95%}
							#wrap_bg{ height:auto; overflow:hidden; position:relative}
							#email{ float:none; margin:0 auto; background-image:none; margin-top:8px}
							#email p{ text-align:center; padding-left:0px}
							#loc{ float:none; margin:0 auto; background-image:none; margin-top:10px}
							#loc p{ text-align:center; padding-left:0px; padding-bottom:20px}
							#fb{ display:none}
							#email_img{ text-align:center; margin-top:20px}
							#loc_img{ text-align:center; margin-top:20px}
							#phone11{ float:none; margin:0 auto; background-image:none}
							#phone11 p{ text-align:center; padding-left:0px; font-size:30px; padding-bottom:20px}
							#welcome_rt{ float:none}
							#welcome{ margin-top:0px}
							#amenities_bg{ height:auto; overflow:hidden}
							#amenities_box{ height:auto; overflow:hidden; margin-bottom:20px}
							#amenities_img{ float:none; margin:0 auto; max-width:90%; margin-top:25px}
							#amenities_rt{ float:none; margin:0 auto; max-width:90%; margin-top:20px}
							#amenities_list{ float:none}
							#amenities_list1{ float:none; margin-left:0px}
							#amenities_list1 ul{ margin-top:0px; margin-bottom:20px}
							.attractions_img{ float:none}
							#footer_bg{ height:auto; overflow:hidden}
							#contactinfo{ float:none; }
							#policies{ float:none;  margin-left:0px; margin-top:20px}
							#social{ float:none;  margin-left:0px; margin-top:20px}
							#weather{ float:none; margin-top:20px}
							#footer p{ padding-bottom:20px}
							#menu{ background-color:#164970; -width:100% !important} 
							#menu ul li{ padding:10px}
							#menu ul li a{ color:#fff}
							#menu ul li a:hover{ color:#164970 !important}
							.active a{ color:#fff !important}
							.contactus_rt{ margin-left:5px}
							.contact_lft{ margin-left:0px}
							.contact_mid{ float:left}
							.att{ float:none}
	}
	
	
@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%;}

	
}
						

							
							

							

		

	
	@media (min-width: 1000px) {
	#cal_txt1{display:none !important;}
	#weather1{ display:none !important}
	#email_img{ display:none}
	#loc_img{ display:none}


	
	}
	
	
	
	
	
@media (min-width: 950px) {#logo1{ display: none; margin-top:0px !important; margin-bottom:30px}
							 #logo{ width:auto}
							 #email_img{ margin:0 auto; text-align:center}
							 #loc_img{ margin:0 auto; text-align:center}
							 
							 .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: 24px;
  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: #f49f0d; 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:#163f5f    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
    }