<!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="https://gmpg.org/xfn/11">
	<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
	<link rel="pingback" href="<?php echo esc_url(get_bloginfo( 'pingback_url' )); ?>">
	<?php endif; ?>

	<?php wp_head(); ?>
</head>
	

<body <?php body_class('elite-security-guard elite-security-guard-btn'); ?>>
<?php wp_body_open(); ?>

	<?php 
	$preloader_desktop = get_theme_mod( 'elite_security_guard_preloader_setting', false );
	$preloader_responsive = get_theme_mod( 'elite_security_guard_responsive_preloader_setting', false );
	
	if ( $preloader_desktop || $preloader_responsive ) { 
	?>
		<?php if ( get_theme_mod( 'elite_security_guard_preloader_type', 'load' ) === 'load' ) { ?>
			<div class="loading">
				<div class="loader">
					<div class="line-1"></div>
					<div class="line-2"></div>
					<div class="loader-text">
						<p><?php esc_html_e( 'LOADING', 'elite-security-guard' ); ?></p>
					</div>
				</div>
			</div>
		<?php } elseif ( get_theme_mod( 'elite_security_guard_preloader_type', 'load' ) === 'time' ) { ?>
			<div class="loading">
				<div class="loaders"></div>
			</div>
		<?php } ?>
	<?php } ?>

	<div id="page" class="site">
		<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'elite-security-guard' ); ?></a>
	<?php
		get_template_part('sections/header');
	?>
	<div id="content">