<!DOCTYPE html>
<html data-bs-theme="dark"  lang=""><head><base href="/themes/galaxy/">
  <meta charset="utf-8">
  <title></title>

  
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  
  <meta name="theme-name" content="galaxy">

  
  
  <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
  <link rel="stylesheet" href="plugins/fontawesome/css/all.css">

  
  <link href="css/style.css" rel="stylesheet">

  
  
  

<style id="vvvebjs-styles">.d-flex > aside > .sidenav.position-sticky.d-flex.flex-column.justify-content-between {
	background-color: rgb(29, 28, 33);
}

.d-flex > .main-content > .container.py-4.my-5 > .row.justify-content-between {
	background-color: rgb(29, 28, 33);
}

.d-flex > .main-content {
	background-color: rgb(29, 28, 33);
}

.d-flex > .main-content > .bg-dark {
	background-color: rgb(29, 28, 33);
}

.loaded > .d-flex {
	background-color: #1d1c21;
}

#site-content > .container.h-100 > .row.h-100.align-content-center > .col-12.p-5.m-5 > .text-center > .display-2 > .la.la-tools.bg-warning.me-2.bg-opacity-50 {
	background-color: #c20013;
	opacity: 1;
	text-decoration-color: #dc3545;
}

</style><link rel="shortcut icon" href="" type="image/png" data-v-global-site.logo><link rel="icon" type="image/x-icon" href="" data-v-global-site.favicon></head>

<body class="loaded">  
  <div class="preloader-wrapper loaded">
    <div class="preloader-inner">
      <div class="spinner-border text-red"></div>
    </div>
  </div>
  

  
  <section class="d-flex">



    

      
      <aside data-v-save-global="index.html,aside">
        <div class="sidenav position-sticky d-flex flex-column justify-content-between">
          <div data-v-component-site="" >
            <a class="navbar-brand logo" href="//www.fireandsmoke.dev" data-v-url-params='{"host":"www.*.*"}'>
              <span class="visually-hidden">Logo</span>
              <img src="/media/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark="">
              
            </a>
          </div>


          

          
          

          <ul class="list-inline nml-2">
            <li class="list-inline-item">
              <a href="#!" class="text-white text-red-onHover pr-2">
                <span class="fab fa-twitter"></span>
              </a>
            </li>
            <li class="list-inline-item">
              <a href="#!" class="text-white text-red-onHover p-2">
                <span class="fab fa-facebook-f"></span>
              </a>
            </li>
            <li class="list-inline-item">
              <a href="#!" class="text-white text-red-onHover p-2">
                <span class="fab fa-instagram"></span>
              </a>
            </li>
            <li class="list-inline-item">
              <a href="#!" class="text-white text-red-onHover p-2">
                <span class="fab fa-linkedin-in"></span>
              </a>
            </li>
          </ul>
          
        </div>
      </aside>
      





      <main id="site-content" role="main">

        <div class="container h-100">
          <div class="row h-100 align-content-center">
            <div class="col-12 p-5 m-5">

              <div class="text-center">
                <div class=" display-2" style="font-style: italic;">
                  <i class="la la-tools bg-warning me-2 bg-opacity-50" style="border-radius: 100px; width: 120px; height: 120px; display: inline-block; font-size: 60px; line-height: 2; font-style: italic;"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="64" height="64" fill="#f8f9fa"><defs><style>.eva-11{fill:#fff;opacity:0;}.eva-12{fill:inherit;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="alert-circle"><g id="alert-circle-2" data-name="alert-circle"><rect class="eva-11"></rect><path class="eva-12" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"></path><circle class="eva-12" cx="12" cy="16" r="1"></circle><path class="eva-12" d="M12,7a1,1,0,0,0-1,1v5a1,1,0,0,0,2,0V8A1,1,0,0,0,12,7Z"></path></g></g></g></svg></i>
                </div>

                <h1>Under maintenance!</h1>

                <p class="lead">Currently under maintenance, we will be live soon.</p>

              </div>

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

      </main>


  </section>
  

  
  <script src="plugins/jQuery/jquery.min.js"  ></script>
  <script src="plugins/bootstrap/bootstrap.min.js"  ></script>

  
  <script src="js/script.js"  ></script>




<div class="bg-image"></div>

<div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
  <div class="container">

    <div class="message">
 Product was added to cart. </div>


    <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
  </div>
</div>

<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-body">

        <form action="/search" method="get">
          <input type="hidden" name="route" value="search">
          <div class="input-group">
            <input type="search" name="search" class="form-control" id="headerSearch" placeholder="Type for search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup">
            <button class="btn btn-outline-primary border" type="submit" title="Search">
              <div class="la-flip-horizontal">
                <i class="la la-search la-lg" aria-hidden="true"></i>
              </div>
            </button>
          </div>
        </form>

        <div class="search-results">

        </div>

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

<div id="page-loading-status" class="progress top-0 position-fixed progress-bar" role="progressbar" aria-label="Page loading status" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="z-index: 10;--bs-progress-bg: transparent;--bs-progress-height: 1px;width:0%"></div>


<script id="popper-js" src="../../js/popper.min.js"  ></script>


<script id="bootstrap-js" src="js/bootstrap.min.js"  ></script>

<script id="app-js" src="../../js/app.js"  ></script>



<link rel="stylesheet" href="js/aos.css">
<noscript>
  <style type="text/css">
    [data-aos] {
      opacity: 1 !important;
      transform: translate(0) scale(1) !important;
    }
  </style>
</noscript>

<script src="js/aos.js"  ></script>
<script src="../../js/app/theme.js"  ></script>
<script  >
	AOS.init();
</script>
<script src="../../js/app/cart.js"  ></script>





</body></html>
