@ -1,7 +1,8 @@
< div class = "tripnotes" collapse = "" collapse-status = "hide" data-target = "tripnotes" data-target-icon = "day4Icon" style = "font-size: 25px ;
< div class = "tripnotes" collapse = "" collapse-status = "hide" data-target = "tripnotes" data-target-icon = "day4Icon" style = "font-size: 25px ;
color: #ad1818;
color: #ad1818;
font-weight: 600;
font-weight: 600;
font-family: 'Goudy Old Style';">Your 1:1 travel consultant will reply within 1 working day.< span class = "OpenIcon" id = "day4Icon" > < / span > < / div >
font-family: 'Goudy Old Style';">Your 1:1 travel consultant will reply within 1 working day.< span class = "OpenIcon"
id="day4Icon">< / span > < / div >
< div class = "tripnotescontent" collapse-content = "" id = "tripnotes" style = "display: none; box-sizing: border-box;" >
< div class = "tripnotescontent" collapse-content = "" id = "tripnotes" style = "display: none; box-sizing: border-box;" >
< div class = "info_page_inquiry" >
< div class = "info_page_inquiry" >
@ -9,7 +10,8 @@
< div class = "InquiryFormBox" >
< div class = "InquiryFormBox" >
< div class = "FieldSet" >
< div class = "FieldSet" >
< textarea id = "additionalrequirements" name = "additional_requirements"
< textarea id = "additionalrequirements" name = "additional_requirements"
placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..." style="margin-bottom:20px;">< / textarea >
placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."
style="margin-bottom:20px;">< / textarea >
< div class = "selectionBlock" style = "margin-bottom: 0;" >
< div class = "selectionBlock" style = "margin-bottom: 0;" >
< p style = "margin-bottom: 0px;" >
< p style = "margin-bottom: 0px;" >
< strong > Number in your group< / strong >
< strong > Number in your group< / strong >
@ -175,7 +177,8 @@
< p style = "margin-bottom: 10px;" > Select your travel date.< / p >
< p style = "margin-bottom: 10px;" > Select your travel date.< / p >
< div id = 'dateSelectionBlock' >
< div id = 'dateSelectionBlock' >
< div id = 'flatpickrBlock' >
< div id = 'flatpickrBlock' >
< input type = "text" class = "arrivalDate datepicker" id = "starting_date" name = "date_start" value = "" placeholder = "mm/dd/yyyy" autocomplete = "off" style = "width: auto ; float: left ; margin-right: 15px ; height: 30px ;
< input type = "text" class = "arrivalDate datepicker" id = "starting_date" name = "date_start" value = ""
placeholder="mm/dd/yyyy" autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
margin-top: 5px;">
margin-top: 5px;">
< / div >
< / div >
< select class = "country_code" id = "expectedMonth" name = "expected_month" >
< select class = "country_code" id = "expectedMonth" name = "expected_month" >
@ -229,13 +232,16 @@
< input class = "FullName" data-required = "Please enter your fullname" id = "realname" name = "name"
< input class = "FullName" data-required = "Please enter your fullname" id = "realname" name = "name"
placeholder="Your name" required="" type="text">
placeholder="Your name" required="" type="text">
< span id = "realname_errmsg" style = "display: none" > < span class = "requiredArea" > Please enter your name.< / span > < / span >
< span id = "realname_errmsg" style = "display: none" > < span class = "requiredArea" > Please enter your
name.< / span > < / span >
< input class = "EmailAddress" data-required = "Please enter your e-mail address"
< input class = "EmailAddress" data-required = "Please enter your e-mail address"
data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$"
data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$"
placeholder="Email" required type="text">
placeholder="Email" required type="text">
< span id = "email_errmsg" style = "display: none" > < span class = "requiredArea" > Please enter your email.< / span > < / span >
< span id = "email_errmsg" style = "display: none" > < span class = "requiredArea" > Please enter your
< span id = "email_verify_errmsg" style = "display: none" > < span class = "requiredArea" > Please verify your email.< / span > < / span >
email.< / span > < / span >
< span id = "email_verify_errmsg" style = "display: none" > < span class = "requiredArea" > Please verify your
email.< / span > < / span >
<!-- <p><input class="InquiryCalendar" data - min - date="7" id="starting_date" name="date_start"
<!-- <p><input class="InquiryCalendar" data - min - date="7" id="starting_date" name="date_start"
placeholder="Starting date" required type="date">< / p > -->
placeholder="Starting date" required type="date">< / p > -->
@ -507,33 +513,22 @@
< option value = "Zimbabwe +263" > Zimbabwe +263< / option >
< option value = "Zimbabwe +263" > Zimbabwe +263< / option >
< option value = "Åland Islands +385" > Åland Islands +358< / option >
< option value = "Åland Islands +385" > Åland Islands +358< / option >
< / select >
< / select >
< input class = "Inquiryphone" name = "PhoneNo" placeholder = "Phone number *"
< input class = "Inquiryphone" name = "PhoneNo" placeholder = "Phone number *" type = "text" >
type="text">
< span id = "phone_errmsg" style = "display: none" > < span class = "requiredArea" > Please enter your phone
< span id = "phone_errmsg" style = "display: none" > < span class = "requiredArea" > Please enter your phone number.< / span > < / span >
number.< / span > < / span >
< p style = "margin-bottom: 5px ;
< p style = "margin-bottom: 5px ;
padding: 0;
padding: 0;
color: #000;
color: #000;
font-size: 19px;
font-size: 19px;">I am also available on:< / p >
}">I prefer to
< div class = "checkYes" style = "color:#000;" > < label for = "contact whatsapp" > < input class = "checkBorder "
be contacted via:< / p >
id="contact whatsapp" name="contact_via_WhatsApp" type="checkbox" value="yes"
< div class = "checkYes" style = "color:#000;" > < label for = "contact whatsapp" > < input
style="width:auto !important;">WhatsApp< / label >
class="checkBorder " id="contact whatsapp" name="contact_via_WhatsApp"
type="checkbox" value="yes" style="width:auto !important;">WhatsApp< / label >
< / div >
< / div >
< div class = "checkYes" style = "color:#000;" > < label for = "contact iMessage" > < input
< div class = "checkYes" style = "color:#000;" > < label for = "contact iMessage" > < input class = "checkBorder "
class="checkBorder " id="contact iMessage" name="contact_via_iMessage"
id="contact iMessage" name="contact_via_iMessage" type="checkbox" value="yes"
type="checkbox" value="yes" style="width:auto !important;">iMessage< / label >
style="width:auto !important;">iMessage< / label >
< / div >
< / div >
< div class = "checkYes" style = "color:#000;" > < label for = "contact_via_phone_call" > < input
class="checkBorder " id="contact_via_phone_call" name="contact_via_phone_call"
type="checkbox" value="yes" style="width:auto !important;">Phone call< / label > < / div >
< div class = "checkYes" style = "color:#000;" > < label for = "contact_via_email" > < input
class="checkBorder " id="contact_via_email" name="contact_via_email"
type="checkbox" value="yes" style="width:auto !important;">Email< / label > < / div >
< div class = "checkYes" style = "color:#000;" > < label for = "contact_via_video_appointment" > < input
class="checkBorder " id="contact_via_video_appointment" name="contact_via_video_appointment"
type="checkbox" value="yes" style="width:auto !important;">Video appointment< / label > < / div >
< input name = "nullemail" placeholder = "Your alternative email?" type = "hidden" >
< input name = "nullemail" placeholder = "Your alternative email?" type = "hidden" >
< input id = "url" name = "url" type = "hidden" >
< input id = "url" name = "url" type = "hidden" >
@ -547,7 +542,8 @@
< / form >
< / form >
< / div >
< / div >
< / div >
< / div >
< script src = "https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja" > < / script >
< 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/flatpickr-4.6.1.min.js" > < / script >
< script src = "https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js" > < / script >
< script >
< script >
@ -804,15 +800,30 @@
}
}
< / script >
< / script >
< style >
< style >
.date_select {width: 27.5% !important; margin-bottom: 10px;}
.date_select {
.age_range { margin-top: 0;}
width: 27.5% !important;
.InquiryFormBox input, textarea { margin-bottom: 15px;}
margin-bottom: 10px;
}
.age_range {
margin-top: 0;
}
.InquiryFormBox input,
textarea {
margin-bottom: 15px;
}
@media (max-width: 750px) {
@media (max-width: 750px) {
.date_select {width: 93% !important; margin-bottom: 0 !important;}
.date_select {
width: 93% !important;
margin-bottom: 0 !important;
}
}
}
< / style >
< / style >
< script src = "https://data.globalhighlights.com/js/jquery.mailAutoComplete-4.0.min.js" > < / script > < script >
< script src = "https://data.globalhighlights.com/js/jquery.mailAutoComplete-4.0.min.js" > < / script >
< script >
$("#email").mailAutoComplete({
$("#email").mailAutoComplete({
email: ['gmail.com', 'outlook.com', 'yahoo.com', 'icloud.com', 'hotmail.com', 'live.com', 'aol.com']
email: ['gmail.com', 'outlook.com', 'yahoo.com', 'icloud.com', 'hotmail.com', 'live.com', 'aol.com']
});
});