@charset "utf-8";
/* CSS Document */
body{list-style-type:none;}
.navbar-brand{margin-left:30px;}
.nav-item{margin-right:20px;
           font-size:17px;
		    font-weight:600}
			
			.navbar-collapse ul{margin-left:400px;}
			@media only screen and (max-width:1080px){
				.navbar-collapse ul{margin:auto;}
				}
			
			.navbar-collapse.collapse{}
			.banner{background-image:url(../images/blue-sky.jpg);
			 width:100%;
			 height:auto;}
			 
			 #firsth1{color:#fff; font-weight:400;}
		 .banner-background{background-color:;
			    width:80%;
				height:auto;
				display:block;
				margin:0 auto;
				
				margin-top:5px auto;}
			
				
				
				
				@media only screen and (max-width:480px){
					
					.banner-background{background-color:;
			    width:100%;
				height:auto;
				display:block;
				margin:0 auto;
				
				margin-top:10px;}
					
					.sap_tabs{
	padding-top:0;
}
					div#horizontalTab {
		width: 100% !important;
	}
	
	ul.resp-tabs-list {
  	
}
					} 

					@media only screen and (max-width:800px) {
  .banner, .about-section, .popular-places, .lower-section, .contact-form, .upper-footer  {
    width:100%;

     display:block;/*The width is 100%, when the viewport is 800px or smaller*/
  }
}
					
					
					
					@media (max-width:1024px){
						
						div#horizontalTab {
		width: 85% !important;
	}
						}
					
					
					
					
					
					
					
					
					
					
					


p{margin-bottom: 0px!important;}
			
	/*about section starts here*/
	
	.about-section h3{text-align:center; padding-top:20px; font-weight:bold; font-size:34px; text-transform:uppercase; color:#e47719;}		
			
		.about-section{width:auto; height:auto;}	
			
			
			
			/*third section starts here*/
			
			.popular-places{background-image:url(../images/resize.jpg);
			
			width:100%;
			height:auto;
			padding:10px 0px 10px 0px;}
			
			
			.front-popular .col-md-3{margin-top:30px;}
			.holiday-upper{color:#ef5704; font-weight:bold; font-size:34px; text-transform:uppercase;}
			.holiday-upper p{color:#ef5704; font-size:24px;}
			.caption h4{color:#fff; font-size:24px; text-transform:uppercase;}
			
			
			.img-thumbnail{cursor:pointer;}
			
			
			
			
			
			.lower-section{padding:20px;}
.contact-info ul li{list-style:none; border-left: 1px solid #969292; padding-left:20px;}


.contact-info ul li i{float:left; margin-right:30px;}



#message{height:100px;}




/*uper footer*/
/*upper footer*/
.upper-footer{ 
 background:#53a5cc;
border-bottom: 8px solid#53a5cc;
 text-decoration:none;
color:#fff;
}

.upper-footerh4{text-align:center; color:#fff; padding-left:40px; padding:20px 0px 0px 0px;}
.upper-footer ul li{list-style:none; color:#fff; text-decoration:none; text-align:left; padding-left: 50px;}
.upper-footerh4 ul a:hover{text-decoration:none; color:#D88324;}


.upperuls{float:center; text-align:center;}
footer{background-color:#53a5cc; height:30px; color:#fff;}

.back-to-top{
	right:0px;
	position:fixed;
	bottom:100px;
	margin-right:70px;
	}
	
	.lower-links li{
		list-style:none;
		text-decoration:none;
		display:inline;
		}
		
		.lower-links li a{display:inline-block; 
                    color:#fff;
                    background:#5B5858;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 18px;}
  
  .lower-links li a:hover{
	  background-color:#E47719;
	  }
	  
	  .three-services{background-color:#A4A4A4;}
	  .three-services img{cursor:pointer;}
	  .whyus{color:#fff; font-weight:500;}
	  
	  
	  
	  /*hover effect here*/
	

 /*hover effect here*/
	  	.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
 
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top:0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #f59908;
  text-align: center;
   font-size: 14px;
  font-weight:400;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 5px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 20px 0 0;
  padding: 4px 8px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 14px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.overlay p{color:#fff; text-transform:uppercase;}
#packagesborder{border-bottom:2px solid #2D2C2C;}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;
}

@media only screen and (max-width:768px;){

	.banner .about-us{display: none;}
}


.front-tabs ul{border-bottom:none;}
.tab-content{background-color:#999; width:100%; height:auto; padding:10px;}
.nav-tabs{color:#fff; font-size:17px; font-weight:400;}

.nav li i{color:#e4771a; }
.span1_of_1 adult{list-style:none;}
li h5{font-size:17px; font-weight:400;}

.seclect list{list-style:none;}
.nav-tabs:{border-style:none;}

.col-sm-3 ul{list-style:none;}
.ul, menu, dir {list-style-type:none;}


.btn btn-default active{background-color:#e4771a;} .btncustom{background-color:#e4771a;}
.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active{background-color:#e4771a;}
.btn-defaultactive{background-color: #e4771a; color: #fff;}

.reservation ul{list-style:none;}
.select-list ul{list-style:none;}
.input-group date{width:50%;}

ul .nav nav-tabs{border-bottom:none;}
.nav nav-tabs{border-bottom:none;}
.nav-tabs{border-bottom:none;}
.video-gallary h3{text-align:center; padding:20px; font-weight:bold; font-size:34px; text-transform:uppercase; color:#e47719;}

.carousel-caption h3{font-size: 20px; font-weight:800; color:#000;  -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color:white;}






   .index-social{
    background-color:#2c2c2c;
    color:#fff;
}
.link-area .fa-li{
    width:40px;
    height:40px;
    border-radius:50%;
    border:solid 1px #fff;
    list-style-type:none;
    margin:5px;
    display:inline-block;
}
.index-social a{
    color:#fff;
    font-size:25px;
    display:block;
    float:left;
    padding:10px;
}
.index-link h3{
    text-align:center;
   color:#f1f1f1;
   text-align:left;
   
}
.index-link{
    background-color:#53a5cc;
}
.index-link p{
    color:#fff;
}
.index-link ul{
    padding:0px;
}
.index-link ul li{
    list-style-type:none;
}
.index-link ul li a{
  text-decoration:none;
  font-size:16px;
  color:#fff;
  display:block;
  padding:2px 0;
  text-align:left;
}
.index-link ul li a:hover{
     text-decoration:underline;
}
.copy-c{
    padding-top:15px;
}




/*----- Social Links -----*/
.social-nav {
    padding: 0;
    list-style: none;
    margin: -10px 0 0 -10px;
}
.social-nav li {
    float: left;
    margin: 10px 0 0 10px;
    list-style: none;
}
.social-nav a {
    display: inline-block;
    float: left;
    width: 35px;
    height: 35px;
    font-size: 35px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
    background: #000;
    position: relative;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.link-area h3{border-bottom: 2px solid#fff;}
.social-nav a {
    overflow: hidden;
    font-size: 20px;
    border-radius: 4px;
}
.social-nav a:hover {
    background: #fff;
    text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;
}
.social-nav .twitter {
	font-size: 35px;
    background: #00ACED;
    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
}
.social-nav .twitter:hover {
    color: #00ACED;
}
.social-nav .facebook {
	font-size: 35px;
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
}
.social-nav .facebook:hover {
    color: #3B579D;
}
.social-nav .google {
	font-size: 35px;
    background: #DD4A3A;
    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
}
.social-nav .google:hover {
    color: #DD4A3A;
}
.social-nav .linkedin {
    background: #007BB6;
    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
}
.social-nav .linkedin:hover {
    color: #007BB6;
}
.social-nav .pinterest {
    background: #CB2026;
    text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;
}
.social-nav .pinterest:hover {
    color: #CB2026;
}