@charset "utf-8";
/* CSS Document */

*{ margin:0;
	padding:0;}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	color:#000;	
	/*background-repeat:no-repeat;
	background-image:url(../images/cover_bg.jpg);*/
	background-size:100%;
	background-color:#FFF;
	text-align:justify;
	background-size:cover;
	font-family: myFirstFont;
	font-size:14px;
	min-height:500px;
	background-size:100%;
	
	
	
	
}
.clear{
	clear:both;
}


.middle_side_data1{ width:100%; float:left; margin-top:20px;}
.middle_side_data1 a{ padding:5px; box-shadow:1px 1px 1px 1px #666; margin-left:2px; text-decoration:none; color:#666;}
.middle_side_data1 a:hover{ padding:5px; box-shadow:1px 1px 1px 1px #666; margin-left:2px; text-decoration:none; background-color:#d3b046; color:#FFF;}



*{padding:0; margin:0; border:none; text-decoration:none; list-style:none;}
p,h1,h2,,h3,h4,h5,h6{ padding:0; margin:0;}
ul{ padding:0; margin:0;}
a{ text-decoration:none; }

header{ width:100%; margin:0 auto; padding:0; float:none; position:fixed; z-index:99;}
#nav_bg{ width:100%; background-color:#f49941; height:80px; margin:0 auto; padding:0; top:0px; position:absolute;}
#logo{ margin-top:10px;}
#menu{ width:75%; margin:0 auto; padding:0; float:right; height:80px;  clear:both;}

@media (max-width:768px) {
header{ width:100%; margin:0 auto; padding:0; float:none; position:fixed; z-index:99; top:0;}
#menu{ width:100%; margin:0 auto; padding:0; float:right; height:80px;  clear:both;}
}

#hotels_section{ width:100%; height:100px; background-color:#f49941; top:80px; position:relative; padding-bottom:20px;}

.button{ margin-top:20px;}
.text_col-9{ font-size:18px; font-weight:bold; margin-top:40px; text-shadow:1px 1px 0px #FC0; font-style:italic; height:32px; overflow:hidden; color:#FFF;}


@media (max-width:768px) {

#hotels_section{ width:100%; height:160px; background-color:#f49941; top:60px; position:relative; text-align:center;}
.button{ margin-top:-90px;}
.text_col-9{ font-size:14px; font-weight:bold; margin-top:10px; font-style:italic; height:45px; overflow:hidden;}

}


.parallax-one{
   
	margin:0 auto;
    height:500px;
    width:100%;
    float:left;
	/*border-top:2px solid #a19faa;
	border-bottom:2px solid #a19faa;*/
	position:relative;
	top:40px;
	
	
}


.parallax-one {
	
	
	background:url(../images/pallax_bg.jpg) 100% 0 no-repeat fixed;
	background-position:bottom;
}


ul.img-list {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
 border-radius:140px;
 padding-top:110px;
}
 
ul.img-list li {
display: inline-block;
height: 270px;
margin: 0 1em 1em 0;
position: relative;
width: 270px;
 border-radius:140px;
 
}

ul.img-list li a{ text-decoration:none;}
ul.img-list li img{ border-radius:140px; height: 270px; width: 270px;}
.img-list .active{  width:70%; padding:0; margin-left:15%; padding:10px;}
span.text-content {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 270px;
left: 0;
position: absolute;
top: 0;
width: 270px;
}
 
span.text-content span {
display: table-cell;
text-align: center;
vertical-align: middle;
}

span.text-content strong{ font-size:22px;}

span.text-content {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 270px;
left: 0;
position: absolute;
top: 0;
width: 270px;
opacity: 0;
}
 
ul.img-list li:hover span.text-content {
opacity: 1;
}



span.text-content {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 270px;
left: 0;
position: absolute;
top: 0;
width: 270px;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
border-radius:140px;
}
.active{ font-size:24px; color:#fff; position:relative; z-index:9; margin-top:-150px; float:none; text-align:center; }
ul.img-list li:hover .active{ opacity:0; -webkit-transition: opacity 800ms; -moz-transition: opacity 800ms; -o-transition: opacity 800ms;
transition: opacity 800ms;}

.left_tab p{ width:100%; height:64px; font-size:20px; padding-left:20px; line-height:55px; color:#000;}
.left_tab a p{ background-image:url(../images/left_bar2.png); background-repeat:no-repeat; background-size:100%; }
.left_tab a p:hover{  background-image:url(../images/left_bar.png); background-repeat:no-repeat; background-size:100%;  }

.btnn{ background-color:#f49941; padding:5px 15px; float:right; color:#FFF; text-transform:uppercase;}
.btnn:hover{ background-color:#000;}


@media (max-width:768px) {

#lower_section{ clear:both; position:relative; top:1100px;}
.left_tab p{ width:100%; height:64px; font-size:18px; padding-left:20px; line-height:45px; color:#000; background-size:100%;}
#right_panel{ margin-top:50px;}
.middle_side_data1{ width:100%; float:left; margin-top:20px;}
.middle_side_data1 a{ padding:5px; box-shadow:1px 1px 1px 1px #666; margin-left:2px; text-decoration:none; color:#666;}
.middle_side_data1 a:hover{ padding:5px; box-shadow:1px 1px 1px 1px #666; margin-left:2px; text-decoration:none; background-color:#d3b046; color:#FFF;}
}


footer{ width:100%; margin:30px 0 0 0; auto; padding:0; height:260px; background-color:#282828;}
.social_network{ padding-top:20px;}
.social_network a{ margin-left:5px;}
.support{ padding-top:20px;}
.support h4{ color:#FFF;}
.support h2{ font-style:italic; color:#f49941;}

#left_menu 
{
   list-style-type:none;
   font-size: 14px;
   padding:0;  

}
#left_menu li 
{
   
   margin:0px 0;
   padding:0;
  
   -webkit-border-top-right-radius: 10px 25px;
   -moz-border-radius-topright:10px 25px;
   border-top-right-radius: 0px 0px;
   -webkit-border-bottom-right-radius: 10px 25px;
   -moz-border-radius-bottomright:10px 25px;
   border-bottom-right-radius: 0px 0px;
 
   overflow:hidden;
 
}
#left_menu li a 
{
   text-decoration:none;
   display:block;
   padding:5px 0 5px 0px;
   color:#FFF;
  
}


input[type="text"]{
	margin:10px 0 10px;
	width:80%;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#707070;
	background:#fff;
	border:1px solid #ccc;
	font-style:italic;
}


.bottom_footer{ height:100px; width:100%; background-color:#f49941;}

@media (max-width:768px) {

footer{ width:100%; margin:0 auto; padding:0; height:1000px; background-color:#282828; position:relative; top:880px;}


}

#slide_section{ width:100%; margin:0 auto; padding:0; float:none;}
.left_slide_section{ width:25%; height:277px; float:left; background-color:#060;}
.left_slide_section img{ width:100%; height:277px;}
.right_slide_section{ width:75%; height:277px; float:right; background-color:#039;}
.right_slide_section img{ width:100%; height:277px;}

#content_bg{ width:100%; height:40px; background-color:#7d7e7f;}
#content_bg p {
    font-size: 16px;
    color: #fff;
    /* height: 40px; */
    overflow: hidden;
    line-height: 16px;
}


@media (max-width:768px) {

#slide_section{ width:100%; margin:0 auto; padding:0; float:none; position:relative; top:135px;}
.left_slide_section{ width:25%; height:150px; float:left; background-color:#060;}
.right_slide_section{ width:75%; height:150px; float:right; background-color:#039;}
.left_slide_section img{ width:100%; height:150px;}
.right_slide_section img{ width:100%; height:150px;}
#content_bg{ width:100%; height:40px; background-color:#7d7e7f; position:relative; top:135px;}
#content_bg p{ font-size:9px; line-height:13px;}
}

@media (max-width:768px) {

#data_section{ position:relative; top:140px;}


}

/*@media only screen and (max-width: 600px) {
  .right_section{ margin-top:20px !important; height:110px; overflow:hidden; }
}*/
.package img{ padding:18px;}
.package:hover{ opacity:0.8;}
.info img{ padding:18px; width:100%;}
.info img:hover{ opacity:0.8;}
.left_section{ width:110%;}
.left_section img{ width:100%; height:121px;}
.left_section h3{ margin:0; padding:0; margin-bottom:10px; text-align: left;}
.right_section{ margin-top:60px; height: auto; overflow:hidden; }


#slide_section img{ width:100%;}
.hotels{ background-color:#fff; padding:10px 0px; text-align:center; color:#f49941;}



/* @search 
********************************************************************************************
********************************************************************************************/

 
.searchform {
	position: relative;
	float: left;
	width:100%;
	margin:1px 1px 30px 1px;

	
}
 
.searchformhead input.s {
	margin: 0;
	padding:15px 5%;
	width:100%;
	line-height:1;
	font-size:14px !important;
	border:none;
	float:left;
	background-color:#FFF;
	
	
	color: #d6d6d6;
	font-weight:bold;
}
	

.searchformhead input.s:focus {
	/*width:90%;
	
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 0 6px #e0e0e0;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 0 6px #e0e0e0;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 0 6px #e0e0e0;
	*/
}
 
.searchSubmit {
	position: absolute;
	background-color:transparent;
	color:#fff !important;
	height: 40px;
	width: 40px;
	border: none;
	cursor: pointer;
	margin:0;
	overflow:hidden;
	top: 1px;
	float:right;
	font-size:12px !important;
	top:255px;
	right:20px;
}
	
	
.searchform {
	width:100%;
	clear: both;
	float: none;
	
}
.searchform input.s {
	padding:10px;
	margin:0 0 0 0;
	color:#999;
	text-transform:uppercase;
	font-size:10px !important;
	width:100%;
	font-weight:700;
	border: 1px solid #d9d9d9;
	
  }
 
.searchform .searchSubmit {
	
	height: 24px;
	top: 10px;
	right:5px;
}

.left_part{ width:100%;} 
.left_part img{ width:100%; height:120px; }
.middle_part{ width:100%; }
.right_part{ width:100%; text-align:center;}
.right_part span{ font-size:16px; margin-left:5px;}
.book a{ background-color:#c6c6c6; padding:5px 15px; color:#FFF; text-transform:uppercase; }
.book a:hover{ background-color:#51575b; color:#FFF;}
.link{ width:100%;}
.link a{ margin-left:3px;}
.left_shift{ padding-left:10px;}

.heading{ background-color:#7d7e7f; padding:10px; color:#FFF; font-size:18px;}
.details a{ padding:5px 15px; background-color:#c4c5c6; float:right; margin-top:-47px; margin-right:10px; color:#000;}
.details a:hover{ background-color:#7d7e7f; color:#FFF;}