<section id="lead-magnets" class="static">
<a href="#" id="showLeadsBtn" class="lead-magnet-static lead-magnet-static-mobile" title="">
<i class="ico-list-ul"></i>
</a>
<a href="#" class="lead-magnet-static lead-magnet-static-mobile" data-toggle="modal" data-target="#callback-order">
<i class="ico-phone"></i>
</a>
<a href="http://m.me/subaru.vidi/" target="_blank" class="lead-magnet-static lead-magnet-static-mobile" title=" " >
<i class="ico-facebook-chat"></i>
</a>
<div class="lead-magnets-desctop d-none d-md-block" id="lead-magnets-wr">
<div class="lead-magnets-group">
<a href="{{ path('subaru_service_consultation') }}" class="lead-magnet-static">
{% include '@DcSite/Modules/magnets-ico/drive.html.twig' %}
<p>{{ 'pages.leads.leads_td'|trans({}, 'dc_base') }}</p>
</a>
<a href="{{ path('subaru_service_order_to') }}" class="lead-magnet-static">
{% include '@DcSite/Modules/magnets-ico/tool.html.twig' %}
<p>{{ 'main.assign_to_service'|trans({}, 'dc_infiniti') }}</p>
</a>
<a href="{{ path('subaru_finance_credit') }}" class="lead-magnet-static" >
{% include '@DcSite/Modules/magnets-ico/percent.html.twig' %}
<p>{{ 'main.credit'|trans({}, 'dc_infiniti') }}</p>
</a>
<a href="{{ path('subaru_finance_leasing') }}" class="lead-magnet-static">
<div class="icoLead">
<svg viewBox="0 0 30 30" width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.101 14.952c0 8.285-6.716 15-15 15-8.284 0-15-6.715-15-15 0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15zM11.359 5.005c-.283.102-.73.296-1.915.83-1.865.84-2.5 1.107-3.091 1.302-.286.094-.293.095-.77.106l-.482.01v1.91c0 1.718.004 1.911.04 1.925.021.008.109.015.194.015.225 0 .596.066.85.151.328.11.62.265 1.18.629.673.436.974.58 1.447.69.14.032.304.041.72.041.596 0 .8-.016 2.052-.163.99-.115 1.486-.142 1.844-.098.135.017.678.102 1.206.191.635.106 1.03.16 1.165.16.47 0 .836-.19 1.017-.53a.968.968 0 00.035-.783c-.013-.032.023-.012.1.058.275.252.737.347 1.008.208.225-.116.364-.372.364-.672a.575.575 0 00-.087-.355c-.174-.332-2.015-3.355-2.163-3.55a1.392 1.392 0 00-.298-.221c-.509-.3-2.227-1.155-3.064-1.526-.906-.4-1.053-.436-1.352-.328zm1.453 2.9c.529.178 1.414.504 1.629.6.157.07.181.093.438.416.222.279 1.157 1.44 1.534 1.905l.09.11-.123-.093c-.472-.36-1.519-.84-2.073-.953-.298-.06-.917-.087-1.62-.071-.72.016-.82.003-1.141-.154-.348-.17-.537-.438-.558-.79-.04-.68.445-1.143 1.172-1.117.21.007.286.025.652.147zm5.568 4.089a1.09 1.09 0 01-.86.259.91.91 0 00-.166-.018 1.833 1.833 0 00-.05.127c-.026.066-.078.17-.116.231l-.07.111.046.082a.484.484 0 01-.107.613c-.137.126-.253.165-.456.152a.5.5 0 01-.424-.253c-.044-.08-.062-.092-.141-.092-.118 0-.758-.086-1.232-.164-.532-.088-.477-.118-.459.245.03.597.26 1.255.532 1.522l.113.111.45.008.45.008v3.348l.19.251.192.252h.767l.188-.244.189-.244.006-1.677.006-1.677.426-.012c.27-.008.445-.024.48-.044.184-.106.448-.633.573-1.145.054-.22.06-.308.06-.728 0-.525-.02-.65-.145-.834-.06-.09-.285-.28-.328-.277-.008 0-.059.04-.114.089zm2.005 6.86c-.249.045-.656.176-1.091.351-.91.368-1.382.522-1.966.642a10.48 10.48 0 01-1.978.191c-.712.001-1.198.12-1.481.363a.88.88 0 00-.188.258c-.078.158-.082.182-.082.443 0 .25.006.288.066.402.141.267.435.464.87.583l.24.065 1.615.01c1.41.007 1.652.003 1.915-.034a9.808 9.808 0 001.425-.347c.193-.062.354-.109.359-.104.005.005-.1.106-.233.224-.548.487-1.063.79-1.633.96-.128.038-.33.043-1.846.05-1.118.006-1.772 0-1.906-.018-.445-.059-.815-.196-1.1-.407-.365-.271-.559-.679-.56-1.175-.001-.399.086-.786.225-1.006a.514.514 0 00.07-.13 26.049 26.049 0 00-.596-.263c-1.342-.582-1.418-.607-1.827-.61-.216 0-.283.008-.377.051a.76.76 0 00-.44.606c-.01.071-.023.13-.031.13-.009 0-.15-.034-.313-.075-.425-.108-.637-.095-.924.057-.302.159-.446.487-.39.889a.909.909 0 00.276.534c.217.212.246.225 2.412 1.127 2.255.94 4.277 1.733 5.275 2.07.59.2.847.263.996.243.326-.043 1.065-.284 2.752-.896a35.79 35.79 0 011.477-.513 3.352 3.352 0 011.201-.046c.389.067.906.26 1.134.42.04.028.078.042.088.033.035-.035 1.299-3.731 1.282-3.75-.02-.022-1.923-.788-2.479-.998-.74-.28-1.175-.373-1.71-.369a3.915 3.915 0 00-.527.038z" fill="red" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode:normal"/>
</svg>
</div>
<p>{{ 'pages.leads.leads_leasing'|trans({},'dc_base') }}</p>
</a>
<a href="{{ path('subaru_finance_trade_in') }}" class="lead-magnet-static">
<div class="icoLead">
<svg width="28" height="28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
<path d="M14 0C6.23636 0 0 6.23636 0 14C0 21.7636 6.23636 28 14 28C21.7636 28 28 21.7636 28 14C28 6.23636 21.7636 0 14 0ZM22.0818 9.60909L11.9 20.1727C11.7727 20.3 11.6455 20.3636 11.4545 20.3636C11.2636 20.3636 11.0727 20.3 11.0091 20.1727L6.04545 14.8273L5.91818 14.7C5.79091 14.5727 5.72727 14.3818 5.72727 14.2545C5.72727 14.1273 5.79091 13.9364 5.91818 13.8091L6.80909 12.9182C7.06364 12.6636 7.44545 12.6636 7.7 12.9182L7.76364 12.9818L11.2636 16.7364C11.3909 16.8636 11.5818 16.8636 11.7091 16.7364L20.2364 7.89091H20.3C20.5545 7.63636 20.9364 7.63636 21.1909 7.89091L22.0818 8.78182C22.3364 8.97273 22.3364 9.35455 22.0818 9.60909Z"></path>
</svg>
</div>
<p>{{ 'pages.leads.leads_tradein'|trans({},'dc_base') }}</p>
</a>
<a href="#" class="lead-magnet-static" data-toggle="modal" data-target="#callback-order">
{% include '@DcSite/Modules/magnets-ico/call.html.twig' %}
<p>{{ 'main.callback'|trans({}, 'dc_infiniti') }}</p>
</a>
<a href="{{ path('subaru_price_list') }}" class="lead-magnet-static">
<div class="icoLead">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 3H8C9.06087 3 10.0783 3.42143 10.8284 4.17157C11.5786 4.92172 12 5.93913 12 7V21C12 20.2044 11.6839 19.4413 11.1213 18.8787C10.5587 18.3161 9.79565 18 9 18H2V3Z" stroke="#101010" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22 3H16C14.9391 3 13.9217 3.42143 13.1716 4.17157C12.4214 4.92172 12 5.93913 12 7V21C12 20.2044 12.3161 19.4413 12.8787 18.8787C13.4413 18.3161 14.2044 18 15 18H22V3Z" stroke="#101010" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<p>{{ 'base.seo.price_list.title'|trans({}, 'dc_subaru') }}</p>
</a>
<button type="button" class="close" >
<span aria-hidden="true">×</span>
</button>
</div>
</div>
</section>