@charset "utf-8";
/* CSS Document */
body{ background-color:#FFFFFF; background-repeat:repeat-x; margin:0; padding:0}
.spacer{ width:100%; line-height:1px; height:1px; clear:both}
h1{ font-family:'open_sansbold'; font-size:22px; color:#000000; text-align:center; text-transform:uppercase; letter-spacing:1px; padding-top:20px}
h2{ font-family:'open_sansregular'; font-size:19px; color:#FFFFFF; letter-spacing:2px; font-weight:normal}



img {
    width: 100%;
}

#top{ width:100%; max-width:1440px; height:auto; background-color:#fbe921; margin:0 auto; }
.wrapper{ width:100%; max-width:1173px; height:auto; margin:0 auto}
#top_lft{ width:100%; max-width:380px; height:auto; float:left}
#top_lft p{ font-family:'droid_serifitalic'; font-size:16px; color:#005b88; padding-top:12px; padding-bottom:10px}
#top_rt{ width:100%; max-width:360px; height:auto; float:right}
#top_rt p{ font-family:'droid_serifregular'; font-size:16px; color:#005b88; padding-top:12px}

#top_bg{ width:100%; height:115px; margin:0 auto; background-image:url(../images/top_bg.png);
			 background-size:cover; z-index:999; position:absolute}
			 
.logo{ float:left; margin-top:15px}
.logo img {
    width: 100%;
    max-width: 390px
}

#Right{ width:100%; max-width:775px; height:auto; float:right}
#phone{ width:100%; max-width:410px; height:auto; float:right; margin-right:20px; margin-top:25px}
#phone p{ font-family:'droid_serifregular'; font-size:25px; color:#fbe026; letter-spacing:1px}

#menu{ width:100%; max-width:775px; height:auto; float:right}
#menu ul{ text-decoration:none}
#menu ul li{ font-family:'droid_serifitalic'; font-size:16px; color:#FFFFFF; float:left; letter-spacing:1px; padding: 15px 0px 10px 35px;}
#menu ul li a{ color:#FFFFFF}
#menu ul li a:hover{ color:#fbe921 !important}
.active a{ color:#fbe921 !important}

			 

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

.Serv{ float:left; margin: 20px 18px 0px 0px;}	 

#welcome_bg{ width:100%; max-width:1440px; height:625px; background-image:url(../images/welcome_bg.png);
		 background-size:cover; margin:0 auto; overflow:hidden; margin-top:25px}
		 
.line{ width:100%; max-width:1440px; height:7px; background-color:#fac735; margin:0 auto}

#welcome_lft{ width:100%; max-width:201px; height:485px; float:left; margin-top: 50px}	

#welcome_mid{ width:100%; max-width:690px; height:auto; float:left; margin-left:45px}	 
#welcome_mid p{ font-family:'droid_serifitalic'; font-size:16px; color:#484848; line-height:28px; text-align:center}
#welcome_mid p a:hover {
    color: red !important;
}


#welcome_line{ width:100%; max-width:239px; height:4px; margin:0 auto; margin-top:3px}
#welcome_icon{ width:100%; max-width:77px; height:66px; margin:0 auto; margin-top:20px}

#welcome_rt{ width:100%; max-width:201px; height:485px; float:right; margin-top: 50px}	

#footer_bg{ width:100%; max-width:1440px; height:360px; background-color:#ff5f00; margin:0 auto}
#footer{ width:100%; max-width:1173px; height:auto; margin:0 auto}
#footer p{  font-family:'droid_serifregular'; font-size:14px; color:#FFFFFF; line-height:24px; text-align:center;
		 letter-spacing:1px; padding-top:30px}
#footer p a{ color:#face2f}		 
#footer_logo{ float:left; margin-top:50px}

#service{ width:100%; max-width:245px; height:auto; float:left; margin-top:30px; margin-left:30px}
#service ul{ text-decoration:none; margin-top:10px}
#service ul li{ font-family:'droid_serifregular'; font-size:15px; color:#FFFFFF; line-height:30px}

#link{ width:100%; max-width:180px; height:auto; float:left; margin-top:30px; margin-left:15px}
#link ul{ text-decoration:none; margin-top:10px}
#link ul li{ font-family:'droid_serifregular'; font-size:15px; color:#FFFFFF; line-height:30px}


#info{ width:100%; max-width:250px; height:auto; float:right; margin-top:30px; margin-right:20px}
#info ul{ text-decoration:none; margin-top:10px}
#info ul li{ font-family:'droid_serifregular'; font-size:15px; color:#FFFFFF; line-height:30px}

#footer_line{ width:100%; max-width:1173px; height:2px; background-color:#d25307; margin-top:30px}

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

.aboutus_img{ width:100%; max-width:431px; height:auto; float:left; margin-left:100px; margin-top:30px}



/***************************contactus*****************************/
.contactus_lft{width: 100%;		max-width:555px; height:auto; float:left;}
.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:99%; max-width:1140px; margin-left:15px}
.map{ width:99%; max-width:1140px;   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:1040px; height:auto; margin:0 auto}
.aboutus p{ font-family:'droid_serifregular'; font-size:16px; color:#000; line-height:26px; text-align:justify; padding-bottom:20px}






@media (max-width: 1000px) {.logo{ display:none;}
                            .wrapper {width: 95%;}
							#top_lft{ float:none; margin:0 auto}
							#top_lft p{ text-align:center; line-height:24px}
							#top_rt{ float:none; margin:0 auto}
							#top_rt p{ text-align:center; padding-top:0px; padding-bottom:15px; line-height:26px; font-size:19px}
							#top_bg{ height: auto;    overflow: hidden;    position: relative;}
							#Right{ float:none; margin:0 auto}
							#phone{ float:none; margin:0 auto}
							#phone p{ text-align:center; padding-bottom:20px; font-size: 19px;
    font-weight: bold;}
							.Serv{ float:none; margin:0 auto; margin-top:15px}
							#welcome_bg{ height:auto}
							#welcome_lft{ float:none; margin:0 auto; margin-top:20px; margin-bottom:10px}
							#welcome_rt{  float:none; margin:0 auto; margin-top:20px; margin-bottom:20px}
							#welcome_mid{ float:none; margin:0 auto; margin-left:0px !important}
							#welcome_mid p{ text-align:center; padding-left:5px; padding-right:5px; padding-bottom:20px}
							#welcome_mid h1{ line-height:28px}
							#footer_bg{ height:auto}
							#footer_logo{ display:none}
							#service{ float: left;   margin-left: 10px;   margin-bottom: 20px}
							#link{ float:none; margin-left:10px}
							#info{ float:left; margin-left:10px}
							#footer p{ padding-bottom:20px}
							#menu{ background-color:#fbe921}
							#menu ul li{ padding:10px}
							.aboutus p{ padding-left:5px; padding-right:5px}
							.contactus_rt{ margin-left:4px}	
							.aboutus_img{ display:none}						
							
 	}
	


	
	@media (min-width: 1000px) {
	#cal_txt1{display:none !important;}
	#weather1{ display:none !important}
	.cal{ display:none}
	#lantern{ display:none}
	#booknow{ display:none}
		#social_1{ display:none}	
		.aboutus_img1{ display:none}		


	
	}
	
	
	
@media (min-width: 950px) {#logo1{ display: none; margin-top:0px !important; margin-bottom:30px}
							 #logo{ width:auto}
							 .google-maps {
        position: relative;
        padding-bottom: 76%; // This is the aspect ratio
        height: 0;
        overflow: hidden;    }
		#social_1{ width:100%; max-width:110px; height:auto; float:right}			
.fb_1{ width:100%; max-width:auto; height:28px; float:left; margin-top:10px}
.aboutus_img1{ width:100%; max-width:431px; height:auto; float:left; margin-left:100px; line-height:55px}



	
	}
	
	
	
	
	
	
	.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: 16px;
  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: #ef0003; 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:#4084a6  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
    }