<style>
	.whmpress_domain_price_list.whmpress-creativeon-new ul li .domain_tld {
		font-size: 24px;
		line-height: 34px;
	}
	.whmpress_domain_price_list.whmpress-creativeon-new ul li  {
		width: 14%;
		text-align: center;
		font-weight: 600;
		background: transparent;
		padding: 0;
		text-transform: uppercase;
	}
	.whmpress_domain_price_list.whmpress-creativeon-new ul{
		background: transparent;
		padding: 0;
	}
	.whmpress_domain_price_list.whmpress-creativeon-new ul li > a {
		text-decoration: none;
		border: none;
		padding: 0;
		position: relative;
	}
	.whmpress_domain_price_list.whmpress-creativeon-new ul li a span.price_complete{
		font-size: 22px;
		line-height: 31px;
		color: #fc7724;
	}
	.whmpress_domain_price_list.whmpress-creativeon-new ul li .whmpress-domain-promo-text {
		position: absolute;
		width: 100%;
		bottom: -32px;
	}
	.whmpress_domain_price_list.whmpress-creativeon-new ul li .whmpress-domain-promo-text i{
		position: absolute;
		left: 46%;
		top: -11px;
		font-size: 22px;
        color: black;
	}
	.whmpress_domain_price_list.whmpress-creativeon-new ul li .whmpress-domain-promo-text span{
		background: #000;
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		padding: 4px 18px;
		border-radius: 20px;
	}

	@media screen and (max-width: 480px) {
		.whmpress_domain_price_list.whmpress-creativeon-new ul li {
			width: 33%;
			margin-bottom: 39px;
		}
	}
</style>

<div class="whmpress_domain_price_list whmpress whmpress-creativeon-new">
    <ul>
        {foreach $data as $domain}
            <li>
                <a {if $params.action_url ne ''} href="{$params.action_url}"{else} href="#"{/if}
                        class="{if $domain.details.promo eq '1'}whmpress_has_tooltip{/if}"
                >
                    {if {$show_promotions|lower eq 'yes'} and {$domain.details.promo eq '1'}}
                        <span class="whmpress_tooltip">
							<strong>{$domain.details.promo_text}</strong><br>
							<span>{$domain.details.promo_details}</span>
						</span>
                    {/if}
                    <span class="domain_tld">
						<span class="domain_tld_title price_title">TLD Text:</span>
						<span class="domain_tld_value price_value">{$domain.tld}</span>
					</span>
                    <span class="registration_price">
						{*<span class="registration_price_title price_title">Register for </span>*}
						<span class="registration_price_value price_value">
							<span class="price_complete">{$domain.simple_register}</span>
                            {*<span class="price_unit">$</span><span class="price_amount">9</span><span class="price_decimal">.</span><span class="price_fraction">98</span>*}
						</span>
					</span>
					{if {$domain.details.promo_text|lower ne ''}}
					<div class="whmpress-domain-promo-text">
						<i class="fa fa-caret-up" aria-hidden="true"></i>
						<span>{$domain.details.promo_text}</span>
					</div>
					{/if}
                    {*<span class="registration_duration">*}
						{*<span class="registration_duration_title price_title">Registration Period:</span>*}
						{*<span class="registration_duration_value price_value">{$domain.years}</span>*}
					{*</span>*}
                    {if {$show_renewal|lower eq 'yes'} and {$domain.renewal ne ''}}
                        <span class="renew_price">
		                <span class="renew_price_title price_title">Renew Price:</span>
		                <span class="renew_price_value price_value">
	                        <span class="price_complete">{$domain.renewal}</span>
		                </span>
					</span>
                    {/if}
                    {if {$show_trasnfer|lower eq 'yes'} and {$domain.transfer ne ''}}
                        <span class="transfer_price">
						<span class="transfer_price_title price_title">Transfer Price:</span>
						<span class="transfer_price_value price_value">
							<span class="price_complete">{$domain.transfer}</span>
						</span>
					</span>
                    {/if}
                </a>
            </li>
        {/foreach}
    </ul>
</div>