<style>
	.whmpress_domain_price_list.whmpress.simple-one span{
		text-align:  center;
		display: block;
	}
	.whmpress_domain_price_list.whmpress.simple-one ul li{
		padding: 0;
	}
	.whmpress_domain_price_list.whmpress.simple-one ul {
		border: 1px solid #eaeaea;
		background-color: #fff;
		border-radius: 8px;
		padding-left: 0;
	}
	.whmpress_domain_price_list.whmpress.simple-one ul li a {
		padding: 75px 0px;
		border: none;
		border-left: 1px solid #eee;
	}
	.whmpress_domain_price_list.whmpress.simple-one ul li:first-of-type a{
		border-left: none;
	}
	.whmpress_domain_price_list.whmpress.simple-one ul li img{
		/*width: 73px;*/
		margin: auto;
	}
	.whmpress_domain_price_list.whmpress.simple-one ul li span.price_complete {
		font-size: 40px;
		margin-top: 20px;
	}
	.whmpress_domain_price_list.whmpress.simple-one ul li a:focus{
		border: none;
		outline: 0;
	}
	.whmpress_domain_price_list.whmpress.simple-one del {
		font-size: 20px;
		color: #757575;
	}
</style>

<div class="whmpress_domain_price_list whmpress simple-one">
    <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"><img src="{$domain.domain_image}"></span>
					</span>
                    <span class="registration_price">
						<span class="registration_price_value price_value">
                        <span class="price_complete">{$domain.simple_register} <del>{$domain.details.promo_details}{$domain.details.promo_register_off}</del></span>
                            {*<span class="price_unit">$</span><span class="price_am="pr">9</span><span class="price_decimal">.</span><span class="price_fraction">98</span>*}
						</span>
					</span>
					{*<span class="price_register_off"></span>*}
                    <span class="registration_duration">
					</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>


<script type="text/javascript">
    /* Default comment here */


    jQuery('.whmpress_domain_price_list.whmpress.simple-one ul').slick({
        dots: false,
        infinite: true,
        speed: 300,
        slidesToShow: 5,
        slidesToScroll: 2,
        nextArrow: '<i class="fa fa-angle-right" aria-hidden="true"></i>',
        prevArrow: '<i class="fa fa-angle-left" aria-hidden="true"></i>',
        fade:false,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 3,
                    infinite: true,
                    dots: false,
                }
            },
            {
                breakpoint: 600,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }
            // You can unslick at a given breakpoint now by adding:
            // settings: "unslick"
            // instead of a settings object
        ]
    });
    jQuery(document).on('ready',function () {
        jQuery('.whcom_row.whcom_sleek_products .whcom_label_product.whcom_radio').first().addClass('whcom_checked');
    });
</script>