<?php    
/**
 * The header for our theme.
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package luzuk Premium
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	<script src="https://use.fontawesome.com/18a9c36ed1.js"></script>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet">
	
	
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css">
	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/animate.css" />
	
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

	<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Rajdhani:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

	<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
	
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>

    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-3.1.1.slim.min.js" crossorigin="anonymous"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js" type="text/javascript"  ></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/wow.js" ></script>

    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-3.1.1.slim.min.js" type="text/javascript"  ></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/swiper.min.js" type="text/javascript"  ></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/swiper-bundle.min.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript">
		
var resizeElements;

$(document).ready(function() {

  // Set up common variables
  // --------------------------------------------------

  var bar = ".search_bar";
  var input = bar + " input[type='text']";
  var button = bar + " button[type='submit']";
  var dropdown = bar + " .search_dropdown";
  var dropdownLabel = dropdown + " > span";
  var dropdownList = dropdown + " ul";
  var dropdownListItems = dropdownList + " li";


  // Set up common functions
  // --------------------------------------------------

  resizeElements = function() {
    var barWidth = $(bar).outerWidth();

    var labelWidth = $(dropdownLabel).outerWidth();
    $(dropdown).width(labelWidth);

    var dropdownWidth = $(dropdown).outerWidth();
    var buttonWidth	= $(button).outerWidth();
    var inputWidth = barWidth - dropdownWidth - buttonWidth;
    var inputWidthPercent = inputWidth / barWidth * 100 + "%";

    $(input).css({ 'margin-left': dropdownWidth, 'width': inputWidthPercent });
  }

  function dropdownOn() {
    $(dropdownList).fadeIn(25);
    $(dropdown).addClass("active");
  }

  function dropdownOff() {
    $(dropdownList).fadeOut(25);
    $(dropdown).removeClass("active");
  }


  // Initialize initial resize of initial elements 
  // --------------------------------------------------
  resizeElements();


  // Toggle new dropdown menu on click
  // --------------------------------------------------

  $(dropdown).click(function(event) {
    if ($(dropdown).hasClass("active")) {
      dropdownOff();
    } else {
      dropdownOn();
    }

    event.stopPropagation();
    return false;
  });

  $("html").click(dropdownOff);


  // Activate new dropdown option and show tray if applicable
  // --------------------------------------------------

  $(dropdownListItems).click(function() {
    $(this).siblings("li.selected").removeClass("selected");
    $(this).addClass("selected");

    // Focus the input
    $(this).parents("form.search_bar:first").find("input[type=text]").focus();

    var labelText = $(this).text();
    $(dropdownLabel).text(labelText);

    resizeElements();

  });


  // Resize all elements when the window resizes
  // --------------------------------------------------

  $(window).resize(function() {
    resizeElements();
  });
});
	</script>
<script type="text/javascript">
		$(document).ready(function(){
			$("#formButton").click(function(){
				$("#form1").toggle();
			});
		});
</script>

	<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
	<div class="main-container">
		<!-- <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'luzuk' ); ?></a> -->
	    <div id="loading-area"><div class="la-anim-10"></div></div>
		
		<header class="site-header header-transparent header header-seo">
		    <div class="top-bar-head">
	    	<?php									

					$hphno = get_theme_mod('hphno', '(0) 1234-456-798');
					$emilid = get_theme_mod('emilid', 'support@Info.Com');	

					$scitxt = get_theme_mod('scitxt', 'Follow us on :');
					$twitter = get_theme_mod('head_twitt', '//twitter.com/');
					$instagram = get_theme_mod('head_insta', '//instagram.com/');
					$pinterest = get_theme_mod('head_pin', '//pinterest.com/');				
					$facebook = get_theme_mod('head_fb', '//facebook.com/');
					
				?>	
			<div class="tphed">
				<div class="container">
					<div class="row mr-0">	
						<div class="detailbx">		
								<div class="hph">							
										<?php if( $hphno  ){ ?>
										<div class="svgbxinn">
												<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 501.01 511.5"><path fill-rule="nonzero" d="M145.23 241.93c31.31 55.96 68.11 95.64 125.54 125.55 4.98-4.48 7.64-8.17 11.76-13.51 16.29-21.45 36.58-47.2 69.81-31.68 21.68 10.97 64.29 34.03 82.31 47.39 6.86 4.82 11.82 10.9 15.16 17.81 7.09 14.71 6.17 31.58 1.67 46.85-2.32 7.86-5.7 15.65-9.71 22.71-15.05 26.44-40.04 40.23-68.87 47.72-35.05 9.07-66.72 9.32-101.56-1.42-26.29-8.13-50.72-21.27-74.05-35.67l-3.01-1.86c-11.32-7.05-23.48-14.63-35.93-23.89l-.09-.08c-23.99-18.06-48.14-40.28-70.04-65.14-20.28-23.02-38.76-48.46-53.51-75.13-13.52-24.45-23.88-50.13-29.65-76.13-8.21-37.03-7.6-79.66 10.62-113.82 21.33-39.98 60.04-56.32 103.38-52.5l1.07.13c7.49.94 14.3 5.51 17.99 12.11l49.31 83.35c4.82 6.52 7.62 13.23 8.56 20.12 3.59 26.47-18.11 42.75-36.68 56.36-6.33 4.6-13.4 9.73-14.08 10.73zm92.87-52.2c-7.4-1.91-11.85-9.48-9.94-16.88 1.91-7.41 9.48-11.86 16.88-9.94 44.1 11.5 84.18 47.81 97.88 91.55 2.27 7.31-1.8 15.1-9.12 17.37-7.31 2.28-15.1-1.8-17.37-9.12-10.82-34.54-43.55-63.93-78.33-72.98zm1.84-84.95c-7.55-1.28-12.63-8.46-11.35-16.01 1.28-7.55 8.46-12.64 16.01-11.35C329.95 92.2 405.39 164 426.66 247.63c1.89 7.43-2.61 15-10.04 16.89-7.44 1.89-15.01-2.61-16.89-10.05-18.63-73.26-84.98-136.72-159.79-149.69zm8.92-77.11c-7.61-.87-13.08-7.76-12.21-15.37.87-7.6 7.75-13.08 15.36-12.21 118.69 13.89 222.73 108.9 248.67 225.33 1.65 7.47-3.07 14.86-10.53 16.51-7.46 1.65-14.86-3.07-16.5-10.53-23.4-104.98-117.76-191.21-224.79-203.73zM119.56 255c-.47-.77-.88-1.58-1.22-2.44-8.35-21.18 8.78-33.62 24.07-44.7 7.35-5.3 20.15-13.96 23.95-22.75 2.23-5.11 1.15-8.92-2.08-13.27l-1.3-1.85-48.67-82.28c-31.03-2.17-57.86 8.63-73.25 37.45-14.84 27.81-14.58 64.08-7.93 94.08 5.1 23.01 14.5 46.13 26.85 68.47 27.53 49.8 70.27 96.95 115.63 131.16 11.04 8.23 22.87 15.62 33.89 22.48l3.07 1.92c39.75 24.7 82.66 45.09 131.23 37.92 7.42-1.09 14.86-2.47 21.87-4.28 27.72-7.21 49.33-20.63 58.18-50.69 3.15-10.7 4.66-25.46-5.59-32.87-22.42-14.64-54.45-32.46-78.35-45.11-12.33-5.49-24.51 9.95-34.45 23.04-7.16 9.36-14.86 20.05-26.28 24.33-5.6 2.1-11.4 2.04-16.92-.23l-1.86-.79C196.02 361.76 154.37 317.52 119.56 255z"/></svg>

												<a href="tel:<?php echo $hphno;?>">
												  <span class="tooltiptext"><?php echo $hphno;?></span>
											</a>
										</div>
										<?php }?>
								</div>
						
								<div class="hph">							
										<?php if( $emilid ){ ?>
										<div class="svgbxinn">
												<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 490 512.2"><path fill-rule="nonzero" d="M27.45 168.79V14.44C27.45 6.47 33.92 0 41.89 0h286.79c4.43 0 8.4 2.01 11.05 5.16l118.63 122.5c2.73 2.8 4.08 6.42 4.08 10.05 0 10.36.01 20.73.01 31.11 1.25-.27 2.53-.39 3.82-.39 6.38 0 11.91 3.28 16 7.96 4.44 5.04 7.73 12.95 7.73 19.55v289.83c0 7.27-2.98 13.9-7.76 18.67-4.78 4.78-11.4 7.76-18.68 7.76H26.44c-7.28 0-13.9-2.98-18.68-7.76C2.98 499.67 0 493.04 0 485.77V195.94c0-6.64 3.41-14.71 7.96-19.81 1.72-1.92 3.73-3.62 5.9-4.9l.14-.07c2.92-1.72 6.18-2.75 9.74-2.75 1.24 0 2.48.13 3.71.38zm430.1 314.52L300.41 345.6l-48.38 42.25c-5.39 4.72-13.59 4.79-19.07-.11l-45.58-40.73-155.52 136.3h425.69zM322.27 326.49l138.84 121.67V205.2l-.54.47c-1.59 2.79-4.1 4.99-7.1 6.2l-131.2 114.62zM28.89 447.64 165.76 327.7 28.89 205.41v242.23zm404.7-256.62V156.8H313.55c-7.97 0-14.44-6.47-14.44-14.44V28.89H56.33v162.48l140.16 125.21 1.1.99 45.07 40.26 190.93-166.81zm-15.09-63.11-90.51-93.46v93.46h90.51z"/></svg>

												<a href="mailto:<?php echo $emilid;?>">
												  <span class="tooltiptext"><?php echo $emilid;?></span>
											</a>
										</div>
										<?php }?>
								</div>
						</div>
						<?php if($facebook || $instagram || $pinterest || $twitter ){ ?>
						<div class="h_social">
								<?php if($facebook || $instagram || $pinterest || $twitter){ ?>
								<div class="soci-icn">	
								<div class="soci-icntxt">	<span><?php echo $scitxt;?></span>	
									<?php if(!empty($twitter)){ ?>
										<li><a href="<?php echo $twitter ?>" title="twitter" class="site-button sharp" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li>
									<?php }?>

											
									<?php if(!empty($instagram)){ ?>
										<li><a href="<?php echo $instagram ?>" title="Instagram" class="site-button sharp" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
									<?php }?>

									<?php if(!empty($pinterest)){ ?>
										<li><a href="<?php echo $pinterest ?>" title="Pinterest" class="site-button sharp" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
									<?php }?>

									<?php if(!empty($facebook)){ ?>
										<li><a href="<?php echo $facebook ?>" title="Facebook" class="site-button sharp" target="_blank"><i class="fa fa-facebook"></i></a></li>
									<?php }?>

									<li class="share-button"><a href="#" class="site-button sharp"><i class="fa fa-share-alt"></i></a></li>
									</div>
							</div>
							<?php }?>
							 	<div class="clearfix"></div>
						</div>
						<?php }?>
						</div>
					</div>
			</div>		
			<div class="container">
					<div class="mid-head">	
						<div class="header-midd ">			
								<div class="tp-head ">
					        	<div class=" head-menubx">
					        			<div class="row mr-0">
					        				<div class="logo">				
									    				<?php 
									    				
									    					if( get_theme_mod('pages_logoTopsetmaxwidth',true) ) {
									    						$pages_logoTopsetmaxwidth = 'max-width:'.esc_attr(get_theme_mod('pages_logoTopsetmaxwidth')).';';
									    					}
									    				?>
									    				<!-- website logo -->
													    <div class="logo-header mostion">
																	<?php 
																	if ( function_exists( 'has_custom_logo' ) && has_custom_logo() ) :
																		the_custom_logo();
																	else : 
																	if ( is_front_page() ) : ?>
																		<h1 class="ht-site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
																			<?php else : ?>
																		<p class="ht-site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
																		<?php endif; ?>
																	<?php endif; ?>
													    </div> 
															<?php if( get_theme_mod('head_tagline_display','show' ) == 'show') :?>	
															<p class="ht-site-description"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></p> 
															<?php endif ?>  

																<!-- nav toggle button -->
															<div class="resp_header_logo">
																<?php 
																if ( function_exists( 'has_custom_logo' ) && has_custom_logo() ) :
																	the_custom_logo();
																	else : 
																if ( is_front_page() ) : ?>
															    <h1 class="ht-site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
																	<?php else : ?>
															    <p class="ht-site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
																<?php endif; ?>
																	<!-- <p class="ht-site-description"><a href="<?php //echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php //bloginfo( 'description' ); ?></a></p> -->
															    <?php endif; ?>
															</div>
													</div>
				            			<div class="head-menu ">
				            					<div class="site-navigation ">
				    				              <div class="nav-menus">                 
																			<a href="#" class="js-nav-toggle">
																					<span></span>
																			</a>
															    		<div class="nav-wrapper">
																					<nav role="navigation">
																							<div class="nav-toggle">
																									<span class="nav-back"></span>
																									<span class="nav-title">Menu</span>
																									<span class="nav-close"></span>
																							</div>
																							<?php
					                                        if( get_post_meta( get_the_ID(), 'intrinsic_header_page_menu', true) !=='0') {
					                                            wp_nav_menu ( array(
					                                                'menu_class' => 'mainm ht-clearfix',
					                                                'container'=> 'ul',
					                                                'menu' => get_post_meta( get_the_ID(), 'intrinsic_header_page_menu', true),
					                                                'theme_location' => 'primary',  
					                                            )); 
					                                        } else {
					                                            wp_nav_menu ( array(
					                                                'menu_class' => 'mainm ht-clearfix',
					                                                'container'=> 'ul',
					                                                'theme_location' => 'primary',  
					                                            )); 
					                                        }
					                                    ?>
																					</nav>
																			</div>
																	</div>
				  				                <nav class="navigation">
				  				                    <div class="overlaybg"></div><!--  /.overlaybg -->
				  				                            <!-- Main Menu -->
							                        <div class="menu-wrapper">
							                            <div class="menu-content">
					                                    <?php
					                                        if( get_post_meta( get_the_ID(), 'intrinsic_header_page_menu', true) !=='0') {
					                                            wp_nav_menu ( array(
					                                                'menu_class' => 'mainmenu ht-clearfix',
					                                                'container'=> 'ul',
					                                                'menu' => get_post_meta( get_the_ID(), 'intrinsic_header_page_menu', true),
					                                                'theme_location' => 'primary',  
					                                            )); 
					                                        } else {
					                                            wp_nav_menu ( array(
					                                                'menu_class' => 'mainmenu ht-clearfix',
					                                                'container'=> 'ul',
					                                                'theme_location' => 'primary',  
					                                            )); 
					                                        }
					                                    ?>
							                            </div> <!-- /.hours-content-->
											            		<div class="clearfix"></div>
							                        </div><!-- /.menu-wrapper --> 
							                		</nav>
				            				      <div class="clearfix"></div>
				            				      </div><!--  /.site-navigation -->
				            				</div>
				            				<div class="fmbxout">			            						
				            					<div class="fmbx">
						            					<div class="s-frm">
																			<form class="search_bar huge">	
																				<?php get_search_form(); ?>
																			</form>
																	</div>
																	<div class="top-form">
																			<button type="button" id="formButton" class="pull-right"></button>		
																			<form id="form1">					
																				<?php get_search_form(); ?>
																			</form>
																  </div>
															</div>														  														
				            				</div>
					        				</div> 
					        	</div>
					    	</div>
			    	</div>
				
				</div>
			</div>
			<div class="clearfix"></div>
		</div>			
		<div class="clearfix"></div>
	</header>
	<div class="clearfix"></div>
</div>
