<!-- Home
  ============================================= -->
<section id="content">
    <div class="content-wrap nopadding">
        <!-- Novinky Section
      ============================================= -->
        <div
            class="section nomargin light"
            style="background: #f9f9f9 url('{template_url}images/web/backgrounds/patterns/pattern-dark.png') repeat center center; padding-top: 80px; padding-bottom: 0px !important;"
            data-rellax-speed="2"
            data-bottom-top="background-position:0px 200px;"
            data-top-bottom="background-position:0px -200px;"
            data-mce-style="background: #F9F9F9 url('{template_url}images/web/backgrounds/pattern/pattern-dark.png') repeat center center; padding-top: 80px; padding-bottom: 0px !important;"
        >
        <div class="heading-block center mt-0 divcenter nobottomborder clearfix" style="max-width: 750px;">
          <h2 class="_black" style="text-align: center;">O respirátorech</h2>
        </div>
            <div class="container">
            <div class="row mb-2 align-items-stretch">

                <p  class="_black" style="width: 100%; text-align: center; font-size: 18px; font-weight:200;margin-top: 46px;">
                Prostředky, které chrání jednotlivce před riziky, jsou osobní ochranné prostředky.
                </p>
                <p>

                Aktuálně je velký zájem o respirátory, přesný název je filtrační polomaska, používejme ale
                termín respirátor. Pro tyto výrobky platí uvedená směrnice společně s evropskou normou
                EN 149+A1 Ochranné prostředky dýchacích orgánů – Filtrační polomasky k ochraně proti
                částicím – Požadavky, zkoušení a značení. Respirátor je určen k ochraně nositele.
                Z hlediska účinnosti jsou respirátory rozděleny do tří tříd ochrany:
                </p>
                <ul>
                <li>
                FFP1 – celková účinnost ochrany > 78 %
                </li>
                <li>
                FFP2 – celková účinnost ochrany > 92 %
                </li>
                <li>
                FFP3 – celková účinnost ochrany > 98 %
                </li>
                <div class="col-lg-6 col-md-6 bottommargin-sm">
                    <div class="feature-box media-box fbox-bg" style="box-shadow: none !important; border: 0px solid #FFF">
                      <div class="fbox-media">
                        <img src="{template_directory}images/web/pages/home/respirator.png?width=260" style="width: 260px; margin-left:auto; margin-right: auto;" alt="Respirátor bez ventilu">
                      </div>
                      <div class="fbox-content border-0">
                        <h3 class="nott ls0 font-weight-semibold center justify">Respirátor bez vydechovacího ventilu
                          <p class="text-black-50" style="font-size: 13px; font-weight: 600;"></p></h3>
                      </div>
                    </div>
                  </div>

                  <div class="col-lg-6 col-md-6 bottommargin-sm">
                      <div class="feature-box media-box fbox-bg" style="box-shadow: none !important; border: 0px solid #FFF">
                        <div class="fbox-media">
                        <img src="{template_directory}images/web/pages/home/respirator-s-ventilem.png?width=260" style="width: 260px; margin-left:auto; margin-right: auto;" alt="Respirátor s ventilem">
                        </div>
                        <div class="fbox-content border-0">
                          <h3 class=" nott ls0 font-weight-semibold center">Respirátor s vydechovacím ventilem
                            <p class="text-black-50" style="font-size: 13px; font-weight: 600;"></p></h3>
                        </div>
                      </div>
                  </div>
                <p>
                Na respirátoru se také nachází označení NR, pokud je určen pro jednorázové použití, nebo R pro
                opakované používání. Blíže viz návod, který musí být přiložen ke každému výrobku.
                </p>
                <p>
                <b>
                Respirátor v jednotlivých třídách může být s vydechovacím ventilem, nebo bez něj.
                Respirátory bez ventilu chrání nositele i okolí. Respirátory s ventilem nezaručují ochranu
                okolí před infekčním nositelem.
                </b>
                </p>





              </div>
            </div>
        </div>
    </div>
    <!--Product Category Section
      ============================================= -->
      <div
          class="section nomargin light"
          style="background: #fff url('{template_url}images/web/background/patterns/pattern-dark4.png') repeat; padding: 60px 0;"
          data-rellax-speed="2"
          data-bottom-top="background-position:0px 200px;"
          data-top-bottom="background-position:0px -200px;"
          data-mce-style="background: #F9F9F9 url('{template_url}images/patterns/pattern-dark4.png') repeat; padding: 60px 0;"
      >
          <div class="container">
              <div class="row justify-content-between align-items-center">
                  <div class="col-md-12">
                    <div class="heading-block center mt-0 divcenter nobottomborder clearfix" style="max-width: 750px;">
                      <h2 class="_black" style="text-align: center;">Nabídka TESTŮ na COVID-19</h2>
                          <p class="_black t600">Výsledek do 15-ti minut</p>
                      </div>
                  </div>
              </div>
          </div>
      </div>

      <div class="section nomargin light"
      style="background-color: #fff;"
           data-rellax-speed="2"
           data-bottom-top="background-position:0px 200px;"
           data-top-bottom="background-position:0px -200px;"
          >

        <div class="container">
          {shortcode slider list=products style=light lang=cz template=classic_products list_id=6 variant=simple max_columns=4 /}
        </div>
      </div>

    <div
        class="section nomargin light"
        style="background: #fff url('{template_url}images/web/background/patterns/pattern-dark4.png') repeat; padding: 60px 0;"
        data-rellax-speed="2"
        data-bottom-top="background-position:0px 200px;"
        data-top-bottom="background-position:0px -200px;"
        data-mce-style="background: #F9F9F9 url('{template_url}images/patterns/pattern-dark4.png') repeat; padding: 60px 0;"
    >
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="col-md-12">
                  <div class="heading-block center mt-0 divcenter nobottomborder clearfix" style="max-width: 750px;">
                    <h2 class="_black" style="text-align: center;">Nabídka respirátorů</h2>
                        <p class="_black t600">Nově v nabídce i respirátory třídy FFP3</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="section nomargin nopadding light front_heading"
         data-rellax-speed="2"
         data-bottom-top="background-position:0px 200px;"
         data-top-bottom="background-position:0px -200px;"
        >

      <div class="container">
        <h4 class="_black front">DĚTSKÉ RESPIRÁTORY FFP2</h4>
    </div>
    </div>

    <div class="section nomargin light"
    style="background-color: #fff;"
         data-rellax-speed="2"
         data-bottom-top="background-position:0px 200px;"
         data-top-bottom="background-position:0px -200px;"
        >

      <div class="container">
        {shortcode slider list=products style=light lang=cz template=classic_products list_id=5 variant=simple max_columns=4 /}
      </div>
    </div>

    <div class="section nomargin nopadding light front_heading"
         data-rellax-speed="2"
         data-bottom-top="background-position:0px 200px;"
         data-top-bottom="background-position:0px -200px;"
        >

      <div class="container">
        <h4 class="_black front">RESPIRÁTORY FFP2</h4>
    </div>
    </div>

    <div class="section nomargin light"
    style="background-color: #fff;"
         data-rellax-speed="2"
         data-bottom-top="background-position:0px 200px;"
         data-top-bottom="background-position:0px -200px;"
        >

      <div class="container">
        {shortcode slider list=products style=light lang=cz template=classic_products list_id=1 variant=simple max_columns=4 /}
      </div>
    </div>

    <div class="section nomargin nopadding light front_heading"
         data-rellax-speed="2"
         data-bottom-top="background-position:0px 200px;"
         data-top-bottom="background-position:0px -200px;"
        >

      <div class="container">
        <h4 class="_black front">RESPIRÁTORY FFP3</h4>
    </div>
    </div>

    <div class="section nomargin light"
    style="background-color: #fff;"
         data-rellax-speed="2"
         data-bottom-top="background-position:0px 200px;"
         data-top-bottom="background-position:0px -200px;"
        >

      <div class="container">
        {shortcode slider list=products style=light lang=cz template=classic_products list_id=2 variant=simple max_columns=4 /}
      </div>
    </div>

    <div class="section nomargin nopadding light front_heading"
         data-rellax-speed="2"
         data-bottom-top="background-position:0px 200px;"
         data-top-bottom="background-position:0px -200px;"
        >

      <div class="container">
        <h4 class="_black front">RESPIRÁTORY KN95</h4>
    </div>
    </div>

    <div class="section nomargin light"
    style="background-color: #fff;"
         data-rellax-speed="2"
         data-bottom-top="background-position:0px 200px;"
         data-top-bottom="background-position:0px -200px;"
        >

      <div class="container">
        {shortcode slider list=products style=light lang=cz template=classic_products list_id=3 variant=simple max_columns=4 /}
      </div>
    </div>

    <!-- O nás Section #898987 d0d4d4 cdd3d4
			============================================= -->
  <!--
    <div
        class="section parallax dark nopadding nomargin"
        style="background: #d0d4d4; padding: 120px 0;min-height: 764px;"
        >

        <div class="col-md-6">
          <div class="container" style="width:564px; margin-right: 0px;">
            <div class="row">
            <h3 class="font-body ls1"><span class="color-2" style=" font-size: 36px;">Proč právě Artis Reality?</span></h3>
            <p class="color-2" style="margin-bottom:0px; margin-top: 46px; width:100%;">1. Individuální přístup</p>
            <p class="text-black-50" style="margin-bottom:0px; margin-top: 0px; width:100%;">Ke každému zákazníkovi přistupujeme individuálně tak, aby byl spokojený.</p>
            <p class="color-2" style="margin-bottom:0px; margin-top: 46px; width:100%;">2. Pevná cena, žádné skryté poplatky</p>
            <p class="text-black-50" style="margin-bottom:0px; margin-top: 0px; width:100%;">Sjednané ceny jsou pevné, bez dalších navyšování při změně dodavatelských podmínek apod., bez dalších víceprací.</p>
            <p class="color-2" style="margin-bottom:0px; margin-top: 46px; width:100%;">3. Bydlení hned</p>
            <p class="color-2" style="margin-bottom:0px; margin-top: 46px; width:100%;">4. Rádi Vám vypracujeme projekt na míru</p>
            <p class="text-black-50" style="margin-bottom:0px; margin-top: 0px; width:100%;">V naší kanceláři se věnujeme převážně stavbám na bydlení - od malých rodinných domů až po velké bytové domy, ale nejsou nám cizí ani průmyslové haly nebo jiné objekty.</p>
            </div>
          </div>
        </div>

        <div class="col-md-6" style="background: #d0d4d4 url('{template_url}images/web/uploaded/home/_duvody.png') 0px 0px / cover;min-height: 764px; padding: 0px !important;margin: 0 !important;">
        </div>

    </div>
-->
    <!-- Dotazy
			============================================= -->

    <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;">
              <h2 class="_black" style="text-align: center;">Máte dotaz?</h2>
                  <p class="_black t600">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">Respirátor</option>
                                    <option value="Služba">Technická podpora</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>

</section>
