@charset "utf-8";
body {margin: 0px;padding: 0px; font-family: 'Montserrat', sans-serif; background-color:#f9f9f9;}

/***********collapse navbar css start here****************/

.header{ width:100%; height:80px; background-color: rgb(255, 255, 255, 0.8); padding:10px 0 10px 0; z-index:9999999;}
.logo{ width:50%;}

.topnav {
  overflow: hidden; 
  background-color: rgb(255, 255, 255, 0.0); margin-top:5px;
}

.topnav a {
  float: left;
  display: block;
  color: #333;
  text-align: center;
  padding: 14px 29px;
  text-decoration: none;
  font-size: 15px; font-weight:bold;
}

.topnav a:hover {

  color:#812222; text-decoration:none;
}

.active {
    background:none;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  .active {
  background-color: #00ccff;
  color: white;
}

.topnav {

  background-color:#fff;
  color:#fff;
}
  
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .bte1{ width:50%;}
  .panel-title {
    font-size: 14px;   
    font-weight: normal;
}
h4 {
    font-size: 14px;   
    letter-spacing: 0px;
    font-weight: normal;
}
.bako h2{ font-size:15px;}
}



/***********collapse navbar css end here****************/

.domest{ font-weight:normal; background-color:#FFF; border:solid 1px #dddddd;padding:10px;}
.domest h2{ font-size:18px; color:#333;}
.domest{ color:#999; font-size:14px; font-weight:normal;}
.domest p{ font-size:13px; text-align:center;}
.domest ul{ list-style:none; margin:0px 0 20px 0; padding:0px;}
.domest ul li{}
.domest ul li a{ border-bottom:solid 1px #DDDD;}

.domest ul li a{ width:100%; height:40px; display:block; border-bottom:none font-size:14px; color:#666; text-decoration:none; line-height:40px; border-radius:-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.domest ul li a:hover{ text-decoration:none; color:#990000;}
.domest ul li a.help{ width:50%; height:40px; display:block; font-size:14px; background-color:#990000; font-size:15px; text-align:center; clear:both; color:#fff;
 text-decoration:none; line-height:40px; border-radius:-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin:30px auto;}
.domest ul li a.help:hover{}
.icons{ text-align:center; margin:0 auto;}
.domest span{ width:49%; font-size:40px; color:#00CCFF; display:inline-block; margin:0 auto;}
.gap{ margin:100px 0 50px 0;}
.need{ width:90%; background-color:#fff; border:solid 1px #dddddd; padding:20px 0 20px 0; font-weight:normal; margin:20px auto; text-align:center;}
.need big{ font-size:40px;}
.need h3{ font-size:18px;}
.need h3 span{ color:#0099FF; clear:both; margin:0px; padding:0px;}
.need h4{ font-size:17px; color:#666;}
.need h5{ font-size:14px; color:#999; padding:0 10px 0 10px; line-height:20px;}

#inp1 { width:50%; padding: 10px 0 10px 2%; color:#999; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; background-color:#fff; height:50px;
 font-size:20px; margin-left:1.5%;
}
.bte{ width:12%; background-color:#990000; font-size:21px; color:#fff; border:none; height:50px; display:inline-block; padding:10px 0 10px 0;}

.tour{ background-color:#fff;  font-family: 'Montserrat', sans-serif; border-right:solid 1px #DDDD;}
.tour:last-child{ border:none;}
.tour h2{ font-size:20px; font-weight:bold; padding:10px 0 0 0;}
.tour h3{ font-size:16px; color:#666;}
.tour h4{ font-size:16px; color:#990000; padding:50px 0 0 0; text-align:center;}
.tour h5{ font-size:13px; text-align:center; color:#666;}
.tour p{ font-size:16px; color:#666;}
.tour p strong{ color:#333;}

.tour ul{ list-style:none; margin:0px; padding:0px 0 25px 0;}
.tour ul li{ display:inline-block; font-size:20px; border:solid 1px #CCC; color:#990000; padding:5px 10px 5px 10px; border-radius:-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}


.tour a{ width:100%; height:20px; color:#000; display:inline-block; line-height:20px; text-decoration:none;}
.tour a:hover{ text-decoration:none; color:#00CCFF;}

.tour a.detail{ width:100%; height:45px; background-color:#990000; color:#fff; display:inline-block; line-height:45px; text-decoration:none;
 text-align:center; border-radius:-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin:0 0 62px 0;}
.tour a.detail:hover{ text-decoration:none; color:#fff; background-color:#FF0000;}


.checked { color:#990000; padding:15px 0 0 0;}

.mg{}
.tour-mg{ margin:30px 0 0 0; border:1px solid #DDDD; padding:15px 0 15px 0;}

/**************booking page*****************/
.book{width:100%; background-color:#dfdede; padding:10px;}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline label {
  margin: 5px 8px 5px 0;
}

.form-inline input { width:100%;
  vertical-align: middle;
  margin: 4px 0px 4px 0; line-height:35px; padding-left:10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.form-inline button {
  padding: 10px 20px;
  background-color: #990000;
  border: 1px solid #ddd;
  color: white;
  cursor: pointer;
}

.form-inline button:hover {
  background-color: #FF0000;
}

.select2{ width:36%; background-color:#fff; font-family: 'Montserrat', sans-serif; border:solid 1px #DDDD; padding:8px 0 8px 2%;
 margin:0 2% 0 1%;}
 .select3{ width:33%; background-color:#fff; font-family: 'Montserrat', sans-serif; border:solid 1px #DDDD; 
 margin:0px 2% 0 1%;}
.book2{width:100%; background-color:#dfdede; padding:10px;}

.check{ width:23%; padding:8px 0 8px 2%; font-size:12px; margin:30px 2% 0 1%;}
.check1{ width:23%; padding:8px 0 8px 2%; font-size:12px; margin:30px 2% 0 1%;}
.bte1{ width:40%; background-color:#00CCFF; font-size:17px; color:#fff; border:none; height:45px; display:inline-block; margin:10px 0 0 0;}

.tour1{ background-color:#fff; font-family: 'Montserrat', sans-serif; margin:30px 0 0 0;}

.tour1 ul{ list-style:none; margin:0px; padding:0px;}
.tour1 ul li{ display:inline-block; font-size:30px; border:solid 1px #CCC; padding:5px 10px 5px 10px; border-radius:-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin:0 5px 0 0px;}
.tour1 a{ width:100%; height:40px; background-color:#00CCFF; color:#fff; display:inline-block; line-height:40px; text-decoration:none;
 text-align:center; border-radius:-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin:20px auto 48px 0px;}
.tour1 a:hover{ text-decoration:none; color:#fff; background-color:#0099FF;}

.bako{ font-family: 'Montserrat', sans-serif;}
.bako span{ border-radius:-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.bako h2{ font-size:15px; text-align:center;}
.bako p{ font-size:14px; text-align:justify;}
.bako ul{ /*list-style:none;*/ margin:0px; padding:0px; padding-left:25px;}
.bako ul li{ /*display:inline;*/}
.bako ul li a{ display:inline-block; width:20%; background-color:#00CCFF; text-decoration:none; text-align:center; line-height:40px; height:40px; color:#fff; margin:20px 10px 0 0;}
.bako ul li a:hover{ background-color:#0099FF;}

.domestic{ font-family:'Montserrat', sans-serif;}
.domestic h2{ font-size:30px; padding:20px 0 0 0;}
.domestic ul{ list-style:none; margin:0px; padding:0px;}
.domestic ul li{ display:inline; line-height:50px;}
.domestic ul li a{ display:inline-block; width:47%;
 height:50px;
 background-color:#990000;
 font-size:18px;
 font-weight:500;
 text-align:center;
 color:#fff;
 margin:10px 1% 15px 1%;}
 
.domestic ul li a:hover{}
 

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; 
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 15px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin:0px 0 0 0;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
    margin:0 0 20px 0;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 62px 100px;  
  width:90%; height:90%;
}

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

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

}





.hovereffect1 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect1 .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 14px;
	padding: 1em;
	height: 4.75em;
	background: #79FAC4;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	visibility: hidden;

}

.hovereffect1 img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.hovereffect1:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect1 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);	 
	margin: 0px;
	display: inline-block;
	margin:0 auto;
}

.hovereffect1 a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect1 a.info:hover {
    box-shadow: 0 0 5px #fff;
	background-color:#03a9c2
}


.hovereffect1 p.icon-links a {
	float: right;
	color: #fff;
	font-size: 1.4em;
		background-color:#03a9c2;
}

.hovereffect1:hover p.icon-links a:hover,
.hovereffect1:hover p.icon-links a:focus {
	color: #252d31;
	
}

.hovereffect1 h2,
.hovereffect1 p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
	visibility: visible;
	background-color:#990000;
	cursor:pointer;
}

.hovereffect1 p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}


.hovereffect1:hover .overlay,
.hovereffect1:hover h2,
.hovereffect1:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
}

.hovereffect1:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	
}

.hovereffect1:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hovereffect1:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.hovereffect1:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

@media only screen and (max-width: 480px) {	
	
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; margin-bottom:15px;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; 
  -webkit-transition:none;
  transition: none;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img { width:100%;
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 13px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform:none;
  -ms-transform:none;
  transform:none;
  -webkit-transition:none;
  transition: none;
  margin:5px 0 0 0;
}

.hovereffect:hover h2 {
  -webkit-transform:none;
  -ms-transform:none;
  transform:none;
    margin:0 0 20px 0;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: none;
  background-color: #0186a7;
  /*opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: none;
  -ms-transform: none;
  transform:none;
  -webkit-transition:none;
  transition: none;*/
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 62px 60px;  
  width:90%; height:90%;
}

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

.hovereffect a.info:hover {
  box-shadow:none;

}


#inp1 { width:70%; padding: 10px 0 10px 5%; color:#999; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; background-color:#fff; height:50px;
 font-size:16px; margin-left:0;
}
.bte{ width:28%; background-color:#00CCFF; font-size:16px; height:50px;  padding:10px 0 10px 0;}


.tour{border:none;}
.tour h4{ padding:20px 0 0 0;}
.tour a{ margin:20px auto 20px 0px;}
.tour-mg{ border:none;}
.mg{ margin:0px;}
.select2{ width:99%; margin:10px 0 20px 0;} 
.tour1 ul li{ font-size:20px; border:solid 1px #CCC; padding:5px 10px 5px 10px;}
.book{width:100%; background-color:#dfdede; padding:10px; margin-top:40px;} 
 
.bako ul{ text-align:center;}
.bako ul li a{ width:45%; margin:20px 10px 0 0;}

.check{ width:72%; padding:8px 0 8px 2%;}
.check1{ width:68%; padding:8px 0 8px 2%;} 
 
 .select3{ width:32%; background-color:#fff; font-family: 'Montserrat', sans-serif; border:solid 1px #DDDD; padding:4px 0 4px 2%;
 margin:10px 1% 0 1%;}
 .follow ul li a{ width:16%;}
 .contact1 h6{ font-size:13px;}
 .gap{ margin:50px 0 50px 0;}
 .domestic ul li a{ font-size:14px; margin:0px 1% 0px 1%;}
 .section-title{ font-size:22px; padding:20px 0 20px 0;}
modal-dialog{width:600px;margin:30px auto; z-index:99999;} 


 
}




@media screen and (max-width: 900px) and (min-width: 600px){
	
.hovereffect a.info{ padding:62px 50px;}
.hovereffect h2{ font-size:12px;}	
modal-dialog{width:600px;margin:30px auto; z-index:99999;}	
.thin{ padding:0 15px 0 15px;}
.form-inline button{ width:50%;}
	}


@media screen and (max-width: 1200px) and (min-width: 900px){
	modal-dialog{width:600px;margin:30px auto; z-index:99999;}
	}



@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
  }
  
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}