<?php 
$style = '';
if ($zn_body_def_color = zget_option('zn_body_def_color', 'color_options', false, '#f5f5f5')) {
    $style = 'background: ' . $zn_body_def_color;
}
?>
<body class="offline-page" style="<?php 
echo $style;
?>
">

	<div class="containerbox offline-page-container">

		<div class="containerbox__logo offline-page-logo">
			<?php 
echo zn_kl_logo();
?>
		</div>

		<div class="content offline-page-content">
			<p><?php 
echo stripslashes(zget_option('cs_desc', 'coming_soon_options'));
?>
</p>
			<?php 
$cs_date = zget_option('cs_date', 'coming_soon_options');
if (!empty($cs_date) && !empty($cs_date['time'])) {
    echo '<div class="ud_counter kl-counter offline-page-counter kl-font-alt">';
    ?>
		            <ul id="jq-counter" class="kl-counter-list">
		                <li class="kl-counter-li"><?php 
    /**
     * Function to display the logo markup in header
     * @return html
     * @since  4.0.10
     */
    function zn_header_display_logo()
    {
        ?>

        <!-- logo container-->
        <?php 
        $hasInfoCard = zget_option('infocard_display_status', 'general_options', false, 'no') == 'yes' ? 'hasInfoCard' : '';
        ?>
        <div class="logo-container <?php 
        echo $hasInfoCard;
        ?>
 logosize--<?php 
        echo zget_option('logo_size', 'general_options', false, 'yes');
        ?>
">
            <!-- Logo -->
            <?php 
        echo zn_kl_logo();
        ?>
            <!-- InfoCard -->
            <?php 
        do_action('zn_show_infocard');
        ?>
        </div>

        <?php 
    }