<?php 

// initialize header class
$header = new UT_Header_Class();

// create placeholder if necessary
$header->create_header_placeholder(); ?>

<header id="header-section" data-style="<?php echo esc_attr( $header->style ); ?>" data-primary-skin="<?php echo esc_attr($header->header_primary_skin_data()); ?>" data-secondary-skin="<?php echo esc_attr($header->header_secondary_skin_data()); ?>" class="<?php echo esc_attr($header->header_class()); ?>" data-line-height="<?php echo esc_attr( $header->header_data_lineheight() ); ?>" data-total-height="<?php echo esc_attr( $header->header_data_totalheight() ); ?>" data-separator="on">
     
	<?php $header->create_top_header(); ?>
	
	<div id="header-section-upper-area">
	
		<div class="grid-container">
			
			<div class="ha-header-perspective clearfix">
			
				<div class="ha-header-front ha-header-front-upper clearfix">
				
					<div class="site-logo-wrap grid-15 tablet-grid-80 <?php echo esc_attr($header->site_logo_mobile_grid()); ?> <?php echo esc_attr($header->site_logo_flush_class()); ?>">

						<?php echo ut_safe_output( $header->create_site_logo() ); ?>

					</div>    				

					<div class="ut-header-extra-module ut-header-primary-extra-module <?php echo esc_attr($header->extra_modul_class('primary')); ?> ut-header-extra-module-small grid-40 hide-on-tablet hide-on-mobile">

						<?php $header->create_primary_header_extra(); ?>

					</div>
					
					<div class="ut-header-secondary-extra-module ut-header-extra-module <?php echo esc_attr($header->extra_modul_class('secondary')); ?> ut-header-extra-module-right ut-header-extra-module-small <?php echo esc_attr($header->extra_modul_flush_class()); ?> grid-45 hide-on-tablet hide-on-mobile">

						<?php $header->create_secondary_header_extra(); ?>

					</div>
					
					<?php get_template_part( 'partials/navigation/nav', 'mobile' ); ?>	
				
				</div>
				
			</div>	
			
		</div>	
	
	</div>
	
	<div id="header-section-lower-area" class="hide-on-tablet hide-on-mobile">
	
		<div class="grid-container">
		
			<div class="ha-header-perspective clearfix">
			
				<div class="ha-header-front ha-header-front-lower clearfix">
				
					<?php $header->primary_navigation(); ?>	
				    
                    <div class="ut-header-tertiary-extra-module ut-header-extra-module <?php echo esc_attr($header->extra_modul_class('tertiary')); ?> ut-header-extra-module-right ut-header-extra-module-small <?php echo esc_attr($header->extra_modul_flush_class()); ?> grid-20 hide-on-tablet hide-on-mobile">

						<?php $header->create_tertiary_header_extra(); ?>

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