/*--------------------------+
 |	Design & Develope By	|
 |	Aina Shahbaz Ahmed		|	Home Page improvment idea > Nara.ae / Luxuyr Deset Safari Conect :: Luxury Mean a real safari for lifetime memorable experience, that nobody do
 +-------------------------*/
 
 /* Sub Page  :: foodpanda Heading k neechay Before Star icon:: Tour Vailable Green BAckground*/
 
 @charset "utf-8";
 
	*{
		margin: 0; padding: 0;
		}
	
	body{
		background-color:#f7f7f7;
		background-color: #ffffff;
		font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;
		font-family: "Segoe UI", 'Open Sans', Trebuchet MS, Tahoma, Geneva, Verdana, sans-serif;
		font-size: 14.3px;
		color: #474747;
		letter-spacing: 0.7px;
		}
	
	.clear{
		clear: both;
		}
	
	/*~~~ Header Top Menu ~~~~*/
	#h_Contnr{
		background-color: #CCCC00;
		display: block;
		}
		.h_Contnr{
			background-color: #fcfcfc;
			display: block;
			padding: 0 23px;
			}
			.h_Contnr_L{
				display: block;
				border-left: 1px solid #eeeeee;
				float: left;
				}
				.h_Contnr_L > a{
					background-color: #fcfcfc;
					color: #474747;
					line-height: 17.7px;
					padding: 7px 23px;
					text-decoration: none;
					border-right: 1px solid #eeeeee;
					border-bottom: 1px solid #ffffff;
					letter-spacing: 1.2px;
					float: left;
					}
					.h_Contnr_L > a:hover{
						background-color: #ffffff;
						color: #f09a02;
						border-bottom-color: #f9be22;
						}
				
				.h_Contnr_Phone{
					display: table-cell;
					width: auto;
					font-size: 13px;
					font-weight: 500;
					color: #898989;
					padding-top: 3px;
					float: right;
					}
					.h_Contnr_Phone span{
						font-size: 17px;
						font-weight: bold;
						color: #f79f00;
						}
	
	/*~~~:: Logo & Main  Menu Right ::~~~*/
	#h_Log{
		font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;
		font-size: 23px;
		font-weight: bold;
		color: #ee9707;
		color: #e71575;
		display: block;
		width: 167px;
		margin-left: 41px;		
		padding: 7px 0;
		letter-spacing: 0px;
		float: left;
		}		
		#h_Menu{
			display: block;
			width: 733px;
			width: auto;
			height: auto;
			float: right;
			}
			#h_Menu > a{
				background-color: #ffffff;
				font-size: 13.5px;
				font-weight: 500;
				color: #676767;
				line-height: 17px;
				padding: 14px 17px;
				text-decoration: none;
				border-bottom: none;
				letter-spacing: 1.4px;
				border-top: 1px solid #fff;
				border-left: 1px solid #eeeeee;
				float: left;
				}
				#h_Menu > a:hover{
					color: #e71575;
					border-top-color: #f9be22;
					border-top-color: #e71575;
					}
	
	/*~~~~ Currency Link ~~~~~*/	
	.curency_Div{
		position: relative;
		display: inline-block;
		padding: 0;
		float: right;
		background-color: #CCFF00;
		}
		.curency_Link{
			background-color: #f09a02;
			background-color:#e71575;
			font-size: 13px;
			color: #ffffff;
			font-weight: 500;
			line-height: 23px;
			padding: 11.5px 17.5px;
			border: none;
			letter-spacing: 1px;
			}
		.curency_Name{
			background-color:#FFFFFF;
			width: 399px;
			padding: 11px 0 7px 11px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			position: absolute;
			top: 45px;
			right: 0;
			z-index: 1;
			display: none;	/*:: Hide Currency Link Box ::*/
			}
			.curency_Name label{
				background-color:#ffffff;
				width: 47%;
				height: auto;
				margin-right: 2%;
				margin-bottom: 7px;
				float: left;
				}
				.curency_Name label a{
					display: inline-block;
					font-size: 13px;
					color: #676767;
					padding: 5px;
					text-decoration: none;
					}
				.curency_Name a:hover{
					text-decoration: underline;
					color: #474747;
					}
			
			/*~~~ onMouse HOver > Show Currency Box ::~~~*/
			.curency_Div:hover .curency_Name {display: block;}
			.curency_Div:hover .dropbtn {background-color: #f9be22;}
	
	
	/*~~~:: icon Menu For Mobile :: ~~~*/
	.h_icon_Link{
		width: auto;
		padding-top: 11px;
		float: right;		
		
		display: none;
		}
		.h_icon_Link a{
			display: block;
			width: auto;
			margin-right: 10px;
			padding: 5px 7px;
			float: left;
			border: 1px solid #ffffff;
			}
		
		span.h_icon_Pic{
			font-size: 25px;
			color: #474747;
			width: 25px;
			line-height: 20px;
			text-align: center;
			float: left;
			}
			span.infotour{
				width: auto;
				font-size: 13px;
				line-height: 23px;
				padding-top: 3px;
				display: none;
				float: left;
				}
	
	
		
	
	/*~~~:: Footer ::~~~*/
	#f_Contnr{
		display: block;
		width: 100%;
		height: auto;
		padding: 23px 0;
		border-top: 1px solid #e5e5e5;
		}
		.f_Contnr{
			width: 1177px;
			margin: 0 auto;
			}
			
			/*~~~:: About info ::~~~*/
			.f_left{
				display: block;
				width: 447px;
				height: auto;
				line-height: 23px;
				text-align: justify;
				color: #676767;
				float: left;
				}
				.f_left span{
					font-size: 20px;
					font-weight: bold;
					color: #e71575;
					display: block;
					margin-bottom: 7px;
					letter-spacing: 0;
					}
			
			/*~~:: Footer Link Box ::~~~*/
			.f_LinkDiv{
				width: 157px;
				height: auto;
				margin-left: 57px;
				float: left;
				}
				.f_LinkDiv span{
					display: block;
					font-size: 13.7px;
					font-weight: bold;
					color: #898989;
					margin-bottom: 11px;
					text-decoration: underline;
					}
				.f_LinkDiv a{
					display: block;
					color: #898989;
					line-height: 17px;
					text-decoration: none;
					margin-bottom: 11px;
					}
					.f_LinkDiv a:hover{
						text-decoration: underline;
						}
			
			/*~~~:: Footer Right Email/Phone ::~~~*/
			.f_right{
				width: 299px;
				float: right;
				}
				.f_right span{
					display: block;
					font-size: 15px;
					font-weight: bold;
					color: #e71575;
					line-height: 23px;
					padding-left: 11px;
					margin-bottom: 17px;
					border-left: 3px solid #ededed;
					}
					.f_right span label{
						font-size: 13px;
						font-weight: 500;
						color: #474747;
						display: block;
						line-height: 17px;
						}
			
			/*~~~:: Footer Payment Copyright ::~~~*/
			#f_payicon{
				display: block;
				width: 674px;
				height: auto;
				margin-top: -35px;
				padding-top: 7px;
				border-top: 1px dashed #dfdfdf;
				float: right;
				}
				#f_payicon span{
					display: block;
					float: left;
					}
					#f_payicon span img{
						display: inline;
						padding-right: 11px;
						}
				#f_payicon p{
					font-size: 13px;
					display: inline;
					line-height: 23px;
					float: right;
					}
	
	/*~~~:: Responsive ::~~~*/
	@media screen and (max-width: 477px){
	
		.h_Contnr{
			display: none;
			}
			
			#h_Log{
				width: auto;
				font-size: 17px;
				margin-left: 7px;
				padding: 15px 0;
				}
			
			#h_Menu{
				display: none;
				}
			
		
		/*:: Hide Currency Menu on Phone Layout ::~~*/		
		.curency_Div{
			display: none;
			}
		
		/*~~~:: Phone icons Menu ::~~~~ */
		.h_icon_Link{
			display: block;
			}
		
		/*~~~:: Footer ::~~~*/
		#f_Contnr{
			padding: 17px 0;
			}
		
		.f_Contnr{
			display: block;
			width: 100%;
			}
			.f_left{
				display: none;
				}
			
			/*~~~:: Footer Link & Phone ::~~~*/
			.f_LinkDiv{
				width: 115px;
				margin-left: 11px;
				}
				.f_LinkDiv a{
					display: block;
					font-size: 12.5px;
					text-decoration: underline;
					}
			
			.f_right{
				display: block;
				width: 222px;
				margin-top: 11px;
				margin-right: 7px;
				}
				.f_right span{
					font-size: 13px;
					color: #474747;
					margin-bottom: 11px;
					padding-left: 7px;
					-webkit-text-fill-color: #474747;
					}
					.f_right span label{
						font-size: 12.5px;
						}
			
			/*~~~:: Footer Payment Copyright ::~~~*/
			#f_payicon{
				display: block;
				margin: 0 0 0 11px;
				width: calc( 100% - 17px );
				float: none;
				}
				
				#f_payicon span{
					float: none;
					}
					
				#f_payicon p{
					display: block;
					float: none;
					}
	
	}	/*~~~:: Responsive ::~~~*/
	
	
	/* iPhone 5S  ~~*/
	@media screen and (max-width: 331px){
		
		/*~~~:: Footer ::~~~*/
		.f_right_Main{
			display: block;
			width: 100%;
			float: none;
			background-color:#CCCC00;
			}	/*:: Footer Link ki Div ko Wesay he rehnay do :: and apply above code to see result */
		
		.f_LinkDiv{
			display: block;
			width: auto;
			margin: 0 7px;
			float: none;
			background-color:#CCCC00;
			}
			.f_LinkDiv a{
				display: inline-block;
				font-size: 13px;
				
				
				margin-right: 11px;
				background-color:#fcfcfc;
				}
		
		.f_right{
			background-color:#CCFF00;
			display: block;
			width: auto;
			margin: 0 7px;
			float: none;
			}
			
	
	}