@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:1500px;*/
	background-size:100%;
	
	
	
	
}
.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{ width:100%; margin:0 auto; padding:0; float:none; position:fixed; z-index:99999;}
#head_bar{ margin:0 auto; padding:0; width:100%; height:20px; background-color:#6e6e6e;}
.head{ margin:0 auto; padding:0; width:100%; height:100px; background-color:#FFF; box-shadow:1px 1px 3px 1px #6e6e6e;}
#left_side{ width:100%; height:100px; background-color:#6e6e6e; text-align:center;}
#left_side img{ margin:6px 0 0 6px;}
#middle_side{ width:100%; height:100px;}
#right_side{ width:100%; height:100px;}
#right_side h2{ text-align:right; font-family: myFirstFont1;}
#parasailing{ margin:0 auto; padding:0; width:100%; margin-top:-350px; position:relative; z-index:99;}
#parasailing img{ width:256px; height:379px;}
@media (max-width:768px) {
#right_side{ width:100%; height:100px; display:none;}

#parasailing{ width:100%; display:none;}

}
.banner{
  width: 100%;
  float: left;
  height: 300px;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner h1{
    margin-top:184px;
  font-size: 35px;
  text-align:center;
  color: #fff;
}

.packages{
    width:100%;
    float:left;
    margin-top:50px;
}
#tag_line{ width:100%; height:75px; position:relative; z-index:99; margin-top:-75px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0.65+0,0+60 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.65) 0%, rgba(102,102,102,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.65)), color-stop(60%,rgba(102,102,102,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0.65) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */}

#tag_line p{ font-size:24px; padding-top:15px; padding-left:20px; font-family: myFirstFont1; line-height:25px; color:#FFF; font-weight:bold;text-shadow:1px 1px 1px #000;}

@media (max-width:768px) {
#tag_line{ width:100%; height:75px; position:relative; z-index:99; margin-top:-250px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0.65+0,0+60 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.65) 0%, rgba(102,102,102,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.65)), color-stop(60%,rgba(102,102,102,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0.65) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */}

#tag_line p{ font-size:12px; padding-top:15px; padding-left:20px; font-family: myFirstFont1; line-height:20px; color:#FFF; font-weight:bold;text-shadow:1px 1px 1px #000;}

}

#trip_name{ width:100%; text-align:center; margin-top:120px; font-family: myFirstFont1;}
#trip_name h1{ font-size:46px;}
#trip_name p{ font-size:20px;}
#up_panel{ margin:0 auto; padding:0; width:80%; float:none;}
.left_panel_up{ width:30%; height:200px; background-color:#030; float:left;}
.left_panel_up img{ width:100%; height:100%;}
.left_panel_up p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

.middle_panel_up{ width:50%; height:200px; background-color:#9CF; float:left;}
.middle_panel_up img{ width:100%; height:100%;}
.middle_panel_up p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

.right_panel_up{ width:20%; height:200px; background-color:#06C; float:right;}
.right_panel_up img{ width:100%; height:100%;}
.right_panel_up p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

#down_panel{ margin:0 auto; padding:0; width:80%; float:none;}
.left_panel_down{  width:20%; height:200px; background-color:#06C; float:left;}
.left_panel_down img{ width:100%; height:100%;}
.left_panel_down p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

.middle_panel_down{ width:30%; height:200px; background-color:#963; float:left;}
.middle_panel_down img{ width:100%; height:100%;}
.middle_panel_down p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

.right_panel_down{ width:50%; height:200px; background-color:#030; float:right;}
.right_panel_down img{ width:100%; height:100%;}
.right_panel_down p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}



.left_panel_up a:hover, .middle_panel_up a:hover, .right_panel_up a:hover, .left_panel_down a:hover, .middle_panel_down a:hover, .right_panel_down a:hover{ opacity:0.7;}

@media (max-width:768px) {
#trip_name{ width:100%; text-align:center; margin-top:120px; font-family: myFirstFont1;}
#trip_name h1{ font-size:46px;}
#trip_name p{ font-size:20px;}
#up_panel{ margin:0 auto; padding:0; width:80%; float:none;}
.left_panel_up{ width:100%; height:200px; background-color:#030; float:left;}
.left_panel_up img{ width:100%; height:100%;}
.left_panel_up p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

.middle_panel_up{ width:100%; height:200px; background-color:#9CF; float:left; margin-top:10px;}
.middle_panel_up img{ width:100%; height:100%;}
.middle_panel_up p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

.right_panel_up{ width:100%; height:200px; background-color:#06C; float:right; margin-top:10px;}
.right_panel_up img{ width:100%; height:100%;}
.right_panel_up p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

#down_panel{ margin:0 auto; padding:0; width:80%; float:none;}
.left_panel_down{  width:100%; height:200px; background-color:#06C; float:left; margin-top:10px;}
.left_panel_down img{ width:100%; height:100%;}
.left_panel_down p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

.middle_panel_down{ width:100%; height:200px; background-color:#963; float:left; margin-top:10px;}
.middle_panel_down img{ width:100%; height:100%;}
.middle_panel_down p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}

.right_panel_down{ width:100%; height:200px; background-color:#030; float:right; margin-top:10px;}
.right_panel_down img{ width:100%; height:100%;}
.right_panel_down p{ font-size:18px; position:relative; z-index:9999; top:-70px; background-color:rgba(000,000,000,0.4); color:#FFF; padding:10px;}



}

section{
    width:100%;
    float:left;
}
footer{ width:100%; float:left; margin:0 auto; padding:0; height:260px; background-color:#282828; margin-top:100px;}
.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:#f2c31a;}

#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:50px; width:100%; background-color:#000;}

@media (max-width:768px) {

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


}