<!-- Školení
      ============================================= -->
<section id="content">
    <div class="content-wrap nopadding">
        <div
            class="section nomargin light"
            style="padding-bottom: 0 !inportant; background: #fff url('\'\'') no-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: 0 !inportant; background: #FFF url('\'\'') no-repeat center center;"
        >
            <div class="container clearfix">
                <div class="row">
                    <div class="col-md-12">
                        <div class="heading-block center mt-0 divcenter nobottomborder clearfix">
                            <h2 style="color: #0054a6; font-size: 30px;" data-mce-style="color: #0054a6; font-size: 30px;">Training</h2>
                            <p style="text-align: center;" data-mce-style="text-align: center;">
                                The continuous progress in telecommunications requires an ongoing education of human resources. As transfers via data networks improve in quality and speed, increased demand is placed on technicians and
                                designers of Telco companies. To maintain the competitive edge with regard to the installation and design of high-capacity connections, or due to the usage of increasingly sophisticated work procedures
                                required by the complex telecommunications infrastructure, trained employees are the most valuable asset of a company.
                            </p>
                            <p style="text-align: center;" data-mce-style="text-align: center;">
                                <br />
                                Thanks to our long tradition, we are able to supply usable know-how to our partners. Trainers in Raycom are professionals with extensive hands-on experience, thus trainees are only provided with selected
                                information on the need-to-know basis. You will always be welcome in our pleasant premises and provided with high-standard training to your full satisfaction!
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div
            class="section parallax parallax-bg mt-4 mb-3 light"
            style="margin-top: -0px !important; background: #ffffff url('') 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;"
        >
            <div class="container">
                <div class="container clearfix">
                    <ul class="inline_category_container" style="padding-bottom: 64px;">
                        <li class="inline_category_item" style="width: 20%;"></li>

                        <li class="inline_category_item" style="width: 27%;">
                            <a href="{project_url}training-metallic-networks/index.html" class="inline_category_item_link">
                                <div class="inline_category_item_image_cover">
                                    <img src="https://raycom.cz/templates/it-technologie/images/katalog/metalika.jpg" class="inline_category_item_image" />
                                </div>
                                <div class="inline_category_item_heading_cover">
                                    <h2 class="inline_category_item_heading">
                                        Metallic Networks
                                    </h2>
                                </div>
                            </a>
                        </li>

                        <li class="inline_category_item" style="width: 6%;"></li>

                        <li class="inline_category_item" style="width: 27%;">
                            <a href="{project_url}training-optical-networks/index.html" class="inline_category_item_link">
                                <div class="inline_category_item_image_cover">
                                    <img src="https://raycom.cz/templates/it-technologie/images/katalog/optika.jpg" class="inline_category_item_image" />
                                </div>
                                <div class="inline_category_item_heading_cover">
                                    <h2 class="inline_category_item_heading">
                                        Optical Networks
                                    </h2>
                                </div>
                            </a>
                        </li>

                        <li class="inline_category_item" style="width: 20%;"></li>
                    </ul>
                </div>

                <!-- Contact Info
      ============================================= -->
                <!-- <div class="row clear-bottommargin contact_row" style="margin-top: -200px"> -->

                <div class="col-lg-3 col-md-6 bottommargin clearfix center"></div>

                <div class="col-lg-3 col-md-6 bottommargin clearfix center"></div>
            </div>
            <!-- Contact Info End -->
        </div>
    </div>

    <!--    <div class="section parallax parallax-bg mt-4 mb-3 light" style="margin-top: -0px !important; background: #FFFFFF url('\'\'') 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-top: -0px !important; background: #FFFFFF url('\'\'') no-repeat bottom center / cover; z-index: 10;"><div class="container"><div class="container clearfix"><ul class="inline_category_container" style="padding-bottom: 64px;" data-mce-style="padding-bottom: 64px;"><li class="inline_category_item" style="width: 27%;" data-mce-style="width: 27%;"><div class="inline_category_item_image_cover"><img src="https://raycom.cz/templates/it-technologie/images/katalog/metalika.jpg" class="inline_category_item_image" data-mce-src="https://raycom.cz/templates/it-technologie/images/katalog/metalika.jpg"></div><div class="inline_category_item_heading_cover"><h2 class="inline_category_item_heading">Metallic Networks</h2></div></li><li class="inline_category_item" style="width: 6%;" data-mce-style="width: 6%;"></li><li class="inline_category_item" style="width: 27%;" data-mce-style="width: 27%;"><div class="inline_category_item_image_cover"><img src="https://raycom.cz/templates/it-technologie/images/katalog/optika.jpg" class="inline_category_item_image" data-mce-src="https://raycom.cz/templates/it-technologie/images/katalog/optika.jpg"></div><div class="inline_category_item_heading_cover"><h2 class="inline_category_item_heading">Optical Networks</h2></div></li><li class="inline_category_item" style="width: 20%;" data-mce-style="width: 20%;"></li></ul></div>
-->
    <!-- Contact Info ============================================= -->
    <div class="row clear-bottommargin contact_row">
        <div class="col-lg-3 col-md-6 bottommargin clearfix center">
            <br />
        </div>
        <div class="col-lg-3 col-md-6 bottommargin clearfix center">
            <br />
        </div>
    </div>
    <!-- Contact Info End -->

    <div
        class="section nomargin light"
        style="background: #f9f9f9 url('images/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('images/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;">ANY QUESTIONS?</h2>
                <p class="lead">For any questions, please do not hesitate to send us an 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">
                            <br />
                        </div>
                        <form class="nobottommargin" id="template-contactform" name="template-contactform" action="" method="post" novalidate="">
                            <div class="form-process"><br /></div>
                            <div class="col_one_third">
                                <label for="name">Name <small>*</small></label> <input type="text" id="name" name="name" value="" class="sm-form-control required" />
                            </div>
                            <div class="col_one_third">
                                <label for="email">Email <small>*</small></label> <input type="email" id="email" name="email" value="" class="required email sm-form-control" />
                            </div>
                            <div class="col_one_third col_last"><label for="phone">Phone </label> <input type="text" id="phone" name="phone" value="" class="sm-form-control" /></div>
                            <div class="clear"><br /></div>
                            <div class="col_two_third">
                                <label for="firm">Company <small>*</small></label> <input type="text" id="firm" name="subject" value="" class="required sm-form-control" />
                            </div>
                            <div class="col_one_third col_last"><label for="voucher">Voucher</label> <input type="text" id="voucher" name="voucher" value="" class="required sm-form-control" /></div>
                            <div class="clear"><br /></div>
                            <div class="col_full">
                                <label for="message">Message <small>*</small></label> <textarea class="required sm-form-control" id="message" name="message" rows="6" cols="30"></textarea>
                            </div>
                            <div class="col_full hidden"><input type="text" id="botcheck" name="botcheck" value="" class="sm-form-control" /></div>
                            <div class="col_full"><button class="button button-3d nomargin" type="submit" id="submit" name="submit" value="submit" onclick="sendData_skoleniForm();">Send</button></div>
                            <input type="hidden" name="prefix" value="info" />
                        </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;">WHERE TO FIND US?</h2>
                <p class="lead">Our offices and Training Centre are situated at Vestec, 104 Vídeňská Street – on the premises of "SAFINA" on the outskirts of the capital city of Prague.</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_url}images/icons/car.png" data-mce-src="{template_url}images/icons/car.png" /></div>
                        <h3>BY CAR</h3>
                        <span class="subtitle h_subtitle">Access from Prague straight along Vídeňská Street. “EXIT 2” from D1 motorway</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_url}images/icons/bus.png" data-mce-src="{template_url}images/icons/bus.png" /></div>
                        <h3>
                            CITY TRANSPORT
                        </h3>
                            <span class="subtitle h_subtitle">
                                From Budějovická metro station, bus stop opposite the Raiffeisenbank building, Olbrachtova Street , bus lines nos. 332, 334, 335, 339 (not line 362). Bus stop to get off: Vestec, Safina (1st extended zone),
                                time of travel from Budějovická metro station approx. 17 min.
                            </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_url}images/icons/gps.png" data-mce-src="{template_url}images/icons/gps.png" /></div>
                        <h3>GPS</h3>
                        <span class="subtitle h_subtitle">49.9860714N, 14.4925556E</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="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;" data-mce-style="height: 446px;"></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; display: none;" data-mce-style="height: 446px; display: none;"></section>
    </div>
</section>
