{strip}
    {fetch_banners assign=banners limit=10 section=$section.sectionId}
    {if !empty($banners)}
		<section class="flex:col pad-t-static pad-b-100">
			<div class="flex:col-max">

				<div class="intro">

					<div class="swiper intro-slider_js">
						<div class="swiper-wrapper">
                            {foreach item=banner from=$banners name=banners}
								<div class="swiper-slide">

									<div class="intro__banner">

										<div class="intro__banner-bg" data-swiper-parallax="90%">
											<picture>
												<source srcset="{$banner.images.medium}" media="(max-width: 550px)" />
												<source srcset="{$banner.images.medium}" media="(max-width: 768px)" />
												<source srcset="{$banner.images.large}" media="(max-width: 1024px)" />
												<source srcset="{$banner.images.original}" media="(max-width: 1440px)" />
												<img src="{$banner.images.original}" alt="{$banner.title nofilter}" />
											</picture>
										</div>
										<div class="intro__banner-info">
											<div class="text-tmp color-white title-56 all-center" data-swiper-parallax="80%">
                                                {if $smarty.foreach.banners.first}
													<h1>{$banner.title nofilter}</h1>
                                                {else}
													<h2>{$banner.title nofilter}</h2>
                                                {/if}
											</div>
										</div>
									</div>
								</div>
                            {/foreach}

						</div>
					</div>

				</div>

			</div>
		</section>
    {/if}
{/strip}