@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:'robotoregular'; font-size:35px; color:#000; font-weight:normal}
h2{ font-family:'droid_serifregular'; font-size:35px; color:rgba(0,0,0,1.00); font-weight:normal; text-align:center; text-transform:uppercase; padding-top:35px}
h3{ font-family:'robotoregular'; font-size:18px; color:#b9b9b9; font-weight:normal; text-align:center; text-transform:uppercase; padding-top:15px}






.wrapper{ width:100%; max-width:1200px; height:auto; margin:0 auto}
.wrap{ width:100%; max-width:1200px; height:auto; margin:0 auto; z-index:9999; position:absolute}
.logo{ float:left; margin-top:25px}
#top_rt{ width:100%; max-width:700px; height:auto; float:right}
#phn{ width:100%; max-width:320px; height:auto; float:right; background-image:url(../images/phn.png); background-repeat:no-repeat; margin-top:30px}
#phn p{ font-family:'robotoregular'; font-size:35px; color:#000; font-weight:bold; padding-left:65px}

#menu{ width:100%; max-width:700px; height:auto;}
#menu ul{ text-decoration:none}
#menu ul li { font-family:'droid_serifregular'; font-size:20px; color:#000; float:left; text-transform:uppercase; padding: 32px 0 0 18px;}
#menu ul li a{ color:#000}



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

#welcome_bg{ width:100%; max-width:1440px; height:387px; margin:0 auto; background-image:url(../images/welcome_bg.jpg); background-size:cover; overflow:hidden}
#welcome{ width:100%; max-width:1100px; height:auto; margin-top:25px}
#welcome p{ font-family:'robotoregular'; font-size:18px; color:#646464; line-height:24px; padding-top:20px}
#welcome_icon{ margin-top:15px}
#readmore{ margin-top:25px}

#gallery_bg{ width:100%; max-width:1440px; height:367px; margin:0 auto; background-image:url(../images/gallery_bg.jpg); background-size:cover; overflow:hidden}
#gallery{ width:100%; max-width:1200px; height:auto; margin:0 auto; margin-top:35px}
#gallery_scroll{ margin-top:35px}

.services_icon{ margin:0 auto; text-align:center; margin-top:20px}
.services_img{ float:left;     margin: 22px 0 0 20px;}
.services_img1{  margin:0 auto; text-align:center; margin-top:20px;}

#footer_bg{ width:100%; max-width:1440px; height:350px; margin:0 auto; background-color:#1d1d1d; margin-top:20px}
#phninfo{ width:100%; max-width:155px; height:auto; float:left; margin-top:40px; margin-left:80px}
#phninfo p{ font-family:'robotoregular'; font-size:18px;; color:#b9b9b9; text-align:center; padding-top:20px}
#phninfo_icon{ margin:0 auto; text-align:center}
#phninfo_line{ margin:0 auto; text-align:center; margin-top:10px}

#locinfo{ width:100%; max-width:145px; height:auto; float:left; margin-top:40px; margin-left:125px}
#locinfo p{ font-family:'robotoregular'; font-size:16px;; color:#b9b9b9; text-align:center; padding-top:17px; line-height:24px}

#emailinfo{ width:100%; max-width:170px; height:auto; float:left; margin-top:40px; margin-left:110px}
#emailinfo p{ font-family:'robotoregular'; font-size:16px;; color:#b9b9b9; text-align:center; padding-top:17px; line-height:24px}
#socialicon{ margin:0 auto; text-align:center; margin-top:15px}

#hourinfo{ width:100%; max-width:220px; height:auto; float:right; margin-top:40px; margin-right:90px }
#hourinfo p{ font-family:'robotoregular'; font-size:16px;; color:#b9b9b9; text-align:center; padding-top:17px; line-height:24px}

#footer_line{ width:100%; max-width:1200px; height:1px; background-color:#323232; margin-top:30px}

#footer{ width:100%; max-width:1200px; height:auto; margin-top:30px}
#footer p{ font-family:'robotoregular'; font-size:18px; color:#9a9a9a; text-align:center}
#footer p a{ color:#fff}
#card{ margin:0 auto; text-align:center; margin-top: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:1340px;   margin:15px 0px !important; height: auto}
.contact_mid{ width:100%; max-width:540px; height:auto; float:right; margin-top:20px}

.services{ width:100%; max-width:380px; height:auto; float:left; margin-top:20px}
.services ul{ text-decoration:none; margin-top:15px}
.services ul li{font-family:'robotoregular'; font-size:18px; color:rgba(13,13,13,1.00); line-height:35px; background-image:url(../images/bullets.png); background-repeat:no-repeat; background-position:0.1em; padding-left:35px}
.servicesImg{ float:right; margin-top:100px}






@media (max-width: 1000px) {.logo{ display:none; margin-bottom:100px}
							.wrapper{ width:95%}
							.wrap{ position:relative}
							#top_rt{ float:none; margin:0 auto}
							#phn{ background-image:none; margin:0 auto; float:none;}
							#phn p{ text-align:center; padding-left:0px; padding-bottom:20px}
							#welcome_bg{ height:auto; overflow:hidden}
							#readmore{ margin-bottom:20px}
							#gallery{ display:none}
							#gallery_bg{ max-width:95%; height:50px}
							.services_img{ float:none; margin:0 auto; text-align:center; margin-top:20px}
							#footer_bg{ height:auto; overflow:hidden}
							#phninfo{ float:none; margin:0 auto; margin-top:30px}
							#locinfo{ float:none; margin:0 auto; margin-top:30px}
							#emailinfo{ float:none; margin:0 auto; margin-top:30px}
							#hourinfo{ float:none; margin:0 auto; margin-top:30px}
							#footer p{ line-height:26px}
							#card{ margin-bottom:20px}
							#menu{ background-color:#d6ba6a}
							#menu ul li a{ color:#fff !important; font-size:18px;}
							#menu ul li {  padding:10px}
							#welcome h1{ line-height:42px}
							.services{ float:none}
							.servicesImg{ float:none; 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;}		
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;}
	
	
}

}	


@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: 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: #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:#000    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
    }