/* noto-serif-regular - cyrillic_latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-serif-v6-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif'), local('NotoSerif'),
       url('fonts/noto-serif-v6-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v6-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v6-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v6-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v6-cyrillic_latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/* noto-serif-700 - cyrillic_latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-serif-v6-cyrillic_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'),
       url('fonts/noto-serif-v6-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v6-cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v6-cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v6-cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v6-cyrillic_latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Noto Serif', serif;
	color: #5e6072;
	background: url('images/fon.png');
	padding: 5px;
}
hr {
	border: none;
	height: 1px;
	background: #ccc;
}
header {
	max-width: 1360px;
	margin: 0 auto;
}
.header-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	overflow: hidden;
}
.header-wrap>div {

}
.head1 {
	width: 25%;
	text-align: left;
}
.head1 h2 {
	font-size: 40px;
	text-align: center;
	background-color: #121212;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
.head1 span {
	font-size: 32px;
	text-align: center;
	display: block;
	color: #b98039;
	background-color: #a98039;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
.head2 {
	display: flex;
	justify-content: space-around;
	width: 35%;
	text-align: center;
}
.head2 img {
	opacity: 0.9;
}
.head3 {
	font-size: 33px;
	width: 25%;
	text-align: center;
}
.head3 h3:first-child {
	background-color: #121212;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
.head3 h3:last-child {
	color: #b98039;
	background-color: #a98039;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
.head4 {
	width: 14%;
	text-align: right;
}
.head4 img {
	opacity: 0.8;
}
/*//////////////////////////////////*/
.wrap {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 5px;
}
.pre-main {
	text-align: center;
	margin: 30px 0;
	margin-bottom: 55px;
}
.pre-main h1 {
	margin-bottom: 20px;
	background-color: #111;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
.pre-main span {
	background-color: #444444;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
/*///////////////////////////////////*/
.game {
	display: flex;
	align-items: center;
}
.game-left {
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.game-left h2 {
	font-size: 30px;
	margin-bottom: 10px;
	background-color: #222222;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
.game-left span {
	margin-bottom: 10px;
	display: inline-block;
	padding-right: 25px;
	background-color: #444444;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
.game-left ul {
	list-style-type: none;
	color: #b98039;
}
.game-left ul li {
	background-color: #b98039;
	color: transparent;
	text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
	-webkit-background-clip: text;
	 -moz-background-clip: text;
	      background-clip: text;
}
.play-game {
	color: #f9f9f9;
	background: #5e6072;
	padding: 5px 7px;
	display: inline-block;
	text-decoration: none;
}
.game-right {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.game-right1 img{
	height: 100%;
}
.game-right2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}








/*//////////////////////////*/
footer {
	max-width: 1360px;
	margin: 0 auto;
	padding: 20px 0;
}
footer a {
	color: #5e6072;
	text-decoration: none;
}