{include file="includes/header.html"}
{include file="includes/header-holder.html"}

<main class="main" id="main">
  <section class="section section-banner section-banner-index">
    <div class="container">
      <div class="section-banner__carousel slick-dots-banner" id="section-banner-carousel">
        <div class="section-banner__carousel-item">
          <video width="100%" muted autoplay playsinline style="width: 100%; height: 100%; object-fit: cover;">
            <source src="{$templates_dir}img/Inwemer.mp4" type="video/mp4">
            <source src="{$templates_dir}img/Inwemer.webm" type="video/webm">
            Twoja przeglądarka nie obsługuje tagu video.
          </video>
        </div>
        {if $banerHomepageTop|@count>0}
        {foreach from=$banerHomepageTop key=$k item=$i}
        <div class="section-banner__carousel-item">
          {if $i.mainImageFilename}
           <a {if $i.name=='-' && $i.redirect!=""}href="{$i.redirect}"{/if} class="bg bg--ontop" style="background-image: url('{image f=$i.mainImageFilename w=1800 h=640 return='path'}'); {if $i.style}background-position: {$i.style} 50%;{/if}"></a>
          {/if}
          <!-- zmiana usuniecie d-none -->
          <div class="row  d-md-flex section-banner__content">
            <div class="col-md-6 col-lg-5 offset-md-6 offset-lg-7 d-lg-flex justify-content-lg-center">
              <div class="d-lg-flex">
                <!-- <div class="mr-lg-3 d-xl-none">
                  <div class="section-banner__logo-wrapper">
                    <img src="{$templates_dir}gfx/logo-4.png" alt="" class="img-fluid">
                  </div>
                </div> -->
                <div class="section-banner__heading-wrapper">
				  {if $i.name!='-'}
                  <div class="text-left my-3 mt-lg-0 d-flex">
                    <!-- zmiana usuniecie d-none d-xl-flex dodanie d-flex -->
                    {*<!--
					<div class="section-banner__logo-wrapper d-flex flex-wrap flex-shrink-0 mr-3">
                      <img src="{$templates_dir}gfx/logo-4.png" alt="" class="img-fluid">
                    </div>
					-->*}
                    <div class="d-block">
                      <h2 class="section-heading section-banner__heading 
                      {*if $i.white 1biały 2pomarańcz 0 czarny}
                      section-banner__heading--white
                      {/if*}
                      {if $i.white === '1'}section-banner-page__heading--white

                      {elseif $i.white === '2'}section-banner-page__heading--orange{/if}  

                      ">{$i.name|replace:'|':'<br>'}</h2>

					  {* link_color: 0- pomarancz; 1- bialy; *}
                      {if $i.redirect!=""} <a href="{$i.redirect}" class="btn btn--more btn--more--normal {if $i.link_color === '1'}btn--white{/if}" target="_blank">{'label_more'|translate}</a>{/if}
                    </div>
                  </div>
				  {/if}
                  <!-- zmiana usuniecie d-none -->
                  <div class="d-xl-block">
                    <p>{*$i.content*}</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        {/foreach}
        {/if}

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

  <section class="section">
    <div class="container">
      <div class="row">
        <div class="col-12 col-xl-9 col-xxl-8  offset-xxl-2 m-xl-auto">
          <div class="row mt-md-5 mb-4">
            <div class="col-12 col-md-3">
              <h2 class="section-heading text-md-left m-md-0">{$element.name}</h2>
            </div>
            <div class="col-12 col-md-9">
              <div class="text-center text-md-left">
				<div class="content-advanced">
					{$element.content}
				</div>
				{if !empty($element.accessibility_content)}
				<div class="content-simple">
					{$element.accessibility_content}
				</div>
				{/if}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container px-xs-max-0">
      <div class="row">
        <div class="col-12 col-xl-9 col-xxl-8  offset-xxl-2 m-xl-auto">
          <div class="row carousel carousel--bottom-arrows d-md-flex mb-4 mb-md-5">
            {include file="includes/offer-item.html" content=true}
          </div>
          <div class="carousel-arrows-wrapper"></div>
        </div>
      </div>      
    </div>
  </section>

  <section class="section section-numbers">
    <div class="container position-relative py-4">
      <div class="bg" style="background-image: url({$templates_dir}img/section-numbers-bg.jpg)"></div>

      <div class="row">
        <div class="col-lg-10 offset-lg-1 col-xl-9 col-xxl-8  offset-xxl-2 m-xl-auto">
          <h2 class="section-heading text-left mt-4 mb-4">{'label_mainpagenumbers_shotrAbout'|translate}</h2>
          <div id="carouselSectionNumbers">
            <div class="carousel carousel--padding carousel--bottom-arrows carousel--section-numbers">
              <div class="item">
                <div class="section-numbers__bar">
                  <div class="section-numbers__progress-bar"></div>
                </div>
                <div class="section-numbers__number">
                  <span class="count" data-number="33">0</span> {'label_mainpagenumbers_years'|translate}
                </div>
                <div class="section-numbers__title">
                  {'label_mainpagenumbers_onMarket'|translate}
                </div>
              </div>
              <div class="item">
                <div class="section-numbers__bar">
                  <div class="section-numbers__progress-bar"></div>
                </div>
                <div class="section-numbers__number">
                  <span class="count" data-number="7000">0</span>
                </div>
                <div class="section-numbers__title">
                  {'label_mainpagenumbers_peopleServices'|translate}
                </div>
              </div>
              <div class="item">
                <div class="section-numbers__bar">
                  <div class="section-numbers__progress-bar"></div>
                </div>
                <div class="section-numbers__number">
                  <span class="count" data-number="6440">0</span>
                </div>
                <div class="section-numbers__title">
                  {'label_mainpagenumbers_financialObjects'|translate}
                </div>
              </div>
              <div class="item">
                <div class="section-numbers__bar">
                  <div class="section-numbers__progress-bar"></div>
                </div>
                <div class="section-numbers__number">
                  <span class="count" class="count" data-number="3890">0</span>
                </div>
                <div class="section-numbers__title">
                  {'label_mainpagenumbers_workingFrom'|translate}
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-arrows-wrapper d-none"></div>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <div class="row">
        <div class="col-xl-9 col-xxl-8  offset-xxl-2 m-xl-auto">
          <div class="d-md-flex justify-content-between">
            <div>
              <h2 class="section-heading">{'label_last_news'|translate}</h2>
            </div>
            <div class="d-none d-md-flex align-items-center">
              <a href="{seoLink id_element=1692 noTitle=1 withParents=0 }" class="btn btn--default">{'label_archive_news'|translate}</a>
            </div>
          </div>
          <div class="text-center text-md-left">
          </div>
          <div class="row carousel carousel--bottom-arrows d-md-flex equal-height">
            {foreach from=$pressroom key=key item=item}
            {include file="includes/article.html" art=$item parentLink=$parentLinkPressroom noPrefix=0}
            {/foreach}
          </div>
          <div class="carousel-arrows-wrapper"></div>
          <div class="text-center d-md-none">
            <a href="{seoLink id_element=1692 noTitle=1 withParents=0 }" class="btn btn--default">{'label_archive_news'|translate}</a>
          </div>
          <div class="mb-5"></div>
        </div>
      </div>
    </div>
  </section>
  
  <div class="mb-4">
    {include file="includes/sections/section-partners.html"}
  </div>
  <div class="pb-1"></div>

  <div class="mb-4">
    {include file="includes/sections/section-map.html"}
  </div>
</main>

{include file="includes/footer-holder.html"}
{include file="includes/footer.html"}
{include file="includes/google-map-settings.html"}