|
|
@ -38,103 +38,153 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="adultBlock" style="display: none">
|
|
|
|
<div id="adultBlock" style="display: none">
|
|
|
|
<p style="
|
|
|
|
<p style="margin-bottom: 0;"><strong>Adults number</strong></p>
|
|
|
|
margin-bottom: -25px;
|
|
|
|
<div class="kids_age">
|
|
|
|
font-size: 22px;
|
|
|
|
<p style="margin-bottom: 0;">65+ yrs old</p>
|
|
|
|
margin-top: 80px;
|
|
|
|
<select class="kids_number" id="adultNumber_65_plus" name="adult_65_plus" >
|
|
|
|
text-align: left;
|
|
|
|
<option value="0">0</option>
|
|
|
|
">When you plan to take the trip:</p>
|
|
|
|
<option value="1">1 person</option>
|
|
|
|
<div class="peopleSelect">
|
|
|
|
<option value="2">2 people</option>
|
|
|
|
<p style=" margin-top: 20px;
|
|
|
|
<option value="3">3 people</option>
|
|
|
|
text-align: left;
|
|
|
|
<option value="4">4 people</option>
|
|
|
|
font-size: 22px;
|
|
|
|
<option value="5">5 people</option>
|
|
|
|
font-weight: 400;">
|
|
|
|
<option value="6">6 people</option>
|
|
|
|
Adults (≥18 years old)
|
|
|
|
<option value="7">7 people</option>
|
|
|
|
</p>
|
|
|
|
<option value="8">8 people</option>
|
|
|
|
<button class="minaddBtn reduceadult" id="minusAdult" type="button"
|
|
|
|
<option value="9">9 people</option>
|
|
|
|
value="-">-</button>
|
|
|
|
<option value="10">10 people</option>
|
|
|
|
<input class="number" type="text" value="2" id="adultNumber" name="adult">
|
|
|
|
<option value="11">11 people</option>
|
|
|
|
<button class="minaddBtn addadult" type="button" id="plusAdult" value="+">+</button>
|
|
|
|
<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="age_range">
|
|
|
|
<div class="kids_age">
|
|
|
|
<p>
|
|
|
|
<p style="margin-bottom: 0;">41-64 yrs old</p>
|
|
|
|
Adults' ages
|
|
|
|
<select class="kids_number" id="adultNumber_41_64" name="adult_41_64" >
|
|
|
|
</p>
|
|
|
|
<option value="0">0</option>
|
|
|
|
<div class="checkYes" style="float:left;">
|
|
|
|
<option value="1">1 person</option>
|
|
|
|
<label for="65+">
|
|
|
|
<option value="2">2 people</option>
|
|
|
|
<input type="checkbox" value="yes" name="age_65_plus" id="65+" class="checkBorder" >65+
|
|
|
|
<option value="3">3 people</option>
|
|
|
|
</label>
|
|
|
|
<option value="4">4 people</option>
|
|
|
|
</div>
|
|
|
|
<option value="5">5 people</option>
|
|
|
|
<div class="checkYes" style="float:left;">
|
|
|
|
<option value="6">6 people</option>
|
|
|
|
<label for="51-64">
|
|
|
|
<option value="7">7 people</option>
|
|
|
|
<input type="checkbox" value="yes" name="age_51_64" id="51-64" class="checkBorder" >51-64
|
|
|
|
<option value="8">8 people</option>
|
|
|
|
</label>
|
|
|
|
<option value="9">9 people</option>
|
|
|
|
</div>
|
|
|
|
<option value="10">10 people</option>
|
|
|
|
<div class="checkYes" style="float:left;">
|
|
|
|
<option value="11">11 people</option>
|
|
|
|
<label for="41-50">
|
|
|
|
<option value="12">12 people</option>
|
|
|
|
<input type="checkbox" value="yes" name="age_41_50" id="41-50" class="checkBorder" >41-50
|
|
|
|
<option value="13">13 people</option>
|
|
|
|
</label>
|
|
|
|
<option value="14">14 people</option>
|
|
|
|
</div>
|
|
|
|
<option value="15">15 people</option>
|
|
|
|
<div class="checkYes" style="float:left;">
|
|
|
|
<option value="16">16 people</option>
|
|
|
|
<label for="31-40">
|
|
|
|
<option value="17">17 people</option>
|
|
|
|
<input type="checkbox" value="yes" name="age_31_40" id="31-40" class="checkBorder" >31-40
|
|
|
|
<option value="18">18 people</option>
|
|
|
|
</label>
|
|
|
|
<option value="19">19 people</option>
|
|
|
|
</div>
|
|
|
|
<option value="20">20 people</option>
|
|
|
|
<div class="checkYes" style="float:left;">
|
|
|
|
<option value="21">21 people</option>
|
|
|
|
<label for="18-30">
|
|
|
|
<option value="22">22 people</option>
|
|
|
|
<input type="checkbox" value="yes" name="age_18_30" id="18-30" class="checkBorder" >18-30
|
|
|
|
<option value="23">23 people</option>
|
|
|
|
</label>
|
|
|
|
<option value="24">24 people</option>
|
|
|
|
</div>
|
|
|
|
<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: 0;">18-40 yrs old</p>
|
|
|
|
|
|
|
|
<select class="kids_number" 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>
|
|
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<div id="childrenBlock" style="display: none">
|
|
|
|
<div id="childrenBlock" style="display: none">
|
|
|
|
<p style="margin-top: 0;
|
|
|
|
<p style="margin-bottom: 0;"><strong>Children number</strong></p>
|
|
|
|
font-size: 22px; text-align:left;">Children</p>
|
|
|
|
|
|
|
|
<div class="kids_age">
|
|
|
|
<div class="kids_age">
|
|
|
|
<p style="margin-bottom: 5px;">10-17 yrs old</p>
|
|
|
|
<p style="margin-bottom: 5px;">10-17 yrs old</p>
|
|
|
|
<select class="kids_number" id="teenagerNumber" name="teenager_10_17_yrs">
|
|
|
|
<select class="kids_number" id="teenagerNumber" name="teenager_10_17_yrs">
|
|
|
|
<option value="0">0
|
|
|
|
<option value="0">0</option>
|
|
|
|
</option>
|
|
|
|
<option value="1">1 person</option>
|
|
|
|
<option value="1">1
|
|
|
|
<option value="2">2 people</option>
|
|
|
|
</option>
|
|
|
|
<option value="3">3 people</option>
|
|
|
|
<option value="2">2
|
|
|
|
<option value="4">4 people</option>
|
|
|
|
</option>
|
|
|
|
<option value="5">5 or more people</option>
|
|
|
|
<option value="3">3
|
|
|
|
|
|
|
|
</option>
|
|
|
|
|
|
|
|
<option value="4">4
|
|
|
|
|
|
|
|
</option>
|
|
|
|
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="kids_age">
|
|
|
|
<div class="kids_age">
|
|
|
|
<p style="margin-bottom: 5px;">3-9 yrs old</p>
|
|
|
|
<p style="margin-bottom: 5px;">3-9 yrs old</p>
|
|
|
|
<select class="kids_number" id="childrenNumber" name="children_3_9_yrs">
|
|
|
|
<select class="kids_number" id="childrenNumber" name="children_3_9_yrs">
|
|
|
|
<option value="0">0
|
|
|
|
<option value="0">0</option>
|
|
|
|
</option>
|
|
|
|
<option value="1">1 person</option>
|
|
|
|
<option value="1">1
|
|
|
|
<option value="2">2 people</option>
|
|
|
|
</option>
|
|
|
|
<option value="3">3 people</option>
|
|
|
|
|
|
|
|
<option value="4">4 people</option>
|
|
|
|
<option value="2">2
|
|
|
|
<option value="5">5 or more people</option>
|
|
|
|
</option>
|
|
|
|
|
|
|
|
<option value="3">3
|
|
|
|
|
|
|
|
</option>
|
|
|
|
|
|
|
|
<option value="4">4
|
|
|
|
|
|
|
|
</option>
|
|
|
|
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="kids_age">
|
|
|
|
<div class="kids_age">
|
|
|
|
<p style="margin-bottom: 5px;">0-2 yrs old</p>
|
|
|
|
<p style="margin-bottom: 5px;">0-2 yrs old</p>
|
|
|
|
<select class="kids_number" id="infantNumber" name="infant_0_2_yrs">
|
|
|
|
<select class="kids_number" id="infantNumber" name="infant_0_2_yrs">
|
|
|
|
<option value="0">0
|
|
|
|
<option value="0">0</option>
|
|
|
|
</option>
|
|
|
|
<option value="1">1 person</option>
|
|
|
|
<option value="1">1
|
|
|
|
<option value="2">2 people</option>
|
|
|
|
</option>
|
|
|
|
<option value="3">3 people</option>
|
|
|
|
<option value="2">2
|
|
|
|
<option value="4">4 people</option>
|
|
|
|
</option>
|
|
|
|
<option value="5">5 or more people</option>
|
|
|
|
<option value="3">3
|
|
|
|
|
|
|
|
</option>
|
|
|
|
|
|
|
|
<option value="4">4
|
|
|
|
|
|
|
|
</option>
|
|
|
|
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|