/* cyrillic-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v9/dg4k_pLmvrkcOkBNK-tCt70.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v9/dg4k_pLmvrkcOkBNIutCt70.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v9/dg4k_pLmvrkcOkBNKetCt70.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v9/dg4k_pLmvrkcOkBNKOtCt70.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v9/dg4k_pLmvrkcOkBNJutC.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}	

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
ti me,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0
}

body,
td,
th,
input,
textarea {
	color: #DDD;
	font: 1.1em/1.1em Verdana, Arial, Helvetica, sans-serif;
	word-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

html {
	overflow-y: scroll
}

.mCnt {
	display: inline-block;
	width: 100%
}

.mPcWrap {
	width: auto;
	min-width: 300px;
	max-width: 1260px;
	padding-left: 10px;
	padding-right: 10px;
	clear:both;
	margin: 1.5em auto
}

.wrapper {
	width: 97%;
	margin: .25em auto;
	clear: both;
}

.gAddCntr {
	margin: 5px 0;
	-moz-column-gap: normal;
	-webkit-column-gap: normal;
	column-gap: normal;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2
}

.gdBox,
.gdShots {
	display: inline-block;
	padding: 0;
	margin: 5px;
	color: #CCC;
	background: #333;
	padding: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: left
}

.uText {
	margin: auto;
	color: #CCC;
	background: #333;
	padding: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
}

.adsFloat {
	float: right;
	display: block;
	width: auto;
	height: auto;
	max-width: 370px;
	padding: 5px;
}

.gwu {
	width: 95%;
	padding: 2px;
	margin: auto;
}

.gdBox #scroll {
	margin: auto
}

.gdBox iframe {
	margin: auto;
	width: 100%;
	height: 315px
}

.gdBox {
	width: 97%;
	height: auto
}

.gAWrap {
	width: 97%;
	padding: 2px;
	margin: auto;
	text-align: center
}

.gameWrapper {
	width: 100%;
	padding: 0;
	margin: 0
}

.gameWrapper h1 {
	padding-left: 20px
}

.tale {
	display: inline-block;
	width: auto;
	min-width: 80px;
	height: auto;
	margin: 2px;
	margin-bottom: 4px;
	vertical-align: middle;
	text-align: center!important;
	padding: 3px;
	padding-top: 10px;
	text-transform: uppercase;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 700;
}

.flCntr a:link {
	text-shadow: 1px 1px #000;
	color: #FFF;
	text-decoration: none
}

.flCntr a:hover {
	text-shadow: 2px 2px #000;
	color: #FFF;
	text-decoration: none
}

.flCntr a:active {
	text-shadow: 1px 1px #000;
	color: #FFF
}

.flCntr a:visited {
	text-shadow: 1px 1px #000;
	color: #FFF
}

.flCntr {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: center;
	align-content: center
}

.flBg {
	display: inline-block;
	padding: 0;
	width: 200px;
	height: auto;
	margin: 10px;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background: #003;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow-wrap: break-word;
}

.flBg:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.50)
}

.flBg p {
	padding: 10px
}

.flBg a:link {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700
}

.flBg a:hover {
	color: #FFF
}

.flBg a img {
	width: 100%;
	height: auto;
	border-top-left-radius: 5px;
	-moz-top-left-radius: 5px;
	-webkit-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-top-right-radius: 5px;
	-webkit-top-right-radius: 5px
}

.flGt,
.flGtC {
	display: inline-block;
	padding: 0;
	height: auto;
	margin: 5px;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow-wrap: break-word
}

.flGt {
	background: #003;
	width: 280px
}

.hCntr {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	align-content: center
}

.hL,
.hR,
.hC {
	padding: 0;
	margin: 10px;
	margin-top: 0;
	height: auto;
	text-align: center;
	width: auto
}

.hL {
	max-width: 570px
}

.hR {
	max-width: 300px
}

.hC {
	max-width: 350px;
	vertical-align: bottom;
	color: #FFF;
	text-shadow: 2px 1px #000
}

.hL a img {
	width: 100%;
	height: auto
}

.flGtC {
	background: #202020;
	width: 280px
}

.flGtC p {
	padding: 10px
}

.flGt:hover,
.flGtC:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.50)
}

.flGt p,
.flGtC p {
	padding: 10px
}

.flGt a:link,
.flGtC a:link {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700
}

.flGt a:hover,
.flGtC a:hover {
	color: #FFF
}

.flGt a img,
.flGtC a img {
	width: 100%;
	height: auto;
	border-top-left-radius: 5px;
	-moz-top-left-radius: 5px;
	-webkit-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-top-right-radius: 5px;
	-webkit-top-right-radius: 5px
}

.adsFlex {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	color: #FFF;
	text-align: center
}

.adFlBg {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
	margin: 10px;
	text-transform: uppercase;
	font-weight: 700;
	color: #FFF
}

.cBox {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0
}

.flDesc,
.flDescC,
.flDescR {
	padding: 15px;
	margin: 5px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.flDesc {
	width: auto;
	min-width: 300px;
	max-width: 480px;
	height: auto;
	min-height: 290px
}

.flDescR {
	/*width:auto;
	min-width:300px;
	max-width:1120px;height:auto
*/
	width: 90%;
}

.flDescC {
	width: auto;
	min-width: 300px;
	max-width: 600px;
	background: #202020
}

body {
	background: #3D373C
}

ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style: none
}

.gBox,
.gPBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	align-content: center;
	justify-content: flex-start
}

.gPBox {
	background: #202020;
	border-bottom: 1px solid #DDD
}

.gBox {
	background: #333
}

.TgPBox {
	background: #202020;
	border-bottom: 1px solid #DDD
}

.TgBox {
	background: #333
}

.dText {
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
	padding: 0;
	margin: 5px;
	color: #CCC;
	background: #333;
	padding: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: left;
	width: auto;
	height: auto
}

#igImg {
	padding: 0;
	margin: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 4px solid #DDD
}

.vImg img {
	padding: 0;
	margin: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 4px solid #DDD;
	float: right
}

.iBor {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 4px solid #DDD;
}

.gTitleRating,
.gRateJS,
.lAd,
.rAd,
.gamePanel,
#gPanel,
.sGs,
.mGs {
	padding: 5px;
	margin: 0
}

.gTitleRating {
	order: 1;
	padding-left: 15px
}

.gRateJS {
	order: 3;
	text-align: right
}

.gamePanel {
	order: 2;
	width: auto;
	flex-grow: 2;
	text-align: center
}

.gamePanel img {
	padding: 5px
}

#gPanel img {
	padding: 5px
}

.lAd {
	order: 1;
	padding: 10px;
	max-width: 170px
}

.sGs {
	order: 2;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	max-width: 110px
}

.sGsBG {
	width: 100%;
	margin: auto!important;
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	align-content: center
}

.sGs img,
.sGsBG li img {
	width: 90px;
	height: 90px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 4px #CCF solid;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	margin: 7px
}

.sGs img:hover,
.sGsBG li img:hover {
	-webkit-filter: sepia(100%);
	filter: sepia(100%)
}

.game {
	width: auto;
	margin: 0;
	padding: 3px;
	padding-top: 10px;
	min-width: 640px;
	order: 3;
	flex-grow: 2
}

.mGs {
	order: 4;
	max-width: 110px
}

.rAd {
	order: 5;
	padding: 10px;
	max-width: 200px
}

a:link {
	color: #FFBD75;
	text-decoration: none
}

a:visited {
	text-decoration: none;
	color: #FFBD75
}

a:hover {
	text-decoration: underline;
	color: #FFBD75
}

a:active {
	text-decoration: none;
	color: #FFBD75
}

h1 {
	color: #FB7;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-shadow: 2px 1px #000;
	text-transform: uppercase
}

h2 {
	text-shadow: 1px 1px #000;
	color: #FFBD75;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

body p {
	margin: 0;
	padding: 10px
}

.lMenu:link {
	text-decoration: none;
	color: #FC9;
	font-weight: 700;
	text-transform: uppercase
}

.lMenu:visited {
	text-decoration: none;
	color: #FC9;
	font-weight: 700
}

.lMenu:hover {
	text-decoration: none;
	color: #FFF1E3;
	font-weight: 700
}

.lMenu:active {
	text-decoration: none;
	color: #FC9;
	font-weight: 700
}

.pd {
	padding: 10px;
	margin: auto
}

.PD10 {
	padding: 10px
}

.dMenu:link {
	text-decoration: none;
	color: #FC9;
	text-transform: uppercase;
	font-weight: bolder
}

.dMenu:visited {
	text-decoration: underline;
	color: #FC9
}

.dMenu:hover {
	text-decoration: none;
	color: #F90
}

.dMenu:active {
	text-decoration: underline
}

.rColor {
	color: #FFBD75;
	text-transform: uppercase
}

.tags {
	background: #473F45;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
	display: inline-block
}

.pL10 {
	padding-left: 10px
}

.pL5 {
	padding-left: 5px
}

.pL20 {
	padding-left: 20px
}

.pR10 {
	padding-right: 10px
}

.pT20 {
	padding-top: 20px
}

.pgnp {
	width: 100%;
	padding: 5px;
	margin: auto;
	display: table!important
}

.nMb {
	padding: 2px;
	background-color: #F90;
	border: 1px solid #C00;
	-webkit-border-radius: 5px 2px 5px 5px;
	-moz-border-radius: 5px 2px 5px 5px;
	border-radius: 5px 2px 5px 5px;
	width: 33px;
	height: 33px;
	float: left;
	margin-left: 5px;
	text-align: center;
	font-weight: 700
}

.pGn span.nMbr,
.pGn .pages span.nMbr {
	display: block;
	float: right;
	width: 36px;
	height: 36px;
	background-color: #000;
	border: 1px solid #000;
	-webkit-border-radius: 5px 2px 5px 5px;
	-moz-border-radius: 5px 2px 5px 5px;
	border-radius: 5px 2px 5px 5px;
	font-weight: 700;
	color: #FFF;
	line-height: 34px;
	text-align: center;
	text-decoration: none
}

.pGn {
	float: right;
	margin-right: 15px;
	padding-top: 0
}

.pGn span.nMbr {
	float: left;
	margin: 0 3px
}

.pGn .pages span.nMbr a,
.pGn a.pgNs {
	margin-top: -2px;
	margin-left: -2px;
	display: block;
	width: 34px;
	height: 34px;
	background: #343569;
	border: 1px solid #343569;
	-webkit-border-radius: 5px 2px 5px 5px;
	-moz-border-radius: 5px 2px 5px 5px;
	border-radius: 5px 2px 5px 5px;
	font-weight: 700;
	color: #FFBD75;
	line-height: 36px;
	text-align: center;
	text-decoration: none
}

.pGn a:hover {
	text-decoration: underline
}

div.subPGT {
	margin-top: 0;
	padding-bottom: 0!important
}

div.subPGT div.pages {
	padding-bottom: 0;
	line-height: 34px
}

#PGT .pages {
	margin-top: 0;
	display: block
}

#PGT .pGn {
	padding-top: 5px
}

div.pages {
	color: #FFF;
	float: left;
	margin-left: 3px;
	padding-top: 5px
}

.pgsFn {
	font-weight: 700
}

.pgsFn p {
	font-weight: 400;
	margin-top: 0;
	padding-bottom: 0!important
}

.prik {
	background: #333;
	background: rgba(128, 128, 255, 0.3)
}

.sho {
	background: #333;
	background: rgba(0, 204, 51, 0.3)
}

.drv {
	background: #333;
	background: rgba(255, 102, 0, 0.3)
}

.mil {
	background: #333;
	background: rgba(0, 128, 255, 0.3)
}

.dra {
	background: #333;
	background: rgba(255, 204, 0, 0.3)
}

.str {
	background: #333;
	background: rgba(0, 255, 255, 0.3)
}

.rbt {
	background: #333;
	background: rgba(0, 255, 0, 0.3)
}

.arc {
	background: #333;
	background: rgba(255, 128, 64, 0.3)
}

.prk {
	background: #333;
	background: rgba(196, 145, 208, 0.3)
}

.knst {
	background: #333;
	background: rgba(0, 128, 255, 0.3)
}

.spr {
	background: #333;
	background: rgba(128, 255, 128, 0.3)
}

.drw {
	background: #333;
	background: rgba(204, 204, 0, 0.3)
}

.puz {
	background: #333;
	background: rgba(197, 137, 137, 0.3)
}

.drs {
	background: #333;
	background: rgba(128, 255, 0, 0.3)
}

.vid {
	background: #333;
	background: rgba(89, 172, 255, 0.3)
}

.misc {
	background: #333;
	background: rgba(0, 204, 51, 0.3)
}

.si {
	width: 300px;
	min-height: 32px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center
}

#sig {
	width: 300px;
	min-height: 32px;
	margin-top: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: right
}

input[type="search"] {
	border: none;
	outline: none;
	-webkit-appearance: none;
	padding-left: 10px;
	width: 200px;
	height: 32px;
	vertical-align: middle;
	background: #554B53;
	color: #CCC
}

input[type="submit"] {
	width: 32px;
	height: 32px;
	border: none;
	background: url(https://www.gamesforboys.ru/images/search.png) no-repeat;
	cursor: pointer
}

#sig input[type="search"] {
	border: none;
	font-family: 'Cuprum', Verdana, Arial, Helvetica, sans-serif;
	outline: none;
	-webkit-appearance: none;
	padding-left: 10px;
	width: 200px;
	height: 32px;
	vertical-align: middle;
	background: #FFF;
	color: #000;
	border: 1px #000 solid;
	-moz-box-shadow: inset 0 0 3px #000;
	-webkit-box-shadow: inset 0 0 3px #000;
	box-shadow: inset 0 0 3px #000
}

#sig input[type="submit"] {
	width: 32px;
	height: 32px;
	border: none;
	background: url(https://www.gamesforboys.ru/images/search.png) no-repeat;
	cursor: pointer
}

.sb {
	text-transform: uppercase;
	color: #FC9;
	font-weight: 700;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top: 20px
}

#scroll {
	width: 575px;
	height: 431px;
	margin: auto;
	padding: 0;
	border: 0;
	overflow: auto
}

#scroll ul {
	float: left;
	margin-right: -999em;
	white-space: nowrap;
	list-style: none;
	padding: 0!important;
	margin-left: 0!important;
	margin-top: 0!important
}

#scroll li {
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	display: inline
}

#scroll img {
	border: 0;
	display: block;
	width: 575px;
	height: 418px;
	padding-right: 5px
}

#scroll a {
	text-decoration: none;
	font-weight: 700;
	color: #000
}

#scroll span {
	padding: 5px 0 0;
	display: block
}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 1px;
	left: 0
}

.hscrollerbase {
	height: 20px;
	background: #333;
	padding-top: 5px
}

.hscrollerbar {
	height: 12px;
	background: #fff;
	cursor: e-resize;
	padding: 3px;
	border: 1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.hscrollerbar:hover {
	background: #c00;
	border: 1px solid #fff
}

input,
textarea {
	border: 1px solid #81707E;
	background: #554B53;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	line-height: 20px;
	color: #CCC;
	padding: 3px;
	padding-left: 10px
}

.infi {
	width: 95%
}

.fbg {
	background: url(https://www.gamesforboys.ru/images/fbg.png) repeat-x bottom;
	height: auto
}

textarea {
	resize: vertical
}

.btn {
	background-color: #554B53;
	border: 1px solid #81707E;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height: 30px;
	margin: 3px;
	cursor: hand;
	color: #CCC;
	width: auto
}

.sbbtn {
	background: #554B53 url(https://www.gamesforboys.ru/images/sbbtn.png) no-repeat left;
	border: 1px solid #81707E;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height: 30px;
	margin: 7px;
	cursor: hand;
	color: #CCC;
	width: 120px
}

.hint {
	display: inline-block;
	color: #ccc;
	width: 90%;
	max-width: 700px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #3D373C;
	background: #3D373C;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px;
	border-radius: 20px 20px 20px 20px;
	opacity: .8
}

.ar {
	text-align: right
}

#the_lights {
	background-color: #000;
	height: 3500px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

#standout {
	position: relative;
	padding: 10px;
	z-index: 100000
}

.vote {
	position: relative;
	top: 10px;
	font-weight: 700;
	margin: 0;
	padding: 2px
}

.vote2 {
	position: relative;
	top: 10px;
	font-weight: 700;
	margin: 0;
	padding: 2px
}

#voteP {
	padding: 10px
}

.imgLeft {
	float: left;
	margin: 5px 5px 5px 0
}

.imgRight {
	float: right;
	margin: 5px 0 5px 5px
}

.header {
	width: 100%;
	height: 90px!important;
	background: #333 url(https://www.gamesforboys.ru/images/hbg.png) repeat-x top;
	text-align: center;
	border-bottom: #000 2px solid;
	vertical-align: middle;
	margin: auto;
}

.header div {
	display: inline-block;
	height: inherit;
	vertical-align: middle;
}

.header .searchForm {
	position: absolute;
	right: 0;
}

.hslo {
	font-family: 'Cuprum', Verdana, Arial, Helvetica, sans-serif;
}

.mt {
	margin-top: 25px;
}

.logo {
	background: url(https://www.gamesforboys.ru/images/hleft2.png) no-repeat top left;
	background-size: contain;
	width: 30%;
	height: 90px;
	position: absolute;
	left: 0;
	padding-left: 10px;
	background-position: center;
	background-origin: content-box, padding-box;
}

.logo > a img {
height:90px;
width:100%;
}

.tM {
	display: inline-block;
	width: auto;
	min-width: 70px;
	margin: 3px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 20px 5px 20px 20px;
	-moz-border-radius: 20px 5px 20px 20px;
	border-radius: 20px 5px 20px 20px;
	text-shadow: 1px 1px #000;
	color: #FFF;
	font-weight: 700;
}

.tM a {
	color: #FFF;
	text-decoration: none
}

.tM li:hover {
	background-color: #666!important
}

#footL {
	bottom: 0;
	list-style: none;
	border-top: #000 2px solid;
	text-align: center;
	background: #333 url(https://www.gamesforboys.ru/images/dbg.png) repeat-x top;
	margin: 0;
	padding: 10px
}

#downMenu {
	width: auto;
	list-style: none;
	text-align: center;
	padding: 10px;
	text-transform: uppercase
}

#downMenu li {
	display: inline-block
}

.uc {
	text-transform: uppercase;
	font-weight: 700
}

.fL {
	float: left
}

.fR {
	float: right;
	padding-right: 20px
}

.gFr {
	margin: auto;
	z-index: 10;
	position: relative;
	max-width: 100%;
	overflow: hidden
}

#rAdv {
	padding-left: 100px
}

#bc1 {
	overflow: hidden;
	margin: 10px;
	margin-left: 20px
}

#bc1 li {
	float: left;
	margin: 0 .5em 0 1em
}

#bc1 a,
#bc1 div {
	background: #202020;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	font-weight: 700;
	color: #FB7;
	white-space:nowrap;
	position: relative
}

#bc1 a:hover {
	background: #B0B0B0;
	color: #333
}

#bc1 a::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #202020 #202020 #202020 transparent;
	left: -1em
}

#bc1 a:hover::before {
	border-color: #B0B0B0 #B0B0B0 #B0B0B0 transparent
}

#bc1 a::after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #202020;
	right: -1em
}

#bc1 a:hover::after {
	border-left-color: #B0B0B0
}

#bc1 .current,
#bc1 .current:hover {
	font-weight: 700;
	color: #DDD;
	background: none
}

#bc1 .current::after,
#bc1 .current::before {
	content: normal
}

@media screen and (min-width: 1400px) {
	.gAWrap {
		width: auto;
		min-width: 800px;
		max-width: 1280px
	}
}

@media screen and (max-width: 1368px) {
	.hL {
		max-width: 400px
	}
	.hC {
		max-width: 300px
	}
	#rAdv {
		display: none;
		padding: 0
	}
	.flGt {
		width: 280px
	}
	.p100 {
		width: 95%;
		height: auto;
		padding: 7px
	}
	#scroll img {
		border: 0;
		display: block;
		width: 540px!important;
		height: 405px!important;
		padding-right: 5px
	}
	#scroll {
		width: 540px!important;
		height: 393px!important;
		margin: 0;
		padding: 0;
		border: 0;
		overflow: auto
	}
}

@media only screen and (max-width: 1280px) {
	.wrapper {
		width: 97%;
		margin: .25em auto;
		clear: both;
	}
	#scroll img {
		border: 0;
		display: block;
		width: 490px!important;
		height: 368px!important;
		padding-right: 5px
	}
	#scroll {
		width: 490px!important;
		height: 356px!important;
		margin: 0;
		padding: 0;
		border: 0;
		overflow: auto
	}
	.flGt {
		width: 220px
	}
}

@media screen and (max-width: 999px) {
	.gAddCntr {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1
	}
	.hCntr {
		justify-content: center
	}
	.hT {
		/*display:none!important*/
	}
	.tale {
		display: inline-block;
		width: auto;
		height: auto;
		vertical-align: middle;
		padding: 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.mGs,
	.rAd {
		display: none
	}
}

@media screen and (max-width: 799px) {
	.hL {
		max-width: 400px
	}
	.hCntr {
		justify-content: center
	}
}

.comForm {
	width: auto;
	min-width: 300px;
	max-width: 60%;
	margin: 10px auto;
	padding: 40px;
	background: #3D373C;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 3px solid #cccccc;
}

.comForm img {
	max-width: 250px !important;
	height: auto !important;
}

.comForm input[type="text"],
.comForm input[type="date"],
.comForm input[type="datetime"],
.comForm input[type="email"],
.comForm input[type="number"],
.comForm input[type="search"],
.comForm input[type="time"],
.comForm input[type="url"],
.comForm textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	background: #fff;
	margin-bottom: 4%;
	border: 1px solid #ccc;
	padding: 3%;
	color: #777;
}

#myname:valid,
#chap:valid,
#psk:valid {
	background: url(images/valtextform.png) repeat-y left center;
	outline: none!important;
}

#myname:not(:focus):invalid,
#chap:not(:focus):invalid,
#psk:not(:focus):invalid {
	background: url(images/invtextform.png) repeat-y left center;
}

#myname:not(:focus):required,
#chap:not(:focus):required,
#psk:not(:focus):required {
	background: url(images/reqtextform.png) no-repeat left top;
}

.comForm input[type="text"]:focus,
.comForm textarea:focus {
	box-shadow: 0 0 5px #777;
	padding: 3%;
	border: 1px solid #777;
}

.comForm input[type="submit"],
.comForm input[type="button"] {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 3%;
	background: #777;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	color: #fff;
}

.comForm input[type="submit"]:hover,
.comForm input[type="button"]:hover {
	background: #666;
}


.menu {
	text-transform: uppercase;
	width: 90%;
	width: calc(100% - 50px);
	height: 42px;
	max-height: 42px;
	transition: max-height 1s ease-in-out;
	overflow: hidden;
	float: left;
	text-align: center;
	margin-bottom:20px;
}

.menudropdown {
	width: 90%;
	width: calc(100% - 50px);
	height: auto;
	max-height: 1000px;
	transition: max-height 1s ease-in-out;
	overflow: hidden;
	float: left;
	text-align: center;
}

#menu a {
display: inline-block;
width: auto;
min-width: 70px;
margin: 3px;
background:#333;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding: 5px;
text-transform: uppercase;
text-shadow: 1px 1px #000;
font-weight: 700;
white-space:nowrap;
}



.menudropdown a {
	display: inline-block;
	margin: 5px;
}

#menu>a img {
	width: 30px;
	height: auto;
	vertical-align: middle;
}

#menu a:link {
	text-decoration: none;
	color: #FFF !important;
}

#menu a:hover {
	text-decoration: none;
	color: #09F!important;
}
#menu a:active {
	text-decoration: none;
	color: #FFF;
}
#menu a:visited {
	text-decoration: none;
	color: #FFF;
}




@media screen and (max-width: 999px) {
	.header {
		width: 100%;
		background: none;
		text-align: center;
		border-bottom: none;
		margin: auto;
		height: auto!important;
		display: block!important;
	}
	.header div {
		display: block;
		box-sizing: border-box;
		vertical-align: middle;
	}
	.header .searchForm {
		position: static;
		width: 100%;
		margin: auto;
		clear: both;
		float: none;
		white-space: nowrap;
	}
	#sig {
		width: 100%;
		min-height: 32px;
		margin-top: 5px;
		margin-bottom: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		float: none
	}
	input[type="search"] {
		border: none;
		outline: none;
		-webkit-appearance: none;
		padding-left: 10px;
		width: 80%;
		height: 32px;
		vertical-align: middle;
		background: #554B53;
		color: #CCC
	}
	input[type="submit"] {
		width: 32px;
		height: 32px;
		border: none;
		background: url(https://www.gamesforboys.ru/images/search.png) no-repeat;
		cursor: pointer
	}
	#sig input[type="search"] {
		border: none;
		outline: none;
		-webkit-appearance: none;
		padding-left: 10px;
		width: 80%;
		height: 32px;
		vertical-align: middle;
		background: #FFF;
		color: #000;
		border: 1px #000 solid;
		-moz-box-shadow: inset 0 0 3px #000;
		-webkit-box-shadow: inset 0 0 3px #000;
		box-shadow: inset 0 0 3px #000
	}
	#sig input[type="submit"] {
		width: 32px;
		height: 32px;
		border: none;
		background: url(https://www.gamesforboys.ru/images/search.png) no-repeat;
		cursor: pointer
	}
	.hslo {
		width: 100%;
	}
	.mt {
		margin-top: .5em;
	}
	.logo {
		display: block!important;
		background: url(https://www.gamesforboys.ru/images/shlogo.png) no-repeat top left;
		background-size: contain;
		height: 40px !important;
		position: static;
		width: 100% !important;
		background-position: center;
		background-origin: content-box, padding-box;
	}
}

@media screen and (max-width: 700px) {
#menu a {
display:block;
}
	.menudropdown {
		width: 100%;
		height: auto;
		overflow: hidden;
		float: none;
		text-align: center;
	}
	.menudropdown a:link {
		display: block;
		margin: .1em;
		width: 100%;
		
	}
	

}

#menuBtn {
	width: 32px;
	height: 32px;
	float: right;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
margin-top:5px;
}

#menuBtn span {
	display: block;
	position: absolute;
	height: 6px;
	width: 100%;
	background: #09F;
	border-radius: 4px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}


#menuBtn span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#menuBtn span:nth-child(2) {
	top: 11px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#menuBtn span:nth-child(3) {
	top: 22px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#menuBtn.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -1px;
	left: 2px;
}

#menuBtn.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#menuBtn.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 21px;
	left: 2px;
}