<!DOCTYPE html>
<html lang="ru" class="new-year">

<head> {headers}
	<meta name="HandheldFriendly" content="true">
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="user-scalable=0, initial-scale=1.0, maximum-scale=1.0, width=device-width">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="default">
	<link rel="shortcut icon" href="{THEME}/images/favicon.ico">
	<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png">
	<link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png">
	<link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png">
	<link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?Open+Sans:wght@300display=swap" rel="stylesheet">
	<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
	<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
	<link href="{THEME}/js/lib.js" type="text/css" rel="stylesheet">
	<link href="{THEME}/fa/css/all.css" rel="stylesheet">
	<link rel="stylesheet" href="{THEME}/css/owl.carousel.min.css"> 
</head>

<body>
	<div class="background-img"></div>
	<noscript>
		<div class="pop-message">Внимание! В вашем браузере отключен JavaScript! Без него большая часть функционала сайта работать не будет или будет работать некорректно! </div>
	</noscript>
	<div class="top">
		<div class="container clearfix"> {login} </div>
	</div>
	<header class="header">
		<div class="container clearfix">
			<div class="logo-block">
				<a class="logo" href="/"></a>
				<div class="top-desktop"> {login} </div>
				<div class="mobile-menu-button">Меню</div>
			</div>
			<div class="search-block-wrapper in-menu clearfix main-search">
				<form class="search-block" id="q_search" method="post">
					<div class="wrp">
						<div class="q_search">
							<input class="search" name="story" placeholder="Найти аниме по названию" type="text">
							<input type="submit" class="search-submit" value=""> </div>
					</div>
					<input type="hidden" name="do" value="search">
					<input type="hidden" name="subaction" value="search"> </form>
				<div class="live-search-wrapper">
					<ul class="live-search"></ul>
					<a href="#" class="live-search-results"></a>
				</div>
			</div> {include file="modules/topmenu.tpl"} </div>
	</header>
	<div class="content-block container clearfix"> {include file="modules/search.tpl"} {include file="modules/filter-min.tpl"} [available=main]
		<div class="block-header">Аниме зимнего сезона</div>
		<div class="flickityx">
			<button class="flickity-button flickity-prev-next-button anime-previous previous" type="button" aria-label="Previous">
				<svg class="flickity-button-icon" viewBox="0 0 100 100">
					<path d="M 10,50 L 60,100 L 70,90 L 30,50  L 70,10 L 60,0 Z" class="arrow"></path>
				</svg>
			</button>
			<button class="flickity-button flickity-prev-next-button anime-next next" type="button" aria-label="Next">
				<svg class="flickity-button-icon" viewBox="0 0 100 100">
					<path d="M 10,50 L 60,100 L 70,90 L 30,50  L 70,10 L 60,0 Z" class="arrow" transform="translate(100, 100) rotate(180) "></path>
				</svg>
			</button>
			<div id="slider" class="carousel owl-carousel owl-carousel-anime"> {custom category="2" template="modules/carousel" navigation="no" limit="20" cache="no"} </div>
		</div>
		<div class="clearfix">
			<div class="col col-50 update-block">
				<div class="block-header">Обновления аниме <a href="#" class="block-header-link">Все обновления</a></div>
				<!--ПОСЛЕДНИЕ СЕРИИ-->
				<ul class="update-list"> {custom category="2" template="modules/mininews" available="global" navigation="no" from="0" limit="12" order="editdate" cache="yes"} </ul>
			</div>
			<div class="col col-50 update-block">
				<!--НОВОСТИ-->
				<div class="block-header">Новости <a href="/news" class="block-header-link">Все новости</a></div>
				<ul class="update-list"> {custom category="4" template="modules/mininews" available="global" navigation="no" from="0" limit="6" order="date" cache="yes"} </ul>
				<!--АНОНСЫ-->
				<div class="block-header">Анонсы <a href="#" class="block-header-link">Все анонсы</a></div>
				<ul class="update-list"> {custom category="2" template="modules/mininews" available="global" navigation="no" from="0" limit="5" order="date" cache="yes"} </ul>
			</div>
		</div>
		<!--ВИДЕО БЛОК-->
		<div class="last-videos-block">
			<div class="block-header">Последнее в видеоблогах<a href="/channel" class="block-header-link">Все видео</a></div>
			<div class="flickityx">
				<button class="flickity-button flickity-prev-next-button channel-previous previous" type="button" aria-label="Previous">
					<svg class="flickity-button-icon" viewBox="0 0 100 100">
						<path d="M 10,50 L 60,100 L 70,90 L 30,50  L 70,10 L 60,0 Z" class="arrow"></path>
					</svg>
				</button>
				<button class="flickity-button flickity-prev-next-button channel-next next" type="button" aria-label="Next">
					<svg class="flickity-button-icon" viewBox="0 0 100 100">
						<path d="M 10,50 L 60,100 L 70,90 L 30,50  L 70,10 L 60,0 Z" class="arrow" transform="translate(100, 100) rotate(180) "></path>
					</svg>
				</button>
				<div id="last-video-slider" class="carousel owl-carousel owl-carousel-channel"> {custom category="3" template="modules/channel" navigation="no" limit="20" cache="no"} </div>
			</div>
		</div> [/available]
		<div class="content"> [not-available=userinfo|register] {include file="modules/sidebar.tpl"} [/not-available]
			<div class="clearfix"> 
                [not-available=lastcomments|main] {info}
                [available=showfull|cat]<div class="content-page">[/available]
				<div class="tabs-content">
					<div class="tab-content active"> {content} </div>
				</div> 
                [available=showfull|cat]</div>[/available]
                [/not-available]
                [available=main]
				<div class="tabs-block">
					<div class="tabs-header">
						<ul class="tabs">
							<li data-id="#new" class="active">Новое на сайте</li>
						</ul>
					</div>
					<div class="tabs-content">
						<div class="tab-content active"> {info} {custom category="1-2" template="shortstory" navigation="yes" limit="14" cache="yes"} </div>
					</div>
				</div> [/available] [available=lastcomments]
				<div class="tabs-block">
					<div class="tabs-header">
						<ul class="tabs">
							<li data-id="#new" class="active">Последние комментарии</li>
						</ul>
					</div>
					<div class="tabs-content">
						<div class="content-page tab-content active"> {info} {content} </div>
					</div>
				</div> [/available] </div>
		</div>
	</div>
	<div class="push"></div> {include file="modules/footer.tpl"}
	<div id="to-top"><span>↑ Наверх</span></div>
	<div class="dark-overlay"></div> {AJAX} {jsfiles}
	<script src="{THEME}/js/lib.js"></script>
	<script type="text/javascript" src="{THEME}/js/jquery.cookie.js"></script>
	<script type="text/javascript" src="{THEME}/js/favorites.js"></script>
	<script src="{THEME}/js/owl.carousel.min.js"></script>
</body>

</html>