<?php require_once('header-common.php'); ?>

<div class="page-wrapper">

<!-- Preloader -->
<?php require_once('parts/preloader/preloader.php'); ?>

<!-- Main Header-->
<header class="main-header header-style-one" id="home">
    <!-- Header Top -->
    <div class="header-top">
        <div class="inner-container">
        <div class="top-left">
            <!-- Info List -->
            <ul class="list-style-one">
            <li><i class="fal fa-clock"></i> Mon - Sat: 08.00am - 5.00 pm</li>
            <li><i class="fa fa-envelope"></i> <a href="mailto:breathe1w@gmail.com">breathe1w@gmail.com</a></li>
            </ul>
        </div>

        <div class="top-right">
            <!-- Social Icon One -->
            <ul class="social-icon-two">
            <li>
                <a href="https://www.instagram.com/breatheeventsrelaxinthemoment/"><i class="icon fab fa-instagram"></i></a>
            </li>
            <li>
                <a href="https://www.facebook.com/Breathe-Events-Relax-in-the-Moment-101661344989946"><i class="icon fab fa-facebook-f"></i></a>
            </li>
            </ul>
        </div>
        </div>
    </div>

    <!-- Header Lower -->
    <div class="header-lower">
        <!-- Main box -->
        <div class="main-box">
        <div class="logo-box">
            <div class="logo">
                <?php
                $default_logo_url = "images/logo.png";
                if(isset($dark_logo_url)&&!empty($dark_logo_url)) {
                    $default_logo_url = $dark_logo_url;
                }
                ?>
                <a href="index.php" title=""><img src="<?php echo $default_logo_url;?>" alt="" title="Breathe Events"></a>
            </div>
        </div>

        <!--Nav Box-->
        <div class="nav-outer">
            <nav class="nav main-menu">
                <?php
                $default_menu_file = "parts/header/menu.php";
                if(isset($single_menu_file)&&!empty($single_menu_file)) {
                $default_menu_file = $single_menu_file;
                }
                ?>
                <?php require_once($default_menu_file); ?>
            </nav>
            <!-- Main Menu End-->
            <div class="outer-box">
            <!-- Header Search -->
            <!--<button class="login-btn">
                <i class="fal fa-shopping-cart"></i>
                <span>0</span>
            </button> -->
            <button class="search-btn">
                <i class="fal fa-search"></i>
            </button>

            <div class="divider"></div>

            <span class="contact"><i class="icon fa fa-headphones"></i>+(473) 414-9451</span>
            <a href="page-contact.php" class="theme-btn btn-style-one"><span class="btn-title">Appointment Now</span></a>

            <!-- Mobile Nav toggler -->
            <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
            </div>
        </div>
        </div>
    </div>

    <!-- Mobile Menu  -->
    <div class="mobile-menu">
        <div class="menu-backdrop"></div>
        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
        <nav class="menu-box">
        <div class="upper-box">
            <div class="nav-logo">
            <a href="index.php"><img src="images/logo.png" alt="" title="Breathe Events" /></a>
            </div>
            <div class="close-btn"><i class="icon fa fa-times"></i></div>
        </div>
        <ul class="navigation clearfix">
            <!--Keep This Empty / Menu will come through Javascript-->
        </ul>
        <ul class="contact-list-one">
            <li>
            <i class="icon lnr-icon-phone-handset"></i>
            <span class="title">Call Now</span>
            <div class="text"><a href="tel:+4734159805">+(473) 415-9805</a></div>
            </li>
            <li>
            <i class="icon lnr-icon-envelope1"></i>
            <span class="title">Send Email</span>
            <div class="text"><a href="mailto:breathe1w@gmail.com">breathe1w@gmail.com</a></div>
            </li>
            <li>
            <i class="icon lnr-icon-map-marker"></i>
            <span class="title">Address</span>
            <div class="text">Birchgrove St. Andrews, Grenada W.I.</div>
            </li>
        </ul>
        <ul class="social-links">
            <li><a href="https://www.facebook.com/Breathe-Events-Relax-in-the-Moment-101661344989946"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="https://www.instagram.com/breatheeventsrelaxinthemoment/"><i class="fab fa-instagram"></i></a></li>
        </ul>
        </nav>
    </div>
    <!-- End Mobile Menu -->

    <!-- Header Search -->
    <div class="search-popup">
        <span class="search-back-drop"></span>
        <button class="close-search"><span class="fa fa-times"></span></button>

        <div class="search-inner">
        <form method="post" action="index.php">
            <div class="form-group">
            <input type="search" name="search-field" value="" placeholder="Search..." required="" />
            <button type="submit"><i class="fa fa-search"></i></button>
            </div>
        </form>
        </div>
    </div>
    <!-- End Header Search -->

    <!-- Sticky Header  -->
    <div class="sticky-header">
        <div class="auto-container">
        <div class="inner-container">
            <!--Logo-->
            <div class="logo">
                <?php
                $default_logo_url = "images/logo.png";
                if(isset($sticky_logo_url)&&!empty($sticky_logo_url)) {
                    $default_logo_url = $sticky_logo_url;
                }
                ?>
                <a href="index.php" title=""><img src="<?php echo $default_logo_url;?>" alt="" title="Breathe Events"></a>
            </div>

            <!--Right Col-->
            <div class="nav-outer">
            <!-- Main Menu -->
            <nav class="main-menu">
                <div class="navbar-collapse show collapse clearfix">
                <ul class="navigation clearfix">
                    <!--Keep This Empty / Menu will come through Javascript-->
                </ul>
                </div>
            </nav>
            <!-- Main Menu End-->

            <!--Mobile Navigation Toggler-->
            <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
            </div>
        </div>
        </div>
    </div>
    <!-- End Sticky Menu -->
</header>
<!--End Main Header -->
