/******** normalize *******/
* {
    padding: 0;
    margin: 0;
}

body {
    background: #fafafa;
    color: #000;
    position: relative;
    font: 12px 'Arial', 'Tahoma', 'Verdana', 'Lucida Sans Unicode', sans-serif;
    line-height: normal;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-y: scroll;
    height: 100%;
}

html, button, input, select, textarea {
    font-family: sans-serif;
}

a:hover, a:active, a:focus {
    outline: 0;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    margin: 0;
    outline: none;
}

button::-ms-clear, input::-ms-clear, select::-ms-clear, textarea::-ms-clear {
    display: none;
}

textarea {
    resize: none;
}

input, textarea {
    overflow: auto;
}

button, input {
    line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    overflow: visible;
}

button[disabled], input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    height: 13px;
    width: 13px;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body, figure, form {
    margin: 0;
}

body a:hover {
    text-decoration: none;
}

input[type=text]:-ms-clear {
    display: none;
}

h1, h2, h3 {
    font-weight: normal
}


/******** general *******/

.content {
    background: #fafafa;
    position: relative;
    z-index: 10;
    min-width: 800px;
    width: auto;
}

.topBannerWrap {
    height: 112px;
    text-align: center;
    background: #3d3d3e;
}

.topBannerWrap:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.topBannerWrapDown {
    height: 110px;
    text-align: right;
    background: #fafafa;
    margin: 0 50px 0 0;
}

.topBannerWrapDown:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}


.topBanner {
    display: inline-block;
    vertical-align: middle;
    max-width: 1000px;
}

.inner {
    width: 980px;
    padding: 0 10px;
    margin: 0 auto;

    max-width: 1240px; /*1280*/
}

.login {
    text-align: right;
    padding: 6px 0 30px 0;
}

.rLogin {
    display: inline-block;
    position: relative;
}

.rLoginDropTitle {
    font-size: 11px;
    padding: 13px 0 5px 0;
}

.rLoginDrop {
    z-index: 100;
    display: none;
    width: 178px;
    text-align: center;
    height: 82px;
    background: white;
    position: absolute;
    margin-top: 6px;
    top: 100%;
    right: 0;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: 1px 1px 10px #cdcdcd;
    -moz-box-shadow: 1px 1px 10px #cdcdcd;
    box-shadow: 1px 1px 10px #cdcdcd;
}

.rLoginBlock {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 4px;
    width: 29px;
    height: 29px;
    background-image: url(/images/i/icons.png);
    background-repeat: no-repeat;
}

.loginVk {
    background-position: 0 0;
}

.loginFbook {
    background-position: -69px 0;
}

.loginVk:hover {
    background-position: 0 -30px;
}

.loginFbook:hover {
    background-position: -69px -30px;
}


.dotLink {
    display: inline-block;
    font-size: 10px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px #000 dotted;
}

.dotLink:hover {
    border: 0;
    margin-bottom: 1px;
    color: #dd453a;
}

.head:after {
    display: block;
    clear: both;
    content: '';
}

.head__l {
    float: left;
    width: 180px;
    text-align: right;
}

.logo {
    width: 101px;
    height: 64px;
    background: url(/images/i/logo.png) 0 0 no-repeat;
    display: block;
    text-decoration: none;
}

.head__c {
    overflow: hidden;
    padding: 0 10px 0 0;

h1, h2, h3 {
    font-weight: normal
}

;

}

.head__r {
    float: right;
}

.slogan {
    float: left;
    width: 170px;
    letter-spacing: 2px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333;
}

.topText {
    padding: 0 0 0 19px;
    overflow: hidden;
    font: 13px 'Times New Roman', 'Georgia', 'Times', serif;
    color: #4d4d4d;
    line-height: 1.5;
    min-height: 88px;
}

.topText a {
    color: #1d7cb5;
    text-decoration: none;
}

.topText a:hover {
    text-decoration: underline;
}


.downText {
    padding-left: 30px;
    overflow: hidden;
    font: 13px 'Times New Roman', 'Georgia', 'Times', serif;
    color: #4d4d4d;
    line-height: 1.5;
}

.downText a {
    color: #1d7cb5;
    text-decoration: none;
}

.downText a:hover {
    text-decoration: underline;
}

.downText strong {
    font-weight: normal;
}

.downText h1, h2, h3, h4 {
    padding-top: 10px;
}

.topSocialBlock {
    float: right;
    clear: both;
    margin-bottom: 5px;
}

.main {
    padding: 3rem 0 4rem 0;
}

.main:after {
    display: block;
    clear: both;
    content: '';
}

.slidebaTitle {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    padding: 0 0 6px 0;
    letter-spacing: 4px; /* 5px */
}

.slidebarList {
    list-style: none;
    font-size: 12px;
}

.slidebarList a {
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 11px;
    text-decoration: none;
    margin-bottom: 1px;
}

.slidebarList a:hover {
    border-bottom: 1px solid #000;
    margin-bottom: 0;
}

.slidebarList a span {
    color: #b0b0b0;
    display: inline-block;
    margin: 0 0 0 10px;
}

.slidebarList li {
    padding: 5px 0 6px 0;
}

.slidebarList li.active {
    padding-left: 13px;
    background: url(/images/i/blue_arrow.png) 0 50% no-repeat;
}

.slidebarList li.active a {
    color: #1d7cb5;
    font-size: 11px;
    font-weight: bold;
}

.heroes {
    /*	padding: 56px 0 0 0;	*/
    padding: 36px 0 0 0;
}

.heroesList {
    padding: 21px 0 0 0;
    list-style: none;
}

.heroesList a {
    font-size: 11px;
    color: black;
    text-decoration: none;
}

.heroesList li {
    overflow: hidden;
}

.heroesAvatar {
    float: left;
    display: block;
}

.heroesName {
    display: block;
    padding: 11px 5px 0 10px;
    overflow: hidden;
}

.heroesName a:hover {
    text-decoration: underline;
}

.dotLinkGray {
    color: #969696;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0px;
    text-decoration: none;
    border-bottom: 1px #969696 dotted;
}

.dotLinkGray:hover {
    border-bottom: 0;
    margin-bottom: 1px;
}

.forList {
    margin-top: 9px;
    list-style: none;
    display: inline-block;
}

.forList li {
    margin-left: 14px;
    display: inline-block;
    vertical-align: top;
}

.forList li:first-child {
    margin-left: 0;
}

.forList span {
    font-weight: bold;
    font-size: 10px;
}

.main__top {
    padding: 7px 0px 0px 21px;
    overflow: hidden;
}

.searchBlock {
    /*	margin: -6px 0 0 0;	*/
    margin: 0;
    float: right;
}

.searchBlockZomm {
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    width: 39px;
    height: 31px;
    background: url(/images/i/search.png) 0 0 no-repeat;
    cursor: pointer;
    float: right;
}

.searchBlockZomm:hover {
    opacity: .6
}


.ui-checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 4px 0 0 48px;
}

.ui-checkbox__input {
    display: inline-block;
    vertical-align: bottom;
    width: 14px;
    height: 14px;
    border: 1px solid #808080;
    margin: 0 0 0 10px;
    position: relative;
    top: -2px;
    background: url('/images/i/checked.png') 100px 0 no-repeat;
}

.ui-checkbox input {
    position: absolute;
    top: 0;
    left: -150px;
}

.ui-checkbox input:checked + .ui-checkbox__input {
    background-position: 50%;
}

.ui-checkbox__text {
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase;
    font-size: 9px;
}

.ie8 .ui-checkbox input {
    position: static;
    top: 0;
    left: 0;
    margin: 0 0 0 10px;
    position: relative;
    top: -2px;
}

.ie8 .ui-checkbox__input {
    display: none;
}

.searchWrap {
    overflow: hidden;
    width: 141px;
    -webkit-box-shadow: inset 1px 1px 3px #ccc;
    -moz-box-shadow: inset 1px 1px 3px #ccc;
    box-shadow: inset 1px 1px 3px #ccc;
    height: 31px;
    border: 1px #b0b0b0 solid;
    border-right: 0;
    padding: 0 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
}

.searchWrap input {
    border: 0;
    height: 100%;
    width: 100%;
    outline: 0;
    margin-top: 4px;
    background: none;
    font-size: 120%;
}


.ie8 .searchWrap input {
    margin-top: 10px;
}


.sortLink {
    font-size: 10px;
    font-weight: bold;
    color: #969696;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    text-decoration: none;
}

.sortLink:hover span {
    border-bottom: 0;
    margin-bottom: 1px;
}

.sortLink:first-child {
    margin-left: 0;
}

.sortLink span {
    display: inline-block;
    border-bottom: 1px dashed #969696;
}

.sortLink.sortBy {
    padding-left: 15px;
}

.sortLink.sortBy:after {
    position: absolute;
    top: 5px;
    left: 0;
    content: '';
    width: 8px;
    height: 5px;
    background: url(/images/i/sort_arrow.png) -9px 0 no-repeat;
}

.sortLink.sortBy.revert:after {
    background-position: 0 0;
}

.sortLink.active {
    color: black;
}

.sortLink.sortBy.active:after {
    background-position: -9px -6px;
}


.sortLink.sortBy.active.revert:after {
    background-position: 0 -6px;
}

.sortLink.active span {
    border-bottom: 0;
    margin-bottom: 1px;
}

.sortBlock {
    /*	padding: 62px 0 0 43px;*/
    padding: 42px 0 0 43px;
    overflow: hidden;
}

.sortBlockLeft {
    float: left;
}

.sortBlockRight {
    float: right;
}

.sortBlockRight .sortLink {
    margin-left: 21px;
}

.gamesTileInfo {
    padding: 0 0 14px 0;
    overflow: hidden;
    font-size: 11px;
    color: #969696;
}

.gamesTileLike {
    float: left;
    margin-right: 14px;
    padding-left: 18px;
    background: url(/images/i/good.png) 0 50% no-repeat;
    min-height: 8px;
}

.gamesTileUnLike {
    float: left;
    padding-left: 18px;
    background: url(/images/i/bad.png) 0 50% no-repeat;
    min-height: 8px;
}

.gamesTileSize {
    margin-top: 1px;
    font-size: 10px;
    float: right;
}

.gamesTileWraper {
    padding: 42px 0 0 21px;
}

.gamesTile {
    overflow: hidden;
    margin-left: -26px;
}

.gamesTileComments {
    width: 800px;
    padding: 0 0 50px 0;
    margin-left: 10px;
    overflow: hidden;
}


.gamesItem {
    margin-left: 26px;
    height: 285px;
    padding: 0 0 10px 0;
    overflow: hidden;
    float: left;
    width: 180px;
}

/* #!!!!!!!!! */
.newsItem {
    margin-left: 26px;
    padding: 0 0 10px 0;
    overflow: hidden;
    float: left;
    width: 800px;
}

.newsItem a {
    color: #1d7cb5;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.newsText {
    padding: 0 0 0 19px;
    overflow: hidden;
    font: 15px 'Times New Roman', 'Georgia', 'Times', serif;
    color: #4d4d4d;
    line-height: 1.5;
}


.gamesTilePic, .gamesTileVideo {
    width: 180px;
    height: 135px;
    background: #ccc;
    overflow: hidden;
    position: relative;
}

.gamesTileVideo.Video:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    content: '';
    background: 0 0 no-repeat url(/images/i/play.png);
    opacity: .3;
}

.gamesTileVideo.Video.play:after {
    display: none;
}

.gamesTileVideo a {
    position: relative;
    display: block;
}

.gamesTileLink a {
    color: #1d7cb5;
    text-decoration: none;
    font-size: 13px;
}

.gamesTileLink a:hover {
    text-decoration: underline;
}

/*2016 text under card */
.gamesTileLink p {
    font-size: 11px;
    text-decoration: none;
    color: #969696;
    padding-top: 2px;
    /*overflow:hidden;*/

}

.gamesTileLink {
    padding: 14px 0 0 0;
    line-height: 16px;
    /*2016 text under card*/
    max-height: 80px;
    overflow: hidden;
}


.pagerCount {
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -2px;
    font-size: 13px;
    color: #666666;
}

.pager {
    display: inline-block;
    list-style: none;
    vertical-align: bottom;
}

.pager li {
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
    margin: 0 5px;
    font-weight: bold;
}

.pager a {
    color: #06487d;
    text-decoration: none;
}

.pager a.pagerListing {
    font-size: 13px;
}

.pager a, .pager span {
    display: inline-block;
    padding: 12px 3px 0 6px;
}

.pager a {
    margin: 1px;
}

.pager span {
    color: #3c3e3f;
    border: 1px solid #989999;
}

.secondBannerWrap {
    background: #474749;
    height: 330px;
    text-align: center;
    margin: 0 auto;
}

.secondBannerWrap:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: '';
}

.secondBanner {
    display: inline-block;
    vertical-align: middle;
}

.tags {
    padding: 52px 0 71px 0;
}

.allTags {
    padding-top: 26px;
    overflow: hidden;
}

.alltagsUl {
    float: left;
    width: 20%;
    list-style: none;
    font-size: 11px;
}

.alltagsUl a {
    text-decoration: none;
    color: #808080;
}

.alltagsUl li {
    padding: 0 10px 12px 0;
}

.alltagsUl a:hover {
    text-decoration: underline;
}

.footer {
    overflow: hidden;
    padding: 0 0 70px 0;
}

.footerLinks {
    float: left;
    width: 250px;
}

.footerLinks span {
    padding: 0 0 13px 0;
    display: block;
    font-size: 12px;
    color: #595959;
}

.footerLinks a {
    font-size: 12px;
    color: #1a80a8;
}

.footerLinks a:hover {
    text-decoration: none;
}

.language {
    float: right;
}

.languageFlag {
    display: inline-block;
    vertical-align: middle;
}

.languageName {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
}

.languageBlock {
    color: #333;
    text-decoration: none;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
}

.languageBlock:hover .languageName {
    text-decoration: underline;
}

.gamePage {
    padding: 49px 0 42px 0;
}

.gameTop {
    display: table;
    width: 100%;
}

.gameTop:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.game {
    background: #191919;
    margin-top: 12px;
    padding: 22px 21px 42px 21px;
    color: #808080;
    font-size: 9px;
}

.game:after {
    width: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: '';
}

.game.expand {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7000;
    margin: 0;
    padding: 0;
    text-align: center;
}

.game.expand .gameWrap {
    display: inline-block;
    vertical-align: middle;
}

.game.expand .gameHead {
    display: none;
}

.gameBlock {
    display: table-cell;
    padding-right: 87px;
}

.gameSize {
    display: table-cell;
    white-space: normal;
    width: 1px;
}

.gameName {
    font-size: 27px;
    font-weight: bold;
    padding: 0 0 6px 0;
}

.gameTags span {
    font-size: 11px;
    letter-spacing: 2px;
    margin-right: -8px;
    display: inline-block;
    vertical-align: middle;
    color: #565656;
}

.gameTags a {
    color: #565656;
    margin-left: 11px;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
}

.gameHead {
    overflow: hidden;
    min-height: 54px;
    padding: 0 0 27px 0;
}

.gameExpand {
    float: right;
    color: #bfbfbf;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 19px 0 27px;
    position: relative;
    background: url(/images/i/expand.png) 100% 0 no-repeat;
}

.gameExpand:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 44px;
    width: 1px;
    content: '';
    background: #333333;
}

.gamePageInfo {
    float: left;
    position: relative;
    padding-right: 25px;
}

.gamePageInfo span {
    display: block;
    padding-bottom: 6px;
}

.gamePageInfo:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    width: 1px;
    content: '';
    background: #333333;
}

.gameDescription {
    overflow: hidden;
    line-height: 15px;
    padding: 0 10px 0 25px;
}

.gameDescriptionSpan {
    display: block;
    padding-bottom: 3px;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
    color: #b0b0b0;
}

.gameWrap {
    min-width: 638px;
    text-align: center;
}

.gameInner {
    display: inline-block;
    vertical-align: middle;
}

.gameSocial {
    height: 70px;
    background: #ccc;
    padding: 0 21px;
}

.gameSocial:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: '';
}

.gameSocialTitle {
    color: black;
    font-size: 12px;
}

.gameSocialBlock, .gameSocialOne, .gameSocialTitle {
    display: inline-block;
    vertical-align: middle;
}

.gameSocialBlock {
    margin-left: 4px;
}

.gameSocialOne {
    margin-left: 1px;
}


.gameFullWrite:after {
    clear: both;
    content: '';
    display: block;
}

.gameFullWriteL {
    overflow: hidden;
}

.gameFullWriteR {
    float: right;
    padding: 0px 15px 0px 53px;
}

.gameRate {
    overflow: hidden;
}

.gameRatePercent {
    float: left;
}

.gameRatePercent b {
    font-size: 15px;
    letter-spacing: 1px;
    margin-left: 4px;
}

.gameRateSmile {
    margin: 1px 0 0 18px;
    float: right;
}

.gameFullWriteL {
    color: black;
}

.gameFullWriteTitle {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
}

.gameFullWriteName {
    padding: 7px 0 11px 0;
}

.gameFullWriteName span {
    display: block;
    font-size: 12px;
    color: #808080;
}

.gameFullWriteName span:first-child {
    color: #000;
    padding: 0 0 2px 0;
    font-size: 14px;
    font-weight: bold;
}

.gameFullWriteTxt {
    font-size: 11px;
    line-height: 19px;
}

/*2015.07*/
.gameFullWriteTxt span {
    padding: 0 0 2px 0;
    display: block;
    font-size: 12px;
    color: #808080;

}

.gameFullWrite {
    padding: 42px 0 0 0;
}

.gameRate {
    font-size: 11px;
}

.areYouLike {
    text-align: center;
    font-size: 11px;
    padding: 17px 0 0 0;
}

.areYouLikeYes, .areYouLikeNo {
    display: inline-block;
    vertical-align: bottom;
}

.areYouLikeYes span, .areYouLikeNo span {
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-width: 0 0 1px 0;
    border-style: solid;
}

.areYouLikeYes span:hover, .areYouLikeNo span:hover {
    border: 0;
    margin-bottom: 1px;
}

.areYouLikeBlock {
    padding: 5px 0 0 0;
}

.areYouLikeYes span {
    font-size: 22px;
    border-bottom-color: #66ad00;
    color: #66ad00;
}

.areYouLikeNo span {
    font-size: 16px;
    border-bottom-color: #565656;
    color: #565656;
}

.areYouLikeYes:after {
    content: '/';
    display: inline-block;
    font-size: 20px;
    margin: 0 5px 0 10px;
    position: relative;
    top: 3px;
    color: #c9c9c9;
}

.gameCardBannerWrap {
    background: #434344;
    padding: 41px 0;
    margin: 0 auto;
}

.gameCardBannerInner {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}

.gameCardBanner {
    padding: 0 30px;
    float: left;
}

.rightBanner {
/ / width: 160 px;
/ / text-align: right;
/ / text-align: right;
    font-size: 12px;
/ / font-weight: 600;
/ / display: table-cell;
}

.rightBannerInner {
/ / background: #ebecf0;
    text-align: center;
}

.rightBannerTop {
    height: 67px;
    line-height: 67px;
}

.similarGames {
    padding: 43px 0 0 0;
    color: #333333;
}

.similarGamesOpinion {
    padding: 0px 0 0 0;
    color: #333333;
}


.similarGamesTitle {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.similarGames .gamesTileWraper {
    padding: 28px 0 0 0;
}

.bestGameBlock {
    padding: 8px 0 82px 25px;
}

.bestGameBlockInner {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.bestGameBlockInner:hover .bestGameText span {
    border-bottom: 0;
    margin-bottom: 1px;
}

.bestGameStar {
    width: 60px;
    height: 55px;
    display: block;
    margin: 0 auto 5px auto;
    background: url(/images/i/star.png) 0 0 no-repeat;
}

.bestGameText span {
    display: inline-block;
    color: #1a1a1a;
    font-size: 19px;
    border-bottom: 1px solid #b0b0b0;
}

.inner .topBannerWrap {
    margin-top: 15px;
}

.brand__link {
    display: none;
    text-decoration: none;
}

.brand .branding__link {
    display: block;
    position: absolute;
    height: 560px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border: 0;
}

.brand .branding__head {
    height: 150px;
    width: 1000px;
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden;
}

.brand {
    background: black;
}

.brand .content {
    width: 1000px;
    margin: 0 auto;
}

.brand .branding {
    background: url(/includes/txt/adv/guru/brend1.jpg) 50% 0 no-repeat black;
}


/*			LOGIN USER		*/

.loginUser {
    text-align: right;
    padding: 6px 0 30px 0;
    font-size: 11px;
}

.loginUser a {
    color: #565656;
}

.rLoginUser {
    display: inline-block;
    position: relative;
}

.rLoginDropTitleUser {
    font-size: 12px;
    padding: 13px 0 0 0;
    text-align: center;
}

.rLoginDropTitleUser a {
    font-size: 12px;
    padding: 13px 0 5px 0;
}

.rLoginDropTitleRating {
    font-size: 12px;
    padding: 5px 0 5px 0px;
    text-align: center;
}


.rLoginDropUser {
    z-index: 100;
    width: 138px;
    text-align: left;
    min-height: 120px;
    background: white;
    position: absolute;
    padding-left: 5px;
    margin-top: 0px;
    top: 100%;
    right: 0;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: 1px 1px 10px #cdcdcd;
    -moz-box-shadow: 1px 1px 10px #cdcdcd;
    box-shadow: 1px 1px 10px #cdcdcd;

}


.rLoginInnerUser span {
    margin: 4px 0px 2px 10px;
    display: block;
}


.rLoginBlockImg {
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    margin-right: 3px;
    height: 12px;
    background-repeat: no-repeat;
}

.userIconRKF {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    margin-left: 2px;
    margin-right: 2px;
    height: 12px;
    background-repeat: no-repeat;
}


.rLoginBlockRating {
    background-image: url(/images/i/star4.jpg);
}


.rLoginBlockKarma {
    width: 12px;
    background-image: url(/images/i/karma.png);
    background-size: cover;
}

.rLoginBlockFriends {
    width: 14px;
    height: 14px;
    background-image: url(/images/i/friends.png);
    background-size: cover;
}

.rLoginBlockFriendsDel {
    width: 20px;
    height: 20px;
    background-image: url(/images/i/deleteButton.png);
    background-size: cover;
}


.rLoginBlockMessage {
    width: 12px;
    background-image: url(/images/i/message.gif);
    background-size: cover;
}

.rLoginBlockMsg {
    width: 16px;
    background-image: url(/images/i/msg.png);
    background-size: cover;
}

.rLoginBlockTime {
    width: 12px;
    background-image: url(/images/i/clock.png);
    background-size: cover;
}

.rLoginBlockOnline {
    width: 75px;
    height: 11px;
    background-image: url(/images/i/online.gif);
    background-size: cover;
}


.rLoginBlockUSER {
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    margin-right: 3px;
    margin-top: 1px;
    height: 14px;
    width: 14px;
    background-repeat: no-repeat;
}

.userIconBig {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
}


.ratingStar1 {
    width: 12px;
}

.ratingStar2 {
    width: 24px;
}

.ratingStar3 {
    width: 36px;
}

.ratingStar4 {
    width: 48px;
}

/*			END LOGIN USER		*/


/
/
#idUserPageUp a {
/ / color: #000;
/ /
}


.usrLink a {
    color: #1d7cb5;
    text-decoration: none;
    font-size: 13px;
}

.usrLink a:hover {
    text-decoration: underline;
}

.usrLink {
    color: #565656;
}


.linkColor {
    color: #1d7cb5;
}


.online {
    background: url(/images/i/online.gif) no-repeat;
    margin: 3px 0 0 5px;
    height: 12px;
    display: block;
    vertical-align: middle;
}

.divTileWraper {
    padding: 20px 0 0 21px;
}

.divTile {
    overflow: hidden;
    margin-left: -20px;
}

.h2Underline a {
    text-decoration: none;
    color: #000;
}

.h2Underline a:hover {
    text-decoration: underline;
}

.h2Underline h1 {
    padding: 20px 0 10px 0;
    letter-spacing: 2px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333;
}

.h2Underline h2 {
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333;
}

.h2Underline h3 {
    padding: 20px 0 10px 0;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 16px;
    color: #333;
}


.linkUnderline {
    text-decoration: underline;
}

.padding10 {
    padding: 10px 0 0 0;
}

.padding20 {
    padding: 20px 0 0 0;
}


.divFullWrite {
    padding: 22px 0 0 0;
}

.divFullWrite:after {
    clear: both;
    content: '';
    display: block;
}

.divFullWriteL {
    overflow: hidden;
}

.divFullWriteR {
    float: right;
    padding: 0px 15px 0px 53px;
}


.socIcons {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 3px;
    width: 30px;
    height: 30px;
    background-image: url(/images/i/iconsFull.png);
    background-repeat: no-repeat;
}

.iconFB {
    background-position: 0 -30px;
}

.iconFB:hover {
    background-position: 0 0px;
}

.iconTW {
    background-position: -31px -30px;
}

.iconTW:hover {
    background-position: -31px 0;
}

.iconOK {
    background-position: -93px -30px;
}

.iconOK:hover {
    background-position: -93px 0;
}

.iconVK {
    background-position: -124px -30px;
}

.iconVK:hover {
    background-position: -124px 0;
}

.iconGP {
    background-position: -186px -30px;
}

.iconGP:hover {
    background-position: -186px 0;
}

.iconMM {
    background-position: -217px -30px;
}

.iconMM:hover {
    background-position: -217px 0;
}

.iconLJ {
    background-position: -248px -30px;
}

.iconLJ:hover {
    background-position: -248px 0;
}

.iconLI {
    background-position: -279px -30px;
}

.iconLI:hover {
    background-position: -279px 0;
}


.best-layout__table {
    width: 100%;
    margin: 0;
    text-align: left;
    border-collapse: collapse;
    table-layout: fixed;
}

.best-layout__table th {
    font-weight: 500;
    color: #4d4d4d;
}

.best-layout__table td {
    border-top: 1px solid #efefef;
    color: #4d4d4d;
}


.best-layout__table th,
.best-layout__table td {
    text-align: center;
    padding: 0;
    vertical-align: middle;
    height: 25px;
}

.best-text {
    margin: 10px 0 0 0;
    text-align: left;
    color: #4d4d4d;
    line-height: 1.5;
}

.best-text a {
    color: #1d7cb5;
    text-decoration: none;
}

.best-text a:hover {
    text-decoration: underline;
}


#festText {
    overflow: hidden;
    font: 12px 'Arial', 'Tahoma', 'Verdana', 'Lucida Sans Unicode', sans-serif;
    color: #4d4d4d;
    line-height: 1.5;
}

#festText p {
    padding-top: 10px;
    padding-left: 10px;
}

#festText a {
    color: #1d7cb5;
    text-decoration: none;
}

#festText a:hover {
    text-decoration: underline;
}


.topHref2 {
    padding-left: 10px;
}

.topText2 a {
    color: #dd453a;
    text-decoration: underline;
}

/*

.divRate {
	overflow: hidden;
}

.divRatePercent
{
	float: left;
}

.divRatePercent b
{
	font-size: 15px;
	letter-spacing: 1px;
	margin-left: 4px;
}

.divRateSmile
{
	margin: 1px 0 0 18px;
	float: right;
}

.divFullWriteL
{
	color: black;
}

.divFullWriteTitle
{
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
}

.divFullWriteName
{
	padding: 7px 0 11px 0;
}

.divFullWriteName span
{
	display: block;
	font-size: 12px;
	color: #808080;
}

.divFullWriteName span:first-child
{
	color: #000;
	padding: 0 0 2px 0;
	font-size: 14px;
	font-weight: bold;
}

.divFullWriteTxt
{
	font-size: 11px;
	line-height: 19px;
}


.divRate
{
	font-size: 11px;
}

*/

/*
.areYouLike
{
	text-align: center;
	font-size: 11px;
	padding: 17px 0 0 0;
}

.areYouLikeYes, .areYouLikeNo
{
	display: inline-block;
	vertical-align: bottom;
}

.areYouLikeYes span, .areYouLikeNo span
{
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	border-width: 0 0 1px 0;
	border-style: solid;
}

.areYouLikeYes span:hover, .areYouLikeNo span:hover
{
	border: 0;
	margin-bottom: 1px;
}

.areYouLikeBlock
{
	padding: 5px 0 0 0;
}

.areYouLikeYes span
{
	font-size: 22px;
	border-bottom-color: #66ad00;
	color: #66ad00;
}

.areYouLikeNo span
{
	font-size: 16px;
	border-bottom-color: #565656;
	color: #565656;
}

.areYouLikeYes:after
{
	content: '/';
	display: inline-block;
	font-size: 20px;
	margin: 0 5px 0 10px;
	position: relative;
	top: 3px;
	color: #c9c9c9;
}
*/


.vkComments {
    width: 45%;
    min-width: 45%;
    float: left;
    /*
        padding-top:40px;
        padding-right:40px;
        padding-bottom:40px;
    */
}

/*			FORUM		*/


.im_rc_emojibtn {
    display: inline-block;
    zoom: 1;
    padding: 3px 2px;
}

.emoji, .emoji_css {
/ / width: 33 px;
/ / height: 33 px;
    border: none;
    vertical-align: top;
    margin: 0px 1px;
}

.emoji_css {
    background: url('/images/smiles/smiles-s.jpg') no-repeat;
}


/*		END	FORUM		*/

/*	MENU	*/

/*
.hb {background:url(/images/games/heroes90.jpg?v=113) no-repeat; float: left; height:90px; width:90px; display:inline-block; vertical-align: middle; margin-right:4px;margin-bottom:4px; }
.hs {background:url(/images/games/heroes45.jpg?v=113) no-repeat; float: left; height:45px; width:45px; display:inline-block; vertical-align: middle; margin-right:2px;margin-bottom:2px; }

.hb569 {background-position:0px 0px;}
.hb226 {background-position:-180px 0px;}
.hb246 {background-position:-270px 0px;}
.hb346 {background-position:-360px 0px;}
.hb377 {background-position:-450px 0px;}
.hb459 {background-position:-540px 0px;}
.hb112 {background-position:-630px 0px;}

.hb454 {background-position:0px -90px;}
.hb211 {background-position:-90px -90px;}
.hb223 {background-position:-180px -90px;}
.hb486 {background-position:-270px -90px;}
.hb632 {background-position:-360px -90px;}
.hb498 {background-position:-450px -90px;}
.hb646 {background-position:-540px -90px;}
.hb485 {background-position:-630px -90px;}
.hb189 {background-position:-720px -90px;}
.hb497 {background-position:-810px -90px;}
.hb470 {background-position:-900px -90px;}
.hb560 {background-position:-990px -90px;}
.hb595 {background-position:-1080px -90px;}
.hb474 {background-position:-1170px -90px;}
.hb564 {background-position:-1260px -90px;}
.hb183 {background-position:-1350px -90px;}

.hb253 {background-position:0px -180px;}
.hb631 {background-position:-90px -180px;}
.hb594 {background-position:-180px -180px;}
.hb499 {background-position:-360px -180px;}
.hb639 {background-position:-450px -180px;}
.hb577 {background-position:-540px -180px;}
.hb184 {background-position:-630px -180px;}
.hb225 {background-position:-720px -180px;}
.hb724 {background-position:-810px -180px;}
.hb272 {background-position:-990px -180px;}

.hb238 {background-position:0px -270px;}
.hb136 {background-position:-90px -270px;}
.hb259 {background-position:-180px -270px;}
.hb157 {background-position:-270px -270px;}
.hb156 {background-position:-360px -270px;}
.hb145 {background-position:-450px -270px;}
.hb158 {background-position:-540px -270px;}
.hb248 {background-position:-630px -270px;}
.hb427 {background-position:-720px -270px;}
.hb391 {background-position:-810px -270px;}
.hb144 {background-position:-900px -270px;}
.hb188 {background-position:-1080px -270px;}
.hb445 {background-position:-1260px -270px;}

.hb195 {background-position:0px -360px;}
.hb374 {background-position:-90px -360px;}
.hb196 {background-position:-180px -360px;}
.hb173 {background-position:-270px -360px;}
.hb274 {background-position:-450px -360px;}
.hb137 {background-position:-540px -360px;}
.hb231 {background-position:-630px -360px;}
.hb198 {background-position:-720px -360px;}
.hb452 {background-position:-810px -360px;}
.hb294 {background-position:-900px -360px;}
.hb323 {background-position:-990px -360px;}
.hb147 {background-position:-1080px -360px;}
.hb176 {background-position:-1170px -360px;}
.hb239 {background-position:-1260px -360px;}
.hb165 {background-position:-1350px -360px;}

.hb439 {background-position:0px -450px;}
.hb142 {background-position:-90px -450px;}
.hb342 {background-position:-180px -450px;}
.hb175 {background-position:-270px -450px;}
.hb707 {background-position:-360px -450px;}
.hb232 {background-position:-450px -450px;}
.hb133 {background-position:-540px -450px;}
.hb645 {background-position:-630px -450px;}
.hb267 {background-position:-720px -450px;}
.hb556 {background-position:-810px -450px;}
.hb163 {background-position:-900px -450px;}
.hb559 {background-position:-990px -450px;}
.hb288 {background-position:-1080px -450px;}
.hb461 {background-position:-1170px -450px;}
.hb169 {background-position:-1260px -450px;}

.hb151 {background-position:0px -540px;}
.hb334 {background-position:-90px -540px;}
.hb193 {background-position:-180px -540px;}
.hb630 {background-position:-270px -540px;}
.hb567 {background-position:-360px -540px;}
.hb637 {background-position:-450px -540px;}

.hb275 {background-position:0px -630px;}
.hb297 {background-position:-90px -630px;}
.hb399 {background-position:-180px -630px;}
.hb354 {background-position:-270px -630px;}
.hb732 {background-position:-360px -630px;}
.hb357 {background-position:-450px -630px;}
.hb457 {background-position:-540px -630px;}
.hb336 {background-position:-630px -630px;}
.hb153 {background-position:-720px -630px;}
.hb379 {background-position:-810px -630px;}
.hb154 {background-position:-900px -630px;}
.hb387 {background-position:-990px -630px;}
.hb121 {background-position:-1080px -630px;}
.hb396 {background-position:-1170px -630px;}
.hb367 {background-position:-1260px -630px;}
.hb295 {background-position:-1350px -630px;}

.hb363 {background-position:0px -720px;}
.hb113 {background-position:-90px -720px;}
.hb412 {background-position:-180px -720px;}
.hb448 {background-position:-270px -720px;}
.hb434 {background-position:-450px -720px;}
.hb172 {background-position:-540px -720px;}
.hb388 {background-position:-630px -720px;}
.hb315 {background-position:-720px -720px;}
.hb229 {background-position:-810px -720px;}
.hb394 {background-position:-900px -720px;}
.hb321 {background-position:-990px -720px;}
.hb219 {background-position:-1080px -720px;}
.hb642 {background-position:-1170px -720px;}
.hb571 {background-position:-1260px -720px;}
.hb116 {background-position:-1350px -720px;}

.hb643 {background-position:0px -810px;}
.hb152 {background-position:-90px -810px;}
.hb355 {background-position:-180px -810px;}
.hb168 {background-position:-270px -810px;}
.hb750 {background-position:-360px -810px;}
.hb425 {background-position:-450px -810px;}
.hb118 {background-position:-630px -810px;}
.hb435 {background-position:-720px -810px;}
.hb343 {background-position:-810px -810px;}
.hb258 {background-position:-900px -810px;}

.hs569 {background-position:0px 0px;}
.hs226 {background-position:-90px 0px;}
.hs246 {background-position:-135px 0px;}
.hs346 {background-position:-180px 0px;}
.hs377 {background-position:-225px 0px;}
.hs459 {background-position:-270px 0px;}
.hs112 {background-position:-315px 0px;}

.hs454 {background-position:0px -45px;}
.hs211 {background-position:-45px -45px;}
.hs223 {background-position:-90px -45px;}
.hs486 {background-position:-135px -45px;}
.hs632 {background-position:-180px -45px;}
.hs498 {background-position:-225px -45px;}
.hs646 {background-position:-270px -45px;}
.hs485 {background-position:-315px -45px;}
.hs189 {background-position:-360px -45px;}
.hs497 {background-position:-405px -45px;}
.hs470 {background-position:-450px -45px;}
.hs560 {background-position:-495px -45px;}
.hs595 {background-position:-540px -45px;}
.hs474 {background-position:-585px -45px;}
.hs564 {background-position:-630px -45px;}
.hs183 {background-position:-675px -45px;}

.hs253 {background-position:0px -90px;}
.hs631 {background-position:-45px -90px;}
.hs594 {background-position:-90px -90px;}
.hs499 {background-position:-180px -90px;}
.hs639 {background-position:-225px -90px;}
.hs577 {background-position:-270px -90px;}
.hs184 {background-position:-315px -90px;}
.hs225 {background-position:-360px -90px;}
.hs724 {background-position:-405px -90px;}
.hs272 {background-position:-495px -90px;}

.hs238 {background-position:0px -135px;}
.hs136 {background-position:-45px -135px;}
.hs259 {background-position:-90px -135px;}
.hs157 {background-position:-135px -135px;}
.hs156 {background-position:-180px -135px;}
.hs145 {background-position:-225px -135px;}
.hs158 {background-position:-270px -135px;}
.hs248 {background-position:-315px -135px;}
.hs427 {background-position:-360px -135px;}
.hs391 {background-position:-405px -135px;}
.hs144 {background-position:-450px -135px;}
.hs188 {background-position:-540px -135px;}
.hs445 {background-position:-630px -135px;}

.hs195 {background-position:0px -180px;}
.hs374 {background-position:-45px -180px;}
.hs196 {background-position:-90px -180px;}
.hs173 {background-position:-135px -180px;}
.hs274 {background-position:-225px -180px;}
.hs137 {background-position:-270px -180px;}
.hs231 {background-position:-315px -180px;}
.hs198 {background-position:-360px -180px;}
.hs452 {background-position:-405px -180px;}
.hs294 {background-position:-450px -180px;}
.hs323 {background-position:-495px -180px;}
.hs147 {background-position:-540px -180px;}
.hs176 {background-position:-585px -180px;}
.hs239 {background-position:-630px -180px;}
.hs165 {background-position:-675px -180px;}

.hs439 {background-position:0px -225px;}
.hs142 {background-position:-45px -225px;}
.hs342 {background-position:-90px -225px;}
.hs175 {background-position:-135px -225px;}
.hs707 {background-position:-180px -225px;}
.hs232 {background-position:-225px -225px;}
.hs133 {background-position:-270px -225px;}
.hs645 {background-position:-315px -225px;}
.hs267 {background-position:-360px -225px;}
.hs556 {background-position:-405px -225px;}
.hs163 {background-position:-450px -225px;}
.hs559 {background-position:-495px -225px;}
.hs288 {background-position:-540px -225px;}
.hs461 {background-position:-585px -225px;}
.hs169 {background-position:-630px -225px;}

.hs151 {background-position:0px -270px;}
.hs334 {background-position:-45px -270px;}
.hs193 {background-position:-90px -270px;}
.hs630 {background-position:-135px -270px;}
.hs567 {background-position:-180px -270px;}
.hs637 {background-position:-225px -270px;}

.hs275 {background-position:0px -315px;}
.hs297 {background-position:-45px -315px;}
.hs399 {background-position:-90px -315px;}
.hs354 {background-position:-135px -315px;}
.hs732 {background-position:-180px -315px;}
.hs357 {background-position:-225px -315px;}
.hs457 {background-position:-270px -315px;}
.hs336 {background-position:-315px -315px;}
.hs153 {background-position:-360px -315px;}
.hs379 {background-position:-405px -315px;}
.hs154 {background-position:-450px -315px;}
.hs387 {background-position:-495px -315px;}
.hs121 {background-position:-540px -315px;}
.hs396 {background-position:-585px -315px;}
.hs367 {background-position:-630px -315px;}
.hs295 {background-position:-675px -315px;}

.hs363 {background-position:0px -360px;}
.hs113 {background-position:-45px -360px;}
.hs412 {background-position:-90px -360px;}
.hs448 {background-position:-135px -360px;}
.hs434 {background-position:-225px -360px;}
.hs172 {background-position:-270px -360px;}
.hs388 {background-position:-315px -360px;}
.hs315 {background-position:-360px -360px;}
.hs229 {background-position:-405px -360px;}
.hs394 {background-position:-450px -360px;}
.hs321 {background-position:-495px -360px;}
.hs219 {background-position:-540px -360px;}
.hs642 {background-position:-585px -360px;}
.hs571 {background-position:-630px -360px;}
.hs116 {background-position:-675px -360px;}

.hs643 {background-position:0px -405px;}
.hs152 {background-position:-45px -405px;}
.hs355 {background-position:-90px -405px;}
.hs168 {background-position:-135px -405px;}
.hs750 {background-position:-180px -405px;}
.hs425 {background-position:-225px -405px;}
.hs118 {background-position:-315px -405px;}
.hs435 {background-position:-360px -405px;}
.hs343 {background-position:-405px -405px;}
.hs258 {background-position:-450px -405px;}

.menuHeroes {background:url(/images/games/heroes3.jpg) no-repeat; float: left; height:45px; width:45px; display:inline-block;  vertical-align: middle; margin-right:2px;margin-bottom:2px;}

.h472 {background-position:-45px 0px;}
.h475 {background-position:-90px 0px;}
.h477 {background-position:-135px 0px;}
.h487 {background-position:-180px 0px;}
.h494 {background-position:-225px 0px;}
.h476 {background-position:-270px 0px;}
.h478 {background-position:-315px 0px;}
.h466 {background-position:-360px 0px;}
.h490 {background-position:-405px 0px;}

.h492 {background-position:-0px -45px;}
.h285 {background-position:-45px -45px;}
.h493 {background-position:-90px -45px;}
.h481 {background-position:-135px -45px;}
.h479 {background-position:-180px -45px;}
.h431 {background-position:-225px -45px;}
.h469 {background-position:-270px -45px;}
.h491 {background-position:-315px -45px;}
.h468 {background-position:-360px -45px;}
.h482 {background-position:-405px -45px;}

.h467 {background-position:-0px -90px;}
.h480 {background-position:-45px -90px;}
.h496 {background-position:-90px -90px;}
.h471 {background-position:-135px -90px;}
.h441 {background-position:-180px -90px;}
.h495 {background-position:-225px -90px;}


.h575 {background-position:-0px -135px;}
.h576 {background-position:-45px -135px;}
.h578 {background-position:-90px -135px;}
.h579 {background-position:-135px -135px;}
.h580 {background-position:-180px -135px;}
.h583 {background-position:-225px -135px;}
.h584 {background-position:-270px -135px;}
.h585 {background-position:-315px -135px;}
.h586 {background-position:-360px -135px;}
.h587 {background-position:-405px -135px;}

.h588 {background-position:-0px -180px;}
.h589 {background-position:-45px -180px;}
.h591 {background-position:-90px -180px;}
.h592 {background-position:-135px -180px;}
.h593 {background-position:-180px -180px;}
.h596 {background-position:-225px -180px;}
.h597 {background-position:-270px -180px;}
.h599 {background-position:-315px -180px;}
.h600 {background-position:-360px -180px;}
.h601 {background-position:-405px -180px;}

.h602 {background-position:-0px -225px;}
.h603 {background-position:-45px -225px;}
.h604 {background-position:-90px -225px;}
.h605 {background-position:-135px -225px;}
.h606 {background-position:-180px -225px;}
.h608 {background-position:-225px -225px;}
.h610 {background-position:-270px -225px;}
.h612 {background-position:-315px -225px;}
.h613 {background-position:-360px -225px;}
.h614 {background-position:-405px -225px;}

.h615 {background-position:-0px -270px;}
.h616 {background-position:-45px -270px;}
.h617 {background-position:-90px -270px;}
.h619 {background-position:-135px -270px;}
.h620 {background-position:-180px -270px;}
.h621 {background-position:-225px -270px;}
.h622 {background-position:-270px -270px;}
.h623 {background-position:-315px -270px;}
.h582 {background-position:-360px -270px;}

.h635 {background-position:-0px -315px;}
.h636 {background-position:-45px -315px;}
.h640 {background-position:-90px -315px;}
.h641 {background-position:-135px -315px;}
.h644 {background-position:-180px -315px;}
.h624 {background-position:-225px -315px;}
.h626 {background-position:-270px -315px;}
.h628 {background-position:-315px -315px;}
.h647 {background-position:-360px -315px;}
.h649 {background-position:-405px -315px;}

.h652 {background-position:-0px -360px;}
*/


.divHeroesUp {
    padding-top: 10px;
    max-height: 140px;
    overflow: hidden;
    transition: max-height 2s ease-in-out;
}

.divHeroesUp:hover {
    transition: max-height 3s ease-in-out;
    transition-delay: 2s;
    max-height: 2000px;
}

.h3UP {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    padding: 0 0 6px 0;
    letter-spacing: 4px;

}

.divHeroesMore {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 8px;
}

.hrefMoreInfo {
    text-decoration: none;
}

.arrow_down_1 {
    display: inline-block;
    fill: #999;
    width: 12px;
    transition: fill 250ms;
}


.ab_arrow {
    background: url(/images/icons/arrow-down-solid.png);
    background-size: 16px;
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 8px;
    margin-left: 1px;
    margin-top: -3px;
    vertical-align: middle;
    width: 14px;
    cursor: pointer;
}


/*
.menuHeroesUp {
    height: 45px;
    width: 43px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    margin-bottom: 3px;
}
*/


.inner {
    width: auto;
    padding: 0 50px;
}

.gameWrap {
    min-width: 900px;
    min-height: 400px;
}

.gamePage {
    max-width: 1200px;
    margin: 0 auto;
}


.chat {
    background: #e9e9e9;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /*  background: #ffffff; */
    width: 300px;
    margin: 0 -80px;
    /*    text-align: left; */
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: 1px 1px 10px #cdcdcd;
    -moz-box-shadow: 1px 1px 10px #cdcdcd;
    box-shadow: 1px 1px 10px #cdcdcd;
    display: block;

}

.chat header {
    background: #dd453a;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 14px;
    cursor: move;
    margin-top: -20px;
}

.chat header:before,
.chat header:after {
    display: block;
    content: '';
    clear: both;
}

.chat header h2,
.chat .body ul li .contentChat h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    float: left;
}

.chat header h2 a {
    color: #ffffff;
    text-decoration: none;
}

.chat header .tools {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.chat header .tools li {
    display: inline-block;
    margin-right: 6px;
}

.chat header .tools li:last-child {
    margin: 0;
}

.chat header .tools li a {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.chat .body {
    position: relative;
    height: 300px;
    overflow-y: scroll;
/ / overflow-x: hidden;

}

.chat .body .search {
    display: none;
    width: 100%;
}

.chat .body .search.opened {
    display: block;
}

.chat .body .search input {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: none;
    -webkti-box-size: border-box;
    -moz-box-size: border-box;
    box-size: border-box;
}

.chat .body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #fafafa;
}

.chat .body ul li {
    position: relative;
    background: #ffffff;
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.chat .body ul li:before, .chat .body ul li:after {
    display: block;
    content: '';
    clear: both;
}

.chat .body ul li:hover .thumbnail {
    background: #bd6982;
}

.chat .body ul li:nth-child(2n) {
    background: #fafafa;
}


.chat .body ul li .contentChat {
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    line-height: 1;
    width: 100%;
/ / width: 300 px;
/ / max-width: 300 px;

    /*
      max-width: 263px;
    */
}

.chat .body ul li .contentChat h3 {
    display: block;
    margin-bottom: 5px;
    color: #AAAAAA;
    font-size: 11px;
}

/*
.chat .body ul li .contentChat a h3 {
  display: block;
  margin-bottom: 5px;
  color: #AAAAAA;
}
*/
.chat .body ul li .contentChat .preview {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    /*  max-width: 263px;	*/
    float: left;
    overflow: hidden;
}

.chat .body ul li .contentChat .meta {
    color: #b3b3b3;
    font-size: 11px;
    float: right;

}

.chat .body ul li .contentChat .meta a {
    color: #999999;
    text-decoration: none;
}

.chat .body ul li .contentChat .meta a:hover {
    text-decoration: underline;
}


.chat footer span {
    background: #dd453a;
    display: block;
    width: 290px;
    padding: 10px 0;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    margin-left: 6px;
    margin-bottom: 6px;
    cursor: pointer;
}

.chat footer span:hover {
    background: #cd8ca0;
    -webkit-transition: background 0.3s linear 0s;
    -moz-transition: background 0.3s linear 0s;
    -ms-transition: background 0.3s linear 0s;
    -o-transition: background 0.3s linear 0s;
    transition: background 0.3s linear 0s;
}

.chat footer .chatFormDiv {
    padding-top: 10px;
}

.chat footer .chatMessage {
    margin-left: 6px;
    padding: 5px;
    width: 275px;
    height: 50px;
    border-color: #dd453a;
    border-style: ridge;
}


.fa {
    cursor: pointer;
}


.WD100 {
    width: 90%;
}

.redButton {
    background: #dd453a;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    display: block;
    /*    clear: both; */
    width: 400px;
    margin-right: 20px;
    float: left;
}

.redButtonSpan {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
}


.divCenter {
    width: 100%;
    height: 100%;
    min-height: 200px;
    text-align: center;
}

.FS20 {
    font-size: 20px;
}

.FS14 {
    font-size: 14px;
}

.FCwhite {
    color: #FAFAFA;
}

.FClink {
    color: #FAFAFA;
}

.floatRight {
    float: right;
}

.padLeft10 {
    margin-left: 10px;
}


/*	preloader	*/
.ui-progressbar {
    position: relative;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.ui-widget-header {
    background: #3CE049;
}

.gamePreload_h1 {
    letter-spacing: 2px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FAFAFA;
    padding: 10px 0 20px 0;
    min-width: 728px;
}

.gamePreloadAdv {
    margin-top: 30px;
    width: 100%;
    height: 100%;
    min-height: 500px;
}


/*	2017.08	*/


.slidebar ul {
    display: block;
    padding-top: 30px;
    margin: 0;
}

.slidebar ul li {
    display: block;
    text-align: left;
}

.slidebar ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    font-size: 120%;
    text-align: left;
}

@include clearfix;
.slidebar ul li a span {
    float: left;
    max-width: 150px;
}

.slidebar ul li a em {
    font-style: normal;
    color: #bbb;
    float: right;
}

.slidebar ul li a em.fa {
    font-size: 140%;
}

.slidebar ul li a em.fa-star {
    -webkit-animation: spinStar 4s linear infinite;
    -moz-animation: spinStar 4s linear infinite;
    animation: spinStar 4s linear infinite;
}

.slidebar ul li a:hover {
    background-color: #3D3D3E;
    color: #efefef;
    /*
        #DD453A;            #red
        #efefef;            #white
        #F07E07             #orange
        #3D3D3E             #gray
    */
}

.slidebar ul li a:hover em {
    color: #F07E07;
}

.slidebar ul li a.active {
    /*  background-color: #DD453A;*/
    background-color: #DD453A;
    color: #efefef;
}

.slidebar ul li a.active em {
    color: #efefef;
}

.slidebar ul li + li {
    border-top: 1px solid #e1e1e1;
}


.gamesTileWraper h3 {
    padding-bottom: 20px;

}

.gamesTileWraper h3 .big {
    text-decoration: none;
    text-align: left;
    display: block;
    letter-spacing: 4px;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333;
}


.button, button {
    font-weight: 300;
    text-decoration: none;
    color: #fff !important;
    background-color: #DD453A;
    cursor: pointer;
}

.gamesTileWraper h3 a.button {
    display: inline-block;
    vertical-align: top;
    padding: 2px 10px;
/ / font-size: 60 %;
    line-height: 180%;
    float: right;

}

.gamesTileWraper h3 a.button em {
    display: inline;
    font-size: 90%;
}


.sortBlock {
    padding: 0px 0 42px 43px;
}

.gamesTileWraper {
    padding-top: 0;
}

.main__top .topText2 {
    margin-bottom: 30px;
    margin-left: 21px;
    border: 1px solid #c9c9c9;
    text-align: center;
    padding: 10px 0 10px 0px;
}

.main__top .topText2 h3 {
    padding-top: 0;
}


.newGame {
    background: url(/images/i/newGame.png);
    position: absolute;
    height: 50px;
    width: 50px;
    left: 1px;
    top: 1px;
}


.noiphone {
    display: none;
}


@media (max-width: 1024px) {
    .inner {
        padding: 0 10px;
    }

    .topBannerWrap {
        display: none;
    }

    .gameWrap {
        min-width: 639px;
    }
}


@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {

}


.TOUCH .gamesTileVideo video {
    display: none;
}

.TOUCH .gamesTileVideo.Video:after {
    display: none;
}

.TOUCH .divHeroesUp:hover {
    transition: none;
    max-height: 140px;
}


.IPHONE .content {
    min-width: 780px;
}


.IPHONE .main__r {
    margin-left: 0px;
}

.IPHONE .gamesTile {
    margin-left: 0px;
}

.IPHONE .gamesTileWraper {
    padding-left: 0
}

.IPHONE .gamesItem {
    margin-left: 0px;
    margin-right: 10px;
}

.IPHONE .login {
    display: none;
}

.IPHONE .head {
    padding-top: 20px;
}

.IPHONE .divHeroesUp {
    display: none;
}

.IPHONE .divHeroesMore {
    display: none;
}

.IPHONE .noiphone {
    display: block;
}

/*.NOFLASH .*/


/*
ADDITION 2017.08.27
*/


/*	2017	450 c tileInfo	*/

.slidebar ul li .sub {
    padding: 6px;
    text-align: right;
    font-size: 13px;
}

.slidebar ul li a.subActive {
    color: #DD453A;
}

.slidebar ul li a.subActive:hover {
    background-color: #FAFAFA;
}

.slidebar ul li .subFa {
    min-width: 30px;
}


.gamesItem {
    height: 255px;
}

.gamesTileLink {
    max-height: 67px;
}

.downText {
    font-size: 14px;
    letter-spacing: 0.2px;
}

.downText h3 {
    font-size: 17px;
}

.downText p {
    margin-top: 8px;
}

.downText ul {
    padding-left: 24px;
    padding-top: 4px;
}

.downText li {
    padding-top: 8px;
}


.pagerWrap {
    text-align: center;
    padding-bottom: 40px;
    padding-top: 40px;
}

.pagerCount {
    font-size: 25px;
}

.pager li {
    font-size: 25px;
}

.loader_black {
    content: url("/images/loader_black.gif");
    padding-top: 250px;
}


.inner {
    padding: 0 10px;
    max-width: 100%;
}

.slidebar h3 {
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
}

.slidebar .searchWrap {
    width: 207px;
}


/*	FLASH	*/
/*
.noflash{background:#312115;width:100%;margin-bottom:8px;min-height:480px;position:relative;overflow:hidden}.game-cover{position:absolute;z-index:1;top:-10px;right:-10px;bottom:-10px;left:-10px;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;opacity:.6;filter:blur(8px)}
.activate-steps{position:relative;z-index:2;margin:60px auto 30px;width:430px;background:#fff;padding:15px 20px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.noflash .step{background:whitesmoke;padding:5px;margin-top:10px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.step.step-first{margin-top:0}.step-number{float:left;width:70px;color:#1d7fc7;font-size:28px;font-weight:700;padding:16px 0;border-right:solid 1px #ebebeb}.step-1 .step-content{display:inline-block;padding:5px 0 5px 0}
.btn-activate{font-weight:700;text-transform:uppercase;min-width:266px;font-size:1.212em;text-align:center;padding:14px 22px 14px 30px;background:#28A745;color:white!important;margin:0;display:inline-block;text-decoration:none;outline:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.step.step-2{position:relative;z-index:2}.allow-flash-frame{display:inline-block;position:relative;width:280px;padding:18px 15px 15px 21px;margin:10px 0;background:#fff;color:#5a5a5a;font-size:11px;text-align:left;border:solid 1px #b2b2b2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.allow-flash-frame .run-flash-ico{margin:10px 0;padding-left:26px;
background:url(/images/flash/run-flash.png) left top no-repeat;background-size:17px}.allow-flash-frame .buttons{text-align:right}.allow-flash-frame .buttons>div{display:inline-block;min-width:40px;text-align:center;float:right;background:#efefef;padding:5px 18px;margin-left:10px;border:solid 1px #b2b2b2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.allow-flash-frame .buttons>div.button-allow{animation:flashButtonAllow 5s infinite}@keyframes flashButtonAllow{45%{background-color:#efefef;border-color:#b2b2b2;box-shadow:none}46%{background-color:#eaeaea;border-color:#7f7f7f;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.3)}54%{background-color:#eaeaea;border-color:#7f7f7f;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.3)}55%{background-color:#efefef;border-color:#b2b2b2;box-shadow:none}}@keyframes runFlashCursor{0%{bottom:-40px;right:100%}30%{bottom:5px;right:145px}70%{bottom:5px;right:145px}100%{bottom:-40px;right:100%}}@keyframes runFlashCursorOsx{0%{bottom:-40px;right:100%}30%{bottom:5px;right:25px}70%{bottom:5px;right:25px}100%{bottom:-40px;right:100%}}.plugin-flash-simple .animation-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden}
.noflash .animation-wrapper .run-flash-cursor{position:absolute;bottom:-40px;right:100%;z-index:4;width:30px;height:40px;
background:url(/images/flash/cursor-pointer.png) center center no-repeat;background-size:30px 40px;animation:runFlashCursor 5s infinite}
*/


.main .main__r {
    padding-left: 0rem;
}

.inner {
    max-width: 1540px;
    min-width: 1200px;
}

.slidebar h3 {
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: 25px;
/ / padding-bottom: 10 px;
}

.gameTop {
/ / width: 100 %;
/ / width: auto;
}

.gamePage {
    max-width: 1350px;
}

.gameWrap {
    min-width: 700px;
}

.gameBlock {
    padding-right: 37px;
}

.gameSocial {
    min-height: 210px;
}

.gameSocial .gameSocialBlock {
    width: 100%;

}

.gameSocial .socBlock {
    padding-top: 20px;
    display: block;
    width: 100%;
    min-width: 900px;
}

.gameSocial .socBlock .socBlockIn {
    display: inline-block;
    width: 160px;
    height: 90px;
    overflow: hidden;
}


.gameSocial .div33 {
    width: 33%;
    display: inline-block;
}


.BTN {
    width: 190px;
    display: inline-block;
    cursor: pointer;

    padding: 3px 3px 0px 0;
/ / border: 1 px solid transparent;

}

.BTN a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    font-size: 13px;
    text-align: left;

    border: 1px solid #cccccc;
/ / background: #F07E07;
/ / color: white;
}

.BTN a em {
    font-style: normal;

    float: left;
    color: green;
    font-size: 150%;
    padding: 0 10px 0 10px;
    margin-top: -2px;

}

.BTN:hover {
/ / border: 1 px solid black;
}

.BTN a:hover {

    background-color: #EEEEEE;
/ / color: #efefef;
    /*

        background-color: #3D3D3E;
        color: #efefef;

        #DD453A;            #red
        #efefef;            #white
        #F07E07             #orange
        #3D3D3E             #gray
    */
}

.BTN a:hover em {
    color: #F07E07;
}

.BTN a.active {
    /*  background-color: #DD453A;*/
    background-color: #DD453A;
    color: #efefef;
}

.BTN a.active em {
    color: #efefef;
}

.BTN .round {
    border-radius: 10px;
}


.head0 {
    display: flex;
    width: 860px;
    padding-left: 150px;
    align-items: right;
}


.head0 .BTN {
/ / width: 190 px;
}

.head0 .BTN a {
/ / font-size: 13 px;
}


.gameSocial .BTN {
    width: 250px;
}

.gameSocial .BTN a {
    font-size: 20px;
}


.gamesForget {
    display: block;
}

.gamesForget .gamesItem {
    padding: 0;
    margin: 0;
    height: 170px;
}

.gamesForget .gamesTileLink {
    padding: 0;

}

.gameTop h4 {
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 34px;
    font-weight: normal;
}


@media (max-width: 1250px) {
    .inner {
        min-width: 1100px;
    }

    .HW_1200 {
        display: none;
    }

    .gameSocial .socBlock {
        min-width: 740px;
    }

    .gameSocial .socBlock .socBlockIn {
        display: none;
    }

}


.gameSocial .socBlock {
    min-width: 740px;
}

.gameSocial .socBlock .socBlockIn {
    display: none;
}


.topBannerWrap {
    height: 50px;
}

.topBanner .BTN a {
    color: #FAFAFA;
}

.topBanner .BTN a:hover {
    background-color: #5d5d5e;
}

.loginUser {
    padding: 6px 0 20px 0;
}

.gamesTileWraper h3 a.button {
    padding: 5px 10px;
}


.main {
    /*    padding: 41px 0 90px 0;	*/ /*?*/
}

.sortBlock {
    padding: 0px 0 32px 0px
}

.sortBlock2018 {
    padding-bottom: 20px;
    display: block
}

.sortBlock2018 .dl {
    display: inline-block;
    padding-right: 10px;
    float: left;
    margin-bottom: 20px;
}

.sortBlock2018 h3 {
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: 0px;
}

.sortBlock2018 .DMI60 {
    width: 75px;
    padding-right: 3px;
    height: 60px;
}


/*		======================================					*/

/*		======================================					*/

/*		======================================					*/


.noflash {
    background: #312115;
    width: 100%;
    margin-bottom: 8px;
    min-height: 480px;
    position: relative;
    overflow: hidden
}

.game-cover {
    position: absolute;
    z-index: 1;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: .6;
    filter: blur(8px)
}

.activate-steps {
    position: relative;
    z-index: 2;
    margin: 60px auto 30px;
    width: 430px;
    background: #fff;
    padding: 15px 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.noflash .step {
    background: whitesmoke;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.step.step-first {
    margin-top: 0
}

.step-number {
    float: left;
    width: 70px;
    color: #1d7fc7;
    font-size: 28px;
    font-weight: 700;
    padding: 16px 0;
    border-right: solid 1px #ebebeb
}

.step-1 .step-content {
    display: inline-block;
    padding: 5px 0 5px 0
}

.btn-activate {
    font-weight: 700;
    text-transform: uppercase;
    min-width: 266px;
    font-size: 1.212em;
    text-align: center;
    padding: 14px 22px 14px 30px;
    background: #28A745;
    color: white !important;
    margin: 0;
    display: inline-block;
    text-decoration: none;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.step.step-2 {
    position: relative;
    z-index: 2
}

.allow-flash-frame {
    display: inline-block;
    position: relative;
    width: 280px;
    padding: 18px 15px 15px 21px;
    margin: 10px 0;
    background: #fff;
    color: #5a5a5a;
    font-size: 11px;
    text-align: left;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.allow-flash-frame .run-flash-ico {
    margin: 10px 0;
    padding-left: 26px;
    background: url(/images/flash/run-flash.png) left top no-repeat;
    background-size: 17px
}

.allow-flash-frame .buttons {
    text-align: right
}

.allow-flash-frame .buttons > div {
    display: inline-block;
    min-width: 40px;
    text-align: center;
    float: right;
    background: #efefef;
    padding: 5px 18px;
    margin-left: 10px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.allow-flash-frame .buttons > div.button-allow {
    animation: flashButtonAllow 5s infinite
}

@keyframes flashButtonAllow {
    45% {
        background-color: #efefef;
        border-color: #b2b2b2;
        box-shadow: none
    }
    46% {
        background-color: #eaeaea;
        border-color: #7f7f7f;
        box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .3)
    }
    54% {
        background-color: #eaeaea;
        border-color: #7f7f7f;
        box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .3)
    }
    55% {
        background-color: #efefef;
        border-color: #b2b2b2;
        box-shadow: none
    }
}

@keyframes runFlashCursor {
    0% {
        bottom: -40px;
        right: 100%
    }
    30% {
        bottom: 5px;
        right: 145px
    }
    70% {
        bottom: 5px;
        right: 145px
    }
    100% {
        bottom: -40px;
        right: 100%
    }
}

@keyframes runFlashCursorOsx {
    0% {
        bottom: -40px;
        right: 100%
    }
    30% {
        bottom: 5px;
        right: 25px
    }
    70% {
        bottom: 5px;
        right: 25px
    }
    100% {
        bottom: -40px;
        right: 100%
    }
}

.plugin-flash-simple .animation-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    overflow: hidden
}

.noflash .animation-wrapper .run-flash-cursor {
    position: absolute;
    bottom: -40px;
    right: 100%;
    z-index: 4;
    width: 30px;
    height: 280px;
    background: url(/images/flash/cursor-pointer.png) center center no-repeat;
    background-size: 30px 40px;
    animation: runFlashCursor 5s infinite
}


/*      MENU IMG        */


.divMenuIN {
    overflow: hidden;
    text-align: center;
    float: left;
    padding: 1px;
    border-radius: 12px;
}

.divMenuIN img {
    border: 1px solid white;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.divMenuIN a {
    color: #1d7cb5;
    text-decoration: none;
}

.divMenuIN a:hover img {
    border: 1px solid #F07E07;;
}

.divMenuINact {
    background: #DD453A;
    border: 1px none;
}

.divMenuINact img {
    border-radius: 12px;
}

.divMenuINact a {
    color: white;
}


.divMenuUPheroes {
    max-height: 60px;
}


/*	2018	menu	*/
.divMenuUpBlock {
    margin-right: 9px;
    max-height: 280px;
    overflow: hidden;
    float: left;
    border-radius: 10px;
}

.divMenuUpBlock .DMI60 {
    height: 60px;
}

.divMenuH {
    background: #3d3d3e;
    text-align: center;
    border-radius: 10px;
}

.divMenuH a {
    color: #FAFAFA;
    padding: 10px;
    display: block;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    border: 0px solid #OOO;
}


.MI_UP_best {
    background: #666633;
}

.MI_UP_boys {
    background: #333366;
}

.MI_UP_girls {
    background: #993399;
}

.MI_UP_sport {
    background: #336666;
}

.MI_UP_logic {
    background: #663366;
}

.MI_UP_animals {
    background: #336666;
}


.downText {
    font-size: 0.95rem;
}

.downText2019 {
    letter-spacing: 0.2px;
    /*    padding-left: 30px; */
    overflow: hidden;
    font: 0.9rem 'Times New Roman', 'Georgia', 'Times', serif;
    color: #4d4d4d;
    line-height: 1.5;
    padding-bottom: 1rem;
}


.img_round {
    border-radius: 12px;
}


.DMI60 {
    width: 60px;
    height: 77px;
}

.DMI60 img {
    width: 58px;
}

.DMI80 {
    width: 80px;
    height: 97px;
}

.DMI80 img {
    width: 78px;
}

.DMI90 {
    width: 90px;
    height: 107px;
}

.DMI90 img {
    width: 88px;
}


.mt1 {
    margin-top: 1rem;
}

.mt2 {
    margin-top: 2rem;
}

.mt3 {
    margin-top: 3rem;
}

.ml1 {
    margin-left: 1rem;
}

.ml2 {
    margin-left: 2rem;
}

.ml3 {
    margin-left: 3rem;
}

.pt1 {
    padding-top: 1rem;
}

.pt2 {
    padding-top: 2rem;
}

.pt3 {
    padding-top: 3rem;
}

.pl1 {
    padding-left: 1rem;
}

.pl2 {
    padding-left: 2rem;
}

.pl3 {
    padding-left: 3rem;
}


.div_menu {
}

.div_left_menu {
}


.div_menu {
    display: block;
    overflow: hidden;
}

.div_menu .row {
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
}

.div_menu .active {
    background-color: #eaeaea;
}

.div_menu .title {
    text-decoration: none;
    display: block;
    color: #000;
    padding: 0;
    margin: 0;
    padding-right: 1rem;
    line-height: 1.5rem;
}

.div_menu h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1rem;

}

.div_menu .h4 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8rem;
    padding-right: 2rem;
    padding-left: 0.3rem;

}


.div_menu .dm {
    overflow: hidden;
    text-align: center;
    /*	float: left;
        margin: 0.1rem;*/
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    display: inline-block;
    min-height: 4rem;
    vertical-align: center;
    padding-bottom: 2rem;
}

.div_menu .dm a {
    color: #1d7cb5;
    text-decoration: none;
}

.div_menu .dm a:hover .master {
    color: #2d8cc5;
    text-decoration: underline;
}


.div_menu .mi {
    width: 100%;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.div_menu .maxHeight120 {
    max-height: 9rem;
}

.div_menu .maxHeight60 {
    max-height: 6rem; /*6*/
    padding: 0.3rem;
}
.div_menu .maxHeight60 .title {
    display: none;
}
.div_menu .maxHeight60 .desc {
    /*display: none;*/  /**/
}

.div_menu .maxHeight60_tags {
    max-height: 8rem;   /*8*/
    padding: 0.3rem;
}
.div_menu .maxHeight60_tags .title {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}


.div_menu .dm_title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8rem;
}

.div_menu .dmi_120 {
    width: 6.2rem;
    height: 7rem;
}

.div_menu .dmi_120 .mi {
    height: 6rem
}

.div_menu .dmi_60 {
    width: 4.2rem;
    height: 6.2rem;
}

.div_menu .dmi_60 .mi {
    height: 4rem
}



.div_menu .maxHeight60_play {
    max-height: 7rem;
    padding: 0.3rem;
}
.div_menu .dmi_play_60 {
    width: 7rem;
    height: 5rem;
}
.div_menu .dmi_play_60 .mi {
    width: 6rem;
    height: 5rem
}





.dm .master {
    display: block;
    font-size: 0.9rem;
    padding: 2px 0 2px 0;
}

.dm .slave {
    color: #969696;
    display: none;
}

.dmi_60 .master {
    font-size: 0.8rem;
}

.dmi_60 .slave {
    display: none;
}


.div_left_menu .dm {
    display: inline-block;
    height: 3rem;
    width: 3.6rem;

}

.div_left_menu .dmi_60 .master {
    padding: 0;
}

.div_left_menu .dmi_60 .master em {
    font-size: 80%;
    color: #969696;
    padding-left: 0.4rem
}

.div_menu .title_span a {
    color: black;
    padding-right: 1rem;
    font-size: 0.8rem;
    text-decoration: underline;
}


.main__l {
    float: left;
    width: 16rem;
    padding: 1rem  0 0 0;
}

.main__r {
    margin-left: 18rem;
    overflow: hidden;
}


@media (max-width: 1280px) {


    .div_menu .title {
        padding-right: 0.6rem;
    }
    .div_menu .dmi_120 {
        width: 5rem;
        height: 7rem;
    }
    .div_menu .dmi_120 .desc .master {
        font-size: 0.8rem;
    }

    .div_menu .dmi_120 .desc .slave {
        display: none
    }

    .div_menu .maxHeight120 {
        max-height: 8rem
    }


/* .div_menu .maxHeight60_tags {
        height: 7rem
    }
    .div_menu .maxHeight60_tags .title {
        display: none
    }
*/
}