<!-- Kontakty
				============================================= -->
<section id="content">
    <div class="content-wrap nopadding">
        <div
            class="section parallax parallax-bg mt-4 mb-3 light"
            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="heading-block center mt-0 divcenter nobottomborder clearfix" style="max-width: 750px;" data-mce-style="max-width: 750px;">
                    <h2 style="color: #0054a6; font-size: 30px;" data-mce-style="color: #0054a6; font-size: 30px;">Kontakty</h2>
                </div>
                <!-- Contact Info
 ============================================= -->
                <div class="row clear-bottommargin contact_row">
                    <div class="col-lg-12 col-md-6 bottommargin clearfix center" style="height: 34px;" data-mce-style="height: 34px;">
                        <div id="cz_contact_button" class="flag_cover flag_cover_active">
                            <img class="contact_button flag" src="{template_directory}images/flags/rec/{flag_type_cz}/cz.png?width=84" width="84" data-mce-src="{template_directory}images/flags/rec/{flag_type_cz}/cz.png?width=84" />
                        </div>
                        <div id="sk_contact_button" class="flag_cover" style="margin-left: 5px; margin-right: 5px;" data-mce-style="margin-left: 5px; margin-right: 5px;">
                            <img class="contact_button flag" src="{template_directory}images/flags/rec/{flag_type_sk}/sk.png?width=84" width="84" data-mce-src="{template_directory}images/flags/rec/{flag_type_sk}/sk.png?width=84" />
                        </div>
                        <div id="pl_contact_button" class="flag_cover">
                            <img class="contact_button flag" src="{template_directory}images/flags/rec/{flag_type_pl}/pl.png?width=84" width="84" data-mce-src="{template_directory}images/flags/rec/{flag_type_pl}/pl.png?width=84" />
                        </div>
                        <!--
<div class="big_lang_selector selector_lang_cz {active_cz}" id="cz_contact_button"></div>
<div class="big_lang_selector selector_lang_sk {active_sk}" id="sk_contact_button"></div>
<div class="big_lang_selector selector_lang_pl {active_pl}" id="pl_contact_button"></div>
-->
                    </div>
                    <div class="col-lg-3 col-md-6 bottommargin clearfix center">&nbsp;</div>
                    <div id="cz_address" class="col-lg-6 col-md-3 bottommargin clearfix center" style="display: none; font-size: 18px; height: 164px;" data-mce-style="display: none; font-size: 18px; height: 164px;">
                        <span style="color: #0054a6; font-weight: bold;" data-mce-style="color: #0054a6; font-weight: bold;">{cz_address_inline}</span><br />
                        Tel.: {cz_second_phone}, E-mail: {cz_mail}<br />
                        IČO: {cz_ic}<br />
                        DIČ: {cz_dic}
                    </div>
                    <div id="sk_address" class="col-lg-6 col-md-3 bottommargin clearfix center" style="display: none; font-size: 18px; height: 164px;" data-mce-style="display: none; font-size: 18px; height: 164px;">
                        <span style="color: #0054a6; font-weight: bold;" data-mce-style="color: #0054a6; font-weight: bold;">{sk_address_inline}</span><br />
                        Tel.: {sk_second_phone}, E-mail: {sk_mail}<br />
                        IČO: {sk_ic}<br />
                        DIČ: {sk_dic}
                    </div>
                    <div id="pl_address" class="col-lg-6 col-md-3 bottommargin clearfix center" style="font-size: 18px; height: 164px;" data-mce-style="font-size: 18px; height: 164px;">
                        <span style="color: #0054a6; font-weight: bold;" data-mce-style="color: #0054a6; font-weight: bold;">{pl_address_inline}</span><br />
                        Tel.: {pl_second_phone}, E-mail: {pl_mail}<br />
                        IČO: {pl_ic} DIČ: {pl_dic}
                    </div>
                    <div class="col-lg-3 col-md-6 bottommargin clearfix center">&nbsp;</div>
                </div>
                <!-- Contact Info End -->
            </div>
        </div>
        <div
            class="section dark nopadding simple_team_list"
            style="height: 364px; margin: 0px !important; z-index: 2; background: #f5f5f5 url('{template_url}images/patterns/pattern-dark3.png') repeat;"
            data-mce-style="height: 364px; margin: 0px !important; z-index: 2; background: #F5F5F5 url('{template_url}images/patterns/pattern-dark3.png') repeat;"
        >
            <div class="container">
                <div id="team_simple_cz" style="display: none;" data-mce-style="display: none;">
                    <div class="row clear-bottommargin"><div class="col_full">{shortcode slider list=team_contacts style=dark lang=cz template=raycom /}</div></div>
                </div>
                <div id="team_simple_sk" style="display: none;" data-mce-style="display: none;">
                    <div class="row clear-bottommargin"><div class="col_full">{shortcode slider list=team_contacts style=dark lang=sk template=raycom /}</div></div>
                </div>
                <div id="team_simple_pl" style="display: block;" data-mce-style="display: block;">
                    <div class="row clear-bottommargin"><div class="col_full">{shortcode slider list=team_contacts style=dark lang=pl template=raycom /}</div></div>
                </div>
            </div>
        </div>
        <div
            class="section nomargin light"
            style="background: #f9f9f9 url('{template_url}images/patterns/pattern-dark.png') repeat center center;"
            data-rellax-speed="2"
            data-bottom-top="background-position:0px 0px;"
            data-top-bottom="background-position:0px 200px;"
            data-mce-style="background: #F9F9F9 url('{template_url}images/patterns/pattern-dark.png') repeat center center;"
        >
            <div class="container clearfix">
                <div class="heading-block center mt-0 divcenter nobottomborder clearfix" style="max-width: 750px;" data-mce-style="max-width: 750px;">
                    <h2 style="color: #0054a6; font-size: 30px;" data-mce-style="color: #0054a6; font-size: 30px;">MASZ PYTANIE?</h2>
                    <p class="lead">„W razie jakichkolwiek pytań, nie wahaj się wysłać do nas e-maila“</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="include/form.php" method="post" name="template-contactform" novalidate="">
                                <div class="form-process">&nbsp;</div>
                                <div class="col_one_third">
                                    <label for="name">Imię i nazwisko <small>*</small></label> <input id="name" class="sm-form-control required" name="name" type="text" value="" />
                                </div>
                                <div class="col_one_third">
                                    <label for="email">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 for="phone">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 for="subject">Temat <small>*</small></label> <input id="subject" class="required sm-form-control" name="subject" type="text" value="" />
                                </div>
                                <div class="col_one_third col_last">
                                    Typ zapytania&nbsp;
                                    <select id="service" class="sm-form-control" name="service">
                                        <option value="">-- Wybierać --</option>
                                        <option value="Wordpress">Dotyczy produktu</option>
                                        <option value="PHP / MySQL">Dotyczy usługi</option>
                                        <option value="HTML5 / CSS3">Dotyczy szkolenia</option>
                                    </select>
                                </div>
                                <div class="clear">&nbsp;</div>
                                <div class="col_full">
                                    <label for="message">Wiadomość <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="botcheck" class="sm-form-control" name="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();">Wyślij</button></div>
                                <input name="prefix" type="hidden" value="" />
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div
            class="section nomargin dark"
            style="padding-bottom: 0px; padding-top: 100px; background: #f9f9f9 url('{template_url}images/patterns/pattern-dark3.png') repeat center center;"
            data-rellax-speed="2"
            data-bottom-top="background-position:0px 0px;"
            data-top-bottom="background-position:0px 200px;"
            data-mce-style="padding-bottom: 0px; padding-top: 100px; background: #F9F9F9 url('{template_url}images/patterns/pattern-dark3.png') repeat center center;"
        >
            <div class="container clearfix">
                <div class="heading-block center mt-0 divcenter nobottomborder clearfix" style="max-width: 750px;" data-mce-style="max-width: 750px;">
                    <h2 style="color: #0054a6; font-size: 30px;" data-mce-style="color: #0054a6; font-size: 30px;">JAK DO NAS DOJECHAĆ?</h2>
                    <p class="lead">Nasze biuro znajduje się w Warszawie, przy ulicy Modularna 3a, w dzielnicy Włochy, w pobliżu Lotniska im. Chopina.</p>
                </div>
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-4 col-md-6 bottommargin clearfix">
                        <div
                            class="feature-box fbox-center fbox-bg fbox-plain"
                            style="min-height: 364px; background: none !important; border-color: rgba(255, 255, 255, 0);"
                            data-mce-style="min-height: 364px; background: none !important; border-color: rgba(255,255,255,0);"
                        >
                            <div class="fbox-icon"><img src="{template_directory}images/icons/car.png?width=96" data-mce-src="{template_directory}images/icons/car.png?width=96" /></div>
                            <h3>SAMOCHODEM</h3>
                            <span class="subtitle h_subtitle">Dojazd samochodem z ul. Łopuszańskiej lub Alei Krakowskiej</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 bottommargin clearfix">
                        <div
                            class="feature-box fbox-center fbox-bg fbox-plain"
                            style="min-height: 364px; background: none !important; border-color: rgba(255, 255, 255, 0);"
                            data-mce-style="min-height: 364px; background: none !important; border-color: rgba(255,255,255,0);"
                        >
                            <div class="fbox-icon"><img src="{template_directory}images/icons/bus.png?width=96" data-mce-src="{template_directory}images/icons/bus.png?width=96" /></div>
                            <h3>KOMUNIKACJA MIEJSKA</h3>
                            <span class="subtitle h_subtitle">Autobusami lub tramwajem do pętli OKĘCIE, stamtąd ok 1 km pieszo</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 bottommargin clearfix">
                        <div
                            class="feature-box fbox-center fbox-bg fbox-plain"
                            style="min-height: 364px; background: none !important; border-color: rgba(255, 255, 255, 0);"
                            data-mce-style="min-height: 364px; background: none !important; border-color: rgba(255,255,255,0);"
                        >
                            <div class="fbox-icon"><img src="{template_directory}images/icons/gps.png?width=96" data-mce-src="{template_directory}images/icons/gps.png?width=96" /></div>
                            <h3>GPS</h3>
                            <span class="subtitle h_subtitle">52.180913N, 20.937305E</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Map Section -->
        <div
            class="section parallax parallax-bg mt-4 mb-3 light nopadding"
            style="height: 446px; 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="height: 446px; margin: 0px !important; background: #FFFFFF url('{template_url}images/section/dots-rotated.png') no-repeat bottom center / cover; z-index: 10;"
        >
            <section id="google-map-cz" class="gmap" style="height: 446px; display: none;" data-mce-style="height: 446px; display: none;"></section>
            <section id="google-map-sk" class="gmap" style="height: 446px; display: none;" data-mce-style="height: 446px; display: none;"></section>
            <section id="google-map-pl" class="gmap" style="height: 446px;" data-mce-style="height: 446px;"></section>
            &nbsp;
        </div>
    </div>
</section>
<!-- #content end -->
