/*--------------------------+
|	Design & Develope By	|
|	Aina Shahbaz Ahmed		|
+-------------------------*/

	@charset "utf-8";
	
	*{
		margin: 0;
		padding: 0;
		}
	
	body{
		font-family: 'Open Sans', Trebuchet MS, Arial,Helvetica,sans-serif;
		font-size: 14px;
		color: #474747;
		}
	
	/*~~~::  Header Logo ::~~~*/
	#b_Contnr{
		display: block;
		background-color:#FFE500;
		background: linear-gradient(to left, #FFCB00 15%, #FFE500);
		width: 100%;
		padding-top: 1px;
		}
		#b_Logo{
			display: block;
			width: auto;
			height: 60px;
			margin-left: 7%;
			float: left;
			}
		
		#contct{
			background-color: #171717;
			display: block;
			width: 177px;
			position: relative;
			z-index: 777;
			float: right;
			}
			#contct_L{
				background-color: #171717;
				display: block;
				width: 47px;
				height: 100%;
				height: 60px;
				position: absolute;
				
				content: '';
				z-index: -1;
				top: 0;
				left: -10px;
				
				-webkit-transform: skew(177deg);
				-moz-transform: skew(177deg);
				-ms-transform: skew(177deg);
				-o-transform: skew(17deg);
				transform: skew(17deg);
				
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				float: left;
				}
			
			#contct_R{
				display: block;
				width: 100%;
				padding: 7px 0;
				font-size: 14px;
				line-height: 23px;
				font-weight: 500;
				color: #FFCB00;
				-webkit-text-fill-color: #FFCB00;
				letter-spacing: 0.5px;
				z-index: 777;
				float: left;
				}
				#contct_R span{
					display: block;
					font-size: 18.7px;
					font-weight: bold;
					letter-spacing: 0.7px;
					}
		
		/*~~~:: Tour Menu ::~~~*/
		#b_Menu{
			display: block;
			width: auto;
			height: auto;
			padding: 11px 14px 0 11px;
			float: right;
			}
			ul{
				display: block;
				list-style-type:none;
				padding: 5px;
				margin:0;
				}
			/*Create a horizontal list with spacing*/
			li{
				display:inline-block;
				margin-right: 7px;
				}
				/*Style for menu links*/
				li a{
					background-color: #474747;
					border: 1px solid #474747;
					display: inline-block;
					width: auto;
					color: #ffffff;
					font-weight: 500;
					line-height: 23px;
					padding: 7px 17px;
					letter-spacing: 0.7px;
					text-decoration: none;
					box-sizing: border-box;
					text-transform: capitalize;
					}
				/*Hover state for top level links*/
				li:hover a,
				a.Link_Show_Tour:hover{
					background-color: #FFCB00;
					border-color: #ffffff;
					color: #474747;
					}
		
		/*Style 'show menu' label button and hide it by default*/
		a.Link_Show_Tour{
			background-color: #171717;
			border: 1px solid #171717;
			border-right: none;
			display: inline-block;
			width: auto;
			color: #ffffff;
			font-size: 14px;
			font-weight: 500;
			line-height: 17px;
			padding: 7px 11px;
			margin-top: 17.7px;
			letter-spacing: 0.7px;
			text-decoration: none;
			box-sizing: border-box;
			text-transform: capitalize;
			border-radius: 5px 0 0 5px;
			-moz-border-radius: 5px 0 0 5px;
			-webkit-border-radius: 5px 0 0 5px;
			display: none;
			float: right;
			}
	
	/*~~~:: Background Banner & heading Test ::~~~*/
	#banr_BG{
		background-color: #FFE500 FFCB00;
		background: #fedc00 url(../images/background-banner.png) right top no-repeat;
		background-position: top right;
    	background-repeat: no-repeat;
		height: 311px;
		}
		
		#banr_L{
			width: 47%;
			height: auto;
			padding: 17px 0;
			margin-top: 77px;
			margin-left: 7%;
			float: left;
			}
			#banr_Headng{
				display: block;
				font-size: 45px;
				line-height: 55px;
				font-weight: normal;
				margin: 0 0 0 47px;
				}
				#banr_Headng span{
					font-size: 47px;
					font-weight: bold;
					letter-spacing: -1px;
					}
					a.link_vid_Gallry{
						background: #474747;
						border: 1px solid #474747;
						display: inline-block;
						color: #fff;
						font-weight: 500;
						line-height: 23px;
						padding: 7px 17px;
						text-align: center;
						letter-spacing: 1px;
						text-decoration: none;
						box-sizing: border-box;
						margin: 25px 0 0 47px;
						}
						a:hover.link_vid_Gallry{
							background-color: #FFCB00;
							border-color: #ffffff;
							color: #474747;
							}
		
		#banr_R{
			display: none;
			width: auto;
			height: 100%;
			margin: 17px 25px 0 0;
			float: right;
			}
	
	/*~~~:: Go!	::~~~*/
	#bheadng{
		display: block;
		font-family: "Segoe UI", 'Open Sans', Tahoma, Trebuchet MS, Tahoma, Arial;
		font-size: 177px;
		font-weight: bold;
		color: #FFCB00;
		color: #FFE500;
		text-align: right;
		line-height: 77px;
		letter-spacing: -11px;
		padding: 11px 7px 0 0;
		}
		#bheadng span{
			color: #FFCB00;
			color: #FFE500;
			}
	
	/*~~~:: Page Body COntainer ::~~~*/
	.contnr_body{
		width: 1123px;
		height: auto;
		margin: -67px auto 0 auto;
		}
		.headng_cont{
			display: block;
			border-left: 3px solid #474747;
			padding-left: 15px;
			}
			.headng_cont h1{
				display: block;
				font-weight: 500;
				font-size: 25px;
				}
				.headng_cont h1 strong{
					display: block;
					font-size: 22.7px;
					}
				div.h1_text{
					display: block;
					line-height: 25px;
					margin: 11px 0 35px 0;
					letter-spacing: 1px;
					}
		
		.contnr_body h2{
			display: block;
			font-size: 17.7px;
			}
			p.h2_text{
				display: block;
				line-height: 25px;
				margin: 7px 0 25px 0;
				letter-spacing: 1px;
				text-align: justify;
				}
		
		/*~~~:: Packages Box ::~~~*/
		#contnr_Packg{
			display: block;
			width: 1123px;
			padding: 11px 0;
			margin: 0 auto;
			}
			#contnr_Packg h3{
				display: block;
				border-left: 3px solid #474747;
				padding-left: 17px;
				margin-right: 23px;
				font-size: 23px;
				}
				#contnr_Packg h3 span{
					display: block;
					font-size: 25px;
					font-weight: 500;
					}
			
			.h_Packg_Colum{
				background-color: #FFE500;
				background: linear-gradient(to bottom, #FFCB00 15%, #FFE500);
				display: block;
				width: 377px;
				width: 322px;
				height: auto;
				padding: 17px;
				margin: 25px 25px 0 0;
				float: left;
				
				border-radius: 11px;
				-moz-border-radius: 11px;
				-webkit-border-radius: 11px;
				}
				
				.h_Packg_Pic{
					display: block;
					padding: 7px 0;
					}
				
				.h_Packg_Name{
					display: block;
					font-size: 17.5px;					
					font-weight: 500;
					text-align: center;
					margin: 7px 0 11px 0;
					}
				
				.h_Packge_icon{
					display: block;
					width: auto;
					height: auto;
					padding: 5px 0 7px;
					margin: 0 2.5% 5px 2.5%;
					border-bottom: 1px dashed #787878;
					}
					span.h_Packge_inf_L{
						width: 14%;
						height: 25px;
						font-size: 25px;
						color: #474747;
						padding: 5px 1% 0 0;
						text-align: right;
						float: left;
						}
					span.h_Packge_inf_R{
						font-family: "Segoe UI", 'Open Sans', Tahoma, Trebuchet MS, Tahoma, Arial;
						display: block;
						width: 82.5%;
						font-size: 15.5px;
						color: #474747;
						line-height: 20px;
						letter-spacing: 0.2px;
						padding: 10px 0 5px 2.5%;
						float: left;
						}
				
				.ha_Packg_TD:hover{
					background: linear-gradient(to bottom, #FFE500 25%, #FFCB00);
					-moz-box-shadow: 0 0.5em 1em 0 rgba(0,0,0,.1);
					-webkit-box-shadow: 0 0.5em 1em 0 rgba(0,0,0,.1);
					box-shadow: 0 0.5em 1em 0 rgba(0,0,0,.1);
					background: #FFCB00;
					}
			
			/*~~~:: Price ::~~~*/
			.h_Packg1_Price{
				display: block;
				width: 89%;
				font-size: 65px;
				font-weight: 860;
				text-align: center;
				line-height: 35px;
				color: #171717;
				margin: 25px auto 0 auto;
				}
				.h_Packg1_Price span{
					font-size: 37px;
					font-weight: 500;
					}
			
			/*~~~:: Tour Available ::~~~*/
			.Tour_avail_Contnr{
				display: block;
				background-color: #171717;
				padding: 25px 0;
				margin: 0 -17px -17px -17px;
				
				border-radius: 0 0 7px 7px;
				-moz-border-radius: 0 0 7px 7px;
				-webkit-border-radius: 0 0 7px 7px;
				}
				.Tour_avail_Contnr a{
					background-color: #FFE500;
					display: table;
					font-size: 15px;
					font-weight: 500;
					color: #676767;
					padding: 7px 17px;
					text-align: center;
					text-decoration: none !important;
					border: 1px solid #FFE500;
					margin: 0 auto;
					letter-spacing: 0.5px;
					}
					.Tour_avail_Contnr a:hover{
						background-color: #FFCB00;
						border-color: #FFCB00;
						}
		
		/*~~~:: Tour itinerary ::~~~*/
		#itnary_bg{
			background-color: #171717;
			color: #ffffff;
			display: block;
			height: auto;
			margin: 77px 0;
			padding: 17px 0;
			}
			#itnary_contnr{
				display: block;
				width: 1123px;
				margin: 0 auto;
				padding: 11px 0;
				}
				#itnary_contnr h4{
					display: block;
					border-left: 3px solid #FFE500;
					padding-left: 17px;
					font-size: 28px;
					color: #FFE500;
					}
					#itnary_contnr h4 b{
						display: block;
						font-size: 25px;
						font-weight: normal;
						}
				
				#itnary_headng{
					display: block;
					font-size: 20px;
					color: #FFE500;
					margin: 25px 47px 47px 0;
					}
					#itnary_headng p{
						display: block;
						font-size: 15px;
						color: #ffffff;
						line-height: 25px;
						margin-top: 7px;
						letter-spacing: 0.7px;
						}
				
				/*~~~:: Three Column ::~~~*/
				#itnary_Colum_L{
					display: block;
					width: 33.5%;
					height: auto;
					margin-right: 1.5%;
					float: left;
					}
					.itnary_inf{
						border-top: 1px solid #FFE500;
						display: block;
						margin-bottom: 25px;
						}
						.itnary_inf span{
							display: block;
							background-color:#171717;
							font-size: 15px;
							font-weight: 500;
							color: #FFE500;
							line-height: 25px;
							letter-spacing: 0.5px;
							padding-right: 15px;
							margin-top: -14px;
							float: left;
							}
						.itnary_inf label{
							background-color: #171717;
							width: 15px;
							height: 25px;
							margin-top: -14px;
							font-size: 47px;
							font-weight: bold;
							color: #FFE500;
							line-height: 0px;
							padding-left: 7px;
							margin-bottom: 11px;
							float: right;
							}
						
						.itnary_inf p{
							font-size: 15px;
							line-height: 25px;
							letter-spacing: 0.7px;
							}
				
				/*~~~:: Second Column ::~~~*/
				#itnary_Colum_Pic{
					display: block;
					width: 30%;
					height: auto;
					overflow: hidden;
					float: left;
					}
				
				#itnary_Colum_R{
					display: block;
					width: 33.5%;
					height: 323px;
					float: right;
					}
		
		/*~~~:: Customize Tour ::~~~*/	
		#custmZ_Contnr{
			background-color: #FFE500;
			display: block;
			width: 941px;
			height: auto;
			margin: 145px auto 77px auto;
			padding: 25px 147px 15px 25px;
			border-radius: 7px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			}			
			#custmZ_L{
				display: block;
				width: 65%;
				font-size: 25px;
				padding: 7px 0;
				float: left;
				}
				#custmZ_L_inf{
					display: block;
					border-left: 3px solid #474747;
					padding-left: 17px;
					font-size: 25px;
					}
					#custmZ_L_inf span{
						display: block;
						font-size: 28px;
						font-weight: bold;
						}
			
			#custmZ_L p{
				font-family: "Segoe UI", 'Open Sans', Tahoma, Trebuchet MS, Tahoma, Arial;
				font-size: 15px;
				line-height: 25px;
				margin: 7px 0 17px 0;
				}
				
				#custmZ_L_Phone{
					display: block;
					font-size: 22px;
					font-weight: bold;
					float: left;
					}
					#custmZ_L_Phone span{
						font-size: 17px;
						font-weight: 500;
						}
				
				#custmZ_L a{
					background-color: #88BA06;
					background-color: #13AF2F;
					font-size: 14px;
					font-weight: 500;
					color: #ffffff;
					display: block;
					line-height: 25px;
					text-decoration: none;
					padding: 7px 35px;
					margin-left: 25px;
					letter-spacing: 0.5px;
					text-transform: uppercase;
					
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					float: left;
					}
					#custmZ_L a:hover{
						background-color: #88BA06;
						}
		
			#custmZ_R{
				background-color:#CCCC00;
				display: block;
				width: 30%;
				height: auto;
				float: right;
				padding: 7px 0;
				}
				#custmZ_R_Pic{
					display: block;
					width: auto;
					height: auto;
					
					margin-top: -141px;
					margin: 0;
					}

		
	/*~~~:: Footer ::~~~*/	
	#f_Div{
		display: block;
		background-color: #151515;
		background-image: url(../images/quad-bike-desert.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 14% auto;
		border-top: 7px solid #FFE500;
		padding: 7px 0 17px;
		}
		#f_Contnr{
			width: 1123px;
			height: auto;
			margin: 0 auto;
			}
			#f_Left{
				width: 14%;
				height: auto;
				margin-top: 17px;
				float: left;
				}
			
			.f_Link{
				display: block;
				width: 151px;
				height: auto;
				margin: 37px 0 0 77px;
				float: left;
				}
				.f_Link_Name{
					display: block;
					font-size: 14px;
					font-weight: bold;
					color: #ffffff;
					margin-bottom: 11px;
					}
				
				.f_Link a{
					display: inline-block;
					color: #FFE500;
					line-height: 17px;
					text-decoration: none;
					margin-bottom: 7px;
					padding: 3px 0;
					}
					.f_Link a:hover{
						text-decoration: underline;
						}
			
			#f_Right{
				display: table-cell;
				width: 322px;
				margin-top: 37px;
				float: right;
				}
				#f_Right span{
					display: block;
					font-size: 13px;
					font-weight: bold;
					color: #ffffff;
					padding-left: 11px;
					margin-bottom: 17px;
					border-left: 3px solid #FFE500;
					line-height: 23px;
					}
					#f_Right span label{
						display: block;
						font-size: 15.7px;
						font-weight: bold;
						color: #FFE500;
						letter-spacing: 0.5px;
						}
	
	/*~~~:: Clear ::~~~*/	
	.clear{
		clear: both;
		}
	
	.No_Mar_R{
		margin-right: 0;
		}
	
 	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Responsive For Mobile & Tablet
	
	iPhone 3 - 4 - 4s	320 x 480
	iPhone 5 - 5s 		320 x 568
	iPhone 6 - 6s - 7	375 x 667
	iPhone 6s - 7 plus	414 x 736
	
	Samsung S5-S6-S7	360 x 640
	Sony Xperia			360 x 640
	
	Google Pixel/Nexus	411 x 731
	30 480 600 768 900 1024 1200
	~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	/*~	For 500 or Less device width ~~*/
	@media screen and (max-width: 500px){
	
	/*~~~:: Logo & Phone ::~~~*/
	#b_Contnr{
		display: block;
		}
		#contct{
			position: static;
			display: block;
			width: 100%;
			height: auto;
			clear: right;
			float: none;
			}
			#contct_L{
				display: none;
				}
			#contct_R{
				font-size: 13.5px;
				text-align: center;
				}
				#contct_R span{
					display: inline;
					font-size: 15px;
					letter-spacing: 0.5px;
					}
		
		#b_Logo{
			margin-left: 1.7%;
			height: auto;
			}
			#b_Logo img{
				display: block;
				width: auto;
				height: 67px;
				}
		
		/*~~~:: Menu ::~~~*/
		#b_Menu{
			display: none;
			}
		
		/*~~~:: Show Tours Menu ::~~~*/
		a.Link_Show_Tour{
			display: block;
			}
		
		/*~~~:: Baner ::~~~*/
		#banr_BG{
			background-position: bottom right;
			background-repeat: no-repeat;
			background-size: 95% auto;
			display: block;
			height: auto;
			padding: 23px 0;
			position: relative;
			}
			#banr_L{
				width: auto;
				margin: 0;
				padding: 7px 0 7px 7px;
				/*
				position: absolute;
				top: 17px;
				left: 0;
				z-index: 777;
				*/
				}
				#banr_Headng{
					font-size: 20px;
					line-height: 25px;
					margin: 0;
					}
					#banr_Headng span{
						font-size: 23px;
						}
			
			a.link_vid_Gallry{
				margin: 17px 0 0 0;
				padding: 5px 7px;
				line-height: 17px;
				letter-spacing: 0.7px;
				}
			
			#banr_R{
				display: none;
				width: 100%;
				margin: 0;
				text-align: right;
				float: none;
				}
				#banr_R img{
					border: 1px solid #ccc;
					width: auto;
					height: 141px;
					}
		
		/*~~~:: Go!	::~~~*/
		#bheadng{
			display: none;
			}
		
		/*~~:: Body Handler ::~~~*/
		.contnr_body{
			width: auto;
			padding: 7px;
			margin-top: 0;
			}
			.headng_cont{
				padding-left: 11px;
				}
			
			.headng_cont h1{
				font-size: 23px;
				}
				.headng_cont h1 strong{
					font-size: 20px;
					font-weight: bold;
					}
			div.h1_text{
				}
		
		/*~~~:: Packages Box ::~~~*/
		#contnr_Packg{
			width: 100%;
			padding: 11px 0;
			}
			#contnr_Packg h3{
				font-size: 20px;
				margin-left: 11px;
				padding-left: 7px;
				}
				#contnr_Packg h3 span{
					font-size: 22px;
					}
			
			.h_Packg_Colum{
				margin: 0 auto;
				float: none;
				}
				
		
		
		/*~~~:: Tour itinerary ::~~~~*/
		#itnary_bg{
			display: none;
			}
		
		/*~~~:: Customize Tour ::~~~*/
		#custmZ_Contnr{
			display: none;
			}
		
		/*~~~:: Footer ::~~~*/
		#f_Div{
			display: none;
			}
		#f_Contnr{
			display: none;
			}
		
		
	}