<?php $options = _WSH()->option();
    buliten_bunch_global_variable();
    $allowed_tags = wp_kses_allowed_html('post');
?>

<!-- Main Header / Header Style Three-->
<header class="main-header header-style-three">

    <!--Header-Upper-->
    <div class="header-upper">
        <div class="auto-container">
            <div class="clearfix">

                <div class="pull-left logo-box">
                    <?php if (buliten_set($options, 'logo_image_3')):?>
                        <div class="logo"><a href="<?php echo esc_url(home_url('/')); ?>"><img src="<?php echo esc_url(buliten_set($options, 'logo_image_3'));?>" alt="<?php esc_attr_e('Awesome Logo', 'buliten');?>" title="<?php esc_attr_e('Awesome Logo', 'buliten');?>"></a></div>
                    <?php else:?>
                        <div class="logo"><a href="<?php echo esc_url(home_url('/')); ?>"><img src="<?php echo esc_url(get_template_directory_uri().'/images/white_logo.svg');?>" alt="<?php esc_attr_e('Awesome Logo', 'buliten');?>"></a></div>
                    <?php endif;?>
                </div>

                <div class="pull-right upper-right">
                    <div class="info-outer clearfix">
                        <?php if (buliten_set($options, 'address_3')): ?>
                        <!--Info Box-->
                        <div class="upper-column info-box">
                            <div class="icon-box"><span class="flaticon-planet-earth"></span></div>
                            <ul>
                                <li><?php echo wp_kses(buliten_set($options, 'address_3'), $allowed_tags); ?></li>
                            </ul>
                        </div>
                        <?php endif;?>

                        <?php if (buliten_set($options, 'phone_no_3')): ?>
                        <!--Info Box-->
                        <div class="upper-column info-box">
                            <div class="icon-box"><span class="flaticon-email-1"></span></div>
                            <ul>
                                <li><?php echo wp_kses(buliten_set($options, 'phone_no_3'), $allowed_tags); ?></li>
                            </ul>
                        </div>
                        <?php endif;?>

                        <?php if (buliten_set($options, 'head_social_3')): ?>
                        <?php if (buliten_set($options, 'social_media') && is_array(buliten_set($options, 'social_media'))): ?>
                        <!--Info Box-->
                        <div class="upper-column info-box">
                            <!--Social Box-->
                            <ul class="social-box">
                                <?php $social_icons = buliten_set($options, 'social_media');
                                foreach (buliten_set($social_icons, 'social_media') as $social_icon):
                                    if (isset($social_icon['tocopy' ])) {
                                        continue;
                                    } ?>
                                    <li><a href="<?php echo esc_url(buliten_set($social_icon, 'social_link')); ?>"><span class="fa <?php echo esc_attr(buliten_set($social_icon, 'social_icon')); ?>"></span></a></li>
                                <?php endforeach; ?>
                            </ul>
                        </div>
                        <?php endif;?>
                        <?php endif;?>
                    </div>

                </div>

            </div>

        </div>
    </div>
    <!--End Header Upper-->

    <!--Header Lower-->
    <div class="header-lower">

        <div class="auto-container clearfix">
            <div class="nav-outer clearfix">
                <!-- Main Menu -->
                <nav class="main-menu navbar-expand-md">
                    <div class="navbar-header">
                        <!-- Toggle Button -->
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>

                    <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
                        <ul class="navigation clearfix">
                            <?php wp_nav_menu(array( 'theme_location' => 'main_menu', 'container_id' => 'navbar-collapse-1',
                                'container_class'=>'navbar-collapse collapse navbar-right',
                                'menu_class'=>'nav navbar-nav',
                                'fallback_cb'=>false,
                                'items_wrap' => '%3$s',
                                'container'=>false,
                                'depth' => 3,
                                'walker'=> new Bootstrap_walker()
                            )); ?>
                        </ul>
                    </div>
                </nav>

                <!-- Main Menu End-->
                <div class="outer-box clearfix">

                    <!--Option Box-->
                    <div class="option-box">
                        <?php if (buliten_set($options, 'search_form_3')): ?>
                        <!-- Search -->
                        <div class="search-box">
                            <?php get_template_part('searchform2')?>
                        </div>
                        <?php endif; ?>

                        <?php if (buliten_set($options, 'button_3')): ?>
                        <div class="btn-box">
                            <a href="<?php echo esc_url(buliten_set($options, 'btn_link_3')); ?>" class="theme-btn btn-style-five"><?php echo wp_kses(buliten_set($options, 'btn_title_3'), $allowed_tags); ?></a>
                        </div>
                        <?php endif; ?>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--End Header Lower-->

    <!--Sticky Header-->
    <div class="sticky-header">
        <div class="auto-container clearfix">
            <!--Logo-->
            <div class="logo pull-left">
                <?php if (buliten_set($options, 'responsive_logo_image')):?>
                    <a href="<?php echo esc_url(home_url('/')); ?>" class="img-responsive"><img src="<?php echo esc_url(buliten_set($options, 'responsive_logo_image'));?>" alt="<?php esc_attr_e('Awesome Logo', 'buliten');?>" title="<?php esc_attr_e('Awesome Logo', 'buliten');?>"></a>
                <?php else:?>
                    <a href="<?php echo esc_url(home_url('/')); ?>" class="img-responsive"><img src="<?php echo esc_url(get_template_directory_uri().'/images/color_logo.svg');?>" alt="<?php esc_attr_e('Awesome Logo', 'buliten');?>"></a>
                <?php endif;?>
            </div>

            <!--Right Col-->
            <div class="right-col pull-right">
                <!-- Main Menu -->
                <nav class="main-menu navbar-expand-md">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>

                    <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent1">
                        <ul class="navigation clearfix">
                            <?php wp_nav_menu(array( 'theme_location' => 'main_menu', 'container_id' => 'navbar-collapse-1',
                                'container_class'=>'navbar-collapse collapse navbar-right',
                                'menu_class'=>'nav navbar-nav',
                                'fallback_cb'=>false,
                                'items_wrap' => '%3$s',
                                'container'=>false,
                                'depth' => 3,
                                'walker'=> new Bootstrap_walker()
                            )); ?>
                        </ul>
                    </div>
                </nav><!-- Main Menu End-->
            </div>

        </div>
    </div>
    <!--End Sticky Header-->

</header>
<!--End Main Header -->