<style>
.g-bg-black-opacity-0_7 {
    background-color: <?php echo $bgcolor; ?> !important;
}
.g-bg-white {
    background-color: <?php echo $bgcolorbk; ?> !important;
}
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
    color: <?php echo $titlecssbk; ?>;
}
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
    color: <?php echo $titlecss; ?>;
}
</style>
<header id="js-header" class="<?php echo $npositions; ?>" data-header-fix-moment="500" data-header-fix-effect="slide">
      <div class="<?php echo $main; ?>">
	  <div class="u-header__section u-header__section--dark g-bg-black-opacity-0_7 g-transition-0_3 g-py-<?php echo $navpadding; ?>" data-header-fix-moment-exclude="u-header__section--dark g-bg-black-opacity-0_7 g-py-<?php echo $navpadding; ?>" data-header-fix-moment-classes="u-header__section--light g-bg-white u-shadow-v<?php echo $navtx; ?> g-py-<?php echo $navpbk; ?>">
        <nav class="navbar navbar-expand-lg">
          <div class="container">
            <!-- Responsive Toggle Button -->
            <button class="navbar-toggler navbar-toggler-right btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-top-3 g-right-0" type="button" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
              <span class="hamburger hamburger--slider">
            <span class="hamburger-box">
              <span class="hamburger-inner"></span>
              </span>
              </span>
            </button>
            <!-- End Responsive Toggle Button -->

            <!-- Logo -->
            <a href="" class="navbar-brand">
              <img src="<?php echo $image; ?>" alt="Image Description">
            </a>
            <!-- End Logo -->

            <!-- Navigation -->
            <div class="collapse navbar-collapse align-items-center flex-sm-row g-pt-10 g-pt-5--lg" id="navBar">
              <ul class="navbar-nav text-uppercase g-font-weight-600 m<?php echo $navp; ?>-auto">
                <?php foreach ($services as $service) { ?>
				<?php if ($service['link']) { ?>
				<li class="nav-item g-mx-20--lg">
                  <a href="<?php echo $service['link']; ?>" class="nav-link px-0"><?php echo $service['title']; ?></a>
                </li>
				<?php } else { ?>
				<li class="nav-item g-mx-20--lg">
                  <a class="nav-link px-0"><?php echo $service['title']; ?></a>
                </li>
				<?php } ?>
				<?php } ?>
				<?php if ($blog): ?><li class="nav-item g-mx-20--lg">
				  <a class="nav-link px-0"style="color:<?php echo $titlecss; ?>;" href="index.php?route=blog/all" target="_blank"><?php echo $blog; ?></a>
                </li><?php endif ?>
              </ul>
            </div>
            <!-- End Navigation -->
          </div>
        </nav>
      </div>
	  </div>
    </header>
