<!-- Napište nám
  ============================================= -->
  <section id="content">
            <div class="content-wrap nopadding">
              <!-- Loaction Section
============================================= -->

<div
    class="section nomargin"
    style="margin: 0px !important; background: #f5f5f5 url('{template_url}images/patterns/pattern-dark4.png') repeat center center; z-index: 10;"
    data-mce-style="margin: 0px !important; background: #F5F5F5 url('{template_url}images/patterns/pattern-dark4.png') repeat center center; z-index: 10;"
>
    <div class="container">
        <div class="heading-block center mt-0 divcenter nobottomborder clearfix" style="max-width: 750px;" data-mce-style="max-width: 750px;">
            <h2 style="color: #000; font-size: 30px;">Máte dotaz?</h2>
            <p style="color: #000;">Pokud máte jakýkoli dotaz, neváhejte nám zaslat email</p>
        </div>
        <div class="row justify-content-between align-items-center">
            <div class="col-lg-12">
                <div class="form-widget">
                    <div class="form-result">&nbsp;</div>
                    <form id="template-contactform" class="nobottommargin" action="" method="post" name="template-contactform" novalidate="">
                        <div class="form-process">&nbsp;</div>
                        <div class="col_one_third">
                            <label style="color: #666;" for="name" data-mce-style="color: #666;">Jméno <small>*</small></label> <input id="name" class="sm-form-control required" name="name" type="text" value="" />
                        </div>
                        <div class="col_one_third">
                            <label style="color: #666;" for="email" data-mce-style="color: #666;">Email <small>*</small></label> <input id="email" class="required email sm-form-control" name="email" type="email" value="" />
                        </div>
                        <div class="col_one_third col_last"><label style="color: #666;" for="phone" data-mce-style="color: #666;">Telefon</label> <input id="phone" class="sm-form-control" name="phone" type="text" value="" /></div>
                        <div class="clear">&nbsp;</div>
                        <div class="col_two_third">
                            <label style="color: #666;" for="subject" data-mce-style="color: #666;">Předmět <small>*</small></label> <input id="subject" class="required sm-form-control" name="subject" type="text" value="" />
                        </div>
                        <div class="col_one_third col_last">
                            <label style="color: #666;" for="service" data-mce-style="color: #666;">Typ dotazu</label>
                            <select id="service" class="sm-form-control" name="service">
                                <option value="">-- Vyberte --</option>
                                <option value="Produkt">Na stavbu</option>
                                <option value="Služba">Na rekonstrukci</option>
                                <option value="Ostatní">Ostatní</option>
                            </select>
                        </div>
                        <div class="clear">&nbsp;</div>
                        <div class="col_full">
                            <label style="color: #666;" for="message" data-mce-style="color: #666;">Zpráva <small>*</small></label> <textarea id="message" class="required sm-form-control" cols="30" name="message" rows="6"></textarea>
                        </div>
                        <div class="col_full hidden"><input id="template-contactform-botcheck" class="sm-form-control" name="template-contactform-botcheck" type="text" value="" /></div>
                        <div class="col_full"><button id="submit" class="button button-3d nomargin" name="submit" type="submit" value="submit" onclick="sendData_form();">Odeslat</button></div>
                        <input name="prefix" type="hidden" value="template-contactform-" />
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Map Section -->
<div
    class="section parallax parallax-bg mt-4 mb-3 light nopadding"
    style="margin: 0px !important; background: #ffffff url('{template_url}images/section/dots-rotated.png') no-repeat bottom center / cover; z-index: 10;"
    data-rellax-speed="15"
    data-bottom-top="background-position:0px 0px;"
    data-top-bottom="background-position:-300px 300px;"
    data-mce-style="margin: 0px !important; background: #FFFFFF url('{template_url}images/section/dots-rotated.png') no-repeat bottom center / cover; z-index: 10;"
>
<div class="container">
    <div class="row justify-content-between align-items-center">
        <div class="col-md-12">
            <div class="heading-block nobottomborder clearfix" style="margin-left: auto; margin-right: auto;">
                <h2 style="text-align: center; "><span style="color: #000 !important;">NAŠE REALIZACE</span></h2>
                <p style="color: #666;" data-mce-style="color: #666;">Prohlédněte si vybrané ukázky referencí námi realizovaných projektů.</p>
            </div>
        </div>
        <div class="col-md-12">
          {shortcode slider list=galleries style=light lang=cz template=galleries_simple variant=simple show_control_dots=false/}
        </div>
    </div>
</div>

</div>
</section><!-- #content end -->
