@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:#dedede;
	text-align:justify;
	background-size:cover;
	font-family: myFirstFont;
	font-size:14px;
	min-height:1500px;
	background-size:100%;
	/*background:url(../images/bg.jpg);
	background-repeat:repeat;*/
	
	
	
	
}
.clear{
	clear:both;
}

*{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{ margin:0 auto; padding:0; width:100%; float:none;}
#head{ width:100%; height:50px; background-color:#6dc6e7; position:fixed; z-index:999; top:0;}
.tag_line{ margin:0 auto; padding:0; width:100%; height:98px; background-image:url(../images/tagline_bg.jpg); background-repeat:no-repeat; background-size:100%;}
.left_tagline h3{ margin:0 auto; padding:0; text-transform:uppercase; line-height:40px; font-weight:bold; color:#FFF;}
.left_tagline h1{ margin:0 auto; padding:0; text-transform:uppercase; line-height:5px; font-size:42px; font-weight:bold; color:#FFF;}
.left_tagline h1 span{ font-size:24px; padding-left:10px; color:#FFF;}
.right_tagline{ margin:0 auto; padding:0;}
.right_tagline p{ font-size:18px; height:28px; overflow:hidden;  margin-left:50px;}


@media (max-width:768px) {
.tag_line{ margin:0 auto; padding:0; width:100%; height:98px; background-size:100%; position:relative; top:-305px; background-image:none; background-color:#6dc6e7;}
.right_tagline p{ font-size:18px; height:78px; overflow:hidden; margin-top:25px; margin-left:0px; width:100%; text-align:center;}
}

#middle_panel{ width:100%; margin:0 auto; padding:0; float:none; min-height:500px; }
.left_panel{ width:32%; float:left; min-height:500px; background-color:#FFF;}
.right_panel{ width:68%; float:right; min-height:500px; }

.panel{ min-height:1000px; background-color:#FFF; width:75%; float:right;}
.panel h1{ text-align:center;}
.panel span{ font-size:28px;}
.panel p{ padding:20px; height:300px; overflow:hidden;}


#marquee-vertical li{ height:100px; overflow:hidden; }


.left_p{ width:40%; float:left; height:100px; background-color:#039;}
.left_p img{ width:100%; height:100px; border:10px solid #999;}
.right_p{ width:57%; float:right; height:100px; }
.right_p h5{ border-bottom:1px solid #CCC; padding-bottom:10px;}
.right_p span{ font-size:14px; margin-left:10px; text-align:left; margin-top:-20px; }

#panel_no1{ width:100%; margin:0 auto; padding:0;}
.left_panel_no1{ width:40%; height:254px; float:left; padding:30px 20px;}
.left_panel_no1 img{ width:100%; height:240px;}
.right_panel_no1{ width:50%; height:254px; float:left; padding:10px 20px;}

.right_panel_no1 p{ height:120px; overflow:hidden;}
.details a{ text-decoration:none; background-color:#6dc6e7; color:#FFF; padding:7px 15px; text-transform:uppercase; float:right; margin-top:120px; clear:both;}
.details a:hover{ background-color:#FFF; color:#6dc6e7; box-shadow:1px 1px 2px 1px #999;}


#panel_no2{ width:97.8%; margin:0 auto; padding:0; background-color:#FFF; min-height:300px; margin-left:20px;}
.left_panel_no2{ width:50%; height:200px; float:left; padding:10px 20px;}
.left_panel_no2 p{ height:120px; overflow:hidden;}
.right_panel_no2{ width:40%; height:200px; float:left; padding:30px 20px;}
.right_panel_no2 img{ width:100%; height:240px;}


@media (max-width:768px) {

.left_panel{ width:90%; float:none; min-height:500px; background-color:#FFF; margin:0 auto; padding:0; position:relative; top:-200px;}
.panel{ min-height:1000px; background-color:#FFF; width:100%; float:none;}
.design{ width:100%;}
.panel p{ padding:20px; height:320px; overflow:hidden;}
.right_panel{ width:100%; float:none; min-height:500px; margin-top:-200px;}

#panel_no1{ width:100%; margin:0 auto; padding:0;}
.left_panel_no1{ width:40%; height:120px; float:left; padding:30px 20px;}
.left_panel_no1 img{ width:100%; height:120px;}
.right_panel_no1{ width:50%; height:254px; float:left; padding:10px 20px;}
.right_panel_no1 h1{ font-size:24px;}

#panel_no2{ width:97.8%; margin:0 auto; padding:0; background-color:#FFF; min-height:300px; margin-left:20px;}
.left_panel_no2{ width:50%; height:200px; float:left; padding:10px 20px;}
.left_panel_no2 p{ height:120px; overflow:hidden;}
.right_panel_no2{ width:40%; height:120px; float:left; padding:30px 20px;}
.right_panel_no2 img{ width:100%; height:120px;}
}

#foot{ margin:0 auto; padding:0; width:100%; float:none; background-color:#6dc6e7; height:300px;}

.social_network{ margin-top:40px;}
.social_network a{ margin-left:5px;}
.support{ margin-top:40px;}
.support h4{ color:#FFF;}
.support h2{ font-style:italic; color:#47526b;}

#left_menu 
{
   
   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;
   
  
}

#left_menu li a:hover{ color:#3d5193;}

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;
	height:22px;
}


@media (max-width:768px) {

#foot{ margin:0 auto; padding:0; width:100%; float:none; background-color:#6dc6e7; height:1000px;}
}



.design{ width:100%;}

#left_menu1 a{ text-decoration:none; margin-left:10px;}

.hotels{ width:100%; margin:0 auto; padding:0px; text-align:center; text-transform:uppercase; color: #FFF;}
.hotels h3{ background-color:#6dc6e7; padding:15px 0px 15px 0px; color:#FFF; }
.hotels img{ width:100%; height:217px; margin:0 auto; padding:0; margin-top:-10px;}
.hotels a:hover{ opacity:0.7;}
.name_sec{ font-size:28px; color:#6dc6e7; text-transform:uppercase; margin-top:20px;}
.name_sec p{ width:40%; float:left;}
.right_text{ float:right; text-align:right; position:relative; width:60%;}
.right_text img{ margin-top:0px; }
.right_text a{ margin-right:3px;}

@media (max-width:768px) {

.name_sec{ font-size:28px; color:#6dc6e7; text-transform:uppercase; margin-top:20px; width:100%;}
.name_sec p{ width:100%; float:none; text-align:center;}
.right_text{ float:right; text-align:center; position:relative; width:100%;}
}


#total_panel{ width:97.8%; margin:0 auto; padding:0; background-color:#FFF; min-height:200px; margin-left:20px;}
#total_panel h2{   font-family: mysecondFont; margin-left:20px;}
#total_panel p{ height:145px; overflow:hidden; width:86%; margin-left:20px;}


#panel_no3{ width:97.8%; margin:0 auto; padding:0; background-color:#FFF; min-height:300px; margin-left:20px;}
.left_panel_no3{ width:40%; height:200px; float:left; padding:10px 20px;}
.left_panel_no3 h1{ font-size:32px;}
.left_panel_no3 img{ width:100%; height:180px;}
.right_panel_no3{ width:50%; height:200px; float:left; padding:30px 20px;}
.right_panel_no3 p{ margin-top:35px; height:120px; overflow:hidden;}
.map{ width:90%; text-align:center; margin:0 auto; padding:0; float:none; border:10px solid #999;}


@media (max-width:768px) {
#total_panel{ width:90%; margin:0 auto; padding:0; background-color:#FFF; min-height:200px; margin-left:16px;}
#total_panel h2{   font-family: mysecondFont; margin-left:20px; text-align:left;}
#total_panel p{ height:145px; overflow:hidden; width:86%; margin-left:20px;}
.left_panel_no3 img{ width:100%; height:120px;}
#panel_no3{ width:90%; margin:0 auto; padding:0; background-color:#FFF; min-height:220px; margin-left:16px;}
}


#destination_part{ margin:0 auto; padding:0; float:none; height:474px; background-color:#FFF; width:100%;}
#left_destination_part{ width:35%; float:left; height:474px; background-color:#FFF; text-align:center;}
#right_destination_part{ width:65%; float:right; height:474px; background-color:#FFF; text-align:left;}
#left_destination_part img{ margin-top:150px; width:244px; height:216px; }
#right_destination_part img{ position:relative; bottom:0; top:100px; width:90%; height:374px;}

@media (max-width:768px) {
#destination_part{ margin:0 auto; padding:0; float:none; height:474px; background-color:#FFF; width:100%;}
#left_destination_part{ width:90%; float:none; height:474px; background-color:#FFF; text-align:center; margin:0 auto; padding:0;}
#right_destination_part{ width:65%; float:right; height:474px; background-color:#FFF; text-align:left; display:none;}
#left_destination_part img{ margin-top:150px; width:100%; height:auto;}
#right_destination_part img{ position:relative; bottom:0; top:150px; width:90%; height:auto;}
}



.hotels{ width:100%; color: #FFF; background-color:#FFF; margin:0 auto; padding:15px 0px; text-align:center; text-transform:uppercase; font-size:18px;}
.left_part{ width:100%;}
.left_part img{ width:100%; height:140px;}
.middle_part{ width:100%; }
.right_part{ width:100%; text-align:center;}
.right_part span{ font-size:16px; margin-left:5px;}
.book a{ background-color:#6dc6e7; padding:5px 15px; color:#FFF; text-transform:uppercase; }
.book a:hover{ background-color:#51575b; color:#FFF;}
.link{ width:100%;}
.link a{ margin-left:0px;}
.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;}




@media (max-width:768px) {
	
.link{ width:120%; margin-left:-20px;}
.link a{ margin-left:0px;}


  }


.left_side{ width:30%; float:left; background-color:#000; height:100px;}

.left_side img{ width:100%; height:100px; border:10px solid #e0dfdf;}


.right_side{ width:70%; float:right;  height:100px; padding:0px 10px;}
.right_side h2{ margin:0 auto; padding:0; font-size:24px; color:#000;}

.content_p{ height:20px; overflow:hidden;}
.details a{ float:right; background-color:#6dc6e7; padding:5px 10px; color:#FFF; text-transform:uppercase; margin-top:10px;}

@media (max-width:768px) {
.middle_section_low{ margin-top:100px;}
.package_name{ color:#aca935; width:100%; text-align:center;}
}




.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:#6dc6e8; color:#FFF;}