<link href="{$template_shop_path}/visual/modules/special/special-banner/css/style.css" rel="stylesheet">
{loop plugins::specialinfo($_spid) $special}
<div class="special-banner special-banner-$_id">
    <img cmseasy-id="{$special['spid']}" cmseasy-table="special" cmseasy-field="banner" class="cmseasyeditimg" src="{$special['banner']}">
</div>
<div class="special-banner-title">
    <div class="container">
        <div class="special-banner-title-$_id">

            <h1 cmseasy-id="{$special['spid']}" cmseasy-table="special" cmseasy-field="title" class="cmseasyedit ">
                {$special['title']}
            </h1>

            <div class="clearfix"></div>
            {if $special['subtitle']}
            <p cmseasy-id="{$special['spid']}" cmseasy-table="special" cmseasy-field="subtitle" class="cmseasyedit ">
                {$special['subtitle']}
            </p>
            {/if}
        </div>
    </div>
</div>
{/loop}
<style type="text/css">

    .special-banner-$_id {max-height: $_height;}
    .special-banner-$_id .special-banner-title h1 {
        font-size:$_link-font-size;
        color:$_link-color;
        border-color:$_link-border-color;
        border-radius: $_link-border-radius;
        background:$_link-background-color;
    }

    .special-banner-$_id .special-banner-title h1:hover {
        color:$_link-hover-color;
        border-color:$_link-border-hover-color;
        border-radius: $_link-border-hover-radius;
        background:$_link-background-hover-color;
    }

    .special-banner-$_id .special-banner-title p {
        color:$_p-hover-color;
    }

    .special-banner-$_id .special-banner-title p:hover {
        color:;
    }

    .special-banner-$_id .special-banner-title h1:after {
        background:$_link-color;
    }
    .special-banner-$_id .special-banner-title h1:hover:after {
        background:$_link-hover-color;
    }

    .special-banner-$_id {
        background:$_background-color;
    }

</style>
