@charset "utf-8";
/* CSS Document */
@import url("font.css");
.clear{ clear:both;}

html{ width:100%; height:100%; margin:0; padding:0;
}

body{ width:100%; height:100%; margin:0; padding:0;
 /*background:url(../image/bg.jpg) no-repeat fixed;
background-size:100% auto; */
font-family:'Kirvy-Bold',"Times New Roman", Times, serif;
font-size:13px;
}

h1{
	padding:0;
	margin:0;
	/*font-size:24px;*/
	font-size:130%;
	color:#000000;
	font-family:'Zian free promo_2015 con kerning','Kirvy-Bold',"Times New Roman", Times, serif;
	font-weight:normal;
	text-transform:lowercase;
	
	
}

h2{
	padding:0;
	margin:0;
	font-size:24px;
	color:#ccc;
	font-family:'Zian free promo_2015 con kerning','Kirvy-Bold',"Times New Roman", Times, serif;
	text-align:center;
	text-transform:lowercase;
	font-weight:normal;
}

h3{
	padding:0;
	margin:0;
	font-size:30px;
	color:#000;
	font-family:'Kirvy-Bold',"Times New Roman", Times, serif;
	text-align:center;
	letter-spacing:-1px;
	
}

h4{
	padding:0;
	margin:0;
	font-size:18px;
	color:#00e1bf;
	font-family:'Kirvy-Bold',"Times New Roman", Times, serif;
	font-weight:normal;
	}
h5{
	padding:0;
	margin:0;
	font-size:15px;
	color:#333;
	font-family:'Kirvy-Bold',"Times New Roman", Times, serif;
	text-align:center;
	font-weight:normal;
}


.container-div{ width:100%; padding:0; margin:0; background:url(../image/bg.jpg) no-repeat ;
background-size:100% auto;}

.top_frame{ width:75%; margin:auto; background: none;}

.logo{ width:25%; float:left; margin-top:8px;}
.logo img{ width:100%;
}
.but_frame{ width:62%; float:right; background: url(../image/button_bg.png) repeat-x ;
border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	margin-top:5%;
	border:solid 1px #000000;
	 
}
/*.but_frame ul{opacity: 1.0;
    filter: alpha(opacity=100);
	margin:0; padding:0;
	}*/
/*.but_frame li{ color:#FFFFFF; font-weight:bold;
padding:0px 5px; float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#01ddac;
-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	border-radius:30px;
	margin:5px;




}	*/

.but_frame2{ width:70%; float:right; background: url(../image/button_bg.png) repeat-x ;

}

.but_frame2 ul{opacity: 1.0;
    filter: alpha(opacity=100);
	margin:0; padding:0;
	list-style:none;
	}
	
.but_frame2 li{ color:#FFFFFF; font-weight:bold;
padding:5px 20px; float:left;
font-family:'Kirvy-Bold';
font-size:12px;

}	











.cart_fidein{ position:fixed; width:100%; background:#000; display:none; top:0; z-index:1000;}


.main{ width:100%; padding-top:28%; margin:auto;}

.categories_frame{ width:75%; background:#fff; margin:auto; position:relative;
opacity: 0.98;
    filter: alpha(opacity=98);
	
	
}
.categories_frame::after {
  content: "";
  position: absolute;
  width:21px;
  height:180px;
top:0px;
  right:-21px;
  background:url(../image/shadow.png) no-repeat;
  }
  
  .categories_frame::before {
  content: "";
  position: absolute;
  width:21px;
  height:180px;
top:0px;
  left:-21px;
  background:url(../image/shadow2.png) no-repeat;
  }

.categories_frame-in-1, .categories_frame-in-2, .categories_frame-in-3{
	width:30.9%;
	margin:12px 1.2%;
	float:left;
	background:none;
}


.categories_frame-in-img{
	width:100%;
}
.categories_frame-in-img img{ width:100%; border:none;}
.heading_frame{ width:100%; margin:auto; padding:11px 0; border-bottom:solid 2px #aaaaaa;}
.heading_sub{
	float:left;
	background:none;
}
.heading_frame_but{ width:20%; padding:5px; float:right; background:#00e1bf; height:30px; text-align:center; color:#FFFFFF; cursor:pointer; }
.heading_frame_but a{ color:#FFFFFF;}


.heading_frame_but:hover{ 
background:#04bb9f;
-webkit-transition: background-color 0.5s ease-in;
  -moz-transition: background-color 0.5s ease-in;
  -o-transition: background-color 0.5s ease-in;
  transition: background-color 0.5s ease-in;
}


.pakages_frame{
	width:100%;
	padding:10px 0;
	margin-top:30px;
	background:url(../image/pakage_bg.jpg) fixed bottom no-repeat;
	background-size:cover;
	
  /*-moz-background-size:100% auto;
-webkit-background-size:100% auto;
-o-background-size:100% auto;*/
 }
.pakages_indiv{
	width:75%;
	margin:auto;
}
.pakages_indiv h3{
	padding:0;
	margin:0;
	font-size:28px;
	color:#fff;
	font-family:'Kirvy-Bold',"Times New Roman", Times, serif;
	text-align:center;
	letter-spacing:-1px;
	
}



.comunity_icon_frame{
	width:40%;
	padding:10px 0;
	margin:20px auto;
	
	text-align:center;
	
}
.comunity_icon{
	padding:3%;
	background: #666666;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-khtml-border-radius:50px;
	border-radius:50px;
	float:left;
	margin:2%;
	width:80px;
	height:80px;

}
.comunity_icon:hover{
background:#04bb9f;
-webkit-transition: background-color 0.5s ease-in;
  -moz-transition: background-color 0.5s ease-in;
  -o-transition: background-color 0.5s ease-in;
  transition: background-color 0.5s ease-in;
  cursor:pointer;
	
	}



.comunity_icon img{ width:80%;}

.comunityfull{
	width:40%;
	margin:10px auto 0 auto;
	text-align:center;
	
}
.comunityfull img{ width:100%;}

.quarytous{
	padding:8px;
	margin:10px auto;
	background:#00e1bf;
	border:#04bb9f solid 1px;
	color:#FFFFFF;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-khtml-border-radius:50px;
	border-radius:50px;
	cursor:pointer;
}
.quarytous:hover{ background:#04bb9f;}


.footer{ width:100%; background:#333333; }
.footer_in{ width:75%; margin:auto;}
.footer_in-dives{
	width:32%;
	
	float:left;
	margin:10px 0.5%;
	background:none;
}

.footer_in-dives ul{ list-style-type: circle; padding:0; margin:6% 0; }
.footer_in-dives li{ margin:5px 0; color:#CCCCCC; font-size:12px; font-family:'Kirvy-Bold';}
.footer_in-dives li a{color:#CCCCCC; text-decoration:none; }
.footer_in-dives li a:hover{color:#00e1bf; text-decoration:underline;
-webkit-transition:color 0.5s ease-in;
  -moz-transition:color 0.5s ease-in;
  -o-transition:color 0.5s ease-in;
  transition:color 0.5s ease-in; }


.powerd{ width:100%; margin: auto; text-align:center; color:#CCCCCC; font-size:12px;}


/*----------------------services---------------------------------------------------------------------------------*/
.container-div_services{ width:100%; padding:0; margin:0; background:url(../image/services-bg.jpg) no-repeat ;
background-size:cover;}


.services_div_frame{
	width:22.5%;
	margin:12px 1.2%;
	float:left;
	background:#fff;
}

/*----------------------services---------------------------------------------------------------------------------*/

.quary-but{ 

	padding:5px 10px;
	background:#09bca1;
	color:#FFFFFF;
	width:50px;
	text-align:center;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-html-border-radius:5px;

text-decoration:none;

}
.quary-but:hover{
	background:#06e1c0;
	cursor:pointer;
}


.allservices{ width:75%; margin:30px auto; text-align:center;}

.allservices ul{ list-style-type:none; padding:0; margin:0; text-align:center;}
.allservices li{padding:5px; margin:5px 10px; float:left; max-width:inherit; font-size:15px; text-align:center;}

.allservices li a{ color: #000000; text-decoration:none;}
.allservices li a:hover{ color: #00b79b; text-decoration: underline;}


/*----------------------------------contact--------------------*/
.adress-1{
	width:45%;
	float:left;
	
	padding-top:10px;
}
.adress-2{
	width:45%;
	float:right;
	
	padding-top:10px;
	
}

.adress-1 h4, .adress-2 h4{ text-align:center;}

.adress-1 p{ text-align:justify; padding:5px 10px;}
.adress-2 p{ text-align:center; padding:5px 10px; line-height:24px;}

.adress-1 img{ width:100%;}
.textbox{
	width:100%;
	height:30px;
	background:#F5F5F5;
	border: #eeeded solid 1px;
	color:#000;
	font-size:14px;
	padding:2px 5px;
	font-family:Arial, Helvetica, sans-serif;
}
.textarea{
	width:100%;
	height:150px;
	background:#F5F5F5;
	color:#66666; font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 5px;
	border: #eeeded solid 1px;
	color:#000;
}
.button_contact{
	
	background: #333;
	border:none;
	border-bottom:1px solid #666666;
	color:#fff;
	font-size:12px;
	padding:8px 15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-html-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
	
}

.button_contact:hover{-webkit-box-shadow: 1px 5px 3px -6px #777;
	   -moz-box-shadow: 1px 5px 3px -6px #777;
	        box-shadow:1px 5px 3px -4px #fff;}



/*----------------------------------contact--------------------*/

/*----------------------------------tour--------------------*/

.tour-imageframe{
	width:24%;
	margin:12px 0.5%;
	float:left;
	background:none;
}
.tour-imageframe img{ width:100%;}

.tour-imageframe-2{
	width:99%;
	margin:10px auto;
}
.tour-imageframe-2 img{
	width:100%;

}


.tour-heading{ width:99%; margin:20px  auto; background:#000000; padding:20px 1%;}
/*----------------------------------tour--------------------*/
/*----------------------------------hit deal--------------------*/

.hoatdeal{ width:30px; height:110px; padding:5px 0; position:fixed; top:20%; right:0; background:#FF0000; z-index:2000;}
.hoatdeal img{ width:100%; height:auto;}



.hoatdealframe{ width:100%;}
.hoatdealframe-text{ width:60%; float:right; margin-top:20px;}
.hoatdealframemore{
	width:90%;
	text-align:right;
	clear:both;
	margin: 5%;
}

.hoatdealframemore a{
text-decoration:none;
color:#0066CC;
}
.hoatdealframemore a:hover{
text-decoration: underline;
color:#333;
}


.hoatdealframe-image{float: left; margin: 12px 1.2%; width: 30.9%;}
.hoatdealframe-image img{ width:100%}




.video{
	margin:2%;
	width:96%;
}


.main_content{
	width:72%;
	float:left;
	background:none;
	padding:.5%;
	border-right:#333333 solid 1px;
}

.Lside_div{
	width:25%;
	margin:1%;
	float:left;
	background:none;
}


.sideimgfram{ margin-top:15px; padding-bottom:10px; border-bottom:#666666 solid 1px;}

.realt_vid img{ width:100%;}
/*----------------------------------hit deal--------------------*/







@media (max-width: 1300px) {

.but_frame{ width:65%; }

}


@media (max-width: 1200px) {

.top_frame{ width:80%;}

.logo{ width:30%;}


.categories_frame{ width:80%;}

.pakages_indiv{
	width:80%;
}
.comunity_icon_frame{
	width:50%;
}

.footer_in{ width:80%;}


}

@media (max-width:1024px) {
.but_frame{ width:68%; 
}

.but_frame2{ width:80%; 
}

}



@media (max-width: 960px) {

.top_frame{ width:90%;}

.but_frame{ width:70%; 
	 
}




.main{ padding-top:25%; margin:auto;}


.categories_frame{ width:90%;}

.pakages_indiv{
	width:90%;
}
.comunity_icon_frame{
	width:60%; text-align:center;
}

.comunityfull{
	width:50%;
	
	
}

.footer_in{ width:90%;}





.services_div_frame{
	width:29.2%;
	margin:12px 2%;
	float:left;
	background:#fff;
}



.tour-imageframe{
	width:48%;
	
	float:left;
	
}

}




@media screen and (max-width: 780px) {

.cart_fidein{width:0; background: none; display:none; top:0;z-index:0;}

.but_frame{ border:none;}
.but_frame2{ display:none;}


.top_frame{ width:100%;}

.main{ padding-top:18%;}

.but_frame{ margin:auto; float:none; width:70%; z-index:10010;}

.logo{ width:40%; float:none; margin:auto;}

.categories_frame{ width:95%;}


.categories_frame-in-1, .categories_frame-in-2, .categories_frame-in-3{
	width:90%;
	margin:12px auto;
	float:none;
	padding-top:10px;
	position:relative;
}


.categories_frame-in-1::after {
  content: "";
  position: absolute;
  width:21px;
  height:180px;
top:9px;
  right:-21px;
  background:url(../image/shadow.png) no-repeat;
  }
  .categories_frame-in-1::before {
  content: "";
  position: absolute;
  width:21px;
  height:180px;
top:8px;
  left:-21px;
  background:url(../image/shadow2.png) no-repeat;
  }




h1{
	
	
	font-size:180%;
	
	
}



.pakages_indiv{
	width:95%;
}
.comunity_icon_frame{
	width:45%;
}

.comunityfull{
	width:80%;
	
	
}

.footer_in{ width:100%; padding-top:10px;}

.footer_in-dives{
	width:80%;
	height:auto;
	float:none;
	margin:10px auto;
	border-bottom: solid 1px #999999;
	
}


/*srvice*/


.services_div_frame{
	width:45%;
	margin:12px 2%;
	float:left;
	background:#fff;
}
h5{ font-size:20px;}
/*srvice*/




.adress-1{ width:95%; float:none;}
.adress-2{ width:95%; float:none; }

.adress-2 p{ text-align:center;}


.main_content{
	width:100%;
	float:none;
	
	border-right:0;
}

.Lside_div{
	width:100%;
	margin:1%;
	float:none;
	
}

.sideimgfram{ padding-bottom:none; border-bottom:none; float:left; width:25%; }

.sideimgfram h5{ font-size:12px;}

.tour-imageframe{
	width:80%;
	margin: auto;
	float:none;
	
}

}





@media screen and (max-width: 500px) {

.but_frame{ 
}
h3{

	font-size:30px;

}


.comunity_icon_frame{
	width:80%;
}

/*srvice*/


.services_div_frame{
	width:90%;
	
	float:none;
	margin: 10px auto
	
}
/*srvice*/
.hoatdeal{ width:25px; height:100px; top:5%;}
}