<!doctype html>
<html lang="en" transformed="google;v=3">

<head>
	<meta charset="utf-8">
	<title>Create my trip | Asia Highlights</title>
	<link rel="canonical" href="https://www.asiahighlights.com/tailor-make-your-trip-easy">
	<meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport">
	<meta name="apple-mobile-web-app-title" content="Asia Highlights - Since 2016!">
	<!--@OG:IMAGE@-->
	<link rel="shortcut icon" href="https://data.asiahighlights.com/favicon.ico" />
	<link rel="dns-prefetch" href="https://data.asiahighlights.com">
	<link rel="dns-prefetch" href="https://images.asiahighlights.com">
	<link rel="dns-prefetch" href="https://www.googletagmanager.com">
	<!--@MAIN-CSS@-->
	<!--@ADDON-CSS@-->
	<!-- Google Tag Manager -->
	<script>(function (w, d, s, l, i) {
			w[l] = w[l] || [];
			w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
			var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
			j.async = true;
			j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
			f.parentNode.insertBefore(j, f);
		})(window, document, 'script', 'dataLayer', 'GTM-56CMWN3');</script>
	<!-- End Google Tag Manager -->
	<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
	<script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js"></script>
	<style>
		@charset "utf-8";
		body {margin: 0; font-family: Calibri;}

		/* CSS Document */
		.infobottom {
			padding: 70px 0;
			background: #3a3a32;
			color: #fff;
			clear: both;
		}

		.bottomlogoinfo {
			color: #fff;
			text-align: center;
			margin-bottom: 50px;
			padding: 0 30px;
			font-size: 18px;
			font-weight: 300;
		}

		.bottomlogoinfo a {
			color: #fff;
			text-decoration: underline;
		}

		img.bottomlogocenter {
			margin: 10px auto;
			display: block;
		}

		.bottommedia {
			width: 55%;
			float: left;
			padding-left: 15px;
		}

		.followtitle {
			text-transform: uppercase;
			display: inline-block;
			margin-bottom: 30px;
			font-size: 18px;
		}

		.bottommedia ul {
			padding-left: 15px;
		}

		.infobottom ul li {
			list-style: none;
			margin-bottom: 15px;
			font-size: 18px;
		}

		.bottommedia ul li a {
			color: #fff;
			font-size: 16px;
			text-transform: uppercase;
			text-decoration: none;
		}

		.followtitle {
			text-transform: uppercase;
			display: inline-block;
			margin-bottom: 30px;
			font-size: 18px;
		}

		.followtitle a {
			color: #fff;
			text-decoration: none;
		}

		.bottomlinks {
			padding: 0 15px;
		}

		.bottomlinks ul {
			display: table-footer-group;
			position: relative;
			top: 0;
			right: 0;
		}

		.bottomlinks ul li {
			font-size: 16px;
			text-transform: uppercase;
			margin-bottom: 15px;
			width: 100%;
		}

		.bottomlinks ul li a {
			color: #fff;
			text-decoration: none;
		}

		.featureon {
			padding: 0 20px;
		}

		.bottomlogo {
			font-size: 16px;
    height: 60px;
    padding: 0;
    background: url(https://data.chinahighlights.com/image/asia/asia-highlights-bottom-logo.png) no-repeat 10px 0px #1e1e1e;
    padding-left: 140px;
    padding-top: 15px;
    color: #fff;
		}
h4 { font-size: 22px;
font-weight: 400; margin-bottom: 10px;}
		.headerbar {
			position: fixed;
			width: 100%;
			top: 0;
			display: contents;
			box-shadow: 1px 1px 6px 1px #f1f1f1;
		}

		.headerbar img {
			height: 53px;
			margin-left: 15px;
		}

		#formBanner {
			display: block;
			position: relative;
			margin-top: -5px;
		}

		#formBanner h1 {
			width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: 'Goudy Old Style';
	margin-bottom: 0;
		}

		#inquiryBox {
			width: calc(100% - 20px);
			padding: 0 5px 80px 5px;
		}

		h3 {
			font-size: 22px;
			font-family: Calibri;
			margin-bottom: 10px;
			margin-top: 80px;
			text-align:center;
		}

		#inquiryBox h2 {
			font-size: 27px;
    text-align: center;
    font-family: 'Goudy Old Style';
    margin-top: 80px;
		}

		#contactInfo {
			display: block;
			border-radius: 4px;
			margin: 0 0 25px;
			background: #fff;
		}

		#contactInfo h2 {
			font-size: 24px;
			border-bottom: 1px solid #d1d1d1;
			padding-bottom: 20px;
			margin: 0 0 00px;
		}

		textarea {
			font-family: Calibri;
    font-size: 19px;
    line-height: 24px;
    padding: 15px !important;
    border: 1px solid #d1d1d1;
    background: #fff;
    width: 90%;
    height: 120px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 30px;
		}

		textarea:focus {
			border: 1px solid #7D9EC0;
			outline: none
		}

		#contactInfo .subTitle {
			display: block;
			font-size: 16px;
			font-weight: 400;
			color: #333;
			margin: 30px 0 15px;
		}

		#contactInfo input {
			width: 100%;
			font-size: 14px;
			font-family: 'Open Sans', sans-serif !important;
			border-radius: 2px !important;
			padding: 8px 15px;
			color: #777 !important;
			background: #fff;
			border: 1px solid #d1d1d1;
		}

		#Date_Start {
			width: 250px;
			font-size: 19px;
			font-family: Calibri;
			border-radius: 6px !important;
			padding: 8px 15px;
			color: #000 !important;
			border: 1px solid #d1d1d1;
			height: 30px;
			background: #fff;
			margin-bottom: 10px;
		}


		#inquiryBox .checked {
			background: url(/pic/checked-icon.png) no-repeat left;
		}


		.interestedIn {
			display: block;
			margin-bottom: 10px;
			font-size: 14px;
		}

		.formNote {
			color: #999;
    font-size: 18px;
    padding-left: 10px;
    display: block;
		}

		.travelStyle input {
			display: none;
		}

		.travelStyle {
			display: inline-block;
    margin-right: 6px;
    margin-bottom: 2px;
		}

		/* selection box */
		.optionLable input {
			display: none;
		}

		.checkboxGender input[type="radio"]+label {
			font-size: 19px;
			padding: 5px 0;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			display: block;
			text-align: center;
			height: 30px;
			font-family: Calibri;
			padding-top: 10px;
		}

		.checkboxGender input[type="radio"]:checked+label {
			border: 1px solid #ad1818;
			color: #fff;
			background: #ad1818;
		}

		.optionLable input[type="radio"]+label {
			width: 100%;
    font-size: 20px;
    padding: 10px 0 10px 0;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    display: block;
    margin-top: 10px;
    text-align: center;
    color: #000;
    height: 45px;
    font-family: Calibri;
	margin-bottom:20px;
		}

		.optionLable input[type="radio"]:checked+label {
			border: 1px solid #ad1818;
			color: #fff;
			background: #ad1818;
		}

		.checkboxLabel input[type="checkbox"]+label {
			font-size: 20px;
			padding: 5px 0;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			display: block;
			margin-top: 10px;
			text-align: center;
			color: #000;
			height: 35px;
			font-family: Calibri;
			padding-top: 15px;
			margin-bottom:10px;
		}

		.checkboxLabel input[type="checkbox"]:checked+label {
			border: 1px solid #ad1818;
			color: #ad1818
		}

		.checkboxLabel {
			width: 46%;
			float: left;
		}

		.checkboxLabel:nth-child(even) {
			float: right
		}

		.checkboxLabel input {
			display: none
		}

		.travelStyle input[type="checkbox"]+label {
			margin-top: 8px;
    font-size: 18px;
    padding: 3px 6px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    display: inline-block;
		}
		.checkYes {
    padding-left: 10px;
    margin-bottom: 15px;
    margin-right: 15px;
}
	.checkYes input[type="checkbox"]+label {
			margin-top: 8px;
			font-size: 18px;
			padding: 10px 7px;
			border: none
		}
		.checkYes input[type="checkbox"]:checked+label {
    background: none !important;
    color: #000 !important;
}
		.number,
		button.minaddBtn:focus {
			border: 1px solid #ad1818;
			outline: none
		}

		.travelTag input[type="checkbox"]:checked+label {
			color: #fff;
			background:#ad1818;
		}

		.selectionMemo {
			font-size: 16px;
    font-style: italic;
    font-weight: 300;
    margin-top: 4px;
		}

		#inquiryBox .flexibleDate {
			display: inline-block;
			margin-bottom: 10px;
			padding: 5px 0 5px 30px;
		}

		#children[type=checkbox] {
			width: 20px;
			height: 20px;
			border: 1px solid #f1f1f1;
			vertical-align: middle;
			margin-right: 10px
		}

		.genderSelection {
			padding-left: 5px;
		}

		.checkFlexible {
			margin-top: 10px;
			font-size: 18px
		}

		hr {
			color: #d1d1d1;
			margin-bottom: 70px;
		}

		.checkboxGender {
			width: 30%;
			display: inline-block;
			margin-right: 5px;
		}

		.checkboxGender label {
			width: 100%
		}

		.checkboxGender input {
			display: none
		}

		.checkboxGender:nth-child(1) {
			float: left;
			margin-right: 15px;
		}

		.peopleSelect {
			width: 100%;
			margin-top: 20px;
			font-size: 24px;
			clear: both;
		}

		.number {
			width: 42%;
			text-align: center;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			height: 45px;
			font-size: 22px;
		}

		button.minaddBtn {
			background: #FFF;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			color: #ad1818;
			height: 45px;
			font-weight: 700;
			min-width: 10%;
			margin: 0;
			display: inline-block;
		}

		.numberBtn {
			width: 49%;
			display: inline-block;
			float: right;
			overflow: hidden;
		}

		.inputTerm label {
			display: block;
			width: 100%;
			font-size: 18px;
			position: absolute;
			left: 10px;
			top: calc(50% - 30px);
			transition: all ease-in-out .5s;
			pointer-events: none;
			height: 26px;
			color: #999;
		}

		.inputTerm {
			display: block;
			width: calc(100% - 10px);
			margin: 15px 5px;
			position: relative;
		}

		.inputTerm input:focus~label,
		.inputTerm input:valid~label {
			top: 5px;
			font-size: 15px;
			color: #999;
			transition: 0.3s;
		}

		.inputTerm input:focus {
			border: 1px solid #7D9EC0;
			outline: none
		}

		.inputTerm input {
			width: 90%;
			margin: 0;
			font-size: 18px;
			border: 1px solid #d1d1d1;
			height: 50px;
			padding: 15px 15px 0 20px;
			border-radius: 4px;
			color: #000;
		}

		.checkBorder:checked {
			background-color: #ad1818;
			border-color: #ad1818;
			margin-right: 5px;
		}

		.checkBorder {
			background-color: #fff;
			border: 1px solid #c1c1c1;
			position: relative;
			width: 20px;
			height: 20px;
			background-clip: border-box;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			margin: 2px 10px 0 0;
			vertical-align: text-bottom;
			border-radius: 2px;
			-webkit-transition: background-color 0.25s;
			transition: background-color 0.25s;
			background-color: #fff;
			border: 1px solid #d1d1d1;
    float: left;
    margin-bottom: 5px;
		}

		.contactUs {
			border-top: 1px solid #d1d1d1;
		}

		.contactUs p {
			margin-top: 15px;
			font-size: 16px;
			font-weight: normal
		}

		p a input[type=checkbox]+label {
			color: #999;
			font-size: 16px !important;
		}

		.checkYes label {
			display: block;
			font-size: 18px;
			width: 100%;
		}

		input[type=checkbox]:checked+label {
			color: #000
		}

		.checkBorder:checked:after {
			border-color: #fff;
		}

		.checkBorder:checked:after {
			content: '';
			display: block;
			height: 8px;
			width: 14px;
			border: 0 solid #FFF;
			border-width: 0 0 2px 2px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			position: absolute;
			top: 3px;
			left: 2px;
		}

		.formMemo {
			font-size: 19px;
    display: block;
    padding: 0 0 0 5px;
		}

		.peopleSelect .formMemo {
			margin-bottom: 5px;
		}

		.inquiryBtn {
			display: block;
			padding: 20px 0 0;
			text-align: center;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 24px
		}

		button {
			background: linear-gradient(#ca3c3b, #ad1818);
			text-align: center;
			display: table;
			border-radius: 60px;
			min-width: 230px;
			margin: 25px auto;
			padding: 8px 30px;
			border: 1px solid #FFF;
			color: #FFF;
			font-family: Calibri;
			font-weight: 500;
			font-size: 20px
		}

		.img-responsive {
			overflow-x: auto;
			max-width: 100%;
		}

		#destination_error_msg, #hotel_error_msg, #number_error_msg, #name_error_msg, #email_error_msg, #nation_error_msg, #date_error_msg, #contact_error_msg, #email_verify_msg, #requirement_error_msg {
			color: #ad1818;
			font-size: 17px;
			width: 100%;
		}

		.hidden {
			display: none;
		}

		.selectionBlock {
			display: inline-block;
			padding-left: 5px;
			width:100%;
		}

		.bottom_why_us {
			background: #565656;
    background-size: cover;
    height: 100%;
    padding-top: 70px;
    color: #fff;
	position: relative;
}
.bottom_why_us h2 {
    text-align: center;
    color: #fff;
}
.bottom_why_us_content {
    text-align: center;
	padding: 0;
    height: 270px;
}
.bottom_why_us_content img {
    width: 60px;
    margin: 0 auto;
}
.bottom_why_us_content h3 {
    font-size: 22px;
    font-family: Calibri;
    margin-top: 20px;
}
.bottom_why_us_content p {
	font-size: 18px;
    line-height: 25px;
    padding: 0 15px;
}
p {font-size: 18px;}
em { color: #ad1818;}
ul.InfoList li {
	list-style: square;
    margin-bottom: 2px;
    font-size: 18px;
}
ul.InfoList {padding: 0 15px 0 20px;}
.tp_banner {position: absolute;
    width: 100%;
    top: 0;
    background: #333;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 6px 0 5px 0;
    display: flex;
    justify-content: center;}
	.tp_banner img {
    height: 18px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
select.country_code {    
    border: 1px solid #d1d1d1;
    font-size: 16px;
    color: #555;
    padding-left: 10px;
    background: #fff;
    border-radius: 6px;
    width: 100%;
    height: 45px;
    margin-bottom: 15px;
	float: left;
    margin-right: 0;}
.age_range {display: inline-block;}
#childrenBlock p { font-size:1rem;}
.travel_group {    border: 1px solid #d1d1d1;
    text-align: center;
    font-size: 20px;
    width: 22.2%;
    float: left;
    border-radius: 4px;
    margin: 10px 3px 20px 3px;}
.travel_group input { display: none;}
.travel_group label { display: block;
    padding: 50px 10px 10px 10px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 18px;
    height: 40px;}
.travel_group input[type="radio"]:checked+label {
    border: 1px solid #ad1818;
    color: #ad1818;
    background: #ad1818;
}
label.solo { background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-solo.png) no-repeat top center; background-size: 60px;}
label.solo:hover, input[type="radio"]:checked+label.solo { background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-solo-active.png) no-repeat top center; background-size: 60px;}

label.couple { background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-couple.png) no-repeat top center; background-size: 55px;}
label.couple:hover, input[type="radio"]:checked+label.couple { background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-couple-active.png) no-repeat top center; background-size: 55px;}

label.family { background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-family.png) no-repeat top center; background-size: 55px;}
label.family:hover, input[type="radio"]:checked+label.family { background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-family-active.png) no-repeat top center; background-size: 55px;}

label.group { background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-group.png) no-repeat top center; background-size: 60px;}
label.group:hover, input[type="radio"]:checked+label.group { background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-group-active.png) no-repeat top center; background-size: 60px;}

.kids_age { float: left;
    width: 29%;
    margin: 0 5px;}
	</style>
</head>

<body>
	<!-- Google Tag Manager (noscript) -->
	<noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-56CMWN3" height="0" width="0"
			style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
	<header class="headerbar" id="header">

		<a href="/"> <img src="https://data.asiahighlights.com/pic/ah-bottom-logo-mobile.png" alt="Asia Highlights logo"
				class="chinahighlightslogo img-responsive"></a>
	</header>
	<div id="formBanner">
		<img src="https://data.asiahighlights.com/image/forms/tm-form-top-booking-steps-mobile.jpg" alt="Asia Highlights' booking procedures" width="100%"
			class="img-responsive">
		<h1>
			Create My Trip
		</h1>
		<img class="img-responsive" alt="Asia Highlights' Trust Pilot rating" style="margin: 0px auto; display: block;" src="https://data.asiahighlights.com/image/forms/contact-us-form-tp-rate.jpg" width="200" height="117">
	</div>
	<div id="inquiryBox">
	
	
		<form action="/orders/tailormade_save/" id="tailormade_form" method="POST" class="travelTag">
			<div class="selectionBlock">
			
<h3 id="destination_select" style="margin-top: 30px;">
	<em>*</em> Your Preferred Destination(s): choose a country or multiple countries
</h3>
<p>More than <em><strong>95%</strong></em> of our customers choose to visit 2–3 Asian countries in one trip. The most popular combos are:</p>
						<ul class="InfoList">
						<li>Thailand, Vietnam, Cambodia (12-20 days)</li>
						<li>Thailand, Vietnam, Cambodia, Laos (15-25 days)</li>
					
						<li>Vietnam, Cambodia (10-15 days)</li>
						<li>Thailand, Cambodia (10-15 days)</li>
						</ul>
						<div id="destination_error_msg" class="hidden">(Please select an option.)</div>
<div class="checkboxLabel"><input type="checkbox" value="Vietnam" id="Vietnam"
	name="destination[]"><label for="Vietnam" class="updatedestination">Vietnam</label></div>
				

				<div class="checkboxLabel"><input type="checkbox" value="Thailand" id="Thailand"
					name="destination[]"><label for="Thailand" class="updatedestination">Thailand</label></div>


				
						
						<div class="checkboxLabel"><input type="checkbox" value="Cambodia" id="Cambodia"
							name="destination[]"><label for="Cambodia" class="updatedestination">Cambodia</label></div>
					
				
							<div class="checkboxLabel"><input type="checkbox" value="Laos" id="Laos" name="destination[]"><label
								for="Laos" class="updatedestination">Laos</label></div>
							
							

									<div class="checkboxLabel"><input type="checkbox" value="Indonesia" id="Indonesia"
										name="destination[]"><label for="Indonesia" class="updatedestination">Indonesia (Bali)</label></div>
						
							
						
								<div class="checkboxLabel"><input type="checkbox" value="Singapore" id="Singapore" name="destination[]"><label
								for="Singapore" class="updatedestination">Singapore</label></div>
							
			</div>
			<!--
			<div class="selectionBlock">
			<div class="clear"></div>
			<p style="margin-bottom: 10px; margin-top: 35px;">Any specific cities / destinations or other Asian countries you'd like in this trip...(optional)</p>
	
			<input name="other_destinations" style="
		height: 40px;
		width: 90%;
		border: 1px solid #d1d1d1;
		border-radius: 4px;
		font-size: 19px;
		padding: 5px 15px;
		font-family: Calibri; 
		"></div>
		-->
			<div class="selectionBlock">
				<h3 id="hotelselect">
					<em>*</em> Select Your Hotel Preference
				</h3>
				
				<span class="formNote">
					Hotel prices in Japan are at least doubled based on the suggested rates
					below.
				</span>
				<div id="hotel_error_msg" class="hidden">(Please select an option.)</div>
				<div class="optionLable" >
					
					<input type="radio" value="Handpicked Comfort 4-5star" id="fourStar" name="hotel">
					<label for="fourStar">
						<div class="selectionText">
							Handpicked comfort (4/5-star)
							<div class="selectionMemo">
								USD 100-200 / night
							</div>
						</div>
					</label>
				</div>
				<div class="optionLable">
					<input type="radio" value="Standard (3 stars)" id="threeStar" name="hotel">
					<label for="threeStar">
						<div class="selectionText">
							Standard (3-star)
							<div class="selectionMemo">
								USD 70-100 / room / night
							</div>
						</div>
					</label>
				</div>
				<div class="optionLable">
					<input type="radio" value="Luxury" id="fiveStar" name="hotel">
					<label for="fiveStar">
						<div class="selectionText">
							Luxury (5-star & up)
							<div class="selectionMemo">
								USD 200+ / room / night
							</div>
						</div>
					</label>
				</div>
				<div class="optionLable">
					<input type="radio" value="Self booking" id="Self" name="hotel">
					<label for="Self" style="height: 30px;">
						<div class="selectionText">
							Self-booking						
						</div>
					</label>
				</div>
				<div class="checkYes">				
					<label for="AMEX" class="checkBlock" style="display: inline;"><input type="checkbox" class="checkBorder" id="AMEX" name="use_AMEX_points_to_book_hotels" value="Yes">
						I will use my AMEX points to book some hotels for this trip.
					</label>
				</div>
			</div>
			<div class="selectionBlock">
				<h3 id="travelGroupHeader">
					<em>*</em> Select Number in Your Group
				</h3>
				<div id="group_error_msg" class="hidden">(Please select an option.)</div>
					<div class="travel_group">
						<input type="radio" value="Family" id="Family" name="travel_group">
						<label for="Family" class="family">
							Family
						</label>
					</div>
					<div class="travel_group">
						<input type="radio" value="Couple" id="Couple" name="travel_group">
						<label for="Couple" class="couple">
							Couple
						</label>
					</div>
					<div class="travel_group">
						<input type="radio" value="Solo" id="Solo" name="travel_group">
						<label for="Solo" class="solo">
							Solo
						</label>
					</div>
					<div class="travel_group">
						<input type="radio" value="group" id="Other" name="travel_group">
						<label for="Other" class="group">
							Other group
						</label>
					</div>
				
        <div id="adultBlock" style="display: none">	<p style="
    margin-bottom: -20px;
    font-size: 22px; clear:both;
">When you plan to take the trip:</p>
				<div class="peopleSelect">
					<h4>
						Adults (≥18 years old)
					</h4>
					<button class="minaddBtn reduceadult" id="minusAdult" type="button" value="-">-</button>
          <input class="number" type="text" value="2" id="adultNumber" name="adult">
					<button class="minaddBtn addadult" type="button" id="plusAdult" value="+">+</button>
				</div>
				<div class="age_range">
					<h4>
						Adults' ages
					</h4>
					<div class="checkYes" style="float:left;">
						<label for="65+">
							<input type="checkbox" value="yes" name="age_65_plus" id="65+" class="checkBorder" >65+
						</label>
					</div>
					<div class="checkYes" style="float:left;">
						<label for="51-64">
							<input type="checkbox" value="yes" name="age_51_64" id="51-64" class="checkBorder" >51-64
						</label>
					</div>
					<div class="checkYes" style="float:left;">
						<label for="41-50">
							<input type="checkbox" value="yes" name="age_41_50" id="41-50" class="checkBorder" >41-50
						</label>
					</div>
					<div class="checkYes" style="float:left;">
						<label for="31-40">
							<input type="checkbox" value="yes" name="age_31_40" id="31-40" class="checkBorder" >31-40
						</label>
					</div>
					<div class="checkYes" style="float:left;">
						<label for="18-30">
							<input type="checkbox" value="yes" name="age_18_30" id="18-30" class="checkBorder" >18-30
						</label>
					</div>
					</div>
          </div>
<div class="clear"></div>
<div id="childrenBlock" style="display: none">
<h4>Children</h4>
<div class="kids_age">
<p style="margin-bottom: 5px;">10-17 yrs old</p>
<select class="country_code" id="teenagerNumber" name="teenager_10_17_yrs">
	<option value="0">0
	</option>
	<option value="1">1
	</option>

				<option value="2">2
				</option>
				<option value="3">3
				</option>
				<option value="4">4
				</option>
				</select>
			</div>
			<div class="kids_age">
				<p style="margin-bottom: 5px;">3-9 yrs old</p>
				<select class="country_code" id="childrenNumber" name="children_3_9_yrs">
					<option value="0">0
					</option>
					<option value="1">1
					</option>
					
								<option value="2">2
								</option>
								<option value="3">3
								</option>
								<option value="4">4
								</option>
								</select>
								</div>
								<div class="kids_age">
								<p style="margin-bottom: 5px;">0-2 yrs old</p>
								<select class="country_code" id="infantNumber" name="infant_0_2_yrs">
									<option value="0">0
									</option>
									<option value="1">1
												</option>
												<option value="2">2
												</option>
												<option value="3">3
												</option>
												<option value="4">4
												</option>
												</select>
		</div>
    </div>
			
			</div>
			<div class="selectionBlock" style="width: 88%;">
				<h3 id="dateselect">
					<em>*</em> Select Your Date of Arrival
				</h3>
				<div id="date_error_msg" class="hidden">(Please fill out this field.)</div>
				<input type="date" class="arrivalDate visible-xs" id="Date_Start" name="date_start" value=""
					min="<?php echo date('Y-m-d',time() + 24*3600*2)?>" placeholder="mm/dd/yyyy" autocomplete="off" />
				<div class="checkYes">
				
					<label for="dateLimit" class="checkBlock" style="display: inline;">	<input type="checkbox" class="checkBorder" id="dateLimit" name="date_flexible" value="Yes" >
						I'm flexible with the date.
					</label>
				</div>
			</div>
			
			<div class="selectionBlock">
				<h3 id="tripLengthTitle">
					<em>*</em> Trip Length (days)
				</h3>
			
				<div class="peopleSelect">				
					<button class="minaddBtn"  id='tripLengthMinus' type="button" value="-">-</button> <input class="number"
						type="text" value="14" οnblur="checkNumber(this)" id='tripLengthNumber' name="trip_length" />
					<button class="minaddBtn" id='tripLengthPlus'  type="button" value="+">+</button>

				</div>
			
			</div>
			<div class="selectionBlock">
				<h3>
					<em>*</em> Tell us some of the below info to help us put together your ideal journey.
				</h3>
				<div id="requirement_error_msg" class="hidden">(Please specify your requests.)</div>
				<p style="margin: 0;font-size: 18px;">E.g. cities you'd like to visit, activities you'd like to take, budget, food/accommodation/transportation requirements, or any other requests…</p>
				<textarea id="additionalrequirements" name="additional_requirements" style="resize:none;"></textarea>
				<p style="margin-bottom: 0;">In this trip I am interested in these:</p>
				<div class="travelStyle">
					<input type="checkbox" value="Food" id="Food" name="interests[]">
					<label for="Food" data-clickable>
						<div class="smallTag">
							<div class="styleText">Food</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Lantern Festival" id="Lantern" name="interests[]">
					<label for="Lantern" data-clickable>
						<div class="smallTag">
							<div class="styleText">Lantern Festival</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Culture & history" id="culture" name="interests[]">
					<label for="culture" data-clickable>
						<div class="smallTag">
							<div class="styleText">Culture & history</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Beach" id="Beach" name="interests[]">
					<label for="Beach" data-clickable>
						<div class="smallTag">
							<div class="styleText">Beach</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Adventure" id="Adventure" name="interests[]">
					<label for="Adventure" data-clickable>
						<div class="smallTag">
							<div class="styleText">Adventure</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Trekking" id="Trekking" name="interests[]">
					<label for="Trekking" data-clickable>
						<div class="smallTag">
							<div class="styleText">Trekking</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Animal sanctuary" id="Animal sanctuary" name="interests[]">
					<label for="Animal sanctuary" data-clickable>
						<div class="smallTag">
							<div class="styleText">Animal sanctuary</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Theme parks" id="Theme parks" name="interests[]">
					<label for="Theme parks" data-clickable>
						<div class="smallTag">
							<div class="styleText">Theme parks</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Island hopping" id="Island hopping" name="interests[]">
					<label for="Island hopping" data-clickable>
						<div class="smallTag">
							<div class="styleText">Island hopping</div>
						</div>
					</label>
				</div>

				<p style="margin-bottom: 0;">This is a big trip for:</p>
				<div class="travelStyle">
					<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
					<label for="Birthday" data-clickable>
						<div class="smallTag">
							<div class="styleText">Birthday</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
					<label for="Anniversary" data-clickable>
						<div class="smallTag">
							<div class="styleText">Anniversary</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
					<label for="Honeymoon" data-clickable>
						<div class="smallTag">
							<div class="styleText">Honeymoon</div>
						</div>
					</label>
				</div>

				<div class="travelStyle">
					<input type="checkbox" value="Family reunion" id="familyreunion" name="interests[]">
					<label for="familyreunion" data-clickable>
						<div class="smallTag">
							<div class="styleText">Family reunion</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="enjoying retirement" id="enjoying retirement" name="interests[]">
					<label for="enjoying retirement" data-clickable>
						<div class="smallTag">
							<div class="styleText">Enjoying retirement</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Graduation" id="Graduation" name="interests[]">
					<label for="Graduation" data-clickable>
						<div class="smallTag">
							<div class="styleText">Graduation</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Summer vacation" id="Summer vacation" name="interests[]">
					<label for="Summer vacation" data-clickable>
						<div class="smallTag">
							<div class="styleText">Summer vacation</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="first timer" id="first timer" name="interests[]">
					<label for="first timer" data-clickable>
						<div class="smallTag">
							<div class="styleText">First-timer</div>
						</div>
					</label>
				</div>

				<p style="margin-bottom: 0;">I want this trip to be:</p>
				<div class="travelStyle">
					<input type="checkbox" value="kids-friendly" id="kids-friendly" name="interests[]">
					<label for="kids-friendly" data-clickable>
						<div class="smallTag">
							<div class="styleText">Kids-friendly</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Physical-friendly" id="Physical-friendly" name="interests[]">
					<label for="Physical-friendly" data-clickable>
						<div class="smallTag">
							<div class="styleText">Physical-friendly</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Budget-friendly" id="Budget-friendly" name="interests[]">
					<label for="Budget-friendly" data-clickable>
						<div class="smallTag">
							<div class="styleText">Budget-friendly</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Off-the-beaten" id="Off-the-beaten" name="interests[]">
					<label for="Off-the-beaten" data-clickable>
						<div class="smallTag">
							<div class="styleText">Off-the-beaten</div>
						</div>
					</label>
				</div>
				<div class="travelStyle">
					<input type="checkbox" value="Slow-pace" id="Slow-pace" name="interests[]">
					<label for="Slow-pace" data-clickable>
						<div class="smallTag">
							<div class="styleText">Slow-pace</div>
						</div>
					</label>
				</div>
						
			</div>
			
			<h2 id="TellUsaboutYou">
				Your Contact Information
			</h2>
			<p style="padding-left: 10px;">We will only use your phone number and other data in accordance with data protection regulations (the GDPR).</p>
			<div class="genderSelection">
				<div class="checkboxGender">
					<input type="radio" value="100001" id="male" name="gender">
					<label for="male">
						Mr.
					</label>
				</div>
				<div class="checkboxGender">
					<input type="radio" value="100003" id="female" name="gender">
					<label for="female">
						Ms.
					</label>
				</div>
			
			</div>
			<div id="name_error_msg" class="hidden">(Please fill out this field.)</div>
			<div class="inputTerm">
				<input type="text" name="name" required>
				<label>
					* Your Name
				</label>
			</div>
			<div id="email_error_msg" class="hidden">(Please fill out this field.)</div>
			<div id="email_verify_msg" class="hidden">(Please verify your email.)</div>
			<div class="inputTerm">
				<input type="email" name="email" required>
				<label>
					* Email
				</label>
			</div>
			<div id="contact_error_msg" class="hidden">(Please fill out this field.)</div>
			<div class="inputTerm" style="margin-bottom: -10px;">
				<select class="country_code" name="country_code">
					<option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1
					</option>
					<option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44
					</option>
					<option style="font-weight: 600;" value="Australia +61">Australia&nbsp; &nbsp;+61</option>
					<option style="font-weight: 600;" value="Canada +1">Canada&nbsp; &nbsp;+1</option>
					<option style="font-weight: 600;" value="Germany +49">Germany&nbsp; &nbsp;+49</option>
					<option style="font-weight: 600;" value="France +33">France&nbsp; &nbsp;+33</option>
					<option style="font-weight: 600; " value="Italy +39">Italy&nbsp; &nbsp;+39</option>
					<option value="Afghanistan +93">Afghanistan &nbsp; &nbsp;+93</option>
					<option value="Albania +355">Albania &nbsp; &nbsp;+355</option>
					<option value="Algeria +213">Algeria&nbsp; &nbsp;+213</option>
					<option value="American Samoa +1">American Samoa&nbsp; &nbsp;+1</option>
					<option value="Andorra +376">Andorra&nbsp; &nbsp;+376</option>
					<option value="Angola +244">Angola&nbsp; &nbsp;+244</option>
					<option value="Anguilla +1">Anguilla&nbsp; &nbsp;+1</option>
					<option value="Antigua and Barbuda +1">Antigua and Barbuda&nbsp; &nbsp;+1</option>
					<option value="Argentina +54">Argentina&nbsp; &nbsp;+54</option>
					<option value="Armenia +374">Armenia &nbsp; &nbsp;+374</option>
					<option value="Aruba +297">Aruba&nbsp; &nbsp;+297</option>
					<option value="Ascension Island +247">Ascension Island&nbsp; &nbsp;+247</option>
					<option value="Australia +61">Australia&nbsp; &nbsp;+61</option>
					<option value="Austria +43">Austria&nbsp; &nbsp;+43</option>
					<option value="Azerbaijan +994">Azerbaijan&nbsp; &nbsp;+994</option>
					<option value="Bahamas +1">Bahamas&nbsp; &nbsp;+1</option>
					<option value="Bahrain +973">Bahrain&nbsp; &nbsp;+973</option>
					<option value="Bangladesh +880">Bangladesh&nbsp; &nbsp;+880</option>
					<option value="Barbados +1">Barbados&nbsp; &nbsp;+1</option>
					<option value="Belarus +375">Belarus&nbsp; &nbsp;+375</option>
					<option value="Belgium +32">Belgium&nbsp; &nbsp;+32</option>
					<option value="Belize +501">Belize&nbsp; &nbsp;+501</option>
					<option value="Benin +229">Benin&nbsp; &nbsp;+229</option>
					<option value="Bermuda +1">Bermuda&nbsp; &nbsp;+1</option>
					<option value="Bhutan +975">Bhutan&nbsp; &nbsp;+975</option>
					<option value="Bolivia +591">Bolivia&nbsp; &nbsp;+591</option>
					<option value="Bosnia and Herzegovina +387">Bosnia and Herzegovina&nbsp; &nbsp;+387</option>
					<option value="Botswana +267">Botswana&nbsp; &nbsp;+267</option>
					<option value="Brazil +55">Brazil&nbsp; &nbsp;+55</option>
					<option value="British Indian Ocean Territory +246">British Indian Ocean Territory&nbsp;
						&nbsp;+246</option>
					<option value="British Virgin Islands +1">British Virgin Islands&nbsp; &nbsp;+1</option>
					<option value="Brunei +673">Brunei&nbsp; &nbsp;+673</option>
					<option value="Bulgaria +359">Bulgaria &nbsp; &nbsp;+359</option>
					<option value="Burkina Faso +226">Burkina Faso&nbsp; &nbsp;+226</option>
					<option value="Burundi +257">Burundi&nbsp; &nbsp;+257</option>
					<option value="Cambodia +855">Cambodia&nbsp; &nbsp;+855</option>
					<option value="Cameroon +237">Cameroon&nbsp; &nbsp;+237</option>
					<option value="Canada +1">Canada&nbsp; &nbsp;+1</option>
					<option value="Cape Verde +238">Cape Verde&nbsp; &nbsp;+238</option>
					<option value="Caribbean Netherlands +599">Caribbean Netherlands&nbsp; &nbsp;+599</option>
					<option value="Cayman Islands +1">Cayman Islands&nbsp; &nbsp;+1</option>
					<option value="Central African Republic +236">Central African Republic&nbsp; &nbsp;+236
					</option>
					<option value="Chad +235">Chad&nbsp; &nbsp;+235</option>
					<option value="Chile +56">Chile&nbsp; &nbsp;+56</option>
					<option value="China +86">China&nbsp; &nbsp;+86</option>
					<option value="Christmas Island +61">Christmas Island&nbsp; &nbsp;+61</option>
					<option value="Cocos Islands +61">Cocos Islands&nbsp; &nbsp;+61</option>
					<option value="Colombia +57">Colombia&nbsp; &nbsp;+57</option>
					<option value="Comoros +269">Comoros&nbsp; &nbsp;+269</option>
					<option value="Congo +243">Congo (DRC)&nbsp; &nbsp;+243</option>
					<option value="Congo +242">Congo (Republic)&nbsp; &nbsp;+242</option>
					<option value="Cook Islands +682">Cook Islands&nbsp; &nbsp;+682</option>
					<option value="Costa Rica +506">Costa Rica&nbsp; &nbsp;+506</option>
					<option value="Côte d'Ivoire +225">Côte d'Ivoire&nbsp; &nbsp;+225</option>
					<option value="Croatia +385">Croatia&nbsp; &nbsp;+385</option>
					<option value="Cuba +53">Cuba&nbsp; &nbsp;+53</option>
					<option value="Curaçao +599">Curaçao&nbsp; &nbsp;+599</option>
					<option value="Cyprus +357">Cyprus&nbsp; &nbsp;+357</option>
					<option value="Czech Republic +420">Czech Republic&nbsp; &nbsp;+420</option>
					<option value="Denmark +45">Denmark&nbsp; &nbsp;+45</option>
					<option value="Djibouti +253">Djibouti&nbsp; &nbsp;+253</option>
					<option value="Dominica +1">Dominica&nbsp; &nbsp;+1</option>
					<option value="Dominican Republic +1">Dominican Republic&nbsp; &nbsp;+1</option>
					<option value="Ecuador +593">Ecuador&nbsp; &nbsp;+593</option>
					<option value="Egypt +20">Egypt&nbsp; &nbsp;+20</option>
					<option value="El Salvador +503">El Salvador&nbsp; &nbsp;+503</option>
					<option value="Equatorial Guinea +240">Equatorial Guinea&nbsp; &nbsp;+240</option>
					<option value="Eritrea +291">Eritrea&nbsp; &nbsp;+291</option>
					<option value="Estonia +372">Estonia&nbsp; &nbsp;+372</option>
					<option value="Eswatini +268">Eswatini&nbsp; &nbsp;+268</option>
					<option value="Ethiopia +251">Ethiopia&nbsp; &nbsp;+251</option>
					<option value="Falkland Islands +500">Falkland Islands&nbsp; &nbsp;+500</option>
					<option value="Faroe Islands +298">Faroe Islands&nbsp; &nbsp;+298</option>
					<option value="Fiji +679">Fiji&nbsp; &nbsp;+679</option>
					<option value="Finland +358">Finland&nbsp; &nbsp;+358</option>
					<option value="France +33">France&nbsp; &nbsp;+33</option>
					<option value="French Guiana +594">French Guiana&nbsp; &nbsp;+594</option>
					<option value="French Polynesia +689">French Polynesia&nbsp; &nbsp;+689</option>
					<option value="Gabon +241">Gabon&nbsp; &nbsp;+241</option>
					<option value="Gambia +220">Gambia&nbsp; &nbsp;+220</option>
					<option value="Georgia +995">Georgia&nbsp; &nbsp;+995</option>
					<option value="Germany +49">Germany&nbsp; &nbsp;+49</option>
					<option value="Ghana +233">Ghana&nbsp; &nbsp;+233</option>
					<option value="Gibraltar +350">Gibraltar&nbsp; &nbsp;+350</option>
					<option value="Greece +30">Greece&nbsp; &nbsp;+30</option>
					<option value="Greenland +299">Greenland&nbsp; &nbsp;+299</option>
					<option value="Grenada +1">Grenada&nbsp; &nbsp;+1</option>
					<option value="Guadeloupe +590">Guadeloupe&nbsp; &nbsp;+590</option>
					<option value="Guam +1">Guam&nbsp; &nbsp;+1</option>
					<option value="Guatemala +502">Guatemala&nbsp; &nbsp;+502</option>
					<option value="Guernsey +44">Guernsey&nbsp; &nbsp;+44</option>
					<option value="Guinea +224">Guinea&nbsp; &nbsp;+224</option>
					<option value="Guinea-Bissau +245">Guinea-Bissau&nbsp; &nbsp;+245</option>
					<option value="Guyana +592">Guyana&nbsp; &nbsp;+592</option>
					<option value="Haiti +509">Haiti&nbsp; &nbsp;+509</option>
					<option value="Honduras +504">Honduras&nbsp; &nbsp;+504</option>
					<option value="Hong Kong +852">Hong Kong&nbsp; &nbsp;+852</option>
					<option value="Hungary +36">Hungary&nbsp; &nbsp;+36</option>
					<option value="Iceland +354">Iceland&nbsp; &nbsp;+354</option>
					<option value="India +91">India&nbsp; &nbsp;+91</option>
					<option value="Indonesia +62">Indonesia&nbsp; &nbsp;+62</option>
					<option value="Iran +98">Iran&nbsp; &nbsp;+98</option>
					<option value="Iraq +964">Iraq&nbsp; &nbsp;+964</option>
					<option value="Ireland +353">Ireland&nbsp; &nbsp;+353</option>
					<option value="Isle of Man +44">Isle of Man&nbsp; &nbsp;+44</option>
					<option value="Israel +972">Israel&nbsp; &nbsp;+972</option>
					<option value="Italy +39">Italy&nbsp; &nbsp;+39</option>
					<option value="Jamaica +1">Jamaica&nbsp; &nbsp;+1</option>
					<option value="Japan +81">Japan&nbsp; &nbsp;+81</option>
					<option value="Jersey +44">Jersey&nbsp; &nbsp;+44</option>
					<option value="Jordan +962">Jordan&nbsp; &nbsp;+962</option>
					<option value="Kazakhstan +7">Kazakhstan &nbsp; &nbsp;+7</option>
					<option value="Kenya +254">Kenya&nbsp; &nbsp;+254</option>
					<option value="Kiribati +686">Kiribati&nbsp; &nbsp;+686</option>
					<option value="Kosovo +383">Kosovo&nbsp; &nbsp;+383</option>
					<option value="Kuwait +965">Kuwait&nbsp; &nbsp;+965</option>
					<option value="Kyrgyzstan +996">Kyrgyzstan &nbsp; &nbsp;+996</option>
					<option value="Laos +856">Laos&nbsp; &nbsp;+856</option>
					<option value="Latvia +371">Latvia &nbsp; &nbsp;+371</option>
					<option value="Lebanon +961">Lebanon&nbsp; &nbsp;+961</option>
					<option value="Lesotho +266">Lesotho&nbsp; &nbsp;+266</option>
					<option value="Liberia +231">Liberia&nbsp; &nbsp;+231</option>
					<option value="Libya +218">Libya&nbsp; &nbsp;+218</option>
					<option value="Liechtenstein +423">Liechtenstein&nbsp; &nbsp;+423</option>
					<option value="Lithuania +370">Lithuania&nbsp; &nbsp;+370</option>
					<option value="Luxembourg +352">Luxembourg&nbsp; &nbsp;+352</option>
					<option value="Macau +853">Macau&nbsp; &nbsp;+853</option>
					<option value="Macedonia +389">Macedonia&nbsp; &nbsp;+389</option>
					<option value="Madagascar +261">Madagascar&nbsp; &nbsp;+261</option>
					<option value="Malawi +265">Malawi&nbsp; &nbsp;+265</option>
					<option value="Malaysia +60">Malaysia&nbsp; &nbsp;+60</option>
					<option value="Maldives +960">Maldives&nbsp; &nbsp;+960</option>
					<option value="Mali +223">Mali&nbsp; &nbsp;+223</option>
					<option value="Malta +356">Malta&nbsp; &nbsp;+356</option>
					<option value="Marshall +692">Marshall Islands&nbsp; &nbsp;+692</option>
					<option value="Martinique +596">Martinique&nbsp; &nbsp;+596</option>
					<option value="Mauritania +222">Mauritania&nbsp; &nbsp;+222</option>
					<option value="Mauritius +230">Mauritius&nbsp; &nbsp;+230</option>
					<option value="Mayotte +262">Mayotte&nbsp; &nbsp;+262</option>
					<option value="Mexico +52">Mexico&nbsp; &nbsp;+52</option>
					<option value="Micronesia +691">Micronesia&nbsp; &nbsp;+691</option>
					<option value="Moldova +373">Moldova&nbsp; &nbsp;+373</option>
					<option value="Monaco +377">Monaco&nbsp; &nbsp;+377</option>
					<option value="Mongolia +976">Mongolia&nbsp; &nbsp;+976</option>
					<option value="Montenegro +382">Montenegro&nbsp; &nbsp;+382</option>
					<option value="Montserrat +1">Montserrat&nbsp; &nbsp;+1</option>
					<option value="Morocco +212">Morocco&nbsp; &nbsp;+212</option>
					<option value="Mozambique +258">Mozambique&nbsp; &nbsp;+258</option>
					<option value="Myanmar +95">Myanmar &nbsp; &nbsp;+95</option>
					<option value="Namibia +264">Namibia&nbsp; &nbsp;+264</option>
					<option value="Nauru +674">Nauru&nbsp; &nbsp;+674</option>
					<option value="Nepal +977">Nepal&nbsp; &nbsp;+977</option>
					<option value="Netherlands +31">Netherlands&nbsp; &nbsp;+31</option>
					<option value="New Caledonia +687">New Caledonia&nbsp; &nbsp;+687</option>
					<option value="New Zealand +64">New Zealand&nbsp; &nbsp;+64</option>
					<option value="Nicaragua +505">Nicaragua&nbsp; &nbsp;+505</option>
					<option value="Niger +227">Niger&nbsp; &nbsp;+227</option>
					<option value="Nigeria +234">Nigeria&nbsp; &nbsp;+234</option>
					<option value="Niue +683">Niue&nbsp; &nbsp;+683</option>
					<option value="Norfolk Island +672">Norfolk Island&nbsp; &nbsp;+672</option>
					<option value="North Korea +850">North Korea&nbsp; &nbsp;+850</option>
					<option value="Northern Mariana Islands +1">Northern Mariana Islands&nbsp; &nbsp;+1</option>
					<option value="Norway +47">Norway&nbsp; &nbsp;+47</option>
					<option value="Oman +968">Oman&nbsp; &nbsp;+968</option>
					<option value="Pakistan +92">Pakistan&nbsp; &nbsp;+92</option>
					<option value="Palau +680">Palau&nbsp; &nbsp;+680</option>
					<option value="Palestine +970">Palestine &nbsp; &nbsp;+970</option>
					<option value="Panama +507">Panama &nbsp; &nbsp;+507</option>
					<option value="Papua New Guinea 675">Papua New Guinea&nbsp; &nbsp;+675</option>
					<option value="Paraguay +595">Paraguay&nbsp; &nbsp;+595</option>
					<option value="Peru +51">Peru &nbsp; &nbsp;+51</option>
					<option value="Philippines +63">Philippines&nbsp; &nbsp;+63</option>
					<option value="Poland +48">Poland&nbsp; &nbsp;+48</option>
					<option value="Portugal +351">Portugal&nbsp; &nbsp;+351</option>
					<option value="Puerto Rico +1">Puerto Rico&nbsp; &nbsp;+1</option>
					<option value="Qatar +974">Qatar&nbsp; &nbsp;+974</option>
					<option value="Réunion +262">Réunion&nbsp; &nbsp;+262</option>
					<option value="Romania +40">Romania&nbsp; &nbsp;+40</option>
					<option value="Russia +7">Russia&nbsp; &nbsp;+7</option>
					<option value="Rwanda +250">Rwanda&nbsp; &nbsp;+250</option>
					<option value="Saint Barthélemy +590">Saint Barthélemy&nbsp; &nbsp;+590</option>
					<option value="Saint Helena +290">Saint Helena&nbsp; &nbsp;+290</option>
					<option value="Saint Kitts and Nevis +1">Saint Kitts and Nevis&nbsp; &nbsp;+1</option>
					<option value="Saint Lucia +1">Saint Lucia&nbsp; &nbsp;+1</option>
					<option value="Saint Martin +590">Saint Martin&nbsp; &nbsp;+590</option>
					<option value="Saint Pierre and Miquelon +508">Saint Pierre and Miquelon&nbsp; &nbsp;+508
					</option>
					<option value="Saint Vincent and the Grenadines +1">Saint Vincent and the Grenadines&nbsp;
						&nbsp;+1</option>
					<option value="Samoa +685">Samoa&nbsp; &nbsp;+685</option>
					<option value="San Marino +378">San Marino&nbsp; &nbsp;+378</option>
					<option value="São Tomé and Príncipe +239">São Tomé and Príncipe&nbsp; &nbsp;+239</option>
					<option value="Saudi Arabia +966">Saudi Arabia &nbsp; &nbsp;+966</option>
					<option value="Senegal +221">Senegal &nbsp; &nbsp;+221</option>
					<option value="Serbia +381">Serbia&nbsp; &nbsp;+381</option>
					<option value="Seychelles +248">Seychelles&nbsp; &nbsp;+248</option>
					<option value="Sierra Leone +232">Sierra Leone&nbsp; &nbsp;+232</option>
					<option value="Singapore +65">Singapore&nbsp; &nbsp;+65</option>
					<option value="Sint Maarten +1">Sint Maarten&nbsp; &nbsp;+1</option>
					<option value="Slovakia +421">Slovakia&nbsp; &nbsp;+421</option>
					<option value="Slovenia +386">Slovenia&nbsp; &nbsp;+386</option>
					<option value="Solomon Islands +677">Solomon Islands&nbsp; &nbsp;+677</option>
					<option value="Somalia +252">Somalia&nbsp; &nbsp;+252</option>
					<option value="South Africa +27">South Africa&nbsp; &nbsp;+27</option>
					<option value="South Korea +82">South Korea&nbsp; &nbsp;+82</option>
					<option value="South Sudan +211">South Sudan&nbsp; &nbsp;+211</option>
					<option value="Spain +34">Spain&nbsp; &nbsp;+34</option>
					<option value="Sri Lanka +94">Sri Lanka &nbsp; &nbsp;+94</option>
					<option value="Sudan +249">Sudan&nbsp; &nbsp;+249</option>
					<option value="Suriname">Suriname&nbsp; &nbsp;+597</option>
					<option value="Svalbard and Jan Mayen +47">Svalbard and Jan Mayen&nbsp; &nbsp;+47</option>
					<option value="Sweden +46">Sweden&nbsp; &nbsp;+46</option>
					<option value="Switzerland +41">Switzerland&nbsp; &nbsp;+41</option>
					<option value="Syria +963">Syria &nbsp; &nbsp;+963</option>
					<option value="Taiwan +886">Taiwan&nbsp; &nbsp;+886</option>
					<option value="Tajikistan +992">Tajikistan&nbsp; &nbsp;+992</option>
					<option value="Tanzania +255">Tanzania&nbsp; &nbsp;+255</option>
					<option value="Thailand +66">Thailand&nbsp; &nbsp;+66</option>
					<option value="Timor-Leste +670">Timor-Leste&nbsp; &nbsp;+670</option>
					<option value="Togo +228">Togo&nbsp; &nbsp;+228</option>
					<option value="Tokelau +690">Tokelau&nbsp; &nbsp;+690</option>
					<option value="Tonga +676">Tonga&nbsp; &nbsp;+676</option>
					<option value="Trinidad and Tobago +1">Trinidad and Tobago&nbsp; &nbsp;+1</option>
					<option value="Tunisia +216">Tunisia&nbsp; &nbsp;+216</option>
					<option value="Turkey +90">Turkey&nbsp; &nbsp;+90</option>
					<option value="Turkmenistan +993">Turkmenistan&nbsp; &nbsp;+993</option>
					<option value="Turks and Caicos Islands +1">Turks and Caicos Islands&nbsp; &nbsp;+1</option>
					<option value="Tuvalu +688">Tuvalu&nbsp; &nbsp;+688</option>
					<option value="U.S. Virgin Islands +1">U.S. Virgin Islands&nbsp; &nbsp;+1</option>
					<option value="Uganda +256">Uganda&nbsp; &nbsp;+256</option>
					<option value="Ukraine +380">Ukraine&nbsp; &nbsp;+380</option>
					<option value="United Arab Emirates +971">United Arab Emirates &nbsp; &nbsp;+971</option>
					<option value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
					<option value="United States +1">United States&nbsp; &nbsp;+1</option>
					<option value="Uruguay +598">Uruguay&nbsp; &nbsp;+598</option>
					<option value="Uzbekistan +998">Uzbekistan&nbsp; &nbsp;+998</option>
					<option value="Vanuatu +678">Vanuatu&nbsp; &nbsp;+678</option>
					<option value="Vatican City +39">Vatican City&nbsp; &nbsp;+39</option>
					<option value="Venezuela +58">Venezuela&nbsp; &nbsp;+58</option>
					<option value="Vietnam +84">Vietnam&nbsp; &nbsp;+84</option>
					<option value="Wallis and Futuna +681">Wallis and Futuna&nbsp; &nbsp;+681</option>
					<option value="Western Sahara +212">Western Sahara &nbsp; &nbsp;+212</option>
					<option value="Yemen +967">Yemen&nbsp; &nbsp;+967</option>
					<option value="Zambia +260">Zambia&nbsp; &nbsp;+260</option>
					<option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option>
					<option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+358</option>
				</select>
				<input type="text" name="PhoneNo" id='contactInfo' required>
				<label style="top: calc(100% - 60px);">
					* Phone number
				</label>
			</div>
			<span class="formNote">
			Having a phone number, especially with WhatsApp/iMessage capability will improve communication efficiency.
			</span>
			<p style=" margin-bottom: 10px; padding-left: 10px; ">I prefer to be contacted via:</p>	
	   <div class="checkYes">				
		<label for="whatsapp">
			<input type="checkbox" value="yes" name="contact_via_WhatsApp" id="whatsapp" class="checkBorder" style="
margin-right: 10px;
">WhatsApp
		</label>
	   </div>
	   <div class="checkYes">
		<label for="iMessage">
			<input type="checkbox" value="yes" name="contact_via_iMessage" id="iMessage" class="checkBorder" style="
margin-right: 5px;
margin-right: 10px;
">iMessage
		</label>
   </div>
	   <div class="checkYes">
		<label for="Phone call">
			<input type="checkbox" value="yes" name="contact_via_phone_call" id="Phone call" class="checkBorder" style="
margin-right: 10px;
">Phone call
		</label>
	</div>
	<div class="checkYes">
		<label for="Video appointment">
			<input type="checkbox" value="yes" name="contact_via_video_appointment" id="Video appointment"
				class="checkBorder" style="
margin-right: 10px;
">Video appointment
		</label>
	</div>
			<div class="inquiryBtn">
				<button id="tmsubmit" type="button">Start My Journey</button>
			</div>
		</form>

	</div>
	<footer>
		<div class="bottom_why_us">
		<div class="tp_banner">4.9 Excellent<img src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png" class="img-responsive" alt="TrustPilot rating" width="100px">
            <img src="https://data.asiahighlights.com/image/about/logo-white.png" class="img-responsive" alt="TrustPilot Logo" width="73px"></div>
			<h2>The Asia Highlights Experience</h2>
			
			
							<div class="bottom_why_us_content">
							<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-1.png" alt="1-to-1 Expert Planning" class="img-responsive">
				<h3>1-to-1 Expert Planning</h3>
				<p>Your tour will be tailor-made to suit you by a destination expert. Your personal travel advisor will always reply within 24 hours.</p>
							</div>
						
							<div class="bottom_why_us_content">
							<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-2.png" alt="Personal Journeys" class="img-responsive">
				<h3>Personal Journeys</h3>
				<p>Enjoy having your own personal local guide and ride. Explore destinations at your own pace. Have as much flexibility as possible.</p>
							</div>
						
							<div class="bottom_why_us_content">
							<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-3.png" alt="Authentic Experiences" class="img-responsive">
				<h3>Authentic Experiences</h3>
				<p>Go beyond the sightseeing. Understand the destinations by practicing the local culture and interacting with local people.</p>
							</div>
						
							<div class="bottom_why_us_content">
							<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-4.png" alt="One-Stop Service" class="img-responsive">
				<h3>One-Stop Service</h3>
				<p>Leave all the booking work to us, including international and internal transportation, visas, hotels, meals, and activities.</p>
							</div>
						
				
			</div>
		<div class="infobottom">

			<div class="bottomlogoinfo">At Asia Highlights, we are committed to providing you an affordable, quality private tour, whether it's a family vacation, a honeymoon, or your annual break — your planning will be made easy with just one specialist throughout. <a
					href="/about-us">Know more
					...</a>
				<img src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png"
					class="bottomlogocenter img-responsive">
				Rated 4.8 out of 5 | Excellent
			</div>

			<div class="bottommedia">
				<span class="followtitle">Follow Us</span>
				<ul>
					<li><a href="https://www.facebook.com/AsiaHighlights/" rel="nofollow" title="Follow us on Facebook"
							target="_blank">
							Facebook

						</a></li>

					<li><a href="https://www.instagram.com/asiahighlights/" rel="nofollow"
							title="Follow us on Instagram" target="_blank">
							Instagram </a></li>
				</ul>


			</div>


			<div class="bottomlinks">
				<span class="followtitle"><a href="/about-us" rel="nofollow">About Us</a></span>
				<ul>


					<li><a href="/about-us/history" rel="nofollow">History</a></li>
					<li><a href="/about-us/our-differences" rel="nofollow">Our Differences</a></li>
					<li><a href="/contact-us" rel="nofollow">Contact Us</a></li>
					<li><a href="/privacy">Privacy Policy</a></li>
					<li><a href="/terms-of-use">Terms</a></li>
				</ul>
			</div>
			<div class="clear"></div>
			<div class="featureon">
				<span class="followtitle">Featured on</span>
				<img src="https://data.chinahighlights.com/pic/guide/info-template-feature-on.png" alt="Social medias"
					class="img-responsive bottomfeature">

			</div>
		</div>
		<div class="bottomlogo">
			© 2016-2023 Asia Highlights <br>— Discovery Your Way!
		</div>

	</footer>
	<!--移动底部 结束-->

	<script>/* memu js https://data.chinahighlights.com/js/mobile-menu.js */
		(function (window) { function classReg(className) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)") } var hasClass, addClass, removeClass; if ("classList" in document.documentElement) { hasClass = function (elem, c) { return elem.classList.contains(c) }; addClass = function (elem, c) { elem.classList.add(c) }; removeClass = function (elem, c) { elem.classList.remove(c) } } else { hasClass = function (elem, c) { return classReg(c).test(elem.className) }; addClass = function (elem, c) { if (!hasClass(elem, c)) { elem.className = elem.className + " " + c } }; removeClass = function (elem, c) { elem.className = elem.className.replace(classReg(c), " ") } } function toggleClass(elem, c) { var fn = hasClass(elem, c) ? removeClass : addClass; fn(elem, c) } var classie = { hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass }; if (typeof define === "function" && define.amd) { define(classie) } else { if (typeof exports === "object") { module.exports = classie } else { window.classie = classie } } })(window);
		!function (e, n, t) {
			function r(e, n) { return typeof e === n } function o() { var e, n, t, o, i, s, a; for (var f in C) { if (C.hasOwnProperty(f)) { if (e = [], n = C[f], n.name && (e.push(n.name.toLowerCase()), n.options && n.options.aliases && n.options.aliases.length)) { for (t = 0; t < n.options.aliases.length; t++) { e.push(n.options.aliases[t].toLowerCase()) } } for (o = r(n.fn, "function") ? n.fn() : n.fn, i = 0; i < e.length; i++) { s = e[i], a = s.split("."), 1 === a.length ? Modernizr[a[0]] = o : (!Modernizr[a[0]] || Modernizr[a[0]] instanceof Boolean || (Modernizr[a[0]] = new Boolean(Modernizr[a[0]])), Modernizr[a[0]][a[1]] = o), g.push((o ? "" : "no-") + a.join("-")) } } } } function i(e) { var n = w.className, t = Modernizr._config.classPrefix || ""; if (x && (n = n.baseVal), Modernizr._config.enableJSClass) { var r = new RegExp("(^|\\s)" + t + "no-js(\\s|$)"); n = n.replace(r, "$1" + t + "js$2") } Modernizr._config.enableClasses && (n += " " + t + e.join(" " + t), x ? w.className.baseVal = n : w.className = n) } function s(e) { return e.replace(/([a-z])-([a-z])/g, function (e, n, t) { return n + t.toUpperCase() }).replace(/^-/, "") } function a(e, n) { return !!~("" + e).indexOf(n) } function f() { return "function" != typeof n.createElement ? n.createElement(arguments[0]) : x ? n.createElementNS.call(n, "http://www.w3.org/2000/svg", arguments[0]) : n.createElement.apply(n, arguments) } function l(e, n) { return function () { return e.apply(n, arguments) } } function u(e, n, t) { var o; for (var i in e) { if (e[i] in n) { return t === !1 ? e[i] : (o = n[e[i]], r(o, "function") ? l(o, t || n) : o) } } return !1 } function p(e) { return e.replace(/([A-Z])/g, function (e, n) { return "-" + n.toLowerCase() }).replace(/^ms-/, "-ms-") } function d() { var e = n.body; return e || (e = f(x ? "svg" : "body"), e.fake = !0), e } function c(e, t, r, o) { var i, s, a, l, u = "modernizr", p = f("div"), c = d(); if (parseInt(r, 10)) { for (; r--;) { a = f("div"), a.id = o ? o[r] : u + (r + 1), p.appendChild(a) } } return i = f("style"), i.type = "text/css", i.id = "s" + u, (c.fake ? c : p).appendChild(i), c.appendChild(p), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(n.createTextNode(e)), p.id = u, c.fake && (c.style.background = "", c.style.overflow = "hidden", l = w.style.overflow, w.style.overflow = "hidden", w.appendChild(c)), s = t(p, e), c.fake ? (c.parentNode.removeChild(c), w.style.overflow = l, w.offsetHeight) : p.parentNode.removeChild(p), !!s } function m(n, r) { var o = n.length; if ("CSS" in e && "supports" in e.CSS) { for (; o--;) { if (e.CSS.supports(p(n[o]), r)) { return !0 } } return !1 } if ("CSSSupportsRule" in e) { for (var i = []; o--;) { i.push("(" + p(n[o]) + ":" + r + ")") } return i = i.join(" or "), c("@supports (" + i + ") { #modernizr { position: absolute; } }", function (e) { return "absolute" == getComputedStyle(e, null).position }) } return t } function v(e, n, o, i) { function l() { p && (delete z.style, delete z.modElem) } if (i = r(i, "undefined") ? !1 : i, !r(o, "undefined")) { var u = m(e, o); if (!r(u, "undefined")) { return u } } for (var p, d, c, v, h, y = ["modernizr", "tspan"]; !z.style;) { p = !0, z.modElem = f(y.shift()), z.style = z.modElem.style } for (c = e.length, d = 0; c > d; d++) { if (v = e[d], h = z.style[v], a(v, "-") && (v = s(v)), z.style[v] !== t) { if (i || r(o, "undefined")) { return l(), "pfx" == n ? v : !0 } try { z.style[v] = o } catch (g) { } if (z.style[v] != h) { return l(), "pfx" == n ? v : !0 } } } return l(), !1 } function h(e, n, t, o, i) { var s = e.charAt(0).toUpperCase() + e.slice(1), a = (e + " " + b.join(s + " ") + s).split(" "); return r(n, "string") || r(n, "undefined") ? v(a, n, o, i) : (a = (e + " " + N.join(s + " ") + s).split(" "), u(a, n, t)) } function y(e, n, r) { return h(e, t, t, n, r) } var g = [], C = [], _ = { _version: "3.2.0", _config: { classPrefix: "", enableClasses: !0, enableJSClass: !0, usePrefixes: !0 }, _q: [], on: function (e, n) { var t = this; setTimeout(function () { n(t[e]) }, 0) }, addTest: function (e, n, t) { C.push({ name: e, fn: n, options: t }) }, addAsyncTest: function (e) { C.push({ name: null, fn: e }) } }, Modernizr = function () { }; Modernizr.prototype = _, Modernizr = new Modernizr; var w = n.documentElement, x = "svg" === w.nodeName.toLowerCase(), S = "Moz O ms Webkit", b = _._config.usePrefixes ? S.split(" ") : [];
			_._cssomPrefixes = b; var E = function (n) { var r, o = prefixes.length, i = e.CSSRule; if ("undefined" == typeof i) { return t } if (!n) { return !1 } if (n = n.replace(/^@/, ""), r = n.replace(/-/g, "_").toUpperCase() + "_RULE", r in i) { return "@" + n } for (var s = 0; o > s; s++) { var a = prefixes[s], f = a.toUpperCase() + "_" + r; if (f in i) { return "@-" + a.toLowerCase() + "-" + n } } return !1 }; _.atRule = E; var N = _._config.usePrefixes ? S.toLowerCase().split(" ") : []; _._domPrefixes = N; var P = { elem: f("modernizr") }; Modernizr._q.push(function () { delete P.elem }); var z = { style: P.elem.style }; Modernizr._q.unshift(function () { delete z.style }), _.testAllProps = h; _.prefixed = function (e, n, t) { return 0 === e.indexOf("@") ? E(e) : (-1 != e.indexOf("-") && (e = s(e)), n ? h(e, n, t) : h(e, "pfx")) }; _.testAllProps = y, Modernizr.addTest("cssanimations", y("animationName", "a", !0)), o(), i(g), delete _.addTest, delete _.addAsyncTest; for (var T = 0; T < Modernizr._q.length; T++) { Modernizr._q[T]() } e.Modernizr = Modernizr
		}(window, document); (function (window) {
			var support = { animations: Modernizr.cssanimations }, animEndEventNames = { "WebkitAnimation": "webkitAnimationEnd", "OAnimation": "oAnimationEnd", "msAnimation": "MSAnimationEnd", "animation": "animationend" }, animEndEventName = animEndEventNames[Modernizr.prefixed("animation")], onEndAnimation = function (el, callback) { var onEndCallbackFn = function (ev) { if (support.animations) { if (ev.target != this) { return } this.removeEventListener(animEndEventName, onEndCallbackFn) } if (callback && typeof callback === "function") { callback.call() } }; if (support.animations) { el.addEventListener(animEndEventName, onEndCallbackFn) } else { onEndCallbackFn() } }; function extend(a, b) { for (var key in b) { if (b.hasOwnProperty(key)) { a[key] = b[key] } } return a } function MLMenu(el, options) { this.el = el; this.options = extend({}, this.options); extend(this.options, options); this.menus = [].slice.call(this.el.querySelectorAll(".menu__level")); this.current_menu = 0; var current_menu; this.menus.forEach(function (menuEl, pos) { var items = menuEl.querySelectorAll(".menu__item"); items.forEach(function (itemEl, iPos) { var currentLink = itemEl.querySelector(".menu__link--current"); if (currentLink) { current_menu = pos } }) }); if (current_menu) { this.current_menu = current_menu } this._init() } MLMenu.prototype.options = { breadcrumbsCtrl: true, initialBreadcrumb: "all", backCtrl: true, itemsDelayInterval: 60, direction: "r2l", onItemClick: function (ev, itemName) { return false } }; MLMenu.prototype._init = function () { this.menusArr = []; this.breadCrumbs = false; var self = this; var submenus = []; this.menus.forEach(function (menuEl, pos) { var menu = { menuEl: menuEl, menuItems: [].slice.call(menuEl.querySelectorAll(".menu__item")) }; self.menusArr.push(menu); if (pos === self.current_menu) { classie.add(menuEl, "menu__level--current") } var menu_x = menuEl.getAttribute("data-menu"); var links = menuEl.querySelectorAll(".menu__link"); links.forEach(function (linkEl, lPos) { var submenu = linkEl.getAttribute("data-submenu"); if (submenu) { var pushMe = { "menu": submenu, "name": linkEl.innerHTML }; if (submenus[pos]) { submenus[pos].push(pushMe) } else { submenus[pos] = []; submenus[pos].push(pushMe) } } }) }); this.menus.forEach(function (menuEl, pos) { var menu_x = menuEl.getAttribute("data-menu"); submenus.forEach(function (subMenuEl, menu_root) { subMenuEl.forEach(function (subMenuItem, subPos) { if (subMenuItem.menu == menu_x) { self.menusArr[pos].backIdx = menu_root; self.menusArr[pos].name = subMenuItem.name } }) }) }); if (self.options.breadcrumbsCtrl) { this.breadcrumbsCtrl = document.createElement("nav"); this.breadcrumbsCtrl.className = "menu__breadcrumbs"; this.breadcrumbsCtrl.setAttribute("aria-label", "You are here"); this.el.insertBefore(this.breadcrumbsCtrl, this.el.firstChild); this._addBreadcrumb(0); if (self.menusArr[self.current_menu].backIdx != 0 && self.current_menu != 0) { this._crawlCrumbs(self.menusArr[self.current_menu].backIdx, self.menusArr); this.breadCrumbs = true } if (self.current_menu != 0) { this._addBreadcrumb(self.current_menu); this.breadCrumbs = true } } if (this.options.backCtrl) { this.backCtrl = document.createElement("button"); if (this.breadCrumbs) { this.backCtrl.className = "menu__back" } else { this.backCtrl.className = "menu__back menu__back--hidden" } this.backCtrl.setAttribute("aria-label", "Go back"); this.backCtrl.innerHTML = '<span class="icon icon--arrow-left"></span>'; this.el.insertBefore(this.backCtrl, this.el.firstChild) } this._initEvents() }; MLMenu.prototype._initEvents = function () { var self = this; for (var i = 0, len = this.menusArr.length; i < len; ++i) { this.menusArr[i].menuItems.forEach(function (item, pos) { item.querySelector("a").addEventListener("click", function (ev) { var submenu = ev.target.getAttribute("data-submenu"), itemName = ev.target.innerHTML, subMenuEl = self.el.querySelector('ul[data-menu="' + submenu + '"]'); if (submenu && subMenuEl) { ev.preventDefault(); self._openSubMenu(subMenuEl, pos, itemName) } else { var currentlink = self.el.querySelector(".menu__link--current"); if (currentlink) { classie.remove(self.el.querySelector(".menu__link--current"), "menu__link--current") } classie.add(ev.target, "menu__link--current"); self.options.onItemClick(ev, itemName) } }) }) } if (this.options.backCtrl) { this.backCtrl.addEventListener("click", function () { self._back() }) } }; MLMenu.prototype._openSubMenu = function (subMenuEl, clickPosition, subMenuName) {
				if (this.isAnimating) {
					return false
				} this.isAnimating = true; this.menusArr[this.menus.indexOf(subMenuEl)].backIdx = this.current_menu; this.menusArr[this.menus.indexOf(subMenuEl)].name = subMenuName; this._menuOut(clickPosition); this._menuIn(subMenuEl, clickPosition)
			}; MLMenu.prototype._back = function () { if (this.isAnimating) { return false } this.isAnimating = true; this._menuOut(); var backMenu = this.menusArr[this.menusArr[this.current_menu].backIdx].menuEl; this._menuIn(backMenu); if (this.options.breadcrumbsCtrl) { this.breadcrumbsCtrl.removeChild(this.breadcrumbsCtrl.lastElementChild) } }; MLMenu.prototype._menuOut = function (clickPosition) { var self = this, currentMenu = this.menusArr[this.current_menu].menuEl, isBackNavigation = typeof clickPosition == "undefined" ? true : false; this.menusArr[this.current_menu].menuItems.forEach(function (item, pos) { item.style.WebkitAnimationDelay = item.style.animationDelay = isBackNavigation ? parseInt(pos * self.options.itemsDelayInterval) + "ms" : parseInt(Math.abs(clickPosition - pos) * self.options.itemsDelayInterval) + "ms" }); if (this.options.direction === "r2l") { classie.add(currentMenu, !isBackNavigation ? "animate-outToLeft" : "animate-outToRight") } else { classie.add(currentMenu, isBackNavigation ? "animate-outToLeft" : "animate-outToRight") } }; MLMenu.prototype._menuIn = function (nextMenuEl, clickPosition) { var self = this, currentMenu = this.menusArr[this.current_menu].menuEl, isBackNavigation = typeof clickPosition == "undefined" ? true : false, nextMenuIdx = this.menus.indexOf(nextMenuEl), nextMenu = this.menusArr[nextMenuIdx], nextMenuEl = nextMenu.menuEl, nextMenuItems = nextMenu.menuItems, nextMenuItemsTotal = nextMenuItems.length; nextMenuItems.forEach(function (item, pos) { item.style.WebkitAnimationDelay = item.style.animationDelay = isBackNavigation ? parseInt(pos * self.options.itemsDelayInterval) + "ms" : parseInt(Math.abs(clickPosition - pos) * self.options.itemsDelayInterval) + "ms"; var farthestIdx = clickPosition <= nextMenuItemsTotal / 2 || isBackNavigation ? nextMenuItemsTotal - 1 : 0; if (pos === farthestIdx) { onEndAnimation(item, function () { if (self.options.direction === "r2l") { classie.remove(currentMenu, !isBackNavigation ? "animate-outToLeft" : "animate-outToRight"); classie.remove(nextMenuEl, !isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } else { classie.remove(currentMenu, isBackNavigation ? "animate-outToLeft" : "animate-outToRight"); classie.remove(nextMenuEl, isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } classie.remove(currentMenu, "menu__level--current"); classie.add(nextMenuEl, "menu__level--current"); self.current_menu = nextMenuIdx; if (!isBackNavigation) { if (self.options.backCtrl) { classie.remove(self.backCtrl, "menu__back--hidden") } self._addBreadcrumb(nextMenuIdx) } else { if (self.current_menu === 0 && self.options.backCtrl) { classie.add(self.backCtrl, "menu__back--hidden") } } self.isAnimating = false; nextMenuEl.focus() }) } }); if (this.options.direction === "r2l") { classie.add(nextMenuEl, !isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } else { classie.add(nextMenuEl, isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } }; MLMenu.prototype._addBreadcrumb = function (idx) { if (!this.options.breadcrumbsCtrl) { return false } var bc = document.createElement("a"); bc.href = "#"; bc.innerHTML = idx ? this.menusArr[idx].name : this.options.initialBreadcrumb; this.breadcrumbsCtrl.appendChild(bc); var self = this; bc.addEventListener("click", function (ev) { ev.preventDefault(); if (!bc.nextSibling || self.isAnimating) { return false } self.isAnimating = true; self._menuOut(); var nextMenu = self.menusArr[idx].menuEl; self._menuIn(nextMenu); var siblingNode; while (siblingNode = bc.nextSibling) { self.breadcrumbsCtrl.removeChild(siblingNode) } }) }; MLMenu.prototype._crawlCrumbs = function (currentMenu, menuArray) { if (menuArray[currentMenu].backIdx != 0) { this._crawlCrumbs(menuArray[currentMenu].backIdx, menuArray) } this._addBreadcrumb(currentMenu) }; window.MLMenu = MLMenu
		})(window); (function () { var menuEl = document.getElementById("ml-menu"), mlmenu = new MLMenu(menuEl, { backCtrl: true, }); var openMenuCtrl = document.querySelector(".action--open"), closeMenuCtrl = document.querySelector(".action--close"); openMenuCtrl.addEventListener("click", openMenu); closeMenuCtrl.addEventListener("click", closeMenu); function openMenu() { classie.add(menuEl, "menu--open"); closeMenuCtrl.focus() } function closeMenu() { classie.remove(menuEl, "menu--open"); openMenuCtrl.focus() } })();
		eval(function (p, a, c, k, e, d) { e = function (c) { return (c < a ? "" : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) d[e(c)] = k[c] || e(c); k = [function (e) { return d[e] }]; e = function () { return '\\w+' }; c = 1; }; while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]); return p; }('8.R=10;(4(){3 h=b 26();4 11(X){8.R=X&&X.1I===\'1b\'?h.1V==1:10;1c()}h.1T=11;h.1Z=11;h.S=\'1M:1R/1x;1F,1Q/1P=\'})();5(!c.g){c.g=(4(){3 1u=y.M.1S;3 P=4(l){6 I l==="4"||1u.Q(l)==="[19 1L]"};3 1j=4(D){3 f=1O(D);5(1N(f)){6 0}5(f===0||!1Y(f)){6 f}6(f>0?1:-1)*o.1X(o.20(f))};3 1y=o.1U(2,1W)-1;3 1a=4(D){3 9=1j(D);6 o.1G(o.1H(9,0),1y)};6 4 g(J){3 C=E;3 U=y(J);5(J==p){F b H("c.g 1K 1J 1E-1D 19 - V p 1k B")}3 n=j.m>1?j[1]:2o B;3 T;5(I n!=="B"){5(!P(n)){F b H("c.g: 2q 2j, 2i 2k 2l 2m 2n a 4")}5(j.m>2){T=j[2]}}3 9=1a(U.m);3 A=P(C)?y(b C(9)):b c(9);3 k=0;3 d;1l(k<9){d=U[k];5(n){A[k]=I T==="B"?n(d,k):n.Q(T,d,k)}z{A[k]=d}k+=1}A.m=9;6 A}}())}5(!c.M.v){c.M.v=4(u){3 T,k;5(E==p){F b H("E 1i p 1k V 2p")}3 O=y(E);3 9=O.m>>>0;5(I u!=="4"){F b H(u+" 1i V a 4")}5(j.m>1){T=j[1]}k=0;1l(k<9){3 d;5(k 13 O){d=O[k];u.Q(T,d,k,O)}k++}}}4 1c(2h){3 14=4(i){i.W("1b",4(){i.r.q=1});5(8.R){i.1z("S",i.1B("1A").25(\'.28\',\'.1x\'))}z{i.1z("S",i.1B("1A"))}};3 1p=c.g(e.1q("h[1C=27]"));1p.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m";14(7)});3 w=1o();w();4 12(l,1s,1v){3 N=p,L=b 1r();6 4(){3 K=b 1r();22(N);5(K-L>=1v){l();L=K}z{N=21(l,1s)}}}4 1h(1n){3 16=1n.24();6{15:16.15+8.23-e.t.2e,1t:16.1t+8.2d-e.t.2g}}4 1o(){3 G=c.g(e.1q("h[1C=2f]"));G.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m"});6 4(){3 1g=8.2a;3 x=(e.t&&e.t.x)||(e.1d&&e.1d.x);G=G.29(4(7,Y){3 1f=1h(7).15;3 Z=1f<1g+x;5(Z){14(7)}6!Z})}}5(8.W){8.W("2c",12(w,s,s),10)}z{5(8.17){8.17("2b",12(w,s,s))}}};', 62, 151, '|||var|function|if|return|element|window|len||new|Array|kValue|document|number|from|img|target|arguments||fn|length|mapFn|Math|null|opacity|style|500|documentElement|callback|forEach|lazyloader|scrollTop|Object|else||undefined||value|this|throw|lazyImageList|TypeError|typeof|arrayLike|curTime|startTime|prototype|timeout||isCallable|call|isSupportWebp|src||items|not|addEventListener|event|index|hasVisible|false|getResult|throttle|in|loadImageByUrl|top|box|attachEvent|5s|object|toLength|load|createImageLoader|body|ease|offsetTop|seeHeight|getOffset|is|toInteger|or|while|out|el|createLazyloader|imageList|querySelectorAll|Date|delay|left|toStr|atleast|transition|webp|maxSafeInteger|setAttribute|originalsrc|getAttribute|loader|like|array|base64|min|max|type|an|requires|Function|data|isNaN|Number|vuUAAA|UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA|image|toString|onerror|pow|width|53|floor|isFinite|onload|abs|setTimeout|clearTimeout|pageYOffset|getBoundingClientRect|replace|Image|ready|jpg|filter|innerHeight|onscroll|scroll|pageXOffset|clientTop|lazy|clientLeft|settings|the|provided|second|argument|must|be|void|defined|when'.split('|'), 0, {}))
		function loadScriptByAsync(src) { var asyncScript = document.createElement("script"); asyncScript.async = true; asyncScript.crossorigin = "anonymous"; asyncScript.src = src; firstScript = document.getElementsByTagName("script")[0]; firstScript.parentNode.insertBefore(asyncScript, firstScript); }
	</script>

	<!--@PRODUCT-JS@-->
	<!--@ADDON-JS@-->
	<!--@IN-ARTICLE-GOOGLE@-->
	<!--@ADDTHIS-WIDGET@-->
</body>

</html>
<script>
	$(function () {
		var adultnums = $('input[name="adultnumber"]').val();
		var kidnums = $('input[name="kidnumber"]').val();
		var tripLength = $('#tripLengthNumber').val();
		//成人人数加减
		$('.addadult').click(function () {
			adultnums++;
			$('input[name="adultnumber"]').val(adultnums);
		});

		$('.reduceadult').click(function () {
			if (adultnums > 0) {
				adultnums--;
				$('input[name="adultnumber"]').val(adultnums);
			}

		});

		//加减儿童人数
		$('.addchild').click(function () {
			kidnums++;
			$('input[name="kidnumber"]').val(kidnums);
		});

		$('.reducechild').click(function () {
			if (kidnums > 0) {
				kidnums--;
				$('input[name="kidnumber"]').val(kidnums);
			}

		});
		// Trip Length
		$('#tripLengthPlus').click(function () {
			tripLength++;
			$('#tripLengthNumber').val(tripLength);
		});

		$('#tripLengthMinus').click(function () {
			if (tripLength > 0) {
				tripLength--;
				$('#tripLengthNumber').val(tripLength);
			}
		});

		//更新目的地
		$('.updatedestination').click(function () {
			var destinantionstr = '';
			var selectdes = $(this).prev().val();
			for (var i = 0; i < $('input[name="destination[]"]').length - 1; i++) {
				if (selectdes != $($('input[name="destination[]"]')[i]).val()) {
					if ($($('input[name="destination[]"]')[i]).is(':checked')) {
						destinantionstr += $($('input[name="destination[]"]')[i]).val() + ',';
					}
				}
			}
			if ($(this).prev().is(':checked')) {
				destinantionstr = destinantionstr.substr(0, destinantionstr.length - 1);
			} else {
				destinantionstr += selectdes;
			}

			$('.destination').html(destinantionstr);
		});
		
		var tailormade_form = document.getElementById("tailormade_form");
		//表单验证
		$('#tmsubmit').click(function () {
      var windowHeight = $(window).height();
      var scrollTopWhere = windowHeight;
			var errorCount = 0;

			var calcScrollTop = function($jqElement) {
				var visibleTop = $jqElement.offset().top - $jqElement.height();
				if (errorCount === 0) {
					scrollTopWhere = visibleTop;
				}
			}
			$('#destination_error_msg').addClass('hidden');
			$('#hotel_error_msg').addClass('hidden');
			$('#group_error_msg').addClass('hidden');
			$('#date_error_msg').addClass('hidden');
			$('#trip_length_error_msg').addClass('hidden');
			$('#name_error_msg').addClass('hidden');
			$('#email_error_msg').addClass('hidden');
			$('#email_verify_msg').addClass('hidden');
			$('#nation_error_msg').addClass('hidden');
			$('#contact_error_msg').addClass('hidden');			
			$('#requirement_error_msg').addClass('hidden');
			var adultnumber = $('input[name="adultnumber"]').val();
			var hotel = $('input[name="hotel"]:checked').val();
			var destination_is_checked = $('input[name="destination[]"]').is(":checked");
			var destination_combos_is_checked = $('input[name="destination_combos"]').is(":checked");
			var travel_group_is_checked = $('input[name="travel_group"]').is(":checked");
			var name = $('input[name="name"]').val();
			var emailVal = $('input[name="email"]').val();
			var date = $('#Date_Start').val();
			var contactVal = $('#contactInfo').val();
			var requirementVal = $('#additionalrequirements').val();

			// 目的地选择
			if (destination_is_checked === false) {
				calcScrollTop($('#destination_select'));
				$('#destination_error_msg').removeClass('hidden');
				errorCount++;
			}

			//酒店选择
			if (hotel === undefined) {
				calcScrollTop($('#hotelselect'));
				$('#hotel_error_msg').removeClass('hidden');
				errorCount++;
			}

      if (travel_group_is_checked === false) {
        calcScrollTop($('#travelGroupHeader'));
        $('#group_error_msg').removeClass('hidden');
        errorCount++;
      }

			//人数选择
			if (adultnumber < 1) {
				calcScrollTop($('#numberselect'));
				$('#number_error_msg').removeClass('hidden');
				errorCount++;
			}

			//时间选择
			if (date == '') {
				calcScrollTop($('#dateselect'));
				$('#date_error_msg').removeClass('hidden');
				errorCount++;
			}

			if (tripLength < 1) {
				calcScrollTop($('#tripLengthTitle'));
				$('#trip_length_error_msg').removeClass('hidden');
				errorCount++;
			}

			//其他需求验证
			if (requirementVal == '') {
				calcScrollTop($('#additionalrequirements'));
				$('#requirement_error_msg').removeClass('hidden');
				errorCount++;
			}

			//姓名验证
			if (name == '') {
				calcScrollTop($('#TellUsaboutYou'));
				$('#name_error_msg').removeClass('hidden');
				errorCount++;
			}

			//邮箱验证
			if (emailVal == '') {
				calcScrollTop($('#TellUsaboutYou'));
				$('#email_error_msg').removeClass('hidden');
				errorCount++;
			} else {
				calcScrollTop($('#TellUsaboutYou'));
				var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
				if (!emailPattern.test(emailVal)) {
					$('#email_verify_msg').removeClass('hidden');
					errorCount++;
				}
			}
			//联系方式验证
			if (contactVal == '') {
				calcScrollTop($('#TellUsaboutYou'));
				$('#contact_error_msg').removeClass('hidden');
				errorCount++;
			}

			if (errorCount > 0) {
				$("body,html").animate({
						scrollTop: scrollTopWhere
				})
			}
			if (errorCount <= 0) {
				if (typeof(grecaptcha) === "undefined") {
					console.warn('grecaptcha is disabled.');
					tailormade_form.submit();
				} else {
					grecaptcha.enterprise.ready(async () => {
						const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
						var el = document.createElement("input");
						el.type = "hidden";
						el.name = "__grecaptcha_token__";
						el.value = token;
						tailormade_form.appendChild(el);
						tailormade_form.submit();
						$('#tmsubmit').text("Submitted successfully");
					});
				}
			}

		});
	});

	var $adultBlock = $('#adultBlock');
    var $childrenBlock = $('#childrenBlock');
    var $adultNumberInput = $('#adultNumber');
    var adultNumber = $adultNumberInput.val();
    var $teenagerNumberInput = $('#teenagerNumber');
    var teenagerNumber = $teenagerNumberInput.val();
    var $childrenNumberInput = $('#childrenNumber');
    var childrenNumber = $childrenNumberInput.val();
    var $infantNumberInput = $('#infantNumber');
    var infantNumber = $infantNumberInput.val();
    $('input[name="travel_group"]').each((i, groupEle) => {
			$(groupEle).click(function (e) {
        
        $teenagerNumberInput.val(0);
        $childrenNumberInput.val(0);
        $infantNumberInput.val(0);

				var currentTarget = e.currentTarget;
        if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
          $adultBlock.show();
          $childrenBlock.show();
        } else {
          $adultBlock.show();
          $childrenBlock.hide();
        }
        if (currentTarget.id === 'Couple') {
          $adultNumberInput.val(2);
        } else if (currentTarget.id === 'Solo') {
          $adultNumberInput.val(1);
        }
			})
		});


//成人
    $('#plusAdult').click(function () {
			adultNumber++;
			$adultNumberInput.val(adultNumber);
		});
		$('#minusAdult').click(function () {
			if (adultNumber > 1) {
				adultNumber--;
				$adultNumberInput.val(adultNumber);
			}
		});    
    // 青少年
    $('#plusTeenager').click(function () {
			teenagerNumber++;
			$teenagerNumberInput.val(teenagerNumber);
		});
		$('#minusTeenager').click(function () {
			if (teenagerNumber > 0) {
				teenagerNumber--;
				$teenagerNumberInput.val(teenagerNumber);
			}
		});
    // 儿童
    $('#plusChildren').click(function () {
			childrenNumber++;
			$childrenNumberInput.val(childrenNumber);
		});
		$('#minusChildren').click(function () {
			if (childrenNumber > 0) {
				childrenNumber--;
				$childrenNumberInput.val(childrenNumber);
			}
		});
    // 婴儿
    $('#plusInfant').click(function () {
			infantNumber++;
			$infantNumberInput.val(infantNumber);
		});
		$('#minusInfant').click(function () {
			if (infantNumber > 0) {
				infantNumber--;
				$infantNumberInput.val(infantNumber);
			}
		});
</script>