@charset "utf-8";

@media screen and (max-width: 640px), screen and (-webkit-device-pixel-ratio: 1) and (device-width: 320px), screen and (-webkit-device-pixel-ratio: 2) and (device-width: 320px), only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, screen and (-webkit-device-pixel-ratio: 3) and (device-width: 320px) {
  .content > header { position: absolute !important; }
}

@media screen and (max-width: 1100px) {
  .content > header nav { font-size: 0.9em; padding-top: 18px; padding-right: 200px; overflow: hidden; max-height: 62px; min-width: 500px; }
}

header a { transition: 0.1s ease-in-out; cursor: pointer; }

header [class^="icon-"], header [class*=" icon-"] { font-family: icomoon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

header.menu { min-width: 1271px; position: fixed; top: 0px; left: 0px; height: 72px; border-bottom: 2px solid rgb(255, 255, 255); padding-left: 70px; z-index: 79; width: 100% !important; }

header.menu .header-link { font-family: "Roboto Condensed", "Segoe UI", Tahoma, Arial, sans-serif; display: inline-block; padding: 0px 30px 8px 0px; font-size: 1.3em; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; }

header.menu .header-link:hover { text-decoration: underline; color: rgb(255, 255, 255); }

header.menu nav { position: relative; padding: 30px 0px 0px 40px; transition: 0.25s ease-in-out; display: inline-block; min-width: 700px; }

header.menu .authblock { float: right; display: inline-block; position: relative; min-width: 256px; height: 100%; }

header.menu .authblock .signin:hover { box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 4px; border-bottom-color: rgb(255, 255, 255); }

header.menu .authblock .signin { font-family: "Roboto Condensed", "Segoe UI", Tahoma, Arial, sans-serif; display: inline-block; position: relative; margin: 4px 5px; min-width: 201px; height: 62px; background: linear-gradient(45deg, rgb(126, 165, 6) 25%, rgb(164, 205, 0) 75%) padding-box; cursor: pointer; padding: 0px 10px 0px 60px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px; border-radius: 5px; text-decoration: none; text-transform: uppercase; border-bottom: 4px solid rgb(220, 232, 180); transition: border-bottom-color 0.6s ease-in-out, box-shadow 0.6s ease-in-out; will-change: border-bottom-color, box-shadow; }

header.menu .authblock .signin:active { background: rgb(119, 156, 5); }

header.menu .authblock .signin::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 60%; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(64, 64, 64, 0) 25%, rgba(255, 255, 255, 0.7) 100%) padding-box; border-radius: 5px; z-index: 1; opacity: 0; transition: opacity 0.6s ease-in-out; will-change: opacity; }

header.menu .authblock .signin::after { content: ""; position: absolute; top: 8px; left: 8px; width: 42px; height: 42px; background: url("../images/icon_steam_white.svg") center center / 100% no-repeat transparent; transform: rotate(0deg); transition: transform 0.6s ease-in-out; will-change: transform; }

header.menu .authblock .signin:hover::after { transform: rotate(360deg); }

header.menu .authblock .signin-through { position: relative; font-size: 14px; line-height: 18px; font-weight: 700; color: rgb(60, 86, 0); white-space: nowrap; padding: 7px 0px 0px; z-index: 3; }

header.menu .authblock .signin-steam { position: relative; font-size: 28px; line-height: 26px; font-weight: 700; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px; letter-spacing: 1px; z-index: 3; }

header.menu .userblock { position: absolute; right: 0px; top: 0px; display: block; float: right; height: 70px; }

header.menu .userblock .right .actions .icon-exit { background-position: -450px -21px; }

header.menu .userblock .right .actions [class^="icon"] { opacity: 0.8; width: 16px; height: 19px; display: inline-block; vertical-align: top; margin: 0px 3px; transition: 0.25s ease-in-out; }

header.menu .userblock .right { position: relative; display: inline-block; float: right; width: 70px; height: 70px; background: url("../../../images/common/icons_common.png") -305px -128px no-repeat rgb(56, 56, 56); transition: 0.25s ease-in-out; }

header.menu .userblock .right .actions { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 36px; background: url("../../../images/fader_gray.png") 0px 0px repeat-x transparent; text-align: center; padding: 10px 0px 0px; }

header.menu .userblock .left { height: 70px; text-align: right; transition: 0.25s ease-in-out; display: inline-block; float: right; }

header.menu .userblock .left .actions { background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.6) 100%); height: 35px; padding: 8px 10px 0px 50px; text-align: right; }

header.menu .userblock .left .nick { font-family: "Roboto Condensed", "Segoe UI", Tahoma, Arial, sans-serif; display: inline-block; height: 35px; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.6) 100%); padding: 10px 10px 0px 30px; color: rgb(255, 255, 255); font-size: 1.1em; font-weight: 700; text-align: right; cursor: default; }

header.menu .userblock .left .nick a:hover { color: rgb(255, 231, 137); text-decoration: none; }

header.menu .userblock .left .actions .icon-text-rate:hover::before { background-position: -450px -102px; }

header.menu .userblock .left .actions .icon-text-rate::before { margin-right: 3px; top: 0px; width: 16px; height: 16px; background-position: -450px -42px; }

[class^="icon-text"] { display: inline-block; background: transparent; color: rgb(255, 255, 255); text-decoration: none; opacity: 1; transition: 0.25s ease-in-out; }

[class^="icon-text"]::before { content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 2px; background: url("../../../images/common/icons_common.png") -152px 0px no-repeat transparent; text-decoration: none; }

header.menu .userblock .left .actions .icon-text-rate:hover { color: rgb(255, 231, 137); }

header.menu .userblock .left .actions .icon-text-rate { font-size: 18px; font-weight: 700; line-height: 18px; opacity: 1; padding-top: 1px; }

header.menu .userblock .left .actions [class^="icon-text"] { font-family: "Roboto Condensed", "Segoe UI", Tahoma, Arial, sans-serif; color: rgb(255, 255, 255); }

header.menu .userblock .left .actions [class^="icon"] { display: inline-block; vertical-align: top; margin-left: 4px; opacity: 1; transition: 0.25s ease-in-out; }

header.menu .userblock .left .actions [class^="icon"]:hover { opacity: 0.8; }

[class^="icon-"], [class*=" icon-"] { font-family: icomoon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

header.menu .userblock .left .nick a:visited { color: rgb(255, 255, 255); }

header.menu .userblock .left .nick a { color: rgb(255, 255, 255); text-decoration: none; }