www.zakra.cz Open in urlscan Pro
2606:4700:3033::6815:1819  Public Scan

Submitted URL: http://zakra.cz/
Effective URL: https://www.zakra.cz/
Submission: On October 29 via api from US — Scanned from DE

Form analysis 5 forms found in the DOM

POST https://www.zakra.cz/!/forms/contact_all_inputs

<form method="POST" action="https://www.zakra.cz/!/forms/contact_all_inputs" class="consultation-form__wrapper" x-data="asyncForm()"><input type="hidden" name="_token" value="AaxxbRUa5TwY528AavdRbWXi1tkrwgkviXk5MfEW">
  <div class="consultation-form__inputs-wrapper consultation-form__inputs-wrapper--two-columns" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__inputs-wrapper--hide'">
    <h2>Nezávazná konzultace zdarma</h2>
    <p>Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme. Úvodní konzultace je zdarma a nezávazná.</p>
    <div class="consultation-form__inputs">
      <div class="text-input">
        <input type="text" id="name-" name="name" placeholder="Jméno" required="">
        <label for="name-">Jméno</label>
      </div>
      <div class="text-input">
        <input type="tel" minlength="6" maxlength="16" id="phone-" name="phone" placeholder="Telefon" required="">
        <label for="phone-">Telefon</label>
      </div>
      <div class="text-input">
        <input type="email" id="email-" name="email" placeholder="E-mail" required="">
        <label for="email-">E-mail</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Vyberete službu</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="257-" x-model="select" name="service_id" value="25">
                <label for="257-"> Čištění odpadních vod </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="267-" x-model="select" name="service_id" value="26">
                <label for="267-"> Likvidace dešťových vod </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="277-" x-model="select" name="service_id" value="27">
                <label for="277-"> Studna </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="287-" x-model="select" name="service_id" value="28">
                <label for="287-"> Jiné </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="service_id-">Typ služby</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Lokalita</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 1 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="19-" x-model="select" name="district_id" value="1">
                <label for="19-"> Benešov </label>
              </li>
              <li class="select__options__option" :class="select == 2 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="29-" x-model="select" name="district_id" value="2">
                <label for="29-"> Beroun </label>
              </li>
              <li class="select__options__option" :class="select == 3 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="39-" x-model="select" name="district_id" value="3">
                <label for="39-"> Blansko </label>
              </li>
              <li class="select__options__option" :class="select == 4 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="49-" x-model="select" name="district_id" value="4">
                <label for="49-"> Brno-město </label>
              </li>
              <li class="select__options__option" :class="select == 5 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="59-" x-model="select" name="district_id" value="5">
                <label for="59-"> Brno-venkov </label>
              </li>
              <li class="select__options__option" :class="select == 6 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="69-" x-model="select" name="district_id" value="6">
                <label for="69-"> Bruntál </label>
              </li>
              <li class="select__options__option" :class="select == 7 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="79-" x-model="select" name="district_id" value="7">
                <label for="79-"> Břeclav </label>
              </li>
              <li class="select__options__option" :class="select == 8 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="89-" x-model="select" name="district_id" value="8">
                <label for="89-"> Česká Lípa </label>
              </li>
              <li class="select__options__option" :class="select == 9 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="99-" x-model="select" name="district_id" value="9">
                <label for="99-"> České Budějovice </label>
              </li>
              <li class="select__options__option" :class="select == 10 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="109-" x-model="select" name="district_id" value="10">
                <label for="109-"> Český Krumlov </label>
              </li>
              <li class="select__options__option" :class="select == 11 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="119-" x-model="select" name="district_id" value="11">
                <label for="119-"> Děčín </label>
              </li>
              <li class="select__options__option" :class="select == 12 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="129-" x-model="select" name="district_id" value="12">
                <label for="129-"> Domažlice </label>
              </li>
              <li class="select__options__option" :class="select == 13 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="139-" x-model="select" name="district_id" value="13">
                <label for="139-"> Frýdek-Místek </label>
              </li>
              <li class="select__options__option" :class="select == 14 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="149-" x-model="select" name="district_id" value="14">
                <label for="149-"> Havlíčkův Brod </label>
              </li>
              <li class="select__options__option" :class="select == 77 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="779-" x-model="select" name="district_id" value="77">
                <label for="779-"> Hlavní město Praha </label>
              </li>
              <li class="select__options__option" :class="select == 15 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="159-" x-model="select" name="district_id" value="15">
                <label for="159-"> Hodonín </label>
              </li>
              <li class="select__options__option" :class="select == 16 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="169-" x-model="select" name="district_id" value="16">
                <label for="169-"> Hradec Králové </label>
              </li>
              <li class="select__options__option" :class="select == 17 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="179-" x-model="select" name="district_id" value="17">
                <label for="179-"> Cheb </label>
              </li>
              <li class="select__options__option" :class="select == 18 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="189-" x-model="select" name="district_id" value="18">
                <label for="189-"> Chomutov </label>
              </li>
              <li class="select__options__option" :class="select == 19 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="199-" x-model="select" name="district_id" value="19">
                <label for="199-"> Chrudim </label>
              </li>
              <li class="select__options__option" :class="select == 20 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="209-" x-model="select" name="district_id" value="20">
                <label for="209-"> Jablonec nad Nisou </label>
              </li>
              <li class="select__options__option" :class="select == 21 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="219-" x-model="select" name="district_id" value="21">
                <label for="219-"> Jeseník </label>
              </li>
              <li class="select__options__option" :class="select == 22 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="229-" x-model="select" name="district_id" value="22">
                <label for="229-"> Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 23 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="239-" x-model="select" name="district_id" value="23">
                <label for="239-"> Jihlava </label>
              </li>
              <li class="select__options__option" :class="select == 24 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="249-" x-model="select" name="district_id" value="24">
                <label for="249-"> Jindřichův Hradec </label>
              </li>
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="259-" x-model="select" name="district_id" value="25">
                <label for="259-"> Karlovy Vary </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="269-" x-model="select" name="district_id" value="26">
                <label for="269-"> Karviná </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="279-" x-model="select" name="district_id" value="27">
                <label for="279-"> Kladno </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="289-" x-model="select" name="district_id" value="28">
                <label for="289-"> Klatovy </label>
              </li>
              <li class="select__options__option" :class="select == 29 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="299-" x-model="select" name="district_id" value="29">
                <label for="299-"> Kolín </label>
              </li>
              <li class="select__options__option" :class="select == 30 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="309-" x-model="select" name="district_id" value="30">
                <label for="309-"> Kroměříž </label>
              </li>
              <li class="select__options__option" :class="select == 31 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="319-" x-model="select" name="district_id" value="31">
                <label for="319-"> Kutná Hora </label>
              </li>
              <li class="select__options__option" :class="select == 32 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="329-" x-model="select" name="district_id" value="32">
                <label for="329-"> Liberec </label>
              </li>
              <li class="select__options__option" :class="select == 33 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="339-" x-model="select" name="district_id" value="33">
                <label for="339-"> Litoměřice </label>
              </li>
              <li class="select__options__option" :class="select == 34 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="349-" x-model="select" name="district_id" value="34">
                <label for="349-"> Louny </label>
              </li>
              <li class="select__options__option" :class="select == 35 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="359-" x-model="select" name="district_id" value="35">
                <label for="359-"> Mělník </label>
              </li>
              <li class="select__options__option" :class="select == 36 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="369-" x-model="select" name="district_id" value="36">
                <label for="369-"> Mladá Boleslav </label>
              </li>
              <li class="select__options__option" :class="select == 37 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="379-" x-model="select" name="district_id" value="37">
                <label for="379-"> Most </label>
              </li>
              <li class="select__options__option" :class="select == 38 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="389-" x-model="select" name="district_id" value="38">
                <label for="389-"> Náchod </label>
              </li>
              <li class="select__options__option" :class="select == 39 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="399-" x-model="select" name="district_id" value="39">
                <label for="399-"> Nový Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 40 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="409-" x-model="select" name="district_id" value="40">
                <label for="409-"> Nymburk </label>
              </li>
              <li class="select__options__option" :class="select == 41 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="419-" x-model="select" name="district_id" value="41">
                <label for="419-"> Olomouc </label>
              </li>
              <li class="select__options__option" :class="select == 42 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="429-" x-model="select" name="district_id" value="42">
                <label for="429-"> Opava </label>
              </li>
              <li class="select__options__option" :class="select == 43 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="439-" x-model="select" name="district_id" value="43">
                <label for="439-"> Ostrava-město </label>
              </li>
              <li class="select__options__option" :class="select == 44 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="449-" x-model="select" name="district_id" value="44">
                <label for="449-"> Pardubice </label>
              </li>
              <li class="select__options__option" :class="select == 45 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="459-" x-model="select" name="district_id" value="45">
                <label for="459-"> Pelhřimov </label>
              </li>
              <li class="select__options__option" :class="select == 46 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="469-" x-model="select" name="district_id" value="46">
                <label for="469-"> Písek </label>
              </li>
              <li class="select__options__option" :class="select == 47 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="479-" x-model="select" name="district_id" value="47">
                <label for="479-"> Plzeň-jih </label>
              </li>
              <li class="select__options__option" :class="select == 48 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="489-" x-model="select" name="district_id" value="48">
                <label for="489-"> Plzeň-město </label>
              </li>
              <li class="select__options__option" :class="select == 49 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="499-" x-model="select" name="district_id" value="49">
                <label for="499-"> Plzeň-sever </label>
              </li>
              <li class="select__options__option" :class="select == 50 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="509-" x-model="select" name="district_id" value="50">
                <label for="509-"> Praha-východ </label>
              </li>
              <li class="select__options__option" :class="select == 51 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="519-" x-model="select" name="district_id" value="51">
                <label for="519-"> Praha-západ </label>
              </li>
              <li class="select__options__option" :class="select == 52 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="529-" x-model="select" name="district_id" value="52">
                <label for="529-"> Prachatice </label>
              </li>
              <li class="select__options__option" :class="select == 53 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="539-" x-model="select" name="district_id" value="53">
                <label for="539-"> Prostějov </label>
              </li>
              <li class="select__options__option" :class="select == 54 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="549-" x-model="select" name="district_id" value="54">
                <label for="549-"> Přerov </label>
              </li>
              <li class="select__options__option" :class="select == 55 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="559-" x-model="select" name="district_id" value="55">
                <label for="559-"> Příbram </label>
              </li>
              <li class="select__options__option" :class="select == 56 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="569-" x-model="select" name="district_id" value="56">
                <label for="569-"> Rakovník </label>
              </li>
              <li class="select__options__option" :class="select == 57 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="579-" x-model="select" name="district_id" value="57">
                <label for="579-"> Rokycany </label>
              </li>
              <li class="select__options__option" :class="select == 58 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="589-" x-model="select" name="district_id" value="58">
                <label for="589-"> Rychnov nad Kněžnou </label>
              </li>
              <li class="select__options__option" :class="select == 59 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="599-" x-model="select" name="district_id" value="59">
                <label for="599-"> Semily </label>
              </li>
              <li class="select__options__option" :class="select == 60 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="609-" x-model="select" name="district_id" value="60">
                <label for="609-"> Sokolov </label>
              </li>
              <li class="select__options__option" :class="select == 61 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="619-" x-model="select" name="district_id" value="61">
                <label for="619-"> Strakonice </label>
              </li>
              <li class="select__options__option" :class="select == 62 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="629-" x-model="select" name="district_id" value="62">
                <label for="629-"> Svitavy </label>
              </li>
              <li class="select__options__option" :class="select == 63 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="639-" x-model="select" name="district_id" value="63">
                <label for="639-"> Šumperk </label>
              </li>
              <li class="select__options__option" :class="select == 64 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="649-" x-model="select" name="district_id" value="64">
                <label for="649-"> Tábor </label>
              </li>
              <li class="select__options__option" :class="select == 65 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="659-" x-model="select" name="district_id" value="65">
                <label for="659-"> Tachov </label>
              </li>
              <li class="select__options__option" :class="select == 66 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="669-" x-model="select" name="district_id" value="66">
                <label for="669-"> Teplice </label>
              </li>
              <li class="select__options__option" :class="select == 67 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="679-" x-model="select" name="district_id" value="67">
                <label for="679-"> Trutnov </label>
              </li>
              <li class="select__options__option" :class="select == 68 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="689-" x-model="select" name="district_id" value="68">
                <label for="689-"> Třebíč </label>
              </li>
              <li class="select__options__option" :class="select == 69 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="699-" x-model="select" name="district_id" value="69">
                <label for="699-"> Uherské Hradiště </label>
              </li>
              <li class="select__options__option" :class="select == 70 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="709-" x-model="select" name="district_id" value="70">
                <label for="709-"> Ústí nad Labem </label>
              </li>
              <li class="select__options__option" :class="select == 71 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="719-" x-model="select" name="district_id" value="71">
                <label for="719-"> Ústí nad Orlicí </label>
              </li>
              <li class="select__options__option" :class="select == 72 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="729-" x-model="select" name="district_id" value="72">
                <label for="729-"> Vsetín </label>
              </li>
              <li class="select__options__option" :class="select == 73 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="739-" x-model="select" name="district_id" value="73">
                <label for="739-"> Vyškov </label>
              </li>
              <li class="select__options__option" :class="select == 74 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="749-" x-model="select" name="district_id" value="74">
                <label for="749-"> Zlín </label>
              </li>
              <li class="select__options__option" :class="select == 75 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="759-" x-model="select" name="district_id" value="75">
                <label for="759-"> Znojmo </label>
              </li>
              <li class="select__options__option" :class="select == 76 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="769-" x-model="select" name="district_id" value="76">
                <label for="769-"> Žďár nad Sázavou </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="district_id-">Místo projektu</label>
      </div>
      <div class="text-input">
        <textarea id="note-" name="note" placeholder="Vaše zpráva" required=""></textarea>
        <label for="note-">Vaše zpráva</label>
      </div>
    </div>
    <div class="consultation-form__submit-row">
      <div class="consultation-form__agreement">
        <label class="checkbox-label" for="gdpr-"> Souhlasím se <a target="_blank" href="/souhlas-se-zpracovanim-osobnich-udaju">zpracováním osobních údajů</a>
          <input type="checkbox" id="gdpr-" required="">
          <span class="checkmark"></span>
        </label>
      </div>
      <div class="consultation-form__submit-row__send">
        <button class="btn btn--blue" @click.prevent="!sending ? send() : ''" x-show="!sent &amp;&amp; !sending">Odeslat</button>
        <span x-show="sending" class="text-input__sent btn btn--blue btn--blue--disabled" style="display: none;">Odesílám...</span>
        <span x-show="sent &amp;&amp; !failed" class="text-input__sent" style="display: none;">Odesláno</span>
        <span x-show="sent &amp;&amp; failed" class="text-input__sent text-input__sent--error" style="display: none;"> Chyba </span>
      </div>
    </div>
    <input type="hidden" name="submitted_from" value="https://www.zakra.cz">
  </div>
  <div class="consultation-form__success" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__success--show'">
    <i class="fa-solid fa-circle-check" aria-hidden="true"></i>
    <h2 class="contact-form__form__success__title">Formulář úspešně odeslán</h2>
    <a href="#" @click.prevent="sent = false" class="btn btn--blue">Vyplnit znovu</a>
  </div>
  <input type="text" name="honeypot_zakra" style="display: none;">
  <input type="hidden" name="subject" value="Úvod" style="display: none;">
</form>

POST https://www.zakra.cz/!/forms/contact_all_inputs

<form method="POST" action="https://www.zakra.cz/!/forms/contact_all_inputs" class="consultation-form__wrapper" x-data="asyncForm()"><input type="hidden" name="_token" value="AaxxbRUa5TwY528AavdRbWXi1tkrwgkviXk5MfEW">
  <div class="consultation-form__inputs-wrapper consultation-form__inputs-wrapper--two-columns" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__inputs-wrapper--hide'">
    <h2>Nezávazná konzultace zdarma</h2>
    <p>Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme. Úvodní konzultace je zdarma a nezávazná.</p>
    <div class="consultation-form__inputs">
      <div class="text-input">
        <input type="text" id="name-1" name="name" placeholder="Jméno" required="">
        <label for="name-1">Jméno</label>
      </div>
      <div class="text-input">
        <input type="tel" minlength="6" maxlength="16" id="phone-1" name="phone" placeholder="Telefon" required="">
        <label for="phone-1">Telefon</label>
      </div>
      <div class="text-input">
        <input type="email" id="email-1" name="email" placeholder="E-mail" required="">
        <label for="email-1">E-mail</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Vyberete službu</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="257-1" x-model="select" name="service_id" value="25">
                <label for="257-1"> Čištění odpadních vod </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="267-1" x-model="select" name="service_id" value="26">
                <label for="267-1"> Likvidace dešťových vod </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="277-1" x-model="select" name="service_id" value="27">
                <label for="277-1"> Studna </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="287-1" x-model="select" name="service_id" value="28">
                <label for="287-1"> Jiné </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="service_id-1">Typ služby</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Lokalita</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 1 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="19-1" x-model="select" name="district_id" value="1">
                <label for="19-1"> Benešov </label>
              </li>
              <li class="select__options__option" :class="select == 2 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="29-1" x-model="select" name="district_id" value="2">
                <label for="29-1"> Beroun </label>
              </li>
              <li class="select__options__option" :class="select == 3 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="39-1" x-model="select" name="district_id" value="3">
                <label for="39-1"> Blansko </label>
              </li>
              <li class="select__options__option" :class="select == 4 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="49-1" x-model="select" name="district_id" value="4">
                <label for="49-1"> Brno-město </label>
              </li>
              <li class="select__options__option" :class="select == 5 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="59-1" x-model="select" name="district_id" value="5">
                <label for="59-1"> Brno-venkov </label>
              </li>
              <li class="select__options__option" :class="select == 6 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="69-1" x-model="select" name="district_id" value="6">
                <label for="69-1"> Bruntál </label>
              </li>
              <li class="select__options__option" :class="select == 7 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="79-1" x-model="select" name="district_id" value="7">
                <label for="79-1"> Břeclav </label>
              </li>
              <li class="select__options__option" :class="select == 8 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="89-1" x-model="select" name="district_id" value="8">
                <label for="89-1"> Česká Lípa </label>
              </li>
              <li class="select__options__option" :class="select == 9 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="99-1" x-model="select" name="district_id" value="9">
                <label for="99-1"> České Budějovice </label>
              </li>
              <li class="select__options__option" :class="select == 10 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="109-1" x-model="select" name="district_id" value="10">
                <label for="109-1"> Český Krumlov </label>
              </li>
              <li class="select__options__option" :class="select == 11 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="119-1" x-model="select" name="district_id" value="11">
                <label for="119-1"> Děčín </label>
              </li>
              <li class="select__options__option" :class="select == 12 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="129-1" x-model="select" name="district_id" value="12">
                <label for="129-1"> Domažlice </label>
              </li>
              <li class="select__options__option" :class="select == 13 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="139-1" x-model="select" name="district_id" value="13">
                <label for="139-1"> Frýdek-Místek </label>
              </li>
              <li class="select__options__option" :class="select == 14 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="149-1" x-model="select" name="district_id" value="14">
                <label for="149-1"> Havlíčkův Brod </label>
              </li>
              <li class="select__options__option" :class="select == 77 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="779-1" x-model="select" name="district_id" value="77">
                <label for="779-1"> Hlavní město Praha </label>
              </li>
              <li class="select__options__option" :class="select == 15 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="159-1" x-model="select" name="district_id" value="15">
                <label for="159-1"> Hodonín </label>
              </li>
              <li class="select__options__option" :class="select == 16 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="169-1" x-model="select" name="district_id" value="16">
                <label for="169-1"> Hradec Králové </label>
              </li>
              <li class="select__options__option" :class="select == 17 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="179-1" x-model="select" name="district_id" value="17">
                <label for="179-1"> Cheb </label>
              </li>
              <li class="select__options__option" :class="select == 18 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="189-1" x-model="select" name="district_id" value="18">
                <label for="189-1"> Chomutov </label>
              </li>
              <li class="select__options__option" :class="select == 19 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="199-1" x-model="select" name="district_id" value="19">
                <label for="199-1"> Chrudim </label>
              </li>
              <li class="select__options__option" :class="select == 20 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="209-1" x-model="select" name="district_id" value="20">
                <label for="209-1"> Jablonec nad Nisou </label>
              </li>
              <li class="select__options__option" :class="select == 21 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="219-1" x-model="select" name="district_id" value="21">
                <label for="219-1"> Jeseník </label>
              </li>
              <li class="select__options__option" :class="select == 22 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="229-1" x-model="select" name="district_id" value="22">
                <label for="229-1"> Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 23 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="239-1" x-model="select" name="district_id" value="23">
                <label for="239-1"> Jihlava </label>
              </li>
              <li class="select__options__option" :class="select == 24 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="249-1" x-model="select" name="district_id" value="24">
                <label for="249-1"> Jindřichův Hradec </label>
              </li>
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="259-1" x-model="select" name="district_id" value="25">
                <label for="259-1"> Karlovy Vary </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="269-1" x-model="select" name="district_id" value="26">
                <label for="269-1"> Karviná </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="279-1" x-model="select" name="district_id" value="27">
                <label for="279-1"> Kladno </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="289-1" x-model="select" name="district_id" value="28">
                <label for="289-1"> Klatovy </label>
              </li>
              <li class="select__options__option" :class="select == 29 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="299-1" x-model="select" name="district_id" value="29">
                <label for="299-1"> Kolín </label>
              </li>
              <li class="select__options__option" :class="select == 30 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="309-1" x-model="select" name="district_id" value="30">
                <label for="309-1"> Kroměříž </label>
              </li>
              <li class="select__options__option" :class="select == 31 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="319-1" x-model="select" name="district_id" value="31">
                <label for="319-1"> Kutná Hora </label>
              </li>
              <li class="select__options__option" :class="select == 32 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="329-1" x-model="select" name="district_id" value="32">
                <label for="329-1"> Liberec </label>
              </li>
              <li class="select__options__option" :class="select == 33 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="339-1" x-model="select" name="district_id" value="33">
                <label for="339-1"> Litoměřice </label>
              </li>
              <li class="select__options__option" :class="select == 34 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="349-1" x-model="select" name="district_id" value="34">
                <label for="349-1"> Louny </label>
              </li>
              <li class="select__options__option" :class="select == 35 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="359-1" x-model="select" name="district_id" value="35">
                <label for="359-1"> Mělník </label>
              </li>
              <li class="select__options__option" :class="select == 36 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="369-1" x-model="select" name="district_id" value="36">
                <label for="369-1"> Mladá Boleslav </label>
              </li>
              <li class="select__options__option" :class="select == 37 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="379-1" x-model="select" name="district_id" value="37">
                <label for="379-1"> Most </label>
              </li>
              <li class="select__options__option" :class="select == 38 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="389-1" x-model="select" name="district_id" value="38">
                <label for="389-1"> Náchod </label>
              </li>
              <li class="select__options__option" :class="select == 39 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="399-1" x-model="select" name="district_id" value="39">
                <label for="399-1"> Nový Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 40 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="409-1" x-model="select" name="district_id" value="40">
                <label for="409-1"> Nymburk </label>
              </li>
              <li class="select__options__option" :class="select == 41 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="419-1" x-model="select" name="district_id" value="41">
                <label for="419-1"> Olomouc </label>
              </li>
              <li class="select__options__option" :class="select == 42 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="429-1" x-model="select" name="district_id" value="42">
                <label for="429-1"> Opava </label>
              </li>
              <li class="select__options__option" :class="select == 43 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="439-1" x-model="select" name="district_id" value="43">
                <label for="439-1"> Ostrava-město </label>
              </li>
              <li class="select__options__option" :class="select == 44 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="449-1" x-model="select" name="district_id" value="44">
                <label for="449-1"> Pardubice </label>
              </li>
              <li class="select__options__option" :class="select == 45 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="459-1" x-model="select" name="district_id" value="45">
                <label for="459-1"> Pelhřimov </label>
              </li>
              <li class="select__options__option" :class="select == 46 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="469-1" x-model="select" name="district_id" value="46">
                <label for="469-1"> Písek </label>
              </li>
              <li class="select__options__option" :class="select == 47 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="479-1" x-model="select" name="district_id" value="47">
                <label for="479-1"> Plzeň-jih </label>
              </li>
              <li class="select__options__option" :class="select == 48 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="489-1" x-model="select" name="district_id" value="48">
                <label for="489-1"> Plzeň-město </label>
              </li>
              <li class="select__options__option" :class="select == 49 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="499-1" x-model="select" name="district_id" value="49">
                <label for="499-1"> Plzeň-sever </label>
              </li>
              <li class="select__options__option" :class="select == 50 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="509-1" x-model="select" name="district_id" value="50">
                <label for="509-1"> Praha-východ </label>
              </li>
              <li class="select__options__option" :class="select == 51 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="519-1" x-model="select" name="district_id" value="51">
                <label for="519-1"> Praha-západ </label>
              </li>
              <li class="select__options__option" :class="select == 52 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="529-1" x-model="select" name="district_id" value="52">
                <label for="529-1"> Prachatice </label>
              </li>
              <li class="select__options__option" :class="select == 53 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="539-1" x-model="select" name="district_id" value="53">
                <label for="539-1"> Prostějov </label>
              </li>
              <li class="select__options__option" :class="select == 54 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="549-1" x-model="select" name="district_id" value="54">
                <label for="549-1"> Přerov </label>
              </li>
              <li class="select__options__option" :class="select == 55 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="559-1" x-model="select" name="district_id" value="55">
                <label for="559-1"> Příbram </label>
              </li>
              <li class="select__options__option" :class="select == 56 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="569-1" x-model="select" name="district_id" value="56">
                <label for="569-1"> Rakovník </label>
              </li>
              <li class="select__options__option" :class="select == 57 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="579-1" x-model="select" name="district_id" value="57">
                <label for="579-1"> Rokycany </label>
              </li>
              <li class="select__options__option" :class="select == 58 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="589-1" x-model="select" name="district_id" value="58">
                <label for="589-1"> Rychnov nad Kněžnou </label>
              </li>
              <li class="select__options__option" :class="select == 59 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="599-1" x-model="select" name="district_id" value="59">
                <label for="599-1"> Semily </label>
              </li>
              <li class="select__options__option" :class="select == 60 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="609-1" x-model="select" name="district_id" value="60">
                <label for="609-1"> Sokolov </label>
              </li>
              <li class="select__options__option" :class="select == 61 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="619-1" x-model="select" name="district_id" value="61">
                <label for="619-1"> Strakonice </label>
              </li>
              <li class="select__options__option" :class="select == 62 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="629-1" x-model="select" name="district_id" value="62">
                <label for="629-1"> Svitavy </label>
              </li>
              <li class="select__options__option" :class="select == 63 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="639-1" x-model="select" name="district_id" value="63">
                <label for="639-1"> Šumperk </label>
              </li>
              <li class="select__options__option" :class="select == 64 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="649-1" x-model="select" name="district_id" value="64">
                <label for="649-1"> Tábor </label>
              </li>
              <li class="select__options__option" :class="select == 65 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="659-1" x-model="select" name="district_id" value="65">
                <label for="659-1"> Tachov </label>
              </li>
              <li class="select__options__option" :class="select == 66 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="669-1" x-model="select" name="district_id" value="66">
                <label for="669-1"> Teplice </label>
              </li>
              <li class="select__options__option" :class="select == 67 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="679-1" x-model="select" name="district_id" value="67">
                <label for="679-1"> Trutnov </label>
              </li>
              <li class="select__options__option" :class="select == 68 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="689-1" x-model="select" name="district_id" value="68">
                <label for="689-1"> Třebíč </label>
              </li>
              <li class="select__options__option" :class="select == 69 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="699-1" x-model="select" name="district_id" value="69">
                <label for="699-1"> Uherské Hradiště </label>
              </li>
              <li class="select__options__option" :class="select == 70 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="709-1" x-model="select" name="district_id" value="70">
                <label for="709-1"> Ústí nad Labem </label>
              </li>
              <li class="select__options__option" :class="select == 71 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="719-1" x-model="select" name="district_id" value="71">
                <label for="719-1"> Ústí nad Orlicí </label>
              </li>
              <li class="select__options__option" :class="select == 72 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="729-1" x-model="select" name="district_id" value="72">
                <label for="729-1"> Vsetín </label>
              </li>
              <li class="select__options__option" :class="select == 73 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="739-1" x-model="select" name="district_id" value="73">
                <label for="739-1"> Vyškov </label>
              </li>
              <li class="select__options__option" :class="select == 74 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="749-1" x-model="select" name="district_id" value="74">
                <label for="749-1"> Zlín </label>
              </li>
              <li class="select__options__option" :class="select == 75 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="759-1" x-model="select" name="district_id" value="75">
                <label for="759-1"> Znojmo </label>
              </li>
              <li class="select__options__option" :class="select == 76 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="769-1" x-model="select" name="district_id" value="76">
                <label for="769-1"> Žďár nad Sázavou </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="district_id-1">Místo projektu</label>
      </div>
      <div class="text-input">
        <textarea id="note-1" name="note" placeholder="Vaše zpráva" required=""></textarea>
        <label for="note-1">Vaše zpráva</label>
      </div>
    </div>
    <div class="consultation-form__submit-row">
      <div class="consultation-form__agreement">
        <label class="checkbox-label" for="gdpr-2"> Souhlasím se <a target="_blank" href="/souhlas-se-zpracovanim-osobnich-udaju">zpracováním osobních údajů</a>
          <input type="checkbox" id="gdpr-2" required="">
          <span class="checkmark"></span>
        </label>
      </div>
      <div class="consultation-form__submit-row__send">
        <button class="btn btn--blue" @click.prevent="!sending ? send() : ''" x-show="!sent &amp;&amp; !sending">Odeslat</button>
        <span x-show="sending" class="text-input__sent btn btn--blue btn--blue--disabled" style="display: none;">Odesílám...</span>
        <span x-show="sent &amp;&amp; !failed" class="text-input__sent" style="display: none;">Odesláno</span>
        <span x-show="sent &amp;&amp; failed" class="text-input__sent text-input__sent--error" style="display: none;"> Chyba </span>
      </div>
    </div>
    <input type="hidden" name="submitted_from" value="https://www.zakra.cz">
  </div>
  <div class="consultation-form__success" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__success--show'">
    <i class="fa-solid fa-circle-check" aria-hidden="true"></i>
    <h2 class="contact-form__form__success__title">Formulář úspešně odeslán</h2>
    <a href="#" @click.prevent="sent = false" class="btn btn--blue">Vyplnit znovu</a>
  </div>
  <input type="text" name="honeypot_zakra" style="display: none;">
  <input type="hidden" name="subject" value="Úvod" style="display: none;">
</form>

POST https://www.zakra.cz/!/forms/contact_all_inputs

<form method="POST" action="https://www.zakra.cz/!/forms/contact_all_inputs" class="consultation-form__wrapper" x-data="asyncForm()"><input type="hidden" name="_token" value="AaxxbRUa5TwY528AavdRbWXi1tkrwgkviXk5MfEW">
  <div class="consultation-form__inputs-wrapper consultation-form__inputs-wrapper--two-columns" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__inputs-wrapper--hide'">
    <h2>Nezávazná konzultace zdarma</h2>
    <p>Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme. Úvodní konzultace je zdarma a nezávazná.</p>
    <div class="consultation-form__inputs">
      <div class="text-input">
        <input type="text" id="name-2" name="name" placeholder="Jméno" required="">
        <label for="name-2">Jméno</label>
      </div>
      <div class="text-input">
        <input type="tel" minlength="6" maxlength="16" id="phone-2" name="phone" placeholder="Telefon" required="">
        <label for="phone-2">Telefon</label>
      </div>
      <div class="text-input">
        <input type="email" id="email-2" name="email" placeholder="E-mail" required="">
        <label for="email-2">E-mail</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Vyberete službu</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="257-2" x-model="select" name="service_id" value="25">
                <label for="257-2"> Čištění odpadních vod </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="267-2" x-model="select" name="service_id" value="26">
                <label for="267-2"> Likvidace dešťových vod </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="277-2" x-model="select" name="service_id" value="27">
                <label for="277-2"> Studna </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="287-2" x-model="select" name="service_id" value="28">
                <label for="287-2"> Jiné </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="service_id-2">Typ služby</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Lokalita</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 1 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="19-2" x-model="select" name="district_id" value="1">
                <label for="19-2"> Benešov </label>
              </li>
              <li class="select__options__option" :class="select == 2 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="29-2" x-model="select" name="district_id" value="2">
                <label for="29-2"> Beroun </label>
              </li>
              <li class="select__options__option" :class="select == 3 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="39-2" x-model="select" name="district_id" value="3">
                <label for="39-2"> Blansko </label>
              </li>
              <li class="select__options__option" :class="select == 4 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="49-2" x-model="select" name="district_id" value="4">
                <label for="49-2"> Brno-město </label>
              </li>
              <li class="select__options__option" :class="select == 5 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="59-2" x-model="select" name="district_id" value="5">
                <label for="59-2"> Brno-venkov </label>
              </li>
              <li class="select__options__option" :class="select == 6 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="69-2" x-model="select" name="district_id" value="6">
                <label for="69-2"> Bruntál </label>
              </li>
              <li class="select__options__option" :class="select == 7 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="79-2" x-model="select" name="district_id" value="7">
                <label for="79-2"> Břeclav </label>
              </li>
              <li class="select__options__option" :class="select == 8 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="89-2" x-model="select" name="district_id" value="8">
                <label for="89-2"> Česká Lípa </label>
              </li>
              <li class="select__options__option" :class="select == 9 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="99-2" x-model="select" name="district_id" value="9">
                <label for="99-2"> České Budějovice </label>
              </li>
              <li class="select__options__option" :class="select == 10 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="109-2" x-model="select" name="district_id" value="10">
                <label for="109-2"> Český Krumlov </label>
              </li>
              <li class="select__options__option" :class="select == 11 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="119-2" x-model="select" name="district_id" value="11">
                <label for="119-2"> Děčín </label>
              </li>
              <li class="select__options__option" :class="select == 12 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="129-2" x-model="select" name="district_id" value="12">
                <label for="129-2"> Domažlice </label>
              </li>
              <li class="select__options__option" :class="select == 13 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="139-2" x-model="select" name="district_id" value="13">
                <label for="139-2"> Frýdek-Místek </label>
              </li>
              <li class="select__options__option" :class="select == 14 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="149-2" x-model="select" name="district_id" value="14">
                <label for="149-2"> Havlíčkův Brod </label>
              </li>
              <li class="select__options__option" :class="select == 77 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="779-2" x-model="select" name="district_id" value="77">
                <label for="779-2"> Hlavní město Praha </label>
              </li>
              <li class="select__options__option" :class="select == 15 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="159-2" x-model="select" name="district_id" value="15">
                <label for="159-2"> Hodonín </label>
              </li>
              <li class="select__options__option" :class="select == 16 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="169-2" x-model="select" name="district_id" value="16">
                <label for="169-2"> Hradec Králové </label>
              </li>
              <li class="select__options__option" :class="select == 17 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="179-2" x-model="select" name="district_id" value="17">
                <label for="179-2"> Cheb </label>
              </li>
              <li class="select__options__option" :class="select == 18 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="189-2" x-model="select" name="district_id" value="18">
                <label for="189-2"> Chomutov </label>
              </li>
              <li class="select__options__option" :class="select == 19 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="199-2" x-model="select" name="district_id" value="19">
                <label for="199-2"> Chrudim </label>
              </li>
              <li class="select__options__option" :class="select == 20 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="209-2" x-model="select" name="district_id" value="20">
                <label for="209-2"> Jablonec nad Nisou </label>
              </li>
              <li class="select__options__option" :class="select == 21 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="219-2" x-model="select" name="district_id" value="21">
                <label for="219-2"> Jeseník </label>
              </li>
              <li class="select__options__option" :class="select == 22 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="229-2" x-model="select" name="district_id" value="22">
                <label for="229-2"> Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 23 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="239-2" x-model="select" name="district_id" value="23">
                <label for="239-2"> Jihlava </label>
              </li>
              <li class="select__options__option" :class="select == 24 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="249-2" x-model="select" name="district_id" value="24">
                <label for="249-2"> Jindřichův Hradec </label>
              </li>
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="259-2" x-model="select" name="district_id" value="25">
                <label for="259-2"> Karlovy Vary </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="269-2" x-model="select" name="district_id" value="26">
                <label for="269-2"> Karviná </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="279-2" x-model="select" name="district_id" value="27">
                <label for="279-2"> Kladno </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="289-2" x-model="select" name="district_id" value="28">
                <label for="289-2"> Klatovy </label>
              </li>
              <li class="select__options__option" :class="select == 29 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="299-2" x-model="select" name="district_id" value="29">
                <label for="299-2"> Kolín </label>
              </li>
              <li class="select__options__option" :class="select == 30 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="309-2" x-model="select" name="district_id" value="30">
                <label for="309-2"> Kroměříž </label>
              </li>
              <li class="select__options__option" :class="select == 31 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="319-2" x-model="select" name="district_id" value="31">
                <label for="319-2"> Kutná Hora </label>
              </li>
              <li class="select__options__option" :class="select == 32 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="329-2" x-model="select" name="district_id" value="32">
                <label for="329-2"> Liberec </label>
              </li>
              <li class="select__options__option" :class="select == 33 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="339-2" x-model="select" name="district_id" value="33">
                <label for="339-2"> Litoměřice </label>
              </li>
              <li class="select__options__option" :class="select == 34 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="349-2" x-model="select" name="district_id" value="34">
                <label for="349-2"> Louny </label>
              </li>
              <li class="select__options__option" :class="select == 35 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="359-2" x-model="select" name="district_id" value="35">
                <label for="359-2"> Mělník </label>
              </li>
              <li class="select__options__option" :class="select == 36 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="369-2" x-model="select" name="district_id" value="36">
                <label for="369-2"> Mladá Boleslav </label>
              </li>
              <li class="select__options__option" :class="select == 37 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="379-2" x-model="select" name="district_id" value="37">
                <label for="379-2"> Most </label>
              </li>
              <li class="select__options__option" :class="select == 38 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="389-2" x-model="select" name="district_id" value="38">
                <label for="389-2"> Náchod </label>
              </li>
              <li class="select__options__option" :class="select == 39 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="399-2" x-model="select" name="district_id" value="39">
                <label for="399-2"> Nový Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 40 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="409-2" x-model="select" name="district_id" value="40">
                <label for="409-2"> Nymburk </label>
              </li>
              <li class="select__options__option" :class="select == 41 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="419-2" x-model="select" name="district_id" value="41">
                <label for="419-2"> Olomouc </label>
              </li>
              <li class="select__options__option" :class="select == 42 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="429-2" x-model="select" name="district_id" value="42">
                <label for="429-2"> Opava </label>
              </li>
              <li class="select__options__option" :class="select == 43 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="439-2" x-model="select" name="district_id" value="43">
                <label for="439-2"> Ostrava-město </label>
              </li>
              <li class="select__options__option" :class="select == 44 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="449-2" x-model="select" name="district_id" value="44">
                <label for="449-2"> Pardubice </label>
              </li>
              <li class="select__options__option" :class="select == 45 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="459-2" x-model="select" name="district_id" value="45">
                <label for="459-2"> Pelhřimov </label>
              </li>
              <li class="select__options__option" :class="select == 46 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="469-2" x-model="select" name="district_id" value="46">
                <label for="469-2"> Písek </label>
              </li>
              <li class="select__options__option" :class="select == 47 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="479-2" x-model="select" name="district_id" value="47">
                <label for="479-2"> Plzeň-jih </label>
              </li>
              <li class="select__options__option" :class="select == 48 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="489-2" x-model="select" name="district_id" value="48">
                <label for="489-2"> Plzeň-město </label>
              </li>
              <li class="select__options__option" :class="select == 49 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="499-2" x-model="select" name="district_id" value="49">
                <label for="499-2"> Plzeň-sever </label>
              </li>
              <li class="select__options__option" :class="select == 50 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="509-2" x-model="select" name="district_id" value="50">
                <label for="509-2"> Praha-východ </label>
              </li>
              <li class="select__options__option" :class="select == 51 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="519-2" x-model="select" name="district_id" value="51">
                <label for="519-2"> Praha-západ </label>
              </li>
              <li class="select__options__option" :class="select == 52 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="529-2" x-model="select" name="district_id" value="52">
                <label for="529-2"> Prachatice </label>
              </li>
              <li class="select__options__option" :class="select == 53 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="539-2" x-model="select" name="district_id" value="53">
                <label for="539-2"> Prostějov </label>
              </li>
              <li class="select__options__option" :class="select == 54 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="549-2" x-model="select" name="district_id" value="54">
                <label for="549-2"> Přerov </label>
              </li>
              <li class="select__options__option" :class="select == 55 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="559-2" x-model="select" name="district_id" value="55">
                <label for="559-2"> Příbram </label>
              </li>
              <li class="select__options__option" :class="select == 56 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="569-2" x-model="select" name="district_id" value="56">
                <label for="569-2"> Rakovník </label>
              </li>
              <li class="select__options__option" :class="select == 57 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="579-2" x-model="select" name="district_id" value="57">
                <label for="579-2"> Rokycany </label>
              </li>
              <li class="select__options__option" :class="select == 58 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="589-2" x-model="select" name="district_id" value="58">
                <label for="589-2"> Rychnov nad Kněžnou </label>
              </li>
              <li class="select__options__option" :class="select == 59 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="599-2" x-model="select" name="district_id" value="59">
                <label for="599-2"> Semily </label>
              </li>
              <li class="select__options__option" :class="select == 60 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="609-2" x-model="select" name="district_id" value="60">
                <label for="609-2"> Sokolov </label>
              </li>
              <li class="select__options__option" :class="select == 61 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="619-2" x-model="select" name="district_id" value="61">
                <label for="619-2"> Strakonice </label>
              </li>
              <li class="select__options__option" :class="select == 62 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="629-2" x-model="select" name="district_id" value="62">
                <label for="629-2"> Svitavy </label>
              </li>
              <li class="select__options__option" :class="select == 63 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="639-2" x-model="select" name="district_id" value="63">
                <label for="639-2"> Šumperk </label>
              </li>
              <li class="select__options__option" :class="select == 64 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="649-2" x-model="select" name="district_id" value="64">
                <label for="649-2"> Tábor </label>
              </li>
              <li class="select__options__option" :class="select == 65 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="659-2" x-model="select" name="district_id" value="65">
                <label for="659-2"> Tachov </label>
              </li>
              <li class="select__options__option" :class="select == 66 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="669-2" x-model="select" name="district_id" value="66">
                <label for="669-2"> Teplice </label>
              </li>
              <li class="select__options__option" :class="select == 67 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="679-2" x-model="select" name="district_id" value="67">
                <label for="679-2"> Trutnov </label>
              </li>
              <li class="select__options__option" :class="select == 68 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="689-2" x-model="select" name="district_id" value="68">
                <label for="689-2"> Třebíč </label>
              </li>
              <li class="select__options__option" :class="select == 69 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="699-2" x-model="select" name="district_id" value="69">
                <label for="699-2"> Uherské Hradiště </label>
              </li>
              <li class="select__options__option" :class="select == 70 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="709-2" x-model="select" name="district_id" value="70">
                <label for="709-2"> Ústí nad Labem </label>
              </li>
              <li class="select__options__option" :class="select == 71 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="719-2" x-model="select" name="district_id" value="71">
                <label for="719-2"> Ústí nad Orlicí </label>
              </li>
              <li class="select__options__option" :class="select == 72 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="729-2" x-model="select" name="district_id" value="72">
                <label for="729-2"> Vsetín </label>
              </li>
              <li class="select__options__option" :class="select == 73 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="739-2" x-model="select" name="district_id" value="73">
                <label for="739-2"> Vyškov </label>
              </li>
              <li class="select__options__option" :class="select == 74 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="749-2" x-model="select" name="district_id" value="74">
                <label for="749-2"> Zlín </label>
              </li>
              <li class="select__options__option" :class="select == 75 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="759-2" x-model="select" name="district_id" value="75">
                <label for="759-2"> Znojmo </label>
              </li>
              <li class="select__options__option" :class="select == 76 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="769-2" x-model="select" name="district_id" value="76">
                <label for="769-2"> Žďár nad Sázavou </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="district_id-2">Místo projektu</label>
      </div>
      <div class="text-input">
        <textarea id="note-2" name="note" placeholder="Vaše zpráva" required=""></textarea>
        <label for="note-2">Vaše zpráva</label>
      </div>
    </div>
    <div class="consultation-form__submit-row">
      <div class="consultation-form__agreement">
        <label class="checkbox-label" for="gdpr-3"> Souhlasím se <a target="_blank" href="/souhlas-se-zpracovanim-osobnich-udaju">zpracováním osobních údajů</a>
          <input type="checkbox" id="gdpr-3" required="">
          <span class="checkmark"></span>
        </label>
      </div>
      <div class="consultation-form__submit-row__send">
        <button class="btn btn--blue" @click.prevent="!sending ? send() : ''" x-show="!sent &amp;&amp; !sending">Odeslat</button>
        <span x-show="sending" class="text-input__sent btn btn--blue btn--blue--disabled" style="display: none;">Odesílám...</span>
        <span x-show="sent &amp;&amp; !failed" class="text-input__sent" style="display: none;">Odesláno</span>
        <span x-show="sent &amp;&amp; failed" class="text-input__sent text-input__sent--error" style="display: none;"> Chyba </span>
      </div>
    </div>
    <input type="hidden" name="submitted_from" value="https://www.zakra.cz">
  </div>
  <div class="consultation-form__success" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__success--show'">
    <i class="fa-solid fa-circle-check" aria-hidden="true"></i>
    <h2 class="contact-form__form__success__title">Formulář úspešně odeslán</h2>
    <a href="#" @click.prevent="sent = false" class="btn btn--blue">Vyplnit znovu</a>
  </div>
  <input type="text" name="honeypot_zakra" style="display: none;">
  <input type="hidden" name="subject" value="Úvod" style="display: none;">
</form>

POST https://www.zakra.cz/!/forms/contact_all_inputs

<form method="POST" action="https://www.zakra.cz/!/forms/contact_all_inputs" class="consultation-form__wrapper" x-data="asyncForm()"><input type="hidden" name="_token" value="AaxxbRUa5TwY528AavdRbWXi1tkrwgkviXk5MfEW">
  <div class="consultation-form__inputs-wrapper consultation-form__inputs-wrapper--two-columns" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__inputs-wrapper--hide'">
    <h2>Nezávazná konzultace zdarma</h2>
    <p>Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme. Úvodní konzultace je zdarma a nezávazná.</p>
    <div class="consultation-form__inputs">
      <div class="text-input">
        <input type="text" id="name-5" name="name" placeholder="Jméno" required="">
        <label for="name-5">Jméno</label>
      </div>
      <div class="text-input">
        <input type="tel" minlength="6" maxlength="16" id="phone-5" name="phone" placeholder="Telefon" required="">
        <label for="phone-5">Telefon</label>
      </div>
      <div class="text-input">
        <input type="email" id="email-5" name="email" placeholder="E-mail" required="">
        <label for="email-5">E-mail</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Vyberete službu</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="257-5" x-model="select" name="service_id" value="25">
                <label for="257-5"> Čištění odpadních vod </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="267-5" x-model="select" name="service_id" value="26">
                <label for="267-5"> Likvidace dešťových vod </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="277-5" x-model="select" name="service_id" value="27">
                <label for="277-5"> Studna </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="287-5" x-model="select" name="service_id" value="28">
                <label for="287-5"> Jiné </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="service_id-5">Typ služby</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Lokalita</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 1 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="19-5" x-model="select" name="district_id" value="1">
                <label for="19-5"> Benešov </label>
              </li>
              <li class="select__options__option" :class="select == 2 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="29-5" x-model="select" name="district_id" value="2">
                <label for="29-5"> Beroun </label>
              </li>
              <li class="select__options__option" :class="select == 3 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="39-5" x-model="select" name="district_id" value="3">
                <label for="39-5"> Blansko </label>
              </li>
              <li class="select__options__option" :class="select == 4 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="49-5" x-model="select" name="district_id" value="4">
                <label for="49-5"> Brno-město </label>
              </li>
              <li class="select__options__option" :class="select == 5 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="59-5" x-model="select" name="district_id" value="5">
                <label for="59-5"> Brno-venkov </label>
              </li>
              <li class="select__options__option" :class="select == 6 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="69-5" x-model="select" name="district_id" value="6">
                <label for="69-5"> Bruntál </label>
              </li>
              <li class="select__options__option" :class="select == 7 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="79-5" x-model="select" name="district_id" value="7">
                <label for="79-5"> Břeclav </label>
              </li>
              <li class="select__options__option" :class="select == 8 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="89-5" x-model="select" name="district_id" value="8">
                <label for="89-5"> Česká Lípa </label>
              </li>
              <li class="select__options__option" :class="select == 9 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="99-5" x-model="select" name="district_id" value="9">
                <label for="99-5"> České Budějovice </label>
              </li>
              <li class="select__options__option" :class="select == 10 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="109-5" x-model="select" name="district_id" value="10">
                <label for="109-5"> Český Krumlov </label>
              </li>
              <li class="select__options__option" :class="select == 11 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="119-5" x-model="select" name="district_id" value="11">
                <label for="119-5"> Děčín </label>
              </li>
              <li class="select__options__option" :class="select == 12 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="129-5" x-model="select" name="district_id" value="12">
                <label for="129-5"> Domažlice </label>
              </li>
              <li class="select__options__option" :class="select == 13 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="139-5" x-model="select" name="district_id" value="13">
                <label for="139-5"> Frýdek-Místek </label>
              </li>
              <li class="select__options__option" :class="select == 14 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="149-5" x-model="select" name="district_id" value="14">
                <label for="149-5"> Havlíčkův Brod </label>
              </li>
              <li class="select__options__option" :class="select == 77 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="779-5" x-model="select" name="district_id" value="77">
                <label for="779-5"> Hlavní město Praha </label>
              </li>
              <li class="select__options__option" :class="select == 15 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="159-5" x-model="select" name="district_id" value="15">
                <label for="159-5"> Hodonín </label>
              </li>
              <li class="select__options__option" :class="select == 16 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="169-5" x-model="select" name="district_id" value="16">
                <label for="169-5"> Hradec Králové </label>
              </li>
              <li class="select__options__option" :class="select == 17 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="179-5" x-model="select" name="district_id" value="17">
                <label for="179-5"> Cheb </label>
              </li>
              <li class="select__options__option" :class="select == 18 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="189-5" x-model="select" name="district_id" value="18">
                <label for="189-5"> Chomutov </label>
              </li>
              <li class="select__options__option" :class="select == 19 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="199-5" x-model="select" name="district_id" value="19">
                <label for="199-5"> Chrudim </label>
              </li>
              <li class="select__options__option" :class="select == 20 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="209-5" x-model="select" name="district_id" value="20">
                <label for="209-5"> Jablonec nad Nisou </label>
              </li>
              <li class="select__options__option" :class="select == 21 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="219-5" x-model="select" name="district_id" value="21">
                <label for="219-5"> Jeseník </label>
              </li>
              <li class="select__options__option" :class="select == 22 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="229-5" x-model="select" name="district_id" value="22">
                <label for="229-5"> Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 23 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="239-5" x-model="select" name="district_id" value="23">
                <label for="239-5"> Jihlava </label>
              </li>
              <li class="select__options__option" :class="select == 24 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="249-5" x-model="select" name="district_id" value="24">
                <label for="249-5"> Jindřichův Hradec </label>
              </li>
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="259-5" x-model="select" name="district_id" value="25">
                <label for="259-5"> Karlovy Vary </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="269-5" x-model="select" name="district_id" value="26">
                <label for="269-5"> Karviná </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="279-5" x-model="select" name="district_id" value="27">
                <label for="279-5"> Kladno </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="289-5" x-model="select" name="district_id" value="28">
                <label for="289-5"> Klatovy </label>
              </li>
              <li class="select__options__option" :class="select == 29 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="299-5" x-model="select" name="district_id" value="29">
                <label for="299-5"> Kolín </label>
              </li>
              <li class="select__options__option" :class="select == 30 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="309-5" x-model="select" name="district_id" value="30">
                <label for="309-5"> Kroměříž </label>
              </li>
              <li class="select__options__option" :class="select == 31 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="319-5" x-model="select" name="district_id" value="31">
                <label for="319-5"> Kutná Hora </label>
              </li>
              <li class="select__options__option" :class="select == 32 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="329-5" x-model="select" name="district_id" value="32">
                <label for="329-5"> Liberec </label>
              </li>
              <li class="select__options__option" :class="select == 33 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="339-5" x-model="select" name="district_id" value="33">
                <label for="339-5"> Litoměřice </label>
              </li>
              <li class="select__options__option" :class="select == 34 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="349-5" x-model="select" name="district_id" value="34">
                <label for="349-5"> Louny </label>
              </li>
              <li class="select__options__option" :class="select == 35 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="359-5" x-model="select" name="district_id" value="35">
                <label for="359-5"> Mělník </label>
              </li>
              <li class="select__options__option" :class="select == 36 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="369-5" x-model="select" name="district_id" value="36">
                <label for="369-5"> Mladá Boleslav </label>
              </li>
              <li class="select__options__option" :class="select == 37 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="379-5" x-model="select" name="district_id" value="37">
                <label for="379-5"> Most </label>
              </li>
              <li class="select__options__option" :class="select == 38 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="389-5" x-model="select" name="district_id" value="38">
                <label for="389-5"> Náchod </label>
              </li>
              <li class="select__options__option" :class="select == 39 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="399-5" x-model="select" name="district_id" value="39">
                <label for="399-5"> Nový Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 40 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="409-5" x-model="select" name="district_id" value="40">
                <label for="409-5"> Nymburk </label>
              </li>
              <li class="select__options__option" :class="select == 41 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="419-5" x-model="select" name="district_id" value="41">
                <label for="419-5"> Olomouc </label>
              </li>
              <li class="select__options__option" :class="select == 42 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="429-5" x-model="select" name="district_id" value="42">
                <label for="429-5"> Opava </label>
              </li>
              <li class="select__options__option" :class="select == 43 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="439-5" x-model="select" name="district_id" value="43">
                <label for="439-5"> Ostrava-město </label>
              </li>
              <li class="select__options__option" :class="select == 44 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="449-5" x-model="select" name="district_id" value="44">
                <label for="449-5"> Pardubice </label>
              </li>
              <li class="select__options__option" :class="select == 45 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="459-5" x-model="select" name="district_id" value="45">
                <label for="459-5"> Pelhřimov </label>
              </li>
              <li class="select__options__option" :class="select == 46 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="469-5" x-model="select" name="district_id" value="46">
                <label for="469-5"> Písek </label>
              </li>
              <li class="select__options__option" :class="select == 47 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="479-5" x-model="select" name="district_id" value="47">
                <label for="479-5"> Plzeň-jih </label>
              </li>
              <li class="select__options__option" :class="select == 48 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="489-5" x-model="select" name="district_id" value="48">
                <label for="489-5"> Plzeň-město </label>
              </li>
              <li class="select__options__option" :class="select == 49 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="499-5" x-model="select" name="district_id" value="49">
                <label for="499-5"> Plzeň-sever </label>
              </li>
              <li class="select__options__option" :class="select == 50 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="509-5" x-model="select" name="district_id" value="50">
                <label for="509-5"> Praha-východ </label>
              </li>
              <li class="select__options__option" :class="select == 51 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="519-5" x-model="select" name="district_id" value="51">
                <label for="519-5"> Praha-západ </label>
              </li>
              <li class="select__options__option" :class="select == 52 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="529-5" x-model="select" name="district_id" value="52">
                <label for="529-5"> Prachatice </label>
              </li>
              <li class="select__options__option" :class="select == 53 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="539-5" x-model="select" name="district_id" value="53">
                <label for="539-5"> Prostějov </label>
              </li>
              <li class="select__options__option" :class="select == 54 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="549-5" x-model="select" name="district_id" value="54">
                <label for="549-5"> Přerov </label>
              </li>
              <li class="select__options__option" :class="select == 55 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="559-5" x-model="select" name="district_id" value="55">
                <label for="559-5"> Příbram </label>
              </li>
              <li class="select__options__option" :class="select == 56 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="569-5" x-model="select" name="district_id" value="56">
                <label for="569-5"> Rakovník </label>
              </li>
              <li class="select__options__option" :class="select == 57 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="579-5" x-model="select" name="district_id" value="57">
                <label for="579-5"> Rokycany </label>
              </li>
              <li class="select__options__option" :class="select == 58 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="589-5" x-model="select" name="district_id" value="58">
                <label for="589-5"> Rychnov nad Kněžnou </label>
              </li>
              <li class="select__options__option" :class="select == 59 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="599-5" x-model="select" name="district_id" value="59">
                <label for="599-5"> Semily </label>
              </li>
              <li class="select__options__option" :class="select == 60 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="609-5" x-model="select" name="district_id" value="60">
                <label for="609-5"> Sokolov </label>
              </li>
              <li class="select__options__option" :class="select == 61 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="619-5" x-model="select" name="district_id" value="61">
                <label for="619-5"> Strakonice </label>
              </li>
              <li class="select__options__option" :class="select == 62 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="629-5" x-model="select" name="district_id" value="62">
                <label for="629-5"> Svitavy </label>
              </li>
              <li class="select__options__option" :class="select == 63 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="639-5" x-model="select" name="district_id" value="63">
                <label for="639-5"> Šumperk </label>
              </li>
              <li class="select__options__option" :class="select == 64 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="649-5" x-model="select" name="district_id" value="64">
                <label for="649-5"> Tábor </label>
              </li>
              <li class="select__options__option" :class="select == 65 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="659-5" x-model="select" name="district_id" value="65">
                <label for="659-5"> Tachov </label>
              </li>
              <li class="select__options__option" :class="select == 66 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="669-5" x-model="select" name="district_id" value="66">
                <label for="669-5"> Teplice </label>
              </li>
              <li class="select__options__option" :class="select == 67 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="679-5" x-model="select" name="district_id" value="67">
                <label for="679-5"> Trutnov </label>
              </li>
              <li class="select__options__option" :class="select == 68 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="689-5" x-model="select" name="district_id" value="68">
                <label for="689-5"> Třebíč </label>
              </li>
              <li class="select__options__option" :class="select == 69 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="699-5" x-model="select" name="district_id" value="69">
                <label for="699-5"> Uherské Hradiště </label>
              </li>
              <li class="select__options__option" :class="select == 70 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="709-5" x-model="select" name="district_id" value="70">
                <label for="709-5"> Ústí nad Labem </label>
              </li>
              <li class="select__options__option" :class="select == 71 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="719-5" x-model="select" name="district_id" value="71">
                <label for="719-5"> Ústí nad Orlicí </label>
              </li>
              <li class="select__options__option" :class="select == 72 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="729-5" x-model="select" name="district_id" value="72">
                <label for="729-5"> Vsetín </label>
              </li>
              <li class="select__options__option" :class="select == 73 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="739-5" x-model="select" name="district_id" value="73">
                <label for="739-5"> Vyškov </label>
              </li>
              <li class="select__options__option" :class="select == 74 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="749-5" x-model="select" name="district_id" value="74">
                <label for="749-5"> Zlín </label>
              </li>
              <li class="select__options__option" :class="select == 75 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="759-5" x-model="select" name="district_id" value="75">
                <label for="759-5"> Znojmo </label>
              </li>
              <li class="select__options__option" :class="select == 76 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="769-5" x-model="select" name="district_id" value="76">
                <label for="769-5"> Žďár nad Sázavou </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="district_id-5">Místo projektu</label>
      </div>
      <div class="text-input">
        <textarea id="note-5" name="note" placeholder="Vaše zpráva" required=""></textarea>
        <label for="note-5">Vaše zpráva</label>
      </div>
    </div>
    <div class="consultation-form__submit-row">
      <div class="consultation-form__agreement">
        <label class="checkbox-label" for="gdpr-6"> Souhlasím se <a target="_blank" href="/souhlas-se-zpracovanim-osobnich-udaju">zpracováním osobních údajů</a>
          <input type="checkbox" id="gdpr-6" required="">
          <span class="checkmark"></span>
        </label>
      </div>
      <div class="consultation-form__submit-row__send">
        <button class="btn btn--blue" @click.prevent="!sending ? send() : ''" x-show="!sent &amp;&amp; !sending">Odeslat</button>
        <span x-show="sending" class="text-input__sent btn btn--blue btn--blue--disabled" style="display: none;">Odesílám...</span>
        <span x-show="sent &amp;&amp; !failed" class="text-input__sent" style="display: none;">Odesláno</span>
        <span x-show="sent &amp;&amp; failed" class="text-input__sent text-input__sent--error" style="display: none;"> Chyba </span>
      </div>
    </div>
    <input type="hidden" name="submitted_from" value="https://www.zakra.cz">
    <input type="hidden" name="data" :value="JSON.stringify($store.guideData)" value="null">
    <input type="hidden" name="result" :value="$store.guideResult" value="">
  </div>
  <div class="consultation-form__success" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__success--show'">
    <i class="fa-solid fa-circle-check" aria-hidden="true"></i>
    <h2 class="contact-form__form__success__title">Formulář úspešně odeslán</h2>
    <a href="#" @click.prevent="sent = false" class="btn btn--blue">Vyplnit znovu</a>
  </div>
  <input type="text" name="honeypot_zakra" style="display: none;">
  <input type="hidden" name="subject" value="Úvod" style="display: none;">
</form>

POST https://www.zakra.cz/!/forms/contact_all_inputs

<form method="POST" action="https://www.zakra.cz/!/forms/contact_all_inputs" class="consultation-form__wrapper" x-data="asyncForm()"><input type="hidden" name="_token" value="AaxxbRUa5TwY528AavdRbWXi1tkrwgkviXk5MfEW">
  <div class="consultation-form__inputs-wrapper consultation-form__inputs-wrapper--two-columns" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__inputs-wrapper--hide'">
    <h2>Nezávazná konzultace zdarma</h2>
    <p>Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme. Úvodní konzultace je zdarma a nezávazná.</p>
    <div class="consultation-form__inputs">
      <div class="text-input">
        <input type="text" id="name-8" name="name" placeholder="Jméno" required="">
        <label for="name-8">Jméno</label>
      </div>
      <div class="text-input">
        <input type="tel" minlength="6" maxlength="16" id="phone-8" name="phone" placeholder="Telefon" required="">
        <label for="phone-8">Telefon</label>
      </div>
      <div class="text-input">
        <input type="email" id="email-8" name="email" placeholder="E-mail" required="">
        <label for="email-8">E-mail</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Vyberete službu</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="257-8" x-model="select" name="service_id" value="25">
                <label for="257-8"> Čištění odpadních vod </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="267-8" x-model="select" name="service_id" value="26">
                <label for="267-8"> Likvidace dešťových vod </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="277-8" x-model="select" name="service_id" value="27">
                <label for="277-8"> Studna </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="287-8" x-model="select" name="service_id" value="28">
                <label for="287-8"> Jiné </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="service_id-8">Typ služby</label>
      </div>
      <div class="text-input">
        <div class="select select--simple select--simple-big" :class="open &amp;&amp; 'select--open'" x-data="{ open: false, select: null}">
          <ul class="select__options" @click.outside="open = false" :class="open &amp;&amp; 'select__options--open'">
            <span class="select__options__arrow"></span>
            <li class="select__options__option select__options__option--opener" @click.outside="open = false" @click.prevent="open = !open"></li>
            <li class="select__options__option-placeholder" x-show="!select">Lokalita</li>
            <div class="select__options__wrapper" x-init="$watch('open', value => $el.scrollTop = 0)">
              <li class="select__options__option" :class="select == 1 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="19-8" x-model="select" name="district_id" value="1">
                <label for="19-8"> Benešov </label>
              </li>
              <li class="select__options__option" :class="select == 2 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="29-8" x-model="select" name="district_id" value="2">
                <label for="29-8"> Beroun </label>
              </li>
              <li class="select__options__option" :class="select == 3 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="39-8" x-model="select" name="district_id" value="3">
                <label for="39-8"> Blansko </label>
              </li>
              <li class="select__options__option" :class="select == 4 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="49-8" x-model="select" name="district_id" value="4">
                <label for="49-8"> Brno-město </label>
              </li>
              <li class="select__options__option" :class="select == 5 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="59-8" x-model="select" name="district_id" value="5">
                <label for="59-8"> Brno-venkov </label>
              </li>
              <li class="select__options__option" :class="select == 6 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="69-8" x-model="select" name="district_id" value="6">
                <label for="69-8"> Bruntál </label>
              </li>
              <li class="select__options__option" :class="select == 7 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="79-8" x-model="select" name="district_id" value="7">
                <label for="79-8"> Břeclav </label>
              </li>
              <li class="select__options__option" :class="select == 8 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="89-8" x-model="select" name="district_id" value="8">
                <label for="89-8"> Česká Lípa </label>
              </li>
              <li class="select__options__option" :class="select == 9 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="99-8" x-model="select" name="district_id" value="9">
                <label for="99-8"> České Budějovice </label>
              </li>
              <li class="select__options__option" :class="select == 10 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="109-8" x-model="select" name="district_id" value="10">
                <label for="109-8"> Český Krumlov </label>
              </li>
              <li class="select__options__option" :class="select == 11 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="119-8" x-model="select" name="district_id" value="11">
                <label for="119-8"> Děčín </label>
              </li>
              <li class="select__options__option" :class="select == 12 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="129-8" x-model="select" name="district_id" value="12">
                <label for="129-8"> Domažlice </label>
              </li>
              <li class="select__options__option" :class="select == 13 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="139-8" x-model="select" name="district_id" value="13">
                <label for="139-8"> Frýdek-Místek </label>
              </li>
              <li class="select__options__option" :class="select == 14 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="149-8" x-model="select" name="district_id" value="14">
                <label for="149-8"> Havlíčkův Brod </label>
              </li>
              <li class="select__options__option" :class="select == 77 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="779-8" x-model="select" name="district_id" value="77">
                <label for="779-8"> Hlavní město Praha </label>
              </li>
              <li class="select__options__option" :class="select == 15 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="159-8" x-model="select" name="district_id" value="15">
                <label for="159-8"> Hodonín </label>
              </li>
              <li class="select__options__option" :class="select == 16 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="169-8" x-model="select" name="district_id" value="16">
                <label for="169-8"> Hradec Králové </label>
              </li>
              <li class="select__options__option" :class="select == 17 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="179-8" x-model="select" name="district_id" value="17">
                <label for="179-8"> Cheb </label>
              </li>
              <li class="select__options__option" :class="select == 18 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="189-8" x-model="select" name="district_id" value="18">
                <label for="189-8"> Chomutov </label>
              </li>
              <li class="select__options__option" :class="select == 19 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="199-8" x-model="select" name="district_id" value="19">
                <label for="199-8"> Chrudim </label>
              </li>
              <li class="select__options__option" :class="select == 20 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="209-8" x-model="select" name="district_id" value="20">
                <label for="209-8"> Jablonec nad Nisou </label>
              </li>
              <li class="select__options__option" :class="select == 21 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="219-8" x-model="select" name="district_id" value="21">
                <label for="219-8"> Jeseník </label>
              </li>
              <li class="select__options__option" :class="select == 22 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="229-8" x-model="select" name="district_id" value="22">
                <label for="229-8"> Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 23 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="239-8" x-model="select" name="district_id" value="23">
                <label for="239-8"> Jihlava </label>
              </li>
              <li class="select__options__option" :class="select == 24 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="249-8" x-model="select" name="district_id" value="24">
                <label for="249-8"> Jindřichův Hradec </label>
              </li>
              <li class="select__options__option" :class="select == 25 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="259-8" x-model="select" name="district_id" value="25">
                <label for="259-8"> Karlovy Vary </label>
              </li>
              <li class="select__options__option" :class="select == 26 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="269-8" x-model="select" name="district_id" value="26">
                <label for="269-8"> Karviná </label>
              </li>
              <li class="select__options__option" :class="select == 27 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="279-8" x-model="select" name="district_id" value="27">
                <label for="279-8"> Kladno </label>
              </li>
              <li class="select__options__option" :class="select == 28 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="289-8" x-model="select" name="district_id" value="28">
                <label for="289-8"> Klatovy </label>
              </li>
              <li class="select__options__option" :class="select == 29 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="299-8" x-model="select" name="district_id" value="29">
                <label for="299-8"> Kolín </label>
              </li>
              <li class="select__options__option" :class="select == 30 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="309-8" x-model="select" name="district_id" value="30">
                <label for="309-8"> Kroměříž </label>
              </li>
              <li class="select__options__option" :class="select == 31 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="319-8" x-model="select" name="district_id" value="31">
                <label for="319-8"> Kutná Hora </label>
              </li>
              <li class="select__options__option" :class="select == 32 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="329-8" x-model="select" name="district_id" value="32">
                <label for="329-8"> Liberec </label>
              </li>
              <li class="select__options__option" :class="select == 33 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="339-8" x-model="select" name="district_id" value="33">
                <label for="339-8"> Litoměřice </label>
              </li>
              <li class="select__options__option" :class="select == 34 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="349-8" x-model="select" name="district_id" value="34">
                <label for="349-8"> Louny </label>
              </li>
              <li class="select__options__option" :class="select == 35 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="359-8" x-model="select" name="district_id" value="35">
                <label for="359-8"> Mělník </label>
              </li>
              <li class="select__options__option" :class="select == 36 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="369-8" x-model="select" name="district_id" value="36">
                <label for="369-8"> Mladá Boleslav </label>
              </li>
              <li class="select__options__option" :class="select == 37 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="379-8" x-model="select" name="district_id" value="37">
                <label for="379-8"> Most </label>
              </li>
              <li class="select__options__option" :class="select == 38 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="389-8" x-model="select" name="district_id" value="38">
                <label for="389-8"> Náchod </label>
              </li>
              <li class="select__options__option" :class="select == 39 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="399-8" x-model="select" name="district_id" value="39">
                <label for="399-8"> Nový Jičín </label>
              </li>
              <li class="select__options__option" :class="select == 40 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="409-8" x-model="select" name="district_id" value="40">
                <label for="409-8"> Nymburk </label>
              </li>
              <li class="select__options__option" :class="select == 41 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="419-8" x-model="select" name="district_id" value="41">
                <label for="419-8"> Olomouc </label>
              </li>
              <li class="select__options__option" :class="select == 42 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="429-8" x-model="select" name="district_id" value="42">
                <label for="429-8"> Opava </label>
              </li>
              <li class="select__options__option" :class="select == 43 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="439-8" x-model="select" name="district_id" value="43">
                <label for="439-8"> Ostrava-město </label>
              </li>
              <li class="select__options__option" :class="select == 44 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="449-8" x-model="select" name="district_id" value="44">
                <label for="449-8"> Pardubice </label>
              </li>
              <li class="select__options__option" :class="select == 45 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="459-8" x-model="select" name="district_id" value="45">
                <label for="459-8"> Pelhřimov </label>
              </li>
              <li class="select__options__option" :class="select == 46 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="469-8" x-model="select" name="district_id" value="46">
                <label for="469-8"> Písek </label>
              </li>
              <li class="select__options__option" :class="select == 47 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="479-8" x-model="select" name="district_id" value="47">
                <label for="479-8"> Plzeň-jih </label>
              </li>
              <li class="select__options__option" :class="select == 48 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="489-8" x-model="select" name="district_id" value="48">
                <label for="489-8"> Plzeň-město </label>
              </li>
              <li class="select__options__option" :class="select == 49 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="499-8" x-model="select" name="district_id" value="49">
                <label for="499-8"> Plzeň-sever </label>
              </li>
              <li class="select__options__option" :class="select == 50 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="509-8" x-model="select" name="district_id" value="50">
                <label for="509-8"> Praha-východ </label>
              </li>
              <li class="select__options__option" :class="select == 51 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="519-8" x-model="select" name="district_id" value="51">
                <label for="519-8"> Praha-západ </label>
              </li>
              <li class="select__options__option" :class="select == 52 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="529-8" x-model="select" name="district_id" value="52">
                <label for="529-8"> Prachatice </label>
              </li>
              <li class="select__options__option" :class="select == 53 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="539-8" x-model="select" name="district_id" value="53">
                <label for="539-8"> Prostějov </label>
              </li>
              <li class="select__options__option" :class="select == 54 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="549-8" x-model="select" name="district_id" value="54">
                <label for="549-8"> Přerov </label>
              </li>
              <li class="select__options__option" :class="select == 55 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="559-8" x-model="select" name="district_id" value="55">
                <label for="559-8"> Příbram </label>
              </li>
              <li class="select__options__option" :class="select == 56 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="569-8" x-model="select" name="district_id" value="56">
                <label for="569-8"> Rakovník </label>
              </li>
              <li class="select__options__option" :class="select == 57 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="579-8" x-model="select" name="district_id" value="57">
                <label for="579-8"> Rokycany </label>
              </li>
              <li class="select__options__option" :class="select == 58 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="589-8" x-model="select" name="district_id" value="58">
                <label for="589-8"> Rychnov nad Kněžnou </label>
              </li>
              <li class="select__options__option" :class="select == 59 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="599-8" x-model="select" name="district_id" value="59">
                <label for="599-8"> Semily </label>
              </li>
              <li class="select__options__option" :class="select == 60 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="609-8" x-model="select" name="district_id" value="60">
                <label for="609-8"> Sokolov </label>
              </li>
              <li class="select__options__option" :class="select == 61 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="619-8" x-model="select" name="district_id" value="61">
                <label for="619-8"> Strakonice </label>
              </li>
              <li class="select__options__option" :class="select == 62 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="629-8" x-model="select" name="district_id" value="62">
                <label for="629-8"> Svitavy </label>
              </li>
              <li class="select__options__option" :class="select == 63 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="639-8" x-model="select" name="district_id" value="63">
                <label for="639-8"> Šumperk </label>
              </li>
              <li class="select__options__option" :class="select == 64 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="649-8" x-model="select" name="district_id" value="64">
                <label for="649-8"> Tábor </label>
              </li>
              <li class="select__options__option" :class="select == 65 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="659-8" x-model="select" name="district_id" value="65">
                <label for="659-8"> Tachov </label>
              </li>
              <li class="select__options__option" :class="select == 66 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="669-8" x-model="select" name="district_id" value="66">
                <label for="669-8"> Teplice </label>
              </li>
              <li class="select__options__option" :class="select == 67 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="679-8" x-model="select" name="district_id" value="67">
                <label for="679-8"> Trutnov </label>
              </li>
              <li class="select__options__option" :class="select == 68 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="689-8" x-model="select" name="district_id" value="68">
                <label for="689-8"> Třebíč </label>
              </li>
              <li class="select__options__option" :class="select == 69 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="699-8" x-model="select" name="district_id" value="69">
                <label for="699-8"> Uherské Hradiště </label>
              </li>
              <li class="select__options__option" :class="select == 70 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="709-8" x-model="select" name="district_id" value="70">
                <label for="709-8"> Ústí nad Labem </label>
              </li>
              <li class="select__options__option" :class="select == 71 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="719-8" x-model="select" name="district_id" value="71">
                <label for="719-8"> Ústí nad Orlicí </label>
              </li>
              <li class="select__options__option" :class="select == 72 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="729-8" x-model="select" name="district_id" value="72">
                <label for="729-8"> Vsetín </label>
              </li>
              <li class="select__options__option" :class="select == 73 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="739-8" x-model="select" name="district_id" value="73">
                <label for="739-8"> Vyškov </label>
              </li>
              <li class="select__options__option" :class="select == 74 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="749-8" x-model="select" name="district_id" value="74">
                <label for="749-8"> Zlín </label>
              </li>
              <li class="select__options__option" :class="select == 75 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="759-8" x-model="select" name="district_id" value="75">
                <label for="759-8"> Znojmo </label>
              </li>
              <li class="select__options__option" :class="select == 76 &amp;&amp; 'select__options__option--active'" @click="open = false">
                <input type="radio" id="769-8" x-model="select" name="district_id" value="76">
                <label for="769-8"> Žďár nad Sázavou </label>
              </li>
            </div>
          </ul>
          <input class="select__required-input" type="text" x-model="select" @keydown.prevent="" required="">
        </div>
        <label for="district_id-8">Místo projektu</label>
      </div>
      <div class="text-input">
        <textarea id="note-8" name="note" placeholder="Vaše zpráva" required=""></textarea>
        <label for="note-8">Vaše zpráva</label>
      </div>
    </div>
    <div class="consultation-form__submit-row">
      <div class="consultation-form__agreement">
        <label class="checkbox-label" for="gdpr-9"> Souhlasím se <a target="_blank" href="/souhlas-se-zpracovanim-osobnich-udaju">zpracováním osobních údajů</a>
          <input type="checkbox" id="gdpr-9" required="">
          <span class="checkmark"></span>
        </label>
      </div>
      <div class="consultation-form__submit-row__send">
        <button class="btn btn--blue" @click.prevent="!sending ? send() : ''" x-show="!sent &amp;&amp; !sending">Odeslat</button>
        <span x-show="sending" class="text-input__sent btn btn--blue btn--blue--disabled" style="display: none;">Odesílám...</span>
        <span x-show="sent &amp;&amp; !failed" class="text-input__sent" style="display: none;">Odesláno</span>
        <span x-show="sent &amp;&amp; failed" class="text-input__sent text-input__sent--error" style="display: none;"> Chyba </span>
      </div>
    </div>
    <input type="hidden" name="submitted_from" value="https://www.zakra.cz">
  </div>
  <div class="consultation-form__success" :class="(sent &amp;&amp; !failed) &amp;&amp; 'consultation-form__success--show'">
    <i class="fa-solid fa-circle-check" aria-hidden="true"></i>
    <h2 class="contact-form__form__success__title">Formulář úspešně odeslán</h2>
    <a href="#" @click.prevent="sent = false" class="btn btn--blue">Vyplnit znovu</a>
  </div>
  <input type="text" name="honeypot_zakra" style="display: none;">
  <input type="hidden" name="subject" value="Úvod" style="display: none;">
</form>

Text Content

Používáme soubory cookies

Tyto webové stránky používají soubory cookies a další sledovací nástroje s cílem
vylepšení uživatelského prostředí, zobrazení přizpůsobeného obsahu a reklam,
analýzy návštěvnosti webových stránek a zjištění zdroje návštěvnosti.

SouhlasímOdmítámUpravit mé předvolby
Menu

 * Úvod
 * Naše služby
   Čistička odpadních vod Septik s filtrem
    * Hydrogeologický posudek
    * Studna
    * Dešťovka

 * Blog
 * FAQ
 * O nás
 * Kontakt
 * E-shop
 * Košík
 * Nezávazná poptávka




VYŘEŠÍME VÁŠ PROBLÉM S VODOU

Projektujeme a stavíme na klíč. Naši doménou jsou domácí čističky odpadních vod
a septiky s filtrem.

Vyberte si z naší široké nabídky technologií na čištění odpadních vod.

Využijte naši konzultaci zdarma.

Chci nezávaznou nabídku



NEZÁVAZNÁ KONZULTACE ZDARMA

Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a
nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme.
Úvodní konzultace je zdarma a nezávazná.

Jméno
Telefon
E-mail
   
 * 
 * Vyberete službu
   Čištění odpadních vod Likvidace dešťových vod Studna Jiné

Typ služby
   
 * 
 * Lokalita
   Benešov Beroun Blansko Brno-město Brno-venkov Bruntál Břeclav Česká Lípa
   České Budějovice Český Krumlov Děčín Domažlice Frýdek-Místek Havlíčkův Brod
   Hlavní město Praha Hodonín Hradec Králové Cheb Chomutov Chrudim Jablonec nad
   Nisou Jeseník Jičín Jihlava Jindřichův Hradec Karlovy Vary Karviná Kladno
   Klatovy Kolín Kroměříž Kutná Hora Liberec Litoměřice Louny Mělník Mladá
   Boleslav Most Náchod Nový Jičín Nymburk Olomouc Opava Ostrava-město Pardubice
   Pelhřimov Písek Plzeň-jih Plzeň-město Plzeň-sever Praha-východ Praha-západ
   Prachatice Prostějov Přerov Příbram Rakovník Rokycany Rychnov nad Kněžnou
   Semily Sokolov Strakonice Svitavy Šumperk Tábor Tachov Teplice Trutnov Třebíč
   Uherské Hradiště Ústí nad Labem Ústí nad Orlicí Vsetín Vyškov Zlín Znojmo
   Žďár nad Sázavou

Místo projektu
Vaše zpráva
Souhlasím se zpracováním osobních údajů
Odeslat Odesílám... Odesláno Chyba


FORMULÁŘ ÚSPEŠNĚ ODESLÁN

Vyplnit znovu


ROZUMÍME VODOHOSPODÁŘSKÝM PROJEKTŮM

S námi končí vaše starosti. Postaráme se o vše od A do Z.

ČISTIČKA ODPADNÍCH VOD

 * Projektová dokumentace
 * Úřední povolení
 * Nákup správné ČOV
 * Stavba a instalace
 * Servis

Více informací

SEPTIK K DOMU I NA CHATU

 * Projektová dokumentace
 * Úřední povolení
 * Nákup správného septiku
 * Stavba a instalace
 * Servis

Více informací

ŘEŠENÍ VODY A ODPADU

 * Nádrže
 * Studny
 * Poradenství

Ostatní služby
Porovnejte co vás čeká
2 Kroky
1 Hodina
0 Dní dovolené
vs
32 Kroků
30 Hodin
3 Dny volna


ZAKRA VÁM ŠETŘÍ
DESÍTKY HODIN ČASU

Potřebujete domovní čistírnu odpadních vod (ČOV), nádrž na dešťovou vodu,
přípojku nebo jiné vodohospodářské dílo a nechce se vám s tím ztrácet čas? V
rámci naší služby za vás vyřídíme vše od A do Z.

Z vaší strany bude stačit úvodní konzultace a případně plná moc pro zastupování
před úřady.

Ušetříte tak až 30 hodin svého času a 3 zbytečné dny volna v práci. Můžete začít
konzultací zdarma.

Chci nezávaznou nabídku


NEZÁVAZNÁ KONZULTACE ZDARMA

Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a
nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme.
Úvodní konzultace je zdarma a nezávazná.

Jméno
Telefon
E-mail
   
 * 
 * Vyberete službu
   Čištění odpadních vod Likvidace dešťových vod Studna Jiné

Typ služby
   
 * 
 * Lokalita
   Benešov Beroun Blansko Brno-město Brno-venkov Bruntál Břeclav Česká Lípa
   České Budějovice Český Krumlov Děčín Domažlice Frýdek-Místek Havlíčkův Brod
   Hlavní město Praha Hodonín Hradec Králové Cheb Chomutov Chrudim Jablonec nad
   Nisou Jeseník Jičín Jihlava Jindřichův Hradec Karlovy Vary Karviná Kladno
   Klatovy Kolín Kroměříž Kutná Hora Liberec Litoměřice Louny Mělník Mladá
   Boleslav Most Náchod Nový Jičín Nymburk Olomouc Opava Ostrava-město Pardubice
   Pelhřimov Písek Plzeň-jih Plzeň-město Plzeň-sever Praha-východ Praha-západ
   Prachatice Prostějov Přerov Příbram Rakovník Rokycany Rychnov nad Kněžnou
   Semily Sokolov Strakonice Svitavy Šumperk Tábor Tachov Teplice Trutnov Třebíč
   Uherské Hradiště Ústí nad Labem Ústí nad Orlicí Vsetín Vyškov Zlín Znojmo
   Žďár nad Sázavou

Místo projektu
Vaše zpráva
Souhlasím se zpracováním osobních údajů
Odeslat Odesílám... Odesláno Chyba


FORMULÁŘ ÚSPEŠNĚ ODESLÁN

Vyplnit znovu


JAK TO FUNGUJE

S naší službou nemusíte vůbec nikam chodit, dokonce ani navštívit žádné úřady.
Vše vyřídíte pohodlně online.

 1. Úvodní konzultace
    
    Na začátek si vyslechneme vaší situaci a poradíme vám, jaké kroky budou pro
    vás nejlepší.

 2. Získání podkladů
    
    Nejprve zjistíme specifika vašeho případu (např. sítě na pozemku, úřední
    podmínky apod.). 

 3. Práce na projektu a povolení
    
    Připravíme projekt ve velmi krátkém čase od zadání a získáme stavební
    povolení.

 4. Realizace na klíč
    
    Čističku odpadních vod či nádrž na dešťovou vodu postavíme na klíč.

Chci nezávaznou nabídku


NEZÁVAZNÁ KONZULTACE ZDARMA

Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a
nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme.
Úvodní konzultace je zdarma a nezávazná.

Jméno
Telefon
E-mail
   
 * 
 * Vyberete službu
   Čištění odpadních vod Likvidace dešťových vod Studna Jiné

Typ služby
   
 * 
 * Lokalita
   Benešov Beroun Blansko Brno-město Brno-venkov Bruntál Břeclav Česká Lípa
   České Budějovice Český Krumlov Děčín Domažlice Frýdek-Místek Havlíčkův Brod
   Hlavní město Praha Hodonín Hradec Králové Cheb Chomutov Chrudim Jablonec nad
   Nisou Jeseník Jičín Jihlava Jindřichův Hradec Karlovy Vary Karviná Kladno
   Klatovy Kolín Kroměříž Kutná Hora Liberec Litoměřice Louny Mělník Mladá
   Boleslav Most Náchod Nový Jičín Nymburk Olomouc Opava Ostrava-město Pardubice
   Pelhřimov Písek Plzeň-jih Plzeň-město Plzeň-sever Praha-východ Praha-západ
   Prachatice Prostějov Přerov Příbram Rakovník Rokycany Rychnov nad Kněžnou
   Semily Sokolov Strakonice Svitavy Šumperk Tábor Tachov Teplice Trutnov Třebíč
   Uherské Hradiště Ústí nad Labem Ústí nad Orlicí Vsetín Vyškov Zlín Znojmo
   Žďár nad Sázavou

Místo projektu
Vaše zpráva
Souhlasím se zpracováním osobních údajů
Odeslat Odesílám... Odesláno Chyba


FORMULÁŘ ÚSPEŠNĚ ODESLÁN

Vyplnit znovu


TISÍCE ZÁKAZNÍKŮ SE NEMŮŽE MÝLIT

DOMOVNÍ ČISTÍRNA ODPADNÍCH VOD

1:28


PROČ ZAKRA

 * 4 000 + úspěšných projektů Realizovali jsme již více, než 4 000 projektů
   domovních čistíren, nádrží na dešťovou vodou, kanalizačních a vodovodních
   přípojek
 * 2 500 + spokojených zákazníků Každý klient je individuální, stejně jako naše
   řešení. Vždy hledáme to nejlepší řešení pro vás.
 * 6 + let zkušeností Projekty pro naše klienty připravujeme už více než 6 let.
   Rádi vám poradíme s jakýmkoliv dotazem, jen tak něco nás nepřekvapí.

Jiří Jetmar
před 3 měsíci

Firmu Zakra s.r.o. vřele doporučuji, jsem s ní maximálně spokojen.
Spolupracovali jsme na komplikované stavbě vodovodní přípojky a vše bylo
dotáhnuto do zdárného konce s vysněným stavebním povolení...

Radim Kubánek
před 1 měsícem

S firmou zakra veliká spokojenost veškerá změna hned poslána na mail a vše
přehledné děkuji hlavně panu Kodlovi a doporučuji

Milena Kovářová
před 6 měsíci

Společnost Zakra doporučuji, jmenovitě především pana Jiřího Hrabě, který je
expert ve svém oboru a všechno srozumitelně vysvětlí a skvěle poradí. Přátelský
a lidský přístup.

Přečtěte si naše další skvělé reference na:


SPOČÍTEJTE SI VAŠI CENU REALIZACE ČOV

Náš interaktivní průvodce vám pomůže odhadnout cenu vaší ČOV. A to během pěti
minut. Průvodce vám doporučí ideální řešení přesně pro vaši situaci.

1 / 6 Mám projekt a povolení?
Ano
Ne
2 / 6 Cena vybrané ČOV
Kč
3 / 6 Délka potrubí v metrech od domu k ČOV
m
4 / 6 Vsakování na pozemku?
Ano
Ne
5 / 6 Je na pozemku jílovitá půda nebo podzemní voda
Ano
Ne
6 / 6 Bude se odvážet zemina z výkopu
Ano
Ne

Cena se vším se bude pohybovat v rozpětí


KČ

Chci nezávaznou nabídkuMinulý měsíc jsme ve vašem okrese v okrese připravili 11
projektů.


NEZÁVAZNÁ KONZULTACE ZDARMA

Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a
nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme.
Úvodní konzultace je zdarma a nezávazná.

Jméno
Telefon
E-mail
   
 * 
 * Vyberete službu
   Čištění odpadních vod Likvidace dešťových vod Studna Jiné

Typ služby
   
 * 
 * Lokalita
   Benešov Beroun Blansko Brno-město Brno-venkov Bruntál Břeclav Česká Lípa
   České Budějovice Český Krumlov Děčín Domažlice Frýdek-Místek Havlíčkův Brod
   Hlavní město Praha Hodonín Hradec Králové Cheb Chomutov Chrudim Jablonec nad
   Nisou Jeseník Jičín Jihlava Jindřichův Hradec Karlovy Vary Karviná Kladno
   Klatovy Kolín Kroměříž Kutná Hora Liberec Litoměřice Louny Mělník Mladá
   Boleslav Most Náchod Nový Jičín Nymburk Olomouc Opava Ostrava-město Pardubice
   Pelhřimov Písek Plzeň-jih Plzeň-město Plzeň-sever Praha-východ Praha-západ
   Prachatice Prostějov Přerov Příbram Rakovník Rokycany Rychnov nad Kněžnou
   Semily Sokolov Strakonice Svitavy Šumperk Tábor Tachov Teplice Trutnov Třebíč
   Uherské Hradiště Ústí nad Labem Ústí nad Orlicí Vsetín Vyškov Zlín Znojmo
   Žďár nad Sázavou

Místo projektu
Vaše zpráva
Souhlasím se zpracováním osobních údajů
Odeslat Odesílám... Odesláno Chyba


FORMULÁŘ ÚSPEŠNĚ ODESLÁN

Vyplnit znovu
Brandýs nad Labem červenec 2024
dešťovka na klíč
Křivoklátsko červenec 2024
septik na klíč
Plzeň červenec 2024
domácí čistička odpadních vod
Kutná hora červenec 2024
septik
Dolní Břežany červenec 2024
čov na klíč
Jesenice červen 2024
čov na klíč
Slapy červen 2024
dešťová voda
Měchenice červen 2024
čov


NAŠE NEJNOVĚJŠÍ REALIZACE

 * Brandýs nad Labem červenec 2024 dešťovka na klíč
 * Křivoklátsko červenec 2024 septik na klíč
 * Plzeň červenec 2024 domácí čistička odpadních vod
 * Kutná hora červenec 2024 septik
 * Dolní Břežany červenec 2024 čov na klíč
 * Jesenice červen 2024 čov na klíč
 * Slapy červen 2024 dešťová voda
 * Měchenice červen 2024 čov


PORADÍME VÁM JAK NA TO

Nejčtenější články z blogu.

Vybíráme domovní ČOV: 12 tipů, jak vybrat tu správnou čističku

Top domácí čistička odpadních vod: Recenze a ceny (2024)

Jaká je nejlevnější čistírna odpadních vod na trhu?

Jaká je cena domovní ČOV? (2024)

Nejlepší projektanti domovní ČOV: Celá ČR [2024]

Recenze domácí čističky: Asio Variocomp 5k

Výhody a nevýhody domácí čističky odpadních vod (ČOV)

Jak funguje tříkomorový septik?

Septik na klíč v Plzeňském kraji a okolí: 6 kroků k cíli


S ČÍM VÁM JEŠTĚ POMŮŽEME

Vyberte si co vás zajímá. Dle vašich potřeb, vám nadefinujeme služby na míru.
Řešíme pro vás vodohospodářské projekty od A do Z.

 * Čistička odpadních vod
    * Projekt ČOV
    * Projekt a povolení ČOV
    * ČOV na klíč
    * Nejlepší ČOV
    * Servis ČOV
    * Dotace na ČOV

 * Dešťovka
    * Dešťovka zalévání zahrady
    * Dešťovka: splachování
    * Dešťovka pro bytový dům
    * Projekt dešťové vody
    * Dešťovka na klíč

 * Septik
    * Projekt septiku
    * Projekt a povolení septiku
    * Septik na klíč
    * Nový septik

 * Studna
    * Projekt studny
    * Projekt studny s povolením
    * Hydrogeologický posudek pro studnu

 * 
 * 

Financováno Evropskou unií – Next Generation EU

projekce@zakra.cz
+420 725 884 133
v pracovní době 8:00-16:00
 * Úvod
 * Blog
 * FAQ
 * O nás
 * Kontakt

 * Čistička odpadních vod
 * Studna
 * Septik s filtrem
 * Dešťovka
 * Hydrogeologický posudek

 * 
 * 
 * 

©2023 Zakra s.r.o. Litohlavská 95, Rokycany, 337 01 Plzeň IČO: 8064458, Plátce
DPH
Změnit nastavení cookies Souhlas se zpracováním osobních údajů


NEZÁVAZNÁ KONZULTACE ZDARMA

Nejste si jisti, která varianta je pro vás ta nejvhodnější, nevíte kde začít a
nebo obáváte úředního šimla? Zanechte nám na vás kontakt a my vám poradíme.
Úvodní konzultace je zdarma a nezávazná.

Jméno
Telefon
E-mail
   
 * 
 * Vyberete službu
   Čištění odpadních vod Likvidace dešťových vod Studna Jiné

Typ služby
   
 * 
 * Lokalita
   Benešov Beroun Blansko Brno-město Brno-venkov Bruntál Břeclav Česká Lípa
   České Budějovice Český Krumlov Děčín Domažlice Frýdek-Místek Havlíčkův Brod
   Hlavní město Praha Hodonín Hradec Králové Cheb Chomutov Chrudim Jablonec nad
   Nisou Jeseník Jičín Jihlava Jindřichův Hradec Karlovy Vary Karviná Kladno
   Klatovy Kolín Kroměříž Kutná Hora Liberec Litoměřice Louny Mělník Mladá
   Boleslav Most Náchod Nový Jičín Nymburk Olomouc Opava Ostrava-město Pardubice
   Pelhřimov Písek Plzeň-jih Plzeň-město Plzeň-sever Praha-východ Praha-západ
   Prachatice Prostějov Přerov Příbram Rakovník Rokycany Rychnov nad Kněžnou
   Semily Sokolov Strakonice Svitavy Šumperk Tábor Tachov Teplice Trutnov Třebíč
   Uherské Hradiště Ústí nad Labem Ústí nad Orlicí Vsetín Vyškov Zlín Znojmo
   Žďár nad Sázavou

Místo projektu
Vaše zpráva
Souhlasím se zpracováním osobních údajů
Odeslat Odesílám... Odesláno Chyba


FORMULÁŘ ÚSPEŠNĚ ODESLÁN

Vyplnit znovu