<!DOCTYPE html>
<html <?php language_attributes(); ?> >
  <head>
    <meta charset="<?php bloginfo('charset'); ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head();?>
  </head>
<body <?php body_class(); ?>>
<?php if (shortcode_exists( 'blogwings-companion-magazina' )){
      if(get_theme_mod('magazina_site_loader_active')==''||get_theme_mod('magazina_site_loader_active')=='0'):?>
<div class="group-loader"> 
  <div class="bigSqr">
    <div class="square first"></div>
    <div class="square second"></div>
    <div class="square third"></div>
    <div class="square fourth"></div>
  </div>
</div>
<?php endif; } ?>
<?php 
if(get_theme_mod('header_fixed_disable','')=='1'){
$headr_static_cls = 'header-static';
}else{
$headr_static_cls = ''; 
}     
if(get_theme_mod('top_hdr_active')=='' || get_theme_mod('top_hdr_active')=='0'){
    $top_hder ='top-header-show';
    }else{
    $top_hder ='top-header-hide';
    }     
?>
<!--Main Header Start -->
<div class="header-wrapper" id="header" >
<!-- Top Header Start -->
<header class="<?php echo $headr_static_cls;?> <?php echo $top_hder; ?>">
<?php if (get_theme_mod('top_hdr_active')=='' || get_theme_mod('top_hdr_active')=='0'){  ?>  
     <div class="top-container">
        <div class="container">
      <div class="header-wrap-top">
              <div class="top-date">
                <i class="fa fa-calendar-o" aria-hidden="true"></i><?php echo date(get_option('date_format')); ?>
              </div>
              <div class="inner-wrap-top">
                <?php if (function_exists( 'magazina_top_nav_menu' ) ){?>
              <div class="top-menu">
                 <?php magazina_top_nav_menu(); ?>
              </div>
              <?php } ?>
              <div class="top-social-icon"> 
                  <ul>
            <?php if($f_link = esc_url(get_theme_mod('f_link'))) : ?><li><a target='_blank' href="<?php echo esc_url($f_link); ?>" >
            <i class='fa fa-facebook'></i></a></li><?php endif; ?>
            <?php if($g_link = esc_url(get_theme_mod('g_link'))) : ?>
            <li><a target='_blank' href="<?php echo esc_url($g_link); ?>" >
            <i class='fa fa-google-plus'></i></a></li><?php endif; ?>
            <?php if($l_link = esc_url(get_theme_mod('l_link'))) : ?>
            <li><a target='_blank' href="<?php echo esc_url($l_link); ?>" >
            <i class='fa fa-linkedin'></i></a></li><?php endif; ?>
            <?php if($p_link = esc_url(get_theme_mod('p_link'))) : ?><li><a target='_blank' href="<?php echo esc_url($p_link); ?>" ><i class='fa fa-pinterest'></i></a></li><?php endif; ?>
            <?php if($t_link = esc_url(get_theme_mod('t_link'))) : ?><li><a target='_blank' href="<?php echo esc_url($t_link); ?>" ><i class='fa fa-twitter'></i></a></li><?php endif; ?>
              </ul>
              </div>
            </div>
            <div class="top-searchfrom">
                <a href="#" class="search-btn"><i class="fa fa-search"></i></a>
              <?php get_search_form();?>
              </div>
            <a href="#" id="pull" class="toggle-mobile-top-menu"></a>
           </div>
         </div>
       </div>
         <?php } ?>
        <div class="container">
          <div class="header">
            <!-- Logo Start -->
            <div class="logo">
          <?php magazina_the_custom_logo(); ?>
          <?php
          if(get_theme_mod('header_textcolor')!='blank'){
           if ( is_front_page() && is_home() ) : ?>
            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
          <?php else : ?>
            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
          <?php endif;

          $description = get_bloginfo( 'description', 'display' );
          if ( $description || is_customize_preview() ) : ?>
            <p class="site-description"><?php echo esc_html($description); ?></p>
          <?php endif;  } ?>
        </div>
        <!-- .site-branding -->
            <!-- Menu Start -->
            <div id="main-menu-wrapper">
              <a href="#" id="pull" class="toggle-mobile-menu"></a>
              <nav class="navigation clearfix mobile-menu-wrapper">
                <?php magazina_nav_menu(); ?>
              </nav>
              <div class="clearfix"></div>
            </div>
            <!--/ Menu end -->
          </div>
          <!-- / Header End -->
        </div>
      </header>
      <!-- / Top Header End -->
        </div>