nafpliobnb.com Open in urlscan Pro
35.214.221.205  Public Scan

Submitted URL: https://www.nafpliobnb.taste-3.com/
Effective URL: https://nafpliobnb.com/
Submission: On December 13 via api from GB — Scanned from NL

Form analysis 10 forms found in the DOM

POST

<form action="" class="form" method="post">
  <input type="hidden" name="st_theme_style" value="modern">
  <input type="hidden" name="action" value="st_reset_password">
  <p class="c-grey f14"> Enter the e-mail address associated with the account. <br> We'll e-mail a link to reset your password. </p>
  <div class="form-group">
    <input type="email" class="form-control" name="email" placeholder="Email">
    <i class="input-icon field-icon fa"><svg width="24px" height="24px" viewBox="0 0 24 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Log-In" transform="translate(-912.000000, -220.000000)" stroke="#A0A9B2">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="input" transform="translate(30.000000, 119.000000)">
                    <g id="Group" transform="translate(416.000000, 22.000000)">
                        <g id="ico_email_login_form">
                            <rect id="Rectangle-path" x="0.5" y="0.0101176471" width="23" height="16.9411765" rx="2"></rect>
                            <polyline id="Shape" points="22.911 0.626352941 12 10.0689412 1.089 0.626352941"></polyline>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
  </div>
  <div class="form-group">
    <input type="submit" name="submit" class="form-submit" value="Send Reset Link">
  </div>
  <div class="message-wrapper mt20"></div>
  <div class="text-center mt20">
    <a href="" class="st-link font-medium open-login" data-toggle="modal">Back to Log In</a>
  </div>
</form>

GET https://nafpliobnb.com/search-hotel-full-map/

<form action="https://nafpliobnb.com/search-hotel-full-map/" class="form" method="get">
  <div class="row">
    <div class="col-md-3 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-detination has-icon">
        <i class="input-icon field-icon fa"><svg width="24px" height="24px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="dropdown" data-toggle="dropdown" id="dropdown-destination">
          <label>Destination</label>
          <div class="render">
            <span class="destination"> Where are you going? </span>
          </div>
          <input type="hidden" name="location_name" value="">
          <input type="hidden" name="location_id" value="">
        </div>
        <ul class="dropdown-menu" aria-labelledby="dropdown-destination" tabindex="1" style="overflow: hidden; outline: none;">
          <li style="padding-left: 20px;" data-country="US" data-value="1957" class="item parent_li">
            <span class="parent">Argos-Mykines</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7965" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Achladokampos</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1944" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Alea</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7970" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Argos</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7967" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Koutsopodi</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9670" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Mykines</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9672" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Nea Kios</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9669" class="item parent_li">
            <span class="parent">Epidavros</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9667" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Asklipieio</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9671" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Epidaurus</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9663" class="item parent_li">
            <span class="parent">Ermionida</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9661" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Ermioni</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1952" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Kranidi</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-md-3 border-right">
      <div class="form-group form-date-field form-date-search clearfix  has-icon " data-format="DD/MM/YYYY">
        <i class="input-icon field-icon fa"><svg height="24px" width="24px" viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-436.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="check-in" transform="translate(270.000000, 26.000000)">
                        <g id="ico_calendar_search_box" transform="translate(1.000000, 12.000000)">
                            <g id="calendar-add-1">
                                <path d="M9.5,18.5 L1.5,18.5 C0.94771525,18.5 0.5,18.0522847 0.5,17.5 L0.5,3.5 C0.5,2.94771525 0.94771525,2.5 1.5,2.5 L19.5,2.5 C20.0522847,2.5 20.5,2.94771525 20.5,3.5 L20.5,10" id="Shape"></path>
                                <path d="M5.5,0.501 L5.5,5.501" id="Shape"></path>
                                <path d="M15.5,0.501 L15.5,5.501" id="Shape"></path>
                                <path d="M0.5,7.501 L20.5,7.501" id="Shape"></path>
                                <circle id="Oval" cx="17.5" cy="17.501" r="6"></circle>
                                <path d="M17.5,14.501 L17.5,20.501" id="Shape"></path>
                                <path d="M20.5,17.501 L14.5,17.501" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="date-wrapper clearfix">
          <div class="check-in-wrapper">
            <label>Check In - Out</label>
            <div class="render check-in-render">dd/mm/yyyy</div><span> - </span>
            <div class="render check-out-render">dd/mm/yyyy</div>
          </div>
        </div>
        <input type="hidden" class="check-in-input" value="" name="start">
        <input type="hidden" class="check-out-input" value="" name="end">
        <input type="text" class="check-in-out" value="13/12/2021 02:45 am-14/12/2021 02:45 am" name="date">
      </div>
    </div>
    <div class="col-md-3 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-guest  has-icon ">
        <i class="input-icon field-icon fa"><svg width="24px" height="24px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-735.000000, -331.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="guest" transform="translate(570.000000, 26.000000)">
                        <g id="ico_guest_search_box" transform="translate(0.000000, 15.000000)">
                            <g id="Light">
                                <path d="M0.5,17.5000001 C0.500000058,13.6340068 3.63400679,10.5000001 7.5,10.5000001 C11.3659932,10.5000001 14.4999999,13.6340068 14.5,17.5000001 L0.5,17.5000001 Z" id="Shape"></path>
                                <path d="M13.994,3.558 C15.1539911,4.33669999 16.5198779,4.75172347 17.917,4.75 C18.8777931,4.7508055 19.8286029,4.55513062 20.711,4.175" id="Shape"></path>
                                <path d="M13.26,2 C14.7525087,0.243845556 17.3729329,-0.0022836544 19.1663535,1.44523253 C20.9597741,2.89274871 21.2722437,5.50609244 19.8706501,7.3356268 C18.4690565,9.16516115 15.8644725,9.54377036 14,8.189 C13.8228021,8.05875218 13.655663,7.9153468 13.5,7.76" id="Shape"></path>
                                <path d="M14.5,10.79 C16.6186472,10.1605491 18.9100973,10.5678907 20.6820104,11.8889503 C22.4539234,13.21001 23.4984514,15.2898253 23.5,17.5 L17,17.5" id="Shape"></path>
                                <path d="M3.838,2.592 C5.87773146,4.7056567 9.0128387,5.33602311 11.711,4.175" id="Shape"></path>
                                <circle id="Oval" cx="7.5" cy="4.75" r="4.25"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="dropdown" data-toggle="dropdown" id="dropdown-1">
          <label>Guests</label>
          <div class="render">
            <span class="adult" data-text="Adult" data-text-multi="Adults">1 Adult</span> - <span class="children" data-text="Child" data-text-multi="Children">0 Child</span>
          </div>
        </div>
        <ul class="dropdown-menu" aria-labelledby="dropdown-1">
          <li class="item">
            <label>Rooms</label>
            <div class="select-wrapper">
              <div class="st-number-wrapper">
                <span class="next"><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1258.000000, -1077.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_add" transform="translate(225.000000, 27.000000)">
                              <path d="M0.5,8 L15.5,8" id="Shape"></path>
                              <path d="M8,0.5 L8,15.5" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span><input type="text" name="room_num_search" value="1" class="form-control st-input-number" autocomplete="off" readonly="" data-min="1" data-max="20"><span class="prev"><svg width="18px" height="2px" viewBox="0 0 18 2"
                    version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1180.000000, -1085.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_subtract" transform="translate(147.000000, 35.000000)">
                              <path d="M0.5,0.038 L15.5,0.038" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span>
              </div>
            </div>
          </li>
          <li class="item">
            <label>Adults</label>
            <div class="select-wrapper">
              <div class="st-number-wrapper">
                <span class="next"><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1258.000000, -1077.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_add" transform="translate(225.000000, 27.000000)">
                              <path d="M0.5,8 L15.5,8" id="Shape"></path>
                              <path d="M8,0.5 L8,15.5" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span><input type="text" name="adult_number" value="1" class="form-control st-input-number" autocomplete="off" readonly="" data-min="1" data-max="20"><span class="prev"><svg width="18px" height="2px" viewBox="0 0 18 2"
                    version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1180.000000, -1085.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_subtract" transform="translate(147.000000, 35.000000)">
                              <path d="M0.5,0.038 L15.5,0.038" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span>
              </div>
            </div>
          </li>
          <li class="item">
            <label>Children</label>
            <div class="select-wrapper">
              <div class="st-number-wrapper">
                <span class="next"><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1258.000000, -1077.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_add" transform="translate(225.000000, 27.000000)">
                              <path d="M0.5,8 L15.5,8" id="Shape"></path>
                              <path d="M8,0.5 L8,15.5" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span><input type="text" name="child_number" value="0" class="form-control st-input-number" autocomplete="off" readonly="" data-min="0" data-max="20"><span class="prev"><svg width="18px" height="2px" viewBox="0 0 18 2"
                    version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1180.000000, -1085.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_subtract" transform="translate(147.000000, 35.000000)">
                              <path d="M0.5,0.038 L15.5,0.038" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span>
              </div>
            </div>
          </li>
          <span class="hidden-lg hidden-md hidden-sm btn-close-guest-form">Close</span>
        </ul>
        <i class="fa fa-angle-down arrow"></i>
      </div>
    </div>
    <div class="col-md-3">
      <div class="form-button">
        <div class="advance">
          <div class="form-group form-extra-field dropdown clearfix field-advance">
            <div class="dropdown" data-toggle="dropdown" id="dropdown-advance">
              <label class="hidden-xs">Advance</label>
              <div class="render">
                <span class="hidden-xs">More <i class="fa fa-caret-down"></i></span>
                <span class="hidden-lg hidden-md hidden-sm">More option <i class="fa fa-caret-down"></i></span>
              </div>
            </div>
            <div class="dropdown-menu" aria-labelledby="dropdown-advance">
              <div class="row">
                <div class="col-lg-12">
                  <div class="advance-item range-slider">
                    <div class="item-title">
                      <h4>Filter Price</h4>
                    </div>
                    <div class="item-content">
                      <span class="irs js-irs-0"><span class="irs"><span class="irs-line" tabindex="0"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span
                            class="irs-min">€10,00</span><span class="irs-max">€350,00</span><span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span
                          class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span class="irs-slider from"></span><span class="irs-slider to"></span></span><input type="text"
                        class="price_range irs-hidden-input" name="price_range" value="10;350" data-symbol="€" data-min="10" data-max="350" data-step="0" tabindex="-1" readonly="">
                    </div>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="advance-item facilities st-icheck">
                    <div class="item-title">
                      <h4>Hotel Facilities</h4>
                    </div>
                    <div class="item-content">
                      <div class="row">
                        <div class="ovscroll" tabindex="1" style="overflow: hidden; outline: none;">
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Air Conditioning<input type="checkbox" name="" value="30"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Fitness Center<input type="checkbox" name="" value="35"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Flat Tv<input type="checkbox" name="" value="36"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Heater<input type="checkbox" name="" value="38"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Internet – Wifi<input type="checkbox" name="" value="39"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Parking<input type="checkbox" name="" value="41"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Pool<input type="checkbox" name="" value="42"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Restaurant<input type="checkbox" name="" value="45"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Smoking Room<input type="checkbox" name="" value="47"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Spa &amp; Sauna<input type="checkbox" name="" value="48"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Washer &amp; Dryer<input type="checkbox" name="" value="50"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <input type="hidden" class="data_taxonomy" name="taxonomy[hotel_facilities]" value="">
                  </div>
                </div>
              </div>
              <div id="ascrail2000" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 1000; cursor: default; position: absolute; top: 0px; left: -8px; height: 103px; display: none;">
                <div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 6px; height: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;">
                </div>
              </div>
              <div id="ascrail2000-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 8px; z-index: 1000; top: 95px; left: 0px; position: absolute; cursor: default; display: none;">
                <div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 6px; width: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;"></div>
              </div>
            </div>
          </div>
        </div>
        <button class="btn btn-primary btn-search" type="submit">Search</button>
      </div>
    </div>
  </div>
</form>

GET https://nafpliobnb.com/sidebar-search-layout-tour/

<form action="https://nafpliobnb.com/sidebar-search-layout-tour/" class="form" method="get">
  <div class="row">
    <div class="col-md-4 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-detination has-icon">
        <i class="input-icon field-icon fa"><svg width="24px" height="24px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="dropdown" data-toggle="dropdown" id="dropdown-destination">
          <label>Destination</label>
          <div class="render">
            <span class="destination"> Where are you going? </span>
          </div>
          <input type="hidden" name="location_name" value="">
          <input type="hidden" name="location_id" value="">
        </div>
        <ul class="dropdown-menu" aria-labelledby="dropdown-destination" tabindex="2" style="overflow: hidden; outline: none;">
          <li style="padding-left: 20px;" data-country="US" data-value="1957" class="item parent_li">
            <span class="parent">Argos-Mykines</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7965" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Achladokampos</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1944" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Alea</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7970" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Argos</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7967" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Koutsopodi</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1945" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Lerna</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1946" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Lyrkeia</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9663" class="item parent_li">
            <span class="parent">Ermionida</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1952" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Kranidi</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="275" class="item parent_li">
            <span class="parent">Nafplio</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="284" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Asini</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1947" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Midea</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-md-5 border-right">
      <div class="form-group form-date-field form-date-search clearfix  has-icon " data-format="DD/MM/YYYY">
        <i class="input-icon field-icon fa"><svg height="24px" width="24px" viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-436.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="check-in" transform="translate(270.000000, 26.000000)">
                        <g id="ico_calendar_search_box" transform="translate(1.000000, 12.000000)">
                            <g id="calendar-add-1">
                                <path d="M9.5,18.5 L1.5,18.5 C0.94771525,18.5 0.5,18.0522847 0.5,17.5 L0.5,3.5 C0.5,2.94771525 0.94771525,2.5 1.5,2.5 L19.5,2.5 C20.0522847,2.5 20.5,2.94771525 20.5,3.5 L20.5,10" id="Shape"></path>
                                <path d="M5.5,0.501 L5.5,5.501" id="Shape"></path>
                                <path d="M15.5,0.501 L15.5,5.501" id="Shape"></path>
                                <path d="M0.5,7.501 L20.5,7.501" id="Shape"></path>
                                <circle id="Oval" cx="17.5" cy="17.501" r="6"></circle>
                                <path d="M17.5,14.501 L17.5,20.501" id="Shape"></path>
                                <path d="M20.5,17.501 L14.5,17.501" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="date-wrapper clearfix">
          <div class="check-in-wrapper">
            <label>From - To</label>
            <div class="render check-in-render">dd/mm/yyyy</div><span> - </span>
            <div class="render check-out-render">dd/mm/yyyy</div>
          </div>
        </div>
        <input type="hidden" class="check-in-input" value="" name="start">
        <input type="hidden" class="check-out-input" value="" name="end">
        <input type="text" class="check-in-out" value="13/12/2021 02:45 am-14/12/2021 02:45 am" name="date">
      </div>
    </div>
    <div class="col-md-3">
      <div class="form-button">
        <div class="advance">
          <div class="form-group form-extra-field dropdown clearfix field-advance">
            <div class="dropdown" data-toggle="dropdown" id="dropdown-advance">
              <label class="hidden-xs">Advance</label>
              <div class="render">
                <span class="hidden-xs">More <i class="fa fa-caret-down"></i></span>
                <span class="hidden-lg hidden-md hidden-sm">More option <i class="fa fa-caret-down"></i></span>
              </div>
            </div>
            <div class="dropdown-menu" aria-labelledby="dropdown-advance">
              <div class="row">
                <div class="col-lg-12">
                  <div class="advance-item range-slider">
                    <div class="item-title">
                      <h4>Filter Price</h4>
                    </div>
                    <div class="item-content">
                      <span class="irs js-irs-1"><span class="irs"><span class="irs-line" tabindex="0"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span
                            class="irs-min">€89,00</span><span class="irs-max">€1.650,00</span><span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span
                          class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span class="irs-slider from"></span><span class="irs-slider to"></span></span><input type="text"
                        class="price_range irs-hidden-input" name="price_range" value="89;1650" data-symbol="€" data-min="89" data-max="1650" data-step="0" tabindex="-1" readonly="">
                    </div>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="advance-item facilities st-icheck">
                    <div class="item-title">
                      <h4> Tour Categories </h4>
                    </div>
                    <div class="item-content">
                      <div class="row">
                        <div class="ovscroll" tabindex="1" style="overflow: hidden; outline: none;">
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>City trips<input type="checkbox" name="" value="100"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Ecotourism<input type="checkbox" name="" value="101"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Escorted Tour<input type="checkbox" name="" value="102"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Group Tour<input type="checkbox" name="" value="103"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Hosted tours<input type="checkbox" name="" value="105"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Ligula<input type="checkbox" name="" value="104"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <input type="hidden" class="data_taxonomy" name="taxonomy[st_tour_type]" value="">
                  </div>
                </div>
              </div>
              <div id="ascrail2001" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 1000; cursor: default; position: absolute; top: 0px; left: -8px; height: 103px; display: none;">
                <div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 6px; height: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;">
                </div>
              </div>
              <div id="ascrail2001-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 8px; z-index: 1000; top: 95px; left: 0px; position: absolute; cursor: default; display: none;">
                <div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 6px; width: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;"></div>
              </div>
            </div>
          </div>
        </div>
        <button class="btn btn-primary btn-search" type="submit">Search</button>
      </div>
    </div>
  </div>
</form>

GET https://nafpliobnb.com/sidebar-search-layout-activity/

<form action="https://nafpliobnb.com/sidebar-search-layout-activity/" class="form" method="get">
  <div class="row">
    <div class="col-md-4 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-detination has-icon">
        <i class="input-icon field-icon fa"><svg width="24px" height="24px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="dropdown" data-toggle="dropdown" id="dropdown-destination">
          <label>Destination</label>
          <div class="render">
            <span class="destination"> Where are you going? </span>
          </div>
          <input type="hidden" name="location_name" value="">
          <input type="hidden" name="location_id" value="">
        </div>
        <ul class="dropdown-menu" aria-labelledby="dropdown-destination" tabindex="3" style="overflow: hidden; outline: none;">
          <li style="padding-left: 20px;" data-country="US" data-value="1957" class="item parent_li">
            <span class="parent">Argos-Mykines</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7965" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Achladokampos</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1944" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Alea</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7970" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Argos</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7967" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Koutsopodi</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1945" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Lerna</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1946" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Lyrkeia</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9663" class="item parent_li">
            <span class="parent">Ermionida</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1952" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Kranidi</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="275" class="item parent_li">
            <span class="parent">Nafplio</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="284" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Asini</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1947" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Midea</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-md-5 border-right">
      <div class="form-group form-date-field form-date-search clearfix actvity-date  has-icon " data-format="DD/MM/YYYY">
        <i class="input-icon field-icon fa"><svg height="24px" width="24px" viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-436.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="check-in" transform="translate(270.000000, 26.000000)">
                        <g id="ico_calendar_search_box" transform="translate(1.000000, 12.000000)">
                            <g id="calendar-add-1">
                                <path d="M9.5,18.5 L1.5,18.5 C0.94771525,18.5 0.5,18.0522847 0.5,17.5 L0.5,3.5 C0.5,2.94771525 0.94771525,2.5 1.5,2.5 L19.5,2.5 C20.0522847,2.5 20.5,2.94771525 20.5,3.5 L20.5,10" id="Shape"></path>
                                <path d="M5.5,0.501 L5.5,5.501" id="Shape"></path>
                                <path d="M15.5,0.501 L15.5,5.501" id="Shape"></path>
                                <path d="M0.5,7.501 L20.5,7.501" id="Shape"></path>
                                <circle id="Oval" cx="17.5" cy="17.501" r="6"></circle>
                                <path d="M17.5,14.501 L17.5,20.501" id="Shape"></path>
                                <path d="M20.5,17.501 L14.5,17.501" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="date-wrapper clearfix">
          <div class="check-in-wrapper">
            <label>From - To</label>
            <div class="render check-in-render">dd/mm/yyyy</div><span> - </span>
            <div class="render check-out-render">dd/mm/yyyy</div>
          </div>
        </div>
        <input type="hidden" class="check-in-input" value="" name="start">
        <input type="hidden" class="check-out-input" value="" name="end">
        <input type="text" class="check-in-out" value="13/12/2021 02:45 am-14/12/2021 02:45 am" name="date">
      </div>
    </div>
    <div class="col-md-3">
      <div class="form-button">
        <div class="advance">
          <div class="form-group form-extra-field dropdown clearfix field-advance">
            <div class="dropdown" data-toggle="dropdown" id="dropdown-advance">
              <label class="hidden-xs">Advance</label>
              <div class="render">
                <span class="hidden-xs">More <i class="fa fa-caret-down"></i></span>
                <span class="hidden-lg hidden-md hidden-sm">More option <i class="fa fa-caret-down"></i></span>
              </div>
            </div>
            <div class="dropdown-menu" aria-labelledby="dropdown-advance">
              <div class="row">
                <div class="col-lg-12">
                  <div class="advance-item range-slider">
                    <div class="item-title">
                      <h4>Filter Price</h4>
                    </div>
                    <div class="item-content">
                      <span class="irs js-irs-2"><span class="irs"><span class="irs-line" tabindex="0"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span
                            class="irs-min">€100,00</span><span class="irs-max">€378,00</span><span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span
                          class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span class="irs-slider from"></span><span class="irs-slider to"></span></span><input type="text"
                        class="price_range irs-hidden-input" name="price_range" value="100;378" data-symbol="€" data-min="100" data-max="378" data-step="0" tabindex="-1" readonly="">
                    </div>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="advance-item facilities st-icheck">
                    <div class="item-title">
                      <h4>
                      </h4>
                    </div>
                    <div class="item-content">
                      <div class="row">
                        <div class="ovscroll" tabindex="1" style="overflow: hidden; outline: none;">
                        </div>
                      </div>
                    </div>
                    <input type="hidden" class="data_taxonomy" name="taxonomy[activity_types]" value="">
                  </div>
                </div>
              </div>
              <div id="ascrail2002" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 1000; cursor: default; position: absolute; top: 0px; left: -8px; height: 103px; display: none;">
                <div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 6px; height: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;">
                </div>
              </div>
              <div id="ascrail2002-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 8px; z-index: 1000; top: 95px; left: 0px; position: absolute; cursor: default; display: none;">
                <div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 6px; width: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;"></div>
              </div>
            </div>
          </div>
        </div>
        <button class="btn btn-primary btn-search" type="submit">Search</button>
      </div>
    </div>
  </div>
</form>

GET https://nafpliobnb.com/search-rental-full-map/

<form action="https://nafpliobnb.com/search-rental-full-map/" class="form" method="get">
  <div class="row">
    <div class="col-md-3 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-detination has-icon">
        <i class="input-icon field-icon fa"><svg width="24px" height="24px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="dropdown" data-toggle="dropdown" id="dropdown-destination">
          <label>Destination</label>
          <div class="render">
            <span class="destination"> Where are you going? </span>
          </div>
          <input type="hidden" name="location_name" value="">
          <input type="hidden" name="location_id" value="">
        </div>
        <ul class="dropdown-menu" aria-labelledby="dropdown-destination" tabindex="4" style="overflow: hidden; outline: none;">
          <li style="padding-left: 20px;" data-country="US" data-value="1957" class="item parent_li">
            <span class="parent">Argos-Mykines</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7965" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Achladokampos</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1944" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Alea</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7970" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Argos</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="7967" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Koutsopodi</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1945" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Lerna</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1946" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Lyrkeia</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="9663" class="item parent_li">
            <span class="parent">Ermionida</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1952" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Kranidi</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="275" class="item parent_li">
            <span class="parent">Nafplio</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="284" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Asini</span>
          </li>
          <li style="padding-left: 20px;" data-country="US" data-value="1947" class="item ">
            <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Midea</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-md-3 border-right">
      <div class="form-group form-date-field form-date-search clearfix  has-icon " data-format="DD/MM/YYYY">
        <i class="input-icon field-icon fa"><svg height="24px" width="24px" viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-436.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="check-in" transform="translate(270.000000, 26.000000)">
                        <g id="ico_calendar_search_box" transform="translate(1.000000, 12.000000)">
                            <g id="calendar-add-1">
                                <path d="M9.5,18.5 L1.5,18.5 C0.94771525,18.5 0.5,18.0522847 0.5,17.5 L0.5,3.5 C0.5,2.94771525 0.94771525,2.5 1.5,2.5 L19.5,2.5 C20.0522847,2.5 20.5,2.94771525 20.5,3.5 L20.5,10" id="Shape"></path>
                                <path d="M5.5,0.501 L5.5,5.501" id="Shape"></path>
                                <path d="M15.5,0.501 L15.5,5.501" id="Shape"></path>
                                <path d="M0.5,7.501 L20.5,7.501" id="Shape"></path>
                                <circle id="Oval" cx="17.5" cy="17.501" r="6"></circle>
                                <path d="M17.5,14.501 L17.5,20.501" id="Shape"></path>
                                <path d="M20.5,17.501 L14.5,17.501" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="date-wrapper clearfix">
          <div class="check-in-wrapper">
            <label>Check In - Out</label>
            <div class="render check-in-render">dd/mm/yyyy</div><span> - </span>
            <div class="render check-out-render">dd/mm/yyyy</div>
          </div>
        </div>
        <input type="hidden" class="check-in-input" value="" name="start">
        <input type="hidden" class="check-out-input" value="" name="end">
        <input type="text" class="check-in-out" value="13/12/2021 02:45 am-14/12/2021 02:45 am" name="date">
      </div>
    </div>
    <div class="col-md-3 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-guest  has-icon ">
        <i class="input-icon field-icon fa"><svg width="24px" height="24px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-735.000000, -331.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="guest" transform="translate(570.000000, 26.000000)">
                        <g id="ico_guest_search_box" transform="translate(0.000000, 15.000000)">
                            <g id="Light">
                                <path d="M0.5,17.5000001 C0.500000058,13.6340068 3.63400679,10.5000001 7.5,10.5000001 C11.3659932,10.5000001 14.4999999,13.6340068 14.5,17.5000001 L0.5,17.5000001 Z" id="Shape"></path>
                                <path d="M13.994,3.558 C15.1539911,4.33669999 16.5198779,4.75172347 17.917,4.75 C18.8777931,4.7508055 19.8286029,4.55513062 20.711,4.175" id="Shape"></path>
                                <path d="M13.26,2 C14.7525087,0.243845556 17.3729329,-0.0022836544 19.1663535,1.44523253 C20.9597741,2.89274871 21.2722437,5.50609244 19.8706501,7.3356268 C18.4690565,9.16516115 15.8644725,9.54377036 14,8.189 C13.8228021,8.05875218 13.655663,7.9153468 13.5,7.76" id="Shape"></path>
                                <path d="M14.5,10.79 C16.6186472,10.1605491 18.9100973,10.5678907 20.6820104,11.8889503 C22.4539234,13.21001 23.4984514,15.2898253 23.5,17.5 L17,17.5" id="Shape"></path>
                                <path d="M3.838,2.592 C5.87773146,4.7056567 9.0128387,5.33602311 11.711,4.175" id="Shape"></path>
                                <circle id="Oval" cx="7.5" cy="4.75" r="4.25"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="dropdown" data-toggle="dropdown" id="dropdown-1">
          <label>Guests</label>
          <div class="render">
            <span class="adult" data-text="Adult" data-text-multi="Adults">1 Adult</span> - <span class="children" data-text="Child" data-text-multi="Children">0 Child</span>
          </div>
        </div>
        <ul class="dropdown-menu" aria-labelledby="dropdown-1">
          <li class="item">
            <label>Adults</label>
            <div class="select-wrapper">
              <div class="st-number-wrapper">
                <span class="next"><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1258.000000, -1077.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_add" transform="translate(225.000000, 27.000000)">
                              <path d="M0.5,8 L15.5,8" id="Shape"></path>
                              <path d="M8,0.5 L8,15.5" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span><input type="text" name="adult_number" value="1" class="form-control st-input-number" autocomplete="off" readonly="" data-min="1" data-max="20"><span class="prev"><svg width="18px" height="2px" viewBox="0 0 18 2"
                    version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1180.000000, -1085.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_subtract" transform="translate(147.000000, 35.000000)">
                              <path d="M0.5,0.038 L15.5,0.038" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span>
              </div>
            </div>
          </li>
          <li class="item">
            <label>Children</label>
            <div class="select-wrapper">
              <div class="st-number-wrapper">
                <span class="next"><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1258.000000, -1077.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_add" transform="translate(225.000000, 27.000000)">
                              <path d="M0.5,8 L15.5,8" id="Shape"></path>
                              <path d="M8,0.5 L8,15.5" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span><input type="text" name="child_number" value="0" class="form-control st-input-number" autocomplete="off" readonly="" data-min="0" data-max="20"><span class="prev"><svg width="18px" height="2px" viewBox="0 0 18 2"
                    version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                      <g id="Tour_Detail_1" transform="translate(-1180.000000, -1085.000000)" stroke="#5E6D77" stroke-width="1.5">
                        <g id="check-avai" transform="translate(1034.000000, 867.000000)">
                          <g id="adults" transform="translate(0.000000, 184.000000)">
                            <g id="ico_subtract" transform="translate(147.000000, 35.000000)">
                              <path d="M0.5,0.038 L15.5,0.038" id="Shape"></path>
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg></span>
              </div>
            </div>
          </li>
          <span class="hidden-lg hidden-md hidden-sm btn-close-guest-form">Close</span>
        </ul>
        <i class="fa fa-angle-down arrow"></i>
      </div>
    </div>
    <div class="col-md-3">
      <div class="form-button">
        <div class="advance">
          <div class="form-group form-extra-field dropdown clearfix field-advance">
            <div class="dropdown" data-toggle="dropdown" id="dropdown-advance">
              <label class="hidden-xs">Advance</label>
              <div class="render">
                <span class="hidden-xs">More <i class="fa fa-caret-down"></i></span>
                <span class="hidden-lg hidden-md hidden-sm">More option <i class="fa fa-caret-down"></i></span>
              </div>
            </div>
            <div class="dropdown-menu" aria-labelledby="dropdown-advance">
              <div class="row">
                <div class="col-lg-12">
                  <div class="advance-item range-slider">
                    <div class="item-title">
                      <h4>Filter Price</h4>
                    </div>
                    <div class="item-content">
                      <span class="irs js-irs-3"><span class="irs"><span class="irs-line" tabindex="0"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span
                            class="irs-min">€171,00</span><span class="irs-max">€499,00</span><span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span
                          class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span class="irs-slider from"></span><span class="irs-slider to"></span></span><input type="text"
                        class="price_range irs-hidden-input" name="price_range" value="171;499" data-symbol="€" data-min="171" data-max="499" data-step="0" tabindex="-1" readonly="">
                    </div>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="advance-item facilities st-icheck">
                    <div class="item-title">
                      <h4>Rental Types</h4>
                    </div>
                    <div class="item-content">
                      <div class="row">
                        <div class="ovscroll" tabindex="1" style="overflow: hidden; outline: none;">
                        </div>
                      </div>
                    </div>
                    <input type="hidden" class="data_taxonomy" name="taxonomy[rental_types]" value="">
                  </div>
                </div>
              </div>
              <div id="ascrail2003" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 1000; cursor: default; position: absolute; top: 0px; left: -8px; height: 103px; display: none;">
                <div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 6px; height: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;">
                </div>
              </div>
              <div id="ascrail2003-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 8px; z-index: 1000; top: 95px; left: 0px; position: absolute; cursor: default; display: none;">
                <div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 6px; width: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;"></div>
              </div>
            </div>
          </div>
        </div>
        <button class="btn btn-primary btn-search" type="submit">Search</button>
      </div>
    </div>
  </div>
</form>

GET https://nafpliobnb.com/car-top-search-layout/

<form action="https://nafpliobnb.com/car-top-search-layout/" class="form" method="get">
  <div class="row">
    <div class="col-md-4 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-detination field-destination-car has-icon">
        <i class="input-icon field-icon fa"><svg width="24px" height="24px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="date-wrapper destination-pickup">
          <div class="dropdown" data-toggle="dropdown" id="dropdown-pickup">
            <label>Location</label>
            <div class="render">
              <span class="destination"> Argos-Mykines </span>
            </div>
            <input type="hidden" class="location_name" name="location_name" value="Argos-Mykines">
            <input type="hidden" class="location_id" name="location_id" value="1957">
          </div>
          <ul class="dropdown-menu" aria-labelledby="dropdown-pickup" tabindex="5" style="overflow: hidden; outline: none;">
            <li style="padding-left: 20px;" selected="selected" data-country="US" data-value="1957" class="item parent_li">
              <span class="parent">Argos-Mykines</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="7965" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Achladokampos</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="1944" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Alea</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="7970" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Argos</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="7967" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Koutsopodi</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="1945" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Lerna</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="1946" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Lyrkeia</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="9663" class="item parent_li">
              <span class="parent">Ermionida</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="1952" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Kranidi</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="275" class="item parent_li">
              <span class="parent">Nafplio</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="284" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Asini</span>
            </li>
            <li style="padding-left: 20px;" data-country="US" data-value="1947" class="item ">
              <i class="input-icon field-icon fa"><svg width="16px" height="16px" viewBox="0 0 17 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-165.000000, -328.000000)" stroke="gray">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="where" transform="translate(0.000000, 26.000000)">
                        <g id="Group" transform="translate(0.000000, 12.000000)">
                            <g id="ico_maps_search_box">
                                <path d="M15.75,8.25 C15.75,12.471 12.817,14.899 10.619,17.25 C9.303,18.658 8.25,23.25 8.25,23.25 C8.25,23.25 7.2,18.661 5.887,17.257 C3.687,14.907 0.75,12.475 0.75,8.25 C0.75,4.10786438 4.10786438,0.75 8.25,0.75 C12.3921356,0.75 15.75,4.10786438 15.75,8.25 Z" id="Shape"></path>
                                <circle id="Oval" cx="8.25" cy="8.25" r="3"></circle>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i><span class="lv2">Midea</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-md-5 border-right">
      <div class="form-group form-extra-field form-date-field form-date-search form-date-car clearfix  has-icon " data-format="DD/MM/YYYY, hh:mm A" data-date-format="DD/MM/YYYY" data-time-format="hh:mm A" data-timepicker="true"
        data-label-start-time="Pick Up Time" data-label-end-time="Return Time">
        <i class="input-icon field-icon fa"><svg height="24px" width="24px" viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Search_Result_1_Grid" transform="translate(-436.000000, -328.000000)" stroke="#A0A9B2">
            <g id="form_search_hotel_row" transform="translate(135.000000, 290.000000)">
                <g id="input" transform="translate(30.000000, 0.000000)">
                    <g id="check-in" transform="translate(270.000000, 26.000000)">
                        <g id="ico_calendar_search_box" transform="translate(1.000000, 12.000000)">
                            <g id="calendar-add-1">
                                <path d="M9.5,18.5 L1.5,18.5 C0.94771525,18.5 0.5,18.0522847 0.5,17.5 L0.5,3.5 C0.5,2.94771525 0.94771525,2.5 1.5,2.5 L19.5,2.5 C20.0522847,2.5 20.5,2.94771525 20.5,3.5 L20.5,10" id="Shape"></path>
                                <path d="M5.5,0.501 L5.5,5.501" id="Shape"></path>
                                <path d="M15.5,0.501 L15.5,5.501" id="Shape"></path>
                                <path d="M0.5,7.501 L20.5,7.501" id="Shape"></path>
                                <circle id="Oval" cx="17.5" cy="17.501" r="6"></circle>
                                <path d="M17.5,14.501 L17.5,20.501" id="Shape"></path>
                                <path d="M20.5,17.501 L14.5,17.501" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
        <div class="date-wrapper clearfix">
          <div class="check-in-wrapper">
            <label>Pick Up Time</label>
            <div class="render check-in-render">dd/mm/yyyy, 02:45 AM</div>
          </div>
          <div class="check-out-wrapper">
            <label>Return Time</label>
            <div class="render check-out-render">dd/mm/yyyy, 02:45 AM</div>
            <span>
            </span>
          </div>
        </div>
        <input type="hidden" class="check-in-input" value="" name="pick-up-date">
        <input type="hidden" class="check-in-input-time" value="02:45 AM" name="pick-up-time">
        <input type="hidden" class="check-out-input" value="" name="drop-off-date">
        <input type="hidden" class="check-out-input-time" value="02:45 AM" name="drop-off-time">
        <input type="text" class="check-in-out" value="13/12/2021 02:45 am-13/12/2021 02:45 am" name="date">
      </div>
    </div>
    <div class="col-md-3">
      <div class="form-button">
        <div class="advance">
          <div class="form-group form-extra-field field-detination dropdown clearfix field-advance">
            <div class="dropdown" data-toggle="dropdown" id="dropdown-advance">
              <label class="hidden-xs">Advance</label>
              <div class="render">
                <span class="hidden-xs">More <i class="fa fa-caret-down"></i></span>
                <span class="hidden-lg hidden-md hidden-sm">More option <i class="fa fa-caret-down"></i></span>
              </div>
            </div>
            <div class="dropdown-menu" aria-labelledby="dropdown-advance" tabindex="6" style="overflow: hidden; outline: none;">
              <div class="row">
                <div class="col-lg-12">
                  <div class="advance-item range-slider">
                    <div class="item-title">
                      <h4>Filter Price</h4>
                    </div>
                    <div class="item-content">
                      <span class="irs js-irs-4"><span class="irs"><span class="irs-line" tabindex="0"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span
                            class="irs-min">€0,00</span><span class="irs-max">€20,00</span><span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span
                          class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span class="irs-slider from"></span><span class="irs-slider to"></span></span><input type="text"
                        class="price_range irs-hidden-input" name="price_range" value="0;20" data-symbol="€" data-min="0" data-max="20" data-step="0" tabindex="-1" readonly="">
                    </div>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="advance-item facilities st-icheck">
                    <div class="item-title">
                      <h4>Car Types</h4>
                    </div>
                    <div class="item-content">
                      <div class="row">
                        <div class="ovscroll" tabindex="1" style="overflow: hidden; outline: none;">
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Convertibles<input type="checkbox" name="" value="17"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Coupes<input type="checkbox" name="" value="18"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Hatchbacks<input type="checkbox" name="" value="20"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Minivans<input type="checkbox" name="" value="21"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Sedan<input type="checkbox" name="" value="23"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>SUVs<input type="checkbox" name="" value="27"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Trucks<input type="checkbox" name="" value="28"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Wagons<input type="checkbox" name="" value="29"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <input type="hidden" class="data_taxonomy" name="taxonomy[st_category_cars]" value="">
                  </div>
                </div>
              </div>
              <div id="ascrail2004" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 1000; cursor: default; position: absolute; top: 0px; left: -8px; height: 103px; display: none;">
                <div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 6px; height: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;">
                </div>
              </div>
              <div id="ascrail2004-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 8px; z-index: 1000; top: 95px; left: 0px; position: absolute; cursor: default; display: none;">
                <div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 6px; width: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;"></div>
              </div>
            </div>
          </div>
        </div>
        <button class="btn btn-primary btn-search" type="submit">Search</button>
      </div>
    </div>
  </div>
</form>

GET https://nafpliobnb.com/car-transfer/

<form action="https://nafpliobnb.com/car-transfer/" class="form" method="get">
  <div class="row">
    <div class="col-md-4 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-detination field-destination-car field-destination-carstranfer destination-pickup-carstranfer has-icon">
        <div class="date-wrapper destination-pickup">
          <div class="dropdown" data-toggle="dropdown" id="dropdown-pickup">
            <label>Pick-up From</label>
          </div>
          <select class="selectpicker transfer-selectpicker select2-hidden-accessible" name="transfer_from" id="transfer_from" data-select2-id="transfer_from" tabindex="-1" aria-hidden="true">
            <option selected="selected" data-tokens="---- select ----" value="" data-select2-id="5"> ---- Select ---- </option>
            <option data-tokens="argos-mykines" value="1957" data-select2-id="8"> Argos-Mykines </option>
            <option data-tokens="  argos" value="7970" data-select2-id="9"> Argos </option>
            <option data-tokens="  achladokampos" value="7965" data-select2-id="10"> Achladokampos </option>
            <option data-tokens="  alea" value="1944" data-select2-id="11"> Alea </option>
            <option data-tokens="  koutsopodi" value="7967" data-select2-id="12"> Koutsopodi </option>
            <option data-tokens="  lerna" value="1945" data-select2-id="13"> Lerna </option>
            <option data-tokens="  lyrkeia" value="1946" data-select2-id="14"> Lyrkeia </option>
            <option data-tokens="  mykines" value="9670" data-select2-id="15"> Mykines </option>
            <option data-tokens="  nea kios" value="9672" data-select2-id="16"> Nea Kios </option>
            <option data-tokens="epidavros" value="9669" data-select2-id="17"> Epidavros </option>
            <option data-tokens="  epidaurus" value="9671" data-select2-id="18"> Epidaurus </option>
            <option data-tokens="  asklipieio" value="9667" data-select2-id="19"> Asklipieio </option>
            <option data-tokens="nafplio" value="275" data-select2-id="20"> Nafplio </option>
            <option data-tokens="  nafplio" value="9665" data-select2-id="21"> Nafplio </option>
            <option data-tokens="  asini" value="284" data-select2-id="22"> Asini </option>
            <option data-tokens="  midea" value="1947" data-select2-id="23"> Midea </option>
            <option data-tokens="  nea tiryntha" value="9662" data-select2-id="24"> Nea Tiryntha </option>
            <option data-tokens="ermionida" value="9663" data-select2-id="25"> Ermionida </option>
            <option data-tokens="  ermioni" value="9661" data-select2-id="26"> Ermioni </option>
            <option data-tokens="  kranidi" value="1952" data-select2-id="27"> Kranidi </option>
            <option data-tokens="hotel: alea hotel" value="981" data-select2-id="28"> Hotel: Alea Hotel </option>
            <option data-tokens="hotel: asini resort" value="953" data-select2-id="29"> Hotel: Asini Resort </option>
            <option data-tokens="hotel: epidavros hotel 1" value="989" data-select2-id="30"> Hotel: Epidavros Hotel 1 </option>
            <option data-tokens="hotel: epidavros hotel 2" value="988" data-select2-id="31"> Hotel: Epidavros Hotel 2 </option>
            <option data-tokens="hotel: epidavros hotel 3" value="987" data-select2-id="32"> Hotel: Epidavros Hotel 3 </option>
            <option data-tokens="hotel: hotel achladokampos" value="954" data-select2-id="33"> Hotel: Hotel Achladokampos </option>
            <option data-tokens="hotel: hotel argos 1" value="991" data-select2-id="34"> Hotel: Hotel Argos 1 </option>
            <option data-tokens="hotel: hotel argos 2" value="992" data-select2-id="35"> Hotel: Hotel Argos 2 </option>
            <option data-tokens="hotel: hotel argos 3" value="990" data-select2-id="36"> Hotel: Hotel Argos 3 </option>
            <option data-tokens="hotel: hotel asklipieio 1" value="984" data-select2-id="37"> Hotel: Hotel Asklipieio 1 </option>
            <option data-tokens="hotel: hotel asklipieio 2" value="533" data-select2-id="38"> Hotel: Hotel Asklipieio 2 </option>
            <option data-tokens="hotel: hotel ermioni" value="986" data-select2-id="39"> Hotel: Hotel Ermioni </option>
            <option data-tokens="hotel: hotel koutsopodi" value="658" data-select2-id="40"> Hotel: Hotel Koutsopodi </option>
            <option data-tokens="hotel: hotel kranidi" value="982" data-select2-id="41"> Hotel: Hotel Kranidi </option>
            <option data-tokens="hotel: hotel nafplio 1" value="6556" data-select2-id="42"> Hotel: Hotel Nafplio 1 </option>
            <option data-tokens="hotel: hotel nafplio 2" value="6548" data-select2-id="43"> Hotel: Hotel Nafplio 2 </option>
            <option data-tokens="hotel: hotel nafplio 3" value="4601" data-select2-id="44"> Hotel: Hotel Nafplio 3 </option>
            <option data-tokens="hotel: hotel nea kios" value="605" data-select2-id="45"> Hotel: Hotel Nea Kios </option>
            <option data-tokens="hotel: midea resort" value="980" data-select2-id="46"> Hotel: Midea Resort </option>
            <option data-tokens="hotel: mykines hotel" value="979" data-select2-id="47"> Hotel: Mykines Hotel </option>
          </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="48"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true"
                aria-expanded="false" tabindex="0" aria-labelledby="select2-transfer_from-container"><span class="select2-selection__rendered" id="select2-transfer_from-container" role="textbox" aria-readonly="true" title="
                    ---- Select ----                "> ---- Select ---- </span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper"
              aria-hidden="true"></span></span>
        </div>
      </div>
    </div>
    <div class="col-md-4 border-right">
      <div class="form-group form-extra-field dropdown clearfix field-detination field-destination-car field-destination-carstranfer destination-pickup-carstranfer has-icon">
        <div class="date-wrapper destination-dropoff">
          <div class="dropdown" data-toggle="dropdown" id="dropdown-dropoff">
            <label>Drop-off To</label>
          </div>
          <select class="selectpicker transfer-selectpicker select2-hidden-accessible" name="transfer_to" id="transfer_to" data-select2-id="transfer_to" tabindex="-1" aria-hidden="true">
            <option data-tokens="---- select ----" data-content="---- Select ----" value="" selected="selected" data-select2-id="7"> ---- Select ---- </option>
            <option data-tokens="argos-mykines" data-content="Argos-Mykines" value="1957" data-select2-id="49"> Argos-Mykines </option>
            <option data-tokens="  argos" data-content="  Argos" value="7970" data-select2-id="50"> Argos </option>
            <option data-tokens="  achladokampos" data-content="  Achladokampos" value="7965" data-select2-id="51"> Achladokampos </option>
            <option data-tokens="  alea" data-content="  Alea" value="1944" data-select2-id="52"> Alea </option>
            <option data-tokens="  koutsopodi" data-content="  Koutsopodi" value="7967" data-select2-id="53"> Koutsopodi </option>
            <option data-tokens="  lerna" data-content="  Lerna" value="1945" data-select2-id="54"> Lerna </option>
            <option data-tokens="  lyrkeia" data-content="  Lyrkeia" value="1946" data-select2-id="55"> Lyrkeia </option>
            <option data-tokens="  mykines" data-content="  Mykines" value="9670" data-select2-id="56"> Mykines </option>
            <option data-tokens="  nea kios" data-content="  Nea Kios" value="9672" data-select2-id="57"> Nea Kios </option>
            <option data-tokens="epidavros" data-content="Epidavros" value="9669" data-select2-id="58"> Epidavros </option>
            <option data-tokens="  epidaurus" data-content="  Epidaurus" value="9671" data-select2-id="59"> Epidaurus </option>
            <option data-tokens="  asklipieio" data-content="  Asklipieio" value="9667" data-select2-id="60"> Asklipieio </option>
            <option data-tokens="nafplio" data-content="Nafplio" value="275" data-select2-id="61"> Nafplio </option>
            <option data-tokens="  nafplio" data-content="  Nafplio" value="9665" data-select2-id="62"> Nafplio </option>
            <option data-tokens="  asini" data-content="  Asini" value="284" data-select2-id="63"> Asini </option>
            <option data-tokens="  midea" data-content="  Midea" value="1947" data-select2-id="64"> Midea </option>
            <option data-tokens="  nea tiryntha" data-content="  Nea Tiryntha" value="9662" data-select2-id="65"> Nea Tiryntha </option>
            <option data-tokens="ermionida" data-content="Ermionida" value="9663" data-select2-id="66"> Ermionida </option>
            <option data-tokens="  ermioni" data-content="  Ermioni" value="9661" data-select2-id="67"> Ermioni </option>
            <option data-tokens="  kranidi" data-content="  Kranidi" value="1952" data-select2-id="68"> Kranidi </option>
            <option data-tokens="hotel: alea hotel" data-content="Hotel: Alea Hotel" value="981" data-select2-id="69"> Hotel: Alea Hotel </option>
            <option data-tokens="hotel: asini resort" data-content="Hotel: Asini Resort" value="953" data-select2-id="70"> Hotel: Asini Resort </option>
            <option data-tokens="hotel: epidavros hotel 1" data-content="Hotel: Epidavros Hotel 1" value="989" data-select2-id="71"> Hotel: Epidavros Hotel 1 </option>
            <option data-tokens="hotel: epidavros hotel 2" data-content="Hotel: Epidavros Hotel 2" value="988" data-select2-id="72"> Hotel: Epidavros Hotel 2 </option>
            <option data-tokens="hotel: epidavros hotel 3" data-content="Hotel: Epidavros Hotel 3" value="987" data-select2-id="73"> Hotel: Epidavros Hotel 3 </option>
            <option data-tokens="hotel: hotel achladokampos" data-content="Hotel: Hotel Achladokampos" value="954" data-select2-id="74"> Hotel: Hotel Achladokampos </option>
            <option data-tokens="hotel: hotel argos 1" data-content="Hotel: Hotel Argos 1" value="991" data-select2-id="75"> Hotel: Hotel Argos 1 </option>
            <option data-tokens="hotel: hotel argos 2" data-content="Hotel: Hotel Argos 2" value="992" data-select2-id="76"> Hotel: Hotel Argos 2 </option>
            <option data-tokens="hotel: hotel argos 3" data-content="Hotel: Hotel Argos 3" value="990" data-select2-id="77"> Hotel: Hotel Argos 3 </option>
            <option data-tokens="hotel: hotel asklipieio 1" data-content="Hotel: Hotel Asklipieio 1" value="984" data-select2-id="78"> Hotel: Hotel Asklipieio 1 </option>
            <option data-tokens="hotel: hotel asklipieio 2" data-content="Hotel: Hotel Asklipieio 2" value="533" data-select2-id="79"> Hotel: Hotel Asklipieio 2 </option>
            <option data-tokens="hotel: hotel ermioni" data-content="Hotel: Hotel Ermioni" value="986" data-select2-id="80"> Hotel: Hotel Ermioni </option>
            <option data-tokens="hotel: hotel koutsopodi" data-content="Hotel: Hotel Koutsopodi" value="658" data-select2-id="81"> Hotel: Hotel Koutsopodi </option>
            <option data-tokens="hotel: hotel kranidi" data-content="Hotel: Hotel Kranidi" value="982" data-select2-id="82"> Hotel: Hotel Kranidi </option>
            <option data-tokens="hotel: hotel nafplio 1" data-content="Hotel: Hotel Nafplio 1" value="6556" data-select2-id="83"> Hotel: Hotel Nafplio 1 </option>
            <option data-tokens="hotel: hotel nafplio 2" data-content="Hotel: Hotel Nafplio 2" value="6548" data-select2-id="84"> Hotel: Hotel Nafplio 2 </option>
            <option data-tokens="hotel: hotel nafplio 3" data-content="Hotel: Hotel Nafplio 3" value="4601" data-select2-id="85"> Hotel: Hotel Nafplio 3 </option>
            <option data-tokens="hotel: hotel nea kios" data-content="Hotel: Hotel Nea Kios" value="605" data-select2-id="86"> Hotel: Hotel Nea Kios </option>
            <option data-tokens="hotel: midea resort" data-content="Hotel: Midea Resort" value="980" data-select2-id="87"> Hotel: Midea Resort </option>
            <option data-tokens="hotel: mykines hotel" data-content="Hotel: Mykines Hotel" value="979" data-select2-id="88"> Hotel: Mykines Hotel </option>
          </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="89"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true"
                aria-expanded="false" tabindex="0" aria-labelledby="select2-transfer_to-container"><span class="select2-selection__rendered" id="select2-transfer_to-container" role="textbox" aria-readonly="true" title="
                    ---- Select ----                "> ---- Select ---- </span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper"
              aria-hidden="true"></span></span>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="form-button">
        <div class="advance">
          <div class="form-group form-extra-field field-detination dropdown clearfix field-advance">
            <div class="dropdown" data-toggle="dropdown" id="dropdown-advance">
              <label class="hidden-xs">Advance</label>
              <div class="render">
                <span class="hidden-xs">More <i class="fa fa-caret-down"></i></span>
                <span class="hidden-lg hidden-md hidden-sm">More option <i class="fa fa-caret-down"></i></span>
              </div>
            </div>
            <div class="dropdown-menu" aria-labelledby="dropdown-advance" tabindex="7" style="overflow: hidden; outline: none;">
              <div class="row">
                <div class="col-lg-12">
                  <div class="advance-item range-slider">
                    <div class="item-title">
                      <h4>Filter Price</h4>
                    </div>
                    <div class="item-content">
                      <span class="irs js-irs-5"><span class="irs"><span class="irs-line" tabindex="0"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span
                            class="irs-min">€130,00</span><span class="irs-max">€990,00</span><span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span
                          class="irs-bar"></span><span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span class="irs-slider from"></span><span class="irs-slider to"></span></span><input type="text"
                        class="price_range irs-hidden-input" name="price_range" value="130;990" data-symbol="€" data-min="130" data-max="990" data-step="0" tabindex="-1" readonly="">
                    </div>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="advance-item facilities st-icheck">
                    <div class="item-title">
                      <h4>Car Types</h4>
                    </div>
                    <div class="item-content">
                      <div class="row">
                        <div class="ovscroll" tabindex="1" style="overflow: hidden; outline: none;">
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Convertibles<input type="checkbox" name="" value="17"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Coupes<input type="checkbox" name="" value="18"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Hatchbacks<input type="checkbox" name="" value="20"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Minivans<input type="checkbox" name="" value="21"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Sedan<input type="checkbox" name="" value="23"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>SUVs<input type="checkbox" name="" value="27"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Trucks<input type="checkbox" name="" value="28"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                          <div class="col-lg-4 col-sm-6">
                            <div class="st-icheck-item">
                              <label>Wagons<input type="checkbox" name="" value="29"><span class="checkmark fcheckbox"></span>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <input type="hidden" class="data_taxonomy" name="taxonomy[st_category_cars]" value="">
                  </div>
                </div>
              </div>
              <div id="ascrail2005" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 1000; cursor: default; position: absolute; top: 0px; left: -8px; height: 103px; display: none;">
                <div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 6px; height: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;">
                </div>
              </div>
              <div id="ascrail2005-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 8px; z-index: 1000; top: 95px; left: 0px; position: absolute; cursor: default; display: none;">
                <div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 6px; width: 0px; background-color: rgb(66, 66, 66); border: 1px solid rgb(255, 255, 255); background-clip: padding-box; border-radius: 5px;"></div>
              </div>
            </div>
          </div>
        </div>
        <button class="btn btn-primary btn-search" type="submit">Search</button>
      </div>
    </div>
  </div>
</form>

<form action="" class="subcribe-form">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Your Email">
    <input type="submit" name="submit" value="Subscribe">
  </div>
</form>

POST

<form action="" class="form" method="post">
  <input type="hidden" name="st_theme_style" value="modern">
  <input type="hidden" name="action" value="st_login_popup">
  <div class="form-group">
    <input type="text" class="form-control" name="username" autocomplete="off" placeholder="Email or Username">
    <i class="input-icon field-icon fa"><svg width="18px" viewBox="0 0 24 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Log-In" transform="translate(-912.000000, -220.000000)" stroke="#A0A9B2">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="input" transform="translate(30.000000, 119.000000)">
                    <g id="Group" transform="translate(416.000000, 22.000000)">
                        <g id="ico_email_login_form">
                            <rect id="Rectangle-path" x="0.5" y="0.0101176471" width="23" height="16.9411765" rx="2"></rect>
                            <polyline id="Shape" points="22.911 0.626352941 12 10.0689412 1.089 0.626352941"></polyline>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
  </div>
  <div class="form-group">
    <input type="password" class="form-control" name="password" autocomplete="off" placeholder="Password">
    <i class="input-icon field-icon fa"><svg width="16px" viewBox="0 0 18 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Log-In" transform="translate(-918.000000, -307.000000)" stroke="#A0A9B2">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="input" transform="translate(30.000000, 209.000000)">
                    <g id="Group" transform="translate(422.000000, 18.000000)">
                        <g id="ico_pass_login_form">
                            <path d="M3.5,6 C3.5,2.96243388 5.96243388,0.5 9,0.5 C12.0375661,0.5 14.5,2.96243388 14.5,6 L14.5,9.5" id="Shape"></path>
                            <path d="M17.5,11.5 C17.5,10.3954305 16.6045695,9.5 15.5,9.5 L2.5,9.5 C1.3954305,9.5 0.5,10.3954305 0.5,11.5 L0.5,21.5 C0.5,22.6045695 1.3954305,23.5 2.5,23.5 L15.5,23.5 C16.6045695,23.5 17.5,22.6045695 17.5,21.5 L17.5,11.5 Z" id="Shape"></path>
                            <circle id="Oval" cx="9" cy="16.5" r="1.25"></circle>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
  </div>
  <div class="form-group">
    <input type="submit" name="submit" class="form-submit" value="Log In">
  </div>
  <div class="message-wrapper mt20"></div>
  <div class="mt20 st-flex space-between st-icheck">
    <div class="st-icheck-item">
      <label for="remember-me" class="c-grey">
        <input type="checkbox" name="remember" id="remember-me" value="1"> Remember me <span class="checkmark fcheckbox"></span>
      </label>
    </div>
    <a href="" class="st-link open-loss-password" data-toggle="modal">Forgot Password?</a>
  </div>
  <div class="advanced">
    <p class="text-center f14 c-grey">or continue with</p>
    <div class="row">
      <div class="col-xs-12 col-sm-4">
        <a onclick="return false" href="javascript: void(0)" class="btn_login_fb_link st_login_social_link" data-channel="facebook">
                                        <i class="input-icon field-icon fa"><svg width="100%" viewBox="0 0 140 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Log-In" transform="translate(-496.000000, -560.000000)">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="social" transform="translate(0.000000, 417.000000)">
                    <g id="fb" transform="translate(30.000000, 63.000000)">
                        <rect id="Rectangle-2" fill="#395899" x="0" y="0" width="140" height="40" rx="3"></rect>
                        <g transform="translate(26.000000, 9.000000)">
                            <text id="Facebook" font-family="Poppins-Medium, Poppins" font-size="14" font-weight="400" fill="#F9F9F9">
                                <tspan x="19" y="16">Facebook</tspan>
                            </text>
                            <g id="facebook-logo" transform="translate(0.000000, 3.000000)" fill="#FFFFFF" fill-rule="nonzero">
                                <path d="M8.24940206,0.00329896907 L6.19331959,0 C3.88338144,0 2.39059794,1.53154639 2.39059794,3.90202062 L2.39059794,5.7011134 L0.323298969,5.7011134 C0.144659794,5.7011134 0,5.84593814 0,6.02457732 L0,8.63125773 C0,8.80989691 0.144824742,8.9545567 0.323298969,8.9545567 L2.39059794,8.9545567 L2.39059794,15.5320412 C2.39059794,15.7106804 2.53525773,15.8553402 2.71389691,15.8553402 L5.41113402,15.8553402 C5.5897732,15.8553402 5.73443299,15.7105155 5.73443299,15.5320412 L5.73443299,8.9545567 L8.15158763,8.9545567 C8.3302268,8.9545567 8.4748866,8.80989691 8.4748866,8.63125773 L8.47587629,6.02457732 C8.47587629,5.93880412 8.44173196,5.85665979 8.38119588,5.79595876 C8.32065979,5.73525773 8.23818557,5.7011134 8.15241237,5.7011134 L5.73443299,5.7011134 L5.73443299,4.176 C5.73443299,3.44296907 5.9091134,3.07084536 6.864,3.07084536 L8.24907216,3.07035052 C8.42754639,3.07035052 8.57220619,2.92552577 8.57220619,2.74705155 L8.57220619,0.326597938 C8.57220619,0.14828866 8.42771134,0.00362886598 8.24940206,0.00329896907 Z" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>                                    </a>
      </div>
      <div class="col-xs-12 col-sm-4">
        <a href="javascript: void(0)" id="st-google-signin2" class="btn_login_gg_link st_login_social_link" data-channel="google">
                                        <i class="input-icon field-icon fa"><svg width="100%" viewBox="0 0 140 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Log-In" transform="translate(-816.000000, -560.000000)">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="social" transform="translate(0.000000, 417.000000)">
                    <g id="g+" transform="translate(350.000000, 63.000000)">
                        <rect id="Rectangle-2" fill="#F34A38" x="0" y="0" width="140" height="40" rx="3"></rect>
                        <g id="Group-3" transform="translate(28.000000, 9.000000)" fill="#FFFFFF">
                            <g id="google-plus" transform="translate(0.000000, 3.000000)" fill-rule="nonzero">
                                <path d="M8.74974949,9.62441417 L12.6460216,9.62441417 C11.9621032,11.5580196 10.1098039,12.9443598 7.9412597,12.9283598 C5.3100216,12.9089312 3.13434813,10.804006 3.03219847,8.17467268 C2.92270187,5.3562237 5.18387194,3.02838696 7.97842977,3.02838696 C9.25619847,3.02838696 10.4222393,3.51524411 11.3013141,4.31301281 C11.5095318,4.50201962 11.8264842,4.5032169 12.0312733,4.31045499 L13.4623481,2.96357064 C13.6861304,2.75290397 13.6869468,2.39714887 13.4638175,2.18577472 C12.0696951,0.865012814 10.1995454,0.0417747189 8.13723249,0.00150261009 C3.73853861,-0.0843749409 0.0308379286,3.52210125 0.000198472791,7.92155703 C-0.0307130918,12.3540468 3.55312364,15.9568768 7.97842977,15.9568768 C12.2341577,15.9568768 15.7107291,12.6246863 15.9435998,8.42718968 C15.9498039,8.37456383 15.9538855,6.59600601 15.9538855,6.59600601 L8.74974949,6.59600601 C8.45445698,6.59600601 8.21511004,6.83535295 8.21511004,7.13064547 L8.21511004,9.08977472 C8.21511004,9.38506724 8.4545114,9.62441417 8.74974949,9.62441417 Z" id="Shape"></path>
                                <path d="M22.9308299,6.38269388 L22.9308299,4.46851701 C22.9308299,4.2097415 22.7210884,4 22.4623129,4 L20.8512109,4 C20.5924354,4 20.3826939,4.2097415 20.3826939,4.46851701 L20.3826939,6.38269388 L18.468517,6.38269388 C18.2097415,6.38269388 18,6.59243537 18,6.85121088 L18,8.46231293 C18,8.72108844 18.2097415,8.93082993 18.468517,8.93082993 L20.3826939,8.93082993 L20.3826939,10.8450068 C20.3826939,11.1037823 20.5924354,11.3135238 20.8512109,11.3135238 L22.4623129,11.3135238 C22.7210884,11.3135238 22.9308299,11.1037823 22.9308299,10.8450068 L22.9308299,8.93082993 L24.8450068,8.93082993 C25.1037823,8.93082993 25.3135238,8.72108844 25.3135238,8.46231293 L25.3135238,6.85121088 C25.3135238,6.59243537 25.1037823,6.38269388 24.8450068,6.38269388 L22.9308299,6.38269388 Z" id="Shape"></path>
                            </g>
                            <text id="Google" font-family="Poppins-Medium, Poppins" font-size="14" font-weight="400">
                                <tspan x="36" y="16">Google</tspan>
                            </text>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>                                    </a>
        <!--<div id="st-google-signin2" class="btn_login_gg_link st_login_social_link"></div>-->
      </div>
      <div class="col-xs-12 col-sm-4">
        <a href="https://nafpliobnb.com/social-login/twitter" onclick="return false" class="btn_login_tw_link st_login_social_link" data-channel="twitter">
                                        <i class="input-icon field-icon fa"><svg width="100%" viewBox="0 0 140 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Log-In" transform="translate(-656.000000, -560.000000)">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="social" transform="translate(0.000000, 417.000000)">
                    <g id="tt" transform="translate(190.000000, 63.000000)">
                        <rect id="Rectangle-2" fill="#03A9F4" x="0" y="0" width="140" height="40" rx="3"></rect>
                        <g id="Group-2" transform="translate(31.000000, 9.000000)" fill="#FFFFFF">
                            <text id="Twitter" font-family="Poppins-Medium, Poppins" font-size="14" font-weight="400">
                                <tspan x="30" y="16">Twitter</tspan>
                            </text>
                            <g id="twitter" transform="translate(0.000000, 3.000000)" fill-rule="nonzero">
                                <path d="M19.6923077,1.89415385 C18.96,2.21538462 18.1796923,2.42830769 17.3661538,2.53169231 C18.2030769,2.032 18.8418462,1.24676923 19.1421538,0.300307692 C18.3618462,0.765538462 17.5003077,1.09415385 16.5821538,1.27753846 C15.8412308,0.488615385 14.7852308,0 13.6332308,0 C11.3981538,0 9.59876923,1.81415385 9.59876923,4.03815385 C9.59876923,4.35815385 9.62584615,4.66584615 9.69230769,4.95876923 C6.336,4.79507692 3.36615385,3.18646154 1.37107692,0.736 C1.02276923,1.34030769 0.818461538,2.032 0.818461538,2.77661538 C0.818461538,4.17476923 1.53846154,5.41415385 2.61169231,6.13169231 C1.96307692,6.11938462 1.32676923,5.93107692 0.787692308,5.63446154 C0.787692308,5.64676923 0.787692308,5.66276923 0.787692308,5.67876923 C0.787692308,7.64061538 2.18707692,9.27015385 4.02215385,9.64553846 C3.69353846,9.73538462 3.33538462,9.77846154 2.96369231,9.77846154 C2.70523077,9.77846154 2.44430769,9.76369231 2.19938462,9.70953846 C2.72246154,11.3083077 4.20676923,12.4836923 5.97169231,12.5218462 C4.59815385,13.5963077 2.85415385,14.2436923 0.966153846,14.2436923 C0.635076923,14.2436923 0.317538462,14.2289231 -5.68434189e-14,14.1883077 C1.78830769,15.3415385 3.90769231,16 6.19323077,16 C13.6221538,16 17.6836923,9.84615385 17.6836923,4.512 C17.6836923,4.33353846 17.6775385,4.16123077 17.6689231,3.99015385 C18.4701538,3.42153846 19.1433846,2.71138462 19.6923077,1.89415385 Z" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>                                    </a>
      </div>
    </div>
  </div>
  <div class="mt20 c-grey font-medium f14 text-center"> Do not have an account? <a href="" class="st-link open-signup" data-toggle="modal">Sign Up</a>
  </div>
</form>

POST

<form action="" class="form" method="post">
  <input type="hidden" name="st_theme_style" value="modern">
  <input type="hidden" name="action" value="st_registration_popup">
  <div class="form-group">
    <input type="text" class="form-control" name="username" autocomplete="off" placeholder="Username *">
    <i class="input-icon field-icon fa"><svg width="20px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Sign-Up" transform="translate(-912.000000, -207.000000)" stroke="#A0A9B2">
            <g id="sign-up" transform="translate(466.000000, 80.000000)">
                <g id="input" transform="translate(30.000000, 109.000000)">
                    <g id="ico_username_form_signup" transform="translate(416.000000, 18.000000)">
                        <g id="Light">
                            <circle id="Oval" cx="12" cy="12" r="11.5"></circle>
                            <path d="M8.338,6.592 C10.3777315,8.7056567 13.5128387,9.33602311 16.211,8.175" id="Shape"></path>
                            <circle id="Oval" cx="12" cy="8.75" r="4.25"></circle>
                            <path d="M18.317,18.5 C17.1617209,16.0575309 14.7019114,14.4999182 12,14.4999182 C9.29808863,14.4999182 6.83827906,16.0575309 5.683,18.5" id="Shape"></path>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
  </div>
  <div class="form-group">
    <input type="text" class="form-control" name="fullname" autocomplete="off" placeholder="Full Name">
    <i class="input-icon field-icon fa"><svg width="20px" viewBox="0 0 23 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Sign-Up" transform="translate(-914.000000, -295.000000)" stroke="#A0A9B2">
            <g id="sign-up" transform="translate(466.000000, 80.000000)">
                <g id="input" transform="translate(30.000000, 199.000000)">
                    <g id="Group" transform="translate(418.000000, 17.000000)">
                        <g id="ico_fullname_signup">
                            <path d="M14.5,23.5 L14.5,20.5 L15.5,20.5 C17.1568542,20.5 18.5,19.1568542 18.5,17.5 L18.5,14.5 L21.313,14.5 C21.4719994,14.4989403 21.6210158,14.4223193 21.7143842,14.2936169 C21.8077526,14.1649146 21.8343404,13.9994766 21.786,13.848 C19.912,8.048 18.555,1.813 12.366,0.681 C9.63567371,0.151893606 6.80836955,0.784892205 4.56430871,2.42770265 C2.32024786,4.07051309 0.862578016,6.57441697 0.542,9.337 C0.21983037,12.7556062 1.72416582,16.0907612 4.5,18.112 L4.5,23.5" id="Shape"></path>
                            <path d="M7.5,8 C7.49875423,6.44186837 8.69053402,5.14214837 10.2429354,5.00863533 C11.7953368,4.87512228 13.1915367,5.95226513 13.4563532,7.48772858 C13.7211696,9.02319203 12.7664402,10.5057921 11.259,10.9 C10.8242888,10.9952282 10.5108832,11.3751137 10.5,11.82 L10.5,13.5" id="Shape"></path>
                            <path d="M10.5,15.5 C10.6380712,15.5 10.75,15.6119288 10.75,15.75 C10.75,15.8880712 10.6380712,16 10.5,16 C10.3619288,16 10.25,15.8880712 10.25,15.75 C10.25,15.6119288 10.3619288,15.5 10.5,15.5" id="Shape"></path>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
  </div>
  <div class="form-group">
    <input type="email" class="form-control" name="email" autocomplete="off" placeholder="Email *">
    <i class="input-icon field-icon fa"><svg width="18px" viewBox="0 0 24 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Log-In" transform="translate(-912.000000, -220.000000)" stroke="#A0A9B2">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="input" transform="translate(30.000000, 119.000000)">
                    <g id="Group" transform="translate(416.000000, 22.000000)">
                        <g id="ico_email_login_form">
                            <rect id="Rectangle-path" x="0.5" y="0.0101176471" width="23" height="16.9411765" rx="2"></rect>
                            <polyline id="Shape" points="22.911 0.626352941 12 10.0689412 1.089 0.626352941"></polyline>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
  </div>
  <div class="form-group">
    <input type="password" class="form-control" name="password" autocomplete="off" placeholder="Password *">
    <i class="input-icon field-icon fa"><svg width="16px" viewBox="0 0 18 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
        <g id="Log-In" transform="translate(-918.000000, -307.000000)" stroke="#A0A9B2">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="input" transform="translate(30.000000, 209.000000)">
                    <g id="Group" transform="translate(422.000000, 18.000000)">
                        <g id="ico_pass_login_form">
                            <path d="M3.5,6 C3.5,2.96243388 5.96243388,0.5 9,0.5 C12.0375661,0.5 14.5,2.96243388 14.5,6 L14.5,9.5" id="Shape"></path>
                            <path d="M17.5,11.5 C17.5,10.3954305 16.6045695,9.5 15.5,9.5 L2.5,9.5 C1.3954305,9.5 0.5,10.3954305 0.5,11.5 L0.5,21.5 C0.5,22.6045695 1.3954305,23.5 2.5,23.5 L15.5,23.5 C16.6045695,23.5 17.5,22.6045695 17.5,21.5 L17.5,11.5 Z" id="Shape"></path>
                            <circle id="Oval" cx="9" cy="16.5" r="1.25"></circle>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>
  </div>
  <input type="hidden" name="register_as" value="normal">
  <div class="form-group st-icheck-item">
    <label for="term">
      <input id="term" type="checkbox" name="term" class="mr5"> I have read and accept the <a class="st-link" href="https://nafpliobnb.com/?page_id=3">Terms and Privacy Policy</a> <span class="checkmark fcheckbox"></span>
    </label>
  </div>
  <div class="form-group">
    <input type="submit" name="submit" class="form-submit" value="Sign Up">
  </div>
  <div class="message-wrapper mt20"></div>
  <div class="advanced">
    <p class="text-center f14 c-grey">or continue with</p>
    <div class="row">
      <div class="col-xs-12 col-sm-4">
        <a onclick="return false" href="#" class="btn_login_fb_link st_login_social_link" data-channel="facebook">
                                        <i class="input-icon field-icon fa"><svg width="100%" viewBox="0 0 140 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Log-In" transform="translate(-496.000000, -560.000000)">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="social" transform="translate(0.000000, 417.000000)">
                    <g id="fb" transform="translate(30.000000, 63.000000)">
                        <rect id="Rectangle-2" fill="#395899" x="0" y="0" width="140" height="40" rx="3"></rect>
                        <g transform="translate(26.000000, 9.000000)">
                            <text id="Facebook" font-family="Poppins-Medium, Poppins" font-size="14" font-weight="400" fill="#F9F9F9">
                                <tspan x="19" y="16">Facebook</tspan>
                            </text>
                            <g id="facebook-logo" transform="translate(0.000000, 3.000000)" fill="#FFFFFF" fill-rule="nonzero">
                                <path d="M8.24940206,0.00329896907 L6.19331959,0 C3.88338144,0 2.39059794,1.53154639 2.39059794,3.90202062 L2.39059794,5.7011134 L0.323298969,5.7011134 C0.144659794,5.7011134 0,5.84593814 0,6.02457732 L0,8.63125773 C0,8.80989691 0.144824742,8.9545567 0.323298969,8.9545567 L2.39059794,8.9545567 L2.39059794,15.5320412 C2.39059794,15.7106804 2.53525773,15.8553402 2.71389691,15.8553402 L5.41113402,15.8553402 C5.5897732,15.8553402 5.73443299,15.7105155 5.73443299,15.5320412 L5.73443299,8.9545567 L8.15158763,8.9545567 C8.3302268,8.9545567 8.4748866,8.80989691 8.4748866,8.63125773 L8.47587629,6.02457732 C8.47587629,5.93880412 8.44173196,5.85665979 8.38119588,5.79595876 C8.32065979,5.73525773 8.23818557,5.7011134 8.15241237,5.7011134 L5.73443299,5.7011134 L5.73443299,4.176 C5.73443299,3.44296907 5.9091134,3.07084536 6.864,3.07084536 L8.24907216,3.07035052 C8.42754639,3.07035052 8.57220619,2.92552577 8.57220619,2.74705155 L8.57220619,0.326597938 C8.57220619,0.14828866 8.42771134,0.00362886598 8.24940206,0.00329896907 Z" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>                                    </a>
      </div>
      <div class="col-xs-12 col-sm-4">
        <a href="javascript: void(0)" id="st-google-signin3" class="btn_login_gg_link st_login_social_link" data-channel="google">
                                        <i class="input-icon field-icon fa"><svg width="100%" viewBox="0 0 140 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Log-In" transform="translate(-816.000000, -560.000000)">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="social" transform="translate(0.000000, 417.000000)">
                    <g id="g+" transform="translate(350.000000, 63.000000)">
                        <rect id="Rectangle-2" fill="#F34A38" x="0" y="0" width="140" height="40" rx="3"></rect>
                        <g id="Group-3" transform="translate(28.000000, 9.000000)" fill="#FFFFFF">
                            <g id="google-plus" transform="translate(0.000000, 3.000000)" fill-rule="nonzero">
                                <path d="M8.74974949,9.62441417 L12.6460216,9.62441417 C11.9621032,11.5580196 10.1098039,12.9443598 7.9412597,12.9283598 C5.3100216,12.9089312 3.13434813,10.804006 3.03219847,8.17467268 C2.92270187,5.3562237 5.18387194,3.02838696 7.97842977,3.02838696 C9.25619847,3.02838696 10.4222393,3.51524411 11.3013141,4.31301281 C11.5095318,4.50201962 11.8264842,4.5032169 12.0312733,4.31045499 L13.4623481,2.96357064 C13.6861304,2.75290397 13.6869468,2.39714887 13.4638175,2.18577472 C12.0696951,0.865012814 10.1995454,0.0417747189 8.13723249,0.00150261009 C3.73853861,-0.0843749409 0.0308379286,3.52210125 0.000198472791,7.92155703 C-0.0307130918,12.3540468 3.55312364,15.9568768 7.97842977,15.9568768 C12.2341577,15.9568768 15.7107291,12.6246863 15.9435998,8.42718968 C15.9498039,8.37456383 15.9538855,6.59600601 15.9538855,6.59600601 L8.74974949,6.59600601 C8.45445698,6.59600601 8.21511004,6.83535295 8.21511004,7.13064547 L8.21511004,9.08977472 C8.21511004,9.38506724 8.4545114,9.62441417 8.74974949,9.62441417 Z" id="Shape"></path>
                                <path d="M22.9308299,6.38269388 L22.9308299,4.46851701 C22.9308299,4.2097415 22.7210884,4 22.4623129,4 L20.8512109,4 C20.5924354,4 20.3826939,4.2097415 20.3826939,4.46851701 L20.3826939,6.38269388 L18.468517,6.38269388 C18.2097415,6.38269388 18,6.59243537 18,6.85121088 L18,8.46231293 C18,8.72108844 18.2097415,8.93082993 18.468517,8.93082993 L20.3826939,8.93082993 L20.3826939,10.8450068 C20.3826939,11.1037823 20.5924354,11.3135238 20.8512109,11.3135238 L22.4623129,11.3135238 C22.7210884,11.3135238 22.9308299,11.1037823 22.9308299,10.8450068 L22.9308299,8.93082993 L24.8450068,8.93082993 C25.1037823,8.93082993 25.3135238,8.72108844 25.3135238,8.46231293 L25.3135238,6.85121088 C25.3135238,6.59243537 25.1037823,6.38269388 24.8450068,6.38269388 L22.9308299,6.38269388 Z" id="Shape"></path>
                            </g>
                            <text id="Google" font-family="Poppins-Medium, Poppins" font-size="14" font-weight="400">
                                <tspan x="36" y="16">Google</tspan>
                            </text>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>                                    </a>
        <!--<div id="st-google-signin3" class="btn_login_gg_link st_login_social_link"></div>-->
      </div>
      <div class="col-xs-12 col-sm-4">
        <a href="https://nafpliobnb.com/social-login/twitter" onclick="return false" class="btn_login_tw_link st_login_social_link" data-channel="twitter">
                                        <i class="input-icon field-icon fa"><svg width="100%" viewBox="0 0 140 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
    
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Hotel-layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Log-In" transform="translate(-656.000000, -560.000000)">
            <g id="login" transform="translate(466.000000, 80.000000)">
                <g id="social" transform="translate(0.000000, 417.000000)">
                    <g id="tt" transform="translate(190.000000, 63.000000)">
                        <rect id="Rectangle-2" fill="#03A9F4" x="0" y="0" width="140" height="40" rx="3"></rect>
                        <g id="Group-2" transform="translate(31.000000, 9.000000)" fill="#FFFFFF">
                            <text id="Twitter" font-family="Poppins-Medium, Poppins" font-size="14" font-weight="400">
                                <tspan x="30" y="16">Twitter</tspan>
                            </text>
                            <g id="twitter" transform="translate(0.000000, 3.000000)" fill-rule="nonzero">
                                <path d="M19.6923077,1.89415385 C18.96,2.21538462 18.1796923,2.42830769 17.3661538,2.53169231 C18.2030769,2.032 18.8418462,1.24676923 19.1421538,0.300307692 C18.3618462,0.765538462 17.5003077,1.09415385 16.5821538,1.27753846 C15.8412308,0.488615385 14.7852308,0 13.6332308,0 C11.3981538,0 9.59876923,1.81415385 9.59876923,4.03815385 C9.59876923,4.35815385 9.62584615,4.66584615 9.69230769,4.95876923 C6.336,4.79507692 3.36615385,3.18646154 1.37107692,0.736 C1.02276923,1.34030769 0.818461538,2.032 0.818461538,2.77661538 C0.818461538,4.17476923 1.53846154,5.41415385 2.61169231,6.13169231 C1.96307692,6.11938462 1.32676923,5.93107692 0.787692308,5.63446154 C0.787692308,5.64676923 0.787692308,5.66276923 0.787692308,5.67876923 C0.787692308,7.64061538 2.18707692,9.27015385 4.02215385,9.64553846 C3.69353846,9.73538462 3.33538462,9.77846154 2.96369231,9.77846154 C2.70523077,9.77846154 2.44430769,9.76369231 2.19938462,9.70953846 C2.72246154,11.3083077 4.20676923,12.4836923 5.97169231,12.5218462 C4.59815385,13.5963077 2.85415385,14.2436923 0.966153846,14.2436923 C0.635076923,14.2436923 0.317538462,14.2289231 -5.68434189e-14,14.1883077 C1.78830769,15.3415385 3.90769231,16 6.19323077,16 C13.6221538,16 17.6836923,9.84615385 17.6836923,4.512 C17.6836923,4.33353846 17.6775385,4.16123077 17.6689231,3.99015385 C18.4701538,3.42153846 19.1433846,2.71138462 19.6923077,1.89415385 Z" id="Shape"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg></i>                                    </a>
      </div>
    </div>
  </div>
  <div class="mt20 c-grey f14 text-center"> Already have an account? <a href="" class="st-link open-login" data-toggle="modal">Log In</a>
  </div>
</form>

Text Content

 * 

 * contact@shinetheme.com

 * (000) 999 - 656 -888
   Created with Sketch.
   
   RESET PASSWORD
   
   Enter the e-mail address associated with the account.
   We'll e-mail a link to reset your password.
   
   Created with Sketch.
   
   
   Back to Log In
 * Login
 * Sign Up
   
 * EUR
   * USD
   * AUD

Created with Sketch.
 * Home
 * Hotel
 * Tour
 * Activities
 * Pages
   * About Us
   * Blog
   * FAQs
   * Become Local Expert
   * 404 Page
   * Contact

 * Created with Sketch.
   
   * YOUR CART
   
     Your cart is empty
 * Become Local Expert


HI THERE!

Where would you like to go?
 * Hotel
 * Tour
 * Activity
 * Rental
 * Car Rental
 * Car Transfer

Created with Sketch.
Destination
Where are you going?
 * Argos-Mykines
 * Created with Sketch. Achladokampos
 * Created with Sketch. Alea
 * Created with Sketch. Argos
 * Created with Sketch. Koutsopodi
 * Created with Sketch. Mykines
 * Created with Sketch. Nea Kios
 * Epidavros
 * Created with Sketch. Asklipieio
 * Created with Sketch. Epidaurus
 * Ermionida
 * Created with Sketch. Ermioni
 * Created with Sketch. Kranidi

Created with Sketch.
Check In - Out
dd/mm/yyyy
-
dd/mm/yyyy
Created with Sketch.
Guests
1 Adult - 0 Child
 * Rooms
   
 * Adults
   
 * Children
   
   Close

Advance
More More option

FILTER PRICE

€10,00€350,00000

HOTEL FACILITIES

Air Conditioning
Fitness Center
Flat Tv
Heater
Internet – Wifi
Parking
Pool
Restaurant
Smoking Room
Spa & Sauna
Washer & Dryer


Search
Created with Sketch.
Destination
Where are you going?
 * Argos-Mykines
 * Created with Sketch. Achladokampos
 * Created with Sketch. Alea
 * Created with Sketch. Argos
 * Created with Sketch. Koutsopodi
 * Created with Sketch. Lerna
 * Created with Sketch. Lyrkeia
 * Ermionida
 * Created with Sketch. Kranidi
 * Nafplio
 * Created with Sketch. Asini
 * Created with Sketch. Midea

Created with Sketch.
From - To
dd/mm/yyyy
-
dd/mm/yyyy
Advance
More More option

FILTER PRICE

€89,00€1.650,00000

TOUR CATEGORIES

City trips
Ecotourism
Escorted Tour
Group Tour
Hosted tours
Ligula


Search
Created with Sketch.
Destination
Where are you going?
 * Argos-Mykines
 * Created with Sketch. Achladokampos
 * Created with Sketch. Alea
 * Created with Sketch. Argos
 * Created with Sketch. Koutsopodi
 * Created with Sketch. Lerna
 * Created with Sketch. Lyrkeia
 * Ermionida
 * Created with Sketch. Kranidi
 * Nafplio
 * Created with Sketch. Asini
 * Created with Sketch. Midea

Created with Sketch.
From - To
dd/mm/yyyy
-
dd/mm/yyyy
Advance
More More option

FILTER PRICE

€100,00€378,00000




Search
Created with Sketch.
Destination
Where are you going?
 * Argos-Mykines
 * Created with Sketch. Achladokampos
 * Created with Sketch. Alea
 * Created with Sketch. Argos
 * Created with Sketch. Koutsopodi
 * Created with Sketch. Lerna
 * Created with Sketch. Lyrkeia
 * Ermionida
 * Created with Sketch. Kranidi
 * Nafplio
 * Created with Sketch. Asini
 * Created with Sketch. Midea

Created with Sketch.
Check In - Out
dd/mm/yyyy
-
dd/mm/yyyy
Created with Sketch.
Guests
1 Adult - 0 Child
 * Adults
   
 * Children
   
   Close

Advance
More More option

FILTER PRICE

€171,00€499,00000

RENTAL TYPES




Search
Created with Sketch.
Location
Argos-Mykines
 * Argos-Mykines
 * Created with Sketch. Achladokampos
 * Created with Sketch. Alea
 * Created with Sketch. Argos
 * Created with Sketch. Koutsopodi
 * Created with Sketch. Lerna
 * Created with Sketch. Lyrkeia
 * Ermionida
 * Created with Sketch. Kranidi
 * Nafplio
 * Created with Sketch. Asini
 * Created with Sketch. Midea

Created with Sketch.
Pick Up Time
dd/mm/yyyy, 02:45 AM
Return Time
dd/mm/yyyy, 02:45 AM
Advance
More More option

FILTER PRICE

€0,00€20,00000

CAR TYPES

Convertibles
Coupes
Hatchbacks
Minivans
Sedan
SUVs
Trucks
Wagons


Search
Pick-up From
---- Select ---- Argos-Mykines Argos Achladokampos Alea Koutsopodi Lerna Lyrkeia
Mykines Nea Kios Epidavros Epidaurus Asklipieio Nafplio Nafplio Asini Midea Nea
Tiryntha Ermionida Ermioni Kranidi Hotel: Alea Hotel Hotel: Asini Resort Hotel:
Epidavros Hotel 1 Hotel: Epidavros Hotel 2 Hotel: Epidavros Hotel 3 Hotel: Hotel
Achladokampos Hotel: Hotel Argos 1 Hotel: Hotel Argos 2 Hotel: Hotel Argos 3
Hotel: Hotel Asklipieio 1 Hotel: Hotel Asklipieio 2 Hotel: Hotel Ermioni Hotel:
Hotel Koutsopodi Hotel: Hotel Kranidi Hotel: Hotel Nafplio 1 Hotel: Hotel
Nafplio 2 Hotel: Hotel Nafplio 3 Hotel: Hotel Nea Kios Hotel: Midea Resort
Hotel: Mykines Hotel ---- Select ----
Drop-off To
---- Select ---- Argos-Mykines Argos Achladokampos Alea Koutsopodi Lerna Lyrkeia
Mykines Nea Kios Epidavros Epidaurus Asklipieio Nafplio Nafplio Asini Midea Nea
Tiryntha Ermionida Ermioni Kranidi Hotel: Alea Hotel Hotel: Asini Resort Hotel:
Epidavros Hotel 1 Hotel: Epidavros Hotel 2 Hotel: Epidavros Hotel 3 Hotel: Hotel
Achladokampos Hotel: Hotel Argos 1 Hotel: Hotel Argos 2 Hotel: Hotel Argos 3
Hotel: Hotel Asklipieio 1 Hotel: Hotel Asklipieio 2 Hotel: Hotel Ermioni Hotel:
Hotel Koutsopodi Hotel: Hotel Kranidi Hotel: Hotel Nafplio 1 Hotel: Hotel
Nafplio 2 Hotel: Hotel Nafplio 3 Hotel: Hotel Nea Kios Hotel: Midea Resort
Hotel: Mykines Hotel ---- Select ----
Advance
More More option

FILTER PRICE

€130,00€990,00000

CAR TYPES

Convertibles
Coupes
Hatchbacks
Minivans
Sedan
SUVs
Trucks
Wagons


Search

HOLIDAY SALE


SPECIAL OFFERS

Find Your Perfect Hotels Get the bestprices on 20,000+ propertiesthe best prices
on

See Deals



NEWSLETTERS

Join for free and get our tailored newsletters full of hot travel deals.

Sign Up



TRAVEL TIPS

Tips from our travel experts to make your next trip even better.

Get Inspired



TOP DESTINATIONS

ALEA

1 Hotel24 Tours23 Activities

MIDEA

4 Hotels24 Tours23 Activities

KRANIDI

4 Hotels24 Tours23 Activities

ACHLADOKAMPOS

1 Hotel24 Tours23 Activities

KOUTSOPODI

1 Hotel24 Tours23 Activities

ARGOS

3 Hotels24 Tours23 Activities



TRENDING:
HOTEL
 * HOTEL
 * TOUR
 * ACTIVITY
 * CAR RENTAL

Bestseller


EPIDAVROS HOTEL 2

4.4 /5 Excellent 2 Reviews
Created with Sketch. from €244,00/night
Bestseller


HOTEL ARGOS 1

2.8 /5 Average 2 Reviews
Created with Sketch. from €10,00/night
Bestseller


HOTEL ARGOS 2

4.5 /5 Excellent 3 Reviews
Created with Sketch. from €234,00/night

HOTEL ASKLIPIEIO 2

3.4 /5 Very Good 2 Reviews
Created with Sketch. from €130,00/night

HOTEL NEA KIOS

1.3 /5 Poor 2 Reviews
Created with Sketch. from €128,00/night

HOTEL KOUTSOPODI

2.2 /5 Average 1 Review
Created with Sketch. from €130,00/night

HOTEL NAFPLIO 2

1.6 /5 Poor 1 Review
Created with Sketch. from €350,00/night
Bestseller


HOTEL NAFPLIO 1

4.7 /5 Excellent 4 Reviews
Created with Sketch. from €90,00/night
‹›

11%

Featured

Created with Sketch. Nevada, American

AMERICAN PARKS TRAIL END RAPID CITY

 * 
 * 
 * 
 * 
 * 

1 Review
8 hours
Created with Sketch. from €100,00 €89,00
11%

Featured

Created with Sketch. Nevada, American

LOS ANGELES TO SAN FRANCISCO EXPRESS

 * 
 * 
 * 
 * 
 * 

0 reviews
8 hours
Created with Sketch. from €100,00 €89,00
Featured

Created with Sketch. New York, United States

TWO HOUR WALKING TOUR OF MANHATTAN

 * 
 * 
 * 
 * 
 * 

2 Reviews
10 hours
Created with Sketch. from €200,00
Featured

Created with Sketch. New York, United States

ROCKIES, YELLOWSTONE & MT RUSHMORE

 * 
 * 
 * 
 * 
 * 

0 reviews
10 hours
Created with Sketch. from €200,00
Featured

Created with Sketch. California, USA

NORTHERN CALIFORNIA SUMMER 2019

 * 
 * 
 * 
 * 
 * 

4 Reviews
5 days
Created with Sketch. from €150,00
Featured

Created with Sketch. New York, USA

NEW YORK: MUSEUM OF MODERN ART

 * 
 * 
 * 
 * 
 * 

2 Reviews
Full day
Created with Sketch. from €150,00

Created with Sketch. Washington, DC, USA

VEGAS TO LA: GRAND NATIONAL PARKS

 * 
 * 
 * 
 * 
 * 

1 Review
5-6 hours
Created with Sketch. from €170,00

Created with Sketch. Chicago, IL, USA

WESTERN EXPRESS NORTHBOUND

 * 
 * 
 * 
 * 
 * 

8 Reviews
4 days
Created with Sketch. from €100,00
‹›

10%



Created with Sketch. California, USA

WOODBURY COMMONS OUTLET MALL SHOPPING TOUR

 * 
 * 
 * 
 * 
 * 

3 Reviews
Created with Sketch. from €225,00 €202,50

Created with Sketch. New York, NY, USA

TREASURE OF THE NATION ESCAPE GAME IN IRVINE

 * 
 * 
 * 
 * 
 * 

4 Reviews
Created with Sketch. from €111,00

Created with Sketch. Miami, USA

VOICES ESCAPE ROOM GAME IN LANCASTER

 * 
 * 
 * 
 * 
 * 

3 Reviews
Created with Sketch. from €265,00

Created with Sketch. Virginia, USA

HALF-DAY OUTDOOR ROCK CLIMBING SESSION

 * 
 * 
 * 
 * 
 * 

4 Reviews
Created with Sketch. from €137,00

Created with Sketch. New York, NY, USA

MANGROVE TUNNEL KAYAK ECO TOUR

 * 
 * 
 * 
 * 
 * 

4 Reviews
Created with Sketch. from €325,00
Featured

Created with Sketch. New York, NY, USA

NATIONAL PARKS TOUR ONE DAYS

 * 
 * 
 * 
 * 
 * 

0 Reviews
Created with Sketch. from €134,00

Created with Sketch. Wilmington, USA

GREENBAR DISTILLERY TOUR & TASTING IN LOS ANGELES

 * 
 * 
 * 
 * 
 * 

4 Reviews
Created with Sketch. from €167,00
Featured

Created with Sketch. New York, NY, USA

DOWNTOWN LOS ANGELES FOOD TOUR

 * 
 * 
 * 
 * 
 * 

4 Reviews
Created with Sketch. from €210,00
‹›

Created with Sketch.

Featured
Convertibles

MITSUBISHI OUTLANDER

Created with Sketch. 4
Created with Sketch. Auto
Created with Sketch. 4
Created with Sketch. 4
Created with Sketch. €10,00 /day
Created with Sketch.

Featured
Convertibles

TOYOTA PRIUS PLUS

Created with Sketch. 4
Created with Sketch. Auto
Created with Sketch. 4
Created with Sketch. 4
Created with Sketch. €10,00 /day
Created with Sketch.

Featured
Convertibles

LAND ROVER EVOQUE

Created with Sketch. 4
Created with Sketch. Auto
Created with Sketch. 4
Created with Sketch. 4
Created with Sketch. €7,00 /day
Created with Sketch.

Featured
Convertibles

MASERATI GRANTURISMO

Created with Sketch. 4
Created with Sketch. Auto
Created with Sketch. 4
Created with Sketch. 4
Created with Sketch. €10,00 /day
Created with Sketch.


Convertibles

LAMBORGHINI

Created with Sketch. 4
Created with Sketch. Auto
Created with Sketch. 4
Created with Sketch. 4
Created with Sketch. €7,00 /day
Created with Sketch.


Convertibles

2019 HONDA CLARITY

Created with Sketch. 4
Created with Sketch. Auto
Created with Sketch. 4
Created with Sketch. 4
Created with Sketch. €12,00 /day
Created with Sketch.


Convertibles

MANSORY AVENTADOR

Created with Sketch. 4
Created with Sketch. Auto
Created with Sketch. 4
Created with Sketch. 4
Created with Sketch. €5,00 /day
Created with Sketch.


Convertibles

MERCEDES BENZ G

Created with Sketch. 4
Created with Sketch. Auto
Created with Sketch. 2
Created with Sketch. 3
Created with Sketch. €12,00 /day
‹›



GET UPDATES & MORE

Thoughtful thoughts to your inbox



NEED HELP?



Call Us

+ 00 222 44 5678

Email for Us

HELLO@YOURSITE.COM

Follow Us




COMPANY


 * About Us
 * Community Blog
 * Rewards
 * Work with Us
 * Meet the Team

SUPPORT


 * Account
 * Legal
 * Contact
 * Affiliate Program
 * Privacy Policy

SETTING


Currencies USD EUR AUD EUR

Copyright © 2021 by Nafplio BNB

Created with Sketch.

LOG IN

Created with Sketch.
Created with Sketch.


Remember me
Forgot Password?

or continue with

Created with Sketch. Facebook
Created with Sketch. Google
Created with Sketch. Twitter
Do not have an account? Sign Up
Created with Sketch.

SIGN UP

Created with Sketch.
Created with Sketch.
Created with Sketch.
Created with Sketch.
I have read and accept the Terms and Privacy Policy



or continue with

Created with Sketch. Facebook
Created with Sketch. Google
Created with Sketch. Twitter
Already have an account? Log In
CancelApply
CancelApply
CancelApply
CancelApply
CancelApply