<!-- O nás
  ============================================= -->
<section id="content">
    <div class="content-wrap nopadding">
        <!-- Novinky Section
      ============================================= -->
        <div
            class="section nomargin light"
            style="background: #fff url('{template_url}images/web/backgrounds/dots.png') no-repeat center center;padding-bottom: 80px; padding-top: 80px;"
            data-rellax-speed="2"
            data-bottom-top="background-position:0px 0px;"
            data-top-bottom="background-position:0px -200px;"
            >
            <div class="heading-block center divcenter nobottomborder clearfix nomargin" style="max-width: 750px;" data-mce-style="max-width: 750px;">
                <h2 style="color: #000; font-size: 30px;" data-mce-style="color: #000; font-size: 30px;">Krásné bydlení už nemusí být jen váš sen</h2>
            </div>
            <div class="container">
            <div class="row mb-2 align-items-stretch">

                <p style="width: 100%; text-align: center; font-size: 18px; font-weight:200;margin-top: 46px;">
                  Na společné schůzce nejprve probereme všechny vaše představy a očekávání a následně budeme hledat nejschůdnější cestu, jak vašeho přání dosáhnout.<br>
                  Nalezneme takový způsob financování, který bude odpovídat vašim představám a bude co nejlépe řešit vaše potřeby.
                </p>

                <div class="col-sm-6 col-lg-6">
  								<div class="feature-box fbox-plain shadow rounded icon_box" >
  									<div class="fbox-icon" style="padding: 3px; margin-left: 20px; margin-top: 35px;">
  										<a href="#"><img src="{template_url}images/web/icons/orange/offers.svg" alt="Image"></a>
  									</div>
  									<div class="fbox-content">
  										<h3 class="nott font-weight-semibold ls0">Konzultaci o vhodném způsobu financování</h3>
  										<p>Na společné schůzce nejprve probereme všechny vaše představy a očekávání a následně
                         budeme hledat nejschůdnější cestu, jak vašeho přání dosáhnout</p>
  									</div>
  								</div>
  							</div>

                <div class="col-sm-6 col-lg-6">
								<div class="feature-box fbox-plain shadow rounded icon_box">
									<div class="fbox-icon" style="padding: 3px; margin-left: 20px; margin-top: 35px;">
										<a href="#"><img src="{template_url}images/web/icons/orange/piggy-bank.svg" alt="Image"></a>
									</div>
									<div class="fbox-content">
										<h3 class="nott font-weight-semibold ls0">Analýzu nabídek jednotlivých bank</h3>
										<p>Nalezneme takový způsob financování, který bude odpovídat vašim představám a bude co nejlépe řešit vaše potřeby.</p>
									</div>
								</div>
							</div>

              <div class="col-sm-6 col-lg-6">
              <div class="feature-box fbox-plain shadow rounded icon_box">
                <div class="fbox-icon" style="padding: 3px; margin-left: 20px; margin-top: 35px;">
                  <a href="#"><img src="{template_url}images/web/icons/orange/card.svg" alt="Image"></a>
                </div>
                <div class="fbox-content">
                  <h3 class="nott font-weight-semibold ls0">Stavební dotace</h3>
                  <p>Seznámíme Vás s podmínkami dotačních programů a doporučíme Vám dotaci na Váš typ stavby</p>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-lg-6">
            <div class="feature-box fbox-plain shadow rounded icon_box">
              <div class="fbox-icon" style="padding: 3px; margin-left: 20px; margin-top: 35px;">
                <a href="#"><img src="{template_url}images/web/icons/orange/barcode.svg" alt="Image"></a>
              </div>
              <div class="fbox-content">
                <h3 class="nott font-weight-semibold ls0">Stavební poradenství</h3>
                <p>Jsme připraveni Vám nabídnout komplexní nabídku služeb od vypracování projektu až po kolaudaci</p>
              </div>
            </div>
          </div>

              </div>
            </div>
        </div>
    </div>
    <!--Investors Section
      ============================================= -->
      <div
          class="section parallax dark nopadding nomargin"
          style="background: #fff; padding: 120px 0;"
          >
            <div class="container">
              <div class="col-md-12">
              <div class="owl-carousel team-carousel carousel-widget owl-loaded owl-drag with-carousel-dots light simple" data-margin="0" data-loop="true" data-nav="true" data-autoplay="5000" data-pagi="false" data-items-xs="3" data-items-xl="4" style="min-height: 264px; margin: 0px 0px;">
	<div class="owl-stage-outer" style="padding: 16px 0px;">
		<div class="owl-stage" style="transform: translate3d(-1462px, 0px, 0px); transition: all 0.25s ease 0s; width: 4095px;">

	<div class="owl-item">
		<div class="oc-item">
				<div class="feature-box fbox-center fbox-border fbox-dark fbox-effect" style="width: 86%; padding-top:10px;margin-left: auto; margin-right: auto;">
					<div class="feature-box media-box fbox-bg" style="background-color: #fafafa; border-radius: 6px;padding-top: 60px; border: 0px;height: 210px;">
						<div class="fbox-icon" style="position: relative;top: 20px; margin-bottom: -46px; width: 100%;">
					<!--		<i class="background_icon" style="border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;"></i> -->
							<img src="{template_directory}images/bank_logos/sporitelna.jpg?width=264" alt="Česká spořitelna" style="margin-left: 0px; margin-top: 0px; top: -30px; left: 0px;width: 100%; height: auto; border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;">
			<!--		<div class="fbox-icon-box" style="background: url('{template_url}images/eye_galleries/1/opt/rek_strecha.optimalized.longer.landscape.264.jpg') center center / cover; border-radius: 16px; width: 194px; height: 194px; margin-left: 0px; margin-top: 0px; top: -130px; left: -48px;"></div> -->
						</div>
				<!--		<h3 class="nott ls0 font-weight-semibold">
							<div style="height: 64px; padding: 5px;padding-top: 74px; color: #fc9302;">
								Česká spořitelna
							</div>
						</h3>
        -->

				</div>
			</div>
		</div>
	</div>


	<div class="owl-item" style="width: 292.5px;">
		<div class="oc-item">
				<div class="feature-box fbox-center fbox-border fbox-dark fbox-effect" style="width: 86%; padding-top:10px;margin-left: auto; margin-right: auto;">
					<div class="feature-box media-box fbox-bg" style="background-color: #fafafa; border-radius: 6px;padding-top: 60px; border: 0px;height: 210px;">
						<div class="fbox-icon" style="position: relative;top: 25px; margin-bottom: -46px; width: 100%;">
					<!--		<i class="background_icon" style="border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;"></i> -->
							<img src="{template_directory}images/bank_logos/air_bank.jpg?width=264" alt="Air Bank" style="margin-left: 0px; margin-top: 0px; top: -30px; left: 0px;width: 100%; height: auto; border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;">
			<!--		<div class="fbox-icon-box" style="background: url('{template_url}images/eye_galleries/2/opt/dlazba.optimalized.longer.landscape.264.jpg') center center / cover; border-radius: 16px; width: 194px; height: 194px; margin-left: 0px; margin-top: 0px; top: -130px; left: -48px;"></div> -->
						</div>

				</div>
			</div>
		</div>
	</div>

	<div class="owl-item">
		<div class="oc-item">
				<div class="feature-box fbox-center fbox-border fbox-dark fbox-effect" style="width: 86%; padding-top:10px;margin-left: auto; margin-right: auto;">
					<div class="feature-box media-box fbox-bg" style="background-color: #fafafa; border-radius: 6px;padding-top: 60px; border: 0px;height: 210px;">
						<div class="fbox-icon" style="position: relative;top: 25px; margin-bottom: -46px; width: 100%;">
					<!--		<i class="background_icon" style="border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;"></i> -->
						<img src="{template_directory}images/bank_logos/kb.jpg?width=264" alt="Komerční Banka" style="margin-left: 0px; margin-top: 0px; top: -30px; left: 0px;width: 100%; height: auto; border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;">
			<!--		<div class="fbox-icon-box" style="background: url('{template_url}images/eye_galleries/3/opt/rekonstrukce-domu.optimalized.longer.landscape.264.jpg') center center / cover; border-radius: 16px; width: 194px; height: 194px; margin-left: 0px; margin-top: 0px; top: -130px; left: -48px;"></div> -->
						</div>

				</div>
			</div>
		</div>
	</div>

	<div class="owl-item">
		<div class="oc-item">
				<div class="feature-box fbox-center fbox-border fbox-dark fbox-effect" style="width: 86%; padding-top:10px;margin-left: auto; margin-right: auto;">
					<div class="feature-box media-box fbox-bg" style="background-color: #fafafa; border-radius: 6px;padding-top: 60px; border: 0px;height: 210px;">
						<div class="fbox-icon" style="position: relative;top: 25px; margin-bottom: -46px; width: 100%;">
					<!--		<i class="background_icon" style="border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;"></i> -->
						<img src="{template_directory}images/bank_logos/moneta.jpg?width=264" alt="Moneta" style="margin-left: 0px; margin-top: 0px; top: -30px; left: 0px;width: 100%; height: auto; border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;">
			<!--		<div class="fbox-icon-box" style="background: url('{template_url}images/eye_galleries/4/opt/jadro.optimalized.longer.landscape.264.jpg') center center / cover; border-radius: 16px; width: 194px; height: 194px; margin-left: 0px; margin-top: 0px; top: -130px; left: -48px;"></div> -->
						</div>


				</div>
			</div>
		</div>
	</div>

	<div class="owl-item">
		<div class="oc-item">
				<div class="feature-box fbox-center fbox-border fbox-dark fbox-effect" style="width: 86%; padding-top:10px;margin-left: auto; margin-right: auto;">
					<div class="feature-box media-box fbox-bg" style="background-color: #fafafa; border-radius: 6px;padding-top: 60px; border: 0px;height: 210px;">
						<div class="fbox-icon" style="position: relative;top: 25px; margin-bottom: -46px; width: 100%;">
					<!--		<i class="background_icon" style="border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;"></i> -->
							<img src="{template_directory}images/bank_logos/pyramida.jpg?width=264" alt="Modrá pyramida" style="margin-left: 0px; margin-top: 0px; top: -30px; left: 0px;width: 100%; height: auto; border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;">
			<!--		<div class="fbox-icon-box" style="background: url('{template_url}images/eye_galleries/5/opt/stavba-2.optimalized.longer.landscape.264.jpg') center center / cover; border-radius: 16px; width: 194px; height: 194px; margin-left: 0px; margin-top: 0px; top: -130px; left: -48px;"></div> -->
						</div>


				</div>
			</div>
		</div>
	</div>

	<div class="owl-item">
		<div class="oc-item">
				<div class="feature-box fbox-center fbox-border fbox-dark fbox-effect" style="width: 86%; padding-top:10px;margin-left: auto; margin-right: auto;">
					<div class="feature-box media-box fbox-bg" style="background-color: #fafafa; border-radius: 6px;padding-top: 60px; border: 0px;height: 210px;">
						<div class="fbox-icon" style="position: relative;top: 25px; margin-bottom: -46px; width: 100%;">
					<!--		<i class="background_icon" style="border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;"></i> -->
							<img src="{template_directory}images/bank_logos/mbank.jpg?width=264" alt="mBank" style="margin-left: 0px; margin-top: 0px; top: -30px; left: 0px;width: 100%; height: auto; border-radius: 0px; border-top-left-radius: 6px;border-top-right-radius: 6px;">
			<!--		<div class="fbox-icon-box" style="background: url('{template_url}images/eye_galleries/6/opt/stavba-1.optimalized.longer.landscape.264.jpg') center center / cover; border-radius: 16px; width: 194px; height: 194px; margin-left: 0px; margin-top: 0px; top: -130px; left: -48px;"></div> -->
						</div>

				</div>
			</div>
		</div>
	</div>

</div>
  	</div>
	<div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="icon-angle-left"></i></button><button type="button" role="presentation" class="owl-next"><i class="icon-angle-right"></i></button></div><div class="owl-dots disabled"></div></div>

            </div>
            </div>
      </div>

      <div
      class="section nomargin light"
      style="background: #fff url('{template_url}images/web/backgrounds/house.jpg') no-repeat center center / cover;padding-bottom: 80px; padding-top: 80px;min-height: 864px;"
      data-rellax-speed="2"
      data-bottom-top="background-position:0px 64px;"
      data-top-bottom="background-position:0px -200px;"
          >
          <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>
