<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="SHORTCUT ICON" type="image/png" href="/assets/images/favicon.png">
	<title><?=$_title; ?> | <?=NAME; ?></title>

	<link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,600,700' rel='stylesheet' type='text/css'>
	<link href="/assets/styles/animation.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="/assets/styles/main.css">
</head>
<body>
	<!-- ANIMATION -->
	<div class="fix-wrp">
		<div class="animate-wrp">
			<div class="sky">
				<div class="car-wheels"></div>
				<div class="car">
					<div class="msg"><b><span>OOPS!</span>Кажется я попал не туда.</b></div>
				</div>
				<div class="car-wheels c1"></div>
				<div class="car1 c1"></div>
				<div class="cloud"></div>
				<div class="cloud2"></div>
				<div class="cloud1"></div>
				<div class="grass1"></div>
				<div class="grass"></div>
				<div class="grass2"></div>
				<div class="mountain"></div>
				<div class="mountain1"></div>
				<div class="tree"></div>
				<div class="tree-front"></div>
				<div class="road"></div>
				<div class="road-front"></div>
			</div>
		</div>
	</div>
	<!--/animate-wrp -->

	<!-- MAIN WRAPPER -->
	<div class="main-wrapper">
		<!-- CONTAINER -->
		<div class="container">

			<!-- CLOUD MESSAGE -->
			<div class="cloud-message">
				<div class="message-wrp">
					<div class="message">
						<strong class="t1">OOPS!</strong>
						<strong class="t2">Ошибка 404 : Страница не найдена.</strong>
						<p class="t3">Возможно Вы ввели не тот адрес,<br> либо получили неправильную ссылку!</p>
					</div>
				</div>
				<img src="/assets/images/cloud-large1.png" alt="cloud" />
			</div>
			<!--/cloud message -->

			<!-- NAVIGATION LINKS -->
			<div class="nav-wrapper">
				<a href="/">Главная</a>
				<a href="/cabinet">Кабинет</a>
				<a href="/terms">Правила</a>
				<a href="/contacts">Помощь</a>
			</div>
			<!--/nav-wrapper -->

			<p class="copyrights">Copyright © 2018 All Right Reserved</p>
		</div>
		<!--/container -->
	</div>
	<!--/main-wrapper -->

	<!-- COMMON SCRIPT -->
	<script src="/assets/scripts/jquery-1.11.1.min.js"></script>
	<script>
		function mainWindow(){
			$(".main-wrapper").css({
				width: $('html').width(),
				height: $('html').height() > $(window).height() ? $('html').height() : $(window).height()
			});
		}
		function animateWindow(){
			$(".animate-wrp").css({
				width: $(window).width(),
				height: $('.main-wrapper').height()
			});
		}
		$(document).ready(function() {
			mainWindow();
			animateWindow();
		});
		$(window).resize(function(event) {
			mainWindow();
			animateWindow();
		});
	</script>
</body>
</html>
