@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;
}

*{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;}
#slider{ margin:0 auto; padding:0; width:100%; float:none;}
#slider img{ width:100%;}
.logo{ width:100%; margin:0 auto; padding:0; position:relative; top:48px; text-align:center;}
#middle_side{ width:100%; margin:0 auto; padding:0; position:relative; top:40px; text-align:center;}
.bg_color{ width:100%; margin:0 auto; padding:0; position:relative; background-color:#f3951f; top:-950px; text-align:center;}
#middle_side ul{
    display:inline-flex !important;
}
@media (max-width:768px) {
	
	.logo{ width:100%; margin:0 auto; padding:0; position:relative; top:-230px; text-align:left;}
	.logo img{ width:40%;}
}

.welcome_section{ margin:0 auto; padding:0; width:50%; height:100px; margin-top:-575px;}
.welcome_section h1{ color:#f3991e; font-family: myFirstFont1; font-size:36px;}
.welcome_section span{ color:#00aeed; font-size:40px;}

@media (max-width:768px) {
	
	.welcome_section{ margin:0 auto; padding:0; width:50%; height:100px; margin-top:-150px;}
.welcome_section h1{ color:#f3991e; font-family: myFirstFont1; font-size:18px;}
.welcome_section span{ color:#00aeed; font-size:22px;}
}

.content_weekend{ margin:0 auto; padding:0; width:60%; height:100px; margin-top:50px; }
.content_weekend p strong{ font-size:18px; }
.data{ width:75%;}

@media (max-width:768px) {
	
	.content_weekend{ margin:0 auto; padding:0; width:80%; height:100px; margin-top:-40px; float:none; }
.content_weekend p strong{ font-size:12px; }
.data{ width:100%; font-size:10px;  }

}

.slider2{ margin:0 auto; padding:0; width:100%; float:none;  }
.slider2 img{ width:100%; margin-top:-200px;}


@media (max-width:768px) {
	
.slider2{ margin:0 auto; padding:0; width:100%; float:none;  }
.slider2 img{ width:100%; margin-top:120px;}

}


#packages{ margin:0 auto; padding:0; width:100%; margin-top:-500px;}
.left_packages{ margin:0 auto; width:80%; height:280px; overflow:hidden; border-radius:200px; margin-top:-490px; border:10px solid #FFF; box-shadow:2px 2px 3px 2px #666;}
.middle_packages{ margin:0 auto; width:80%; height:280px; overflow:hidden; border-radius:200px; margin-top:-250px; border:10px solid #FFF; box-shadow:2px 2px 3px 2px #666;}
.right_packages{ margin:0 auto; width:80%; height:280px; overflow:hidden; border-radius:200px; margin-top:-250px; border:10px solid #FFF; box-shadow:2px 2px 3px 2px #666;}

.left_packages img, .middle_packages img, .right_packages img{ width:100%; height:100%; }

.tag{ margin:0 auto; padding:0; text-align:right; margin-top:-110px;}
.tag p{ color: #FFF; font-weight:bold; margin-top:-45px; text-transform:uppercase; width:200px; height:20px; overflow:hidden; float:right; position:relative; z-index:99; margin-right:50px;}

.left_packages a, .middle_packages a, .right_packages a{ text-decoration:none;}
.left_packages a:hover, .middle_packages a:hover, .right_packages a:hover{ text-decoration:none; opacity:0.8;}

.details{ margin:0 auto; padding:0; width:100%; text-align:center; margin-top:70px;}
.details h3{ color:#e3a429;}
.details p{ margin:0 auto; width:80%; height:140px; overflow:hidden; color:#FFF;}

@media (max-width:768px) {
	
#packages{ margin:0 auto; padding:0; width:100%; margin-top:00px;}
.left_packages{ margin:0 auto; width:100%; height:260px; overflow:hidden; border-radius:200px; margin-top:00px; border:10px solid #FFF; box-shadow:2px 2px 3px 2px #666;}
.middle_packages{  margin:0 auto; width:100%; height:260px; overflow:hidden; border-radius:200px; margin-top:60px; border:10px solid #FFF; box-shadow:2px 2px 3px 2px #666;}
.right_packages{  margin:0 auto; width:100%; height:260px; overflow:hidden; border-radius:200px; margin-top:60px; border:10px solid #FFF; box-shadow:2px 2px 3px 2px #666;}

.left_packages img, .middle_packages img, .right_packages img{ width:100%; height:100%; }

.tag{ margin:0 auto; padding:0; text-align:right; margin-top:-110px;}
.tag p{ color: #FFF; font-weight:bold; margin-top:-45px; text-transform:uppercase; width:200px; height:20px; overflow:hidden; float:right; position:relative; z-index:99; margin-right:50px;}

.left_packages a, .middle_packages a, .right_packages a{ text-decoration:none;}
.left_packages a:hover, .middle_packages a:hover, .right_packages a:hover{ text-decoration:none; opacity:0.8;}

.details{ margin:0 auto; padding:0; width:100%; text-align:center; margin-top:70px;}
.details h3{ color:#e3a429;}
.details p{ margin:0 auto; width:80%; height:140px; overflow:hidden; color:#000;}

}

#footer{ margin:0 auto; padding:0; width:100%; text-align:center; margin-top:50px;}
#footer a img{ margin-top:20px; padding:10px;}


@media (max-width:768px) {
	
	#footer{ margin:0 auto; padding:0; width:100%; text-align:center; margin-top:50px; background-color:#008ad2;}
#footer a img{ margin-top:20px; padding:10px;}
	
}


#low_footer{ margin:0 auto; padding:15px 0; width:100%; height:50px; background-color:#008ad2;}
.left_side{ width:100%; float:left; color:#FFF;}
.right_side{ width:100%; text-align:right; color:#FFF;}
.right_side a{ text-decoration:none; color:#FFF;}
.right_side a:hover{ text-decoration:none; color:#FFF;}


@media (max-width:768px) {
	
#low_footer{ margin:0 auto; padding:0; width:100%; height:160px; background-color:#008ad2; text-align:center;}
.left_side{ width:100%; float:left; color:#FFF; margin-top:60px;}
.right_side{ width:100%; text-align:right; color:#FFF; margin-top:60px; text-align:center;}
.right_side a{ text-decoration:none; color:#FFF;}
.right_side a:hover{ text-decoration:none; color:#FFF;}
	
}