@charset "utf-8";
/* CSS Document */
body{ background-color:rgba(255,255,255,1.00); background-repeat:repeat-x; margin:0; padding:0}
.spacer{ width:100%; height:1px; line-height:1px; clear:both}
h1{ font-family:'BellMTBold'; font-size:20px; color:#000; text-align:center; padding-top:15px}
h2{ font-family:'robotobold'; font-size:26px; color:#fff; font-weight:normal; text-transform:uppercase}
h3{ font-family:'robotobold'; font-size:19px; color:#fff; text-transform:uppercase}





#line{ width:100%; max-width:1440px; height:12px; margin:0 auto; overflow:hidden}
#top_bg{ width:100%; max-width:1440px; height:164px; background-image:url(../images/top_bg.jpg); background-size:cover; margin:0 auto}
.wrapper{ width:100%; max-width:1140px;  height:auto; margin:0 auto}
.logo{ float:left}
#top_rt{ width:100%; max-width:880px; height:auto; float:right}
#top_Right{ width:100%; max-width:615px; height:auto; float:right}
#phn{ float:left; background-image:url(../images/cal.png); background-repeat:no-repeat; margin-top:55px;}
#phn p{ font-family:'AvantGarGotItcTEE'; font-size:17px; color:rgba(0,0,0,1.00); font-weight:bold; padding-left:30px}
#email_1{ float:left; background-image:url(../images/email.png); background-repeat:no-repeat; margin-top:55px; margin-left:25px}
#email_1 p{ font-family:'AvantGarGotItcTEE'; font-size:17px; color:rgba(0,0,0,1.00); font-weight:bold; padding-left:30px}
#booknow{ margin-top:45px; float:left; margin-left:25px}
#menu{ width:100%; max-width:880px; height:auto;}
#menu ul{ text-decoration:none}
#menu ul li{ font-family:'BellMTBold'; font-size:16px; color:#000000; float:left; text-transform:uppercase; font-weight:bold; padding: 25px 0 0 4px;}
#menu ul li a{ color:#000; padding:10px 12px}
#menu ul li a:hover{ color:#fff !important; background-color:#ee5b30; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.active a{  color:#fff !important; background-color:#ee5b30 !important;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

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

.attractions{ width:100%; max-width:350px; height:auto; float:left; margin: 35px 0 0 29px}
.attractions p{ font-family:'AvantGarGotItcTEE'; font-size:16px; color:#000; line-height:25px; text-align:center; padding-top:8px; padding-bottom:35px }
.attractions_line{ margin:0 auto; text-align:center; margin-top:4px}

#welcome_bg{ width:100%; max-width:1440px; height:415px; margin:0 auto; background-color:#181818}
#welcome{ width:100%; max-width:685px; height:auto; float:left; margin-top:50px}
#welcome p{ font-family:'AvantGarGotItcTEE'; font-size:16px; color:#fff; line-height:27px; text-align:justify; padding-top:35px}
.readmore{ margin-top:30px}
#welcome_img{ float:right; margin-top:45px}

#booknow_bg{ width:100%; max-width:1440px; height:181px; background-image:url(../images/booknow_bg.jpg); background-size:cover; margin:0 auto}
#booknow_txt{ width:100%; max-width:925px; height:auto; float:left; margin-top:70px}
#booknow_txt p{ font-family:'robotobold'; font-size:19px; color:#000; line-height:25px; font-weight:bolder; text-transform:uppercase}
#booknow_img{ float:right; margin-top:70px; margin-right:15px}

#info_bg{ width:100%; max-width:1440px; height:350px; background-color:#04283d; margin:0 auto}
#trip{ width:100%; max-width:347px; height:auto; float:left; margin-top:45px}
.trip_line{ width:100%; max-width:347px; height:1px}
#weather{ width:100%; max-width:347px; height:auto; float:left; margin-top:45px; margin-left:45px}
#info{ width:100%; max-width:347px; height:auto; float:left; margin-top:45px; margin-left:45px}
#cal{ margin-top:40px; background-image:url(../images/cal1.png); background-repeat:no-repeat}
#cal p{ font-family:'AvantGarGotItcTEE'; font-size:17px; color:#fff; padding-left:35px}
#email1{ margin-top:25px; background-image:url(../images/email1.png); background-repeat:no-repeat}
#email1 p{ font-family:'AvantGarGotItcTEE'; font-size:17px; color:#fff; padding-left:35px}
#loc{ margin-top:25px; background-image:url(../images/loc.png); background-repeat:no-repeat}
#loc p{ font-family:'AvantGarGotItcTEE'; font-size:17px; color:#fff; padding-left:35px; padding-bottom:10px}
#card{ margin-top:20px}

#footer_bg{ width:100%; max-width:1440px; height:67px; background-color:#06314a; margin:0 auto}
#footer_lft{ width:100%; max-width:350px; height:auto; float:left; margin-top:24px}
#footer_lft p{ font-family:'AvantGarGotItcTEE'; font-size:16px; color:#fff}
#footer_rt{ width:100%; max-width:160px; height:auto; float:right; margin-top:24px}
#footer_rt p{ font-family:'AvantGarGotItcTEE'; font-size:16px; color:#fff}
#footer_rt p a{ color:#ee5b30}



/***************************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:540px; height:auto; float:right; margin-top:20px}

.aboutus{ width:100%; max-width:1100px; height:auto; margin-top:20px}
.aboutus p{ font-family:'AvantGarGotItcTEE'; font-size:18px; color:rgba(0,0,0,1.00); line-height:24px; text-align:justify; padding-top:22px}
.aboutus_img{ margin-top:25px; margin-bottom:20px; float:left; margin:35px 20px 0 0; margin-bottom:20px}

.line2 {
    width: 100%;
    height: 1px;
    margin: 15px 0;
    clear: both;
    border-bottom: 1px dashed #FF0000;
}

.att{ width:100%; max-width:345px; height:auto; float:left; margin: 20px 33px 0 0px; margin-bottom:15px}
.att p{ font-family:'AvantGarGotItcTEE'; font-size:17px; color:rgba(9,9,9,1.00); line-height:22px; text-align:center; padding-top:10px} 



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

#howmanypeople {
    height: 35px;
    border-radius: 5px;
}
#pickup_address, #dropoff_address, #pickup, #pickuphour {
    border: 1px solid #9a9898;
    height: 35px;
    border-radius: 5px;
}

#content{background:#090806;border-radius:10px;}
label#title22 {
    width: 200px;
}

	

lebal{color:#916e2d;}
#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}
							.wrapper{ width:95%}
							#top_bg{ height:auto; overflow:hidden}
							#top_rt{ float:none; margin:0 auto}
							#top_Right{ float:none; margin:0 auto}
							#phn{ float:none; margin:0 auto; background-image:none}
							#phn p{ text-align:center; padding-left:0px; font-size:30px}
							#email_1{ background-image:none; float:none; margin:0 auto; }
							#email_1 p{ text-align:center; padding-left:0px; padding-top:20px; font-size:20px}
							#booknow{ float:none; margin:0 auto; text-align:center; margin-top:20px; margin-bottom:20px}
							.attractions{ float:none; margin:0 auto; text-align:center; margin-top:20px}
							#welcome_bg{ height:auto; overflow:hidden}
							#welcome_img{ float:none; margin-bottom:20px}
							#welcome{ margin-top:0px}
							.readmore{ margin-bottom:20px}
							#booknow_bg{ height:auto; overflow:hidden}
							#booknow_txt{ float:none; margin:0 auto; margin-top:20px}
							#booknow_img{ float:none; margin:0 auto; margin-top:20px; margin-bottom:20px}
							#info_bg{ height:auto; overflow:hidden}
							#trip{ float:none}
							#weather{ float:none; margin-left:0px}
							#info{ float:none; margin-left:0px}
							#card{ margin-bottom:20px}
							#footer_bg{ height:auto; overflow:hidden}
							#footer_lft{ float:none}
							#footer_rt{ float:none; margin-top:10px; margin-bottom:20px}
							#menu{ background-color:#083d5b}
							#menu ul li{ padding:10px}
							#menu ul li a{ color:#fff !important }
							#menu ul li a:hover{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px}
							.active a{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px}
							.aboutus_img{ float:none}
							.att{ float:none; margin:0 auto; margin-top:20px}



							.contactus_rt{ margin-left:5px}
							.contact_lft{ margin-left:0px}
							.contact_mid{ float:left}
	}
	
@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;}		
#dropoff_address, #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;}
	
	
}

}	


@media only screen and (max-width: 479px) {
	[type="text"]{width:100% !Important;}
	#month, #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: 17px;
  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:#073148    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
    }