<div class="mka-cp-wrap mka-wrap">
	<!-- Control Panel Header -->
    <div class="mka-cp-header">
        <div class="mka-cp-branding">
            <div class="mka-cp-jupiter-logo">
                <span>
                </span>
            </div>
            <strong>
                <?php echo THEME_NAME . ' ' . __('Control Panel', 'mk_framework'); ?>
            </strong>
        </div>
        <div class="mka-cp-theme-version">
            Version 5.8
        </div>
    </div>
    <!-- End of Header -->
    <div class="mka-cp-container">
    	<!-- Control Panel Sidebar -->
        <div class="mka-cp-sidebar">
            <ul class="mka-cp-sidebar-list">
                <li class="mka-cp-sidebar-list-items mka-is-active">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-support">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--support">
                        </span>
                        <label class="mka-cp-nav-label">
                            Support
                        </label>
                    </a>
                </li>
                <li class="mka-cp-sidebar-list-items">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-templates">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--templates">
                        </span>
                        <label class="mka-cp-nav-label">
                            Templates
                        </label>
                    </a>
                </li>
                <li class="mka-cp-sidebar-list-items">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-plugins">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--plugins">
                        </span>
                        <label class="mka-cp-nav-label">
                            Premium Plugins
                        </label>
                    </a>
                </li>
                <li class="mka-cp-sidebar-list-items">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-addons">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--addons">
                        </span>
                        <label class="mka-cp-nav-label">
                            Add-Ons
                        </label>
                    </a>
                </li>
                <li class="mka-cp-sidebar-list-items">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-image-sizes">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--image-sizes">
                        </span>
                        <label class="mka-cp-nav-label">
                            Image Sizes
                        </label>
                    </a>
                </li>
                <li class="mka-cp-sidebar-list-items">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-register-product">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--register-product">
                        </span>
                        <label class="mka-cp-nav-label">
                            Register Product
                        </label>
                    </a>
                </li>
                <li class="mka-cp-sidebar-list-items">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-system-status">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--system-status">
                        </span>
                        <label class="mka-cp-nav-label">
                            System Status
                        </label>
                    </a>
                </li>
                <li class="mka-cp-sidebar-list-items">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-announcements">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--announcements">
                        </span>
                        <label class="mka-cp-nav-label">
                            Announcements
                        </label>
                    </a>
                </li>
                <li class="mka-cp-sidebar-list-items">
                    <a class="mka-cp-sidebar-link" href="#mk-cp-updates">
                        <span class="mka-cp-nav-item-icon mka-cp-nav-item-icon--updates">
                        </span>
                        <label class="mka-cp-nav-label">
                            Updates
                        </label>
                    </a>
                </li>
            </ul>
        </div>
        <!-- End of Sidebar -->	
        <div class="mka-cp-panes">

            <!-- Support Pane -->
            <div class="mka-cp-pane-box" id="mk-cp-support">
                <div class="mka-cp-pane-title">
                    Support
                </div>
                <ul class="mka-cp-support-ul">
                    <li class="mka-cp-support-items">
                        <a class="mka-cp-support-link" href="https://themes.artbees.net/docs/installing-fresh-copy-wordpress/" target="_blank">
                            <span class="mka-cp-support-item-icon mka-cp-support-icon-docs">
                            </span>
                            <span class="mka-cp-support-item-title">
                                Documentation
                            </span>
                            <span class="mka-cp-support-item-description">
                                Read helpful resources regarding how to use Jupiter more efficiantly.
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-support-items">
                        <a class="mka-cp-support-link" href="https://themes.artbees.net/support/jupiter/videos" target="_blank">
                            <span class="mka-cp-support-item-icon mka-cp-support-icon-video">
                            </span>
                            <span class="mka-cp-support-item-title">
                                Video Tutorials
                            </span>
                            <span class="mka-cp-support-item-description">
                                Watch tons of narrated video tutorials.
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-support-items">
                        <a class="mka-cp-support-link" href="https://themes.artbees.net/support/jupiter/faq" target="_blank">
                            <span class="mka-cp-support-item-icon mka-cp-support-icon-faq">
                            </span>
                            <span class="mka-cp-support-item-title">
                                FAQ
                            </span>
                            <span class="mka-cp-support-item-description">
                                The most frequent asked questions are answered here.
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-support-items">
                        <a class="mka-cp-support-link" href="https://themes.artbees.net/dashboard/tickets" target="_blank">
                            <span class="mka-cp-support-item-icon mka-cp-support-icon-helpdesk">
                            </span>
                            <span class="mka-cp-support-item-title">
                                Ask our experts
                            </span>
                            <span class="mka-cp-support-item-description">
                                Any question that is not addressed on documentations? Ask it from Artbees experts. Note that you need to register to be able to submit a new ticket.
                                <span style="color:#15b2fa">
                                    Submit a new Ticket
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-support-items">
                        <a class="mka-cp-support-link" href="http://forums.artbees.net/c/jupiter" target="_blank">
                            <span class="mka-cp-support-item-icon mka-cp-support-icon-community">
                            </span>
                            <span class="mka-cp-support-item-title">
                                Join Community
                            </span>
                            <span class="mka-cp-support-item-description">
                                Join the Artbees themes community. It is a cool and cozy place! Help people and get help.
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-support-items">
                        <a class="mka-cp-support-link" href="https://themes.artbees.net/artbees-care" target="_blank">
                            <span class="mka-cp-support-item-icon mka-cp-support-icon-customise">
                            </span>
                            <span class="mka-cp-support-item-title">
                                Customise Jupiter
                            </span>
                            <span class="mka-cp-support-item-description">
                                Have any more customization beyond what Jupiter offers? Artbees experts are here to help.
                                <span style="color:#15b2fa">
                                    Hire an Experts
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- End of Pane -->

            <!-- Announcement Pane -->
            <div class="mka-cp-pane-box" id="mk-cp-announcements">
                <div class="mka-cp-pane-title">
                    Announcements
                </div>
                <ul class="mka-cp-announcement-ul">
                    <li class="mka-cp-announcement-item">
                        <a class="mka-cp-announcement-item-link" href="#">
                            <span class="mka-cp-announcement-item-icon">
                            </span>
                            <span class="mka-cp-announcement-item-text">
                                The Holiday Theme That Just Keeps On Giving!
                            </span>
                            <span class="mka-announcement-item-date">
                                16 December 2016
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-announcement-item">
                        <a class="mka-cp-announcement-item-link" href="#">
                            <span class="mka-cp-announcement-item-icon">
                            </span>
                            <span class="mka-cp-announcement-item-text">
                                The Holiday Theme That Just Keeps On Giving!
                            </span>
                            <span class="mka-announcement-item-date">
                                16 December 2016
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-announcement-item">
                        <a class="mka-cp-announcement-item-link" href="#">
                            <span class="mka-cp-announcement-item-icon">
                            </span>
                            <span class="mka-cp-announcement-item-text">
                                The Holiday Theme That Just Keeps On Giving!
                            </span>
                            <span class="mka-announcement-item-date">
                                16 December 2016
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-announcement-item">
                        <a class="mka-cp-announcement-item-link" href="#">
                            <span class="mka-cp-announcement-item-icon">
                            </span>
                            <span class="mka-cp-announcement-item-text">
                                The Holiday Theme That Just Keeps On Giving!
                            </span>
                            <span class="mka-announcement-item-date">
                                16 December 2016
                            </span>
                        </a>
                    </li>
                    <li class="mka-cp-announcement-item">
                        <a class="mka-cp-announcement-item-link" href="#">
                            <span class="mka-cp-announcement-item-icon">
                            </span>
                            <span class="mka-cp-announcement-item-text">
                                The Holiday Theme That Just Keeps On Giving! The Holiday Theme That Just Keeps On Giving The Holiday Theme That Just Keeps On Giving!
                            </span>
                            <span class="mka-announcement-item-date">
                                16 December 2016
                            </span>
                        </a>
                    </li>
                </ul>
                <a class="mka-cp-older-announcements" href="https://themes.artbees.net/support/jupiter/announcements/">
                    Older Announcements >
                </a>
            </div>
            <!-- End of Pane -->

            <!-- Templates Pane -->
            <div class="mka-cp-pane-box" id="mk-cp-templates">
                <a class="mka-button mka-button--blue mka-button--medium mka-button--icon mka-button--restore-backup" href="#">
                    Restore from Last Backup
                </a>
                <div class="mka-cp-installed-template">
                    <div class="mka-cp-pane-title">
                        Installed Template
                         <div class="mka-wrap mka-tip-wrap">
				            <a href="#" class="mka-tip">
				                <span class="mka-tip-icon">
				                    <span class="mka-tip-arrow"></span>
				                </span>
				                <span class="mka-tip-ripple"></span>
				            </a>
				            <div class="mka-tip-content">
				                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
				            </div>
				        </div>
                    </div>
                    <div class="mka-cp-template-item">
                        <div class="mka-cp-template-item-inner">
                            <form method="post">
                                <figure class="mka-cp-template-item-fig">
                                    <img alt="Ombrios" src="http://themes.artbees.net/wp-content/uploads/2017/03/ombrios-laptop.jpg">
                                    </img>
                                </figure>
                                <div class="mka-cp-template-item-meta">
                                    <div class="mka-cp-template-item-name">
                                        Soter
                                    </div>
                                    <div class="mka-cp-template-item-buttons">
                                        <a class="mka-button mka-button--green mka-button--small mka-cp-template-item-btn js__cp_template_install" data-name="Ombrios" data-slug="Ombrios">
                                            Uninstall
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="mka-clearfix"></div>
                </div>
                <div class="mka-cp-install-template mka-clearfix">
                    <div class="mka-cp-pane-title">
                        New Templates
                        <div class="mka-wrap mka-tip-wrap">
				            <a href="#" class="mka-tip">
				                <span class="mka-tip-icon">
				                    <span class="mka-tip-arrow"></span>
				                </span>
				                <span class="mka-tip-ripple"></span>
				            </a>
				            <div class="mka-tip-content">
				                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
				            </div>
				        </div>
                    </div>
                    <div class="mka-search-wrap mka-cp-template-search">
                        <div class="mka-search">
                            <input class="mka-search-box" type="text">
                                <span class="mka-search-icon-wrap">
                                    <span class="mka-search-icon">
                                    </span>
                                    <div class="mka-bubbling">
                                        <span class="mka-bubbling-1">
                                        </span>
                                        <span class="mka-bubbling-2">
                                        </span>
                                        <span class="mka-bubbling-3">
                                        </span>
                                    </div>
                                </span>
                            </input>
                        </div>
                    </div>
                    <div class="mka-select-wrap mka-cp-template-category-filter">
                        <div class="mka-select">
                            <input class="mka-select-box-value" type="hidden">
                                <div class="mka-select-box">
                                    All Categories
                                </div>
                                <div class="mka-select-box-list-wrap mka-select-list-wrap">
                                    <div class="mka-select-list">
                                        <span class="mka-select-list-item" data-value="some-value">Creative - 56</span>
                                        <span class="mka-select-list-item" data-value="some-value">Business - 98</span>
                                        <span class="mka-select-list-item" data-value="some-value">Shop - 20</span>
                                        <span class="mka-select-list-item" data-value="some-value">Food - 17</span>
                                        <span class="mka-select-list-item" data-value="some-value">Health - 19</span>
                                        <span class="mka-select-list-item" data-value="some-value">Technology - 10</span>
                                        <span class="mka-select-list-item" data-value="some-value">Leisure &amp; Entertainment - 52</span>
                                        <span class="mka-select-list-item" data-value="some-value">Community - 14</span>
                                        <span class="mka-select-list-item" data-value="some-value">Style - 21</span>
                                    </div>
                                </div>
                            </input>
                        </div>
                    </div>
                    <div class="mka-cp-template-items">
                        <div class="mka-cp-template-item">
                            <div class="mka-cp-template-item-inner">
                                <form method="post">
                                    <figure class="mka-cp-template-item-fig">
                                        <img alt="Ombrios" src="http://themes.artbees.net/wp-content/uploads/2017/03/ombrios-laptop.jpg">
                                        </img>
                                    </figure>
                                    <div class="mka-cp-template-item-meta">
                                        <div class="mka-cp-template-item-name">
                                            Ombrios
                                        </div>
                                        <div class="mka-cp-template-item-buttons">
                                            <a class="mka-button mka-button--green mka-button--small mka-cp-template-item-btn js__cp_template_install" data-name="Ombrios" data-slug="Ombrios">
                                                Install
                                            </a>
                                            <a class="mka-button mka-button--gray mka-button--small mka-cp-template-item-btn" href="http://demos.artbees.net/jupiter5/ombrios/" target="_blank">
                                                Preview
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="mka-cp-template-item">
                            <div class="mka-cp-template-item-inner">
                                <form method="post">
                                    <figure class="mka-cp-template-item-fig">
                                        <img alt="Ombrios" src="http://themes.artbees.net/wp-content/uploads/2017/03/danae-laptop.jpg">
                                        </img>
                                    </figure>
                                    <div class="mka-cp-template-item-meta">
                                        <div class="mka-cp-template-item-name">
                                            Danae
                                        </div>
                                        <div class="mka-cp-template-item-buttons">
                                            <a class="mka-button mka-button--green mka-button--small mka-cp-template-item-btn js__cp_template_install" data-name="Ombrios" data-slug="Ombrios">
                                                Install
                                            </a>
                                            <a class="mka-button mka-button--gray mka-button--small mka-cp-template-item-btn" href="http://demos.artbees.net/jupiter5/ombrios/" target="_blank">
                                                Preview
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="mka-cp-template-item">
                            <div class="mka-cp-template-item-inner">
                                <form method="post">
                                    <figure class="mka-cp-template-item-fig">
                                        <img alt="Ombrios" src="http://themes.artbees.net/wp-content/uploads/2017/03/ombrios-laptop.jpg">
                                        </img>
                                    </figure>
                                    <div class="mka-cp-template-item-meta">
                                        <div class="mka-cp-template-item-name">
                                            Ombrios
                                        </div>
                                        <div class="mka-cp-template-item-buttons">
                                            <a class="mka-button mka-button--green mka-button--small mka-cp-template-item-btn js__cp_template_install" data-name="Ombrios" data-slug="Ombrios">
                                                Install
                                            </a>
                                            <a class="mka-button mka-button--gray mka-button--small mka-cp-template-item-btn" href="http://demos.artbees.net/jupiter5/ombrios/" target="_blank">
                                                Preview
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="mka-cp-template-item">
                            <div class="mka-cp-template-item-inner">
                                <form method="post">
                                    <figure class="mka-cp-template-item-fig">
                                        <img alt="Ombrios" src="http://themes.artbees.net/wp-content/uploads/2017/03/ombrios-laptop.jpg">
                                        </img>
                                    </figure>
                                    <div class="mka-cp-template-item-meta">
                                        <div class="mka-cp-template-item-name">
                                            Ombrios
                                        </div>
                                        <div class="mka-cp-template-item-buttons">
                                            <a class="mka-button mka-button--green mka-button--small mka-cp-template-item-btn js__cp_template_install" data-name="Ombrios" data-slug="Ombrios">
                                                Install
                                            </a>
                                            <a class="mka-button mka-button--gray mka-button--small mka-cp-template-item-btn" href="http://demos.artbees.net/jupiter5/ombrios/" target="_blank">
                                                Preview
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End of Pane -->

            <!-- Plugins Pane -->
            <div class="mka-cp-pane-box" id="mk-cp-plugins">
                <div class="mka-cp-plugins-list mka-cp-installed-plugins">
                	<div class="mka-cp-pane-title">
	                    Installed Plugins
	                    <div class="mka-wrap mka-tip-wrap">
				            <a href="#" class="mka-tip">
				                <span class="mka-tip-icon">
				                    <span class="mka-tip-arrow"></span>
				                </span>
				                <span class="mka-tip-ripple"></span>
				            </a>
				            <div class="mka-tip-content">
				                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
				            </div>
				        </div>
	                </div>

	                <div class="mka-cp-plugin-item mka-clearfix">
	                	<figure class="mka-cp-plugin-item-thumb">
	                		<img src="http://static-cdn.artbees.net/plugins/thumbnails/woocommerce.png">	
	                	</figure>
	                	<div class="mka-cp-plugin-item-meta">
		                	<div class="mka-cp-plugin-item-name">Visual Composer <span class="mka-cp-plugin-item-version">Version 5.1</span></div>
		                	<div class="mka-cp-plugin-item-desc">Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.</div>
	                	</div>
	                	<div class="mka-cp-plugin-item-actions">
	                		<a href="#" class="mka-button mka-button--blue mka-button--small">Remove</a>
	                	</div>
	                </div>

	                <div class="mka-cp-plugin-item mka-clearfix">
	                	<figure class="mka-cp-plugin-item-thumb">
	                		<img src="http://static-cdn.artbees.net/plugins/thumbnails/LayerSlider.png">	
	                	</figure>
	                	<div class="mka-cp-plugin-item-meta">
		                	<div class="mka-cp-plugin-item-name">Visual Composer <span class="mka-cp-plugin-item-version">Version 5.1</span></div>
		                	<div class="mka-cp-plugin-item-desc">Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.</div>
	                	</div>
	                	<div class="mka-cp-plugin-item-actions">
	                		<a href="#" class="mka-button mka-button--blue mka-button--small">Remove</a>
	                	</div>
	                </div>

	                <div class="mka-cp-plugin-item mka-clearfix">
	                	<figure class="mka-cp-plugin-item-thumb">
	                		<img src="http://static-cdn.artbees.net/plugins/thumbnails/js_composer_theme.png">	
	                	</figure>
	                	<div class="mka-cp-plugin-item-meta">
		                	<div class="mka-cp-plugin-item-name">Visual Composer <span class="mka-cp-plugin-item-version">Version 5.1</span></div>
		                	<div class="mka-cp-plugin-item-desc">Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.</div>
	                	</div>
	                	<div class="mka-cp-plugin-item-actions">
	                		<a href="#" class="mka-button mka-button--blue mka-button--small">Remove</a>
	                	</div>
	                </div>
                </div>

                <div class="mka-cp-plugins-list">
                	<div class="mka-cp-pane-title">
	                    New Plugins
	                    <div class="mka-wrap mka-tip-wrap">
				            <a href="#" class="mka-tip">
				                <span class="mka-tip-icon">
				                    <span class="mka-tip-arrow"></span>
				                </span>
				                <span class="mka-tip-ripple"></span>
				            </a>
				            <div class="mka-tip-content">
				                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
				            </div>
				        </div>
	                </div>

	                <div class="mka-cp-plugin-item mka-clearfix">
	                	<figure class="mka-cp-plugin-item-thumb">
	                		<img src="http://static-cdn.artbees.net/plugins/thumbnails/woocommerce.png">	
	                	</figure>
	                	<div class="mka-cp-plugin-item-meta">
		                	<div class="mka-cp-plugin-item-name">Visual Composer <span class="mka-cp-plugin-item-version">Version 5.1</span></div>
		                	<div class="mka-cp-plugin-item-desc">Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.</div>
	                	</div>
	                	<div class="mka-cp-plugin-item-actions">
	                		<a href="#" class="mka-button mka-button--green mka-button--small">Activate</a>
	                	</div>
	                </div>

	                <div class="mka-cp-plugin-item mka-clearfix">
	                	<figure class="mka-cp-plugin-item-thumb">
	                		<img src="http://static-cdn.artbees.net/plugins/thumbnails/LayerSlider.png">	
	                	</figure>
	                	<div class="mka-cp-plugin-item-meta">
		                	<div class="mka-cp-plugin-item-name">Visual Composer <span class="mka-cp-plugin-item-version">Version 5.1</span></div>
		                	<div class="mka-cp-plugin-item-desc">Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.</div>
	                	</div>
	                	<div class="mka-cp-plugin-item-actions">
	                		<a href="#" class="mka-button mka-button--green mka-button--small">Activate</a>
	                	</div>
	                </div>

	                <div class="mka-cp-plugin-item mka-clearfix">
	                	<figure class="mka-cp-plugin-item-thumb">
	                		<img src="http://static-cdn.artbees.net/plugins/thumbnails/js_composer_theme.png">	
	                	</figure>
	                	<div class="mka-cp-plugin-item-meta">
		                	<div class="mka-cp-plugin-item-name">Visual Composer <span class="mka-cp-plugin-item-version">Version 5.1</span></div>
		                	<div class="mka-cp-plugin-item-desc">Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.</div>
	                	</div>
	                	<div class="mka-cp-plugin-item-actions">
	                		<a href="#" class="mka-button mka-button--green mka-button--small">Activate</a>
	                	</div>
	                </div>
                </div>
            </div>
            <!-- End of Pane -->

            <!-- System Status Pane -->
            <div class="mka-cp-pane-box" id="mk-cp-system-status">
            	<div class="mka-cp-pane-title">
                    System Status
                    <div class="mka-wrap mka-tip-wrap">
			            <a href="#" class="mka-tip">
			                <span class="mka-tip-icon">
			                    <span class="mka-tip-arrow"></span>
			                </span>
			                <span class="mka-tip-ripple"></span>
			            </a>
			            <div class="mka-tip-content">
			                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
			            </div>
			        </div>
                </div>

                <a class="mka-button mka-button--blue mka-button--medium mka-button--get-system-report" href="#">
                    Get System Report
                </a>


            	<table cellspacing="0" class="mka-cp-system-status-table">
				    <thead>
				        <tr>
				            <th colspan="3" data-export-label="WordPress Environment">
				                WordPress Environment
				            </th>
				        </tr>
				    </thead>
				    <tbody>
				        <tr>
				            <td data-export-label="Home URL">
				                Home URL:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                http://localhost/jupiter/
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="WP Content URL">
				                WP Content URL:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                <code>
				                    http://localhost/jupiter/wp-content
				                </code>
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="WP Version">
				                WP Version:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                4.7.3
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="WP Multisite">
				                WP Multisite:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                <span class="status-invisible">
				                    True
				                </span>
				                <span class="status-state status-true">
				                </span>
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="Permalink Structure">
				                Permalink Structure:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                /%year%/%monthnum%/%day%/%postname%/
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="Front Page Display">
				                Front Page Display:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                page
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="Front Page">
				                Front Page:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                Homepage (#7840)
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="Posts Page">
				                Posts Page:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                Unset
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="WP Memory Limit">
				                WP Memory Limit:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                <mark class="yes">
				                    128 MB
				                </mark>
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="Database Table Prefix">
				                Database Table Prefix:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                Length: 3 - Status: Acceptable
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="WP Debug Mode">
				                WP Debug Mode:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                <span class="status-invisible">
				                    True
				                </span>
				                <span class="status-state status-true">
				                </span>
				            </td>
				        </tr>
				        <tr>
				            <td data-export-label="Language">
				                Language:
				            </td>
				            <td class="help">
				                <div class="mka-wrap mka-tip-wrap">
						            <a href="#" class="mka-tip">
						                <span class="mka-tip-icon">
						                    <span class="mka-tip-arrow"></span>
						                </span>
						                <span class="mka-tip-ripple"></span>
						            </a>
						            <div class="mka-tip-content">
						                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
						            </div>
						        </div>
				            </td>
				            <td>
				                en_US
				            </td>
				        </tr>
				    </tbody>
				</table>
            </div>
            <!-- End of Pane -->

            <!-- Register Product Pane -->
            <div class="mka-cp-pane-box" id="mk-cp-register-product">
            	<div class="mka-cp-pane-title">
                    <?php echo __('Register', 'mk_framework') . ' ' .THEME_NAME; ?>
                </div>	

                <ul class="mka-cp-register-steps">
                	<ol>
                		<li><a href="https://themes.artbees.net/sign-up/">Sign up</a> to <strong>Artbees Themes Portal</strong>.</li>
						<li>Generate an API Key. Get your <a href="https://themeforest.net/downloads">purchase code</a> from themeforest and enter it in your dashboard in <a href="https://themes.artbees.net/">Artbees Themes website</a>.</li>
						<li>Register your <a href="https://themes.artbees.net/dashboard/register-product/">API Key</a>. Enter your API key in the field below. All set!</li>
                	</ol>
                </ul>


                <div class="mka-cp-regiter-api-form">
	                <span class="mka-cp-register-api-label">Artbees Api Key</span>
	                <input class="mka-textfield" type="text" placeholder="Enter your API key in here">
	                <a href="#" class="mka-button mka-button--blue mka-button--medium">Register</a>
                </div>
                <br><br>
                <div class="mka-cp-revoke-api-form">
	                <span class="mka-cp-register-api-label">Artbees Api Key</span>
	                <div class="mka-cp-api-key-text">74695d62d0466450ec36ea91282ea9e9e69b79b4d8d76b2aa89680b7f</div>
	                <a href="#" class="mka-button mka-button--blue mka-button--medium">Revoke this API key</a>
                </div>

                <div class="mka-cp-hr"></div>

                <div class="mka-fsize-14">Any problem? <a target="_blank" href="https://www.youtube.com/watch?v=I9FERyjuq4A">View the tutorial here</a></div><br>
                <iframe width="400" height="225" src="https://www.youtube.com/embed/I9FERyjuq4A?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe><br><br><br>
                <strong class="mka-fsize-14">Common issues</strong>
                <ul class="mka-cp-common-issues">
                	<li><a href="#">Why I need to register my theme?</a></li>
                	<li><a href="#">How can I verify my API Key?</a></li>
                	<li><a href="#">Why my API key is inactive?</a></li>
                	<li><a href="#">What are the benefits of registration?</a></li>
                	<li><a href="#">How can I obtain my Purchase code?</a></li>
                	<li><a href="#">I get this error when registering my theme: Duplicated Purchase Key detected?</a></li>
                </ul>
            </div>
            <!-- End of Pane -->

            <!-- Addons Pane -->
            <div class="mka-cp-pane-box" id="mk-cp-addons">
                <div class="mka-cp-installed-addons">
                    <div class="mka-cp-pane-title">
                        Installed Add-ons
                         <div class="mka-wrap mka-tip-wrap">
				            <a href="#" class="mka-tip">
				                <span class="mka-tip-icon">
				                    <span class="mka-tip-arrow"></span>
				                </span>
				                <span class="mka-tip-ripple"></span>
				            </a>
				            <div class="mka-tip-content">
				                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
				            </div>
				        </div>
                    </div>
                    <div class="mka-cp-addons-item">
                        <div class="mka-cp-addons-item-inner">
                            <form method="post">
                                <figure class="mka-cp-addons-item-fig">
                                    <img alt="Ombrios" src="<?php echo THEME_CONTROL_PANEL_ASSETS; ?>/images/dummy-addon.png">
                                    </img>
                                </figure>
                                <span class="mka-cp-addons-item-version">V2.0.3</span>
                                <a href="#" class="mka-cp-addons-item-update">Update</a>
                                <div class="mka-cp-addons-item-meta">
                                    <div class="mka-cp-addons-item-name">
                                        Form Builder
                                    </div>
                                    <div class="mka-cp-addons-item-detail">
                                        Drag and drop page builder for WordPress. Take full control over your WordPress site.
                                    </div>
                                    <div class="mka-cp-addons-item-buttons">
                                        <a class="mka-button mka-button--green mka-button--small mka-cp-addons-item-btn js__cp_addons_remove">
                                            Remove
                                        </a>
                                        <a class="mka-cp-addons-item-more" href="#" target="_blank">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="mka-cp-addons-item">
                        <div class="mka-cp-addons-item-inner">
                            <form method="post">
                                <figure class="mka-cp-addons-item-fig">
                                    <img alt="Ombrios" src="<?php echo THEME_CONTROL_PANEL_ASSETS; ?>/images/dummy-addon.png">
                                    </img>
                                </figure>
                                <span class="mka-cp-addons-item-version">V2.0.3</span>
                                <div class="mka-cp-addons-item-meta">
                                    <div class="mka-cp-addons-item-name">
                                        Form Builder
                                    </div>
                                    <div class="mka-cp-addons-item-detail">
                                        Drag and drop page builder for WordPress. Take full control over your WordPress site.
                                    </div>
                                    <div class="mka-cp-addons-item-buttons">
                                        <a class="mka-button mka-button--green mka-button--small mka-cp-addons-item-btn js__cp_addons_remove">
                                            Remove
                                        </a>
                                        <a class="mka-cp-addons-item-more" href="#" target="_blank">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="mka-cp-addons-item">
                        <div class="mka-cp-addons-item-inner">
                            <form method="post">
                                <figure class="mka-cp-addons-item-fig">
                                    <img alt="Ombrios" src="<?php echo THEME_CONTROL_PANEL_ASSETS; ?>/images/dummy-addon.png">
                                    </img>
                                </figure>
                                <span class="mka-cp-addons-item-version">V2.0.3</span>
                                <div class="mka-cp-addons-item-meta">
                                    <div class="mka-cp-addons-item-name">
                                        Form Builder
                                    </div>
                                    <div class="mka-cp-addons-item-detail">
                                        Drag and drop page builder for WordPress. Take full control over your WordPress site.
                                    </div>
                                    <div class="mka-cp-addons-item-buttons">
                                        <a class="mka-button mka-button--green mka-button--small mka-cp-addons-item-btn js__cp_addons_remove">
                                            Remove
                                        </a>
                                        <a class="mka-cp-addons-item-more" href="#" target="_blank">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="mka-cp-addons-item">
                        <div class="mka-cp-addons-item-inner">
                            <form method="post">
                                <figure class="mka-cp-addons-item-fig">
                                    <img alt="Ombrios" src="<?php echo THEME_CONTROL_PANEL_ASSETS; ?>/images/dummy-addon.png">
                                    </img>
                                </figure>
                                <span class="mka-cp-addons-item-version">V2.0.3</span>
                                <div class="mka-cp-addons-item-meta">
                                    <div class="mka-cp-addons-item-name">
                                        Form Builder
                                    </div>
                                    <div class="mka-cp-addons-item-detail">
                                        Drag and drop page builder for WordPress. Take full control over your WordPress site.
                                    </div>
                                    <div class="mka-cp-addons-item-buttons">
                                        <a class="mka-button mka-button--green mka-button--small mka-cp-addons-item-btn js__cp_addons_remove">
                                            Remove
                                        </a>
                                        <a class="mka-cp-addons-item-more" href="#" target="_blank">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="mka-clearfix"></div>
                </div>
                <div class="mka-cp-install-addons mka-clearfix">
                    <div class="mka-cp-pane-title">
                        New Add-ons
                        <div class="mka-wrap mka-tip-wrap">
				            <a href="#" class="mka-tip">
				                <span class="mka-tip-icon">
				                    <span class="mka-tip-arrow"></span>
				                </span>
				                <span class="mka-tip-ripple"></span>
				            </a>
				            <div class="mka-tip-content">
				                This value defines when Main Navigation should viewed as Responsive Navigation. Default is 1140px but if your Navigation items fits in header in smaller widths you can change this value. For example if you wish to view your website in iPad and see Main Navigtion as you see in desktop, then you should change this value to any size below 1020px. <a href="#">Learn More</a>
				            </div>
				        </div>
                    </div>
                    <div class="mka-cp-addons-items">
                        <div class="mka-cp-addons-item">
                            <div class="mka-cp-addons-item-inner">
                                <form method="post">
                                    <figure class="mka-cp-addons-item-fig">
                                        <img alt="Ombrios" src="<?php echo THEME_CONTROL_PANEL_ASSETS; ?>/images/dummy-addon.png">
                                        </img>
                                    </figure>
                                    <span class="mka-cp-addons-item-version">V2.0.3</span>
                                    <div class="mka-cp-addons-item-meta">
                                        <div class="mka-cp-addons-item-name">
	                                        Form Builder
	                                    </div>
	                                    <div class="mka-cp-addons-item-detail">
	                                        Drag and drop page builder for WordPress. Take full control over your WordPress site.
	                                    </div>
                                        <div class="mka-cp-addons-item-buttons">
                                            <a class="mka-button mka-button--green mka-button--small mka-cp-addons-item-btn js__cp_addon_install">
                                                Install
                                            </a>
                                            <a class="mka-cp-addons-item-more" href="#" target="_blank">
                                                Learn More
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="mka-cp-addons-item">
                            <div class="mka-cp-addons-item-inner">
                                <form method="post">
                                    <figure class="mka-cp-addons-item-fig">
                                        <img alt="Ombrios" src="<?php echo THEME_CONTROL_PANEL_ASSETS; ?>/images/dummy-addon.png">
                                        </img>
                                    </figure>
                                    <span class="mka-cp-addons-item-version">V2.0.3</span>
                                    <div class="mka-cp-addons-item-meta">
                                        <div class="mka-cp-addons-item-name">
	                                        Form Builder
	                                    </div>
	                                    <div class="mka-cp-addons-item-detail">
	                                        Drag and drop page builder for WordPress. Take full control over your WordPress site.
	                                    </div>
                                        <div class="mka-cp-addons-item-buttons">
                                            <a class="mka-button mka-button--green mka-button--small mka-cp-addons-item-btn js__cp_addon_install">
                                                Install
                                            </a>
                                            <a class="mka-cp-addons-item-more" href="#" target="_blank">
                                                Learn More
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="mka-cp-addons-item">
                            <div class="mka-cp-addons-item-inner">
                                <form method="post">
                                    <figure class="mka-cp-addons-item-fig">
                                        <img alt="Ombrios" src="<?php echo THEME_CONTROL_PANEL_ASSETS; ?>/images/dummy-addon.png">
                                        </img>
                                    </figure>
                                    <span class="mka-cp-addons-item-version">V2.0.3</span>
                                    <div class="mka-cp-addons-item-meta">
                                        <div class="mka-cp-addons-item-name">
	                                        Form Builder
	                                    </div>
	                                    <div class="mka-cp-addons-item-detail">
	                                        Drag and drop page builder for WordPress. Take full control over your WordPress site.
	                                    </div>
                                        <div class="mka-cp-addons-item-buttons">
                                            <a class="mka-button mka-button--green mka-button--small mka-cp-addons-item-btn js__cp_addon_install">
                                                Install
                                            </a>
                                            <a class="mka-cp-addons-item-more" href="#" target="_blank">
                                                Learn More
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End of Pane -->

            </div>
        </div>
    </div>
</div>
