<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?=$_title; ?> | <?=NAME; ?></title>
    <link rel="SHORTCUT ICON" type="image/png" href="/assets/images/favicon.png">
    <link href="/assets/styles/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/assets/styles/app.css" rel="stylesheet">
    <link href="/assets/plugins/bootstrap-sweetalert/sweet-alert.css" rel="stylesheet" type="text/css">

  </head>
  <style>
html {overflow-x: hidden}
div { height: "100%"; }
</style>
<style>
.button,
.button::before,
.button::after,
.button span,
.button span::before,
.button span::after
{
  transition: all ease .5s;
}

.button{
  position: relative;
/*  display: inline-block;*/
  padding: 0.3em;
  margin: 1em;
  border: solid 1px;
  text-transform: uppercase;
  cursor: pointer;
}

.button:hover
{
  box-shadow:0 0 0em 0.5em rgba(255, 255, 255, 0.38);
}

.button span
{
  display: inline-block;
  width: 100%;
  padding: 0.6em 2em;
}

.button:hover span
{
  background-color: #fff;
  color: #112;
}

.button::before,
.button::after,
.button span::before,
.button span::after
{
  content: '';
  position: absolute;
  border: 1px;
}

.button::before,
.button span::before
{
  border-style: solid none;  
}

.button::before,
.button span::after{      
  left: 0;
  top: -0.4em;
  width: 100%; 
  height: calc(100% + 0.8em);
}

.button::after,
.button span::after
{
  border-style: none solid;   
}

.button::after,
.button span::before
{
  top: 0;
  left: -0.4em;
  height: 100%;
  width: calc(100% + 0.8em); 
}

.button:hover::after,
.button:hover span::after
{
  transform: scaleY(0);
}

.button:hover::before,
.button:hover span::before
{
  transform: scaleX(0);
}

.button:hover span::after,
.button:hover span::before
{
  opacity: 0;
}

</style>
  <body class="page">
    <div class="header">
      <div class="header__row container">
        <div class="row">
          <div class="col-md-5 col-xs-12 col-sm-12">
            <div class="logo" style="min-height:12px;">
              <a href="/" class="logo__link">
                <img src="/assets/images/logotyp.png" class="logo__icon">
              </a>
            </div>
          </div>
          <div class="header__contact col-md-7 col-xs-12 col-sm-12">

          <?php if (!$this->usid) : ?>
		  
		    <a class="btn header__callback" href="/signup">
              <div class="button"><span class="btn__text">Регистрация</span></div>
            </a>

            <a class="btn header__callback" href="/login">
              <div class="button"><span class="btn__text">Вход в аккаунт</span></div>
            </a>

          <?php else : ?>

            <a class="btn header__callback" href="/cabinet">
              <div class="button"><span class="btn__text">Мой кабинет</span></div>
            </a>

          <?php endif; ?>

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


		
        <div class="nav__body container">
          <div class="nav__inner">
            <div class="nav__close"></div>
            <ul class="nav__list">
              <li class="nav__item"><div class="button"><a href="/" class="nav__link">Главная</a></div></li>
              <li class="nav__item"><div class="button"><a href="/about" class="nav__link">FAQ</a></div></li>
              <li class="nav__item"><div class="button"><a href="/stats" class="nav__link">Статистика</a></div></li>
              <li class="nav__item"><div class="button"><a href="/guarantee" class="nav__link">Гарантии</a></div></li>
              <li class="nav__item"><div class="button"><a href="/competitions" class="nav__link">Конкурсы</a></div></li>
             <li class="nav__item"><div class="button"><a href="/feedback" class="nav__link">Отзывы</a></div></li>
              <li class="nav__item"><div class="button"><a href="/contacts" class="nav__link">Помощь</a></div></li>
            </ul>
          </div>
        </div>
		
		
		
      </div>
    </div>
