<!DOCTYPE  html>
<html lang="ru" class="no-js">
<head>
<title>[TITLE]</title>
<link type="text/css" rel="StyleSheet" href="[CSS_URL]" />
<link rel="shortcut icon" href="/images/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
</head>

<body>
<header>
<!-- <header> -->
<div class="row">
<div class="small-12 large-2 columns"><div class="logo"><a href="/"><img src="/images/logo.png" alt=""></a></div></div>
<div class="small-12 large-10 columns">
<nav id="nav">
<div id="mobile-header"><a id="responsive-menu-button" href="#sidr-main" class="fa fa-bars"></a></div>
<div id="navigation">
<ul class="one-row-nav">
<li>
<a href="#"></a>
<ul>
<li class="term">
<a href="#" style="background: #1f262e !important"></a>
<a href="#" style="background: #1f262e !important"></a>
<a href="#" style="background: #1f262e !important"> </a>
<a href="#" style="background: #1f262e !important"></a>
</li>
$MYINF_1$
</ul>
</li>

<li>
<a href="#"></i></a>
<ul>
<li class="term">
<a href="#" style="background: #1f262e !important"></a>
<a href="#" style="background: #1f262e !important"></a>
<a href="#" style="background: #1f262e !important"> </a>
<a href="#" style="background: #1f262e !important"></a>
</li>
$MYINF_2$
</ul>
</li>

<li>
<a href="#"></i></a>
<ul>
<li class="term">
<a href="#" style="background: #1f262e !important"></a>
<a href="#" style="background: #1f262e !important"></a>
<a href="#" style="background: #1f262e !important"> </a>
<a href="#" style="background: #1f262e !important"></a>
</li>
$MYINF_3$
</ul>
</li>

<li>
<a href="#"></a>
<ul>
<li class="term">
<a href="#" style="background: #1f262e !important"></a>
<a href="#" style="background: #1f262e !important"></a>
<a href="#" style="background: #1f262e !important"> </a>
<a href="#" style="background: #1f262e !important"></a>
</li>
$MYINF_4$
</ul>
</li>

<li>
<a href="#"></a>
<ul>
<li class="term">
<a href="#" style="background: #1f262e !important">Android</a>
<a href="#" style="background: #1f262e !important">iOS</a>
<a href="#" style="background: #1f262e !important">PC</a>
<a href="#" style="background: #1f262e !important">Xbox One</a>
<a href="#" style="background: #1f262e !important">PS4</a>
</li>
$MYINF_5$
</ul>
</li>

<li class="fsh">
<form method="get" action='search' class="formsearch">
<input id="story" name="q" type="text" placeholder="  ..." autocomplete="off">
<button type="submit" class="btn sb" title=" " name="sbm"><i class="fa fa-search"></i></button>
</form>
</li>
</ul>
</div>
</nav>

<div class="login_main">
<?if($USER_LOGGED_IN$)?>
<ul class="reset loginbox loginsite">
<a id="logbtn" href="#"><i class="fa fa-user"></i></a>
<li class="loginbtn">
<div id="logform" class="radial">
<ul class="reset loginenter">
<?if($USER_GROUP$='')?><li><a href="/panel/" target="_blank"><b></b></a></li><?endif?>
<li><a href="$PERSONAL_PAGE_LINK$"> </a></li>
<li><a href="$PM_URL$">  ($IS_NEW_PM$)</a></li>
<li><a href="/index/11"></a></li>
<li><a href="/news/"> </a></li>
<li><a class="thide lexit" href="$LOGOUT_LINK$"></a></li>
</ul>
</div>
</li>
</ul>
<?else?>
$LOGIN_FORM$
<?endif?>
</div>

</div>
</div>
<!-- </header> -->
</header>

<div class="row">
<div class="small-12 medium-8 large-9 columns">
[BODY]
</div>

<div class="small-12 medium-4 large-3 columns rightblock">
<!-- <container> --><!-- <block> -->
<div class="titleblock tbn"><span>TITLE</span></div>
CONTENT
<!-- </block> --><!-- </container> -->
</div>
</div>

<footer>
<!-- <footer> -->
<div class="row">
<div class="small-12 medium-6 large-6 columns">$POWERED_BY$</div>
<div class="small-12 medium-6 large-6 columns">
<ul class="social">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-vk"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>

<script src="/js/modernizr.js"></script>
<script src="/js/scripts.js"></script>
<script src="/js/libs.js"></script>

<script>
$('#responsive-menu-button').sidr({
name: 'sidr-main',
source: '#navigation'
});

$("#mobile-header").click(function () {
$(this).toggleClass("activebutton");
});

$('.responsive').slick({
dots: true,
arrows: false,
autoplay: true,
autoplaySpeed: 4000,
asNavFor: '.slider-nav'
});

$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.responsive',
dots: false,
centerMode: true,
focusOnSelect: true
});
</script>
<!-- </footer> --><!-- <popup> --><!-- </popup> -->
</footer>
</body>
</html>