|
|
<!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/forms/tailormade">
|
|
|
<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,/js/jquery.mailAutoComplete-4.0.min.js"></script>
|
|
|
<style>
|
|
|
@charset "utf-8";
|
|
|
|
|
|
body {
|
|
|
margin: 0;
|
|
|
font-family: Calibri;
|
|
|
background: url(https://data.asiahighlights.com/image/forms/ah-tailormade-form-mobile-bg-japan.jpg) no-repeat #2a2a2a;
|
|
|
}
|
|
|
|
|
|
/* 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: 20px;
|
|
|
font-weight: 400;
|
|
|
margin-bottom: 10px;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
.headerbar {
|
|
|
position: fixed;
|
|
|
width: 100%;
|
|
|
top: 0;
|
|
|
display: block;
|
|
|
box-shadow: 1px 1px 6px 1px #f1f1f1;
|
|
|
background: #fff;
|
|
|
height: 43px;
|
|
|
z-index: 99;
|
|
|
}
|
|
|
|
|
|
.headerbar img {
|
|
|
height: 43px;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
|
|
|
#formBanner {
|
|
|
display: block;
|
|
|
margin-top: 70px;
|
|
|
}
|
|
|
|
|
|
#formBanner p {
|
|
|
text-align: center;
|
|
|
padding: 0 10px;
|
|
|
margin-bottom: -30px;
|
|
|
color: #fff;
|
|
|
text-shadow: 1px 1px 1px #000;
|
|
|
margin-top:0;
|
|
|
font-style: italic;
|
|
|
font-size: 18px;
|
|
|
line-height: 19px;
|
|
|
}
|
|
|
|
|
|
#formBanner h1 {
|
|
|
text-align: center;
|
|
|
font-size: 21px;
|
|
|
font-family: 'Goudy Old Style';
|
|
|
margin-bottom: 0;
|
|
|
color: #fff;
|
|
|
text-shadow: 1px 1px 1px #000;
|
|
|
line-height: 28px;
|
|
|
}
|
|
|
|
|
|
#inquiryBox {
|
|
|
width: calc(100% - 40px);
|
|
|
padding: 0 10px 50px 10px;
|
|
|
background: #fff;
|
|
|
border-radius: 6px;
|
|
|
margin: 50px 10px 0 10px;
|
|
|
}
|
|
|
|
|
|
footer {
|
|
|
margin-top: 80px;
|
|
|
}
|
|
|
|
|
|
h3 {
|
|
|
font-size: 25px;
|
|
|
margin-bottom: 20px;
|
|
|
font-family: 'Goudy Old Style';
|
|
|
margin-top: 50px;
|
|
|
}
|
|
|
|
|
|
#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: 80px;
|
|
|
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,
|
|
|
#expectedMonth {
|
|
|
width: 91%;
|
|
|
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;
|
|
|
display: block;
|
|
|
background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px;
|
|
|
}
|
|
|
|
|
|
|
|
|
#inquiryBox .checked {
|
|
|
background: url(/pic/checked-icon.png) no-repeat left;
|
|
|
}
|
|
|
|
|
|
|
|
|
.interestedIn {
|
|
|
display: block;
|
|
|
margin-bottom: 10px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.formNote {
|
|
|
color: #555;
|
|
|
font-size: 18px;
|
|
|
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;
|
|
|
background: #fff;
|
|
|
}
|
|
|
|
|
|
.checkboxGender input[type="radio"]:checked+label {
|
|
|
border: 1px solid #ad1818;
|
|
|
color: #fff;
|
|
|
background: #ad1818;
|
|
|
}
|
|
|
|
|
|
.optionLable input[type="radio"]+label {
|
|
|
width: 30%;
|
|
|
font-size: 19px;
|
|
|
padding: 10px 0 10px 0;
|
|
|
border-radius: 4px;
|
|
|
display: block;
|
|
|
text-align: center;
|
|
|
font-family: Calibri;
|
|
|
float: left;
|
|
|
margin: 0 3px;
|
|
|
line-height: 17px;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
}
|
|
|
|
|
|
.optionLable input[type="radio"]:checked+label {
|
|
|
border: 1px solid #ad1818;
|
|
|
color: #fff;
|
|
|
background: #ad1818;
|
|
|
}
|
|
|
|
|
|
.checkboxLabel input[type="checkbox"]+label {
|
|
|
font-size: 20px;
|
|
|
padding: 0px 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: 10px;
|
|
|
margin-bottom: 5px;
|
|
|
background: #fff;
|
|
|
}
|
|
|
|
|
|
.checkboxLabel input[type="checkbox"]:checked+label {
|
|
|
border: 1px solid #ad1818;
|
|
|
color: #ad1818
|
|
|
}
|
|
|
|
|
|
.checkboxLabel {
|
|
|
width: 48%;
|
|
|
float: left;
|
|
|
}
|
|
|
|
|
|
.checkboxLabel:nth-child(even) {
|
|
|
float: right
|
|
|
}
|
|
|
|
|
|
.checkboxLabel input {
|
|
|
display: none
|
|
|
}
|
|
|
|
|
|
.travelStyle input[type="checkbox"]+label {
|
|
|
margin-top: 10px;
|
|
|
font-size: 19px;
|
|
|
padding: 7px 12px;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
border-radius: 6px;
|
|
|
display: inline-block;
|
|
|
background: #fff;
|
|
|
}
|
|
|
|
|
|
.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
|
|
|
}
|
|
|
|
|
|
.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: 42px;
|
|
|
width: auto;
|
|
|
padding: 0 20px;
|
|
|
font-size: 26px;
|
|
|
font-family: Calibri;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.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: 18px;
|
|
|
height: 18px;
|
|
|
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 #999;
|
|
|
float: left;
|
|
|
margin-bottom: 5px;
|
|
|
}
|
|
|
|
|
|
.contactUs {
|
|
|
border-top: 1px solid #d1d1d1;
|
|
|
}
|
|
|
|
|
|
.contactUs p {
|
|
|
margin-top: 15px;
|
|
|
font-size: 16px;
|
|
|
font-weight: normal
|
|
|
}
|
|
|
|
|
|
.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 {
|
|
|
padding: 50px 0 0;
|
|
|
}
|
|
|
|
|
|
button {
|
|
|
background: #ad1818;
|
|
|
text-align: center;
|
|
|
border-radius: 30px;
|
|
|
padding: 7px 0;
|
|
|
border: none;
|
|
|
color: #FFF;
|
|
|
font-size: 19px;
|
|
|
font-family: 'Goudy Old Style';
|
|
|
font-weight: 600;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.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,
|
|
|
#group_error_msg {
|
|
|
color: #ad1818;
|
|
|
font-size: 19px;
|
|
|
border-bottom: 2px dashed #ad1818;
|
|
|
font-style: italic;
|
|
|
font-weight: 600;
|
|
|
padding-bottom: 3px;
|
|
|
}
|
|
|
|
|
|
.hidden {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.selectionBlock {
|
|
|
display: inline-block;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.bottom_why_us {
|
|
|
background: url(https://data.asiahighlights.com/image/about/ah-bottom-why-us-bg-pc.jpg) center #565656;
|
|
|
background-size: cover;
|
|
|
padding-top: 70px;
|
|
|
color: #fff;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.bottom_why_us h2 {
|
|
|
text-align: center;
|
|
|
color: #fff;
|
|
|
font-family: 'Goudy Old Style';
|
|
|
}
|
|
|
|
|
|
.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;
|
|
|
margin-top: 20px;
|
|
|
font-family: 'Goudy Old Style';
|
|
|
}
|
|
|
|
|
|
.bottom_why_us_content p {
|
|
|
font-size: 18px;
|
|
|
line-height: 25px;
|
|
|
padding: 0 15px;
|
|
|
}
|
|
|
|
|
|
p {
|
|
|
font-size: 19px;
|
|
|
line-height: 21px;
|
|
|
}
|
|
|
|
|
|
ul.InfoList li {
|
|
|
list-style: square;
|
|
|
margin-bottom: 2px;
|
|
|
font-size: 17px;
|
|
|
}
|
|
|
|
|
|
ul.InfoList {
|
|
|
padding: 0 15px 0 20px;
|
|
|
}
|
|
|
|
|
|
.tp_banner {
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
top: 0;
|
|
|
background: #000;
|
|
|
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: 18px;
|
|
|
color: #000;
|
|
|
padding-left: 10px;
|
|
|
background: #fff;
|
|
|
border-radius: 6px;
|
|
|
width: 100%;
|
|
|
height: 50px;
|
|
|
margin-bottom: 15px;
|
|
|
float: left;
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
|
|
|
.age_range,
|
|
|
#childrenBlock {
|
|
|
display: inline-block;
|
|
|
}
|
|
|
|
|
|
#childrenBlock p {
|
|
|
margin-top: 0;
|
|
|
}
|
|
|
|
|
|
.travel_group {
|
|
|
border: 1px solid #d1d1d1;
|
|
|
text-align: center;
|
|
|
font-size: 19px;
|
|
|
width: 47%;
|
|
|
float: left;
|
|
|
border-radius: 4px;
|
|
|
margin: 0 3px 10px 3px;
|
|
|
}
|
|
|
|
|
|
.travel_group input {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.travel_group label {
|
|
|
display: block;
|
|
|
padding: 20px 0 10px 50px;
|
|
|
border-radius: 4px;
|
|
|
font-size: 18px;
|
|
|
line-height: 18px;
|
|
|
height: 25px;
|
|
|
}
|
|
|
|
|
|
.travel_group input[type="radio"]:checked+label {
|
|
|
color: #fff;
|
|
|
background: #ad1818;
|
|
|
}
|
|
|
|
|
|
label.solo {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/solo-normal.png) no-repeat left #fff;
|
|
|
background-size: 50px;
|
|
|
}
|
|
|
|
|
|
label.solo:hover,
|
|
|
input[type="radio"]:checked+label.solo {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/solo-active.png) no-repeat left #ad1818 !important;
|
|
|
background-size: 50px !important;
|
|
|
}
|
|
|
|
|
|
label.couple {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/couple-normal.png) no-repeat left #fff;
|
|
|
background-size: 50px;
|
|
|
}
|
|
|
|
|
|
label.couple:hover,
|
|
|
input[type="radio"]:checked+label.couple {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/couple-active.png) no-repeat left #ad1818 !important;
|
|
|
background-size: 50px !important;
|
|
|
}
|
|
|
|
|
|
label.family {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/family-normal.png) no-repeat left #fff;
|
|
|
background-size: 50px;
|
|
|
}
|
|
|
|
|
|
label.family:hover,
|
|
|
input[type="radio"]:checked+label.family {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/family-active.png) no-repeat left #ad1818 !important;
|
|
|
background-size: 50px !important;
|
|
|
}
|
|
|
|
|
|
label.group {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/group-normal.png) no-repeat left #fff;
|
|
|
background-size: 50px;
|
|
|
}
|
|
|
|
|
|
label.group:hover,
|
|
|
input[type="radio"]:checked+label.group {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/group-active.png) no-repeat left #ad1818 !important;
|
|
|
background-size: 50px !important;
|
|
|
}
|
|
|
|
|
|
label.friends {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/friends-normal.png) no-repeat left #fff;
|
|
|
background-size: 50px;
|
|
|
}
|
|
|
|
|
|
label.friends:hover,
|
|
|
input[type="radio"]:checked+label.friends {
|
|
|
background: url(https://data.asiahighlights.com/image/forms/friends-active.png) no-repeat left #ad1818 !important;
|
|
|
background-size: 50px !important;
|
|
|
}
|
|
|
|
|
|
.kids_age {
|
|
|
float: left;
|
|
|
width: 46%;
|
|
|
margin: 0 5px;
|
|
|
}
|
|
|
|
|
|
em {
|
|
|
color: #ad1818;
|
|
|
}
|
|
|
|
|
|
#adultBlock {
|
|
|
clear: both;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
|
|
|
.grecaptcha-badge {
|
|
|
display: none !important;
|
|
|
}
|
|
|
.destination_category { font-size: 20px;
|
|
|
width: fit-content;
|
|
|
clear: both;
|
|
|
padding-top: 20px;
|
|
|
font-family: 'Goudy Old Style';
|
|
|
font-weight: 600;
|
|
|
color: #ad1818;
|
|
|
text-align: center;
|
|
|
margin: 0 auto;}
|
|
|
.budget {font-size: 19px; margin-bottom: 10px;}
|
|
|
.trip_date_length {display: inline-block;
|
|
|
margin-top: 20px;}
|
|
|
</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">
|
|
|
|
|
|
<h1>
|
|
|
Enjoy a Personalized & Stress-free Journey
|
|
|
</h1>
|
|
|
<img class="img-responsive" alt="Asia Highlights' Trust Pilot rating" style="margin: 0px auto; display: block;"
|
|
|
src="https://data.asiahighlights.com/image/forms/ah-tm-form-tp-rating-mobile.png" width="130" height="70">
|
|
|
<p>Take 3 minutes to inquire, and get a reply within 24 hours.
|
|
|
The more details you share, the more suitable your initial itinerary and quote will be.
|
|
|
</p>
|
|
|
</div>
|
|
|
<p style="
|
|
|
color: #fff;
|
|
|
margin: 50px auto -40px auto;
|
|
|
font-style: italic;
|
|
|
padding: 0 15px;
|
|
|
font-size: 16px;
|
|
|
">* means required.</p>
|
|
|
<form action="/orders/tailormade_save/" id="tailormade_form" method="POST" class="travelTag">
|
|
|
<div id="inquiryBox">
|
|
|
<div class="selectionBlock">
|
|
|
<h3 id="destination_select" style="margin-top: 30px;">
|
|
|
<em>*</em> Where would you go?
|
|
|
</h3>
|
|
|
<P>A vast majority of our clients opt to explore 2-3 destinations in a single trip. The most popular duos and trios are:</p>
|
|
|
<ul class="InfoList">
|
|
|
<li>Japan, China (15–25 days)</li>
|
|
|
<li>Thailand, Vietnam, Cambodia (12–20 days)</li>
|
|
|
<li>Thailand, Vietnam, Cambodia, Laos (15–25 days)</li>
|
|
|
<li>Singapore, Indonesia (Bali) (10–15 days)</li>
|
|
|
<li>India, Nepal, Bhutan (14–20 days)</li>
|
|
|
</ul>
|
|
|
<div id="destination_error_msg" class="hidden">(Please select an option.)</div>
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Japan" id="Japan" name="destination[]"><label
|
|
|
for="Japan" class="updatedestination">Japan</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="Vietnam" id="Vietnam"
|
|
|
name="destination[]"><label for="Vietnam" class="updatedestination">Vietnam</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="China" id="China" name="destination[]"><label
|
|
|
for="China" class="updatedestination">China</label></div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Singapore" id="Singapore"
|
|
|
name="destination[]"><label for="Singapore" class="updatedestination">Singapore</label></div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Bali" id="Bali" name="destination[]"><label
|
|
|
for="Bali" class="updatedestination">Bali</label></div>
|
|
|
|
|
|
<div class="destination_category">India & Himalaya Destinations:</div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Nepal" id="Nepal" name="destination[]"><label
|
|
|
for="Nepal" class="updatedestination">Nepal</label></div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="India" id="India" name="destination[]"><label
|
|
|
for="India" class="updatedestination">India</label></div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Sri Lanka" id="Sri Lanka"
|
|
|
name="destination[]"><label for="Sri Lanka" class="updatedestination">Sri Lanka</label></div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Bhutan" id="Bhutan" name="destination[]"><label
|
|
|
for="Bhutan" class="updatedestination">Bhutan</label></div>
|
|
|
</div>
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
<p style="margin-bottom: 10px; margin-top: 30px;">Any other
|
|
|
places or cities not listed above, e.g. South Korea, Myanmar…(optional)</p>
|
|
|
<input name="other_destinations" style="
|
|
|
height: 35px;
|
|
|
width: 90%;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
border-radius: 4px;
|
|
|
font-size: 19px;
|
|
|
padding: 5px 15px;
|
|
|
font-family: Calibri;
|
|
|
">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
<div class="selectionBlock">
|
|
|
<h3 id="dateselect">
|
|
|
<em>*</em> What's your arrival date?
|
|
|
</h3>
|
|
|
<div id="date_error_msg" class="hidden">(Please fill out this field.)</div>
|
|
|
<div class="optionLable">
|
|
|
|
|
|
<input type="radio" value="exact arrival date" id="exact" name="trip_date">
|
|
|
<label for="exact" style="height: 30px;">
|
|
|
<div class="selectionText">
|
|
|
Exact date
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable">
|
|
|
<input type="radio" value="approximate arrival date" id="approximate" name="trip_date">
|
|
|
<label for="approximate" style="height: 30px;">
|
|
|
<div class="selectionText">
|
|
|
Approximate date
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable">
|
|
|
<input type="radio" value="Undecided arrival date" id="yet" name="trip_date">
|
|
|
<label for="yet" style="height: 30px;">
|
|
|
<div class="selectionText">
|
|
|
Undecided date
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="trip_date_length" id="tripDateBlock" style="display: none">
|
|
|
<div id='dateSelectionBlock'>
|
|
|
<p id="tripDateDesc">Select your estimated travel date and trip length (days).</p>
|
|
|
<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" />
|
|
|
<input type="month" id="expectedMonth" name="expected_month"
|
|
|
placeholder="Select your travel date.">
|
|
|
</div>
|
|
|
<select class="country_code" id="tripLengthNumber" name="trip_length">
|
|
|
<option value="14">14 days</option>
|
|
|
<option value="1">1 day</option>
|
|
|
<option value="2">2 days</option>
|
|
|
<option value="3">3 days</option>
|
|
|
<option value="4">4 days</option>
|
|
|
<option value="5">5 days</option>
|
|
|
<option value="6">6 days</option>
|
|
|
<option value="7">7 days</option>
|
|
|
<option value="8">8 days</option>
|
|
|
<option value="9">9 days</option>
|
|
|
<option value="10">10 days</option>
|
|
|
<option value="11">11 days</option>
|
|
|
<option value="12">12 days</option>
|
|
|
<option value="13">13 days</option>
|
|
|
<option value="14">14 days</option>
|
|
|
<option value="15">15 days</option>
|
|
|
<option value="16">16 days</option>
|
|
|
<option value="17">17 days</option>
|
|
|
<option value="18">18 days</option>
|
|
|
<option value="19">19 days</option>
|
|
|
<option value="20">20 days</option>
|
|
|
<option value="21">21 days</option>
|
|
|
<option value="22">22 days</option>
|
|
|
<option value="23">23 days</option>
|
|
|
<option value="24">24 days</option>
|
|
|
<option value="25">25 days</option>
|
|
|
<option value="26">26 days</option>
|
|
|
<option value="27">27 days</option>
|
|
|
<option value="28">28 days</option>
|
|
|
<option value="29">29 days</option>
|
|
|
<option value="30">30 days</option>
|
|
|
<option value="31">31 days</option>
|
|
|
<option value="32">32 days</option>
|
|
|
<option value="33">33 days</option>
|
|
|
<option value="34">34 days</option>
|
|
|
<option value="35">35 days</option>
|
|
|
<option value="36">36 days</option>
|
|
|
<option value="37">37 days</option>
|
|
|
<option value="38">38 days</option>
|
|
|
<option value="39">39 days</option>
|
|
|
<option value="40">40 days</option>
|
|
|
<option value="41">41 days</option>
|
|
|
<option value="42">42 days</option>
|
|
|
<option value="43">43 days</option>
|
|
|
<option value="44">44 days</option>
|
|
|
<option value="45">45 days</option>
|
|
|
<option value="46">46 days</option>
|
|
|
<option value="47">47 days</option>
|
|
|
<option value="48">48 days</option>
|
|
|
<option value="49">49 days</option>
|
|
|
<option value="50">50 days</option>
|
|
|
<option value="51">51 days</option>
|
|
|
<option value="52">52 days</option>
|
|
|
<option value="53">53 days</option>
|
|
|
<option value="54">54 days</option>
|
|
|
<option value="55">55 days</option>
|
|
|
<option value="56">56 days</option>
|
|
|
<option value="57">57 days</option>
|
|
|
<option value="58">58 days</option>
|
|
|
<option value="59">59 days</option>
|
|
|
<option value="60">60 days</option>
|
|
|
</select>
|
|
|
<div id="expectedTravelDateBlock" style="display: none">
|
|
|
<p style="margin-bottom:5px;">Any additional information about your anticipated travel dates?
|
|
|
</p>
|
|
|
<span class="formNote">
|
|
|
E.g.: I want to start my trip when the weather at its best/during the local festival/during the off season/on the first week of the November...
|
|
|
</span>
|
|
|
<textarea id="date_requirements" name="date_requirements" style="resize:none;"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
<div class="selectionBlock">
|
|
|
<h3 id="travelGroupHeader">
|
|
|
<em>*</em> How would you travel?
|
|
|
</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="group" id="Other" name="travel_group">
|
|
|
<label for="Other" class="group">
|
|
|
Other group
|
|
|
</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 id="adultBlock" style="display: none">
|
|
|
<h4 style="font-weight: 600;">Adults number</h4>
|
|
|
|
|
|
<div class="kids_age" >
|
|
|
<p style="margin-bottom: 5px; margin-top: 0;">65+ yrs old</p>
|
|
|
<select class="country_code" id="adultNumber_65_plus" name="adult_65_plus" >
|
|
|
<option value="0">0</option>
|
|
|
<option value="1">1 person</option>
|
|
|
<option value="2">2 people</option>
|
|
|
<option value="3">3 people</option>
|
|
|
<option value="4">4 people</option>
|
|
|
<option value="5">5 people</option>
|
|
|
<option value="6">6 people</option>
|
|
|
<option value="7">7 people</option>
|
|
|
<option value="8">8 people</option>
|
|
|
<option value="9">9 people</option>
|
|
|
<option value="10">10 people</option>
|
|
|
<option value="11">11 people</option>
|
|
|
<option value="12">12 people</option>
|
|
|
<option value="13">13 people</option>
|
|
|
<option value="14">14 people</option>
|
|
|
<option value="15">15 people</option>
|
|
|
<option value="16">16 people</option>
|
|
|
<option value="17">17 people</option>
|
|
|
<option value="18">18 people</option>
|
|
|
<option value="19">19 people</option>
|
|
|
<option value="20">20 people</option>
|
|
|
<option value="21">21 people</option>
|
|
|
<option value="22">22 people</option>
|
|
|
<option value="23">23 people</option>
|
|
|
<option value="24">24 people</option>
|
|
|
<option value="25">25 people</option>
|
|
|
<option value="26">26 people</option>
|
|
|
<option value="27">27 people</option>
|
|
|
<option value="28">28 people</option>
|
|
|
<option value="29">29 people</option>
|
|
|
<option value="30">30 people</option>
|
|
|
<option value="31">31 or more people</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="kids_age" >
|
|
|
<p style="margin-bottom: 5px; margin-top: 0;">41-64 yrs old</p>
|
|
|
<select class="country_code" id="adultNumber_41_64" name="adult_41_64" >
|
|
|
<option value="0">0</option>
|
|
|
<option value="1">1 person</option>
|
|
|
<option value="2">2 people</option>
|
|
|
<option value="3">3 people</option>
|
|
|
<option value="4">4 people</option>
|
|
|
<option value="5">5 people</option>
|
|
|
<option value="6">6 people</option>
|
|
|
<option value="7">7 people</option>
|
|
|
<option value="8">8 people</option>
|
|
|
<option value="9">9 people</option>
|
|
|
<option value="10">10 people</option>
|
|
|
<option value="11">11 people</option>
|
|
|
<option value="12">12 people</option>
|
|
|
<option value="13">13 people</option>
|
|
|
<option value="14">14 people</option>
|
|
|
<option value="15">15 people</option>
|
|
|
<option value="16">16 people</option>
|
|
|
<option value="17">17 people</option>
|
|
|
<option value="18">18 people</option>
|
|
|
<option value="19">19 people</option>
|
|
|
<option value="20">20 people</option>
|
|
|
<option value="21">21 people</option>
|
|
|
<option value="22">22 people</option>
|
|
|
<option value="23">23 people</option>
|
|
|
<option value="24">24 people</option>
|
|
|
<option value="25">25 people</option>
|
|
|
<option value="26">26 people</option>
|
|
|
<option value="27">27 people</option>
|
|
|
<option value="28">28 people</option>
|
|
|
<option value="29">29 people</option>
|
|
|
<option value="30">30 people</option>
|
|
|
<option value="31">31 or more people</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
|
|
|
<div class="kids_age" >
|
|
|
<p style="margin-bottom: 5px; margin-top: 0;">18-40 yrs old</p>
|
|
|
<select class="country_code" id="adultNumber_18_40" name="adult_18_40" >
|
|
|
<option value="0">0</option>
|
|
|
<option value="1">1 person</option>
|
|
|
<option value="2">2 people</option>
|
|
|
<option value="3">3 people</option>
|
|
|
<option value="4">4 people</option>
|
|
|
<option value="5">5 people</option>
|
|
|
<option value="6">6 people</option>
|
|
|
<option value="7">7 people</option>
|
|
|
<option value="8">8 people</option>
|
|
|
<option value="9">9 people</option>
|
|
|
<option value="10">10 people</option>
|
|
|
<option value="11">11 people</option>
|
|
|
<option value="12">12 people</option>
|
|
|
<option value="13">13 people</option>
|
|
|
<option value="14">14 people</option>
|
|
|
<option value="15">15 people</option>
|
|
|
<option value="16">16 people</option>
|
|
|
<option value="17">17 people</option>
|
|
|
<option value="18">18 people</option>
|
|
|
<option value="19">19 people</option>
|
|
|
<option value="20">20 people</option>
|
|
|
<option value="21">21 people</option>
|
|
|
<option value="22">22 people</option>
|
|
|
<option value="23">23 people</option>
|
|
|
<option value="24">24 people</option>
|
|
|
<option value="25">25 people</option>
|
|
|
<option value="26">26 people</option>
|
|
|
<option value="27">27 people</option>
|
|
|
<option value="28">28 people</option>
|
|
|
<option value="29">29 people</option>
|
|
|
<option value="30">30 people</option>
|
|
|
<option value="31">31 or more people</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
<div id='childrenBlock' style="display: none">
|
|
|
<h4 style="font-weight: 600;">Children number (age of children at time of trip)</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 person
|
|
|
</option>
|
|
|
|
|
|
<option value="2">2 people
|
|
|
</option>
|
|
|
<option value="3">3 people
|
|
|
</option>
|
|
|
<option value="4">4 people
|
|
|
</option>
|
|
|
<option value="5 or more people">5 or more people</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 person
|
|
|
</option>
|
|
|
|
|
|
<option value="2">2 people
|
|
|
</option>
|
|
|
<option value="3">3 people
|
|
|
</option>
|
|
|
<option value="4">4 people
|
|
|
</option>
|
|
|
<option value="5 or more people">5 or more people</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 person
|
|
|
</option>
|
|
|
<option value="2">2 people
|
|
|
</option>
|
|
|
<option value="3">3 people
|
|
|
</option>
|
|
|
<option value="4">4 people
|
|
|
</option>
|
|
|
<option value="5 or more people">5 or more people</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="inquiryBox">
|
|
|
<div class="selectionBlock">
|
|
|
<h3 id="hotelselect">
|
|
|
<em>*</em> What's your hotel choice?
|
|
|
</h3>
|
|
|
|
|
|
<div id="hotel_error_msg" class="hidden">(Please select an option.)</div>
|
|
|
<div class="optionLable" >
|
|
|
<input type="radio" value="Handpicked Comfort 4 star" id="fourStar" name="hotel">
|
|
|
<label for="fourStar" style="width: 98%; margin-bottom: 10px; height:40px; font-size: 19px;">
|
|
|
<div class="selectionText">
|
|
|
Handpicked comfort (4-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" style="width: 98%; margin-bottom: 10px; height:40px;font-size: 19px;">
|
|
|
<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="Deluxe" id="fiveStar" name="hotel">
|
|
|
<label for="fiveStar" style="width: 98%; margin-bottom: 10px; height:40px;font-size: 19px;">
|
|
|
<div class="selectionText">
|
|
|
Deluxe (5-star & up)
|
|
|
<div class="selectionMemo">
|
|
|
From 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="width: 98%; margin-bottom: 10px; height:20px;font-size: 19px;">
|
|
|
<div class="selectionText">
|
|
|
Booked on my own
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
<h4>Any specific preferences or requests for your hotel stay? (optional)</h4>
|
|
|
|
|
|
<textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;"
|
|
|
style="height: 70px;"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
<div class="selectionBlock">
|
|
|
<h3 id="TellUsaboutYou">
|
|
|
<em>*</em> Your contact information
|
|
|
</h3>
|
|
|
|
|
|
<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" id="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" id='country_code'>
|
|
|
<option style="font-weight: 600;" value="United States +1">United States +1</option>
|
|
|
<option style="font-weight: 600;" value="United Kingdom +44">United Kingdom +44
|
|
|
</option>
|
|
|
<option style="font-weight: 600;" value="Australia +61">Australia +61</option>
|
|
|
<option style="font-weight: 600;" value="Canada +1">Canada +1</option>
|
|
|
<option style="font-weight: 600;" value="France +33">France +33</option>
|
|
|
<option style="font-weight: 600;" value="Germany +49">Germany +49</option>
|
|
|
<option style="font-weight: 600; " value="Italy +39">Italy +39</option>
|
|
|
<option style="font-weight: 600; " value="Mexico +52">Mexico +52</option>
|
|
|
<option style="font-weight: 600; " value="Netherlands +31">Netherlands +31</option>
|
|
|
<option style="font-weight: 600; " value="Singapore +65">Singapore +65</option>
|
|
|
<option value="Afghanistan +93">Afghanistan +93</option>
|
|
|
<option value="Albania +355">Albania +355</option>
|
|
|
<option value="Algeria +213">Algeria +213</option>
|
|
|
<option value="American Samoa +1">American Samoa +1684</option>
|
|
|
<option value="Andorra +376">Andorra +376</option>
|
|
|
<option value="Angola +244">Angola +244</option>
|
|
|
<option value="Anguilla +1">Anguilla +1264</option>
|
|
|
<option value="Australia +61">Australia +61</option>
|
|
|
<option value="Antigua and Barbuda +1">Antigua and Barbuda +1268</option>
|
|
|
<option value="Argentina +54">Argentina +54</option>
|
|
|
<option value="Armenia +374">Armenia +374</option>
|
|
|
<option value="Aruba +297">Aruba +297</option>
|
|
|
<option value="Ascension Island +247">Ascension Island +247</option>
|
|
|
<option value="Austria +43">Austria +43</option>
|
|
|
<option value="Azerbaijan +994">Azerbaijan +994</option>
|
|
|
<option value="Bahamas +1">Bahamas +1242</option>
|
|
|
<option value="Bahrain +973">Bahrain +973</option>
|
|
|
<option value="Bangladesh +880">Bangladesh +880</option>
|
|
|
<option value="Barbados +1">Barbados +1246</option>
|
|
|
<option value="Belarus +375">Belarus +375</option>
|
|
|
<option value="Belgium +32">Belgium +32</option>
|
|
|
<option value="Belize +501">Belize +501</option>
|
|
|
<option value="Benin +229">Benin +229</option>
|
|
|
<option value="Bermuda +1">Bermuda +1441</option>
|
|
|
<option value="Bhutan +975">Bhutan +975</option>
|
|
|
<option value="Bolivia +591">Bolivia +591</option>
|
|
|
<option value="Bosnia and Herzegovina +387">Bosnia and Herzegovina +387</option>
|
|
|
<option value="Botswana +267">Botswana +267</option>
|
|
|
<option value="Brazil +55">Brazil +55</option>
|
|
|
<option value="British Indian Ocean Territory +246">British Indian Ocean Territory
|
|
|
+246</option>
|
|
|
<option value="British Virgin Islands +1">British Virgin Islands +1284</option>
|
|
|
<option value="Brunei +673">Brunei +673</option>
|
|
|
<option value="Bulgaria +359">Bulgaria +359</option>
|
|
|
<option value="Burkina Faso +226">Burkina Faso +226</option>
|
|
|
<option value="Burundi +257">Burundi +257</option>
|
|
|
<option value="Cambodia +855">Cambodia +855</option>
|
|
|
<option value="Cameroon +237">Cameroon +237</option>
|
|
|
<option value="Canada +1">Canada +1</option>
|
|
|
<option value="Cape Verde +238">Cape Verde +238</option>
|
|
|
<option value="Caribbean Netherlands +599">Caribbean Netherlands +599</option>
|
|
|
<option value="Cayman Islands +1">Cayman Islands +1345</option>
|
|
|
<option value="Central African Republic +236">Central African Republic +236</option>
|
|
|
<option value="Chad +235">Chad +235</option>
|
|
|
<option value="Chile +56">Chile +56</option>
|
|
|
<option value="China +86">China +86</option>
|
|
|
<option value="Christmas Island +61">Christmas Island +6189164</option>
|
|
|
<option value="Cocos Islands +61">Cocos Islands +6189162</option>
|
|
|
<option value="Colombia +57">Colombia +57</option>
|
|
|
<option value="Comoros +269">Comoros +269</option>
|
|
|
<option value="Congo +243">Congo (DRC) +243</option>
|
|
|
<option value="Congo +242">Congo (Republic) +242</option>
|
|
|
<option value="Cook Islands +682">Cook Islands +682</option>
|
|
|
<option value="Costa Rica +506">Costa Rica +506</option>
|
|
|
<option value="Côte d'Ivoire +225">Côte d'Ivoire +225</option>
|
|
|
<option value="Croatia +385">Croatia +385</option>
|
|
|
<option value="Cuba +53">Cuba +53</option>
|
|
|
<option value="Curaçao +599">Curaçao +599</option>
|
|
|
<option value="Cyprus +357">Cyprus +357</option>
|
|
|
<option value="Czech Republic +420">Czech Republic +420</option>
|
|
|
<option value="Denmark +45">Denmark +45</option>
|
|
|
<option value="Djibouti +253">Djibouti +253</option>
|
|
|
<option value="Dominica +1">Dominica +1767</option>
|
|
|
<option value="Dominican Republic +1">Dominican Republic +1809</option>
|
|
|
<option value="Ecuador +593">Ecuador +593</option>
|
|
|
<option value="Egypt +20">Egypt +20</option>
|
|
|
<option value="El Salvador +503">El Salvador +503</option>
|
|
|
<option value="Equatorial Guinea +240">Equatorial Guinea +240</option>
|
|
|
<option value="Eritrea +291">Eritrea +291</option>
|
|
|
<option value="Estonia +372">Estonia +372</option>
|
|
|
<option value="Eswatini +268">Eswatini +268</option>
|
|
|
<option value="Ethiopia +251">Ethiopia +251</option>
|
|
|
<option value="Falkland Islands +500">Falkland Islands +500</option>
|
|
|
<option value="Faroe Islands +298">Faroe Islands +298</option>
|
|
|
<option value="Fiji +679">Fiji +679</option>
|
|
|
<option value="Finland +358">Finland +358</option>
|
|
|
<option value="France +33">France +33</option>
|
|
|
<option value="French Guiana +594">French Guiana +594</option>
|
|
|
<option value="French Polynesia +689">French Polynesia +689</option>
|
|
|
<option value="Gabon +241">Gabon +241</option>
|
|
|
<option value="Gambia +220">Gambia +220</option>
|
|
|
<option value="Georgia +995">Georgia +995</option>
|
|
|
<option value="Germany +49">Germany +49</option>
|
|
|
<option value="Ghana +233">Ghana +233</option>
|
|
|
<option value="Gibraltar +350">Gibraltar +350</option>
|
|
|
<option value="Greece +30">Greece +30</option>
|
|
|
<option value="Greenland +299">Greenland +299</option>
|
|
|
<option value="Grenada +1">Grenada +1473</option>
|
|
|
<option value="Guadeloupe +590">Guadeloupe +590</option>
|
|
|
<option value="Guam +1">Guam +1671</option>
|
|
|
<option value="Guatemala +502">Guatemala +502</option>
|
|
|
<option value="Guernsey +44">Guernsey +441481</option>
|
|
|
<option value="Guinea +224">Guinea +224</option>
|
|
|
<option value="Guinea-Bissau +245">Guinea-Bissau +245</option>
|
|
|
<option value="Guyana +592">Guyana +592</option>
|
|
|
<option value="Haiti +509">Haiti +509</option>
|
|
|
<option value="Honduras +504">Honduras +504</option>
|
|
|
<option value="Hong Kong +852">Hong Kong +852</option>
|
|
|
<option value="Hungary +36">Hungary +36</option>
|
|
|
<option value="Iceland +354">Iceland +354</option>
|
|
|
<option value="India +91">India +91</option>
|
|
|
<option value="Indonesia +62">Indonesia +62</option>
|
|
|
<option value="Iran +98">Iran +98</option>
|
|
|
<option value="Iraq +964">Iraq +964</option>
|
|
|
<option value="Ireland +353">Ireland +353</option>
|
|
|
<option value="Isle of Man +44">Isle of Man +44</option>
|
|
|
<option value="Israel +972">Israel +972</option>
|
|
|
<option value="Italy +39">Italy +39</option>
|
|
|
<option value="Jamaica +1">Jamaica +1876</option>
|
|
|
<option value="Japan +81">Japan +81</option>
|
|
|
<option value="Jersey +44">Jersey +44</option>
|
|
|
<option value="Jordan +962">Jordan +962</option>
|
|
|
<option value="Kazakhstan +7">Kazakhstan +7</option>
|
|
|
<option value="Kenya +254">Kenya +254</option>
|
|
|
<option value="Kiribati +686">Kiribati +686</option>
|
|
|
<option value="Kosovo +383">Kosovo +383</option>
|
|
|
<option value="Kuwait +965">Kuwait +965</option>
|
|
|
<option value="Kyrgyzstan +996">Kyrgyzstan +996</option>
|
|
|
<option value="Laos +856">Laos +856</option>
|
|
|
<option value="Latvia +371">Latvia +371</option>
|
|
|
<option value="Lebanon +961">Lebanon +961</option>
|
|
|
<option value="Lesotho +266">Lesotho +266</option>
|
|
|
<option value="Liberia +231">Liberia +231</option>
|
|
|
<option value="Libya +218">Libya +218</option>
|
|
|
<option value="Liechtenstein +423">Liechtenstein +423</option>
|
|
|
<option value="Lithuania +370">Lithuania +370</option>
|
|
|
<option value="Luxembourg +352">Luxembourg +352</option>
|
|
|
<option value="Macau +853">Macau +853</option>
|
|
|
<option value="Macedonia +389">Macedonia +389</option>
|
|
|
<option value="Madagascar +261">Madagascar +261</option>
|
|
|
<option value="Malawi +265">Malawi +265</option>
|
|
|
<option value="Malaysia +60">Malaysia +60</option>
|
|
|
<option value="Maldives +960">Maldives +960</option>
|
|
|
<option value="Mali +223">Mali +223</option>
|
|
|
<option value="Malta +356">Malta +356</option>
|
|
|
<option value="Marshall +692">Marshall Islands +692</option>
|
|
|
<option value="Martinique +596">Martinique +596</option>
|
|
|
<option value="Mauritania +222">Mauritania +222</option>
|
|
|
<option value="Mauritius +230">Mauritius +230</option>
|
|
|
<option value="Mayotte +262">Mayotte +262</option>
|
|
|
<option value="Micronesia +691">Micronesia +691</option>
|
|
|
<option value="Moldova +373">Moldova +373</option>
|
|
|
<option value="Monaco +377">Monaco +377</option>
|
|
|
<option value="Mongolia +976">Mongolia +976</option>
|
|
|
<option value="Montenegro +382">Montenegro +382</option>
|
|
|
<option value="Montserrat +1">Montserrat +1664</option>
|
|
|
<option value="Morocco +212">Morocco +212</option>
|
|
|
<option value="Mozambique +258">Mozambique +258</option>
|
|
|
<option value="Myanmar +95">Myanmar +95</option>
|
|
|
<option value="Namibia +264">Namibia +264</option>
|
|
|
<option value="Nauru +674">Nauru +674</option>
|
|
|
<option value="Nepal +977">Nepal +977</option>
|
|
|
<option value="New Caledonia +687">New Caledonia +687</option>
|
|
|
<option value="New Zealand +64">New Zealand +64</option>
|
|
|
<option value="Nicaragua +505">Nicaragua +505</option>
|
|
|
<option value="Niger +227">Niger +227</option>
|
|
|
<option value="Nigeria +234">Nigeria +234</option>
|
|
|
<option value="Niue +683">Niue +683</option>
|
|
|
<option value="Norfolk Island +672">Norfolk Island +6723</option>
|
|
|
<option value="North Korea +850">North Korea +850</option>
|
|
|
<option value="Northern Mariana Islands +1">Northern Mariana Islands +1670</option>
|
|
|
<option value="Norway +47">Norway +47</option>
|
|
|
<option value="Oman +968">Oman +968</option>
|
|
|
<option value="Pakistan +92">Pakistan +92</option>
|
|
|
<option value="Palau +680">Palau +680</option>
|
|
|
<option value="Palestine +970">Palestine +970</option>
|
|
|
<option value="Panama +507">Panama +507</option>
|
|
|
<option value="Papua New Guinea 675">Papua New Guinea +675</option>
|
|
|
<option value="Paraguay +595">Paraguay +595</option>
|
|
|
<option value="Peru +51">Peru +51</option>
|
|
|
<option value="Philippines +63">Philippines +63</option>
|
|
|
<option value="Poland +48">Poland +48</option>
|
|
|
<option value="Portugal +351">Portugal +351</option>
|
|
|
<option value="Puerto Rico +1">Puerto Rico +1787</option>
|
|
|
<option value="Qatar +974">Qatar +974</option>
|
|
|
<option value="Réunion +262">Réunion +262</option>
|
|
|
<option value="Romania +40">Romania +40</option>
|
|
|
<option value="Russia +7">Russia +7</option>
|
|
|
<option value="Rwanda +250">Rwanda +250</option>
|
|
|
<option value="Saint Barthélemy +590">Saint Barthélemy +590</option>
|
|
|
<option value="Saint Helena +290">Saint Helena +290</option>
|
|
|
<option value="Saint Kitts and Nevis +1">Saint Kitts and Nevis +1869</option>
|
|
|
<option value="Saint Lucia +1">Saint Lucia +1758</option>
|
|
|
<option value="Saint Martin +590">Saint Martin +590</option>
|
|
|
<option value="Saint Pierre and Miquelon +508">Saint Pierre and Miquelon +508
|
|
|
</option>
|
|
|
<option value="Saint Vincent and the Grenadines +1">Saint Vincent and the Grenadines
|
|
|
+1784</option>
|
|
|
<option value="Samoa +685">Samoa +685</option>
|
|
|
<option value="San Marino +378">San Marino +378</option>
|
|
|
<option value="São Tomé and Príncipe +239">São Tomé and Príncipe +239</option>
|
|
|
<option value="Saudi Arabia +966">Saudi Arabia +966</option>
|
|
|
<option value="Senegal +221">Senegal +221</option>
|
|
|
<option value="Serbia +381">Serbia +381</option>
|
|
|
<option value="Seychelles +248">Seychelles +248</option>
|
|
|
<option value="Sierra Leone +232">Sierra Leone +232</option>
|
|
|
<option value="Sint Maarten +1">Sint Maarten +1721</option>
|
|
|
<option value="Slovakia +421">Slovakia +421</option>
|
|
|
<option value="Slovenia +386">Slovenia +386</option>
|
|
|
<option value="Solomon Islands +677">Solomon Islands +677</option>
|
|
|
<option value="Somalia +252">Somalia +252</option>
|
|
|
<option value="South Africa +27">South Africa +27</option>
|
|
|
<option value="South Korea +82">South Korea +82</option>
|
|
|
<option value="South Sudan +211">South Sudan +211</option>
|
|
|
<option value="Spain +34">Spain +34</option>
|
|
|
<option value="Sri Lanka +94">Sri Lanka +94</option>
|
|
|
<option value="Sudan +249">Sudan +249</option>
|
|
|
<option value="Suriname">Suriname +597</option>
|
|
|
<option value="Svalbard and Jan Mayen +47">Svalbard and Jan Mayen +47</option>
|
|
|
<option value="Sweden +46">Sweden +46</option>
|
|
|
<option value="Switzerland +41">Switzerland +41</option>
|
|
|
<option value="Syria +963">Syria +963</option>
|
|
|
<option value="Taiwan +886">Taiwan +886</option>
|
|
|
<option value="Tajikistan +992">Tajikistan +992</option>
|
|
|
<option value="Tanzania +255">Tanzania +255</option>
|
|
|
<option value="Thailand +66">Thailand +66</option>
|
|
|
<option value="Timor-Leste +670">Timor-Leste +670</option>
|
|
|
<option value="Togo +228">Togo +228</option>
|
|
|
<option value="Tokelau +690">Tokelau +690</option>
|
|
|
<option value="Tonga +676">Tonga +676</option>
|
|
|
<option value="Trinidad and Tobago +1">Trinidad and Tobago +1868</option>
|
|
|
<option value="Tunisia +216">Tunisia +216</option>
|
|
|
<option value="Turkey +90">Turkey +90</option>
|
|
|
<option value="Turkmenistan +993">Turkmenistan +993</option>
|
|
|
<option value="Turks and Caicos Islands +1">Turks and Caicos Islands +1649</option>
|
|
|
<option value="Tuvalu +688">Tuvalu +688</option>
|
|
|
<option value="U.S. Virgin Islands +1">U.S. Virgin Islands +1340</option>
|
|
|
<option value="Uganda +256">Uganda +256</option>
|
|
|
<option value="Ukraine +380">Ukraine +380</option>
|
|
|
<option value="United Arab Emirates +971">United Arab Emirates +971</option>
|
|
|
<option value="United Kingdom +44">United Kingdom +44</option>
|
|
|
<option value="United States +1">United States +1</option>
|
|
|
<option value="Uruguay +598">Uruguay +598</option>
|
|
|
<option value="Uzbekistan +998">Uzbekistan +998</option>
|
|
|
<option value="Vanuatu +678">Vanuatu +678</option>
|
|
|
<option value="Vatican City +39">Vatican City +379</option>
|
|
|
<option value="Venezuela +58">Venezuela +58</option>
|
|
|
<option value="Vietnam +84">Vietnam +84</option>
|
|
|
<option value="Wallis and Futuna +681">Wallis and Futuna +681</option>
|
|
|
<option value="Western Sahara +212">Western Sahara +21228</option>
|
|
|
<option value="Yemen +967">Yemen +967</option>
|
|
|
<option value="Zambia +260">Zambia +260</option>
|
|
|
<option value="Zimbabwe +263">Zimbabwe +263</option>
|
|
|
<option value="Åland Islands +385">Åland Islands +35818</option>
|
|
|
</select>
|
|
|
<input type="text" name="PhoneNo" id='contactInfo' required>
|
|
|
<label style="top: calc(100% - 60px);">
|
|
|
* Phone number
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
<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="Email">
|
|
|
<input type="checkbox" value="yes" name="contact_via_email" id="Email"
|
|
|
class="checkBorder" style="
|
|
|
margin-right: 10px;
|
|
|
">Email
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="checkYes">
|
|
|
<label for="Video">
|
|
|
<input type="checkbox" value="yes" name="contact_via_video_appointment" id="Video"
|
|
|
class="checkBorder" style="
|
|
|
margin-right: 10px;
|
|
|
">Video appointment
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div id="inquiryBox">
|
|
|
<div class="selectionBlock">
|
|
|
<h3>
|
|
|
Any additional information you'd like to share about your trip?
|
|
|
</h3>
|
|
|
<div id="requirement_error_msg" class="hidden">(Please specify your requests.)</div>
|
|
|
<span class="formNote">E.g.: <br>
|
|
|
1. Our must-dos/must-sees are… We are interested in…<br>
|
|
|
3. My special requests for hotel/transportation/travel date/food are…</span>
|
|
|
<textarea id="additionalrequirements" name="additional_requirements" style="resize:none;"></textarea>
|
|
|
<p style="font-weight: 600;
|
|
|
font-style: italic;
|
|
|
margin-top: -10px;
|
|
|
margin-bottom: 0;">This is a big trip for:</p>
|
|
|
<div class="travelStyle" id="gift">
|
|
|
<input type="checkbox" value="Retirement gift" id="Retirement gift" name="interests[]">
|
|
|
<label for="Retirement gift" data-clickable>
|
|
|
<div class="smallTag">
|
|
|
<div class="styleText">Retirement gift</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
<div class="travelStyle" id="trip4Birthday">
|
|
|
<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" id="trip4Anniversary">
|
|
|
<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" id="trip4Honeymoon">
|
|
|
<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" id="trip4Graduation">
|
|
|
<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" id="friend">
|
|
|
<input type="checkbox" value="Visiting family/friend" id="Visiting friend" name="interests[]">
|
|
|
<label for="Visiting friend" data-clickable>
|
|
|
<div class="smallTag">
|
|
|
<div class="styleText">Visiting family/friend</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="inquiryBtn">
|
|
|
<button id="tmsubmit" type="button">Send My Inquiry</button>
|
|
|
<input id="product_code" name="product_code" type="hidden" value="" />
|
|
|
</div>
|
|
|
<p style="
|
|
|
text-align: center;
|
|
|
margin-top: 20px;
|
|
|
font-style: italic;
|
|
|
font-size: 18px;
|
|
|
color: #666;
|
|
|
">You enjoy the trip! We handle the hassles!</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
<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-2024 Asia Highlights <br>— Discovery Your Way!
|
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
|
<!--移动底部 结束-->
|
|
|
|
|
|
<script>
|
|
|
$(function () {
|
|
|
var $adultBlock = $('#adultBlock');
|
|
|
var $childrenBlock = $('#childrenBlock');
|
|
|
var $teenagerNumberInput = $('#teenagerNumber');
|
|
|
var $childrenNumberInput = $('#childrenNumber');
|
|
|
var $infantNumberInput = $('#infantNumber');
|
|
|
|
|
|
$('input[name="travel_group"]').each((i, groupEle) => {
|
|
|
$(groupEle).click(function (e) {
|
|
|
|
|
|
var currentTarget = e.currentTarget;
|
|
|
if (currentTarget.id === 'Family' || currentTarget.id === 'Other') {
|
|
|
$adultBlock.show();
|
|
|
$childrenBlock.show();
|
|
|
} else {
|
|
|
$adultBlock.show();
|
|
|
$childrenBlock.hide();
|
|
|
}
|
|
|
showTrip4(currentTarget.id);
|
|
|
})
|
|
|
});
|
|
|
|
|
|
var $trip4Birthday = $('#trip4Birthday');
|
|
|
var $trip4Anniversary = $('#trip4Anniversary');
|
|
|
var $trip4Honeymoon = $('#trip4Honeymoon');
|
|
|
var $trip4Retirement = $('#trip4Retirement');
|
|
|
var $trip4Graduation = $('#trip4Graduation');
|
|
|
var $trip4Business = $('#trip4Business');
|
|
|
var $trip4Bucket = $('#trip4Bucket');
|
|
|
var $trip4Work = $('#trip4Work');
|
|
|
var $annual = $('#annual');
|
|
|
var $gift = $('#gift');
|
|
|
var $friend = $('#friend');
|
|
|
const trip4Map = new Map();
|
|
|
trip4Map.set('Family', [$trip4Birthday, $trip4Graduation, $trip4Anniversary, $trip4Bucket, $annual, $gift, $friend]);
|
|
|
trip4Map.set('Couple', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Honeymoon, $trip4Bucket, $annual, $gift, $friend]);
|
|
|
trip4Map.set('Solo', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Business, $trip4Bucket, $annual, $gift, $friend]);
|
|
|
trip4Map.set('Other', [$trip4Bucket, $trip4Birthday, $trip4Retirement, $trip4Graduation, $trip4Business, $gift]);
|
|
|
function showTrip4(travelGroup) {
|
|
|
$trip4Title.show();
|
|
|
for (const trip4List of trip4Map.values()) {
|
|
|
trip4List.forEach(trip4 => {
|
|
|
trip4.hide();
|
|
|
})
|
|
|
}
|
|
|
const trip4List = trip4Map.get(travelGroup);
|
|
|
trip4List.forEach(trip4 => {
|
|
|
trip4.show();
|
|
|
})
|
|
|
}
|
|
|
|
|
|
var $trip4Title = $('#trip4Title');
|
|
|
var $tripDateBlock = $('#tripDateBlock');
|
|
|
var $expectedDate = $('#Date_Start');
|
|
|
var $expectedMonth = $('#expectedMonth');
|
|
|
var $dateSelectionBlock = $('#dateSelectionBlock');
|
|
|
var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
|
|
|
var $tripDateDesc = $('#tripDateDesc');
|
|
|
var selectedExpectedDate = '';
|
|
|
$('input[name="trip_date"]').each((i, tripDateEle) => {
|
|
|
$(tripDateEle).click(function (e) {
|
|
|
$expectedDate.val('');
|
|
|
$expectedMonth.val('');
|
|
|
$tripDateBlock.show();
|
|
|
var selectedTripDate = e.currentTarget;
|
|
|
selectedExpectedDate = selectedTripDate.id;
|
|
|
if (selectedTripDate.id === 'exact') {
|
|
|
$tripDateDesc.text('Select your estimated travel date and trip length (days).');
|
|
|
$dateSelectionBlock.show();
|
|
|
$expectedTravelDateBlock.hide();
|
|
|
$expectedMonth.hide();
|
|
|
$expectedDate.show();
|
|
|
} else if (selectedTripDate.id === 'approximate') {
|
|
|
$tripDateDesc.text('Select your estimated travel date and trip length (days).');
|
|
|
$dateSelectionBlock.show();
|
|
|
$expectedTravelDateBlock.hide();
|
|
|
$expectedDate.hide();
|
|
|
$expectedMonth.show();
|
|
|
} else if (selectedTripDate.id === 'yet') {
|
|
|
$tripDateDesc.text('Select your estimated trip length (days).');
|
|
|
$dateSelectionBlock.hide();
|
|
|
$expectedTravelDateBlock.show();
|
|
|
}
|
|
|
})
|
|
|
});
|
|
|
|
|
|
//更新目的地
|
|
|
$('.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');
|
|
|
$('#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 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++;
|
|
|
}
|
|
|
|
|
|
var tripDate_is_checked = false;
|
|
|
if (selectedExpectedDate === 'exact') {
|
|
|
tripDate_is_checked = $expectedDate.val() !== '';
|
|
|
} else if (selectedExpectedDate === 'approximate') {
|
|
|
tripDate_is_checked = $expectedMonth.val() !== '';
|
|
|
} else if (selectedExpectedDate === 'yet') {
|
|
|
tripDate_is_checked = true;
|
|
|
}
|
|
|
|
|
|
//时间选择
|
|
|
if (!tripDate_is_checked) {
|
|
|
calcScrollTop($('#dateselect'));
|
|
|
$('#date_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");
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
<script>
|
|
|
((doc, urlParams) => {
|
|
|
doc.addEventListener('DOMContentLoaded', () => {
|
|
|
const productCode = urlParams.get('product_code');
|
|
|
if (productCode != null) {
|
|
|
const productCodeInput = doc.getElementById('product_code');
|
|
|
productCodeInput.value = productCode;
|
|
|
}
|
|
|
});
|
|
|
})(document, new URLSearchParams(new URL(window.location.href).search));
|
|
|
</script>
|
|
|
<script>
|
|
|
$(function () {
|
|
|
$.getJSON("https://www.asiahighlights.com/index.php/apps/ip2location/index/get_country", function(data) {
|
|
|
var yourCountry = data.country_name;
|
|
|
$('#country_code option').each((i, optionEle) => {
|
|
|
var countryName = optionEle.value.split('+')[0].trim();
|
|
|
if (yourCountry === countryName) {
|
|
|
optionEle.selected = true;
|
|
|
}
|
|
|
});
|
|
|
})
|
|
|
.fail(function(xhr, status, error) {
|
|
|
console.error(error);
|
|
|
});
|
|
|
})
|
|
|
</script>
|
|
|
<style type="text/css">
|
|
|
.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
|
|
|
.emailist li{ padding: 2px 11px;
|
|
|
cursor: pointer;
|
|
|
font-size: 18px;
|
|
|
text-shadow: none;
|
|
|
color: #000;
|
|
|
}
|
|
|
.emailist .on, .emailist li:hover{background-color:#eee;}
|
|
|
</style>
|
|
|
<script>
|
|
|
$("#email").mailAutoComplete({
|
|
|
email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
|
|
|
});
|
|
|
</script><div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; position: fixed; visibility: hidden; display: block; transition: right 0.3s ease 0s; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-35397id3yrnc" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox" src="https://www.recaptcha.net/recaptcha/enterprise/anchor?ar=1&k=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja&co=aHR0cHM6Ly9wcm94eS13d3cuYXNpYWhpZ2hsaWdodHMuY29tOjQ0Mw..&hl=zh-CN&v=-QbJqHfGOUB8nuVRLvzFLVed&size=invisible&cb=nbseqjcie2x4"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div></body></html> |