@import url(reset.css);

:root {
	box-sizing: border-box;
}

*,
::before,
::after {
	box-sizing: inherit;
}

#fon {
	cursor: pointer;
}

ol {
	font: 15px Georgia;
	margin: 0 0 1em 1em;
	list-style-position: inside;
	list-style-type: decimal;
}
ol li {
	margin-bottom: 0.4em;
}

/*---------------- Полоса прокрутки ----------------------------*/
::-webkit-scrollbar-button { 
background-image:url(''); 
background-repeat:no-repeat; 
width:6px; 
height:0px 
} 

::-webkit-scrollbar-track { 
background-color:#32312e; 
box-shadow:0px 0px 3px #000 inset; 
} 

::-webkit-scrollbar-thumb { 
-webkit-border-radius: 5px; 
border-radius: 5px; 
background:#076e9e;  
background-position:center; 
background-repeat:no-repeat; 
} 

::-webkit-resizer{ 
background-image:url(''); 
background-repeat:no-repeat; 
width:7px; 
height:0px 
} 

::-webkit-scrollbar{ 
width: 11px; 
}
/*------------------------------------------------------------------------------------------*/
.message {
	display: inline-block;
	color: #fff;
	float: right;
	margin-right: 100px;
	font: 14px Verdana;
}
.message a {
	color: #1185ab;
}
.message a:hover {
	color: #e5e5e5;
}

body {
	background: #222;
	min-width: 320px;
}

strong, b, span[style *= bold] {
	font-weight: bold;
	color: #eadca3;
}
i, em {
	font-style: italic;
}

main h1 {
	font: bold 24px Tahoma;
	text-align: center;
	margin: 35px 0 15px;
}

main h2 {
	font: bold 20px Tahoma;
	color: #12dbf2;
	margin: 0 0 10px;
	text-align: center;
}

main h3 {
	font: bold 18px Tahoma;
	color: #12dbf2;
	margin: 20px 0 10px;
	
}

main h4 {
	font: bold 16px Tahoma;
	color: #b8bbbc;
	margin: 20px 0 10px;
	text-align: center;
}

.adcom {
	display: inline-block;
	padding: 5px 6px;
	border: 1px solid #1b618d;
	color: #cbc7c7;
	border-radius: 5px;
	margin-left: 10px;
	font: 15px Georgia;
	cursor: pointer;
	background: #074556;
}
.adcom:hover {
	background: #8c1515;
	border: 1px solid #bf3626;
}

main {
	position: relative;
}

main ul {
	margin: 15px 0 15px 30px;
	list-style-type: square;
	font: 15px Arial;
}
	main ul li {
		margin-bottom: 2px;
	}

main a {
	color: #8ec4e7;
}
main a:hover {
	color: #9db960;
}

body > header {
	width: 100%;
	padding: 0 0 50px 0;
	background: #1b1b1b url('../images/header.jpg') no-repeat center center;
	background-size: auto;
}

.admin-panel {
	display: none;
	padding: 6px 20px;
	background: #073138;
}
.admin-panel a {
	font: 20px Tahoma;
	color: #fff;
	text-decoration: none;
	margin-left: 10px;
}

	.header-top {
		position: relative;
		font: 14px Tahoma;
		background: #070707;
		margin-bottom: 50px;

-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.82);
-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.82);
box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.82);
	}
	.header-top span {
		position: absolute;
		top: 13px;
		right: 15px;
		color: #11bcf3;
		font-weight: bold;
		cursor: pointer;
	}
	.header-top  ul {
		text-align: center;
	}

	.header-top ul > li {
		display: inline-block;
		position: relative;
	}
	.header-top ul > li:first-child a {
		padding-left: 0;
	}
		.header-top ul a {
			display: inline-block;
			color: #666666;
			text-decoration: none;
			padding: 12px 0 12px 22px;
		}
		.header-top a:hover, .header-top a.act {
			color: #f7f7f7;
		}

.header-top ul a.info {
	color: lime;
}
.header-top ul a.info:hover {
	color: orange;
}
/*------------- Информация сайта ------------*/
.header-top ul a.sys {
	color: #abff00;
}
.header-top ul a.sys:hover {
	color: #ff8700;
}

	.header-top ol {
		display: none;
		position: absolute;
		width: 170px;
		top: 0;
		right: -50px;
		background: #070707;
		border-top: none;
		z-index: 2;
	}
	.header-top ol a {
		display: inline-block;
		font: 14px Tahoma;
		padding: 10px 10px;
		color: #fef9f6;
		text-decoration: none;
	}
	.header-top ol a:hover {
		color: #17aed3;
	}
	
	a.header-h1 {
		width: 300px;
		text-align: left;
		display: block;
		margin-left: 50px;
		font: bold 30px Tahoma;
		color: #eeebe5;
		transform: scaleY(1.2);
		text-decoration: none;
	}
	a.header-h1 span {
		color: #17aed3;
		margin: 0 auto;
	}

nav {
	font-size: 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f1f1f+0,1e1e1e+34,1a1a1a+66,181818+100 */
background: rgb(31,31,31); /* Old browsers */
background: -moz-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(30,30,30,1) 34%, rgba(26,26,26,1) 66%, rgba(24,24,24,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(31,31,31,1) 0%,rgba(30,30,30,1) 34%,rgba(26,26,26,1) 66%,rgba(24,24,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(31,31,31,1) 0%,rgba(30,30,30,1) 34%,rgba(26,26,26,1) 66%,rgba(24,24,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#181818',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 0px 0 7px 0px rgba(0, 0, 0, 0.82);
-moz-box-shadow:    0px 0 7px 0px rgba(0, 0, 0, 0.82);
box-shadow:         0px 0 7px 0px rgba(0, 0, 0, 0.82);
}
nav ul {
	text-align: center;
}
nav ul > li {
	display: inline-block;
	border-right: 1px solid #292929;
	border-left: 1px solid #050505;
	position: relative;
}
nav ul > li:first-child {
	border-left: none;
}
nav ul > li:last-child {
	border-right: none;
}
	nav ul > li > a {
		font: 18px Tahoma;
		display: inline-block;
		padding: 20px 30px;
		color: #fef9f6;
		text-decoration: none;
	}
	nav ul > li > a:hover, nav ul > li > a.act { 
		color: #17aed3;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#181818+0,1a1a1a+32,1e1e1e+69,1e1e1e+69,1e1e1e+69,1f1f1f+100 */
background: rgb(24,24,24); /* Old browsers */
background: -moz-linear-gradient(top, rgba(24,24,24,1) 0%, rgba(26,26,26,1) 32%, rgba(30,30,30,1) 69%, rgba(30,30,30,1) 69%, rgba(30,30,30,1) 69%, rgba(31,31,31,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(24,24,24,1) 0%,rgba(26,26,26,1) 32%,rgba(30,30,30,1) 69%,rgba(30,30,30,1) 69%,rgba(30,30,30,1) 69%,rgba(31,31,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(24,24,24,1) 0%,rgba(26,26,26,1) 32%,rgba(30,30,30,1) 69%,rgba(30,30,30,1) 69%,rgba(30,30,30,1) 69%,rgba(31,31,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
	}


/*---------------- Мобильная кнопка меню -------------------------*/
.nav-toggle {
	display: none;
}

/*----------------------------------------------------------------*/

.menu-down {
	display: none;
	position: absolute;
	width: 180px;
	top: 0;
	left: 0;
	background: #1f1f1f;
	border: 1px solid #292929;
	border-top: none;
	outline: 1px solid #050505;
	z-index: 2;
}
	.menu-down a {
		display: inline-block;
		font: 15px Tahoma;
		padding: 10px 20px;
		color: #fef9f6;
		text-decoration: none;
	}
	.menu-down a:hover {
		color: #17aed3;
	}

/*--------------------- Форма входа ---------------------------*/
#enter {
	margin-right: 20px;
	width: 30%;
	border: 1px solid #093147;
	border-radius: 5px;
	padding: 4px 0;
	text-align: center;
	cursor: pointer;
	background: #133347;
}
#enter:hover {
	background: #266b96;
}
.enter {
	display: none;
	padding: 15px 15px 20px 15px;
	width: 340px;
	background: #070707;
	position: absolute;
	right: -20px;
	z-index: 2;
	color: #737373;
}
.enter h6 {
	font-weight: bold;
	color: #177b8c;
	margin: 0 17px 20px 0;
}
.enter label {
	display: block;
	margin-bottom: 10px;
}
.enter input {
	display: inline;
	width: 63%;
	margin-left: 3px;
	margin-bottom: 0;
	text-align: left;
	padding: 3px;
	background: #243442;
	border: #243442;
	color: #c0baba;
}
.enter input[type=email] {
	font-size: 14px;
}
	.enter-left {
		width: 30%;
		float: left;
	}
	.enter-right {
		margin-left: 2%;
		border-left: 1px solid #242323;
		text-align: right;
		width: 63%;
		float: right;
	}



.flex {
	display: flex;
}
/*====================== Левая боковая колонка ==============================*/

aside {
	flex: 20%;
	width: 20%;
	min-width: 220px;
	padding: 20px 0;
	background: #222;  
}
	.menu {
		width: 90%;
		margin: 0 auto 30px;
		padding: 0 0 25px 0;
		border-bottom: 1px solid #333;
	}
		.menu h3 {
			font: 20px Tahoma;
			color: #17aed3;
			text-transform: uppercase;
			margin-bottom: 20px;
		}
		.menu a {
			display: block;
			text-decoration: none;
			font: 15px Tahoma;
			color: #fef9f6;
			padding: 8px 0;
			text-align: left;
		}
		.janre a:before {
			content: "\2022   ";
		}
		.menu a:hover, .menu a.act {
			color: #f88101;
		}

/*----------------------- Голосование ----------------------------*/
.menu h4 {
	color: #ccc;
	font: bold 15px Tahoma;
	border-top: 1px dashed #737373;
	border-bottom: 1px dashed #737373;
	padding: 4px 0;
	margin-bottom: 20px;
}

	.menu .form {
		color: #b2b2b2;
		font: 14px Tahoma;
	}

	.menu .form input[type=radio] {
		cursor: pointer;
		display: inline-block;
	}
	.menu .form input[type=submit], .menu .form input[type=button] {
		width: 40px;
		height: 25px;
		cursor: pointer;
		margin: 15px 0 0 20px;
		color: #000;
	}
	.menu .form input[type=button] {
		margin-left: 1px;
	}
	.menu .form label {
		margin: 0 10px 10px 0;
		display: block;
		cursor: pointer;
	}

/*------------------ Всплывающее окно --------------------------*/
.grafic	{
	display: none;
	padding: 5px;
	width: 40%;
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	background: #2c2a2a;
	border: 3px solid #44494b;
	top: 27%;
	z-index: 13;
	color: #d4cece;
	font: 14px Verdana;
	cursor: pointer;
}
	.grafic h5 {
		text-align: center;
		font: bold 16px Tahoma;
		margin-bottom: 5px;
		color: #0ed6e6;
	}

	.grafic table {
	    width: 98%;
	    margin: 0 auto;
	}
	.grafic table td:not(:nth-child(1)) {
		text-align: center;
	}

	 .grafic table, .grafic td { 
	    border: 1px solid #44494b;
	    border-collapse: collapse;
	    padding: 10px;
	}
	.grafic table tr:last-child td {
		text-align: center;
		font-weight: bold;
	}



/*====================== Правая боковая колонка ==============================*/

.right .menu {
	text-align: right;
}


a.video {
	min-height: 30px;
	text-align: right;
	display: block;
	text-decoration: none;
	padding: 0 40px 0 0;
	font: 20px 'Monotype Corsiva';
	margin-bottom: 16px;
}
.igromania {
	background: url('../images/igromania.png') no-repeat right center;
}
.dendy {
	background: url('../images/dendy.png') no-repeat right center;
}
.youtube {
	background: url('../images/youtube.png') no-repeat right center;
}

.menu section {
	height: 320px;
	overflow: hidden;
	margin-bottom: 12px;
}
.menu button {
	width: 40px;
	height: 25px;
	cursor: pointer;
}
a.all {
	display: inline-block;
	border: 1px solid #737373;
	border-radius: 10px;
	padding: 5px;
	margin-left: 20px;
	background: #1e1d1d;
}
a.all:hover {
	background: #000;
	color: #c0bcbc;
}

a.news {
	padding: 6px;
	text-align: left;
	display: block;
	background: #383838;
	font: 12px Verdana;
	color: #c0bcbc;
	border: 1px solid #4e4d4d;
	border-radius: 5px;
	opacity: 0.7;
	margin-bottom: 5px;
}
a.news:hover {
	opacity: 1;
	color: #c0bcbc;
}
	a.news span {
		display: block;
		text-decoration: underline;
		font-weight: bold;
		margin-bottom: 3px;
		color: #6ef2fd;
	}
	a.news span:before {
		content: "\1F4F0 ";
	}

/*========================== Центральный контент ==============================*/

main {
	flex: 60%;
	width: 60%;
	background: #2c2d2e;
	padding-bottom: 40px;
	position: relative;
}

h2.cat {
	font: bold 18px Tahoma;
	color: #f6f7f8;
	text-align: center;
	padding: 15px 0;
	background: #054b6f;
	margin-bottom: 30px;
}
h2.cat span {
	color: gold;
}

article.console {
	margin: 0 0 25px 2%;
	width: 22.2%;
	display: inline-table;
	text-align: center;
	background: #3c3c3c;
	border-radius: 5px;
	position: relative;
}
article.console div {
	padding: 6px 10px 15px;
	
}
	article.console div img {
		max-width: 100%;
		cursor: url("../images/zoomin.cur"), pointer;
	}
	article.console div a {
		font: bold 14px Tahoma;
		text-decoration: none;
		color: #c3bb90;
	}
	article.console div a:hover {
		color: #d6b70d;
		text-decoration: underline;
	}

	article.console footer {
		text-align: left;
		padding: 5px 7px;
		font: 13px Georgia;
		background: #131b20;
		border-radius: 0 0 5px 5px;
		font: 13px Georgia;
		color: #9e9e9e;
		overflow: hidden;
	}
		article.console footer img {
			margin-right: 3px;
			position: relative;
    		top: 3px;
		}
		article.console footer span {
			margin-right: 10px;
		}
		article.console footer a {
			float: right;
			font: 13px Georgia;
			color: #9e9e9e;
			text-decoration: none;
		}
		article.console footer a:hover {
			color: #b8b7b7;
			text-decoration: underline;
		}
			article.console footer a span {
				margin-right: 0;
			}

/*-----------------------------------------------------------*/

footer.for-block {
	padding: 1em;
	text-align: right;
	margin-bottom: 1em;
	border-top: 1px dotted #a3a9ac;
}
	footer.for-block .button {
		margin-left: 2em;
	}

	footer.for-block span {
		display: inline-block;
		padding: 0.3em 0.7em;
		background: #0b7dc1;
		border-radius: 50%;
		font: bold 1em Arial;
		color: #fff;
		cursor: pointer;
	}
	footer.for-block span:hover {
		box-shadow: 0 0 0.5em #000;
		background: #094b73;
	}
	footer.for-block span:active {
		transform: translateY(0.1em);
	}


.image-box {
	width: 85%;
	margin: 0 auto 0.5em;
	border: 1px solid #494949;
    box-shadow: 0 0 3px black;
    background-color: #303030;
    padding: 0.5em;
}
	.image-box img {
		border: 1px solid #494949;
		margin: 0;
	}


/*----------------- Кнопки редактирования -------------------*/
span.ok, span.edit, span.del {
	display: block;
	position: absolute;
	right: -10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #d8d8d8;
	opacity: 0.2;
	z-index: 1;
}
span.ok:hover, span.edit:hover, span.del:hover {
	opacity: 1;
}
span.ok {
	top: 10px;
}
span.edit {
	top: 45px;
}
span.del {
	top: 78px;
}

/*------------------ Логотипы консолей -------------------*/
article.console h6 {
	position: absolute;
}
h6.sega, h6.sega32x {
	font: 25px Georgia;
	color: #0d4ad5;
	top: -8px;
	left: -10px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
}
h6.sega32x span {
	color: red;
}
h6.segaCD {
	font: 25px Georgia;
	color: #06b2bb;
	top: -8px;
	left: -10px;
	text-shadow: 1px 1px 1px #fff;
}
h6.segaGG {
	font: 20px Georgia;
	color: #0d4ad5;
	top: -8px;
	left: -10px;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px #fff;
}
h6.segaGG span {
	font: 21px Algerian, Tahoma;
}
h6.snes {
	top: -11px;
	left: -10px;
	text-transform: uppercase;
	color: #fc0c19;
	font: italic 17px Georgia;
	text-decoration: underline;
	text-shadow: 1px 1px 1px #fff;
}
h6.nes {
	top: -11px;
	left: -10px;
	color: #d21007;
	font: bold 25px Georgia;
	text-shadow: 0 1px 1px #fff;
}
h6.gba {
	top: -11px;
	left: -10px;
	color: #fff;
	font: bold 16px Georgia;
	text-shadow: 1px 1px 3px #000;
}
h6.atari_jaguar {
	top: -11px;
	left: -10px;
	color: #fe0000;
	font: 27px Mistral, Colibri;
	text-shadow: 1px 1px 1px #fbfe00;
	text-transform: uppercase;
}
h6.neogeo {
	top: -11px;
	left: -10px;
	color: #c59510;
	font: 27px 'Times New Roman';
	text-shadow: 1px 1px 1px #fbfe00;
	text-transform: uppercase;
}
h6.cps1, h6.cps2, h6.cps3 {
	top: -10px;
	left: -10px;
	color: #ffca08;
	font: 17px 'Times New Roman';
	text-shadow: 1px 1px 1px #0c4da1;
	text-transform: uppercase;
}
h6.n64 {
	top: -11px;
	left: -10px;
	color: #0024a6;
	font: bold 20px Tahoma;
	text-shadow: 0 0 4px #fff;
	text-transform: uppercase;
}
h6.n64 sup {
	color: #ff2d1e;
}
h6.tg16 {
	top: -11px;
	left: -10px;
	color: #f79226;
	font: bold 20px Tahoma;
	text-shadow: 0 0 4px #000;
}
h6.tg16 span {
	color: #c0cd2c;
}
h6.vboy {
	top: -11px;
	left: -10px;
	text-transform: uppercase;
	color: #fc0c19;
	font: 17px 'Times New Roman';
	text-shadow: 1px 1px 1px #000;
}
h6.nds, h6.psx {
	top: -16px;
	left: -10px;
	color: #000;
	font: 20px Tahoma;
	text-shadow: 2px 1px 2px #fff;
	text-transform: uppercase;
}
h6.psx {
	text-transform: inherit;
	text-shadow: 2px 1px 1px #fff;
	top: -10px;
}

h6.nds span {
	font: bold 26px Tahoma;
	position: relative;
	top: 5px;
}
h6.msx {
	top: -12px;
	left: -10px;
	color: #fff;
	font: bold italic 26px "Trebuchet MS", Helvetica, sans-serif;
	text-shadow: 2px 1px 2px #056386;
	text-transform: uppercase;
}
h6.wswan {
	top: -11px;
	left: -10px;
	color: #f70606;
	font: 22px "Comic Sans MS", cursive, sans-serif;
	text-shadow: 2px 0 2px #fff;
}
h6.wswan span {
	display: none;
}
h6.wswan i {
	color: #000;
}
h6.ngp {
	top: -20px;
	left: -10px;
	color: #000;
	font: 22px Arial;
	text-shadow: 2px 1px 1px #fff;
}
h6.ngp span {
	display: none;
}
h6.ngp i {
	color: #f70606;
	font: 33px Impact;
    font-style: normal;
	transform: rotate(-30deg);
	display: inline-block;
	font-style: normal;
	position: relative;
	top: 3px;
}
h6.segaMS {
	font: 25px Georgia;
	color: #0d4ad5;
	top: -8px;
	left: -10px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
}
h6.segaMS span {
	color: #f70606;
	text-transform: none;
	font: 20px 'Times New Roman';
}
h6.arcade span, h6.mame span {
	display: none;
}
h6.gboy {
	top: -11px;
	left: -10px;
	color: #2e3192;
	text-transform: uppercase;
	font: bold 16px Georgia;
	text-shadow: -1px -2px 0 #fff;
}
h6.gboy span {
	color: #fff;
}
h6.gboy b {
	color: #b80a41;
}

/*--------------------- Флеш эмулятор ------------------------*/
p#fl-p {
	margin-top: 50px;
	text-align: center;
	color: #4dd9f6;
}
#fl-box {
	display: none;
	text-align: center;
}
#fl-box object {
    border: 1px solid #616464;
    width: 630px;
    height: 473px;
    margin: 20px 10px 20px 0;
}
#fl-button {
	text-align: center;
	width: 150px;
	padding: 15px 10px;
	margin: 30px auto 30px;
	background: #0454a9;
	border: #000;
	border-radius: 30px;
	cursor: pointer;
	color: #fff;
}
#fl-button:hover {
	background: #9e0909;
}
		

/*--------------------- Pager ---------------------------*/
.pager {
	text-align: center;
	margin: 35px 0 20px;
}
	.pager a, .pager span {
		padding: 4px 10px;
		text-decoration: none;
		background: #217895;
		border-radius: 50%;
		color: #fff;
		margin: 0 2px;
	}
	.pager span {
		background: #c81010;
	}
	.pager a:hover {
		background: #189cc8;
	}

/*----------------------- Страница поста -----------------------------------------*/

#emu {
	margin: 20px auto 30px;
}

.post {
	margin: 10px 0 0 0;
	padding: 15px;
	text-align: justify;
	font: 15px Verdana;
	color: #c0c0ba;
}
	.post p {
		text-indent: 20px;
		margin-bottom: 15px;
	}

#emulatorjs {
	width: 100%;
	margin: 20px auto 30px;
	max-width:960px;
}

/*----------------------- highslide -------------------------------*/
.highslide {
    display: block;
    text-align: center;
}

p.img {
	text-align: center;
	text-indent: 0;
}
p.img img, .highslide img {
	width: 55%;
	min-width: 300px;
	border: 1px solid #484845;
	cursor: url("../images/zoomin.cur"), pointer;
}

/*------------------------------------------------------------*/

.post details {
	padding: 0 10px;
}
.post details:nth-of-type(1) {
	margin-top: 50px;
}
.post details:nth-of-type(3) {
	margin-bottom: 50px;
}
	.post details summary {
		background: #2d3943;
		cursor: pointer;
		padding: 10px 0 10px 20px;
		border: 1px solid #232e36;
		border-radius: 5px;
		margin-bottom: 15px;
	}

.footer {
	box-shadow: 0px 0 5px 00 rgba(0, 0, 0, 0.82);
	background: #3c3c3c;
	padding: 10px 20px;
	font: 14px Georgia;
	color: #9e9e9e;
	margin-bottom: 30px;
}
	.footer a {
		text-decoration: none;
		color: #9e9e9e;
		float: right;
	}
	.footer a:hover {
		color: #b8b7b7;
	}
	.footer span {
		margin-right: 15px;
	}
	.footer img {
		margin-right: 5px;
	}


iframe[src*=youtu] {
	display: block;
    margin: 20px auto;
    border: 1px solid #6b6969;
    box-shadow: 0 0 8px #1d1c1c;
    width: 480px;
    height: 270px;
}

a.load {
	display: flex; 
	align-items: center;  
}
	a.load img {
		height: 7em;
	}
	a.load span {

	}

div.iframe {
	overflow: auto;
	text-align: center;
	margin: 2em 0;
}
div.iframe iframe {
	margin: 0 auto 1.5em;
	display: block;
}

.but {
	width: 10em;
	padding: 1em 1.5em;
	font: 1em Tahoma;
	color: #fff;
	background: #064c6f;
	cursor: pointer;
}
.but:hover {
	background: #3e5460;
}
.but:active {
	background: #b72229;
	transform: translateY(0.1em);
}

.load-block {
	margin: 1.2em 0;
	border: 1px dashed #737373;
	padding: 1em;
	overflow: hidden;
}
.load-block a.button {
	display: inline-block;
	margin-top: 2em;
}
	a.for-torrent {
		display: block;
	}
	a.for-torrent::before {
		content: "\26A0";
		margin-right: 0.5em;
		color: #e2e663;
    	font-size: 2em;
    	text-decoration: none;
	}

.glaz {
	float: right;
}
	.glaz span {
		display: block;
	}
	span.views::before {
		content: "\1F441";
		font-size: 2em;
		color: #e2e663;
		margin-right: 0.3em;
	}
	span.loading::before {
		content: "\267A";
		font-size: 2em;
		color: #e2e663;
		margin-right: 0.3em;
	}

/*----------------------- Слайдер ----------------------------------*/
h4.sl {
	padding-top: 20px;
	border-top: 1px solid #565252;
}
.slider {
	padding: 20px 50px;
    position: relative;
    margin: 20px auto;
    
}
	.galery {
		overflow: hidden;
        position: relative;
        height: 260px;
	}	
		.galery figure {
			text-align: center;
			width: 160px;
			padding: 5px;
			background: #3c3c3c;
	        border: 1px solid #595957;
	        border-radius: 4px;
	        margin: 0 10px;
		}
			.galery figure figcaption {
				text-align: center;
				color: #ead99e;
				font: 13px Tahoma;
			}
			.galery article {
				display: flex;
				width: 9999px;
		        position: absolute;
		        left: 0;
		        top: 0;
			}
				.galery article img {
			        max-width: 100%;
			        min-width: 120px;
				}

.next, .prev {
        position: absolute;
        top: 92px;
        display: block;
        cursor: pointer;
    }
.next {
    right: 7px;
}
.prev {
    left: 7px;
}

/*--------------------- Комментарии -------------------------*/
section.comm h4 {
	margin-bottom: 40px;
}
section.comm {
    width: 80%;
    border: 1px solid #3c3b3b;
    margin: 30px auto;
    padding: 15px 30px;
}
section.comm article {
    margin-bottom: 15px;
    position: relative;
}
	section.comm article img.ava {
	    width: 70px;
	    height: 70px;
	    float: left;
	    border: 1px solid #4a4848;
	}

section.comm article div {
    margin-left: 90px;
    border: 1px solid #363434;
	background-color: #1d1d1c;
}
section.comm header {
	width: inherit;
	background: inherit;
    margin: auto 10px;
    padding: 10px;
    border-bottom: 1px solid #2a2929;
    color: #afb8bc;
}
section.comm header span {
    font: bold 14px Tahoma;
    color: #87abb7;
}
section.comm time {
    float: right;
    font: italic 12px Tahoma;
}
section.comm article div p {
    padding: 10px;
    text-indent: 15px;
    font: 14px Verdana;
    color: #9b9b99;
    text-align: justify;
}

section.comm article div br {
	margin-bottom: 4px;
}


/*------------------------------ Форма добавления комментариев ----------------------------*/
section.comm form {
	text-align: center;
	margin-bottom: 50px;
	width: 100%;
	display: none;
}
section.comm form textarea {
	width: 80%;
	padding: 10px;
	height: 130px;
	display: block;
	background: #737373;
}
section.comm input {
	display: inline-block;
	margin: 15px 0 0 0;
}


/*============================= Футер ===========================================*/
.flex + footer {
	background: #161616;
	padding: 30px 0 0 0;
}

.foot {
	display: inline-table;
	margin: 0 0 20px 14%;
}
	.foot h5 {
		color: #606060;
	    font: bold 14px Tahoma;
	    text-transform: uppercase;
	    margin-bottom: 15px;
	}
	.foot a {
		display: block;
		color: #605e5e;
		font: 12px Verdana;
		margin-bottom: 4px;
		text-decoration: none;
		text-align: left;
	}
	.foot a:hover {
		color: #aaa;
		text-decoration: underline;
	}


footer section .foot:last-child a {
	display: inline-block;
	border-radius: 50%;
	opacity: 0.6;
}
footer section .foot:last-child a:hover {
	opacity: 1;
}
footer section .foot:last-child a.write {
	display: block;
	background: #333;
	border-radius: 2px;
	padding: 10px 5px;
	color: #fff;
	margin-top: 15px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.counts {
	margin-top: 30px;
	text-align: right;
}
.counts > div {
	display: inline-block;
}

/***********************************************/
.clear {
	clear: both;
}

.clearfix::after {
	display: block;
	content: " ";
	clear: both;
}

/***********************************************/

/*-------------------- Форма регистрации -----------------------*/
.fon {
	background: #000;
	height: 100%;
	width: 100%;
	opacity: 0.8;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
}

.form-reg-user {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 11;
	top: 0;
	left: 0;
	text-align: center;
}

.form-reg-user form {
	position: relative;
	display: inline-block;
	background: #05222a;
	margin-top: 15%;
	padding: 10px;
	border: 1px solid #073542;
	color: #a8a7a7;
	font: 14px Verdana;
}
	.form-reg-user form p {
		margin-bottom: 18px;
	}
	.form-reg-user h5 {
		margin-bottom: 20px;
		font: 16px Tahoma;
		text-transform: uppercase;
	}
	.form-reg-user form input[type=text], .form-reg-user form input[type=email] {
		width: 90%;
		margin-bottom: 15px;
		padding: 9px 10px;
		font: 15px Verdana;
		background: #0b1a23;
		border: 1px solid #1b343e;
		border-radius: 5px;
		color: #a8a7a7;
		box-sizing: inherit;
		display: inline;
		font-size: 15px !important;
		text-align: left;
	}
	.form-reg-user form input[type=text]:focus, .form-reg-user form input[type=email]:focus {
		box-shadow: inset 0 0 3px #000;

	}
	.form-reg-user form input[type=submit] {
		padding: 6px 8px;
		background: #819ca1;
		border: 1px solid #000;
		border-radius: 5px;
		cursor: pointer;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
	}
	.form-reg-user form input[type=submit]:hover {
		background: #d1dadb;
	}


.close, .close2 {
	position: absolute;
	right: -32px;
	top: -32px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	cursor: pointer;
}
.close:hover, .close2:hover {
	opacity: 1;
}
.close:before, .close:after, .close2:before, .close2:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #cc0000;
}
.close:before, .close2:before {
	transform: rotate(45deg);
}
.close:after, .close2:after {
	transform: rotate(-45deg);
}

/* =================================== Добавление игры =========================================== */
main table {
    border: 1px solid #504e4e;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto;
    font: 14px Verdana;
    color: #afaaaa;
}
main table td {
    border-bottom: 1px solid #504e4e;
    padding: 5px;
    vertical-align: middle;
}
main table tr:last-child td {
	border: none;
	text-align: center;
	padding: 25px 0;
}
main table textarea {
    width: 100%;
}
main table select {
	width: 250px;
	padding: 2px 4px;
	font: 14px Verdana;
	cursor: pointer;
}
main table input {
    width: 70%;
    padding: 4px 6px;
    background: #737373;
    border: 1px solid #929191;
    border-radius: 3px;
    color: #fff;
}
main table input[type=file] {
	width: 250px;
	cursor: pointer;
}
main table input[type=radio] {
	width: 2em;
	cursor: pointer;
	margin-right: 3em;
}
main table input:focus {
    border-radius:2px;
    box-shadow:0 0 10px #0282fa;
    transition:border linear .2s,box-shadow linear .2s;
}
main table button[type=submit] {
	font: bold 14px Tahoma;
	text-transform: uppercase;
	border: 1px solid #063248;
	border-radius: 5px;
	background: #0a4f71;
	color: #fff;
	padding: 10px 15px;
	cursor: pointer;
}
main table button[type=submit]:hover {
	background: #07354c;
}

/*------------------- Добавление новой игры --------------------*/
main form table td textarea {
	height: 8em;
	border: 1px solid #b6b6b6;
}
main form table td button[type=button] {
	cursor: pointer;
}

/*------------------- Редактирование -------------------------*/
main form table td img {
	width: 100px;
	float: left;
	cursor: url("../images/zoomin.cur"), pointer;
}

#cng_path, #cng_img {
	cursor: pointer;
	margin-left: 3%;
}

/*============================= Поиск по сайту ==================================*/
.carusel.sch {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.carusel.sch article.console {
	margin-left: 0;
}

form.search {
	border: 1px solid #333;
	margin: 0 10px 40px;
	padding: 5px;	
}
	form.search input[type=search] {
		width: 81%;
		padding: 8px 2%;
		font: 15px Verdana;
		border-radius: 3px;
		background: #0b313f;
		border: none;
		color: #b1a772;
		height: inherit;
		display: inline;
		font-size: 15px !important;
		text-align: left;
		margin: 0;
	}
	form.search input[type=search]:focus {
		box-shadow: inset 0 0 3px #222;
	}
	form.search input[type=submit] {
		width: 15%;
		background: none;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 18px;
		opacity: 0.7;
	}
	form.search input[type=submit]:hover {
		opacity: 1;
	}

form.search select {
	display: none;
	margin-top: 10px;
	background: #0b313f;
	color: #8c8a83;
	border: 1px solid #111;
	padding: 2px 3px;
	font: 14px Verdana;
}
	form.search select option {
		border: 1px solid #111;
	}


/*============================= Страница новостей ===============================*/
article.console.nm {
	width: 46%;
}
article.console.nm div {
    padding: 6px 10px 8px;
}
article.console.nm div a {
	display: block;
	margin-bottom: 0.5em;
}
article.console.nm p {
    text-align: justify;
}
.nm {
	background: #1d1d1d;
	color: #aaa89f;
	font: 14px Verdana;
	position: relative;
	margin-top: -30px;
}
article.console.nm div img {
		max-width: 100%;
		cursor: pointer;
	}

.nm footer {
	padding: 7px;
	background: #777;
	background: #131314;

}
	.nm footer time {
		float: right;
		font: 14px Georgia;
	}

.dlink {
	font: italic 14px Georgia;
}

/*================== Всплывающие подсказки ==========================*/
a.tooltip
{
    position: relative;
    display: inline-block;
    text-decoration: none;
    outline: none;
    transition: all 0.5s;
}
 
a.tooltip span
{
	background: #f6f7b0;
    visibility: hidden;
    position: absolute; 
    bottom: 30px;
    left: 50%;
    z-index: 999;
    width: 230px;
    margin-left: -127px;
    padding: 10px;
    border: 2px solid #c4c573;
    opacity: .9;                     
    border-radius: 4px;  
    color: #000;
	font: 14px Verdana;
	text-align: left;
}

a.tooltip:hover span
{
    visibility: visible;
}
 
a.tooltip span:before,
a.tooltip span:after
{
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;  
    border-top: 8px solid #f6f7b0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;        
    border-bottom: 0;  
}
 
a.tooltip span:before 
{
    border-top-color: #ccc;
    bottom: -8px;
}

/*======================== Страница списка игр ============================*/
main a.list {
	top: -3px;
	right: 10px;
	text-decoration: none;
	position: absolute;
	font: 40px Arial;
	color: #b1b423;
}
main a.list:hover {
	color: #cc0000;
}

div.list {
	width: 30%;
	border-top: 1px dashed #777;
	border-bottom: 1px dashed #777;
	padding: 10px 0;
	display: inline-table;
	margin: 0 3% 35px 0;
	text-align: left;
}
	div.list b {
		color: #dbcf90;
		margin-bottom: 10px;
		display: block;
	}
	div.list img {
		width: 17px;
		margin-left: 10px;
		cursor: url("../images/zoomin.cur"), pointer; 
	}

.post.list-games ol {
	list-style-type: decimal;
	list-style-position: inside;
	font: 15px Verdana;
	margin-left: 0;
}

.post.list-games ol li {
	margin-bottom: 0.1em;
}

/*========================= Страница эмуляторов ==================================*/
.emul {
    padding: 20px 10px;
	background: #4d4d4d;
    font: 14px Verdana;
    text-align: justify;
    color: #dcddcf;
}
.emul p {
	margin-bottom: 15px;
	text-indent: 15px;
}
	.emul p.img img {
		border: 4px solid #201f1f;
	}

.emul ol {
	margin-bottom: 15px;
	padding: 0 0 0 20px;
	list-style-type: decimal;
	list-style-position: inside;
	font: 17px Georgia; 
	color: #e9e5bc;
}

span.emul-title {               
	display: inline-block;
    padding: 10px 20px;
    font: 14px Arial;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #4d4d4d;
    border-bottom: none;
    border-radius: 20px 0 0 0;
    cursor: pointer;
    color: #dff2ab;
}
span.emul-title:hover {
	color: #2ed8ec;
}

span.emul-title:nth-of-type(1)   {
	background: #4d4d4d;
	color: #dff2ab;
}

.emul ul.table {
    display: block;
    margin: 30px auto;
    width: 90%;
    border: 1px dotted #bbbbbb;
    border-bottom: none;
    list-style-type: none;
}
.emul ul.table li {
    padding: 20px 10px;
    border-bottom: 1px dotted #bbbbbb;
}
.emul b {
	color: #d7f68f;
}

ul.table li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #98fe84;
}
ul.table li a:hover {
	color: #e1f60b;
	text-decoration: underline;
}

ul.table li a span {
	float: right;
	font-size: 40px;
	position: relative;
	top: -18px;
}
main .emul h4 {
    color: #fbe277;
}
main .emul h3 {
    color: #12dbf2;
    text-align: center;
    margin: 25px 0 15px;
}
.em_b {
	font-weight: bold;
	color: #0f7;
}

/*=============================== ЧАТ ==================================*/
.chat {

}
    .chat h3 img {
        width: 20px;
        height: 20px;
        min-width: 20px;
        float: none;
        margin: 0 20px 0 0;
        position: relative;
        top: 2px;
        display: none;
    }
    .chat div {
    	text-align: left;
		border-radius: 10px;
		box-shadow: inset 0 0 13px #1b1a1a;
		margin-bottom: 20px;
		padding: 0.5em 0;
background: linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, radial-gradient(at 50% 0, #484847, #090909);
background-size: 0.375em 0.375em, 0.375em 0.375em, 100% 100%;
    }
    .chat ul {
        padding: 10px 0.5em;
        height: 215px;
        width: 100%;
        margin-left: 0 auto;
        border-radius: 10px;
        font: 12px Verdana;
        color: #bcae8f;
        overflow-y: scroll;
    }
    .chat ul li {
        padding: 5px 0;
        border-bottom: 1px solid #474343;
    }
    .chat ul li:nth-child(odd) b {
    	color: #96ae56;
    }
    .chat ul li:nth-child(even) b {
    	color: #c5840e;
    }
    p.input {
        width: 90%;
        margin: 8px auto 5px;
        color: #f7efef;
    }
        .chat textarea {
        	text-align: left;
        	height: inherit;
        	background: #313131;
            padding: 2px;
            border-radius: 5px;
            width: 90%;
            font: 12px Verdana;
            border: none;
            padding: 5px;
            color: #fff;
        }
        p.input textarea:focus {
            outline:none;
            box-shadow:0 0 8px #08729e;
            transition:border linear .2s,box-shadow linear .2s;
        }
    #send, input[type=reset] {
        display: inline-block;
        padding: 5px 6px;
        border-radius: 4px;
        border: 1px solid #399abd;
        color: #f7efef;
        font: 12px Tahoma;
        text-shadow: 0 0 2px #737373;
        cursor: pointer;
        box-shadow: 0 0 5px #737373;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3ba4cb+0,53cbf1+34,53cbf1+42,2f6377+100 */
background: rgb(59,164,203); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,164,203,1) 0%, rgba(83,203,241,1) 34%, rgba(83,203,241,1) 42%, rgba(47,99,119,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(59,164,203,1) 0%,rgba(83,203,241,1) 34%,rgba(83,203,241,1) 42%,rgba(47,99,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(59,164,203,1) 0%,rgba(83,203,241,1) 34%,rgba(83,203,241,1) 42%,rgba(47,99,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba4cb', endColorstr='#2f6377',GradientType=0 ); /* IE6-9 */
    }
    #send:hover, input[type=reset]:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#387e97+0,50c4e9+63,207cca+100,43b0d7+100 */
background: rgb(56,126,151); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(56,126,151,1) 0%, rgba(80,196,233,1) 63%, rgba(32,124,202,1) 100%, rgba(67,176,215,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(56,126,151,1) 0%,rgba(80,196,233,1) 63%,rgba(32,124,202,1) 100%,rgba(67,176,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(56,126,151,1) 0%,rgba(80,196,233,1) 63%,rgba(32,124,202,1) 100%,rgba(67,176,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387e97', endColorstr='#43b0d7',GradientType=0 ); /* IE6-9 */

    }

 .chat button {
 	width: inherit;
 	height: inherit;
 }


/*=================== Блок онлайн =======================*/
.online {
	font: 13px Verdana;
	color: #ddd7d7;
}
.online > p > b {
	font-family: 'Georgia';
}
.online > p:last-child {
	font-style: italic;
	margin: 1em 0 0 0;
}

/*=========================== Денди Новая Реальность ===================================*/
.nr {
	padding: 1em;
	font: 1em Verdana;
	color: #c4c2be;
	text-align: justify;
}
	.nr p {
		text-indent: 1.2em;
		margin-bottom: 1em;
	}
	img.img-nr {
		width: 25%;
		display: inline-block;
		margin: 1em;
		border: 1px solid #494949;
    	box-shadow: 0 0 3px black;;
	}
	img.img-nr:nth-of-type(odd) {
		float: left;
	}
	img.img-nr:nth-of-type(even) {
		float: right;
	}

.nr h3 {
    font: 1.3em Tahoma;
    color: #dffbd3;
    margin: 1.4em 0 0.8em;
    text-align: center;
}
.nr h4 {
    font: 1.2em Tahoma;
    color: #5deec5;
    margin: 1.3em 0 0.7em;
    text-align: left;
}

.banner {
	padding: 0.5em 0.7em;
	background: #08594e;
	margin-bottom: 1em;
}
.banner h6.gba, .banner2 h6.gba {
	font-style: italic;
}
.banner2 {
	padding: 1em 0.7em;
	background: #7d0404;
	margin-bottom: 1em;
}
	.banner2 h6.gba {
		font-size: 1.5em;
	}

.menu a.align-right:after {
	content: "   \2022";
}


/*=================== ВСПОМОГАТЕЛЬНЫЕ СТИЛИ ================================*/
.align-right {
	text-align: right !important;
}

.button {
	font: bold 0.8em Tahoma !important;
	text-transform: uppercase !important;
	border: 1px solid #063248 !important;
	border-radius: 5px !important;
	background: #064659 !important;
	color: #fff !important;
	padding: 10px 15px !important;
	cursor: pointer !important;
	text-decoration: none;
}
.button:hover {
	background: #07354c !important;
}
.button:active {
	transform: translateY(0.1em);
}


/*================================= АДАПТАЦИЯ ======================================*/
@media screen and (min-width:1200px) and (max-width:1442px) {

	article.console {
	    width: 30%;
	}
	.foot {
	    margin-left: 10%;
	}

	div.list {
		width: 45%;
	}

}

/*-------------------------------------------------*/
@media screen and (min-width:900px) and (max-width:1199px) {

	article.console {
	    width: 30%;
	}
	.foot {
	    margin-left: 7%;
	}

	div.list {
		width: 45%;
	}

	a.video {
		font-size: 16px;
		text-align: left;
		background-position: left center;
		padding-left: 40px;
	}

	.menu h3 {
    	font-size: 18px;
	}
	.menu h4 {
    	font-size: 15px;
    	font-weight: normal;
	}

	article.console h6 {
		font-size: 17px;
	}

.flex {
	flex-wrap: wrap;
}

	aside {
	    flex: 30%;
	    width: 30%;
	}
	main {
		flex: 70%;
		width: 70%;
	}
	form.search {
	    position: absolute;
	    top: 60px;
	    right: 10px;
	}

	aside.right {
		flex: 100%;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		margin: 20px auto 0;
		background: #2c2d2e;
	}
	
	.right .menu {
		padding: 0 0.5em;
	    text-align: left;
	    width: 50%;
	    float: left;
	    border: none;
	}

	.grafic {
		width: 60%;
	}

}

/*-------------------------------------------------*/
@media screen and (min-width:650px) and (max-width:899px) {

.message {
	display: none;
}

	article.console {
	    width: 30%;
	}
	.foot {
	    margin-left: 4%;
	}

	div.list {
		width: 45%;
	}

	a.video {
		font-size: 16px;
		text-align: left;
		background-position: left center;
		padding-left: 40px;
	}

	.menu h3 {
    	font-size: 18px;
	}
	.menu h4 {
    	font-size: 15px;
    	font-weight: normal;
	}

	article.console h6 {
		font-size: 17px;
	}

.flex {
	flex-direction: column;
}

	.flex > aside:first-child {
	    width: 60%;
	    position: absolute;
	    left: -60%;
	    top: 45px;
	    z-index: 11;
	    display: none;
	}

.menu {
    width: 97%;
    margin: 0 auto 20px;
    padding: 0 0 25px 3%;
    border: none;
}

header + nav {
	padding: 10px 0;
	text-align: left;
}

/*---------------- Мобильная кнопка меню -------------------------*/
.nav-toggle {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	font: bold 25px Impact;
	transform: scaleX(1.5);
	margin-left: 20px;
}

#menu2 {
	float: right;
	margin-right: 20px;
}

/*----------------------------------------------------------------*/

nav ul {
	display: none;
}

nav ul > li {
    display: inherit;
    border-bottom: 1px solid #333;
}
nav ul > li > a {
    padding: 20px 0px;
    width: 100%;
}

	main {
		width: 100%;
	}
	form.search {
	    position: absolute;
	    top: 60px;
	    right: 10px;
	}

	aside.right {
		width: 100%;
		float: none;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		margin: 20px auto 0;
		overflow: hidden;
		background: #2c2d2e;
	}
	
	.right .menu {
		padding: 0 0.5em;
		text-align: left;
		width: 50%;
		float: left;
		border: none;
	}

	.grafic {
		width: 60%;
	}

/*------------- Верхнее меню -------------------*/
.header-top {
	margin-bottom: 20px;

}
.header-top > span.nav-toggle {
	position: inherit;
	margin: -9px 0 15px 30px;
}

.header-top > ul {
	display: none;
}
	.header-top > ul li {
		display: block;
		border-bottom: 1px solid #202123;
	}
		.header-top ul a {
		    display: inline-block;
		    padding: 12px 0;
		    display: inline-block;
		    width: 100%;
		}
		.header-top ul a:hover {
			background: #051b23;
		}

		.header-top ol {
			font: italic 13px Georgia;
			position: inherit;
			width: 100%;
			right: 0;
		}
		.header-top ol a {
			font: italic 14px Georgia;
			color: #efe3a5;
		}


}

/*-------------------------------------------------*/
@media screen and (max-width:649px) {

.message {
	display: none;
}
.logo-block {
	margin: 90px 0 0 0;
}
	a.header-h1 {
		width: inherit;
		text-align: center;
		margin: 0;
		font-size: 25px;
	}

	.foot {
	    margin-left: 11%;
	}

	div.list {
		width: 45%;
	}

	a.video {
		font-size: 16px;
		text-align: left;
		background-position: left center;
		padding-left: 40px;
	}

	.menu h3 {
    	font-size: 18px;
	}
	.menu h4 {
    	font-size: 15px;
    	font-weight: normal;
	}

article.console {
    width: 93%;
    display: block;
    margin: 0 auto 25px;
}
article.console div img {
    display: block;
    margin: 0 auto;
}

	article.console h6 {
		font-size: 17px;
	}

.flex {
	flex-direction: column;
}

	.flex > aside:first-child {
	    width: 80%;
	    position: absolute;
	    left: -60%;
	    top: 45px;
	    z-index: 11;
	    display: none;
	}


.menu {
    width: 97%;
    margin: 0 auto 20px;
    padding: 0 0 25px 3%;
    border: none;
}
body > header {
    padding: 0 0 25px 0;
}

header + nav {
	padding: 10px 0;
	text-align: left;
}

/*---------------- Мобильная кнопка меню -------------------------*/
.nav-toggle {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	font: bold 25px Impact;
	transform: scaleX(1.5);
	margin-left: 20px;
}

#menu2 {
	float: right;
	margin-right: 20px;
}

/*----------------------------------------------------------------*/

nav ul {
	display: none;
}

nav ul > li {
    display: inherit;
    border-bottom: 1px solid #333;
}
nav ul > li > a {
    padding: 10px 0px;
    width: 100%;
}

	main {
		width: 100%;
	}
	form.search {
	    position: absolute;
	    top: 60px;
	    right: 0;
	    width: 90%;

	}

	aside.right {
		width: 100%;
		float: none;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		margin: 20px auto 0;
		overflow: hidden;
		background: #2c2d2e;
	}
	
	.right .menu {
		padding: 0 0 0.5em 0;
		text-align: left;
		width: 94%;
		border-bottom: 1px solid black;
		margin-bottom: 1em;
	}

	.grafic {
		width: 94%;
	}
		.close2 {
			right: 5px;
			top: -45px;
		}

/*------------- Верхнее меню -------------------*/
.header-top {
	margin-bottom: 20px;

}
.header-top > span.nav-toggle {
	position: inherit;
	margin: -9px 0 15px 30px;
}

.header-top > ul {
	display: none;
}
	.header-top > ul li {
		display: block;
		border-bottom: 1px solid #202123;
	}
		.header-top ul a {
		    display: inline-block;
		    padding: 12px 0;
		    display: inline-block;
		    width: 100%;
		}
		.header-top ul a:hover {
			background: #051b23;
		}

		.header-top ol {
			font: italic 13px Georgia;
			position: inherit;
			width: 100%;
			right: 0;
		}
		.header-top ol a {
			font: italic 14px Georgia;
			color: #efe3a5;
		}

.post {
    margin: 10px 0 0 0;
    padding: 15px 5px;
}
.post.nm {
    margin-top: -30px;
}

section.comm article img.ava {
    width: 50px;
    height: 50px;
}
section.comm article div {
    margin-left: 51px;
}
	section.comm {
	    width: 99%;
	    border: none;
	    margin: 0 auto;
	    padding: 0;
	}


}

/*========================= Адаптация (Исключения) ============================*/
@media screen and (max-width:550px) {


	div.list {
		width: 90%;
		margin-right: 0;
	}


}