Back Back Up Advanced Editor

<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly
}
?>

<div class="wrap">
    <div>
        <?php require( PFHUB_PORTFOLIO_TEMPLATES_PATH . DIRECTORY_SEPARATOR . 'admin-licensing-banner.php' ); ?>
        <div id="poststuff">
            <div id="post-body-content" class="portfolio-options">
                <p class="pro_info">
                    Get these options after upgrading to pro version.
                    <a href="https://portfoliohub.io/pricing/" target="_blank" class="pfhub_portfolio_button">Upgrade!</a>
                </p>
                <?php $path_site = esc_attr(PFHUB_PORTFOLIO_IMAGES_URL.'/admin');
                $pfhub_portfolio_get_option=\PfhubPortfolio\Helpers\GridHelper::getDefaultSettings();?>
                <form action="admin.php?page=Options_portfolio_styles&task=save&pfhub_portfolio_nonce_save_gen_options" method="post" id="adminForm" name="adminForm">
                    <div id="portfolio-options-list">

</ul>
                        <ul class="options-block" id="portfolio-view-tabs-contents">
                            <div class="portfolio_options_grey_overlay"></div>

<li id="portfolio-view-options-0" class="active">
                                <div>
                                    <h3><?php echo __( 'Element Styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="port_natural_size_toggle"><?php echo __( "Element's Image Behaviour", 'pfhub_portfolio' ); ?></label>
                                        <select id="port_natural_size_contentpopup"
                                                name="params[pfhub_portfolio_port_natural_size_toggle]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_port_natural_size_toggle'] == 'resize' ) {
                                                echo 'selected="selected"';
                                            } ?> value="resize"><?php echo __( 'Resize', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_port_natural_size_toggle'] == 'crop' ) {
                                                echo 'selected="selected"';
                                            } ?> value="crop"><?php echo __( 'Natural', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_elements_in_center"><?php echo __( 'Show All Elements In Center', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view0_elements_in_center]">
                                        <input type="checkbox"
                                               id="ht_view0_elements_in_center" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_elements_in_center'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view0_elements_in_center]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_element_background_color"><?php echo __( 'Element Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_element_background_color]"
                                               type="text" class="color" id="ht_view0_element_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_element_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_element_border_width"><?php echo __( 'Element Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_element_border_width]"
                                               id="ht_view0_element_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_element_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_element_border_color"><?php echo __( 'Element Border Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_element_border_color]" type="text"
                                               class="color" id="ht_view0_element_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_element_border_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_togglebutton_style"><?php echo __( 'Toggle Button Style', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view0_togglebutton_style"
                                                name="params[pfhub_portfolio_view0_togglebutton_style]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_togglebutton_style'] == 'light' ) {
                                                echo 'selected="selected"';
                                            } ?> value="light"><?php echo __( 'Light', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_togglebutton_style'] == 'dark' ) {
                                                echo 'selected="selected"';
                                            } ?> value="dark"><?php echo __( 'Dark', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_show_separator_lines"><?php echo __( 'Show Separator Lines', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view0_show_separator_lines]"/>
                                        <input type="checkbox"
                                               id="ht_view0_show_separator_lines" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_show_separator_lines'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view0_show_separator_lines]" value="on"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Main Image', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view0_block_width"><?php echo __( 'Main Image Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_block_width]"
                                               id="ht_view0_block_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_block_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_block_height"><?php echo __( 'Main Image Height', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_block_height]"
                                               id="ht_view0_block_height"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_block_height']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>
                                <div style="margin-top: 14px;">
                                    <h3>Label<img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view0_title_font_size"><?php echo __( 'Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_title_font_size]"
                                               id="ht_view0_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_title_font_color"><?php echo __( 'Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_title_font_color]" type="text"
                                               class="color" id="ht_view0_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="margin-top:7px;">
                                    <h3><?php echo __( 'Sorting styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view0_show_sorting"><?php echo __( 'Show Sorting', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view0_show_sorting]"/>
                                        <input type="checkbox"
                                               id="ht_view0_show_sorting" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_show_sorting'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view0_show_sorting]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sortbutton_font_size"><?php echo __( 'Sort Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_sortbutton_font_size]"
                                               id="ht_view0_sortbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sortbutton_font_color"><?php echo __( 'Sort Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sortbutton_font_color]" type="text"
                                               class="color" id="ht_view0_sortbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sortbutton_hover_font_color"><?php echo __( 'Sort Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sortbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view0_sortbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sortbutton_background_color"><?php echo __( 'Sort Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sortbutton_background_color]"
                                               type="text" class="color" id="ht_view0_sortbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sortbutton_hover_background_color"><?php echo __( 'Sort Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sortbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view0_sortbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div  style="display: none;">
                                        <label
                                            for="ht_view0_sortbutton_border_width"><?php echo __( 'Sort Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_sortbutton_border_width]"
                                               id="ht_view0_sortbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view0_sortbutton_border_color]" type="text"
                                               class="color" id="ht_view0_sortbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view0_sortbutton_border_color"><?php echo __( 'Sort Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sortbutton_border_radius"><?php echo __( 'Sort Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view0_sortbutton_border_radius]"
                                               id="ht_view0_sortbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sortbutton_border_padding"><?php echo __( 'Sort Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view0_sortbutton_border_padding]"
                                               id="ht_view0_sortbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view0_sortbutton_margin"><?php echo __( 'Sort Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_sortbutton_margin]"
                                               id="ht_view0_sortbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_sortbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sorting_float"><?php echo __( 'Sort block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view0_sorting_float"
                                                name="params[pfhub_portfolio_view0_sorting_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sorting_name_by_default"><?php echo __( 'Sort By Default Bottom Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sorting_name_by_default]" type="text"
                                               id="ht_view0_sorting_name_by_default"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_name_by_default'] ); ?>"
                                               size="10" class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sorting_name_by_id"><?php echo __( 'Sorting By Date Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sorting_name_by_id]" type="text"
                                               id="ht_view0_sorting_name_by_id"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_name_by_id'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sorting_name_by_name"><?php echo __( 'Sorting By Label Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sorting_name_by_name]" type="text"
                                               id="ht_view0_sorting_name_by_name"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_name_by_name'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sorting_name_by_random"><?php echo __( 'Random Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sorting_name_by_random]" type="text"
                                               id="ht_view0_sorting_name_by_random"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_name_by_random'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sorting_name_by_asc"><?php echo __( 'Ascending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sorting_name_by_asc]" type="text"
                                               id="ht_view0_sorting_name_by_asc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_name_by_asc'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_sorting_name_by_desc"><?php echo __( 'Descending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_sorting_name_by_desc]" type="text"
                                               id="ht_view0_sorting_name_by_desc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view0_sorting_name_by_desc'] ); ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="margin-top: -600px;">
                                    <h3><?php echo __( 'Thumbnails', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view0_show_thumbs"><?php echo __( 'Show Thumbnails', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view0_show_thumbs]"/>
                                        <input type="checkbox"
                                               id="ht_view0_show_thumbs" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_show_thumbs'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view0_show_thumbs]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_thumbs_position"><?php echo __( 'Thumbnails Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view0_thumbs_position"
                                                name="params[pfhub_portfolio_view0_thumbs_position]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_thumbs_position'] == 'before' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="before"><?php echo __( 'Before Description', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_thumbs_position'] == 'after' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="after"><?php echo __( 'After Description', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_thumbs_width"><?php echo __( 'Thumbnails Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_thumbs_width]"
                                               id="ht_view0_thumbs_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_thumbs_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>

<div style="margin-top: -400px;">
                                    <h3><?php echo __( 'Description', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view0_show_description"><?php echo __( 'Show Description', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view0_show_description]"/>
                                        <input type="checkbox"
                                               id="ht_view0_show_description" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_show_description'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view0_show_description]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_description_font_size"><?php echo __( 'Description Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_description_font_size]"
                                               id="ht_view0_description_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_description_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_description_color"><?php echo __( 'Description Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_description_color]" type="text"
                                               class="color" id="ht_view0_description_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_description_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="margin-top: -198px;">
                                    <h3><?php echo __( 'Category styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>

<div style="display: none;">
                                        <label
                                            for="ht_view0_show_filtering"><?php echo __( 'Show Filtering', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view0_show_filtering]"/>
                                        <input type="checkbox"
                                               id="ht_view0_show_filtering" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_show_filtering'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view0_show_filtering]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_cat_all"><?php echo __( 'Show All Category Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_cat_all]"
                                               id="ht_view0_cat_all"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view0_cat_all'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_filterbutton_font_size"><?php echo __( 'Filter Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_filterbutton_font_size]"
                                               id="ht_view0_filterbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_filterbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>

<div  style="display: none;">
                                        <label
                                            for="ht_view0_filterbutton_border_width"><?php echo __( 'Filter Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view0_filterbutton_border_width]"
                                               id="ht_view0_filterbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_filterbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view0_filterbutton_border_color]"
                                               type="text" class="color" id="ht_view0_filterbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_filterbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view0_filterbutton_border_color"><?php echo __( 'Filter Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_filterbutton_border_radius"><?php echo __( 'Filter Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view0_filterbutton_border_radius]"
                                               id="ht_view0_filterbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_filterbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_filterbutton_border_padding"><?php echo __( 'Filter Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view0_filterbutton_border_padding]"
                                               id="ht_view0_filterbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_filterbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view0_filterbutton_margin"><?php echo __( 'Filter Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_filterbutton_margin]"
                                               id="ht_view0_filterbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_filterbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_filtering_float"><?php echo __( 'Filter block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view0_filtering_float"
                                                name="params[pfhub_portfolio_view0_filtering_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_filtering_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_filtering_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_filtering_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                </div>

<div style="margin-top: 15px;">
                                    <h3><?php _e('Link Button','pfhub_portfolio'); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view0_show_linkbutton"><?php echo __( 'Show Link Button', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view0_show_linkbutton]"/>
                                        <input type="checkbox"
                                               id="ht_view0_show_linkbutton" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view0_show_linkbutton'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view0_show_linkbutton]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_linkbutton_text"><?php echo __( 'Link Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_linkbutton_text]"
                                               id="ht_view0_linkbutton_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view0_linkbutton_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_linkbutton_font_size"><?php echo __( 'Link Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view0_linkbutton_font_size]"
                                               id="ht_view0_linkbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_linkbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_linkbutton_color"><?php echo __( 'Link Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_linkbutton_color]" type="text"
                                               class="color" id="ht_view0_linkbutton_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_linkbutton_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_linkbutton_font_hover_color"><?php echo __( 'Link Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_linkbutton_font_hover_color]"
                                               type="text" class="color" id="ht_view0_linkbutton_font_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_linkbutton_font_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_linkbutton_background_color"><?php echo __( 'Link Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_linkbutton_background_color]"
                                               type="text" class="color" id="ht_view0_linkbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_linkbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view0_linkbutton_background_hover_color"><?php echo __( 'Link Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view0_linkbutton_background_hover_color]"
                                               type="text" class="color" id="ht_view0_linkbutton_background_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view0_linkbutton_background_hover_color']; ?>"
                                               size="10"/>
                                    </div>

</div>
                            </li>

<li id="portfolio-view-options-1">
                                <div>
                                    <h3><?php echo __( 'Element Styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view1_block_width"><?php echo __( 'Block Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_block_width]"
                                               id="ht_view1_block_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_block_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_element_background_color"><?php echo __( 'Element Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_element_background_color]"
                                               type="text" class="color" id="ht_view1_element_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_element_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_element_border_width"><?php echo __( 'Element Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_element_border_width]"
                                               id="ht_view1_element_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_element_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_element_border_color"><?php echo __( 'Element Border Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_element_border_color]" type="text"
                                               class="color" id="ht_view1_element_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_element_border_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_show_separator_lines"><?php echo __( 'Show Separator Lines', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view1_show_separator_lines]"/>
                                        <input type="checkbox"
                                               id="ht_view1_show_separator_lines" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_show_separator_lines'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view1_show_separator_lines]" value="on"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Label', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view1_title_font_size"><?php echo __( 'Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_title_font_size]"
                                               id="ht_view1_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_title_font_color"><?php echo __( 'Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_title_font_color]" type="text"
                                               class="color" id="ht_view1_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                                <div style="margin-top: 14px;">
                                    <h3><?php echo __( 'Thumbnails', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view1_show_thumbs"><?php echo __( 'Show Thumbnails', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view1_show_thumbs]"/>
                                        <input type="checkbox"
                                               id="ht_view1_show_thumbs" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_show_thumbs'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view1_show_thumbs]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_thumbs_position"><?php echo __( 'Thumbnails Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view1_thumbs_position"
                                                name="params[pfhub_portfolio_view1_thumbs_position]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_thumbs_position'] == 'before' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="before"><?php echo __( 'Before Description', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_thumbs_position'] == 'after' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="after"><?php echo __( 'After Description', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_thumbs_width"><?php echo __( 'Thumbnails Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_thumbs_width]"
                                               id="ht_view1_thumbs_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_thumbs_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>

<div style="margin-top:-80px;">
                                    <h3><?php echo __( 'Link Button', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view1_show_linkbutton"><?php echo __( 'Show Link Button', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view1_show_linkbutton]"/>
                                        <input type="checkbox"
                                               id="ht_view1_show_linkbutton" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_show_linkbutton'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view1_show_linkbutton]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_linkbutton_text"><?php echo __( 'Link Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_linkbutton_text]"
                                               id="ht_view1_linkbutton_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view1_linkbutton_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_linkbutton_font_size"><?php echo __( 'Link Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_linkbutton_font_size]"
                                               id="ht_view1_linkbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_linkbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_linkbutton_color"><?php echo __( 'Link Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_linkbutton_color]" type="text"
                                               class="color" id="ht_view1_linkbutton_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_linkbutton_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_linkbutton_font_hover_color"><?php echo __( 'Link Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_linkbutton_font_hover_color]"
                                               type="text" class="color" id="ht_view1_linkbutton_font_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_linkbutton_font_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_linkbutton_background_color"><?php echo __( 'Link Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_linkbutton_background_color]"
                                               type="text" class="color" id="ht_view1_linkbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_linkbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_linkbutton_background_hover_color"><?php echo __( 'Link Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_linkbutton_background_hover_color]"
                                               type="text" class="color" id="ht_view1_linkbutton_background_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_linkbutton_background_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="margin-top: 14px;">
                                    <h3><?php echo __( 'Description', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view1_show_description"><?php echo __( 'Show Description', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view1_show_description]"/>
                                        <input type="checkbox"
                                               id="ht_view1_show_description" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_show_description'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view1_show_description]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_description_font_size"><?php echo __( 'Description Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_description_font_size]"
                                               id="ht_view1_description_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_description_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_description_color"><?php echo __( 'Description Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_description_color]" type="text"
                                               class="color" id="ht_view1_description_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_description_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="margin-top:14px;">
                                    <h3><?php echo __( 'Category styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div style="display: none;">
                                        <label for="ht_view1_show_filtering"
                                               style="display: none;"><?php echo __( 'Show Filtering', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view1_show_filtering]"/>
                                        <input type="checkbox"
                                               id="ht_view1_show_filtering" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_show_filtering'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view1_show_filtering]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_cat_all"><?php echo __( 'Show All Category Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_cat_all]"
                                               id="ht_view1_cat_all"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view1_cat_all'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_filterbutton_font_size"><?php echo __( 'Filter Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_filterbutton_font_size]"
                                               id="ht_view1_filterbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_filterbutton_font_color"><?php echo __( 'Filter Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_filterbutton_font_color]" type="text"
                                               class="color" id="ht_view1_filterbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_filterbutton_hover_font_color"><?php echo __( 'Filter Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_filterbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view1_filterbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_filterbutton_background_color"><?php echo __( 'Filter Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_filterbutton_background_color]"
                                               type="text" class="color" id="ht_view1_filterbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_filterbutton_hover_background_color"><?php echo __( 'Filter Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_filterbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view1_filterbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div  style="display: none;">
                                        <label
                                            for="ht_view1_filterbutton_border_width"><?php echo __( 'Filter Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view1_filterbutton_border_width]"
                                               id="ht_view1_filterbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view1_filterbutton_border_color]"
                                               type="text" class="color" id="ht_view1_filterbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view1_filterbutton_border_color"><?php echo __( 'Filter Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_filterbutton_border_radius"><?php echo __( 'Filter Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view1_filterbutton_border_radius]"
                                               id="ht_view1_filterbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_filterbutton_border_padding"><?php echo __( 'Filter Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view1_filterbutton_border_padding]"
                                               id="ht_view1_filterbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view1_filterbutton_margin"><?php echo __( 'Filter Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_filterbutton_margin]"
                                               id="ht_view1_filterbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_filterbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_filtering_float"><?php echo __( 'Filter block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view1_filtering_float"
                                                name="params[pfhub_portfolio_view1_filtering_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_filtering_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_filtering_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_filtering_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>

</div>

<div style="margin-top: -404px;">
                                    <h3><?php echo __( 'Sorting Styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div  style="display: none;">
                                        <label for="ht_view1_show_sorting"
                                               style="display: none;"><?php echo __( 'Show Sorting', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view1_show_sorting]"/>
                                        <input type="checkbox"
                                               id="ht_view1_show_sorting" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_show_sorting'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view1_show_sorting]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sortbutton_font_size"><?php echo __( 'Sort Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_sortbutton_font_size]"
                                               id="ht_view1_sortbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sortbutton_font_color"><?php echo __( 'Sort Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sortbutton_font_color]" type="text"
                                               class="color" id="ht_view1_sortbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sortbutton_hover_font_color"><?php echo __( 'Sort Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sortbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view1_sortbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sortbutton_background_color"><?php echo __( 'Sort Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sortbutton_background_color]"
                                               type="text" class="color" id="ht_view1_sortbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sortbutton_hover_background_color"><?php echo __( 'Sort Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sortbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view1_sortbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view1_sortbutton_border_width"><?php echo __( 'Sort Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_sortbutton_border_width]"
                                               id="ht_view1_sortbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view1_sortbutton_border_color]" type="text"
                                               class="color" id="ht_view1_sortbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view1_sortbutton_border_color"><?php echo __( 'Sort Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sortbutton_border_radius"><?php echo __( 'Sort Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view1_sortbutton_border_radius]"
                                               id="ht_view1_sortbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sortbutton_border_padding"><?php echo __( 'Sort Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view1_sortbutton_border_padding]"
                                               id="ht_view1_sortbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view1_sortbutton_margin"><?php echo __( 'Sort Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view1_sortbutton_margin]"
                                               id="ht_view1_sortbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view1_sortbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sorting_name_by_default"><?php echo __( 'Sort By Default Bottom Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sorting_name_by_default]" type="text"
                                               id="ht_view1_sorting_name_by_default"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_name_by_default'] ); ?>"
                                               size="10" class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sorting_name_by_id"><?php echo __( 'Sorting By Date Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sorting_name_by_id]" type="text"
                                               id="ht_view1_sorting_name_by_id"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_name_by_id'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sorting_name_by_name"><?php echo __( 'Sorting By Label Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sorting_name_by_name]" type="text"
                                               id="ht_view1_sorting_name_by_name"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_name_by_name'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sorting_name_by_random"><?php echo __( 'Random Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sorting_name_by_random]" type="text"
                                               id="ht_view1_sorting_name_by_random"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_name_by_random'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sorting_name_by_asc"><?php echo __( 'Ascending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sorting_name_by_asc]" type="text"
                                               id="ht_view1_sorting_name_by_asc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_name_by_asc'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sorting_name_by_desc"><?php echo __( 'Descending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view1_sorting_name_by_desc]" type="text"
                                               id="ht_view1_sorting_name_by_desc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_name_by_desc'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view1_sorting_float"><?php echo __( 'Sort block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view1_sorting_float"
                                                name="params[pfhub_portfolio_view1_sorting_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view1_sorting_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                </div>

</li>

<li id="portfolio-view-options-2">
                                <div>
                                    <h3><?php echo __( 'Element Styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="port_natural_size_contentpopup"><?php echo __( "Element's Image Behaviour", 'pfhub_portfolio' ); ?></label>
                                        <select id="port_natural_size_contentpopup"
                                                name="params[pfhub_portfolio_port_natural_size_contentpopup]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_port_natural_size_contentpopup'] == 'resize' ) {
                                                echo 'selected="selected"';
                                            } ?> value="resize"><?php echo __( 'Resize', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_port_natural_size_contentpopup'] == 'natural' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="natural"><?php echo __( 'Natural', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_width"><?php echo __( "Element's Image Width", 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_element_width]"
                                               id="ht_view2_element_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_height"><?php echo __( "Element's Image Height", 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_element_height]"
                                               id="ht_view2_element_height"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_height']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_background_color"><?php echo __( 'Element Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_element_background_color]"
                                               type="text" class="color" id="ht_view2_element_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_border_width"><?php echo __( 'Element Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_element_border_width]"
                                               id="ht_view2_element_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_border_color"><?php echo __( 'Element Border Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_element_border_color]" type="text"
                                               class="color" id="ht_view2_element_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_border_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_overlay_color"><?php echo __( "Element's Image Overlay Color", 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_element_overlay_color]" type="text"
                                               class="color" id="ht_view2_element_overlay_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_overlay_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_zoombutton_style"><?php echo __( "Element's Image Overlay Transparency", 'pfhub_portfolio' ); ?></label>
                                        <div class="slider-container">
                                            <input name="params[pfhub_portfolio_view2_element_overlay_transparency]"
                                                   id="ht_view2_element_overlay_transparency" data-slider-highlight="true"
                                                   data-slider-values="0,10,20,30,40,50,60,70,80,90,100" type="text"
                                                   data-slider="true"
                                                   value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_overlay_transparency']; ?>"/>
                                            <span><?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_overlay_transparency']; ?>
                                                                    %</span>
                                        </div>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_zoombutton_style"><?php echo __( 'Zoom Image Style', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view2_zoombutton_style"
                                                name="params[pfhub_portfolio_view2_zoombutton_style]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_zoombutton_style'] == 'light' ) {
                                                echo 'selected="selected"';
                                            } ?> value="light"><?php echo __( 'Light', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_zoombutton_style'] == 'dark' ) {
                                                echo 'selected="selected"';
                                            } ?> value="dark"><?php echo __( 'Dark', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Element Label', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view2_element_title_font_size"><?php echo __( 'Element Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_element_title_font_size]"
                                               id="ht_view2_element_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_title_font_color"><?php echo __( 'Element Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_element_title_font_color]"
                                               type="text" class="color" id="ht_view2_element_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_image_title"><?php echo __( 'Image Label', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_image_title]"/>
                                        <input type="checkbox"
                                               id="ht_view2_image_title" name="params[pfhub_portfolio_view2_image_title]" value="on"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Element Link Button', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view2_element_show_linkbutton"><?php echo __( 'Show Link Button On Element', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_element_show_linkbutton]"/>
                                        <input type="checkbox"
                                               id="ht_view2_element_show_linkbutton" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_show_linkbutton'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view2_element_show_linkbutton]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_linkbutton_text"><?php echo __( 'Link Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_element_linkbutton_text]"
                                               id="ht_view2_element_linkbutton_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_linkbutton_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_linkbutton_font_size"><?php echo __( 'Link Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view2_element_linkbutton_font_size]"
                                               id="ht_view2_element_linkbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_linkbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_linkbutton_color"><?php echo __( 'Link Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_element_linkbutton_color]"
                                               type="text" class="color" id="ht_view2_element_linkbutton_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_linkbutton_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_element_linkbutton_background_color"><?php echo __( 'Link Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_element_linkbutton_background_color]"
                                               type="text" class="color" id="ht_view2_element_linkbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_element_linkbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="margin-top: -36px;">
                                    <h3><?php echo __( 'Sorting styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div  style="display: none;">
                                        <label for="ht_view2_show_sorting"
                                               style="display: none;"><?php echo __( 'Show Sorting', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_show_sorting]"/>
                                        <input type="checkbox"
                                               id="ht_view2_show_sorting" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_show_sorting'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view2_show_sorting]" value="on"/>
                                    </div>

<div>
                                        <label
                                            for="ht_view2_sortbutton_font_size"><?php echo __( 'Sort Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_sortbutton_font_size]"
                                               id="ht_view2_sortbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sortbutton_font_color"><?php echo __( 'Sort Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sortbutton_font_color]" type="text"
                                               class="color" id="ht_view2_sortbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sortbutton_hover_font_color"><?php echo __( 'Sort Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sortbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view2_sortbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sortbutton_background_color"><?php echo __( 'Sort Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sortbutton_background_color]"
                                               type="text" class="color" id="ht_view2_sortbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sortbutton_hover_background_color"><?php echo __( 'Sort Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sortbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view2_sortbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div  style="display: none;">
                                        <label
                                            for="ht_view2_sortbutton_border_width"><?php echo __( 'Sort Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_sortbutton_border_width]"
                                               id="ht_view2_sortbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view2_sortbutton_border_color]" type="text"
                                               class="color" id="ht_view2_sortbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view2_sortbutton_border_color"><?php echo __( 'Sort Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sortbutton_border_radius"><?php echo __( 'Sort Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view2_sortbutton_border_radius]"
                                               id="ht_view2_sortbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sortbutton_border_padding"><?php echo __( 'Sort Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view2_sortbutton_border_padding]"
                                               id="ht_view2_sortbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div  style="display: none;">
                                        <label
                                            for="ht_view2_sortbutton_margin"><?php echo __( 'Sort Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_sortbutton_margin]"
                                               id="ht_view2_sortbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_sortbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sorting_float"><?php echo __( 'Sort block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view2_sorting_float"
                                                name="params[pfhub_portfolio_view2_sorting_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sorting_name_by_default"><?php echo __( 'Sort By Default Bottom Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sorting_name_by_default]" type="text"
                                               id="ht_view2_sorting_name_by_default"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_name_by_default'] ); ?>"
                                               size="10" class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sorting_name_by_id"><?php echo __( 'Sorting By Date Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sorting_name_by_id]" type="text"
                                               id="ht_view2_sorting_name_by_id"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_name_by_id'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sorting_name_by_name"><?php echo __( 'Sorting By Label Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sorting_name_by_name]" type="text"
                                               id="ht_view2_sorting_name_by_name"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_name_by_name'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sorting_name_by_random"><?php echo __( 'Random Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sorting_name_by_random]" type="text"
                                               id="ht_view2_sorting_name_by_random"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_name_by_random'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sorting_name_by_asc"><?php echo __( 'Ascending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sorting_name_by_asc]" type="text"
                                               id="ht_view2_sorting_name_by_asc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_name_by_asc'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_sorting_name_by_desc"><?php echo __( 'Descending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_sorting_name_by_desc]" type="text"
                                               id="ht_view2_sorting_name_by_desc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_sorting_name_by_desc'] ); ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="display: none;">
                                        <label for="ht_view2_show_filtering"
                                               style="display: none;"><?php echo __( 'Show Filtering', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_show_filtering]"/>
                                        <input type="checkbox"
                                               id="ht_view2_show_filtering" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_show_filtering'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view2_show_filtering]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_cat_all"><?php echo __( 'Show All Category Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_cat_all]"
                                               id="ht_view2_cat_all"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_cat_all'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_filterbutton_font_size"><?php echo __( 'Filter Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_filterbutton_font_size]"
                                               id="ht_view2_filterbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_filterbutton_font_color"><?php echo __( 'Filter Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_filterbutton_font_color]" type="text"
                                               class="color" id="ht_view2_filterbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_filterbutton_hover_font_color"><?php echo __( 'Filter Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_filterbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view2_filterbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_filterbutton_background_color"><?php echo __( 'Filter Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_filterbutton_background_color]"
                                               type="text" class="color" id="ht_view2_filterbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_filterbutton_hover_background_color"><?php echo __( 'Filter Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_filterbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view2_filterbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>

<div  style="display: none;">
                                        <label
                                            for="ht_view2_filterbutton_border_width"><?php echo __( 'Filter Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view2_filterbutton_border_width]"
                                               id="ht_view2_filterbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view2_filterbutton_border_color]"
                                               type="text" class="color" id="ht_view2_filterbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view2_filterbutton_border_color"><?php echo __( 'Filter Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_filterbutton_border_radius"><?php echo __( 'Filter Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view2_filterbutton_border_radius]"
                                               id="ht_view2_filterbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_filterbutton_border_padding"><?php echo __( 'Filter Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view2_filterbutton_border_padding]"
                                               id="ht_view2_filterbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view2_filterbutton_margin"><?php echo __( 'Filter Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_filterbutton_margin]"
                                               id="ht_view2_filterbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_filterbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_filtering_float"><?php echo __( 'Filter block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view2_filtering_float"
                                                name="params[pfhub_portfolio_view2_filtering_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_filtering_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_filtering_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_filtering_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>

</div>

<div style="margin-top: 14px;">
                                    <h3><?php echo __( 'Popup Label', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view2_popup_title_font_size"><?php echo __( 'Popup Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_popup_title_font_size]"
                                               id="ht_view2_element_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_title_font_color"><?php echo __( 'Popup Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_popup_title_font_color]" type="text"
                                               class="color" id="ht_view2_element_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                                <div style="margin-top: 14px;">
                                    <h3><?php echo __( 'Popup Thumbnails', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view2_show_thumbs"><?php echo __( 'Show Thumbnails', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_show_thumbs]"/>
                                        <input type="checkbox"
                                               id="ht_view2_show_thumbs" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_show_thumbs'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view2_show_thumbs]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_thumbs_position"><?php echo __( 'Thumbnails Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view2_thumbs_position"
                                                name="params[pfhub_portfolio_view2_thumbs_position]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_thumbs_position'] == 'before' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="before"><?php echo __( 'Before Description', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_thumbs_position'] == 'after' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="after"><?php echo __( 'After Description', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_thumbs_width"><?php echo __( 'Thumbnails Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_thumbs_width]"
                                               id="ht_view2_thumbs_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_thumbs_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_thumbs_height"><?php echo __( 'Thumbnails Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_thumbs_height]"
                                               id="ht_view2_thumbs_height"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_thumbs_height']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>
                                <div style="margin-top: 14px;">
                                    <h3><?php echo __( 'Popup Description', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view2_show_description"><?php echo __( 'Show Description', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_show_description]"/>
                                        <input type="checkbox"
                                               id="ht_view2_show_description" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_show_description'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view2_show_description]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_description_font_size"><?php echo __( 'Description Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_description_font_size]"
                                               id="ht_view2_description_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_description_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_description_color"><?php echo __( 'Description Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_description_color]" type="text"
                                               class="color" id="ht_view2_description_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_description_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                                <div style="margin-top: 28px;">
                                    <h3><?php echo __( 'Popup Link Button', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view2_show_popup_linkbutton"><?php echo __( 'Show Link Button', 'pfhub_portfolio' ); ?></label>
                                        <label
                                            for="ht_view2_show_popup_linkbutton"><?php echo __( 'Show Link Button', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_show_popup_linkbutton]"/>
                                        <input type="checkbox"
                                               id="ht_view2_show_popup_linkbutton" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_show_popup_linkbutton'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view2_show_popup_linkbutton]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_linkbutton_text"><?php echo __( 'Link Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view2_popup_linkbutton_text]"
                                               id="ht_view2_popup_linkbutton_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_linkbutton_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_linkbutton_font_size"><?php echo __( 'Link Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view2_popup_linkbutton_font_size]"
                                               id="ht_view2_popup_linkbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_linkbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_linkbutton_color"><?php echo __( 'Link Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_popup_linkbutton_color]" type="text"
                                               class="color" id="ht_view2_popup_linkbutton_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_linkbutton_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_linkbutton_font_hover_color"><?php echo __( 'Link Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_popup_linkbutton_font_hover_color]"
                                               type="text" class="color" id="ht_view2_popup_linkbutton_font_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_linkbutton_font_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_linkbutton_background_color"><?php echo __( 'Link Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_popup_linkbutton_background_color]"
                                               type="text" class="color" id="ht_view2_popup_linkbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_linkbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_linkbutton_background_hover_color"><?php echo __( 'Link Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view2_popup_linkbutton_background_hover_color]"
                                            type="text" class="color" id="ht_view2_popup_linkbutton_background_hover_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_linkbutton_background_hover_color']; ?>"
                                            size="10"/>
                                    </div>
                                </div>

<div style="margin-top: -360px;">
                                    <h3><?php echo __( 'Popup Styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view2_popup_full_width"><?php echo __( 'Popup Image Full Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_popup_full_width]"/>
                                        <input type="checkbox"
                                               id="ht_view2_popup_full_width" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_full_width'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view2_popup_full_width]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_background_color"><?php echo __( 'Popup Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_popup_background_color]" type="text"
                                               class="color" id="ht_view2_popup_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_overlay_color"><?php echo __( 'Popup Overlay Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view2_popup_overlay_color]" type="text"
                                               class="color" id="ht_view2_popup_overlay_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_overlay_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_overlay_transparency_color"><?php echo __( 'Popup Overlay Transparency', 'pfhub_portfolio' ); ?></label>
                                        <div class="slider-container">
                                            <input
                                                name="params[pfhub_portfolio_view2_popup_overlay_transparency_color]"
                                                id="ht_view2_popup_overlay_transparency_color" data-slider-highlight="true"
                                                data-slider-values="0,10,20,30,40,50,60,70,80,90,100" type="text"
                                                data-slider="true"
                                                value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_overlay_transparency_color']; ?>"/>
                                            <span><?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_overlay_transparency_color']; ?>
                                                                    %</span>
                                        </div>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_popup_closebutton_style"><?php echo __( 'Popup Close Button Style', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view2_popup_closebutton_style"
                                                name="params[pfhub_portfolio_view2_popup_closebutton_style]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_closebutton_style'] == 'light' ) {
                                                echo 'selected="selected"';
                                            } ?> value="light"><?php echo __( 'Light', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_popup_closebutton_style'] == 'dark' ) {
                                                echo 'selected="selected"';
                                            } ?> value="dark"><?php echo __( 'Dark', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view2_show_separator_lines"><?php echo __( 'Show Separator Lines', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view2_show_separator_lines]"/>
                                        <input type="checkbox"
                                               id="ht_view2_show_separator_lines" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view2_show_separator_lines'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view2_show_separator_lines]" value="on"/>
                                    </div>

</div>

</li>

<li id="portfolio-view-options-3">
                                <div>
                                    <h3><?php echo __( 'Elements Styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view3_mainimage_width"><?php echo __( 'Main Image Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_mainimage_width]"
                                               id="ht_view3_mainimage_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_mainimage_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_element_background_color"><?php echo __( 'Element Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_element_background_color]"
                                               type="text" class="color" id="ht_view3_element_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_element_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_element_border_width"><?php echo __( 'Element Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_element_border_width]"
                                               id="ht_view3_element_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_element_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_element_border_color"><?php echo __( 'Element Border Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_element_border_color]" type="text"
                                               class="color" id="ht_view3_element_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_element_border_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_show_separator_lines"><?php echo __( 'Show Separator Lines', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view3_show_separator_lines]"/>
                                        <input type="checkbox"
                                               id="ht_view3_show_separator_lines" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_show_separator_lines'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view3_show_separator_lines]" value="on"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Label', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view3_title_font_size"><?php echo __( 'Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_title_font_size]"
                                               id="ht_view3_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_title_font_color"><?php echo __( 'Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_title_font_color]" type="text"
                                               class="color" id="ht_view3_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Thumbnails', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view3_show_thumbs"><?php echo __( 'Show Thumbnails', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view3_show_thumbs]"/>
                                        <input type="checkbox"
                                               id="ht_view3_show_thumbs" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_show_thumbs'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view3_show_thumbs]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_thumbs_width"><?php echo __( 'Thumbnails Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_thumbs_width]"
                                               id="ht_view3_thumbs_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_thumbs_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_thumbs_height"><?php echo __( 'Thumbnails Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_thumbs_height]"
                                               id="ht_view3_thumbs_height"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_thumbs_height']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>

<div style="margin-top:-80px;">
                                    <h3><?php echo __( 'Sorting styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div  style="display: none;">
                                        <label for="ht_view3_show_sorting"
                                               style="display: none;"><?php echo __( 'Show Sorting', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view3_show_sorting]"/>
                                        <input type="checkbox"
                                               id="ht_view3_show_sorting" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_show_sorting'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view3_show_sorting]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sortbutton_font_size"><?php echo __( 'Sort Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_sortbutton_font_size]"
                                               id="ht_view3_sortbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sortbutton_font_color"><?php echo __( 'Sort Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sortbutton_font_color]" type="text"
                                               class="color" id="ht_view3_sortbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sortbutton_hover_font_color"><?php echo __( 'Sort Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sortbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view3_sortbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sortbutton_background_color"><?php echo __( 'Sort Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sortbutton_background_color]"
                                               type="text" class="color" id="ht_view3_sortbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sortbutton_hover_background_color"><?php echo __( 'Sort Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sortbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view3_sortbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div  style="display: none;">
                                        <label
                                            for="ht_view3_sortbutton_border_width"><?php echo __( 'Sort Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_sortbutton_border_width]"
                                               id="ht_view3_sortbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view3_sortbutton_border_color]" type="text"
                                               class="color" id="ht_view3_sortbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view3_sortbutton_border_color"><?php echo __( 'Sort Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sortbutton_border_radius"><?php echo __( 'Sort Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view3_sortbutton_border_radius]"
                                               id="ht_view3_sortbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sortbutton_border_padding"><?php echo __( 'Sort Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view3_sortbutton_border_padding]"
                                               id="ht_view3_sortbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view3_sortbutton_margin"><?php echo __( 'Sort Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_sortbutton_margin]"
                                               id="ht_view3_sortbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_sortbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sorting_float"><?php echo __( 'Sort block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view3_sorting_float"
                                                name="params[pfhub_portfolio_view3_sorting_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sorting_name_by_default"><?php echo __( 'Sort By Default Bottom Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sorting_name_by_default]" type="text"
                                               id="ht_view3_sorting_name_by_default"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_name_by_default'] ); ?>"
                                               size="10" class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sorting_name_by_id"><?php echo __( 'Sorting By Date Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sorting_name_by_id]" type="text"
                                               id="ht_view3_sorting_name_by_id"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_name_by_id'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sorting_name_by_name"><?php echo __( 'Sorting By Label Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sorting_name_by_name]" type="text"
                                               id="ht_view3_sorting_name_by_name"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_name_by_name'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sorting_name_by_random"><?php echo __( 'Random Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sorting_name_by_random]" type="text"
                                               id="ht_view3_sorting_name_by_random"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_name_by_random'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sorting_name_by_asc"><?php echo __( 'Ascending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sorting_name_by_asc]" type="text"
                                               id="ht_view3_sorting_name_by_asc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_name_by_asc'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_sorting_name_by_desc"><?php echo __( 'Descending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_sorting_name_by_desc]" type="text"
                                               id="ht_view3_sorting_name_by_desc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view3_sorting_name_by_desc'] ); ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="display: none;">
                                        <label for="ht_view3_show_filtering"
                                               style="display: none;"><?php echo __( 'Show Filtering', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view3_show_filtering]"/>
                                        <input type="checkbox"
                                               id="ht_view3_show_filtering" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_show_filtering'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view3_show_filtering]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_cat_all"><?php echo __( 'Show All Category Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_cat_all]"
                                               id="ht_view3_cat_all"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view3_cat_all'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_filterbutton_font_size"><?php echo __( 'Filter Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_filterbutton_font_size]"
                                               id="ht_view3_filterbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_filterbutton_font_color"><?php echo __( 'Filter Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_filterbutton_font_color]" type="text"
                                               class="color" id="ht_view3_filterbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_filterbutton_hover_font_color"><?php echo __( 'Filter Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_filterbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view3_filterbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_filterbutton_background_color"><?php echo __( 'Filter Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_filterbutton_background_color]"
                                               type="text" class="color" id="ht_view3_filterbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_filterbutton_hover_background_color"><?php echo __( 'Filter Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_filterbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view3_filterbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view3_filterbutton_border_width"><?php echo __( 'Filter Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view3_filterbutton_border_width]"
                                               id="ht_view3_filterbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view3_filterbutton_border_color]"
                                               type="text" class="color" id="ht_view3_filterbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view3_filterbutton_border_color"><?php echo __( 'Filter Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_filterbutton_border_radius"><?php echo __( 'Filter Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view3_filterbutton_border_radius]"
                                               id="ht_view3_filterbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_filterbutton_border_padding"><?php echo __( 'Filter Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view3_filterbutton_border_padding]"
                                               id="ht_view3_filterbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view3_filterbutton_margin"><?php echo __( 'Filter Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_filterbutton_margin]"
                                               id="ht_view3_filterbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_filterbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_filtering_float"><?php echo __( 'Filter block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view3_filtering_float"
                                                name="params[pfhub_portfolio_view3_filtering_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_filtering_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_filtering_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_filtering_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>

</div>

<div>
                                    <h3><?php echo __( 'Description', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view3_show_description"><?php echo __( 'Show Description', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view3_show_description]"/>
                                        <input type="checkbox"
                                               id="ht_view3_show_description" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_show_description'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view3_show_description]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_description_font_size"><?php echo __( 'Description Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_description_font_size]"
                                               id="ht_view3_description_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_description_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_description_color"><?php echo __( 'Description Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_description_color]" type="text"
                                               class="color" id="ht_view3_description_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_description_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                                <div style="margin-top: -50px;">
                                    <h3><?php echo __( 'Link Button', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view3_show_linkbutton"><?php echo __( 'Show Link Button', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view3_show_linkbutton]"/>
                                        <input type="checkbox"
                                               id="ht_view3_show_linkbutton" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view3_show_linkbutton'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view3_show_linkbutton]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_linkbutton_text"><?php echo __( 'Link Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_linkbutton_text]"
                                               id="ht_view3_linkbutton_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view3_linkbutton_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_linkbutton_font_size"><?php echo __( 'Link Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view3_linkbutton_font_size]"
                                               id="ht_view3_linkbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_linkbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_linkbutton_color"><?php echo __( 'Link Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_linkbutton_color]" type="text"
                                               class="color" id="ht_view3_linkbutton_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_linkbutton_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_linkbutton_font_hover_color"><?php echo __( 'Link Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_linkbutton_font_hover_color]"
                                               type="text" class="color" id="ht_view3_linkbutton_font_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_linkbutton_font_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_linkbutton_background_color"><?php echo __( 'Link Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_linkbutton_background_color]"
                                               type="text" class="color" id="ht_view3_linkbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_linkbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view3_linkbutton_background_hover_color"><?php echo __( 'Link Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view3_linkbutton_background_hover_color]"
                                               type="text" class="color" id="ht_view3_linkbutton_background_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view3_linkbutton_background_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                            </li>

<li id="portfolio-view-options-4">
                                <div>
                                    <h3><?php echo __( 'First Shown Block', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view4_block_width"><?php echo __( 'Block Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_block_width]"
                                               id="ht_view4_block_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_block_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_element_background_color"><?php echo __( 'Block Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_element_background_color]"
                                               type="text" class="color" id="ht_view4_element_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_element_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_element_border_width"><?php echo __( 'Block Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_element_border_width]"
                                               id="ht_view4_element_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_element_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_element_border_color"><?php echo __( 'Block Border Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_element_border_color]" type="text"
                                               class="color" id="ht_view4_element_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_element_border_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Label', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view4_title_font_size"><?php echo __( 'Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_title_font_size]"
                                               id="ht_view4_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_title_font_color"><?php echo __( 'Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_title_font_color]" type="text"
                                               class="color" id="ht_view4_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_togglebutton_style"><?php echo __( 'Toggle Button Style', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view4_togglebutton_style"
                                                name="params[pfhub_portfolio_view4_togglebutton_style]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_togglebutton_style'] == 'light' ) {
                                                echo 'selected="selected"';
                                            } ?> value="light"><?php echo __( 'Light', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_togglebutton_style'] == 'dark' ) {
                                                echo 'selected="selected"';
                                            } ?> value="dark"><?php echo __( 'Dark', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                </div>

<div style="margin-top: 14px;">
                                    <h3><?php echo __( 'Sorting styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div  style="display: none;">
                                        <label for="ht_view4_show_sorting"
                                               style="display: none;"><?php echo __( 'Show Sorting', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view4_show_sorting]"/>
                                        <input type="checkbox"
                                               id="ht_view4_show_sorting" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_show_sorting'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view4_show_sorting]" value="on"/>
                                    </div>

<div>
                                        <label
                                            for="ht_view4_sortbutton_font_size"><?php echo __( 'Sort Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_sortbutton_font_size]"
                                               id="ht_view4_sortbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sortbutton_font_color"><?php echo __( 'Sort Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sortbutton_font_color]" type="text"
                                               class="color" id="ht_view4_sortbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sortbutton_hover_font_color"><?php echo __( 'Sort Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sortbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view4_sortbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sortbutton_background_color"><?php echo __( 'Sort Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sortbutton_background_color]"
                                               type="text" class="color" id="ht_view4_sortbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sortbutton_hover_background_color"><?php echo __( 'Sort Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sortbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view4_sortbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view4_sortbutton_border_width"><?php echo __( 'Sort Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_sortbutton_border_width]"
                                               id="ht_view4_sortbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view4_sortbutton_border_color]" type="text"
                                               class="color" id="ht_view4_sortbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view4_sortbutton_border_color"><?php echo __( 'Sort Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sortbutton_border_radius"><?php echo __( 'Sort Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view4_sortbutton_border_radius]"
                                               id="ht_view4_sortbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sortbutton_border_padding"><?php echo __( 'Sort Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view4_sortbutton_border_padding]"
                                               id="ht_view4_sortbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view4_sortbutton_margin"><?php echo __( 'Sort Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_sortbutton_margin]"
                                               id="ht_view4_sortbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_sortbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sorting_float"><?php echo __( 'Sort block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view4_sorting_float"
                                                name="params[pfhub_portfolio_view4_sorting_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sorting_name_by_default"><?php echo __( 'Sort By Default Bottom Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sorting_name_by_default]" type="text"
                                               id="ht_view4_sorting_name_by_default"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_name_by_default'] ); ?>"
                                               size="10" class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sorting_name_by_id"><?php echo __( 'Sorting By Date Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sorting_name_by_id]" type="text"
                                               id="ht_view4_sorting_name_by_id"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_name_by_id'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sorting_name_by_name"><?php echo __( 'Sorting By Label Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sorting_name_by_name]" type="text"
                                               id="ht_view4_sorting_name_by_name"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_name_by_name'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sorting_name_by_random"><?php echo __( 'Random Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sorting_name_by_random]" type="text"
                                               id="ht_view4_sorting_name_by_random"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_name_by_random'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sorting_name_by_asc"><?php echo __( 'Ascending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sorting_name_by_asc]" type="text"
                                               id="ht_view4_sorting_name_by_asc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_name_by_asc'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_sorting_name_by_desc"><?php echo __( 'Descending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_sorting_name_by_desc]" type="text"
                                               id="ht_view4_sorting_name_by_desc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view4_sorting_name_by_desc'] ); ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="margin-top: -600px;">
                                    <h3><?php echo __( 'Category styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div  style="display: none;">
                                        <label for="ht_view4_show_filtering"
                                               style="display: none;"><?php echo __( 'Show Filtering', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view4_show_filtering]"/>
                                        <input type="checkbox"
                                               id="ht_view4_show_filtering" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_show_filtering'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view4_show_filtering]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_cat_all"><?php echo __( 'Show All Category Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_cat_all]"
                                               id="ht_view4_cat_all"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view4_cat_all'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_filterbutton_font_size"><?php echo __( 'Filter Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_filterbutton_font_size]"
                                               id="ht_view4_filterbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_filterbutton_font_color"><?php echo __( 'Filter Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_filterbutton_font_color]" type="text"
                                               class="color" id="ht_view4_filterbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_filterbutton_hover_font_color"><?php echo __( 'Filter Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_filterbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view4_filterbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_filterbutton_background_color"><?php echo __( 'Filter Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_filterbutton_background_color]"
                                               type="text" class="color" id="ht_view4_filterbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_filterbutton_hover_background_color"><?php echo __( 'Filter Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_filterbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view4_filterbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div  style="display: none;">
                                        <label
                                            for="ht_view4_filterbutton_border_width"><?php echo __( 'Filter Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view4_filterbutton_border_width]"
                                               id="ht_view4_filterbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view4_filterbutton_border_color]"
                                               type="text" class="color" id="ht_view4_filterbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view4_filterbutton_border_color"><?php echo __( 'Filter Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_filterbutton_border_radius"><?php echo __( 'Filter Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view4_filterbutton_border_radius]"
                                               id="ht_view4_filterbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_filterbutton_border_padding"><?php echo __( 'Filter Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view4_filterbutton_border_padding]"
                                               id="ht_view4_filterbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view4_filterbutton_margin"><?php echo __( 'Filter Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_filterbutton_margin]"
                                               id="ht_view4_filterbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_filterbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_filtering_float"><?php echo __( 'Filter block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view4_filtering_float"
                                                name="params[pfhub_portfolio_view4_filtering_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_filtering_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_filtering_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_filtering_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>

</div>

<div style="margin-top: -120px;">
                                    <h3><?php echo __( 'Link Button', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view4_show_linkbutton"><?php echo __( 'Show Link Button', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view4_show_linkbutton]"/>
                                        <input type="checkbox"
                                               id="ht_view4_show_linkbutton" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view4_show_linkbutton'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view4_show_linkbutton]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_linkbutton_text"><?php echo __( 'Link Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_linkbutton_text]"
                                               id="ht_view4_linkbutton_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view4_linkbutton_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_linkbutton_font_size"><?php echo __( 'Link Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view4_linkbutton_font_size]"
                                               id="ht_view4_linkbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_linkbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_linkbutton_color"><?php echo __( 'Link Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_linkbutton_color]" type="text"
                                               class="color" id="ht_view4_linkbutton_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_linkbutton_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_linkbutton_font_hover_color"><?php echo __( 'Link Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_linkbutton_font_hover_color]"
                                               type="text" class="color" id="ht_view4_linkbutton_font_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_linkbutton_font_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_linkbutton_background_color"><?php echo __( 'Link Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_linkbutton_background_color]"
                                               type="text" class="color" id="ht_view4_linkbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_linkbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view4_linkbutton_background_hover_color"><?php echo __( 'Link Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view4_linkbutton_background_hover_color]"
                                               type="text" class="color" id="ht_view4_linkbutton_background_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view4_linkbutton_background_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>

</li>

<li id="portfolio-view-options-5">
                                <div>
                                    <h3><?php echo __( 'Slider', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view5_slider_background_color"><?php echo __( 'Slider Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view5_slider_background_color]" type="text"
                                               class="color" id="ht_view5_slider_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_slider_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_icons_style"><?php echo __( 'Icons Style', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view5_icons_style"
                                                name="params[pfhub_portfolio_view5_icons_style]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view5_icons_style'] == 'light' ) {
                                                echo 'selected="selected"';
                                            } ?> value="light">Light
                                            </option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view5_icons_style'] == 'dark' ) {
                                                echo 'selected="selected"';
                                            } ?> value="dark">Dark
                                            </option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_show_separator_lines"><?php echo __( 'Show Separator Lines', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view5_show_separator_lines]"/>
                                        <input type="checkbox"
                                               id="ht_view5_show_separator_lines" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view5_show_separator_lines'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view5_show_separator_lines]" value="on"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Images', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view5_main_image_width"><?php echo __( 'Main Image Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view5_main_image_width]"
                                               id="ht_view5_main_image_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_main_image_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_show_thumbs"><?php echo __( 'Show Thumbs', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view5_show_thumbs]"/>
                                        <input type="checkbox"
                                               id="ht_view5_show_thumbs" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view5_show_thumbs'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view5_show_thumbs]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_thumbs_width"><?php echo __( 'Thumbs Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view5_thumbs_width]"
                                               id="ht_view5_thumbs_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_thumbs_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_thumbs_height"><?php echo __( 'Thumbs Height', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view5_thumbs_height]"
                                               id="ht_view5_thumbs_height"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_thumbs_height']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>
                                <div style="margin-top:-30px;">
                                    <h3>Title<img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view5_title_font_size"><?php echo __( 'Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view5_title_font_size]"
                                               id="ht_view5_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_title_font_color"><?php echo __( 'Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view5_title_font_color]" type="text"
                                               class="color" id="ht_view5_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Description', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view5_show_description"><?php echo __( 'Show Description', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view5_show_description]"/>
                                        <input type="checkbox"
                                               id="ht_view5_show_description" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view5_show_description'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view5_show_description]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_description_font_size"><?php echo __( 'Description Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view5_description_font_size]"
                                               id="ht_view5_description_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_description_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_description_color"><?php echo __( 'Description Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view5_description_color]" type="text"
                                               class="color" id="ht_view5_description_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_description_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                                <div style="margin-top:-65px;">
                                    <h3><?php echo __( 'Link Button', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view5_show_linkbutton"><?php echo __( 'Show Link Button', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view5_show_linkbutton]"/>
                                        <input type="checkbox"
                                               id="ht_view5_show_linkbutton" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view5_show_linkbutton'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view5_show_linkbutton]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_linkbutton_text"><?php echo __( 'Link Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view5_linkbutton_text]"
                                               id="ht_view5_linkbutton_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view5_linkbutton_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_linkbutton_font_size"><?php echo __( 'Link Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view5_linkbutton_font_size]"
                                               id="ht_view5_linkbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_linkbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_linkbutton_color"><?php echo __( 'Link Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view5_linkbutton_color]" type="text"
                                               class="color" id="ht_view5_linkbutton_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_linkbutton_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_linkbutton_font_hover_color"><?php echo __( 'Link Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view5_linkbutton_font_hover_color]"
                                               type="text" class="color" id="ht_view5_linkbutton_font_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_linkbutton_font_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_linkbutton_background_color"><?php echo __( 'Link Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view5_linkbutton_background_color]"
                                               type="text" class="color" id="ht_view5_linkbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_linkbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view5_linkbutton_background_hover_color"><?php echo __( 'Link Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view5_linkbutton_background_hover_color]"
                                               type="text" class="color" id="ht_view5_linkbutton_background_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view5_linkbutton_background_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                </div>
                            </li>

<li id="portfolio-view-options-6">
                                <div>
                                    <h3><?php echo __( 'Label', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view6_title_font_size"><?php echo __( 'Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_title_font_size]"
                                               id="ht_view6_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_title_font_color"><?php echo __( 'Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_title_font_color]" type="text"
                                               class="color" id="ht_view6_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_title_font_hover_color"><?php echo __( 'Label Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_title_font_hover_color]" type="text"
                                               class="color" id="ht_view6_title_font_hover_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_title_font_hover_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_title_background_color"><?php echo __( 'Label Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_title_background_color]" type="text"
                                               class="color" id="ht_view6_title_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_title_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_title_background_transparency"><?php echo __( 'Label Background Transparency', 'pfhub_portfolio' ); ?></label>
                                        <div class="slider-container">
                                            <input name="params[pfhub_portfolio_view6_title_background_transparency]"
                                                   id="ht_view6_title_background_transparency" data-slider-highlight="true"
                                                   data-slider-values="0,10,20,30,40,50,60,70,80,90,100" type="text"
                                                   data-slider="true"
                                                   value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_title_background_transparency']; ?>"/>
                                            <span><?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_title_background_transparency']; ?>
                                                                    %</span>
                                        </div>
                                    </div>
                                </div>

<div>
                                    <h3><?php echo __( 'Image', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view6_width"><?php echo __( 'Image Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_width]"
                                               id="ht_view6_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_border_width"><?php echo __( 'Image Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_border_width]"
                                               id="ht_view6_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_border_color"><?php echo __( 'Image Border Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_border_color]" type="text"
                                               class="color" id="ht_view6_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_border_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_border_radius"><?php echo __( 'Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_border_radius]"
                                               id="ht_view6_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>

<div>
                                    <h3><?php echo __( 'Sorting styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div  style="display: none;">
                                        <label for="ht_view6_show_sorting"
                                               style="display: none;"><?php echo __( 'Show Sorting', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view6_show_sorting]"/>
                                        <input type="checkbox"
                                               id="ht_view6_show_sorting" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view6_show_sorting'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view6_show_sorting]" value="on"/>
                                    </div>

<div>
                                        <label
                                            for="ht_view6_sortbutton_font_size"><?php echo __( 'Sort Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_sortbutton_font_size]"
                                               id="ht_view6_sortbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sortbutton_font_color"><?php echo __( 'Sort Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sortbutton_font_color]" type="text"
                                               class="color" id="ht_view6_sortbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sortbutton_hover_font_color"><?php echo __( 'Sort Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sortbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view6_sortbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sortbutton_background_color"><?php echo __( 'Sort Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sortbutton_background_color]"
                                               type="text" class="color" id="ht_view6_sortbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sortbutton_hover_background_color"><?php echo __( 'Sort Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sortbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view6_sortbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div  style="display: none;">
                                        <label
                                            for="ht_view6_sortbutton_border_width"><?php echo __( 'Sort Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_sortbutton_border_width]"
                                               id="ht_view6_sortbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view6_sortbutton_border_color]" type="text"
                                               class="color" id="ht_view6_sortbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view6_sortbutton_border_color"><?php echo __( 'Sort Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sortbutton_border_radius"><?php echo __( 'Sort Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view6_sortbutton_border_radius]"
                                               id="ht_view6_sortbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sortbutton_border_padding"><?php echo __( 'Sort Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view6_sortbutton_border_padding]"
                                               id="ht_view6_sortbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view6_sortbutton_margin"><?php echo __( 'Sort Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_sortbutton_margin]"
                                               id="ht_view6_sortbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_sortbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sorting_float"><?php echo __( 'Sort block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view6_sorting_float"
                                                name="params[pfhub_portfolio_view6_sorting_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sorting_name_by_default"><?php echo __( 'Sort By Default Bottom Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sorting_name_by_default]" type="text"
                                               id="ht_view6_sorting_name_by_default"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_name_by_default'] ); ?>"
                                               size="10" class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sorting_name_by_id"><?php echo __( 'Sorting By Date Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sorting_name_by_id]" type="text"
                                               id="ht_view6_sorting_name_by_id"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_name_by_id'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sorting_name_by_name"><?php echo __( 'Sorting By Label Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sorting_name_by_name]" type="text"
                                               id="ht_view6_sorting_name_by_name"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_name_by_name'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sorting_name_by_random"><?php echo __( 'Random Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sorting_name_by_random]" type="text"
                                               id="ht_view6_sorting_name_by_random"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_name_by_random'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sorting_name_by_asc"><?php echo __( 'Ascending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sorting_name_by_asc]" type="text"
                                               id="ht_view6_sorting_name_by_asc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_name_by_asc'] ); ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_sorting_name_by_desc"><?php echo __( 'Descending Sorting Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_sorting_name_by_desc]" type="text"
                                               id="ht_view6_sorting_name_by_desc"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view6_sorting_name_by_desc'] ); ?>"
                                               size="10"/>
                                    </div>
                                </div>

<div style="margin-top: -600px">
                                    <h3><?php echo __( 'Category styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div style="display: none;">
                                        <label for="ht_view6_show_filtering"
                                               style="display: none;"><?php echo __( 'Show Filtering', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view6_show_filtering]"/>
                                        <input type="checkbox"
                                               id="ht_view6_show_filtering" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view6_show_filtering'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view6_show_filtering]" value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_cat_all"><?php echo __( 'Show All Button Name', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_cat_all]"
                                               id="ht_view6_cat_all"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view6_cat_all'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_filterbutton_font_size"><?php echo __( 'Filter Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_filterbutton_font_size]"
                                               id="ht_view6_filterbutton_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_filterbutton_font_color"><?php echo __( 'Filter Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_filterbutton_font_color]" type="text"
                                               class="color" id="ht_view6_filterbutton_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_filterbutton_hover_font_color"><?php echo __( 'Filter Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_filterbutton_hover_font_color]"
                                               type="text" class="color" id="ht_view6_filterbutton_hover_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_hover_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_filterbutton_background_color"><?php echo __( 'Filter Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_filterbutton_background_color]"
                                               type="text" class="color" id="ht_view6_filterbutton_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_filterbutton_hover_background_color"><?php echo __( 'Filter Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view6_filterbutton_hover_background_color]"
                                               type="text" class="color" id="ht_view6_filterbutton_hover_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_hover_background_color']; ?>"
                                               size="10"/>
                                    </div>

<div  style="display: none;">
                                        <label
                                            for="ht_view6_filterbutton_border_width"><?php echo __( 'Filter Button Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view6_filterbutton_border_width]"
                                               id="ht_view6_filterbutton_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <input name="params[pfhub_portfolio_view6_filterbutton_border_color]"
                                               type="text" class="color" id="ht_view6_filterbutton_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_border_color']; ?>"
                                               size="10"/>
                                        <label
                                            for="ht_view6_filterbutton_border_color"><?php echo __( 'Filter Button Border Color', 'pfhub_portfolio' ); ?></label>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_filterbutton_border_radius"><?php echo __( 'Filter Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view6_filterbutton_border_radius]"
                                               id="ht_view6_filterbutton_border_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_border_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_filterbutton_border_padding"><?php echo __( 'Filter Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view6_filterbutton_border_padding]"
                                               id="ht_view6_filterbutton_border_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_border_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div style="display: none;">
                                        <label
                                            for="ht_view6_filterbutton_margin"><?php echo __( 'Filter Button Margins', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view6_filterbutton_margin]"
                                               id="ht_view6_filterbutton_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view6_filterbutton_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="ht_view6_filtering_float"><?php echo __( 'Filter block Position', 'pfhub_portfolio' ); ?></label>
                                        <select id="ht_view6_filtering_float"
                                                name="params[pfhub_portfolio_view6_filtering_float]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view6_filtering_float'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?> value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view6_filtering_float'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?> value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view6_filtering_float'] == 'top' ) {
                                                echo 'selected="selected"';
                                            } ?> value="top"><?php echo __( 'Top', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>

</div>
                            </li>

<li id="portfolio-view-options-7">
                                <div>
                                    <h3><?php echo __( 'Element Styles', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_image_behaviour"><?php echo __( "Element's Image Behaviour", 'pfhub_portfolio' ); ?></label>
                                        <select id="pfhub_portfolio_view7_image_behaviour"
                                                name="params[pfhub_portfolio_view7_image_behaviour]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_image_behaviour'] == 'resize' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="resize"><?php echo __( 'Resize', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_image_behaviour'] == 'crop' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="crop"><?php echo __( 'Natural', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_width"><?php echo __( 'Element  Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view7_element_width]"
                                               id="pfhub_portfolio_view7_element_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_height"><?php echo __( 'Element Height', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view7_element_height]"
                                               id="pfhub_portfolio_view7_element_height"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_height']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_margin"><?php echo __( 'Margin Between Elements', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view7_element_margin]"
                                               id="pfhub_portfolio_view7_element_margin"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_margin']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_hover_effect"><?php echo __( 'Element Hover Effect', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="false"
                                               name="params[pfhub_portfolio_view7_element_hover_effect]"/>
                                        <input type="checkbox"
                                               id="pfhub_portfolio_view7_element_hover_effect" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_hover_effect'] == 'true' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view7_element_hover_effect]"
                                               value="true"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_overlay_background_color_"><?php echo __( 'Element Overlay Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_element_overlay_background_color_]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_element_overlay_background_color_"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_overlay_background_color_']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_border_color"><?php echo __( 'Element Border Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view7_element_border_color]"
                                               type="text" class="color"
                                               id="pfhub_portfolio_view7_element_border_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_border_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_border_width"><?php echo __( 'Element Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_element_border_width]"
                                               id="pfhub_portfolio_view7_element_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_overlay_opacity"><?php echo __( "Element's Image Overlay Transparency", 'pfhub_portfolio' ); ?></label>
                                        <div class="slider-container">
                                            <input name="params[pfhub_portfolio_view7_element_overlay_opacity]"
                                                   id="pfhub_portfolio_view7_element_overlay_opacity"
                                                   data-slider-highlight="true"
                                                   data-slider-values="0,10,20,30,40,50,60,70,80,90,100" type="text"
                                                   data-slider="true"
                                                   value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_overlay_opacity']; ?>"/>
                                            <span><?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_overlay_opacity']; ?>
                                                                    %</span>
                                        </div>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_hover_effect_delay"><?php echo __( 'Element  Hover Effect Delay', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view7_hover_effect_delay]"
                                               id="pfhub_portfolio_view7_hover_effect_delay"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_hover_effect_delay']; ?>"
                                               class="text"/>
                                        <span>ms</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_hover_effect_inverse"><?php echo __( 'Element Hover Effect Inverse', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="false"
                                               name="params[pfhub_portfolio_view7_hover_effect_inverse]"/>
                                        <input type="checkbox"
                                               id="pfhub_portfolio_view7_hover_effect_inverse" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_hover_effect_inverse'] == 'true' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view7_hover_effect_inverse]"
                                               value="true"/>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Expand Options', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expanding_speed"><?php echo __( 'Expending Speed', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view7_expanding_speed]"
                                               id="pfhub_portfolio_view7_expanding_speed"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expanding_speed']; ?>"
                                               class="text"/>
                                        <span>ms</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_height"><?php echo __( 'Expend Block Height', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view7_expand_block_height]"
                                               id="pfhub_portfolio_view7_expand_block_height"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_height']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_width"><?php echo __( 'Expend Block Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view7_expand_width]"
                                               id="pfhub_portfolio_view7_expand_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_width']; ?>"
                                               class="text"/>
                                        <span>%</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_opacity"><?php echo __( "Expand Block Opacity", 'pfhub_portfolio' ); ?></label>
                                        <div class="slider-container">
                                            <input name="params[pfhub_portfolio_view7_expand_block_opacity]"
                                                   id="pfhub_portfolio_view7_expand_block_opacity"
                                                   data-slider-highlight="true"
                                                   data-slider-values="0,10,20,30,40,50,60,70,80,90,100" type="text"
                                                   data-slider="true"
                                                   value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_opacity']; ?>"/>
                                            <span><?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_opacity']; ?>
                                                                    %</span>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Expand Label', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_title_color"><?php echo __( 'Expand Label Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view7_expand_block_title_color]"
                                               type="text" class="color"
                                               id="pfhub_portfolio_view7_expand_block_title_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_title_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_title_font_size"><?php echo __( 'Expand Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_expand_block_title_font_size]"
                                               id="pfhub_portfolio_view7_expand_block_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Category Options', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_all_text"><?php echo __( 'Filter All Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text" name="params[pfhub_portfolio_view7_filter_all_text]"
                                               id="pfhub_portfolio_view7_filter_all_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_all_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_show_all_filter_button"><?php echo __( 'Show Filter All Button', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view7_show_all_filter_button]">
                                        <input type="checkbox"
                                               id="pfhub_portfolio_view7_show_all_filter_button" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_show_all_filter_button'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view7_show_all_filter_button]"
                                               value="on"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_effect"><?php echo __( "Filter Effect", 'pfhub_portfolio' ); ?></label>
                                        <select id="pfhub_portfolio_view7_filter_effect"
                                                name="params[pfhub_portfolio_view7_filter_effect]">
                                            <option
                                                value="popup" <?php selected( $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_effect'], 'popup' ); ?> ><?php echo __( 'Popup', 'pfhub_portfolio' ); ?></option>
                                            <option
                                                value="moveup" <?php selected( $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_effect'], 'moveup' ); ?> ><?php echo __( 'Moveup', 'pfhub_portfolio' ); ?></option>
                                            <option
                                                value="scaleup" <?php selected( $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_effect'], 'scaleup' ); ?> ><?php echo __( 'Scaleup', 'pfhub_portfolio' ); ?></option>
                                            <option
                                                value="fallperspective" <?php selected( $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_effect'], 'fallperspective' ); ?> ><?php echo __( 'Fallperspective', 'pfhub_portfolio' ); ?></option>
                                            <option
                                                value="fly" <?php selected( $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_effect'], 'fly' ); ?> ><?php echo __( 'Fly', 'pfhub_portfolio' ); ?></option>
                                            <option
                                                value="flip" <?php selected( $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_effect'], 'flip' ); ?> ><?php echo __( 'Flip', 'pfhub_portfolio' ); ?></option>
                                            <option
                                                value="helix" <?php selected( $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_effect'], 'helix' ); ?> ><?php echo __( 'Helix', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_button_font_color"><?php echo __( 'Filter Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_filter_button_font_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_filter_button_font_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_button_font_color']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_button_font_hover_color"><?php echo __( 'Filter Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_filter_button_font_hover_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_filter_button_font_hover_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_button_font_hover_color']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_button_background_color"><?php echo __( 'Filter Button Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_filter_button_background_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_filter_button_background_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_button_background_color']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_button_background_hover_color"><?php echo __( 'Filter Button Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_filter_button_background_hover_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_filter_button_background_hover_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_button_background_hover_color']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_button_bg_color_active"><?php echo __( 'Filter Button Active Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_filter_button_bg_color_active]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_filter_button_bg_color_active"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_button_bg_color_active']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_button_padding"><?php echo __( 'Filter Button Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_filter_button_padding]"
                                               id="pfhub_portfolio_view7_filter_button_padding"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_button_padding']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_button_font_active_color"><?php echo __( 'Filter Button Font Active Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_filter_button_font_active_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_filter_button_font_active_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_button_font_active_color']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_filter_button_radius"><?php echo __( 'Filter Button Border Radius', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_filter_button_radius]"
                                               id="pfhub_portfolio_view7_filter_button_radius"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_filter_button_radius']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>
                                <div  style="margin-top: -391px;">
                                    <h3><?php _e( 'Element Label', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_title_font_size"><?php echo __( 'Label Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_element_title_font_size]"
                                               id="pfhub_portfolio_view7_element_title_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_title_font_color"><?php echo __( 'Label Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view7_element_title_font_color]"
                                               type="text" class="color" id="ht_view0_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_font_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_title_align"><?php echo __( "Label Alignment", 'pfhub_portfolio' ); ?></label>
                                        <select id="pfhub_portfolio_view7_element_title_align"
                                                name="params[pfhub_portfolio_view7_element_title_align]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_align'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_align'] == 'center' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="center"><?php echo __( 'Center', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_align'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_title_border_width"><?php echo __( 'Element Label Bottom Border Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_element_title_border_width]"
                                               id="pfhub_portfolio_view7_element_title_border_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_border_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_title_border_color"><?php echo __( 'Element Label Bottom Border Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view7_element_title_border_color]"
                                               type="text" class="color" id="ht_view0_title_font_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_border_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_title_margin_top"><?php echo __( 'Element Label Margin Top', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_element_title_margin_top]"
                                               id="pfhub_portfolio_view7_element_title_margin_top"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_margin_top']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_element_title_padding_top_bottom"><?php echo __( 'Element Label Top Bottom Padding', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_element_title_padding_top_bottom]"
                                               id="pfhub_portfolio_view7_element_title_padding_top_bottom"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_element_title_padding_top_bottom']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                </div>
                                <div style="margin-top:-20px;">
                                    <h3><?php echo __( 'Expand Description', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="ht_view0_description_font_size"><?php echo __( 'Expand Description Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_expand_block_description_font_size]"
                                               id="pfhub_portfolio_view7_expand_block_description_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_description_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_description_font_color"><?php echo __( 'Description Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_expand_block_description_font_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_expand_block_description_font_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_description_font_color']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_background_color"><?php echo __( 'Expand Block Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view7_expand_block_background_color]"
                                               type="text" class="color"
                                               id="pfhub_portfolio_view7_expand_block_background_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_background_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_description_text_align"><?php echo __( "Expand Description Text Alignment", 'pfhub_portfolio' ); ?></label>
                                        <select id="pfhub_portfolio_view7_expand_block_description_text_align"
                                                name="params[pfhub_portfolio_view7_expand_block_description_text_align]">
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_description_text_align'] == 'left' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="left"><?php echo __( 'Left', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_description_text_align'] == 'center' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="center"><?php echo __( 'Center', 'pfhub_portfolio' ); ?></option>
                                            <option <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_description_text_align'] == 'right' ) {
                                                echo 'selected="selected"';
                                            } ?>
                                                value="right"><?php echo __( 'Right', 'pfhub_portfolio' ); ?></option>
                                        </select>
                                    </div>
                                </div>
                                <div>
                                    <h3><?php echo __( 'Expand  Thumbnails', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_thumbnail_width"><?php echo __( 'Thumbnail Width', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_thumbnail_width]"
                                               id="pfhub_portfolio_view7_thumbnail_width"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_thumbnail_width']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_thumbnail_height"><?php echo __( 'Thumbnail Height', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_thumbnail_height]"
                                               id="pfhub_portfolio_view7_thumbnail_height"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_thumbnail_height']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label for="pfhub_portfolio_view7_thumbnail_bg_color"><?php echo __( 'Thumbnail Block Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view7_thumbnail_bg_color]"
                                               type="text" class="color"
                                               id="pfhub_portfolio_view7_thumbnail_bg_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_thumbnail_bg_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label for="pfhub_portfolio_view7_thumbnail_block_box_shadow"><?php echo __( 'Thumbnail Block Box-Shadow', 'pfhub_portfolio' ); ?></label>
                                        <input type="hidden" value="off"
                                               name="params[pfhub_portfolio_view7_thumbnail_block_box_shadow]">
                                        <input type="checkbox"
                                               id="pfhub_portfolio_view7_thumbnail_block_box_shadow" <?php if ( $pfhub_portfolio_get_option['pfhub_portfolio_view7_thumbnail_block_box_shadow'] == 'on' ) {
                                            echo 'checked="checked"';
                                        } ?> name="params[pfhub_portfolio_view7_thumbnail_block_box_shadow]"
                                               value="on"/>
                                    </div>
                                </div>
                                <div style="margin-top:-10px">
                                    <h3><?php echo __( 'Link Button', 'pfhub_portfolio' ); ?><img src="<?php echo PFHUB_PORTFOLIO_IMAGES_URL.'/admin/portfolio-pro-icon.png'; ?>" class="pfhub_portfolio_lightbox_pro_logo"></h3>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_button_text"><?php echo __( 'Link Button Text', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_expand_block_button_text]"
                                               id="pfhub_portfolio_view7_expand_block_button_text"
                                               value="<?php echo esc_attr( $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_button_text'] ); ?>"
                                               class="text"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_button_font_size"><?php echo __( 'Link Button Font Size', 'pfhub_portfolio' ); ?></label>
                                        <input type="text"
                                               name="params[pfhub_portfolio_view7_expand_block_button_font_size]"
                                               id="pfhub_portfolio_view7_expand_block_button_font_size"
                                               value="<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_button_font_size']; ?>"
                                               class="text"/>
                                        <span>px</span>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_button_text_color"><?php echo __( 'Link Button Font Color', 'pfhub_portfolio' ); ?></label>
                                        <input name="params[pfhub_portfolio_view7_expand_block_button_text_color]"
                                               type="text" class="color"
                                               id="pfhub_portfolio_view7_expand_block_button_text_color"
                                               value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_button_text_color']; ?>"
                                               size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_description_font_hover_color"><?php echo __( 'Link Button Font Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_expand_block_description_font_hover_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_expand_block_description_font_hover_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_description_font_hover_color']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_button_background_color"><?php echo __( 'Link Button Background Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_expand_block_button_background_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_expand_block_button_background_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_button_background_color']; ?>"
                                            size="10"/>
                                    </div>
                                    <div>
                                        <label
                                            for="pfhub_portfolio_view7_expand_block_button_background_hover_color"><?php echo __( 'Link Button Background Hover Color', 'pfhub_portfolio' ); ?></label>
                                        <input
                                            name="params[pfhub_portfolio_view7_expand_block_button_background_hover_color]"
                                            type="text" class="color"
                                            id="pfhub_portfolio_view7_expand_block_button_background_hover_color"
                                            value="#<?php echo $pfhub_portfolio_get_option['pfhub_portfolio_view7_expand_block_button_background_hover_color']; ?>"
                                            size="10"/>
                                    </div>
                                </div>
                            </li>

</ul>