/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Roboto Condensed", "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
@font-face {
  font-family: HelveticaNeueCyrBold;
  src: url(../fonts/HelveticaNeueCyrBold.otf);
}
@font-face {
  font-family: HelveticaNeueCyrRoman;
  src: url(../fonts/HelveticaNeueCyrRoman.otf);
}
@font-face {
  font-family: HelveticaNeueCyrLightItalic;
  src: url(../fonts/HelveticaNeueCyrLightItalic.otf);
}
@font-face {
  font-family: HelveticaNeueCyrLight;
  src: url(../fonts/HelveticaNeueCyrLight.otf);
}
@font-face {
  font-family: Rub;
  src: url(../fonts/rub.otf);
}
* {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
html {
  height: 100%;
}
body {
  height: 100%;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  background-image: url('../images/dota2/main-bg.png');
  background-color: #EFEFEF;
  background-repeat: no-repeat;
  background-size: 350%;
  background-position: center 40px;
}
@media (min-width: 768px) {
  body {
    background-size: auto;
    background-position: center -20px;
  }
}
ul,
ol {
  list-style-type: none;
}
textarea,
button,
input {
  padding: 0;
  margin: 0;
  box-shadow: none;
  outline: none;
  border-radius: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
  word-wrap: break-word;
}
a {
  display: inline-block;
  text-decoration: none;
}
button {
  background-color: transparent;
  cursor: pointer;
}
img {
  max-width: 100%;
}
.post-content {
  line-height: 18px;
}
.post-content hr {
  border-bottom: 1px solid #e9e9e9;
}
.post-content img {
  height: auto;
}
.post-content iframe {
  margin: 0 0 15px;
  max-width: 100%;
  height: 200px;
}
@media (min-width: 375px) {
  .post-content iframe {
    height: 350px;
  }
}
@media (min-width: 768px) {
  .post-content iframe {
    height: 400px;
    margin: 0 0 30px;
  }
}
.post-content a {
  font-size: 14px;
  display: inline;
  color: #D30000;
}
@media (min-width: 1240px) {
  .post-content a {
    transition: color ease .2s;
  }
  .post-content a:hover {
    text-decoration: underline;
    color: #e70000;
  }
}
.post-content h1 {
  font-weight: bold;
  font-size: 22px;
  line-height: 32px;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .post-content h1 {
    font-size: 34px;
    line-height: 42px;
  }
}
.post-content h2 {
  margin: 15px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: #616170;
}
.post-content h3 {
  margin: 30px 0 15px;
  font-size: 22px;
  line-height: 28px;
}
.post-content h4 {
  margin: 21px 0 32px;
  font-size: 18px;
  line-height: 24px;
  color: #181819;
}
.post-content p {
  margin: 15px 0 20px;
  font-family: HelveticaNeueCyrRoman;
  font-size: 14px;
  line-height: 24px;
  color: #2E2F30;
}
.post-content blockquote {
  position: relative;
  margin: 30px 0;
  padding: 15px 25px;
  border-left: 5px solid #D30000;
  background-color: #F8F8F8;
  color: #2E2F30;
}
.post-content blockquote:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 39.67935871743487% 39.877300613496935%;
  width: 31px;
  height: 20px;
  content: '';
  position: absolute;
  z-index: 10;
  top: -8px;
  left: 25px;
}
.post-content blockquote p,
.post-content blockquote span {
  margin: 15px 0;
  font-size: 14px;
  font-family: HelveticaNeueCyrRoman;
  line-height: 24px;
}
.post-content table {
  width: 100%;
  margin: 30px 0;
}
.post-content table tr:nth-child(odd) {
  background-color: #F8F8F8;
}
.post-content table tr:first-child td {
  font-family: 'Roboto Condensed';
  font-weight: bold;
  border-bottom: 1px solid #F0F0F0;
  background-color: #fff;
}
.post-content table td {
  padding: 13px 20px;
  text-align: center;
  font-family: HelveticaNeueCyrRoman;
  font-size: 14px;
  color: #2E2F30;
}
.post-content ul,
.post-content ol {
  margin-bottom: 24px;
  padding-left: 25px;
}
.post-content ul li,
.post-content ol li {
  font-family: HelveticaNeueCyrRoman;
  font-size: 14px;
  line-height: 24px;
  word-wrap: break-word;
  color: #2E2F30;
}
.post-content ul li {
  position: relative;
}
.post-content ul li:before {
  content: '';
  left: -25px;
  top: 9px;
  width: 15px;
  height: 2px;
  position: absolute;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  background-color: #2E2F30;
}
.post-content ol li {
  list-style-type: decimal;
}
.post-content .spoiler {
  padding: 12px;
  border: 1px solid #F0F0F0;
  margin-bottom: -1px;
}
.post-content .spoiler ul {
  margin-bottom: 0;
}
.post-content .spoiler-head {
  width: 100%;
  position: relative;
  padding: 10px 18px;
  padding-right: 35px;
  background-color: #F0F0F0;
  color: #2E2F30;
  font-weight: bold;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-left: 4px solid #f20000;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.post-content .spoiler-head:after {
  content: '';
  position: absolute;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 75.15274949083503%;
  width: 18px;
  height: 18px;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.post-content .spoiler-head:hover {
  background-color: #ebebeb;
}
.post-content .spoiler-head:hover:not(.active):after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .post-content .spoiler-head {
    padding: 10px 18px;
    padding-right: 40px;
  }
}
.post-content .spoiler-close {
  display: none;
}
.post-content .spoiler-text {
  display: none;
  padding: 10px;
}
.post-content .spoiler.active .spoiler-head:after {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 0;
  width: 18px;
  height: 18px;
}
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.comments-layout .pagination {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .comments-layout .pagination {
    margin-top: 30px;
  }
}
.info-content h1 {
  text-transform: uppercase;
}
.info-content h2 {
  font-weight: bold;
  color: #181819;
}
.info-content h3 {
  margin: 20px 0 8px;
  line-height: 26px;
}
.info-content h5 {
  font-size: 14px;
  font-weight: bold;
  color: #D30000;
}
.info-content p {
  margin: 13px 0;
}
.info-content ul {
  margin: 10px 0 25px;
  padding-left: 20px;
}
.info-content ul > li:before {
  left: -19px;
  top: 10px;
  width: 10px;
  height: 1px;
  -webkit-transform: skewX(0);
  transform: skewX(0);
}
.info-content_vacancy h2 {
  font-size: 18px;
  text-transform: uppercase;
}
.info-content_vacancy h3 {
  color: #2E2F30;
}
.info-content_vacancy h3 img {
  max-width: 30px;
  margin-right: 8px;
}
.layout {
  min-height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__content {
    padding-top: 30px;
  }
}
@media (min-width: 970px) {
  .layout__content {
    padding-top: 60px;
  }
}
.layout__footer {
  margin-top: auto;
  padding-top: 30px;
}
.tooltip-hover {
  position: relative;
}
.tooltip-hover:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
.tooltip {
  position: absolute;
  z-index: 4;
  bottom: 100%;
  margin-bottom: 5px;
  min-width: 296px;
  max-width: 300px;
  padding: 15px 20px;
  background-color: #505050;
  border: 1px solid #4a4a4a;
  box-shadow: 0 0 15px 3px #8c8c8c;
  border-radius: 6px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.1s ease-in-out;
}
.tooltip:after,
.tooltip:before {
  content: '';
  position: absolute;
}
.tooltip:after {
  top: 100%;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #37343d transparent transparent transparent;
}
.tooltip:before {
  top: 100%;
  left: 0;
  width: 100%;
  height: 15px;
}
.tooltip_mini {
  min-width: 220px;
  padding: 10px;
}
.tooltip_fluid {
  padding: 10px;
  min-width: initial;
  white-space: nowrap;
}
.tooltip_center,
.tooltip_center:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tooltip_left {
  left: -5px;
}
.tooltip_left:after {
  left: 8px;
}
.tooltip_right {
  right: -5px;
}
.tooltip_right:after {
  right: 8px;
}
.header {
  position: relative;
  z-index: 100;
  color: #fff;
}
.header__outer {
  position: fixed;
  width: 100%;
  z-index: 30;
  background-color: #181819;
  box-shadow: 5px 0 40px 10px rgba(30, 30, 30, 0.4);
  will-change: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (min-width: 768px) {
  .header__outer {
    background-color: #242628;
  }
}
.header__bottom {
  padding-top: 50px;
}
.header__inner {
  position: relative;
  height: 50px;
  display: -webkit-box;
  display: flex;
}
.header__projects {
  height: 100%;
  -webkit-box-flex: 1;
  flex: 1 1 100%;
}
@media (min-width: 768px) {
  .header__projects {
    position: relative;
  }
}
@media (min-width: 970px) {
  .header__projects {
    height: 100%;
    transition: -webkit-transform ease-in-out 0.1s;
    transition: transform ease-in-out 0.1s;
    transition: transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .header__projects.active {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
}
@media (min-width: 768px) {
  .header__projects-menu {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-right: 1px solid #4B4D4F;
  }
}
.header__userbar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-flex: 0;
  flex: none;
}
@media (min-width: 768px) {
  .header__userbar {
    width: auto;
    margin-left: auto;
  }
}
.header__body {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 970px) {
  .header__body {
    -webkit-box-pack: initial;
    justify-content: initial;
    padding-left: 100px;
  }
}
.header__wrap {
  position: relative;
}
@media (min-width: 970px) {
  .header__wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 100px;
  }
  .header__wrap_pubg {
    position: relative;
    -webkit-box-align: start;
    align-items: flex-start;
  }
}
.main-title__title {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
.main-title__subtitle {
  margin-top: 5px;
  font-family: HelveticaNeueCyrRoman, sans-serif;
}
.main-title_darken .main-title__title {
  color: #2E2F30;
}
.main-title_darken .main-title__subtitle {
  color: #616170;
}
.main-title_main-color .main-title__title {
  color: #2E2F30;
}
.main-title_main-color .main-title__subtitle {
  color: #D30000;
  transition: color .2s;
}
.main-title_main-color .main-title__subtitle_link:hover {
  color: #f20000;
}
.main-title_lighten-gray {
  color: #fff;
}
@media (min-width: 970px) {
  .main-title_stream .main-title__title {
    font-size: 34px;
  }
}
.main-header {
  padding-bottom: 11px;
  border-bottom: 1px solid #F0F0F0;
}
.main-header_flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.main-header_no-line {
  border: none;
}
.main-header_darken {
  border-color: rgba(88, 92, 96, 0.35);
}
.main-header_lighten {
  border-color: #E3E3E3;
}
.main-header_gray {
  border-color: #EDEDED;
}
.main-header_lighten-gray {
  border-color: #EFEFEF;
}
.main-header_matches-control {
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  align-items: baseline;
}
.main-header_list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
@media (min-width: 768px) {
  .main-header_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}
.main-block {
  padding: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 100%;
}
@media (min-width: 768px) {
  .main-block {
    padding: 30px;
  }
}
.main-block_market {
  padding: 15px 15px 20px;
}
@media (min-width: 768px) {
  .main-block_market {
    padding: 30px;
  }
}
.main-block_lighten {
  background-color: #fff;
}
.main-block_deep-darken {
  background-color: #1D1E1F;
}
.main-block_darken {
  background-color: #242628;
}
.main-block_post-block {
  padding: 15px;
}
@media (min-width: 768px) {
  .main-block_post-block {
    padding: 30px;
  }
}
@media (min-width: 970px) {
  .main-block_post-news {
    padding: 30px;
  }
}
@media (min-width: 768px) {
  .main-block_large {
    padding: 30px;
  }
}
.main-block_with-line {
  border-bottom: 1px solid #585C60;
}
.main-block_post-content {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .main-block_post-content {
    padding-top: 20px;
  }
}
@media (min-width: 970px) {
  .main-block_post-content {
    padding-top: 35px;
  }
}
.main-block_post-footer {
  padding-top: 0;
}
.projects {
  height: 100%;
  width: 100%;
}
.projects__switcher {
  padding: 0 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
}
@media (min-width: 375px) {
  .projects__switcher {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  .projects__switcher {
    padding: 0 20px;
  }
}
@media (min-width: 970px) {
  .projects__switcher {
    cursor: pointer;
  }
}
@media (min-width: 1240px) {
  .projects__switcher {
    display: none;
  }
}
.projects__items {
  margin-top: -1px;
  border-top: 1px solid rgba(75, 77, 79, 0.35);
  position: absolute;
  z-index: 10;
  top: 53px;
  z-index: -1;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}
.projects__items.active {
  top: 50px;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 970px) {
  .projects__items {
    width: auto;
  }
}
@media (min-width: 1240px) {
  .projects__items {
    height: 100%;
    position: relative;
    visibility: visible;
    z-index: 2;
    opacity: 1;
    position: static;
    top: 0;
    left: 0;
    margin-top: 0;
    border: none;
  }
}
@media (min-width: 1240px) {
  .projects {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}
.userbar-user {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.userbar-user__notifications {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 10px;
}
.userbar-user__user-switcher {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  height: 100%;
}
.userbar-user__logout {
  display: none;
}
@media (min-width: 768px) {
  .userbar-user__logout {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
  }
}
.userbar-user__bars {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid rgba(75, 77, 79, 0.35);
  position: absolute;
  z-index: 10;
  top: 53px;
  left: 0;
  width: 100%;
  height: 650px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .userbar-user__bars.active {
    top: 50px;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .userbar-user__bars {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    visibility: visible;
    opacity: 1;
    position: static;
    height: auto;
    margin: 0;
    border: none;
  }
}
.userbar-user__change-lang {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .userbar-user__change-lang {
    display: none;
  }
}
@media (max-width: 767px) {
  .userbar-user.active {
    background-color: #18191b;
  }
}
.logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #D30000;
  color: #fff;
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, width 0.15s ease-in-out, height 0.15s ease-in-out;
}
@media (min-width: 970px) {
  .logo {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
  }
}
@media (min-width: 1240px) {
  .logo:hover {
    background-color: #e20000;
    box-shadow: 0 0 25px 0 rgba(231, 0, 0, 0.7);
  }
}
.logo:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 81.11587982832619% 41.03671706263499%;
  width: 64px;
  height: 46px;
  content: '';
  display: block;
  -webkit-box-flex: 0;
  flex: none;
  background-color: transparent;
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
  transition: -webkit-transform .15s ease;
  transition: transform .15s ease;
  transition: transform .15s ease, -webkit-transform .15s ease;
}
@media (min-width: 970px) {
  .logo:before {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (min-width: 970px) {
  .logo.active {
    width: 50px;
    height: 50px;
  }
  .logo.active:before {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
  }
}
.hamburger {
  position: relative;
  width: 11px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: background-color 0.2s ease-in-out;
}
.hamburger:before,
.hamburger:after {
  content: "";
  display: block;
  position: absolute;
  left: -9px;
  width: 20px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: bottom 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: bottom 0.1s ease-in-out, transform 0.1s ease-in-out;
  transition: bottom 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
.hamburger:after {
  bottom: -7px;
}
.hamburger:before {
  top: -7px;
}
.hamburger.active {
  background-color: transparent;
}
.hamburger.active:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger.active:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hamburger_user {
  width: 20px;
}
.hamburger_user:after,
.hamburger_user:before {
  left: 0;
}
.hamburger_user:after {
  left: auto;
  right: 0;
  width: 13px;
}
.hamburger_user.active:after {
  width: 20px;
}
.projects-switcher {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
.projects-switcher__hamburger {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  margin-right: 10px;
  width: 20px;
}
.projects-switcher__typo {
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 12px;
}
.userbar-switcher {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding-right: 25px;
}
.userbar-switcher__user-picture {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
.userbar-switcher__user-picture img {
  border-radius: 50%;
  width: 100%;
  transition: opacity 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
}
@media (min-width: 768px) {
  .userbar-switcher__user-picture {
    margin: 0 15px;
  }
}
@media (min-width: 1240px) {
  .userbar-switcher__user-picture {
    width: 38px;
    height: 38px;
  }
  .userbar-switcher__user-picture:hover img {
    opacity: .8;
  }
}
.userbar-switcher__angle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 3px 0 3px;
  border-color: #fff transparent transparent transparent;
}
@media (min-width: 768px) {
  .userbar-switcher__angle {
    right: 0;
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .userbar-switcher {
    position: relative;
    padding-right: 0;
  }
}
@media (min-width: 1240px) {
  .userbar-switcher {
    cursor: pointer;
  }
}
.projects-items {
  padding: 21px 25px;
  background-color: #18191b;
}
.projects-items__item {
  border-bottom: 1px solid rgba(75, 77, 79, 0.35);
}
@media (min-width: 1240px) {
  .projects-items__item {
    height: 100%;
    padding: 0 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: none;
    border-right: 1px solid #4B4D4F;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .projects-items__item.active {
    background-color: #141415;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .projects-items__item.active .project__logo {
    display: none;
  }
}
.projects-items__item:last-child {
  border-bottom: none;
}
@media (min-width: 1240px) {
  .projects-items {
    display: -webkit-box;
    display: flex;
    height: 100%;
    padding: 0;
    background-color: transparent;
  }
}
.project-nav {
  display: -webkit-box;
  display: flex;
  margin: 0 -10px;
}
.project-nav__item {
  margin: 0 10px;
  line-height: 12px;
  color: #fff;
}
@media (min-width: 1240px) {
  .project-nav__item {
    height: 100%;
    margin: 0 10px;
  }
}
.project-nav__link {
  display: -webkit-box;
  display: flex;
  padding: 30px 0;
  text-transform: uppercase;
  color: #fff;
}
.project-nav__link.active {
  position: relative;
}
.project-nav__link.active:after {
  content: '';
  position: absolute;
  z-index: 30;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #D30000;
  display: none;
}
@media (min-width: 1240px) {
  .project-nav__link.active.active:after {
    display: block;
  }
}
@media (min-width: 1240px) {
  .project-nav__link {
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 0;
    height: 100%;
    transition: color 0.2s ease-in-out;
  }
  .project-nav__link:hover {
    color: #A1A1A1;
  }
}
@media (min-width: 970px) {
  .project-nav {
    height: 100%;
  }
}
@media (min-width: 1240px) {
  .project-nav {
    margin: 0 -10px;
  }
}
.project {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.project__logo {
  min-width: 50px;
  display: -webkit-box;
  display: flex;
  padding-right: 18px;
  -webkit-box-pack: center;
  justify-content: center;
}
.project__logo:before {
  content: "";
}
.project__logo_csgo:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.86507936507937% 11.041666666666666%;
  width: 26px;
  height: 29px;
}
.project__logo_dota:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.23107569721115% 21.57676348547718%;
  width: 28px;
  height: 27px;
}
.project__logo_pubg:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.68316831683168% 38.38174273858921%;
  width: 25px;
  height: 27px;
}
.project__logo_artifact:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.6% 0;
  width: 30px;
  height: 26px;
}
.project__logo_gifts:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 79.95991983967936% 66.94214876033058%;
  width: 31px;
  height: 25px;
}
.project__logo_team-fortress:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.04771371769384% 32.780082987551864%;
  width: 27px;
  height: 27px;
}
.project__logo_fc:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.11111111111111% 26.096033402922757%;
  width: 26px;
  height: 30px;
}
@media (min-width: 1240px) {
  .project__logo {
    margin-right: 20px;
    padding-right: 0;
    min-width: initial;
    transition: opacity .2s;
  }
  .project__logo:hover {
    opacity: .7;
  }
}
@media (min-width: 1240px) {
  .project {
    height: 100%;
  }
  .project.optional .project-nav {
    display: none;
  }
  .project.optional .project__logo {
    margin-right: 0;
  }
}
.projects-menu {
  display: none;
}
@media (min-width: 768px) {
  .projects-menu {
    display: -webkit-box;
    display: flex;
  }
}
.menu-project {
  display: none;
}
@media (min-width: 970px) {
  .menu-project {
    display: block;
  }
  .menu-project__list {
    margin: 0 10px;
    display: -webkit-box;
    display: flex;
  }
  .menu-project__item {
    line-height: 12px;
  }
  .menu-project__link {
    position: relative;
    margin: 0 10px;
    padding: 19px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
  }
  .menu-project__link:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0;
    height: 4px;
    background-color: #D30000;
    opacity: 0;
    visibility: hidden;
    transition: width .3s, left .3s, opacity .3s, visibility .3s;
  }
  .menu-project__link.active:before,
  .menu-project__link:hover:before {
    width: 100%;
    left: 0;
    opacity: 1;
    visibility: visible;
  }
}
.action-bars {
  background-color: #18191b;
}
.action-bars__header {
  margin: 0 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid #4B4D4F;
}
.action-bars__user-info {
  padding: 20px 30px;
}
@media (min-width: 768px) {
  .action-bars__user-info {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .action-bars__user-tools {
    top: 42px;
    margin-top: 10px;
    right: 0;
    position: absolute;
    z-index: 40;
    width: 260px;
    border-top: 3px solid #ff0707;
    background-color: #242628;
    transition: opacity ease-in-out 0.2s, top ease-in-out 0.2s, visibility ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, top ease-in-out 0.2s, visibility ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, top ease-in-out 0.2s, visibility ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
  }
  .action-bars__user-tools:before {
    content: '';
    position: absolute;
    z-index: 40;
    top: -9px;
    right: 27px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 6px 4px;
    border-color: transparent;
    border-bottom-color: #ff0707;
  }
  .action-bars__user-tools:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: transparent;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .action-bars__user-tools:before {
    right: 46px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .action-bars__user-tools:before {
    right: 30px;
  }
}
.action-bars__user-tools.active {
  top: 42px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
}
@media (min-width: 1240px) {
  .action-bars__user-tools.active {
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 1240px) {
  .action-bars__user-tools.active-desktop {
    top: 42px;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
  }
}
@media (min-width: 768px) {
  .action-bars__user-tools {
    z-index: 30;
  }
}
@media (min-width: 768px) {
  .action-bars {
    background-color: transparent;
  }
}
.current-user__rating {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}
.current-user__rating:before {
  content: '';
  display: block;
  margin-right: 5px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 43.05019305019305% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
@media (min-width: 768px) {
  .current-user__rating {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
}
.current-user__username {
  font-size: 14px;
  color: #fff;
}
@media (min-width: 768px) {
  .current-user__username {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: color 0.2s ease-in-out;
  }
}
@media (min-width: 1240px) {
  .current-user__username {
    max-width: 150px;
  }
}
@media (min-width: 1240px) {
  .current-user:hover .current-user__username {
    color: #a4a9b7;
  }
}
.statistics_profile .statistics__item {
  border-bottom: 1px solid #F1F1F1;
}
.statistics-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.statistics-info__title {
  padding: 16px 0;
  padding-left: 35px;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: HelveticaNeueCyrRoman;
  line-height: 18px;
}
.statistics-info__title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: transparent;
}
.statistics-info__title_comments:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 73.02231237322515%;
  width: 17px;
  height: 16px;
}
.statistics-info__title_like-comments:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 30.37475345167653% 82.92682926829268%;
  width: 23px;
  height: 17px;
}
.statistics-info__title_added-news:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 34.34959349593496%;
  width: 18px;
  height: 17px;
}
.statistics-info__title_like-news:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.78500986193293% 60.940695296523515%;
  width: 23px;
  height: 20px;
}
.statistics-info__value {
  margin-left: 5px;
  font-family: HelveticaNeueCyrBold;
  font-weight: bold;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.statistics-info_profile .statistics-info__title {
  padding-left: 30px;
  font-family: HelveticaNeueCyrRoman;
  line-height: 14px;
  color: #616170;
}
.statistics-info_profile .statistics-info__title_comments:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 76.26774847870182%;
  width: 17px;
  height: 16px;
}
.statistics-info_profile .statistics-info__title_like-comments:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 49.70414201183432% 39.63414634146341%;
  width: 23px;
  height: 17px;
}
.statistics-info_profile .statistics-info__title_added-news:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 47.764227642276424%;
  width: 18px;
  height: 17px;
}
.statistics-info_profile .statistics-info__title_like-news:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 45.167652859960555% 39.877300613496935%;
  width: 23px;
  height: 20px;
}
.statistics-info_header .statistics-info__title {
  padding-left: 35px;
}
.logout-bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-transform: uppercase;
  color: inherit;
}
.logout-bar:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 34.84251968503937% 82.92682926829268%;
  width: 22px;
  height: 17px;
  content: "";
  margin-right: 13px;
}
.main-input__input {
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 37px;
}
.main-input__input:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  margin: auto 0;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 53.45528455284553%;
  width: 19px;
  height: 17px;
}
@media (min-width: 1240px) {
  .main-input__input:hover input {
    border: 1px solid #797979;
    border-right: none;
  }
}
.main-input__input input {
  width: 100%;
  min-height: 100%;
  padding: 0 16px 0 46px;
  background-color: #404245;
  border: 1px solid transparent;
  border-right: none;
  color: #fff;
  transition: border-color ease-in-out 0.2s;
}
.main-input__input input::-webkit-input-placeholder {
  color: #A4A7AD;
  font-style: italic;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  line-height: 12px;
}
.main-input__input input::-moz-placeholder {
  color: #A4A7AD;
  font-style: italic;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  line-height: 36px;
}
.main-input__input input:-moz-placeholder {
  color: #A4A7AD;
  font-style: italic;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  line-height: 20px;
}
.main-input__input input:-ms-input-placeholder {
  color: #A4A7AD;
  font-style: italic;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  line-height: 12px;
}
.main-input__input input:focus {
  border-color: #e70000 !important;
}
.main-input__input button {
  height: 100%;
  -webkit-box-flex: 0;
  flex: none;
  padding: 0 18px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #e70000;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 1240px) {
  .main-input__input button:hover {
    background-color: #ff0707;
  }
}
.main-input_search-result .main-input__input:before {
  display: none;
}
.main-input_search-result .main-input__input input {
  padding: 0 16px;
  background-color: transparent;
  border-color: #D0CFCF;
  color: #616170;
}
.main-input_search-result .main-input__input button {
  font-weight: bold;
  text-transform: uppercase;
}
.change-nickname__title {
  margin-bottom: 8px;
  font-family: HelveticaNeueCyrRoman, sans-serif;
  color: #A4A9B7;
}
.wrapper {
  width: 100%;
}
.wrapper_inner {
  padding: 0 7px;
}
@media (min-width: 768px) {
  .wrapper_inner {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .wrapper {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
  }
}
@media (min-width: 970px) {
  .wrapper {
    max-width: 970px;
  }
}
@media (min-width: 1240px) {
  .wrapper {
    max-width: 1240px;
  }
}
@media (min-width: 1330px) {
  .wrapper {
    max-width: 1330px;
  }
}
.main-menu__list {
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .main-menu__list {
    padding: 11px 0 11px 15px;
    margin: 0 -12px;
  }
}
@media (min-width: 970px) {
  .main-menu__list {
    margin: 0;
    padding-left: 8px;
  }
}
@media (min-width: 1240px) {
  .main-menu__list {
    padding: 16px 0 13px 8px;
  }
}
.main-menu__item {
  padding: 5px 0;
}
@media (min-width: 768px) {
  .main-menu__item {
    padding: 10px 0;
  }
}
@media (min-width: 1240px) {
  .main-menu__item {
    padding: 0;
  }
}
.main-menu__link {
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
}
@media (min-width: 375px) {
  .main-menu__link {
    padding: 0 14px;
  }
}
@media (min-width: 768px) {
  .main-menu__link {
    padding: 0;
    margin: 0 12px;
    font-size: 14px;
  }
}
@media (min-width: 1240px) {
  .main-menu__link {
    padding: 2px 0;
    border-bottom: 1px solid transparent;
    transition: border-bottom ease-in-out 0.2s;
  }
  .main-menu__link:hover {
    border-bottom-color: #fff;
  }
}
.socials__links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.socials__link {
  position: relative;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(250, 250, 250, 0.36);
  border-radius: 50%;
  -webkit-box-flex: 0;
  flex: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.socials__link:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.socials__link_twitter:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 33.00970873786408% 74.64788732394366%;
  width: 15px;
  height: 12px;
}
.socials__link_vk:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 66.73346693386773%;
  width: 17px;
  height: 10px;
}
.socials__link_facebook:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 39.575289575289574% 86.11670020120724%;
  width: 12px;
  height: 12px;
}
.socials__link_youtube:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 21.52917505030181%;
  width: 18px;
  height: 12px;
}
.socials__link_steam:before {
  width: 23px;
  height: 15px;
  background: url('/images/social-steam.svg');
  margin-left: -1px;
}
.socials__link_telegram {
  -webkit-animation-name: telegram;
  animation-name: telegram;
  -webkit-animation-duration: 5000ms;
  animation-duration: 5000ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}
.socials__link_telegram:before {
  width: 23px;
  height: 15px;
  background-image: url('/images/socials-telegram.svg');
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 2px;
}
@media (min-width: 1240px) {
  .socials__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: border ease-in-out 0.1s;
  }
  .socials__link:hover {
    border-color: #fff;
  }
}
.socials__title {
  color: rgba(255, 255, 255, 0.8);
}
.socials_flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.socials_flex .socials__link {
  margin-left: 20px;
  width: auto;
  height: auto;
}
.socials_flex .socials__link:before {
  position: static;
  display: block;
}
@media (min-width: 1240px) {
  .socials_header:hover .socials__title,
  .socials_int:hover .socials__title {
    color: #fff;
  }
}
.socials_header {
  display: none;
}
@media (min-width: 970px) {
  .socials_header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}
.socials_header .socials__link {
  margin-left: 7px;
}
.socials_header .socials__title {
  display: none;
}
@media (min-width: 1240px) {
  .socials_header .socials__title {
    font-size: 14px;
    display: block;
    margin-right: 4px;
    transition: color ease-in-out 0.2s;
  }
}
.socials_footer-socials .socials__title {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .socials_footer-socials .socials__title {
    text-align: right;
  }
}
.socials_footer-socials .socials__link {
  margin-right: 14px;
}
@media (min-width: 768px) {
  .socials_footer-socials .socials__link {
    margin-right: 0;
    margin-left: 14px;
  }
}
.socials_int {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.socials_int .socials__title {
  margin-right: 15px;
  transition: color ease-in-out 0.2s;
}
.socials_game .socials__link {
  margin-right: 10px;
}
.socials_game .socials__link:hover {
  border-width: 1px;
}
.news {
  margin-bottom: 30px;
}
.news__sidebar {
  display: -webkit-box;
  display: flex;
  -webkit-box-ordinal-group: 3;
  order: 2;
}
@media (min-width: 768px) {
  .news__sidebar {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}
@media (min-width: 970px) {
  .news__sidebar {
    width: 37%;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media (min-width: 1240px) {
  .news__sidebar {
    height: 918px;
    width: 29%;
  }
}
@media (min-width: 1330px) {
  .news__sidebar {
    width: 27%;
  }
}
.news__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-ordinal-group: 2;
  order: 1;
  background-color: #F8F8F8;
  overflow: hidden;
}
@media (min-width: 768px) {
  .news__content {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media (min-width: 970px) {
  .news__content {
    width: 63%;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}
@media (min-width: 1240px) {
  .news__content {
    width: 42%;
  }
}
@media (min-width: 1330px) {
  .news__content {
    width: 46%;
  }
}
.news__matches {
  display: -webkit-box;
  display: flex;
  margin-top: 30px;
  -webkit-box-ordinal-group: 4;
  order: 3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
@media (min-width: 768px) {
  .news__matches {
    width: 100%;
  }
}
@media (min-width: 1240px) {
  .news__matches {
    width: 29%;
    margin-top: 0;
    border-left: 1px solid #E3E3E3;
  }
}
@media (min-width: 1330px) {
  .news__matches {
    width: 27%;
  }
}
@media (min-width: 768px) {
  .news {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
.news-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px 15px;
}
@media (min-width: 768px) {
  .news-content__items {
    margin-bottom: 20px;
  }
}
@media (min-width: 970px) {
  .news-content__items {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .news-content {
    padding: 0 30px 30px;
  }
}
.news-item {
  width: 100%;
  position: relative;
}
.news-item__title {
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #2E2F30;
  transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .news-item__title {
    font-size: 12px;
  }
}
@media (min-width: 1240px) {
  .news-item__title {
    transition: color 0.2s ease-in-out;
  }
}
.news-item__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: HelveticaNeueCyrRoman, sans-serif;
  cursor: default;
}
.news-item__statistics {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 8px;
  line-height: 17px;
  font-size: 11px;
}
.news-item__statistics:before {
  content: '';
  display: block;
}
.news-item__statistics_comment:before {
  margin-right: 6px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 14.230019493177387% 99.39024390243902%;
  width: 17px;
  height: 17px;
}
.news-item__statistics_likes:before {
  margin-top: -2px;
  margin-right: 3px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 89.45233265720081%;
  width: 18px;
  height: 16px;
}
.news-item__statistics_comment,
.news-item__statistics_likes {
  margin-top: 0;
}
.news-item__statistics_qstns:before {
  margin-top: -3px;
  margin-right: 5px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.61089494163424% 100%;
  width: 16px;
  height: 16px;
}
.news-item__statistics.active {
  color: #9B9BA3;
}
.news-item__statistics.active:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 71.60243407707911%;
  width: 18px;
  height: 16px;
}
.news-item__statistics:last-child {
  margin-right: 0;
}
@media (min-width: 768px) {
  .news-item__statistics {
    font-size: 12px;
  }
}
.news-item__text {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  text-align: left;
  transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
}
.news-item__text_blur-shadow {
  box-shadow: 0px 2px 45px 0px rgba(0, 0, 0, 0.5);
}
.news-item__author {
  max-width: 22%;
  margin-right: 10px;
  font-family: HelveticaNeueCyrRoman, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #D30000;
}
@media (min-width: 1240px) {
  .news-item__author {
    margin-bottom: -2px;
    padding: 2px 0;
    border-bottom: 1px solid transparent;
    transition: border-bottom ease-in-out 0.2s;
  }
  .news-item__author:hover {
    border-bottom-color: #D30000;
  }
}
.news-item__picture {
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: opacity ease-in-out 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.news-item__img img {
  width: 100%;
  height: 100%;
}
.news-item__icon-project {
  margin-top: -1px;
  margin-right: 4px;
  opacity: .6;
}
.news-item__icon-project_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 16.3265306122449%;
  width: 19px;
  height: 19px;
}
.news-item__icon-project_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 24.236252545824847%;
  width: 18px;
  height: 18px;
}
.news-item__icon-project_underlords {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 49.89816700610998%;
  width: 19px;
  height: 18px;
}
.news-item__icon-project_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 46.12244897959184%;
  width: 19px;
  height: 19px;
}
.news-item__icon-project_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 35.16260162601626%;
  width: 19px;
  height: 17px;
}
.news-item_lighten .news-item__title {
  color: #fff;
}
.news-item_lighten .news-item__info {
  color: #A4A9B7;
}
.news-item_darken .news-item__info {
  color: #616170;
}
.news-item_preview .news-item__picture {
  height: 144px;
  margin-bottom: 10px;
}
@media (min-width: 375px) {
  .news-item_preview .news-item__picture {
    padding-bottom: 40%;
  }
}
@media (min-width: 768px) {
  .news-item_preview .news-item__picture {
    padding-bottom: 0;
    height: 165px;
  }
}
@media (min-width: 970px) {
  .news-item_preview .news-item__picture {
    height: 130px;
  }
}
.news-item_preview .news-item__text:visited .news-item__title {
  color: rgba(155, 155, 163, 0.5);
}
.news-item_preview .news-item__icon-project {
  opacity: .9;
}
.news-item_preview .news-item__icon-project_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 23.877551020408163%;
  width: 19px;
  height: 19px;
}
.news-item_preview .news-item__icon-project_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 3.6659877800407332%;
  width: 18px;
  height: 18px;
}
.news-item_preview .news-item__icon-project_underlords {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 31.568228105906314%;
  width: 19px;
  height: 18px;
}
.news-item_preview .news-item__icon-project_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 27.755102040816325%;
  width: 19px;
  height: 19px;
}
.news-item_preview .news-item__icon-project_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 42.479674796747965%;
  width: 19px;
  height: 17px;
}
.news-item_no-wrap-text .news-item__title {
  line-height: 25px;
}
@media (min-width: 1240px) {
  .news-item {
    cursor: pointer;
  }
  .news-item:hover .news-item__title {
    color: #e70000;
  }
  .news-item:hover .news-item__picture {
    opacity: .9;
  }
  .news-item_sidebar-news:hover .news-item__title {
    color: #9B9BA3;
  }
}
.news-item_main-new {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .news-item_main-new {
    -webkit-box-align: initial;
    align-items: initial;
  }
}
.news-item_main-new .news-item__text {
  width: calc(100% - 32px);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  position: absolute;
  bottom: -35px;
  left: 15px;
  z-index: 2;
  padding: 15px;
  background-color: #242628;
  overflow: hidden;
  box-shadow: 0 2px 45px 0 rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .news-item_main-new .news-item__text {
    bottom: -30px;
    padding: 25px;
    left: 0;
    width: 447px;
  }
}
@media (min-width: 970px) {
  .news-item_main-new .news-item__text {
    bottom: -55px;
  }
}
.news-item_main-new .news-item__picture {
  height: 155px;
}
@media (min-width: 375px) {
  .news-item_main-new .news-item__picture {
    padding-bottom: 45%;
  }
}
@media (min-width: 768px) {
  .news-item_main-new .news-item__picture {
    padding-bottom: 0;
    height: 322px;
    width: auto;
    margin: 0 -31px;
  }
}
@media (min-width: 1240px) {
  .news-item_main-new .news-item__picture {
    height: 360px;
  }
}
.news-item_main-new .news-item__title {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  max-height: 44px;
  white-space: normal;
}
@media (min-width: 768px) {
  .news-item_main-new .news-item__title {
    max-height: 111px;
  }
}
@media (min-width: 970px) {
  .news-item_main-new .news-item__title {
    font-size: 22px;
    line-height: 28px;
  }
}
.news-item_main-new .news-item__info {
  margin-bottom: 6px;
  color: #a4a9b7;
}
.news-item_main-new .news-item__type {
  display: none;
}
@media (min-width: 375px) {
  .news-item_main-new .news-item__type .type-new {
    position: static;
  }
}
@media (min-width: 375px) {
  .news-item_main-new .news-item__type {
    display: block;
    margin-right: 8px;
    margin-left: 7px;
  }
}
.news-item_sidebar-news .news-item__text:visited .news-item__title {
  color: #949494;
}
.news-item_sidebar-news .news-item__text:visited:hover .news-item__title {
  color: rgba(255, 255, 255, 0.9);
}
.news-item_sidebar-news .news-item__title {
  white-space: initial;
  font-weight: normal;
  max-height: 32px;
  line-height: 16px;
}
@media (min-width: 970px) {
  .news-item_sidebar-news .news-item__title {
    font-size: 13px;
  }
}
@media (min-width: 970px) {
  .news-item_list-blog .news-item__title {
    max-height: 38px;
  }
}
@media (min-width: 1240px) {
  .news-item_list-blog .news-item__title {
    max-height: 40px;
  }
}
.news-item_other-news .news-item__img {
  margin-bottom: 8px;
}
.news-item_other-news .news-item__title {
  max-height: 42px;
  overflow: hidden;
  line-height: 22px;
  font-size: 16px;
  white-space: normal;
  color: #181819;
}
.news-item_other-news .news-item__statistics {
  color: #616170;
}
.news-item_list-news .news-item__picture {
  height: 140px;
}
@media (min-width: 375px) {
  .news-item_list-news .news-item__picture {
    padding-bottom: 55%;
  }
}
@media (min-width: 768px) {
  .news-item_list-news .news-item__picture {
    padding-bottom: 0;
    height: 167px;
  }
}
@media (min-width: 1240px) {
  .news-item_list-news .news-item__picture {
    height: 152px;
  }
}
@media (min-width: 1330px) {
  .news-item_list-news .news-item__picture {
    height: 167px;
  }
}
.news-item_all-news-strong .news-item__title {
  max-height: 19px;
  margin-top: 10px;
  margin-bottom: 0;
  color: #fff;
}
@media (min-width: 768px) {
  .news-item_all-news-strong .news-item__title {
    max-height: 42px;
  }
}
.news-item_all-news-strong .news-item__text {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  position: relative;
  z-index: 10;
  margin-top: -50px;
  padding: 20px 15px 25px;
  width: 256px;
  background-color: #242628;
}
@media (min-width: 375px) {
  .news-item_all-news-strong .news-item__text {
    margin-top: -70px;
  }
}
@media (min-width: 768px) {
  .news-item_all-news-strong .news-item__text {
    width: 462px;
  }
}
.news-item_all-news-strong .news-item__statistics {
  color: #DFDFE5;
}
.news-item_all-news-strong .news-item__statistics_comment:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 69.71544715447155%;
  width: 17px;
  height: 17px;
}
.news-item_all-news-strong .news-item__statistics_likes:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 54.766734279918865%;
  width: 18px;
  height: 16px;
}
@media (min-width: 768px) {
  .news-item_all-news-strong .news-item__picture {
    height: 345px;
  }
}
@media (min-width: 970px) {
  .news-item_all-news-strong .news-item__picture {
    height: 350px;
  }
}
@media (min-width: 1240px) {
  .news-item_all-news-strong .news-item__picture {
    height: 320px;
  }
}
@media (min-width: 1330px) {
  .news-item_all-news-strong .news-item__picture {
    height: 350px;
  }
}
@media (min-width: 1240px) {
  .news-item_main-new:hover .news-item__text,
  .news-item_all-news-strong:hover .news-item__text {
    background-color: #06080A;
  }
  .news-item_main-new:hover .news-item__title,
  .news-item_all-news-strong:hover .news-item__title {
    color: #fff;
  }
  .news-item_main-new:hover .news-item__picture,
  .news-item_all-news-strong:hover .news-item__picture {
    opacity: .9;
  }
}
.news-item_post-news .news-item__title {
  margin-top: 5px;
  margin-bottom: 8px;
}
.news-item_post-news .news-item__picture {
  height: 160px;
}
@media (min-width: 768px) {
  .news-item_post-news .news-item__picture {
    height: 105px;
  }
}
@media (min-width: 970px) {
  .news-item_post-news .news-item__picture {
    height: 135px;
  }
}
@media (min-width: 1240px) {
  .news-item_post-news .news-item__picture {
    height: 125px;
  }
}
@media (min-width: 1330px) {
  .news-item_post-news .news-item__picture {
    height: 135px;
  }
}
.news-item_game-preview .news-item__picture {
  height: 120px;
}
@media (min-width: 375px) {
  .news-item_game-preview .news-item__picture {
    padding-bottom: 50%;
  }
}
@media (min-width: 768px) {
  .news-item_game-preview .news-item__picture {
    height: 150px;
  }
}
@media (min-width: 970px) {
  .news-item_game-preview .news-item__picture {
    height: 200px;
  }
}
@media (min-width: 1240px) {
  .news-item_game-preview .news-item__picture {
    height: 210px;
  }
}
.news-item_game .news-item__title {
  height: 43px;
  font-size: 16px;
  line-height: 20px;
  white-space: normal;
  color: #181819;
}
.news-item_left-img {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.news-item_left-img:hover .news-item__picture {
  opacity: 1;
}
.news-item_left-img:hover .news-item__picture:before {
  opacity: 1;
  visibility: visible;
}
.news-item_left-img .news-item__picture {
  position: relative;
  -webkit-box-flex: 0;
  flex: none;
  margin-right: 10px;
  width: 90px;
  height: 53px;
  transition: 0.2s ease-in-out;
  opacity: .9;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.news-item_left-img .news-item__picture:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 160, 160, 0.07);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateX(0px) scale(1.2);
    transform: translateX(0px) scale(1.2);
  }
  50% {
    -webkit-transform: translateX(3px) scale(1.3);
    transform: translateX(3px) scale(1.3);
  }
  100% {
    -webkit-transform: translateX(0px) scale(1.2);
    transform: translateX(0px) scale(1.2);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateX(0px) scale(1.2);
    transform: translateX(0px) scale(1.2);
  }
  50% {
    -webkit-transform: translateX(3px) scale(1.3);
    transform: translateX(3px) scale(1.3);
  }
  100% {
    -webkit-transform: translateX(0px) scale(1.2);
    transform: translateX(0px) scale(1.2);
  }
}
.news-items__item {
  padding: 15px 0;
}
@media (min-width: 970px) {
  .news-items__item {
    padding: 16px 0;
  }
}
@media (min-width: 768px) {
  .news-items__item {
    width: calc(50% - 15px);
  }
}
@media (min-width: 768px) {
  .news-items__item_fluid {
    width: 100%;
  }
}
@media (min-width: 1240px) {
  .news-items__item {
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .news-items {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: -13px;
  }
}
.news-items_main .news-items__item:first-child {
  margin: 0 -15px;
  padding-top: 0;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .news-items_main .news-items__item:first-child {
    margin: 0;
    margin-bottom: 30px;
  }
}
@media (min-width: 970px) {
  .news-items_main .news-items__item:first-child {
    margin-bottom: 50px;
  }
}
.news-items_games .news-items__item {
  padding: 16px 0;
  margin: 0;
}
.more-link {
  margin-top: auto;
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  align-self: flex-start;
  line-height: 20px;
}
.more-link__text {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: border-bottom ease-in-out 0.2s, color ease-in-out 0.2s;
}
.more-link__ico {
  position: relative;
  margin-left: 7px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  transition: border-color ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, border-color ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, border-color ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.more-link__ico:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.more-link:hover .more-link__ico {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
}
.more-link_main-color .more-link__text {
  color: #D30000;
}
.more-link_main-color .more-link__ico {
  border: 1px solid #D30000;
}
.more-link_main-color .more-link__ico:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 61.34615384615385% 74.05189620758483%;
  width: 10px;
  height: 8px;
}
@media (min-width: 1240px) {
  .more-link_main-color:hover .more-link__text {
    border-bottom: 1px solid rgba(231, 0, 0, 0.25);
    color: #f70000;
  }
  .more-link_main-color:hover .more-link__ico {
    border-color: #f70000;
  }
}
.more-link_lighten .more-link__text {
  color: #fff;
}
.more-link_lighten .more-link__ico {
  background-color: #D30000;
}
.more-link_lighten .more-link__ico:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.1923076923077% 74.05189620758483%;
  width: 10px;
  height: 8px;
}
@media (min-width: 1240px) {
  .more-link_lighten:hover {
    color: #d9d9d9;
  }
  .more-link_lighten:hover .more-link__text {
    border-bottom: 1px solid #d9d9d9;
  }
}
.more-link_main-info {
  margin-top: 18px;
}
.more-link_down:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.news-sidebar__header {
  margin-top: 19px;
}
@media (min-width: 768px) {
  .news-sidebar__header {
    margin: 0;
    margin-left: auto;
    padding: 0;
    width: 300px;
  }
}
@media (min-width: 970px) {
  .news-sidebar__header {
    margin: 15px 0 31px;
  }
}
@media (min-width: 1240px) {
  .news-sidebar__header {
    margin: 15px 0 30px;
  }
}
.news-sidebar__tabs-projects {
  margin-bottom: 10px;
  max-width: 340px;
  width: 100%;
  display: -webkit-box;
  display: flex;
}
.news-sidebar__items {
  display: none;
}
.news-sidebar__items.active {
  display: block;
}
@media (min-width: 768px) {
  .news-sidebar__items {
    width: 100%;
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}
@media (min-width: 970px) {
  .news-sidebar__items {
    -webkit-columns: 1;
    columns: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}
.news-sidebar__item {
  height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.news-sidebar__item:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .news-sidebar__item {
    -webkit-column-break-inside: avoid;
  }
}
@media (min-width: 1240px) {
  .news-sidebar__item {
    height: 74px;
  }
}
.news-sidebar__all-news {
  margin-top: auto;
  width: 100%;
  padding: 17px 0;
  background-color: #D30000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #fff;
  transition: background-color ease-in-out 0.2s;
  -webkit-box-ordinal-group: 2;
  order: 1;
}
@media (min-width: 1240px) {
  .news-sidebar__all-news:hover {
    background-color: #e70000;
  }
}
@media (min-width: 768px) {
  .news-sidebar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
  }
}
@media (min-width: 970px) {
  .news-sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.news-category {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.news-category__title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  display: none;
}
@media (min-width: 970px) {
  .news-category__title {
    display: block;
  }
}
.news-category__categoty-controller {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
}
@media (min-width: 970px) {
  .news-category__categoty-controller {
    margin: 0 -11px;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
}
.news-category__sort-ico {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  flex: 1;
  position: relative;
  padding: 20px 0;
}
.news-category__sort-ico:before {
  display: block;
  content: '';
  opacity: .5;
  transition: opacity .2s;
}
@media (min-width: 768px) {
  .news-category__sort-ico:before {
    margin-right: 9px;
  }
}
@media (min-width: 970px) {
  .news-category__sort-ico:before {
    margin-right: 0;
  }
}
.news-category__sort-ico:after {
  content: '';
  position: absolute;
  z-index: 10;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 100%;
  margin: 0 auto;
  background-color: #D30000;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .news-category__sort-ico:after {
    bottom: -17px;
  }
}
@media (min-width: 970px) {
  .news-category__sort-ico:after {
    bottom: -11px;
  }
}
.news-category__sort-ico span {
  display: none;
}
.news-category__sort-ico.active:after {
  visibility: visible;
  opacity: 1;
}
.news-category__sort-ico.active:before {
  opacity: 1;
}
@media (min-width: 768px) {
  .news-category__sort-ico.active {
    color: #fff;
  }
}
.news-category__sort-ico_all-news:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 61.8860510805501% 90.57377049180327%;
  width: 21px;
  height: 21px;
}
.news-category__sort-ico_news:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 41.222879684418146% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.news-category__sort-ico_last-news:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.765625% 31.95876288659794%;
  width: 18px;
  height: 24px;
}
.news-category__sort-ico_champs:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 70.75098814229248% 79.26078028747433%;
  width: 24px;
  height: 22px;
}
.news-category__sort-ico_guids:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 49.70645792563601% 90.75975359342915%;
  width: 19px;
  height: 22px;
}
.news-category__sort-ico_games:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 54.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
@media (min-width: 768px) {
  .news-category__sort-ico {
    padding: 0;
    margin-right: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: none;
    text-transform: uppercase;
    color: #A1A2A3;
  }
  .news-category__sort-ico span {
    display: block;
  }
}
@media (min-width: 970px) {
  .news-category__sort-ico {
    margin: 0 11px;
  }
  .news-category__sort-ico span {
    display: none;
  }
}
@media (min-width: 1240px) {
  .news-category__sort-ico {
    cursor: pointer;
  }
  .news-category__sort-ico:hover:before {
    opacity: 1;
  }
  .news-category__sort-ico:hover .news-category-tooltip {
    opacity: 1;
    visibility: visible;
  }
}
.matches {
  width: 100%;
}
.matches__all-matches {
  margin-top: auto;
}
.matches-items {
  padding-top: 15px;
  display: none;
}
@media (min-width: 768px) {
  .matches-items__column {
    margin: 0 15px;
    width: 50%;
  }
}
@media (min-width: 1240px) {
  .matches-items__column {
    width: 100%;
    margin: 0;
  }
}
.matches-items__item {
  position: relative;
  -webkit-column-break-inside: avoid;
  margin-bottom: 8px;
  background-color: rgba(239, 239, 239, 0.5);
}
.matches-items__item:last-child {
  margin-bottom: 0;
}
.matches-items__item_live {
  background-color: rgba(104, 177, 28, 0.12);
}
@media (min-width: 1240px) {
  .matches-items__item {
    transition: ease-in-out 0.2s;
  }
}
.matches-items.active {
  display: block;
}
@media (min-width: 768px) {
  .matches-items {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}
@media (min-width: 1240px) {
  .matches-items {
    -webkit-columns: 1;
    columns: 1;
  }
}
.matches-items_authorized {
  padding: 9px 0;
}
.main-tabs {
  display: -webkit-box;
  display: flex;
  margin: 0 -9px;
}
.main-tabs__control {
  position: relative;
  margin: 0 9px;
  text-transform: uppercase;
  color: #2E2F30;
  cursor: pointer;
}
.main-tabs__control:after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: #D30000;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
}
.main-tabs__control.active {
  color: #D30000;
}
.main-tabs__control.active:after {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1240px) {
  .main-tabs__control {
    transition: color .2s;
  }
  .main-tabs__control:hover {
    color: #D30000;
  }
}
.main-tabs_profile-blog .main-tabs__control:after {
  bottom: -7px;
}
.main-tabs_match-inner .main-tabs__control:after {
  bottom: -8px;
}
.matches-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  transition: ease-in-out 0.2s;
}
.matches-item__wrapper-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  z-index: 30;
  -webkit-box-flex: 0;
  flex: none;
  min-width: 38px;
}
.matches-item__game-logo {
  margin-bottom: 3px;
}
.matches-item__game-logo_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 4.1420118343195265% 95.67901234567901%;
  width: 23px;
  height: 23px;
}
.matches-item__game-logo_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 77.79960707269156% 90.57377049180327%;
  width: 21px;
  height: 21px;
}
.matches-item__game-logo_lol {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 53.63457760314342% 90.75975359342915%;
  width: 21px;
  height: 22px;
}
.matches-item__game-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.matches-item__text-info {
  position: relative;
  padding: 0 5px;
  font-size: 10px;
  font-weight: bold;
  color: #2E2F30;
}
.matches-item__text-info:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  top: 50%;
  right: -1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 2px;
  background-color: #2E2F30;
}
.matches-item__text-info:last-child:after {
  display: none;
}
.matches-item__text-info_strong {
  font-size: 12px;
  font-weight: bold;
}
.matches-item__bets-percent {
  line-height: 14px;
  color: #585C60;
}
.matches-item__name-team {
  margin-bottom: 2px;
  width: 58px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  line-height: 14px;
  color: #2E2F30;
}
@media (min-width: 375px) {
  .matches-item__name-team {
    width: 65px;
  }
}
@media (min-width: 768px) {
  .matches-item__name-team {
    width: 100px;
  }
}
@media (min-width: 1240px) {
  .matches-item__name-team {
    width: 60px;
  }
}
.matches-item__team {
  width: 100%;
  padding: 10px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.matches-item__team_left {
  border-radius: 0 4px 4px 0;
}
.matches-item__team_right {
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: right;
  border-radius: 4px 0 0 4px;
}
.matches-item__logo-team {
  width: 45px;
  text-align: center;
  -webkit-box-flex: 0;
  flex: none;
}
.matches-item__logo-team img {
  margin: -1px 0;
  padding: 0 8px;
}
.matches-item__data-team {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.matches-item__data-team:after {
  content: '';
  position: absolute;
  z-index: 20;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-radius: 4px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 57.026476578411405%;
  width: 19px;
  height: 18px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
  will-change: transform;
}
.matches-item_score .matches-item__team.win {
  background-color: rgba(104, 177, 28, 0.08);
}
.matches-item_score .matches-item__team.win .matches-item__data-team,
.matches-item_score .matches-item__team.win .matches-item__logo-team {
  opacity: 1;
}
.matches-item_score .matches-item__team.win .matches-item__data-team:after {
  opacity: 1;
  visibility: visible;
}
.matches-item_score .matches-item__team.loss .matches-item__data-team,
.matches-item_score .matches-item__team.loss .matches-item__logo-team {
  opacity: .5;
}
.matches-item_score .matches-item__team.loss .matches-item__bets-percent {
  color: #2E2F30;
}
.matches-item_score .matches-item__team_left .matches-item__data-team {
  -webkit-box-align: start;
  align-items: flex-start;
}
.matches-item_score .matches-item__team_left .matches-item__data-team:after {
  right: 5px;
}
.matches-item_score .matches-item__team_right .matches-item__data-team {
  -webkit-box-align: end;
  align-items: flex-end;
}
.matches-item_score .matches-item__team_right .matches-item__data-team:after {
  left: 5px;
}
.matches-item:hover:not(.matches-item_end-game):not(.matches-item_live) {
  background-color: rgba(120, 203, 32, 0.08);
}
.main-info {
  margin: 30px 0;
}
.main-info__banner {
  background-image: url('/images/banners/banner_ts.png');
  background-repeat: no-repeat;
  background-size: auto 104%;
  background-position: center;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 113%;
}
@media (min-width: 768px) {
  .main-info__banner {
    padding-bottom: 0;
    background-size: cover;
  }
}
@media (min-width: 1240px) {
  .main-info__banner {
    background-size: auto 100%;
    transition: ease-in-out 0.2s;
    -webkit-transform: transform scale(1.016);
    transform: transform scale(1.016);
  }
  .main-info__banner:hover {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
  }
}
.main-info__aside .main-info__banner {
  padding-bottom: 150%;
  background-image: url('/images/banners/eSport_360x560.jpg');
}
@media (min-width: 768px) {
  .main-info__aside .main-info__banner {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .main-info__aside,
  .main-info__center {
    width: 50%;
  }
}
@media (min-width: 1240px) {
  .main-info__aside {
    width: 29%;
    overflow: hidden;
  }
  .main-info__center {
    width: 21%;
    overflow: hidden;
  }
}
@media (min-width: 1330px) {
  .main-info__aside {
    width: 27%;
  }
  .main-info__center {
    width: 23%;
  }
}
@media (min-width: 768px) {
  .main-info {
    width: 100%;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1240px) {
  .main-info {
    flex-wrap: nowrap;
  }
}
.streamers {
  -webkit-box-flex: 1;
  flex-grow: 1;
  height: 100%;
}
.streamers__item {
  display: -webkit-box;
  display: flex;
  height: 50px;
  border-bottom: 1px solid #F0F0F0;
}
.streamers__item:last-child {
  margin-bottom: 0;
}
.streamers__item_sidebar {
  height: 49px;
}
.streamers__item_sidebar:last-child {
  border-bottom: none;
}
.streamers__all-streams {
  margin-top: auto;
}
.streamer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
  font-size: 14px;
}
.streamer__subscribers {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 68px;
  padding-left: 15px;
  padding-right: 5px;
  height: 24px;
  margin-right: 20px;
  background-color: #D30000;
  color: #fff;
  box-shadow: 0 2px 20px -3px #D30000;
}
.streamer__counter-subs {
  width: 100%;
  padding-left: 7px;
}
.streamer__counter-subs:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  margin: auto 0;
  content: '';
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 52.98651252408478% 39.39393939393939%;
  width: 11px;
  height: 14px;
}
.streamer__streamer-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.streamer__name {
  width: 120px;
  font-family: HelveticaNeueCyrRoman;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #1E2022;
}
.streamer__picture {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-box-flex: 0;
  flex: none;
}
.streamer__picture img {
  width: 100%;
}
.streamer__flag {
  -webkit-box-flex: 0;
  flex: none;
  width: 24px;
  height: 24px;
  margin-left: auto;
  border-radius: 2px;
  overflow: hidden;
}
.streamer__flag img {
  width: 100%;
  height: 100%;
}
@media (min-width: 1240px) {
  .streamer__subscribers,
  .streamer__name,
  .streamer__flag {
    transition: box-shadow ease-in-out 0.1s, background-color ease-in-out 0.1s, color ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
    transition: box-shadow ease-in-out 0.1s, background-color ease-in-out 0.1s, color ease-in-out 0.1s, transform ease-in-out 0.1s;
    transition: box-shadow ease-in-out 0.1s, background-color ease-in-out 0.1s, color ease-in-out 0.1s, transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  }
  .streamer:hover .streamer__subscribers {
    background-color: #ff0707;
    box-shadow: 0 2px 20px -3px #ff0707;
  }
  .streamer:hover .streamer__name {
    color: #e70000;
  }
  .streamer:hover .streamer__flag {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
.ratings-items {
  counter-reset: blogs;
  color: #fff;
}
.ratings-items__item {
  height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(88, 92, 96, 0.35);
}
@media (min-width: 1240px) {
  .ratings-items__item {
    cursor: pointer;
  }
}
.rating-team {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
  height: 100%;
  font-size: 14px;
}
.rating-team__name {
  width: 120px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
@media (min-width: 1240px) {
  .rating-team__name {
    width: 75px;
    transition: color ease-in-out 0.2s;
  }
}
.rating-team__info,
.rating-team__stat {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.rating-team__num:before {
  display: block;
  margin-right: 3px;
  counter-increment: ratings;
  content: "0" counter(ratings);
  font-weight: bold;
  font-size: 18px;
  color: #C4C4CA;
  transition: color ease-in-out 0.2s;
}
.rating-team__logo {
  width: 24px;
  height: 24px;
  border-radius: 100;
  overflow: hidden;
}
.rating-team__logo img {
  width: 100%;
  height: 100%;
}
.rating-team__stat {
  margin-left: auto;
}
.rating-team__rating-value {
  width: 35px;
  text-align: right;
}
.rating-team__counter-likes {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
  font-weight: bold;
  width: 38px;
}
.rating-team__counter-likes:after {
  content: '';
  -webkit-box-flex: 0;
  flex: none;
  margin-left: 5px;
}
.rating-team__counter-likes_up {
  color: #52AA05;
}
.rating-team__counter-likes_up:after {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 27.67676767676768%;
  width: 18px;
  height: 14px;
}
.rating-team__counter-likes_down {
  color: #D30000;
}
.rating-team__counter-likes_down:after {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.10852713178295% 35.87174348697395%;
  width: 14px;
  height: 10px;
}
.rating-team__counter-likes_neutral:before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 3px solid #9B9BA3;
}
.rating-team__counter-likes_neutral:after {
  display: none;
}
@media (min-width: 1240px) {
  .rating-team:hover .rating-team__num:before {
    color: #fff;
  }
  .rating-team:hover .rating-team__name {
    color: #9B9BA3;
  }
}
.blogs-items {
  counter-reset: blogs;
  color: #fff;
}
.blogs-items__item {
  height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(88, 92, 96, 0.35);
}
.blogs-items__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 1240px) {
  .blogs-items_post-blogs {
    display: none;
  }
}
@media (min-width: 1240px) {
  .blogs-items {
    border-left: 1px solid #313335;
  }
}
.top-bloger {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
  font-size: 14px;
}
.top-bloger__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.top-bloger__rating {
  margin-left: auto;
  transition: color ease-in-out 0.2s;
}
.top-bloger__num:before {
  display: block;
  margin-right: 13px;
  counter-increment: blogs;
  content: "0" counter(blogs);
  font-weight: bold;
  font-size: 18px;
  color: #76787E;
  transition: color ease-in-out 0.2s;
}
.top-bloger__picture {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.top-bloger__picture img {
  width: 100%;
  height: 100%;
}
.top-bloger__name {
  margin-left: 10px;
  width: 120px;
  font-family: HelveticaNeueCyrRoman;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
}
@media (min-width: 1240px) {
  .top-bloger__name {
    width: 78px;
    transition: color ease-in-out 0.2s;
  }
}
@media (min-width: 1330px) {
  .top-bloger__name {
    width: 88px;
  }
}
.top-bloger__rating {
  color: #A4A9B7;
}
@media (min-width: 1240px) {
  .top-bloger_blogs .top-bloger__name {
    width: 93px;
  }
}
@media (min-width: 1330px) {
  .top-bloger_blogs .top-bloger__name {
    width: 135px;
  }
}
@media (min-width: 1240px) {
  .top-bloger:hover .top-bloger__num:before {
    color: #fff;
  }
  .top-bloger:hover .top-bloger__name {
    color: #b6b6bb;
  }
  .top-bloger:hover .top-bloger__rating {
    color: #fff;
  }
}
.tournaments-items {
  height: 100%;
}
.tournaments-items__item {
  height: 80px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid #F0F0F0;
}
.tournaments-items__items {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .tournaments-items__items {
    margin-bottom: 0;
  }
}
.tournament {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.tournament__picture {
  position: relative;
  width: 80px;
  height: 48px;
  -webkit-box-flex: 0;
  flex: none;
  margin-right: 10px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .89;
  transition: .2s ease;
}
.tournament__picture:before,
.tournament__picture:after {
  content: "";
  z-index: 10;
  position: absolute;
  right: -11px;
  width: 15px;
  height: 40px;
  background-color: #fff;
}
.tournament__picture:before {
  top: -6px;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
}
.tournament__picture:after {
  bottom: -6px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
@media (min-width: 768px) {
  .tournament__picture {
    width: 110px;
  }
}
.tournament__data {
  width: 100%;
}
.tournament__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
.tournament__title {
  max-width: 170px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #2E2F30;
}
.tournament__text {
  max-width: 120px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  color: #616170;
}
.tournament__time {
  -webkit-box-flex: 0;
  flex: none;
  margin-right: 10px;
}
.tournament__flag {
  margin-top: 2px;
  margin-right: 10px;
  width: 26px;
  height: 18px;
  border-radius: 2px;
  overflow: hidden;
  -webkit-box-flex: 0;
  flex: none;
}
.tournament__flag img {
  width: 100%;
  height: 100%;
}
.tournament:hover .tournament__picture {
  opacity: 1;
}
@media (min-width: 375px) {
  .tournament_list .tournament__picture {
    width: 110px;
  }
}
.blogs-market__top-blogs,
.blogs-market__blogs,
.blogs-market__market {
  background-color: #fff;
}
.blogs-market__top-blogs {
  display: none;
}
@media (min-width: 1240px) {
  .blogs-market__top-blogs {
    display: -webkit-box;
    display: flex;
    width: 29%;
  }
}
@media (min-width: 1330px) {
  .blogs-market__top-blogs {
    width: 27%;
  }
}
@media (min-width: 768px) {
  .blogs-market__blogs {
    display: -webkit-box;
    display: flex;
    width: 100%;
    border-left: 1px solid #EDEDED;
  }
}
@media (min-width: 1240px) {
  .blogs-market__blogs {
    width: 42%;
  }
}
@media (min-width: 1330px) {
  .blogs-market__blogs {
    width: 46%;
  }
}
.blogs-market__market {
  width: 100%;
  margin-top: 30px;
}
@media (min-width: 1240px) {
  .blogs-market__market {
    width: 29%;
    margin: 0;
    border-left: 1px solid #EDEDED;
  }
}
@media (min-width: 1330px) {
  .blogs-market__market {
    width: 27%;
  }
}
@media (min-width: 768px) {
  .blogs-market {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
.market__header {
  margin-bottom: 15px;
}
.market__items {
  margin: -4px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.market__item {
  padding: 4px;
  width: 50%;
}
.market__item:nth-child(n + 11):nth-child(-n + 12) {
  display: none;
}
@media (min-width: 768px) {
  .market__item {
    width: 25%;
  }
  .market__item:nth-child(n + 9):nth-child(-n + 10) {
    display: none;
  }
}
@media (min-width: 970px) {
  .market__item {
    width: 16.66666667%;
  }
  .market__item:nth-child(n + 9):nth-child(-n + 12) {
    display: block;
  }
}
@media (min-width: 1240px) {
  .market__item {
    width: 50%;
  }
}
.subject {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
  background-color: #F8F8F8;
  border: 1px solid #EFEFEF;
}
.subject__subject-picture {
  height: 100px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: auto;
  position: relative;
}
.subject__subject-picture img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: 20;
  height: 100%;
}
.subject__price {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 30;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 20px;
  padding: 0 7px;
  background-color: #242628;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 2px 10px -1px #242628;
  transition: oapcity ease-in-out 0.1s, visibility ease-in-out 0.1s;
  opacity: 1;
  visibility: visible;
}
.subject__price:after {
  content: 'Р';
  margin-left: 5px;
  display: inline-block;
  font-family: Rub;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
.subject__price:before {
  content: "";
  position: absolute;
  right: -6px;
  top: 0;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 10px 0 10px 6px;
  border-color: transparent transparent transparent #242628;
}
.subject__price_inner-price {
  top: 12px;
}
.subject__name {
  width: 100%;
  padding: 8px 10px;
  padding-right: 3px;
  font-size: 14px;
  color: #606672;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  opacity: 1;
  visibility: visible;
}
.subject__name_inner-name {
  margin-top: 43px;
  padding: 0 5px;
  line-height: 20px;
  white-space: normal;
  overflow: normal;
}
.subject__info {
  display: none;
}
.subject_hot-subj:before {
  content: '';
  position: absolute;
  z-index: 30;
  top: 8px;
  right: 8px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 58.266129032258064% 40.1673640167364%;
  width: 34px;
  height: 31px;
  transition: opacity ease-in-out 0.1s, visibility ease-in-out 0.1s;
}
@media (min-width: 1240px) {
  .subject_hot-subj:hover:before {
    opacity: 0;
    visibility: hidden;
  }
}
.subject_hot-subj .subject__price {
  background-color: #bf0000;
  box-shadow: 0 2px 10px -1px #bf0000;
}
.subject_hot-subj .subject__price:before {
  border-left-color: #bf0000;
}
@media (min-width: 1240px) {
  .subject {
    position: relative;
    cursor: pointer;
    overflow: hidden;
  }
  .subject__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    position: absolute;
    z-index: 40;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(248, 248, 248, 0.9);
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.2s;
  }
  .subject:hover .subject__price,
  .subject:hover .subject__name {
    opacity: 0;
    visibility: hidden;
  }
  .subject:hover .subject__price_inner-price,
  .subject:hover .subject__name_inner-name,
  .subject:hover .subject__info {
    opacity: 1;
    visibility: visible;
  }
}
.footer {
  padding: 32px 22px;
  background-color: #242628;
}
@media (min-width: 768px) {
  .footer__info {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 970px) {
  .footer__info {
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
}
.footer__menu-projects {
  border-top: 1px solid rgba(88, 92, 96, 0.35);
}
@media (min-width: 970px) {
  .footer__menu-projects {
    margin-top: 30px;
    padding-top: 30px;
  }
}
.footer__site-menu {
  padding: 10px 0;
  border-bottom: 1px solid rgba(88, 92, 96, 0.35);
}
@media (min-width: 768px) {
  .footer__site-menu {
    padding: 20px 0;
    width: 100%;
    -webkit-box-ordinal-group: 4;
    order: 3;
    border: none;
  }
}
@media (min-width: 970px) {
  .footer__site-menu {
    width: auto;
    margin-left: 50px;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}
@media (min-width: 1240px) {
  .footer__site-menu {
    margin-left: 100px;
  }
}
.footer__socials {
  padding: 20px 0;
}
@media (min-width: 768px) {
  .footer__socials {
    padding: 0;
    margin-left: auto;
  }
}
@media (min-width: 970px) {
  .footer__socials {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
}
.footer-logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: HelveticaNeueCyrRoman, sans-serif;
}
.footer-logo__logo {
  -webkit-box-flex: 0;
  flex: none;
  margin-right: 20px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 81.11587982832619% 41.03671706263499%;
  width: 64px;
  height: 46px;
}
.footer-logo__copyright {
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
}
.footer-logo__typo {
  color: #A4A9B7;
}
.footer-logo__typo.footer-pubg-info {
  max-width: 240px;
  margin-top: 10px;
  line-height: 16px;
}
.footer-logo__typo.footer-pubg-info a {
  color: inherit;
}
.site-menu__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.site-menu__item {
  padding: 12px 0;
}
@media (min-width: 768px) {
  .site-menu__item {
    padding: 0;
  }
}
.site-menu__link {
  padding: 0 10px;
  font-family: HelveticaNeueCyrRoman, sans-serif;
  font-size: 14px;
  color: #fff;
}
@media (min-width: 1240px) {
  .site-menu__link {
    transition: color 0.1s ease-in-out;
  }
  .site-menu__link:hover {
    color: #a4a9b7;
  }
}
.footer-menu-project {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.footer-menu-project__column {
  width: 50%;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .footer-menu-project__column {
    width: 25%;
  }
}
@media (min-width: 1240px) {
  .footer-menu-project__column {
    -webkit-box-flex: 1;
    flex: 1;
  }
}
.footer-menu-project__title-project {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}
.footer-menu-project__list-item {
  margin-bottom: 20px;
}
.footer-menu-project__list-item:last-child {
  margin-bottom: 0;
}
.footer-menu-project__link {
  font-family: HelveticaNeueCyrRoman, sans-serif;
  color: #A4A9B7;
}
@media (min-width: 1240px) {
  .footer-menu-project__link {
    transition: color 0.1s ease-in-out;
  }
  .footer-menu-project__link:hover {
    color: #fff;
  }
}
.post-content__header {
  padding-bottom: 15px;
  border-bottom: #e9e9e9 1px solid;
}
@media (min-width: 768px) {
  .post-content__header {
    padding-bottom: 20px;
  }
}
.post-content__body {
  padding-top: 18px;
}
.post-content__comments {
  margin-top: 30px;
}
.post-arround {
  color: #616170;
}
.post-arround__socials {
  display: none;
}
@media (min-width: 768px) {
  .post-arround__socials {
    display: block;
    font-family: HelveticaNeueCyrRoman;
  }
}
.post-arround__info {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #F0F0F0;
  font-family: HelveticaNeueCyrRoman;
}
@media (min-width: 768px) {
  .post-arround__info {
    padding-bottom: 20px;
  }
}
@media (min-width: 970px) {
  .post-arround__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: initial;
    align-items: initial;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.post-arround__user {
  margin-left: auto;
}
@media (min-width: 970px) {
  .post-arround__user {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    height: 44px;
    margin-left: -30px;
    background-color: #F8F8F8;
    border-left: 3px solid #e70000;
  }
  .post-arround__user:before,
  .post-arround__user:after {
    content: '';
    position: absolute;
    z-index: 10;
    height: 35px;
    width: 15px;
    right: -9px;
    background-color: #fff;
  }
  .post-arround__user:before {
    top: -10px;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  .post-arround__user:after {
    bottom: -10px;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}
.post-arround__date {
  position: relative;
  margin-top: 4px;
  margin-right: 18px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  flex: none;
}
@media (min-width: 970px) {
  .post-arround__date {
    margin-top: 0;
    margin-right: 0;
  }
}
.post-arround__post-controll {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .post-arround__post-controll {
    padding-top: 20px;
  }
}
@media (min-width: 970px) {
  .post-arround__post-controll {
    border-top: 1px solid #F0F0F0;
  }
}
.post-arround__counter {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  margin-right: 18px;
}
.post-arround__counter:before {
  content: '';
  margin-right: 6px;
}
.post-arround__counter_like:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 89.45233265720081%;
  width: 18px;
  height: 16px;
}
.post-arround__counter_comment:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 14.230019493177387% 99.39024390243902%;
  width: 17px;
  height: 17px;
}
@media (min-width: 970px) {
  .post-arround__counter {
    display: none;
  }
}
.post-arround__news {
  display: none;
}
@media (min-width: 970px) {
  .post-arround__news {
    display: block;
    margin-top: 25px;
  }
}
@media (min-width: 970px) {
  .post-arround {
    -webkit-box-align: initial;
    align-items: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.type-new {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 8px 4px;
  border-radius: 3px;
  background-color: #f20000;
  font-family: HelveticaNeueCyrRoman;
  color: #fff;
}
.type-new__typo {
  display: -webkit-box;
  display: flex;
  line-height: 16px;
}
.type-new__typo:before {
  content: '';
  margin-right: 7px;
}
.type-new_tournament .type-new__typo:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 21.74757281553398% 86.46464646464646%;
  width: 15px;
  height: 14px;
}
.type-new_updates .type-new__typo:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.2248062015504% 79.67479674796748%;
  width: 14px;
  height: 17px;
}
.type-new_game .type-new__typo:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 39.173228346456696% 82.92682926829268%;
  width: 22px;
  height: 17px;
}
.type-new_guid .type-new__typo:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.2248062015504% 64.22764227642277%;
  width: 14px;
  height: 17px;
}
.type-new_exclusive {
  border: 1px solid #f20000;
  box-shadow: 0 0 8px 0 rgba(242, 0, 0, 0.6);
  background-color: rgba(242, 0, 0, 0.7);
}
.header-tournament {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 40px 15px 50px;
  width: 100%;
  background: #242628 url('../images/header-tournament-bg.jpg') no-repeat;
  background-position: bottom;
}
.header-tournament__logo {
  -webkit-box-flex: 0;
  flex: none;
  margin-bottom: 22px;
}
.header-tournament__logo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .header-tournament__logo {
    margin: 0 40px;
  }
}
@media (min-width: 768px) {
  .header-tournament__info {
    margin-top: 10px;
  }
}
.header-tournament__title {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
@media (min-width: 768px) {
  .header-tournament__title {
    font-size: 34px;
  }
}
.header-tournament__items {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .header-tournament__items {
    margin-top: 30px;
    display: -webkit-box;
    display: flex;
  }
}
.header-tournament__column:first-child {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .header-tournament__column:first-child {
    margin-bottom: 0;
    margin-right: 105px;
  }
}
.header-tournament__text {
  margin-bottom: 10px;
  font-family: HelveticaNeueCyrRoman;
  font-size: 14px;
  color: #A4A9B7;
}
.header-tournament__prize-pool,
.header-tournament__place-event {
  font-weight: bold;
  color: #fff;
}
.header-tournament__prize-pool {
  font-size: 34px;
  line-height: 30px;
}
.header-tournament__place-event {
  text-transform: uppercase;
  font-size: 22px;
}
.header-tournament__date-event {
  margin-top: 10px;
  font-family: HelveticaNeueCyrRoman;
  font-size: 14px;
  color: #fff;
}
@media (min-width: 768px) {
  .header-tournament {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 40px 0 35px;
  }
}
.tournament-group__board {
  width: 100%;
  padding: 20px;
  margin: 7.5px 0;
  border: 1px solid #E2E2E2;
  counter-reset: ratings;
}
@media (min-width: 768px) {
  .tournament-group__board {
    width: calc(50% - 7.5px);
  }
}
.tournament-group__title {
  padding-bottom: 10px;
  font-weight: bold;
  border-bottom: 1px dashed #DADADA;
  color: #2E2F30;
}
.tournament-group__item {
  border-bottom: 1px dashed #DADADA;
}
.tournament-group__item:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .tournament-group {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
.team {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.team__info,
.team__stat,
.team__logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.team__num:before {
  display: block;
  counter-increment: ratings;
  content: '0' counter(ratings);
  font-weight: bold;
  font-size: 18px;
  color: #52AA05;
}
.team__num_lighten:before {
  color: #C4C4CA;
}
.team__num_without-zero:before {
  content: counter(ratings);
}
.team__logo {
  margin-left: 8px;
  margin-right: 6px;
  width: 32px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  flex: none;
}
.team__logo img {
  max-width: 100%;
}
.team__name {
  padding: 15px 0;
  width: 67px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  color: #2E2F30;
}
.team__name_lighten {
  color: #fff;
}
.team__name_no-wrap {
  width: 100%;
}
.team__stat {
  margin: 0 -6px;
  margin-left: auto;
}
.team__counter {
  margin: 0 6px;
}
.team__counter:nth-child(1) {
  width: 25px;
}
.team__counter:nth-child(2) {
  width: 35px;
}
@media (min-width: 1240px) {
  .team__counter:nth-child(2) {
    display: none;
  }
}
@media (min-width: 1330px) {
  .team__counter:nth-child(2) {
    display: block;
  }
}
.team__counter:nth-child(3) {
  width: 20px;
}
.team__counter:nth-child(1),
.team__counter:nth-child(2) {
  text-align: center;
}
.team__counter:nth-child(3) {
  text-align: right;
}
.team__counter_darken {
  font-weight: bold;
  color: #2E2F30;
}
.team__counter_lighten {
  color: #A4A9B7;
}
.team__score {
  margin-left: auto;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
.team__prize-pool {
  margin-left: auto;
}
.team_grid .team__logo {
  width: 25px;
  text-align: left;
  margin: 0;
  margin-right: 5px;
}
.team_grid .team__name {
  padding: 10px 0;
}
.team_loser .team__info {
  opacity: .3;
}
.team_loser .team__num:before {
  color: #D30000;
}
.prize-pool-list__item {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}
.prize-pool-list__item:last-child {
  margin-bottom: 0;
}
.participant-tournament {
  counter-reset: ratings;
}
.participant-tournament__header {
  display: -webkit-box;
  display: flex;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(88, 92, 96, 0.35);
}
.participant-tournament__tab {
  position: relative;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}
.participant-tournament__tab:first-child {
  margin-right: 20px;
}
.participant-tournament__tab.active {
  color: #D30000;
}
.participant-tournament__tab.active:after {
  opacity: 1;
  visibility: visible;
}
.participant-tournament__tab:after {
  content: '';
  position: absolute;
  bottom: -12px;
  right: 0;
  width: 100%;
  height: 3px;
  border-radius: 4px;
  background-color: #D30000;
  opacity: 0;
  visibility: hidden;
}
.participant-tournament__item {
  border-bottom: 1px solid #585C60;
}
.participant-tournament__item:last-child {
  border: none;
}
.tournament-grid {
  position: relative;
  display: -webkit-box;
  display: flex;
  padding: 30px 0;
  overflow: hidden;
}
.tournament-grid:after {
  position: absolute;
  text-align: center;
  height: 30px;
  line-height: 30px;
  content: "Сетка Play-off";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  font-weight: bold;
  font-size: 29px;
  text-transform: uppercase;
  color: #EFEFEF;
}
.tournament-grid__column {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
  width: 32%;
}
.tournament-grid__column:before,
.tournament-grid__column:after {
  content: "";
  position: absolute;
  z-index: 10;
}
.tournament-grid__column_left:before,
.tournament-grid__column_left:after {
  z-index: 20;
  right: 0;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background-color: #2E2F30;
}
.tournament-grid__column_left:before {
  top: 23%;
}
.tournament-grid__column_left:after {
  bottom: 23%;
}
.tournament-grid__column_left .tournament-grid__teams {
  margin-bottom: 10px;
}
.tournament-grid__column_left .tournament-grid__teams:last-child {
  margin-bottom: 0;
}
.tournament-grid__column_left .tournament-grid__teams:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: -34px;
  margin: auto 0;
  z-index: -1;
  width: 34px;
  height: 1px;
  background-color: #EDEDED;
}
.tournament-grid__column_center {
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 36%;
}
.tournament-grid__column_center .tournament-grid__teams:first-child {
  margin-bottom: 95px;
}
.tournament-grid__column_center .tournament-grid__teams:after,
.tournament-grid__column_center .tournament-grid__teams:before {
  content: "";
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  width: 35px;
  height: 1px;
  background-color: #EDEDED;
}
.tournament-grid__column_center .tournament-grid__teams:after {
  left: -35px;
}
.tournament-grid__column_center .tournament-grid__teams:before {
  right: -35px;
}
.tournament-grid__column_center:before {
  z-index: 1;
  width: 1px;
  height: 84px;
  top: 36px;
  left: -4px;
  background-color: #EDEDED;
}
.tournament-grid__column_center:after {
  z-index: 1;
  width: 1px;
  height: 84px;
  bottom: 36px;
  left: -4px;
  background-color: #EDEDED;
}
.tournament-grid__column_right {
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  justify-content: center;
}
.tournament-grid__column_right:before {
  z-index: 20;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background-color: #2E2F30;
}
.tournament-grid__column_right:after {
  height: 169px;
  width: 1px;
  z-index: 1;
  left: 3px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #EDEDED;
}
.tournament-grid__column_right .tournament-grid__teams:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -34px;
  margin: auto 0;
  z-index: -1;
  width: 34px;
  height: 1px;
  background-color: #EDEDED;
}
.tournament-grid__teams {
  position: relative;
  z-index: 10;
  padding: 0 15px;
  width: 150px;
  border-radius: 4px;
  background-color: #2E2F30;
}
.tournament-grid__item {
  position: relative;
  border-bottom: 1px solid rgba(237, 237, 237, 0.14);
}
.tournament-grid__item:last-child {
  border: none;
}
.tournament-grid__item:first-child:after,
.tournament-grid__item:first-child:before {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #D30000;
}
.tournament-grid__item:first-child:after {
  content: '';
  bottom: -1px;
  width: 35px;
  height: 1px;
  box-shadow: 0 0px 22px 3px #D30000;
}
.tournament-grid__item:first-child:before {
  content: 'vs';
  z-index: 20;
  bottom: -6px;
  width: 15px;
  height: 12px;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 13px;
  color: #fff;
}
.match-event__header {
  background-color: #F5F5F5;
  display: -webkit-box;
  display: flex;
}
.match-event__tab {
  position: relative;
  padding: 15px 12px;
  text-transform: uppercase;
  color: #2E2F30;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.match-event__tab:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #D30000;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s, left .3s, width .3s;
}
.match-event__tab.active {
  color: #D30000;
}
.match-event__tab.active:after {
  width: 100%;
  left: 0;
  opacity: 1;
  visibility: visible;
}
.match-event__tab:hover {
  color: #D30000;
}
.post-tags {
  display: -webkit-box;
  display: flex;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.post-tags__text {
  width: 12%;
  margin-right: 9px;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .post-tags__text {
    width: auto;
  }
}
.post-tags__tag-links {
  width: 88%;
  margin: -5px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .post-tags__tag-links {
    width: auto;
  }
}
.post-tags__tag {
  margin: 5px 0;
  margin-right: 10px;
  padding: 7px 9px 5px;
  line-height: 16px;
  font-family: HelveticaNeueCyrLight;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #F5F5F5;
  color: #616170;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.post-tags__tag:hover {
  background-color: #f0f0f0;
  color: #5c5c6b;
}
@media (min-width: 768px) {
  .post-tags__tag {
    background-color: #fff;
  }
}
.comments-layout {
  padding: 25px 15px 15px;
  background-color: #F5F5F5;
}
.comments-layout__header {
  padding: 18px 0;
  border-bottom: 1px solid #E9E9E9;
}
.comments-layout__title {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 22px;
  color: #2E2F30;
}
.comments-layout__items {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .comments-layout__items {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .comments-layout {
    padding: 30px;
  }
}
.comment {
  border: 1px solid #E9E9E9;
  color: #616170;
}
.comment__like-info,
.comment__user-info,
.comment__date-comment,
.comment__reply {
  height: 45px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1 35%;
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .comment__like-info,
  .comment__user-info,
  .comment__date-comment,
  .comment__reply {
    height: auto;
    -webkit-box-flex: 0;
    flex: none;
    background-color: #fff;
  }
}
.comment__like-info,
.comment__user-info {
  padding-left: 15px;
}
@media (min-width: 768px) {
  .comment__like-info,
  .comment__user-info {
    padding: 0;
  }
}
.comment__reply,
.comment__date-comment {
  padding-right: 15px;
}
@media (min-width: 768px) {
  .comment__reply,
  .comment__date-comment {
    padding: 0;
  }
}
.comment__tools {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 45px;
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .comment__tools {
    background-color: #fff;
  }
}
.comment__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: #fff;
}
@media (min-width: 768px) {
  .comment__header {
    padding: 8px 20px;
    flex-wrap: nowrap;
    -webkit-box-pack: initial;
    justify-content: initial;
  }
}
.comment__text-wrapper {
  position: relative;
  padding: 15px;
  background-color: #fafafa;
  border-top: 1px solid #e9e9e9;
}
@media (min-width: 768px) {
  .comment__text-wrapper {
    padding: 15px 20px;
  }
}
.comment__comment-text {
  font-size: 14px;
  line-height: 24px;
  font-family: HelveticaNeueCyrRoman;
  color: #2E2F30;
  word-break: break-word;
}
.comment__like-info {
  -webkit-box-ordinal-group: 2;
  order: 1;
}
.comment__like-info.active .comment__like-controler {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 92.88617886178862%;
  width: 18px;
  height: 17px;
}
.comment__like-info.active .comment__likes-counter {
  color: #52AA05;
}
@media (min-width: 768px) {
  .comment__like-info {
    -webkit-box-flex: 0;
    flex: none;
  }
}
@media (min-width: 1240px) {
  .comment__like-info {
    cursor: pointer;
  }
  .comment__like-info:hover {
    opacity: 1;
  }
  .comment__like-info:hover:not(.active) .comment__like-controler {
    background: url("/svg/sprite.svg?v=110") no-repeat;
    background-position: 51.953125% 94.32048681541582%;
    width: 18px;
    height: 16px;
  }
  .comment__like-info:hover .comment__likes-counter {
    color: #57b405;
  }
}
.comment__likes-counter {
  margin: 0 5px;
  margin-top: 3px;
  font-family: HelveticaNeueCyrRoman;
  line-height: 11px;
  color: #494955;
  transition: color ease .1s;
}
.comment__like-controler {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 89.45233265720081%;
  width: 18px;
  height: 16px;
}
.comment__user-info {
  -webkit-box-ordinal-group: 4;
  order: 3;
}
@media (min-width: 768px) {
  .comment__user-info {
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin-right: 15px;
    margin-left: 10px;
  }
}
@media (min-width: 1240px) {
  .comment__user-info img {
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .comment__user-info:hover .comment__user-pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .comment__user-info:hover .comment__user-name {
    color: #414d59;
  }
}
.comment__user-pic {
  position: relative;
  -webkit-box-flex: 0;
  flex: none;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 100%;
  overflow: hidden;
}
.comment__user-pic img {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .comment__user-pic {
    width: 34px;
    height: 34px;
  }
}
.comment__reply {
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-ordinal-group: 3;
  order: 2;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
  transition: color ease-in-out 0.2s;
}
.comment__reply:after {
  content: '';
  display: block;
  margin-left: 10px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 24.564796905222437% 86.46464646464646%;
  width: 13px;
  height: 14px;
  opacity: .8;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
@media (min-width: 768px) {
  .comment__reply {
    -webkit-box-ordinal-group: 5;
    order: 4;
    -webkit-box-pack: initial;
    justify-content: initial;
    margin-left: auto;
  }
}
@media (min-width: 1240px) {
  .comment__reply {
    cursor: pointer;
  }
  .comment__reply:hover {
    color: #494955;
  }
  .comment__reply:hover:after {
    -webkit-transform: rotate(-15deg) scale(1.05);
    transform: rotate(-15deg) scale(1.05);
    opacity: 1;
  }
  .comment__reply:active:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}
.comment__user-name {
  max-width: 50px;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #2B333B;
}
@media (min-width: 768px) {
  .comment__user-name {
    max-width: 120px;
  }
}
@media (min-width: 1240px) {
  .comment__user-name {
    transition: color 0.2s ease-in-out;
  }
}
.comment__user-rating {
  display: none;
  position: relative;
  margin-left: 12px;
  color: #616170;
}
.comment__user-rating:before {
  content: '';
  display: block;
  margin-top: 1px;
  margin-right: 2px;
  line-height: 12px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 47.683397683397686% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
@media (min-width: 768px) {
  .comment__user-rating {
    display: -webkit-box;
    display: flex;
  }
}
.comment__date-comment {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 5;
  order: 4;
  color: inherit;
}
@media (min-width: 768px) {
  .comment__date-comment {
    margin-right: 6px;
    -webkit-box-pack: initial;
    justify-content: initial;
  }
}
.comment__tools {
  -webkit-box-ordinal-group: 3;
  order: 2;
  margin: 0 auto 2px;
}
@media (min-width: 768px) {
  .comment__tools {
    margin: 0;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
}
.comment__changed {
  margin: 0 6px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 11.262135922330097% 99.39024390243902%;
  width: 15px;
  height: 17px;
  opacity: .6;
  transition: 0.12s ease-in-out;
}
.comment__changed .tooltip {
  pointer-events: none;
}
.comment__changed:hover {
  opacity: 1;
}
.comment_without-reply .comment__date-comment {
  -webkit-box-ordinal-group: 3;
  order: 2;
}
.comment_without-reply .comment__user-name {
  max-width: 100px;
}
@media (min-width: 768px) {
  .comment_without-reply .comment__user-name {
    max-width: 150px;
  }
}
@media (min-width: 970px) {
  .comment {
    transition: border-color 0.2s ease-in-out;
  }
  .comment:hover {
    border-color: #e4e4e4;
  }
}
.comments-item {
  margin: 20px 0 0;
}
.comments-item__answers {
  position: relative;
  padding-left: 15px;
}
.comments-item__answers:before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% - 80px);
  left: 1px;
  top: 0;
  background: rgba(155, 155, 163, 0.5);
}
@media (min-width: 768px) {
  .comments-item__answers {
    padding-left: 35px;
  }
}
.comments-item__answer {
  position: relative;
}
.comments-item__answer:before {
  position: absolute;
  display: block;
  content: '';
  width: 15px;
  top: 42px;
  left: -16px;
  background-color: #F5F5F5;
}
@media (min-width: 768px) {
  .comments-item__answer:before {
    width: 35px;
    left: -36px;
  }
}
.comments-item__answer:after {
  position: absolute;
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  top: 25px;
  left: -14px;
  border-top: 1px solid rgba(155, 155, 163, 0.5);
  border-left: 1px solid #f5f5f5;
}
@media (min-width: 768px) {
  .comments-item__answer:after {
    width: 25px;
    height: 25px;
    left: -34px;
  }
}
.comments-item__answer:nth-last-child(1):before {
  height: calc(100% - 42px);
}
.comments-item__answer-form {
  margin-top: 5px;
}
.comment-form__btns {
  display: -webkit-box;
  display: flex;
}
.comment-form__arrow {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #DADADA;
}
.comment-form__arrow:before {
  content: '';
  position: absolute;
  top: -2px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.comment-form__arrow:first-child {
  margin-right: 10px;
}
.comment-form__arrow_prev:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 56.94980694980695% 74.34869739478958%;
  width: 12px;
  height: 10px;
}
.comment-form__arrow_next:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 59.26640926640927% 74.34869739478958%;
  width: 12px;
  height: 10px;
}
@media (min-width: 1240px) {
  .comment-form__arrow {
    transition: .2s;
  }
  .comment-form__arrow:hover {
    border-color: #616170;
  }
}
.comment-form__textarea {
  width: 100%;
  padding: 15px;
  min-height: 114px;
  margin-bottom: 15px;
  border: 1px solid #E9E9E9;
  font-size: 14px;
  line-height: 24px;
  font-family: inherit;
  color: #2E2F30;
  resize: none;
  transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .comment-form__textarea {
    height: auto;
  }
}
@media (min-width: 1240px) {
  .comment-form__textarea:hover {
    border-color: #e4e4e4;
  }
}
.comment-form__textarea:focus {
  border-color: #dcdcdc;
  box-shadow: 0 0 15px 0 rgba(208, 207, 207, 0.15);
}
@media (min-width: 768px) {
  .comment-form__submit {
    display: block;
  }
}
.comment-form__insert-tags {
  display: -webkit-box;
  display: flex;
}
.comment-form__text-field_answer {
  display: none;
}
.comment-form__tag-insert {
  margin-right: 10px;
  padding: 6px 9px;
  font-weight: 300;
  line-height: 11px;
  border: 1px solid #DADADA;
  color: #616170;
}
@media (min-width: 768px) {
  .comment-form__tag-insert {
    margin-right: 0;
    margin-left: 10px;
  }
}
@media (min-width: 1240px) {
  .comment-form__tag-insert {
    cursor: pointer;
  }
}
.comment-form_answer {
  display: none;
}
.userbar {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  margin-left: auto;
}
.userbar__userbar-user {
  width: 100%;
  height: 100%;
}
.userbar__userbar-login {
  -webkit-box-flex: 0;
  flex: none;
}
@media (min-width: 768px) {
  .userbar__userbar-login {
    margin-left: 0;
  }
}
.userbar-login {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  padding: 9px 12px;
  font-size: 0;
  background-color: #D30000;
  color: #fff;
}
.userbar-login__ico {
  -webkit-box-flex: 0;
  flex: none;
}
.userbar-login__ico img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .userbar-login__ico {
    margin-right: 10px;
  }
}
@media (min-width: 1240px) {
  .userbar-login__ico {
    transition: -webkit-transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  }
}
.userbar-login__text {
  margin-bottom: 3px;
  font-family: HelveticaNeueCyrRoman;
}
@media (min-width: 768px) {
  .userbar-login__text {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .userbar-login__steam {
    font-size: 22px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }
}
@media (min-width: 1240px) {
  .userbar-login {
    transition: background-color ease-in 0.2s, box-shadow ease-in 0.2s;
  }
  .userbar-login:hover {
    background-color: #e70000;
    box-shadow: 0 0 15px 0 #D30000;
  }
  .userbar-login:hover .userbar-login__ico {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.change-lang {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.change-lang__lang-items {
  position: absolute;
  z-index: 30;
  left: -20px;
  top: 40px;
  width: 81px;
  padding-top: 10px;
  padding-bottom: 9px;
  background-color: #242628;
  transition: .1s;
  opacity: 0;
  visibility: hidden;
}
.change-lang__lang-items:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #e70000;
  box-shadow: 0 1px 2px -1px #e70000;
}
.change-lang__lang-items:after {
  content: '';
  position: absolute;
  right: 20px;
  top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 7px 8px 7px;
  border-color: transparent transparent #e70000 transparent;
}
.change-lang__lang-items.active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .change-lang__lang-items {
    top: 38px;
  }
}
.change-lang__current-lang {
  position: relative;
  padding-right: 12px;
}
.change-lang__current-lang:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  margin: auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3px 0px 3px;
  border-color: #fff transparent transparent  transparent;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
@media (min-width: 1240px) {
  .change-lang {
    cursor: pointer;
  }
}
.change-lang_not-login .change-lang__lang-items {
  top: 50px;
}
.change-lang.active .change-lang__current-lang:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.notification-counter__info {
  position: relative;
  cursor: pointer;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.1598440545809% 43.94250513347023%;
  width: 17px;
  height: 22px;
}
.notification-counter__counter {
  display: none;
  position: absolute;
  top: -3px;
  right: -7px;
  padding: 2px 3px 0;
  border-radius: 2px;
  font-size: 10px;
  font-family: HelveticaNeueCyrBold;
  font-weight: bold;
  background-color: #D30000;
  color: #fff;
  box-shadow: 0 1px 4px 0 #a00000;
}
.notification-counter.active .notification-counter__counter {
  display: block;
}
@media (min-width: 768px) {
  .user-notification {
    position: relative;
  }
}
.user-notification__notification-feed {
  position: absolute;
  z-index: 30;
  top: 50px;
  left: 0;
  width: 100%;
  border-top: 3px solid #E40908;
  background-color: #242628;
  transition: opacity .2s, visibility .2s;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .user-notification__notification-feed {
    left: auto;
    top: 35px;
    right: -60px;
    width: 410px;
  }
}
.user-notification__notification-feed.active {
  visibility: visible;
  opacity: 1;
}
.notification-feed {
  position: relative;
}
.notification-feed:before {
  content: '';
  position: absolute;
  z-index: 40;
  top: -11px;
  right: 103px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent;
  border-bottom-color: #E40908;
}
@media (min-width: 768px) {
  .notification-feed:before {
    right: 62.5px;
  }
}
.notification-feed__items {
  height: 300px;
  overflow-y: scroll;
}
.notification-feed__items:after,
.notification-feed__items:before {
  display: none;
  position: absolute;
  z-index: 10;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.notification-feed__items:after {
  content: '';
  top: 30px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 78.42323651452283% 52.79642058165548%;
  width: 48px;
  height: 62px;
}
.notification-feed__items:before {
  content: 'Нет новых уведомлений';
  top: 110px;
  width: 100%;
  font-family: HelveticaNeueCyrRoman;
  text-align: center;
  color: #A4A9B7;
}
@media (min-width: 768px) {
  .notification-feed__items {
    height: 572px;
  }
}
.notification-feed__link {
  display: none;
}
.notification-feed:not(.active) .feed-items {
  display: none;
}
.notification-feed.active .notification-feed__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 14px 0;
  background-color: #363839;
}
.notification-feed:not(.active) .notification-feed__items {
  overflow-y: hidden;
  height: 160px;
}
.notification-feed:not(.active) .notification-feed__items:before,
.notification-feed:not(.active) .notification-feed__items:after {
  display: block;
}
.user-tools__change-nickname {
  padding: 13px 28px 30px;
}
.user-tools__statistics {
  margin: 0 30px;
  border-top: 1px solid rgba(75, 77, 79, 0.35);
  border-bottom: 1px solid rgba(75, 77, 79, 0.35);
}
.user-tools__logout {
  padding: 20px 32px;
  display: -webkit-box;
  display: flex;
  color: #fff;
}
@media (min-width: 768px) {
  .user-tools__logout {
    padding: 20px 32px;
  }
}
.user-tools__add-new {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 20px 0;
  margin: 0 30px;
  border-top: 1px solid rgba(75, 77, 79, 0.35);
  text-transform: uppercase;
  color: #fff;
}
.user-tools__add-new:before {
  content: '';
  display: block;
  margin-right: 15px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 3.9215686274509802% 99.59266802443992%;
  width: 20px;
  height: 18px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (min-width: 768px) {
  .user-tools__add-new {
    border-top: none;
  }
}
.user-tools__logout,
.user-tools__add-new {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (min-width: 1240px) {
  .user-tools__logout,
  .user-tools__add-new {
    transition: color ease-in-out 0.2s;
  }
  .user-tools__logout:hover,
  .user-tools__add-new:hover {
    color: #A1A1A1;
  }
}
.user-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .user-info__current-user {
    text-align: right;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .user-info__change-lang {
    margin: 0 25px;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
.page-lang {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 8px 0;
}
.page-lang__flag {
  display: -webkit-box;
  display: flex;
  width: 16px;
  height: auto;
  margin-right: 11px;
}
.page-lang__flag img {
  width: 32px;
}
.page-lang__name {
  text-transform: uppercase;
  line-height: 10px;
  color: #fff;
  transition: ease-in-out 0.2s;
}
.page-lang_ru .page-lang__flag img {
  height: 16px;
}
.page-lang_en .page-lang__flag img {
  height: 11px;
}
.page-lang.active {
  background-color: #181819;
}
@media (min-width: 1240px) {
  .page-lang:hover .page-lang__name {
    color: #d9d9d9;
  }
}
@media (min-width: 1240px) {
  .lang-items__item {
    transition: background-color 0.15s ease-in-out;
  }
  .lang-items__item:hover {
    background-color: #333;
  }
}
.feed-items__item {
  padding: 20px 60px 13px 20px;
  border-bottom: 1px solid #4B4D4F;
}
.feed-items__item:last-child {
  border-bottom: none;
}
.feed-item {
  display: -webkit-box;
  display: flex;
}
.feed-item__picture-feed {
  width: 24px;
  height: 24px;
  margin-right: 13px;
  border-radius: 100%;
  overflow: hidden;
  -webkit-box-flex: 0;
  flex: none;
}
.feed-item__picture-feed img {
  height: 100%;
}
.feed-info {
  font-family: HelveticaNeueCyrRoman;
}
.feed-info__date {
  margin-bottom: 3px;
  line-height: 16px;
  color: #A4A9B7;
}
.feed-info__message {
  line-height: 18px;
  color: #fff;
}
.feed-info__message a {
  display: inline;
  font-family: HelveticaNeueCyrBold;
  font-weight: bold;
  color: inherit;
}
.feed-info__message a:hover {
  text-decoration: underline;
}
.feed-info__message strong {
  font-family: HelveticaNeueCyrBold;
  font-weight: bold;
  color: #9BCF00;
}
.post-picture {
  height: 165px;
  width: 100%;
}
.post-picture__intro {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
@media (min-width: 375px) {
  .post-picture__intro {
    padding-bottom: 55%;
  }
}
@media (min-width: 768px) {
  .post-picture__intro {
    padding-bottom: 0;
  }
}
@media (min-width: 1240px) {
  .post-picture__intro {
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media (min-width: 375px) {
  .post-picture {
    padding-bottom: 55%;
  }
}
@media (min-width: 768px) {
  .post-picture {
    padding-bottom: 0;
    height: 348px;
  }
}
@media (min-width: 970px) {
  .post-picture {
    height: 460px;
  }
}
@media (min-width: 1240px) {
  .post-picture {
    overflow: hidden;
    height: 384px;
  }
}
@media (min-width: 1330px) {
  .post-picture {
    height: 441px;
  }
}
.post-layout {
  background-color: #fff;
}
.post-wrapper__post-arround {
  padding: 15px 0 0;
  margin: 0 15px;
}
@media (min-width: 768px) {
  .post-wrapper__post-arround {
    margin: 0 30px;
    padding: 20px 0 0;
  }
}
@media (min-width: 970px) {
  .post-wrapper__post-arround {
    margin: 0;
    padding: 45px 0 30px 30px;
    width: 20%;
  }
}
@media (min-width: 1240px) {
  .post-wrapper__post-arround {
    width: 21%;
  }
}
.post-wrapper__post-container {
  padding-bottom: 15px;
}
@media (min-width: 970px) {
  .post-wrapper__post-container {
    width: 80%;
  }
}
@media (min-width: 1240px) {
  .post-wrapper__post-container {
    width: 79%;
  }
}
@media (min-width: 970px) {
  .post-wrapper {
    display: -webkit-box;
    display: flex;
  }
}
.share {
  display: none;
}
.share__title {
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
@media (min-width: 970px) {
  .share__title {
    margin-bottom: 15px;
  }
}
.share__links {
  display: -webkit-box;
  display: flex;
}
.share__link {
  margin-left: 20px;
}
.share__link:before {
  content: '';
  display: block;
}
.share__link_twitter:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 83.852140077821% 70.36290322580645%;
  width: 16px;
  height: 13px;
}
.share__link_vk:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 47.63779527559055% 43.346774193548384%;
  width: 22px;
  height: 13px;
}
.share__link_facebook:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 29.593810444874276% 86.29032258064517%;
  width: 13px;
  height: 13px;
}
@media (min-width: 970px) {
  .share__link {
    margin-left: 0;
    margin-right: 20px;
  }
}
@media (min-width: 1240px) {
  .share__link_twitter:hover:before {
    background: url("/svg/sprite.svg?v=110") no-repeat;
    background-position: 95.91439688715953% 95.56451612903226%;
    width: 16px;
    height: 13px;
  }
  .share__link_vk:hover:before {
    background: url("/svg/sprite.svg?v=110") no-repeat;
    background-position: 51.968503937007874% 43.346774193548384%;
    width: 22px;
    height: 13px;
  }
  .share__link_facebook:hover:before {
    background: url("/svg/sprite.svg?v=110") no-repeat;
    background-position: 34.622823984526114% 86.29032258064517%;
    width: 13px;
    height: 13px;
  }
}
@media (min-width: 768px) {
  .share {
    display: -webkit-box;
    display: flex;
  }
}
@media (min-width: 970px) {
  .share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.share_post-bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .share_post-bar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}
.share_post-bar .share__link {
  margin: 0 10px;
}
@media (min-width: 768px) {
  .share_post-bar .share__link {
    margin: 0;
    margin-left: 20px;
  }
}
.share_post-bar .share__title {
  margin-bottom: 13px;
}
@media (min-width: 768px) {
  .share_post-bar .share__title {
    margin-bottom: 0;
    line-height: 11px;
  }
}
.post-footer__news {
  padding: 30px 0 20px;
}
@media (min-width: 768px) {
  .post-footer__news {
    padding: 30px 0;
  }
}
@media (min-width: 768px) {
  .post-footer__post-footer-items {
    margin-bottom: 20px;
  }
}
.post-footer__user-controls {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #E9E9E9;
}
@media (min-width: 768px) {
  .post-footer__post-bar {
    padding: 25px 30px;
    background-color: #F5F5F5;
  }
}
.post-footer-news__title {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .post-footer-news__title {
    padding: 40px 0 15px;
    margin-bottom: 20px;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
  }
}
@media (min-width: 768px) {
  .post-other-news {
    display: -webkit-box;
    display: flex;
    margin: 0 -15px;
  }
}
@media (min-width: 970px) {
  .post-other-news {
    margin: 0 -20px;
  }
}
@media (min-width: 1240px) {
  .post-other-news {
    margin: 0 -15px;
  }
}
@media (min-width: 1330px) {
  .post-other-news {
    margin: 0 -20px;
  }
}
.post-other-news__item {
  margin-bottom: 30px;
}
.post-other-news__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .post-other-news__item {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0 15px;
  }
}
@media (min-width: 970px) {
  .post-other-news__item {
    margin: 0 20px;
  }
}
@media (min-width: 1240px) {
  .post-other-news__item {
    margin: 0 15px;
  }
}
@media (min-width: 1330px) {
  .post-other-news__item {
    margin: 0 20px;
  }
}
.post-bar__user {
  display: none;
}
@media (min-width: 768px) {
  .post-bar__user {
    display: block;
    margin-left: auto;
  }
}
@media (min-width: 970px) {
  .post-bar__user {
    margin-right: 20px;
  }
}
.post-bar__share {
  padding: 20px 0;
  border-bottom: 1px solid #E9E9E9;
}
@media (min-width: 768px) {
  .post-bar__share {
    padding: 0;
    border-bottom: none;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .post-bar__like-post {
    -webkit-box-flex: 0;
    flex: none;
  }
}
.post-bar__info {
  margin-top: 15px;
  width: 242px;
  line-height: 17px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.post-bar__info a {
  color: #D30000;
  transition: color 0.2s ease-in-out;
}
.post-bar__info a:hover {
  color: #ec0000;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .post-bar__info {
    margin-top: 0;
    margin-left: 26px;
  }
}
@media (min-width: 768px) {
  .post-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}
.post-user {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
}
.post-user__pic {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  overflow: hidden;
}
.post-user__pic img {
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (min-width: 970px) {
  .post-user__pic {
    margin-right: 10px;
  }
}
.post-user__name {
  display: none;
}
@media (min-width: 970px) {
  .post-user__name {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: right;
    font-size: 14px;
    color: #616170;
    max-width: 110px;
    text-align: initial;
  }
}
.post-user__name span:first-child {
  margin-bottom: 2px;
}
.post-user__name span:last-child {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: color ease-in-out 0.2s;
  font-weight: bold;
}
.post-user:hover .post-user__pic img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.post-user:hover .post-user__name span:last-child {
  color: #D30000;
}
.post-user_post-sidebar {
  padding-left: 30px;
}
.post-user_post-sidebar .post-user__pic {
  width: 24px;
  height: 24px;
}
.post-user_post-sidebar .post-user__name {
  margin-top: 1px;
}
@media (min-width: 970px) {
  .post-user_post-sidebar .post-user__name {
    display: block;
  }
}
@media (min-width: 375px) {
  .post-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .post-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}
.flag-btn {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 36px;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
}
.flag-btn__elem,
.flag-btn__text {
  height: 36px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  transition: color ease-in-out 0.1s, background-color ease-in-out 0.1s, border-color ease-in-out 0.1s;
}
.flag-btn__elem {
  position: relative;
  -webkit-box-flex: 0;
  flex: none;
  padding: 0 15px;
  background-color: #e70000;
  color: #fff;
  border: #e70000;
}
.flag-btn__elem:before {
  content: '';
  display: block;
}
.flag-btn__text {
  position: relative;
  width: 100%;
  padding: 0 12px;
  border: 1px solid #E9E9E9;
  background-color: #fff;
  border-left: none;
  text-transform: uppercase;
  color: #181819;
}
.flag-btn__text:after,
.flag-btn__text:before {
  content: '';
  z-index: 10;
  position: absolute;
  left: -7px;
  width: 10px;
  height: 21px;
  background-color: #e70000;
  transition: background-color ease-in-out 0.1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flag-btn__text:after {
  top: -2px;
  -webkit-transform: rotate(-17deg);
  transform: rotate(-17deg);
}
.flag-btn__text:before {
  bottom: -2px;
  -webkit-transform: rotate(17deg);
  transform: rotate(17deg);
}
@media (min-width: 768px) {
  .flag-btn__text {
    padding-left: 18px;
    padding-right: 12px;
  }
}
.flag-btn_plus-btn .flag-btn__elem:before,
.flag-btn_plus-btn .flag-btn__elem:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 11px;
  height: 2px;
  background: #fff;
}
.flag-btn_plus-btn .flag-btn__elem:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.flag-btn_profile .flag-btn__elem {
  padding: 0 15px;
}
.flag-btn_profile .flag-btn__text {
  border-color: rgba(211, 0, 0, 0.16);
  color: #e70000;
}
@media (min-width: 970px) {
  .flag-btn_profile .flag-btn__text {
    padding-left: 10px;
    padding-right: 7px;
  }
}
.flag-btn_no-post {
  width: 210px;
}
.flag-btn_no-post .flag-btn__elem {
  padding: 0 18px;
}
.flag-btn_create-post {
  width: 170px;
}
.flag-btn_create-post .flag-btn__elem {
  padding: 0 18px;
}
.flag-btn_create-post .flag-btn__text {
  border-color: rgba(211, 0, 0, 0.16);
}
.flag-btn_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
.flag-btn_reverse .flag-btn__text {
  padding-left: 14px;
  padding-right: 17px;
  border-right: none;
  border-left: 1px solid #E9E9E9;
}
.flag-btn_reverse .flag-btn__text:before,
.flag-btn_reverse .flag-btn__text:after {
  left: auto;
  right: -7px;
}
.flag-btn_reverse .flag-btn__text:after {
  -webkit-transform: rotate(17deg);
  transform: rotate(17deg);
}
.flag-btn_reverse .flag-btn__text:before {
  -webkit-transform: rotate(-17deg);
  transform: rotate(-17deg);
}
.flag-btn_reverse .flag-btn__elem {
  padding: 0 18px;
}
.flag-btn_hide-text-mobile .flag-btn__text {
  display: none;
}
@media (min-width: 768px) {
  .flag-btn_hide-text-mobile .flag-btn__text {
    display: -webkit-box;
    display: flex;
  }
}
.flag-btn_expand .flag-btn__elem {
  padding: 0 10px;
  padding-right: 8px;
}
.flag-btn_expand .flag-btn__elem:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 48.23529411764706% 94.51219512195122%;
  width: 20px;
  height: 17px;
}
.flag-btn_expand .flag-btn__text {
  color: #D30000;
}
@media (min-width: 970px) {
  .flag-btn {
    cursor: pointer;
  }
  .flag-btn:hover .flag-btn__text {
    border-color: #ff2121;
    color: #ff2121;
  }
  .flag-btn:hover .flag-btn__text:after,
  .flag-btn:hover .flag-btn__text:before {
    background-color: #ff2121;
  }
  .flag-btn:hover .flag-btn__elem {
    background-color: #ff2121;
  }
}
.flag-btn_like {
  height: 51px;
}
@media (min-width: 970px) {
  .flag-btn_like:hover .flag-btn__elem:after,
  .flag-btn_like:hover .flag-btn__elem:before {
    background-color: #ff2121;
  }
}
.flag-btn_like .flag-btn__elem {
  height: 100%;
  font-size: 20px;
}
.flag-btn_like .flag-btn__elem:after,
.flag-btn_like .flag-btn__elem:before {
  content: '';
  z-index: 10;
  position: absolute;
  right: -6px;
  width: 10px;
  height: 30px;
  background-color: #e70000;
  transition: background-color ease-in-out 0.1s;
}
.flag-btn_like .flag-btn__elem:after {
  top: -2px;
  -webkit-transform: rotate(-17deg);
  transform: rotate(-17deg);
}
.flag-btn_like .flag-btn__elem:before {
  bottom: -2px;
  -webkit-transform: rotate(17deg);
  transform: rotate(17deg);
}
@media (min-width: 768px) {
  .flag-btn_like .flag-btn__elem {
    font-size: 22px;
  }
}
.flag-btn_like .flag-btn__text {
  height: 100%;
  padding-left: 28px;
  padding-right: 21px;
  font-size: 15px;
}
.flag-btn_like .flag-btn__text:before,
.flag-btn_like .flag-btn__text:after {
  display: none;
}
@media (min-width: 768px) {
  .flag-btn_like .flag-btn__text {
    padding-left: 34px;
    padding-right: 28px;
    font-size: 20px;
  }
}
.flag-btn_like .flag-btn__icon {
  margin-right: 6px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.86507936507937% 81.06995884773663%;
  width: 26px;
  height: 23px;
}
.flag-btn.active .flag-btn__text {
  border-color: #52AA05;
  color: #181819;
}
.flag-btn.active .flag-btn__text:after,
.flag-btn.active .flag-btn__text:before {
  background-color: #52AA05;
}
.flag-btn.active .flag-btn__elem {
  border-color: #52AA05;
  background-color: #52AA05;
}
.flag-btn.active .flag-btn__elem:after,
.flag-btn.active .flag-btn__elem:before {
  background-color: #52AA05;
}
.flag-btn_game .flag-btn__elem {
  padding: 0 10px;
}
.flag-btn_game .flag-btn__elem:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.41516966067864% 16.83778234086242%;
  width: 29px;
  height: 22px;
}
.flag-btn_comment .flag-btn__elem:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.41516966067864% 5.394190871369295%;
  width: 29px;
  height: 27px;
}
.flag-btn_big .flag-btn__elem,
.flag-btn_big .flag-btn__text {
  height: 45px;
}
@media (min-width: 768px) {
  .flag-btn_big .flag-btn__elem,
  .flag-btn_big .flag-btn__text {
    height: 60px;
  }
}
.flag-btn_big .flag-btn__text {
  border: none;
  background-color: #c40000;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}
.flag-btn_big .flag-btn__text:before,
.flag-btn_big .flag-btn__text:after {
  height: 27px;
  left: -5px;
}
@media (min-width: 768px) {
  .flag-btn_big .flag-btn__text:before,
  .flag-btn_big .flag-btn__text:after {
    height: 34px;
  }
}
@media (min-width: 768px) {
  .flag-btn_big .flag-btn__text {
    font-size: 20px;
  }
}
.flag-btn_big {
  height: 45px;
}
.flag-btn_big:hover .flag-btn__elem {
  background-color: #e70000;
}
.flag-btn_big:hover .flag-btn__text {
  border: none;
  background-color: #d30000;
  color: #fff;
}
.flag-btn_big:hover .flag-btn__text:before,
.flag-btn_big:hover .flag-btn__text:after {
  background-color: #e70000;
}
@media (min-width: 768px) {
  .flag-btn_big {
    height: 60px;
  }
}
.coment-tools {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
}
.coment-tools__tool {
  margin: 0 6px;
  transition: .12s ease;
}
.coment-tools__tool:before {
  content: '';
  display: block;
}
.coment-tools__tool_delete:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 30.75356415478615%;
  width: 18px;
  height: 18px;
}
@media (min-width: 1240px) {
  .coment-tools__tool_delete {
    cursor: pointer;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .coment-tools__tool_delete:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.coment-tools__tool_change {
  position: relative;
  margin-right: 12px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 38.775510204081634%;
  width: 19px;
  height: 19px;
}
.coment-tools__tool_change:before,
.coment-tools__tool_change:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  background-color: #9B9BA3;
  bottom: 1px;
  transition: opacity ease;
}
.coment-tools__tool_change:before {
  right: 6px;
}
.coment-tools__tool_change:after {
  right: 2px;
}
.coment-tools__tool_change:hover:after {
  -webkit-animation: pulse 1.5s infinite;
  animation: pulse 1.5s infinite;
}
.coment-tools__tool_change:hover:before {
  -webkit-animation: pulseReverse 1.5s infinite;
  animation: pulseReverse 1.5s infinite;
}
@media (min-width: 768px) {
  .coment-tools__tool_change {
    margin-right: 0;
  }
}
.coment-tools__tool_report {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 93.30628803245436%;
  width: 17px;
  height: 16px;
}
.coment-tools__tool_report:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.coment-tools__tool_send {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 60.816326530612244%;
  width: 19px;
  height: 19px;
}
.coment-tools__tool_send:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.coment-tools__wrapper-report-input {
  -webkit-box-align: center;
  align-items: center;
}
.coment-tools__report-input {
  height: 34px;
  padding: 0 5px;
  border: 1px solid #d0d0d0;
}
.coment-tools__report-input:focus {
  border-color: #cbcbcb;
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulseReverse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulseReverse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.profile-sections {
  background-color: #fff;
}
.profile-sections__user-profile {
  padding: 25px 15px 20px;
  border-bottom: 1px solid #F1F1F1;
}
@media (min-width: 768px) {
  .profile-sections__user-profile {
    padding: 25px 30px 20px;
  }
}
@media (min-width: 970px) {
  .profile-sections__user-profile {
    width: 24%;
    padding: 30px 38px;
  }
}
@media (min-width: 1240px) {
  .profile-sections__user-profile {
    width: 17%;
    padding: 42px 28px;
    border-bottom: none;
  }
}
@media (min-width: 1330px) {
  .profile-sections__user-profile {
    width: 18%;
    padding: 42px 30px;
  }
}
.profile-sections__user-blog {
  padding: 22px 0 16px;
  border-bottom: 1px solid #F1F1F1;
}
@media (min-width: 768px) {
  .profile-sections__user-blog {
    padding: 35px 0 30px;
  }
}
@media (min-width: 970px) {
  .profile-sections__user-blog {
    padding: 30px 0 40px;
    width: 76%;
    border-left: 1px solid #F1F1F1;
  }
}
@media (min-width: 1240px) {
  .profile-sections__user-blog {
    padding: 42px 0 30px;
    width: 54%;
    border-right: 1px solid #F1F1F1;
    border-bottom: none;
  }
}
@media (min-width: 1330px) {
  .profile-sections__user-blog {
    width: 55%;
  }
}
.profile-sections__sidebar-news {
  width: 100%;
}
@media (min-width: 1240px) {
  .profile-sections__sidebar-news {
    overflow: hidden;
    width: 29%;
  }
}
@media (min-width: 1330px) {
  .profile-sections__sidebar-news {
    width: 27%;
  }
}
@media (min-width: 970px) {
  .profile-sections {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1240px) {
  .profile-sections {
    flex-wrap: nowrap;
  }
}
.user-profile__user-picture {
  margin: 0 auto 12px;
  width: 98px;
  height: 98px;
  border-radius: 100%;
  overflow: hidden;
}
.user-profile__user-picture img {
  width: 100%;
  height: 100%;
}
.user-profile__text,
.user-profile__user-name {
  text-align: center;
}
.user-profile__text {
  margin-bottom: 5px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.user-profile__user-name {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
  color: #181819;
}
.user-profile__rating-profile {
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #F1F1F1;
}
@media (min-width: 970px) {
  .user-profile__rating-profile {
    padding: 0;
  }
}
@media (min-width: 970px) {
  .user-profile__add-post {
    margin-bottom: 30px;
  }
}
.user-profile__date-stats {
  margin-top: 15px;
}
.rating-profile {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
}
.rating-profile__column {
  text-align: center;
}
@media (min-width: 970px) {
  .rating-profile__column {
    padding: 12px 0;
    text-align: left;
  }
  .rating-profile__column:first-child {
    border-bottom: 1px solid #F1F1F1;
  }
}
.rating-profile__text {
  margin-bottom: 10px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.rating-profile__rating {
  font-weight: bold;
  font-size: 34px;
  line-height: 28px;
  color: #181819;
}
@media (min-width: 970px) {
  .rating-profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: initial;
    justify-content: initial;
  }
}
.date-stats {
  display: -webkit-box;
  display: flex;
  width: 100%;
}
.date-stats__column {
  width: 50%;
}
@media (min-width: 970px) {
  .date-stats__column {
    padding: 15px 0;
    width: 100%;
  }
  .date-stats__column:last-child {
    padding-bottom: 0;
  }
  .date-stats__column_last-login {
    border-top: 1px solid #F1F1F1;
  }
}
.date-stats__text {
  margin-bottom: 5px;
  font-family: HelveticaNeueCyrRoman;
  colro: #616170;
}
.date-stats__date {
  font-weight: bold;
  font-size: 14px;
  color: #181819;
}
@media (min-width: 970px) {
  .date-stats {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.profile-stats__stat-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #F1F1F1;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #181819;
}
.profile-stats__tabs {
  margin: 15px 0 10px;
}
.user-blog__header {
  margin: 0 15px;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  .user-blog__header {
    margin: 0 30px;
  }
}
@media (min-width: 970px) {
  .user-blog__header {
    margin: 0 40px;
  }
}
@media (min-width: 1240px) {
  .user-blog__header {
    margin: 0 30px;
  }
}
.user-blog__no-posts {
  padding: 30px 17px 14px;
}
@media (min-width: 768px) {
  .user-blog__no-posts {
    padding: 44px 0 50px;
  }
}
@media (min-width: 970px) {
  .user-blog__no-posts {
    padding: 50px 0 0;
  }
}
.user-blog__load-more {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .user-blog__load-more {
    padding: 0 30px;
  }
}
@media (min-width: 970px) {
  .user-blog__load-more {
    padding: 0 40px;
  }
}
@media (min-width: 1240px) {
  .user-blog__load-more {
    padding: 0 30px;
  }
}
.header-sort {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.header-sort:after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #F1F1F1;
}
@media (min-width: 768px) {
  .header-sort:after {
    z-index: 10;
    bottom: 2px;
  }
}
.header-sort__title {
  position: relative;
  margin-bottom: 12px;
  width: 100%;
  background-color: #fff;
}
.header-sort__title span {
  display: block;
  padding-right: 20px;
  position: relative;
  z-index: 30;
  background-color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .header-sort__title span {
    font-size: 34px;
    line-height: 27px;
  }
}
@media (min-width: 768px) {
  .header-sort__title {
    margin-bottom: 0;
    width: auto;
  }
}
.header-sort__search-field {
  margin: 10px 0 12px;
}
@media (min-width: 768px) {
  .header-sort__blog-tabs {
    position: relative;
    z-index: 20;
  }
}
.header-sort__add-post {
  -webkit-box-flex: 0;
  flex: none;
}
@media (min-width: 768px) {
  .header-sort__add-post {
    margin-left: 30px;
  }
}
@media (min-width: 970px) {
  .header-sort__add-post {
    display: none;
  }
}
.header-sort_all-blogs {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
@media (min-width: 768px) {
  .header-sort_all-blogs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .header-sort_all-blogs:after {
    width: 48%;
    right: 17%;
    bottom: 5px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (min-width: 970px) {
  .header-sort_all-blogs:after {
    bottom: 2px;
    right: 0;
    margin: 0;
  }
}
@media (min-width: 970px) {
  .header-sort_all-blogs:after {
    width: 100%;
  }
}
.header-sort_all-blogs .header-sort__title {
  -webkit-box-ordinal-group: 2;
  order: 1;
  width: 80%;
  line-height: 17px;
}
.header-sort_all-blogs .header-sort__title a {
  margin-top: 5px;
  font-family: HelveticaNeueCyrRoman;
  color: #D30000;
}
@media (min-width: 375px) {
  .header-sort_all-blogs .header-sort__title {
    width: 48%;
  }
}
@media (min-width: 768px) {
  .header-sort_all-blogs .header-sort__title {
    width: 70%;
  }
}
@media (min-width: 970px) {
  .header-sort_all-blogs .header-sort__title {
    width: auto;
  }
  .header-sort_all-blogs .header-sort__title a {
    display: none;
  }
}
.header-sort_all-blogs .header-sort__add-post {
  -webkit-box-ordinal-group: 3;
  order: 2;
  width: 20%;
  -webkit-box-flex: 0;
  flex: none;
}
@media (min-width: 375px) {
  .header-sort_all-blogs .header-sort__add-post {
    width: 52%;
  }
}
@media (min-width: 768px) {
  .header-sort_all-blogs .header-sort__add-post {
    width: 30%;
    padding-top: 9px;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
}
@media (min-width: 970px) {
  .header-sort_all-blogs .header-sort__add-post {
    padding-top: 0;
  }
}
.header-sort_all-blogs .header-sort__blog-tabs {
  width: 100%;
  -webkit-box-ordinal-group: 4;
  order: 3;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-top: 19px;
}
@media (min-width: 768px) {
  .header-sort_all-blogs .header-sort__blog-tabs {
    display: block;
    width: auto;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}
@media (min-width: 970px) {
  .header-sort_all-blogs .header-sort__blog-tabs {
    margin-top: 0;
  }
}
.header-sort_champ .header-sort__title span {
  font-size: 22px;
}
.header-sort_champ:after {
  display: none;
}
@media (min-width: 768px) {
  .header-sort {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
}
.blog-preview-data {
  display: -webkit-box;
  display: flex;
}
.blog-preview-data__column {
  display: -webkit-box;
  display: flex;
}
.blog-preview-data__column:last-child {
  margin-left: auto;
}
.blog-preview-data__user-name,
.blog-preview-data__rating {
  font-size: 14px;
}
.blog-preview-data__user-name {
  display: -webkit-box;
  display: flex;
  font-weight: bold;
  color: #2E2F30;
}
@media (min-width: 1240px) {
  .blog-preview-data__user-name {
    cursor: pointer;
    transition: color ease-in-out 0.2s;
  }
  .blog-preview-data__user-name:hover {
    color: #e70000;
  }
}
.blog-preview-data__user-name span {
  max-width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 768px) {
  .blog-preview-data__user-name span {
    max-width: 180px;
  }
}
.blog-preview-data__rating,
.blog-preview-data__date,
.blog-preview-data__counter {
  color: #616170;
}
.blog-preview-data__date,
.blog-preview-data__counter {
  font-family: HelveticaNeueCyrRoman;
}
.blog-preview-data__rating {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-left: 10px;
  font-weight: 400;
}
.blog-preview-data__rating:before {
  content: '';
  margin-right: 3px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 50% 74.49799196787149%;
  width: 12px;
  height: 11px;
  height: 12px;
}
.blog-preview-data__date {
  margin: 6px 0 9px;
}
@media (min-width: 768px) {
  .blog-preview-data__date {
    margin: 6px 0 0;
  }
}
.blog-preview-data__counter {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 15px;
}
.blog-preview-data__counter_comment:before,
.blog-preview-data__counter_likes:before {
  margin-right: 5px;
  content: '';
}
.blog-preview-data__counter_comment:before {
  margin-top: -1px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 14.230019493177387% 99.39024390243902%;
  width: 17px;
  height: 17px;
}
.blog-preview-data__counter_likes:before {
  margin-top: -3px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 89.45233265720081%;
  width: 18px;
  height: 16px;
}
.blog-preview-data__counter.active:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 71.60243407707911%;
  width: 18px;
  height: 16px;
}
.blog-preview-data__counter:last-child {
  margin-right: 0;
}
@media (min-width: 970px) {
  .blog-preview-data__counter {
    margin-right: 0;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .blog-preview-data {
    -webkit-box-align: center;
    align-items: center;
  }
}
.user-blog-info {
  display: -webkit-box;
  display: flex;
}
.user-blog-info__user-picture {
  width: 36px;
  height: 36px;
  margin-right: 15px;
  overflow: hidden;
  border-radius: 100%;
  -webkit-box-flex: 0;
  flex: none;
}
.user-blog-info__user-picture img {
  height: 100%;
}
.user-blog-info__blog-preview-data {
  width: 100%;
}
.profile-blogs__item {
  padding: 16px 15px 20px;
  border-bottom: 1px solid #F1F1F1;
}
@media (min-width: 768px) {
  .profile-blogs__item {
    padding: 22px 30px 25px;
  }
}
@media (min-width: 970px) {
  .profile-blogs__item {
    padding: 22px 40px 25px;
  }
}
@media (min-width: 1240px) {
  .profile-blogs__item {
    padding: 22px 30px 25px;
  }
}
.profile-blogs__item:last-of-type {
  border-bottom: none;
}
.profile-blogs_all-blogs .profile-blogs__item {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 970px) {
  .profile-blogs_all-blogs .profile-blogs__item {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1240px) {
  .profile-blogs_all-blogs .profile-blogs__item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.blog-preview-content__title {
  margin: 17px 0 10px;
  font-size: 22px;
  font-weight: bold;
  color: #2E2F30;
  transition: color ease-in-out 0.2s;
}
.blog-preview-content__art {
  margin-top: 5px;
  width: 100%;
  height: 138px;
  background-size: cover;
  background-position: center;
  padding-bottom: 60%;
}
@media (min-width: 768px) {
  .blog-preview-content__art {
    padding-bottom: 0;
    height: 344px;
  }
}
@media (min-width: 970px) {
  .blog-preview-content__art {
    height: 330px;
  }
}
@media (min-width: 1240px) {
  .blog-preview-content__art {
    height: 305px;
  }
}
@media (min-width: 1330px) {
  .blog-preview-content__art {
    height: 330px;
  }
}
.blog-preview-content .embed-video,
.blog-preview-content iframe {
  width: 100%;
  height: 138px;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 375px) {
  .blog-preview-content .embed-video,
  .blog-preview-content iframe {
    padding-bottom: 55%;
    height: 240px;
  }
}
@media (min-width: 768px) {
  .blog-preview-content .embed-video,
  .blog-preview-content iframe {
    padding-bottom: 0;
    height: 345px;
  }
}
@media (min-width: 970px) {
  .blog-preview-content .embed-video,
  .blog-preview-content iframe {
    height: 275px;
  }
}
@media (min-width: 1240px) {
  .blog-preview-content .embed-video,
  .blog-preview-content iframe {
    height: 245px;
    cursor: pointer;
  }
}
@media (min-width: 1330px) {
  .blog-preview-content .embed-video,
  .blog-preview-content iframe {
    height: 305px;
  }
}
.blog-preview-content .embed-video {
  position: relative;
}
.blog-preview-content .embed-video:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.9438202247191% 0;
  width: 85px;
  height: 57px;
  opacity: .8;
  transition: ease-in-out 0.2s;
}
.blog-preview-content .embed-video_twitch:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 23.404255319148938% 72.16035634743875%;
  width: 60px;
  height: 60px;
}
.blog-preview-content .embed-video:hover:before {
  opacity: 1;
}
.blog-preview-content p {
  font-size: 14px;
  line-height: 24px;
  font-family: HelveticaNeueCyrRoman;
  color: #2E2F30;
}
@media (min-width: 1240px) {
  .blog-preview-content:hover .blog-preview-content__title {
    color: #e70000;
  }
}
.square-btn {
  display: block;
  width: 100%;
  padding: 17px 0;
  border: 1px solid rgba(211, 0, 0, 0.16);
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  color: #D30000;
  cursor: pointer;
  transition: border-color ease-in-out 0.2s, color ease-in-out 0.2s;
}
@media (min-width: 1240px) {
  .square-btn:hover {
    border-color: #ff0707;
    color: #ff0707;
  }
}
.square-btn_disable {
  border-color: #E7E7E7;
  background-color: #F8F8F8;
  color: #838D8F;
  pointer-events: none;
}
.square-btn_small-theme {
  padding: 11px 16px;
  font-size: 14px;
}
.no-posts {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  color: #2E2F30;
}
.no-posts__title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
.no-posts__title:before {
  content: '';
  display: block;
  margin: 0 auto 17px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 22.950819672131146% 82.65524625267666%;
  width: 42px;
  height: 42px;
}
.no-posts__information {
  margin: 15px 0 30px;
  font-family: HelveticaNeueCyrRoman;
  line-height: 24px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .no-posts__information {
    margin: 22px 0 30px;
    width: 474px;
  }
}
.no-posts__information strong {
  font-family: HelveticaNeueCyrBold;
  font-weight: bold;
}
.grid-inner {
  background-color: #fff;
}
.grid-inner__sidebar {
  background-color: #F8F8F8;
}
@media (min-width: 768px) {
  .grid-inner__sidebar {
    padding: 0 30px;
  }
}
@media (min-width: 970px) {
  .grid-inner__sidebar {
    padding: 30px  40px 0 40px;
    width: 24%;
    border-bottom: 1px solid #F0F0F0;
    background-color: #fff;
  }
}
@media (min-width: 1240px) {
  .grid-inner__sidebar {
    border-bottom: none;
    padding: 42px  20px 0 30px;
    width: 18%;
  }
}
@media (min-width: 1330px) {
  .grid-inner__sidebar {
    padding: 42px  40px 0 30px;
  }
}
.grid-inner__content {
  padding: 16px 15px 15px;
  border-bottom: 1px solid #F0F0F0;
}
@media (min-width: 768px) {
  .grid-inner__content {
    padding: 20px 30px;
  }
}
@media (min-width: 970px) {
  .grid-inner__content {
    padding: 30px 40px 30px 0;
    width: 76%;
  }
}
@media (min-width: 1240px) {
  .grid-inner__content {
    border-right: 1px solid #F0F0F0;
    padding: 42px 30px 40px 0;
    width: 53%;
    border-bottom: none;
  }
}
@media (min-width: 1330px) {
  .grid-inner__content {
    padding: 42px 40px 40px 0;
    width: 55%;
  }
}
.grid-inner__aside-info {
  width: 100%;
}
@media (min-width: 1240px) {
  .grid-inner__aside-info {
    overflow: hidden;
    width: 29%;
  }
}
@media (min-width: 1330px) {
  .grid-inner__aside-info {
    width: 27%;
  }
}
.grid-inner_all-blogs .grid-inner__sidebar {
  display: none;
}
@media (min-width: 970px) {
  .grid-inner_all-blogs .grid-inner__sidebar {
    display: block;
    padding: 31px 30px;
    border-right: 1px solid #EFEFEF;
  }
}
@media (min-width: 1240px) {
  .grid-inner_all-blogs .grid-inner__sidebar {
    padding: 40px 30px;
  }
}
@media (min-width: 768px) {
  .grid-inner_all-blogs .grid-inner__content {
    padding: 20px 30px 30px;
  }
}
@media (min-width: 970px) {
  .grid-inner_all-blogs .grid-inner__content {
    padding: 30px 0 40px;
  }
}
@media (min-width: 1240px) {
  .grid-inner_all-blogs .grid-inner__content {
    padding: 40px 0 30px;
  }
}
@media (min-width: 970px) {
  .grid-inner {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1240px) {
  .grid-inner_info .grid-inner__sidebar {
    padding: 50px  20px 0 30px;
  }
}
@media (min-width: 1330px) {
  .grid-inner_info .grid-inner__sidebar {
    padding: 50px  40px 0 30px;
  }
}
.grid-inner_streams .grid-inner__content,
.grid-inner_streams .grid-inner__aside-info {
  transition: opacity 0.3s ease-out;
  opacity: 1;
}
.grid-inner_streams .grid-inner__content {
  width: 100%;
  padding: 15px;
}
@media (min-width: 768px) {
  .grid-inner_streams .grid-inner__content {
    padding: 30px;
  }
}
@media (min-width: 1240px) {
  .grid-inner_streams .grid-inner__content {
    padding: 40px;
  }
}
@media (min-width: 1240px) {
  .grid-inner_streams .grid-inner__content {
    padding: 40px;
    width: 71%;
  }
}
.grid-inner_streams .grid-inner__aside-info {
  width: 100%;
}
@media (min-width: 1240px) {
  .grid-inner_streams .grid-inner__aside-info {
    width: 29%;
  }
}
.grid-inner_streams .streamers__items {
  -webkit-columns: 1;
  columns: 1;
  -webkit-column-gap: 0;
  column-gap: 0;
}
@media (min-width: 768px) {
  .grid-inner_streams .streamers__items {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}
@media (min-width: 1240px) {
  .grid-inner_streams .streamers__items {
    -webkit-columns: 1;
    columns: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}
.grid-inner_streams .streamers__item {
  -webkit-column-break-inside: avoid;
}
.grid-inner_champ .grid-inner__content {
  padding-left: 0;
  padding-right: 0;
  border-right: none;
}
@media (min-width: 768px) {
  .grid-inner_champ .grid-inner__content {
    padding-bottom: 30px;
  }
}
@media (min-width: 970px) {
  .grid-inner_champ .grid-inner__content {
    padding-bottom: 40px;
  }
}
@media (min-width: 1240px) {
  .grid-inner_champ .grid-inner__content {
    width: 78%;
    padding-bottom: 30px;
  }
}
.grid-inner_champ .grid-inner__sidebar {
  padding: 15px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .grid-inner_champ .grid-inner__sidebar {
    padding: 30px;
  }
}
@media (min-width: 970px) {
  .grid-inner_champ .grid-inner__sidebar {
    border-right: 1px solid #F0F0F0;
  }
}
@media (min-width: 1240px) {
  .grid-inner_champ .grid-inner__sidebar {
    width: 22%;
  }
}
.grid-inner_many-columns .grid-inner__content {
  padding: 0;
  width: 100%;
}
@media (min-width: 1240px) {
  .grid-inner_many-columns .grid-inner__content {
    width: 71%;
  }
}
@media (min-width: 1330px) {
  .grid-inner_many-columns .grid-inner__content {
    width: 73%;
  }
}
.grid-inner_many-columns .grid-inner__sidebar {
  padding: 0;
  width: 100%;
}
@media (min-width: 1240px) {
  .grid-inner_many-columns .grid-inner__sidebar {
    overflow: hidden;
    width: 29%;
    background-color: #fff;
  }
}
@media (min-width: 1330px) {
  .grid-inner_many-columns .grid-inner__sidebar {
    width: 27%;
  }
}
@media (min-width: 1240px) {
  .grid-inner_many-column {
    display: -webkit-box;
    display: flex;
    flex-wrap: initial;
  }
}
.sort-news {
  display: -webkit-box;
  display: flex;
}
.sort-news__sort {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  flex: 1;
  padding: 20px 0;
  border-bottom: 3px solid transparent;
  font-size: 0;
}
.sort-news__sort span {
  display: -webkit-box;
  display: flex;
}
.sort-news__sort span:before,
.sort-news__sort span:after {
  content: '';
}
@media (min-width: 768px) {
  .sort-news__sort span {
    margin-right: 8px;
  }
}
@media (min-width: 970px) {
  .sort-news__sort span {
    margin-right: 10px;
    -webkit-box-pack: center;
    justify-content: center;
    width: 30px;
  }
}
@media (min-width: 768px) {
  .sort-news__sort {
    -webkit-box-pack: initial;
    justify-content: initial;
    -webkit-box-flex: 0;
    flex: none;
    -webkit-box-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #202224;
  }
}
@media (min-width: 970px) {
  .sort-news__sort {
    padding: 13px 0;
    margin-left: -40px;
    margin-right: -20px;
    padding-left: 35px;
    overflow: hidden;
    border-bottom: none;
    border-left: 3px solid transparent;
    font-family: HelveticaNeueCyrRoman;
    text-transform: none;
    color: #616170;
  }
  .sort-news__sort:last-child {
    margin-bottom: 0;
  }
  .sort-news__sort:before,
  .sort-news__sort:after {
    content: '';
    position: absolute;
    right: -7px;
    z-index: 10;
    height: 35px;
    width: 15px;
    background-color: #fff;
    display: none;
  }
  .sort-news__sort:before {
    top: -10px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  .sort-news__sort:after {
    bottom: -10px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}
@media (min-width: 1240px) {
  .sort-news__sort {
    margin-left: -30px;
    margin-right: -5px;
    padding-left: 25px;
    cursor: pointer;
  }
}
.sort-news__sort_news span:before {
  margin-right: 4px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 9.467455621301776% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.sort-news__sort_updates span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.14173228346456% 65.42443064182194%;
  width: 22px;
  height: 26px;
}
.sort-news__sort_tournaments span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 75.49407114624506% 79.26078028747433%;
  width: 24px;
  height: 22px;
}
.sort-news__sort_guids span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 24.26614481409002% 95.67901234567901%;
  width: 19px;
  height: 23px;
}
.sort-news__sort_games span {
  display: none;
}
.sort-news__sort_games span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 42.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
@media (min-width: 768px) {
  .sort-news__sort_games span {
    display: -webkit-box;
    display: flex;
  }
}
.sort-news__sort_all span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 70.13752455795678% 61.855670103092784%;
  width: 21px;
  height: 24px;
}
.sort-news__sort.active {
  border-bottom: 3px solid #D30000;
}
.sort-news__sort.active span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #D30000;
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
@media (min-width: 970px) {
  .sort-news__sort.active span:after {
    height: 100%;
    width: 1px;
  }
}
@media (min-width: 768px) {
  .sort-news__sort.active {
    color: #D30000;
  }
}
@media (min-width: 970px) {
  .sort-news__sort.active {
    background-color: #F8F8F8;
    border-bottom: none;
    border-left: 3px solid #D30000;
    color: #181819;
  }
  .sort-news__sort.active:before,
  .sort-news__sort.active:after {
    display: block;
  }
}
.sort-news__sort_news.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 36.68639053254438% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.sort-news__sort_updates.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.14173228346456% 60.041407867494826%;
  width: 22px;
  height: 26px;
}
.sort-news__sort_tournaments.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 4.743083003952569% 90.75975359342915%;
  width: 24px;
  height: 22px;
}
.sort-news__sort_guids.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 8.610567514677104% 95.67901234567901%;
  width: 19px;
  height: 23px;
}
.sort-news__sort_games.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 60.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
.sort-news__sort_all.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 95.87628865979381%;
  width: 21px;
  height: 24px;
}
@media (min-width: 768px) {
  .sort-news {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 970px) {
  .sort-news {
    -webkit-box-pack: initial;
    justify-content: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.list-news__list-sorted-news {
  padding: 30px 0 0;
}
@media (min-width: 970px) {
  .list-news__list-sorted-news {
    padding: 30px 0 0;
  }
}
@media (min-width: 970px) {
  .list-news__header {
    padding: 0 30px;
  }
}
@media (min-width: 970px) {
  .list-news__load-more {
    margin: 0 40px;
  }
}
@media (min-width: 1240px) {
  .list-news__load-more {
    margin: 0 30px;
  }
}
@media (min-width: 970px) {
  .list-news_list .list-news__header {
    padding: 0;
  }
}
.list-news_list .list-news__load-more {
  margin: 0;
}
.list-news_all-blogs .list-news__header {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .list-news_all-blogs .list-news__header {
    margin-bottom: 0;
  }
}
.list-sorted-news__item {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .list-sorted-news__item {
    padding: 0 15px;
    width: 50%;
  }
  .list-sorted-news__item_fluid {
    width: 100%;
  }
}
@media (min-width: 1240px) {
  .list-sorted-news_match-inner .list-sorted-news__item {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  .list-sorted-news {
    margin: 0 -15px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
.all-news-sidebar__item {
  border-bottom: 1px solid #F0F0F0;
}
.all-news-sidebar__item_no-line {
  border-bottom: none;
}
@media (min-width: 768px) {
  .all-news-sidebar_columns .tournaments-items__items {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}
@media (min-width: 1240px) {
  .all-news-sidebar_columns .tournaments-items__items {
    -webkit-columns: 1;
    columns: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}
@media (min-width: 768px) {
  .all-news-sidebar_columns .tournaments-items__item {
    -webkit-column-break-inside: avoid;
  }
}
.post-create {
  background-color: #fff;
}
.post-create__type-post {
  padding-left: 15px;
  background-color: #F8F8F8;
}
@media (min-width: 768px) {
  .post-create__type-post {
    padding-left: 30px;
  }
}
@media (min-width: 970px) {
  .post-create__type-post {
    padding: 40px 65px 0 40px;
    width: 24%;
    background-color: #fff;
  }
}
@media (min-width: 1240px) {
  .post-create__type-post {
    padding: 40px 45px 0 40px;
    width: 17%;
  }
}
@media (min-width: 1330px) {
  .post-create__type-post {
    width: 17%;
  }
}
.post-create__insert-info {
  padding: 15px;
}
@media (min-width: 768px) {
  .post-create__insert-info {
    padding: 17px 30px 30px;
  }
}
@media (min-width: 970px) {
  .post-create__insert-info {
    padding: 30px 40px 40px 0;
    width: 76%;
  }
}
@media (min-width: 1240px) {
  .post-create__insert-info {
    padding: 30px 30px 30px 0;
    border-right: 1px solid #F0F0F0;
    width: 54%;
  }
}
@media (min-width: 1330px) {
  .post-create__insert-info {
    width: 56%;
  }
}
.post-create__popular-posts {
  display: none;
}
@media (min-width: 1240px) {
  .post-create__popular-posts {
    display: block;
    padding: 35px 30px;
    width: 29%;
  }
}
@media (min-width: 1330px) {
  .post-create__popular-posts {
    width: 27%;
  }
}
@media (min-width: 970px) {
  .post-create {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
.post-create_not-auth .post-create__insert-info {
  padding: 18px 15px 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .post-create_not-auth .post-create__insert-info {
    padding: 30px;
  }
}
@media (min-width: 970px) {
  .post-create_not-auth .post-create__insert-info {
    padding: 30px 40px 40px;
  }
}
@media (min-width: 1240px) {
  .post-create_not-auth .post-create__insert-info {
    padding: 30px;
    width: 71%;
  }
}
@media (min-width: 1330px) {
  .post-create_not-auth .post-create__insert-info {
    padding: 35px 40px 40px;
    width: 73%;
  }
}
.post-create_not-auth .post-create__popular-posts {
  display: none;
}
@media (min-width: 1240px) {
  .post-create_not-auth .post-create__popular-posts {
    display: block;
    width: 29%;
  }
}
@media (min-width: 1330px) {
  .post-create_not-auth .post-create__popular-posts {
    width: 27%;
  }
}
.type-post {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.type-post__title {
  margin-right: auto;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .type-post__title {
    margin-right: 40px;
  }
}
@media (min-width: 970px) {
  .type-post__title {
    margin-bottom: 23px;
  }
}
.type-post__type {
  position: relative;
  padding: 21px;
  border-bottom: 3px solid transparent;
  font-size: 0;
  transition: background-color 0.2s ease-in-out;
}
.type-post__type span {
  display: -webkit-box;
  display: flex;
}
.type-post__type span:before,
.type-post__type span:after {
  content: '';
  -webkit-box-flex: 0;
  flex: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.type-post__type span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #D30000;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
@media (min-width: 970px) {
  .type-post__type span:after {
    height: 100%;
    width: 1px;
  }
}
@media (min-width: 768px) {
  .type-post__type span {
    margin-right: 10px;
  }
}
@media (min-width: 970px) {
  .type-post__type span {
    width: 20px;
    margin-right: 14px;
  }
}
.type-post__type.active {
  border-bottom: 3px solid #D30000;
  color: #D30000;
}
.type-post__type.active span:after {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 970px) {
  .type-post__type.active {
    background-color: #F8F8F8;
    border-bottom: none;
    border-left-color: #D30000;
  }
}
.type-post__type_typo span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 43.418467583497055% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.type-post__type_wallpaper span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 59.921414538310415% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.type-post__type_video span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.67583497053045% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.type-post__type_typo.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.05108055009823% 89.83739837398375%;
  width: 21px;
  height: 17px;
}
.type-post__type_wallpaper.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 47.54420432220039% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.type-post__type_video.active span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 68.17288801571709% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
@media (min-width: 768px) {
  .type-post__type {
    padding: 21px 0;
    margin: 0 15px;
    display: -webkit-box;
    display: flex;
    font-size: 12px;
    text-transform: uppercase;
    color: #202224;
  }
}
@media (min-width: 970px) {
  .type-post__type {
    margin: 0 0 5px;
    margin-left: -40px;
    padding: 15px 0;
    padding-left: 38px;
    border-left: 3px solid transparent;
    border-bottom: none;
    text-transform: none;
  }
  .type-post__type:last-child {
    margin-bottom: 0;
  }
  .type-post__type:before,
  .type-post__type:after {
    content: '';
    position: absolute;
    right: -7px;
    z-index: 10;
    height: 35px;
    width: 15px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
  .type-post__type:before {
    top: -10px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  .type-post__type:after {
    bottom: -10px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}
.type-post__type:hover {
  background-color: #F8F8F8;
}
.type-post__type:hover:before,
.type-post__type:hover:after {
  opacity: 1;
  visibility: visible;
}
.type-post__type.active:before,
.type-post__type.active:after {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1240px) {
  .type-post__type {
    cursor: pointer;
  }
}
@media (min-width: 970px) {
  .type-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: initial;
    align-items: initial;
    line-height: 18px;
  }
}
.insert-post__title {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(214, 214, 214, 0.35);
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .insert-post__title {
    padding-bottom: 16px;
    font-size: 34px;
  }
}
@media (min-width: 1240px) {
  .insert-post__title {
    line-height: 46px;
    margin-bottom: 30px;
  }
}
.insert-fields__text-field {
  margin-bottom: 30px;
}
.insert-fields__text-field.hide {
  display: none;
}
.text-field__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  color: #2E2F30;
}
.text-field__title span {
  margin-left: auto;
  font-family: HelveticaNeueCyrRoman;
  font-weight: normal;
  font-size: 12px;
  color: #616170;
}
.text-field__title sub {
  margin-left: 4px;
  color: #D30000;
}
@media (min-width: 375px) {
  .text-field__title:before,
  .text-field__title:after {
    position: absolute;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-in-out 0.2s, visibility ease-in-out 0.2s;
  }
  .text-field__title:before {
    content: attr(data-error-field);
    bottom: -4px;
    right: 120px;
    padding: 7px;
    background-color: #ff0707;
    border-radius: 3px;
    font-family: HelveticaNeueCyrRoman;
    line-height: 13px;
    font-size: 12px;
    color: #fff;
    box-shadow: 1px 3px 15px -4px #ff0707;
  }
  .text-field__title:after {
    content: '';
    bottom: -10px;
    right: 190px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 7px 0 7px;
    border-color: #ff0707 transparent transparent transparent;
  }
}
.text-field__textarea,
.text-field__tags-field {
  padding: 5px;
  border: 1px solid #E9E9E9;
}
.text-field__textarea {
  padding: 15px;
  line-height: 24px;
  width: 100%;
  font-family: HelveticaNeueCyrRoman;
  font-size: 14px;
  color: #181819;
  resize: none;
  transition: border ease-in-out 0.2s;
}
.text-field__textarea:focus {
  border-color: #D0CFCF;
}
.text-field__tags-field {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  min-height: 56px;
}
.text-field_small .text-field__textarea {
  height: 94px;
}
@media (min-width: 768px) {
  .text-field_small .text-field__textarea {
    height: 56px;
  }
}
.text-field_large .text-field__textarea {
  height: 134px;
}
@media (min-width: 768px) {
  .text-field_large .text-field__textarea {
    height: 114px;
  }
}
.text-field_error .text-field__textarea {
  border-color: #e70000;
}
.text-field_error .text-field__title {
  position: relative;
}
.text-field_error .text-field__title:before,
.text-field_error .text-field__title:after {
  opacity: 1;
  visibility: visible;
}
.tags-field {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.tags-field__input {
  max-width: 35%;
  border: none;
  font-size: 14px;
  color: #181819;
}
.popular-posts {
  width: 100%;
}
.popular-posts__title {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
  color: #2E2F30;
}
.popular-posts__item {
  padding: 15px 0;
  border-bottom: 1px solid #EDEDED;
}
.popular-post-item {
  position: relative;
  display: -webkit-box;
  display: flex;
}
.popular-post-item__tooltip-name {
  position: absolute;
  z-index: 10;
  left: -10px;
  top: -24px;
  padding: 6px 7px 4px;
  background-color: #181819;
  border-radius: 4px;
  font-family: HelveticaNeueCyrRoman;
  line-height: 13px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in 0.1s, visibility ease-in 0.1s;
}
.popular-post-item__tooltip-name:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #181819 transparent transparent transparent;
}
.popular-post-item__user-picture {
  -webkit-box-flex: 0;
  flex: none;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
}
.popular-post-item__user-picture img {
  height: 100%;
}
@media (min-width: 1240px) {
  .popular-post-item__user-picture:hover .popular-post-item__tooltip-name {
    opacity: 1;
    visibility: visible;
  }
}
.popular-post-item__title {
  margin-bottom: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  font-size: 14px;
  color: #2E2F30;
  transition: color ease-in-out 0.2s;
}
.popular-post-item__info {
  min-width: 1px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.popular-post-item__info:visited .popular-post-item__title {
  color: rgba(46, 47, 48, 0.5);
}
.popular-post-item__statistics {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  line-height: 14px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.popular-post-item__counter {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-left: 30px;
}
.popular-post-item__counter:before {
  content: '';
  position: absolute;
  top: -4px;
  bottom: 0;
  left: -20px;
  margin: auto 0;
}
.popular-post-item__counter_comment:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 14.230019493177387% 99.39024390243902%;
  width: 17px;
  height: 17px;
}
.popular-post-item__counter_like:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 89.45233265720081%;
  width: 18px;
  height: 16px;
}
.popular-post-item__counter.active:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 71.60243407707911%;
  width: 18px;
  height: 16px;
}
@media (min-width: 1240px) {
  .popular-post-item {
    cursor: pointer;
  }
  .popular-post-item:hover .popular-post-item__title {
    color: #e70000;
  }
}
.users-blogs {
  width: 100%;
}
.users-blogs__header {
  border-bottom: 1px solid #EDEDED;
}
.users-blogs-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 15px;
}
@media (min-width: 768px) {
  .users-blogs-header {
    padding: 30px 30px 20px;
  }
}
@media (min-width: 970px) {
  .users-blogs-header {
    padding: 30px 40px 20px;
  }
}
@media (min-width: 1240px) {
  .users-blogs-header {
    padding: 30px 30px 20px;
  }
}
.text-field__tags-field .tags-field {
  width: 100%;
}
.text-field__tags-field .tags-field .tokenfield {
  padding: 0 10px;
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  min-height: 56px;
  border: 1px solid transparent;
  transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
}
.text-field__tags-field .tags-field .tokenfield.focus {
  box-shadow: none;
  border-color: rgba(252, 0, 0, 0.2);
}
.text-field__tags-field .tags-field .token-input {
  height: 32px;
  position: relative;
  -webkit-box-flex: 1;
  flex: 1 1 10%;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 14px;
  font-family: inherit;
  color: #181819;
  border-bottom: 1px solid #E9E9E9;
  transition: border .1s;
}
.text-field__tags-field .tags-field .token-input:focus {
  -webkit-animation: none;
  animation: none;
  border-bottom: 1px solid transparent;
}
.text-field__tags-field .tags-field .tokenfield .token {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 32px;
  padding: 7px 7px 6px;
  margin: 10px 0;
  margin-right: 10px;
  background-color: #F5F5F5;
  border: none;
  border-radius: 0;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (min-width: 1240px) {
  .text-field__tags-field .tags-field .tokenfield .token {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
  }
  .text-field__tags-field .tags-field .tokenfield .token:hover {
    background-color: #f0f0f0;
  }
}
.text-field__tags-field .tags-field .tokenfield .token .close {
  margin-left: 0;
  height: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 11px;
  color: #D30000;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (min-width: 1240px) {
  .text-field__tags-field .tags-field .tokenfield .token .close:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
.text-field__tags-field .tags-field .token-label {
  margin-right: 4px;
  line-height: 11px;
}
.sort-search-result {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0 15px;
}
.sort-search-result__type-sort {
  position: relative;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
}
.sort-search-result__type-sort:before,
.sort-search-result__type-sort:after {
  content: '';
}
.sort-search-result__type-sort a {
  width: 100%;
  padding: 25px 0 20px;
  font-size: 11px;
  color: #202224;
}
@media (min-width: 768px) {
  .sort-search-result__type-sort a {
    font-size: 12px;
  }
}
@media (min-width: 970px) {
  .sort-search-result__type-sort a {
    padding: 17px 0;
  }
}
@media (min-width: 768px) {
  .sort-search-result__type-sort {
    margin-right: 30px;
    text-transform: uppercase;
  }
}
@media (min-width: 970px) {
  .sort-search-result__type-sort {
    padding: 0;
    margin-left: -40px;
    margin-right: 10px;
    padding-left: 35px;
    overflow: hidden;
    border-bottom: none;
    border-left: 3px solid transparent;
    font-family: HelveticaNeueCyrRoman;
    text-transform: none;
  }
  .sort-search-result__type-sort a {
    color: #616170;
  }
  .sort-search-result__type-sort:last-child {
    margin-bottom: 0;
  }
  .sort-search-result__type-sort:before,
  .sort-search-result__type-sort:after {
    content: '';
    position: absolute;
    right: -7px;
    z-index: 10;
    height: 35px;
    width: 15px;
    background-color: #fff;
    display: none;
  }
  .sort-search-result__type-sort:before {
    top: -10px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  .sort-search-result__type-sort:after {
    bottom: -10px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}
@media (min-width: 1240px) {
  .sort-search-result__type-sort {
    margin-left: -30px;
    padding-left: 25px;
    cursor: pointer;
  }
}
.sort-search-result__type-sort.active {
  border-bottom: 3px solid #D30000;
  color: #D30000;
}
.sort-search-result__type-sort.active a {
  color: #D30000;
}
.sort-search-result__type-sort.active a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #D30000;
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
@media (min-width: 970px) {
  .sort-search-result__type-sort.active a:after {
    height: 100%;
    width: 1px;
  }
}
@media (min-width: 970px) {
  .sort-search-result__type-sort.active a {
    color: #202224;
  }
}
@media (min-width: 970px) {
  .sort-search-result__type-sort.active {
    background-color: #F8F8F8;
    border-bottom: none;
    border-left: 3px solid #D30000;
    color: #181819;
  }
  .sort-search-result__type-sort.active:before,
  .sort-search-result__type-sort.active:after {
    display: block;
  }
}
@media (min-width: 768px) {
  .sort-search-result {
    padding: 0;
    -webkit-box-pack: initial;
    justify-content: initial;
  }
}
@media (min-width: 970px) {
  .sort-search-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.header-search-result__title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .header-search-result__title {
    font-size: 34px;
  }
}
.header-search-result__get-words {
  margin-top: 9px;
  font-size: 18px;
  color: #616170;
}
.header-search-result__get-words span {
  color: #2E2F30;
}
.search-result__header-search-result {
  margin-top: 15px;
  padding-bottom: 13px;
  border-bottom: 1px solid #F0F0F0;
}
.search-result-items__item {
  padding: 17px 0;
  border-bottom: 1px solid #F0F0F0;
}
.search-result-items__item:last-child {
  border-bottom: none;
}
.search-result-item__type {
  color: #616170;
}
.search-result-item__type,
.search-result-item__subs {
  font-family: HelveticaNeueCyrRoman;
}
.search-result-item__title,
.search-result-item__subs {
  line-height: 24px;
  color: #2E2F30;
}
.search-result-item__title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .search-result-item__title {
    font-size: 22px;
  }
}
.search-result-item__subs {
  margin-top: 10px;
  font-size: 14px;
}
.search-result-item__subs span {
  color: #D30000;
}
@media (min-width: 768px) {
  .info-content__columns {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .info-content__column {
    width: calc(50% - 45px);
  }
}
.info-content__column p {
  margin: 14px 0 20px;
}
.top-list-container__column:first-child {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .top-list-container__column:first-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .top-list-container__column {
    width: calc(50% - 14px);
  }
}
.top-list-container__title {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
  color: #181819;
}
.top-list-container__items {
  counter-reset: blogs;
}
@media (min-width: 768px) {
  .top-list-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
.top-list-info {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  font-size: 14px;
}
.top-list-info__num:before {
  display: block;
  margin-right: 13px;
  counter-increment: blogs;
  content: "0" counter(blogs);
  font-weight: bold;
  font-size: 18px;
  color: #76787E;
  transition: color ease-in-out 0.2s;
}
.top-list-info__picture {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  margin-right: 8px;
  border-radius: 100%;
  overflow: hidden;
}
.top-list-info__picture img {
  height: 100%;
}
.top-list-info__name {
  width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: color 0.2s aese-in-out;
  color: #2E2F30;
}
.top-list-info a.top-list-info__user {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-decoration: none;
  color: #181819;
}
@media (min-width: 1240px) {
  .top-list-info a.top-list-info__user:hover {
    color: #D30000;
  }
}
.top-list-info__rate {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
  color: #D30000;
}
.top-list-info__rate:before {
  content: '';
  margin-top: 3px;
  margin-right: 5px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 45.366795366795365% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.top-list-info_all-blogs .top-list-info__num:before {
  font-size: 12px;
}
.top-list-info_all-blogs .top-list-info__rate {
  color: #616170;
}
.top-list-info_all-blogs .top-list-info__rate:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 52.316602316602314% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.top-list-info_all-blogs .top-list-info__name {
  width: 80px;
}
.top-list-items__item {
  padding: 13px 10px;
}
.top-list-items__item:nth-child(odd) {
  background-color: rgba(239, 239, 239, 0.5);
}
@media (min-width: 1240px) {
  .top-list-items__item {
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
  }
  .top-list-items__item:hover {
    background-color: #fbfbfb80;
  }
}
.top-list-items__item:nth-child(n+10) .top-list-info__num:before {
  content: counter(blogs);
}
.blogs-sidebar__add-post {
  margin-bottom: 10px;
}
.blogs-sidebar__about-karma {
  font-family: HelveticaNeueCyrRoman;
  color: #D30000;
}
@media (min-width: 768px) {
  .blogs-sidebar__about-karma {
    transition: color ease-in-out 0.2s;
  }
  .blogs-sidebar__about-karma:hover {
    color: #e70000;
  }
}
.blogs-sidebar__title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .blogs-sidebar__title {
    margin-top: 40px;
    margin-bottom: 4px;
  }
}
.blogs-sidebar__subtitle {
  font-family: HelveticaNeueCyrRoman;
  color: #2E2F30;
  transition: color ease-in-out 0.2s;
}
@media (min-width: 1240px) {
  .blogs-sidebar__subtitle:hover {
    color: #616170;
  }
}
.blogs-sidebar__blogs-list {
  counter-reset: blogs;
}
@media (min-width: 768px) {
  .blogs-sidebar__blogs-list {
    margin-top: 16px;
    margin-bottom: 20px;
  }
}
.blogs-list-items__item {
  padding: 14px 0;
  border-bottom: 1px solid #F1F1F1;
}
.blogs-list-items__item:first-child {
  border-top: 1px solid #F1F1F1;
}
.error-page {
  background-image: url(../images/dota2/error-page-bg.png);
  background-position: center;
  background-size: auto;
}
@media (min-width: 1330px) {
  .error-page {
    background-size: cover;
  }
}
.error-page-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 50px;
  background-color: #242628;
  position: relative;
}
.error-page-header__project {
  margin: 0 15px;
}
@media (min-width: 768px) {
  .error-page-header__project {
    margin: 0 25px;
  }
}
.error-page-header__project_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.68316831683168% 38.38174273858921%;
  width: 25px;
  height: 27px;
}
.error-page-header__project_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.86507936507937% 11.041666666666666%;
  width: 26px;
  height: 29px;
}
.error-page-header__project_current {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  margin: 0 auto;
  width: 300px;
  height: 100%;
}
@media (min-width: 768px) {
  .error-page-header__project_current {
    bottom: 0;
    left: auto;
    right: auto;
    position: relative;
  }
}
.error-page-header__project_dota {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.23107569721115% 21.57676348547718%;
  width: 28px;
  height: 27px;
}
.error-page-header__project_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.6% 0;
  width: 30px;
  height: 26px;
}
.error-page-header__project_tf {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.04771371769384% 32.780082987551864%;
  width: 27px;
  height: 27px;
}
.error-page-header__project_gifts {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 79.95991983967936% 66.94214876033058%;
  width: 31px;
  height: 25px;
}
@media (min-width: 768px) {
  .error-page-header__project {
    margin: 0 18px;
  }
}
@media (min-width: 1240px) {
  .error-page-header__project:not(.error-page-header__project_current) {
    transition: opacity 0.2s ease-in-out;
  }
  .error-page-header__project:not(.error-page-header__project_current):hover {
    opacity: .7;
  }
}
.error-page-project {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  padding: 32px 30px 20px;
  width: 100%;
  background-color: #D30000;
  color: #fff;
}
.error-page-project:after {
  content: '';
  position: absolute;
  z-index: 20;
  bottom: -50px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 150px 0 150px;
  border-color: #D30000 transparent transparent transparent;
}
.error-page-project__logo_dota {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 81.11587982832619% 41.03671706263499%;
  width: 64px;
  height: 46px;
}
.error-page-project__logo_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 11.764705882352942% 72.32142857142857%;
  width: 54px;
  height: 61px;
}
.error-page-project__logo_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 79.74683544303798% 28.153153153153152%;
  width: 56px;
  height: 65px;
}
.error-page-project__logo_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 83.6283185840708% 12.92517006802721%;
  width: 78px;
  height: 68px;
}
@media (min-width: 1240px) {
  .error-page-project__logo {
    transition: -webkit-transform ease-in-out 0.2s;
    transition: transform ease-in-out 0.2s;
    transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  }
  .error-page-project__logo:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.error-page-project__message {
  margin-top: 20px;
  font-size: 34px;
  font-weight: bold;
}
.error-page-project__error {
  font-weight: bold;
  line-height: 145px;
  font-size: 150px;
}
.error-page-project__sub {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
  font-family: HelveticaNeueCyrRoman;
  font-size: 14px;
}
.error-page-project__projects {
  margin-top: 18px;
}
.projects-links__link {
  margin: 0 3px;
  padding: 4px 7px;
  background-color: rgba(255, 160, 160, 0.55);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: inherit;
}
@media (min-width: 1240px) {
  .projects-links__link {
    transition: background-color ease-in-out 0.2s;
  }
  .projects-links__link:hover {
    background-color: rgba(255, 160, 160, 0.35);
  }
}
.auth-error-template__title {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .auth-error-template__title {
    font-size: 34px;
  }
}
@media (min-width: 1240px) {
  .auth-error-template__title {
    margin-bottom: 17px;
  }
}
.auth-error-template__auth-error-message {
  padding: 40px 20px;
  border: 1px solid #EDEDED;
  background-color: #fff;
}
@media (min-width: 768px) {
  .auth-error-template__auth-error-message {
    padding: 40px 95px;
  }
}
@media (min-width: 970px) {
  .auth-error-template__auth-error-message {
    padding: 40px 195px;
  }
}
@media (min-width: 1240px) {
  .auth-error-template__auth-error-message {
    padding: 40px 160px;
  }
}
@media (min-width: 1330px) {
  .auth-error-template__auth-error-message {
    padding: 40px 195px;
  }
}
.auth-error-message {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  color: #2E2F30;
}
.auth-error-message__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.auth-error-message__title:before {
  content: '';
  margin-bottom: 14px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 46.721311475409834% 69.82758620689656%;
  width: 42px;
  height: 45px;
}
.auth-error-message__title_info:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 73.15573770491804% 68.93617021276596%;
  width: 42px;
  height: 39px;
}
@media (min-width: 768px) {
  .auth-error-message__title {
    font-size: 16px;
  }
}
.auth-error-message__description {
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  font-family: HelveticaNeueCyrRoman;
}
.auth-error-message__auth-btn {
  margin-top: 30px;
}
#toast-container > .toast {
  padding: 20px;
  width: 300px;
  background-image: url('');
  background-color: rgba(24, 24, 25, 0.95);
  opacity: 1;
  box-shadow: none;
  transition: background-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}
#toast-container > .toast.toast-success,
#toast-container > .toast.toast-error {
  background-image: none !important;
}
@media (min-width: 375px) {
  #toast-container > .toast {
    width: 330px;
  }
}
@media (min-width: 1240px) {
  #toast-container > .toast:hover {
    background-color: #181819;
    box-shadow: none;
  }
}
#toast-container .toast-title {
  display: none;
}
#toast-container .toast-close-button {
  font-size: 0;
  transition: ease-in-out 0.1s;
}
#toast-container .toast-close-button:before {
  content: '';
  position: absolute;
  top: -12px;
  right: -12px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 83.130081300813%;
  width: 17px;
  height: 17px;
}
@media (min-width: 1240px) {
  #toast-container .toast-close-button:hover {
    opacity: .6;
  }
}
#toast-container .toast-message {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-family: HelveticaNeueCyrRoman;
  color: #fff;
}
#toast-container .toast-message:before {
  -webkit-box-flex: 0;
  flex: none;
  margin-right: 20px;
  content: '';
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 55.55555555555556% 69.6774193548387%;
  width: 44px;
  height: 44px;
}
#toast-container .toast-error .toast-message:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 64.47638603696099% 68.93617021276596%;
  width: 43px;
  height: 39px;
}
.user-blogs-items__item:last-child {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .user-blogs-items__item:last-child {
    padding: 0 30px;
  }
}
@media (min-width: 970px) {
  .user-blogs-items__item:last-child {
    padding: 0 40px;
  }
}
@media (min-width: 1240px) {
  .user-blogs-items__item:last-child {
    padding: 0 30px;
  }
}
.footer-navigation__socials {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(88, 92, 96, 0.35);
}
@media (min-width: 768px) {
  .footer-navigation__socials {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.socials-groups {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.socials-groups__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 10px 0;
  margin-right: 17px;
  font-size: 14px;
  line-height: 13px;
  color: #A4A9B7;
  transition: color ease-in-out 0.2s;
}
.socials-groups__link:after {
  content: '';
  margin-left: 5px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 66.73346693386773%;
  width: 17px;
  height: 10px;
  opacity: .6;
  transition: opacity ease-in-out 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (min-width: 768px) {
  .socials-groups__link:after {
    margin-left: 10px;
  }
}
.socials-groups__link:hover {
  color: #fff;
}
.socials-groups__link:hover:after {
  opacity: 1;
}
.socials-groups__link:last-child {
  margin-right: 0;
}
@media (min-width: 768px) {
  .socials-groups__link {
    margin: 0;
    margin-right: 35px;
  }
}
@media (min-width: 768px) {
  .socials-groups {
    flex-wrap: nowrap;
  }
}
.post-controll {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
.post-controll__controller {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
  transition: color ease-in-out 0.2s;
}
.post-controll__controller:first-child {
  margin-right: 45px;
}
.post-controll__controller:before {
  content: '';
  margin-top: -2px;
  margin-right: 5px;
  -webkit-box-flex: 0;
  flex: none;
}
.post-controll__controller_edit:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 58.05825242718446% 94.12955465587045%;
  width: 15px;
  height: 15px;
}
.post-controll__controller_delete:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 86.58536585365853%;
  width: 17px;
  height: 17px;
}
@media (min-width: 970px) {
  .post-controll__controller {
    margin-bottom: 18px;
    margin-right: 0;
  }
  .post-controll__controller:hover {
    color: #42424c;
  }
}
.post-controll_edit-game .post-controll__controller {
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 970px) {
  .post-controll {
    -webkit-box-align: initial;
    align-items: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.remodal-wrapper {
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  justify-content: center !important;
  text-align: initial !important;
}
.remodal-wrapper.remodal-is-closed {
  display: none !important;
}
.remodal-wrapper .modal-confirm {
  margin: 0;
  padding: 20px 55px 20px 20px;
  max-width: 290px;
  width: 290px;
  height: 165px;
  background-color: #fff;
  border-radius: 8px;
}
.remodal-wrapper .modal-confirm__close {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: auto;
  left: auto;
  cursor: pointer;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.86507936507937% 49.27536231884058%;
  width: 26px;
  height: 26px;
}
@media (min-width: 1240px) {
  .remodal-wrapper .modal-confirm__close {
    opacity: .9;
    transition: opacity ease-in-out 0.2s;
  }
  .remodal-wrapper .modal-confirm__close:hover {
    opacity: 1;
  }
}
.remodal-wrapper .modal-confirm__close:before {
  display: none;
}
.remodal-wrapper .modal-confirm__title {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
  line-height: 25px;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .remodal-wrapper .modal-confirm__title {
    margin-bottom: 38px;
  }
}
.remodal-wrapper .modal-confirm__button {
  min-width: auto;
  margin-right: 10px;
  padding: 11px 15px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
.remodal-wrapper .modal-confirm__button_confirm {
  background-color: #D30000;
  color: #fff;
  transition: background-color ease-in-out 0.2s;
}
.remodal-wrapper .modal-confirm__button_confirm:hover {
  background-color: #f20000;
}
.remodal-wrapper .modal-confirm__button_cancel {
  background-color: #fff;
  border: 1px solid rgba(211, 0, 0, 0.3);
  color: #D30000;
  transition: color ease-in-out 0.2s, border-color ease-in-out 0.2s, background-color ease-in-out 0.2s;
}
.remodal-wrapper .modal-confirm__button_cancel:hover {
  color: #f20000;
  border-color: rgba(211, 0, 0, 0.6);
  background-color: #fff;
}
@media (min-width: 768px) {
  .remodal-wrapper .modal-confirm {
    padding: 37px 85px 37px 40px;
    max-width: 420px;
    width: 420px;
    height: 200px;
  }
}
.stream-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
}
.stream-header__expand {
  display: none;
}
@media (min-width: 1240px) {
  .stream-header__expand {
    display: -webkit-box;
    display: flex;
  }
}
@media (min-width: 768px) {
  .stream__header {
    padding-bottom: 5px;
  }
}
.twitch-frame__user-title {
  padding-bottom: 15px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .twitch-frame__user-title {
    padding-bottom: 20px;
  }
}
.twitch-frame__user-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.twitch-frame__user-video iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.btn {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  font-family: inherit;
  text-transform: uppercase;
  background-color: #e70000;
  color: #fff;
  border: none;
  border-radius: 0;
}
@media (min-width: 1240px) {
  .btn {
    cursor: pointer;
    transition: background-color ease-in-out 0.2s;
  }
  .btn:hover {
    background-color: #ff0707;
  }
}
.change-comment {
  padding: 0px 10px 10px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: none;
}
@media (min-width: 375px) {
  .change-comment {
    -webkit-box-pack: initial;
    justify-content: initial;
  }
  .change-comment__button {
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .change-comment {
    padding: 15px 20px;
    border-top: 1px solid #E9E9E9;
  }
}
.counters {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .counters__visitors {
    margin-left: auto;
  }
}
.counters__steam {
  margin-bottom: 5px;
}
.counters__info {
  max-width: 270px;
  padding: 9px 8px;
  margin-bottom: 10px;
  background-color: #2d2d2d;
  border-radius: 4px;
  line-height: 18px;
  color: #a4a9b7;
}
.counters__info span {
  color: #fff;
}
@media (min-width: 768px) {
  .counters__info {
    max-width: 240px;
  }
}
.champ-sidebar {
  color: #2E2F30;
}
.champ-sidebar__logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 30px;
}
.champ-sidebar__logo img {
  max-width: 220px;
  width: 100%;
  height: 100%;
}
@media (min-width: 970px) {
  .champ-sidebar__logo img {
    max-width: initial;
  }
}
.champ-sidebar__column {
  margin-bottom: 20px;
}
.champ-sidebar__column_line {
  padding-bottom: 20px;
  border-bottom: 1px solid #F0F0F0;
}
.champ-sidebar__sub-title {
  margin-bottom: 5px;
}
.champ-sidebar__sub-title,
.champ-sidebar__event-date {
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.champ-sidebar__sub-title_date {
  margin-bottom: 10px;
}
.champ-sidebar__title {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.champ-sidebar__prize-sum {
  padding-left: 13px;
  position: relative;
  font-weight: bold;
  font-size: 32px;
}
.champ-sidebar__prize-sum:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 2px;
  margin: auto 0;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 98.46153846153847% 14.460285132382893%;
  width: 10px;
  height: 18px;
  -webkit-transform: scale(1.9);
  transform: scale(1.9);
}
.champ-sidebar__prize-sum_eur {
  padding-left: 14px;
}
.champ-sidebar__prize-sum_eur:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.92307692307692% 31.37651821862348%;
  width: 10px;
  height: 15px;
}
.champ-sidebar__prize-sum_rub {
  padding-left: 15px;
}
.champ-sidebar__prize-sum_rub:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 87.09055876685935% 82.42424242424242%;
  width: 11px;
  height: 14px;
}
.champ-sidebar__event-date {
  font-size: 14px;
}
.champ-sidebar__champ-name {
  margin: 0 -15px;
}
@media (min-width: 768px) {
  .champ-sidebar__champ-name {
    margin: 0 -30px;
  }
}
@media (min-width: 970px) {
  .champ-sidebar__champ-name {
    display: none;
  }
}
.champs-teams__tabs {
  margin-bottom: 5px;
  padding-bottom: 6px;
  border-bottom: #F0F0F0 1px solid;
}
.list-champs-teams {
  display: none;
}
.list-champs-teams__info {
  padding: 10px 0 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-bottom: #F0F0F0 1px solid;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.list-champs-teams.active {
  display: block;
}
.event-teams {
  counter-reset: blogs;
}
.event-teams__item {
  height: 53px;
  border-bottom: #F0F0F0 1px solid;
  transition: 0.2s ease-in-out;
}
.event-teams__item:nth-child(n+10) .event-team__num:before {
  content: counter(blogs);
}
@media (min-width: 1240px) {
  .event-teams__item {
    height: 42px;
  }
  .event-teams__item:hover {
    border-bottom-color: #e3e3e3;
  }
}
.event-team {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  transition: 0.2s ease-in-out;
}
.event-team__num:before {
  margin-right: 8px;
  counter-increment: blogs;
  content: "0" counter(blogs);
  font-size: 14px;
  font-weight: bold;
  color: inherit;
}
.event-team__team-logo {
  margin-right: 8px;
  width: 26px;
  text-align: center;
  -webkit-box-flex: 0;
  flex: none;
  transition: .3s ease;
}
.event-team__team-logo img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.event-team__indefined,
.event-team__team-name {
  font-family: HelveticaNeueCyrRoman;
}
.event-team__indefined,
.event-team__prize {
  line-height: 11px;
  color: #1E2022;
}
.event-team__indefined {
  color: rgba(30, 32, 34, 0.3);
}
.event-team__prize {
  margin-left: auto;
  font-family: HelveticaNeueCyrBold;
}
.event-team__prize {
  color: #1E2022;
  position: relative;
  padding-left: 11px;
  -webkit-box-flex: 0;
  flex: none;
}
.event-team__prize span {
  width: 12px;
  height: 2px;
  background-color: #1E2022;
}
.event-team__prize span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 3px;
  margin: auto 0;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 98.46153846153847% 14.460285132382893%;
  width: 10px;
  height: 18px;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
.event-team__prize b {
  display: -webkit-box;
  display: flex;
}
.event-team__prize b:before {
  content: "";
  width: 12px;
  height: 2px;
  background: #1E2022;
}
.event-team__prize_eur span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.92307692307692% 31.37651821862348%;
  width: 10px;
  height: 15px;
}
.event-team__prize_rub {
  padding-left: 12px;
}
.event-team__prize_rub span:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 87.09055876685935% 82.42424242424242%;
  width: 11px;
  height: 14px;
}
.event-team__team-info {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  color: #1E2022;
}
.event-team__team-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 15px;
  max-width: 160px;
  padding-right: 8px;
  transition: 0.2s ease-in-out;
  color: #1E2022;
}
.event-team__score {
  font-size: 14px;
  font-weight: bold;
  -webkit-box-flex: 0;
  flex: none;
}
.event-team__tooltip {
  display: block;
  z-index: 30;
  padding: 4px 4px 1px;
  position: absolute;
  max-width: 150px;
  color: #3c3b3b;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1px solid #e3e3e3;
  background-color: #f5f5f5;
  border-top: none;
  border-radius: 0px 0px 4px 4px;
  font-size: 10px;
  line-height: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: HelveticaNeueCyrRoman;
  text-align: center;
}
@media (min-width: 1240px) {
  .event-team__tooltip {
    right: -100px;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 180px;
    min-height: 38px;
    padding: 11px 14px;
    border-radius: 6px;
    background-color: #242628;
    font-size: 12px;
    line-height: 16px;
    color: #ccc;
    opacity: 0;
    visibility: hidden;
    transition: .2s ease;
    box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.4);
    border: none;
    overflow: initial;
    white-space: initial;
  }
  .event-team__tooltip:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #242628 transparent transparent;
  }
}
.event-team_gold .event-team__num {
  color: #F5C400;
}
.event-team_silver .event-team__num {
  color: #C4C4C4;
}
.event-team_bronze .event-team__num {
  color: #FE9700;
}
.event-team_green .event-team__num {
  color: #8AAA05;
}
@media (min-width: 1240px) {
  .event-team:hover .event-team__team-name {
    color: #000000;
  }
  .event-team:hover .event-team__team-logo {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  .event-team:hover .event-team__tooltip {
    right: -115px;
    visibility: visible;
    opacity: 1;
  }
}
.autocomplete-suggestions {
  background-color: #fff;
  border: 1px solid #E9E9E9;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 5px 10px;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out;
}
.autocomplete-suggestions .autocomplete-suggestion:hover {
  background-color: #f2f2f2;
}
.post-arround-news__title {
  font-weight: bold;
  text-transform: uppercase;
  color: #2E2F30;
}
.post-arround-news__item {
  padding: 27px 0;
  border-bottom: 1px solid #F0F0F0;
}
.post-arround-news__item:last-child {
  border-bottom: none;
}
.post-new {
  display: block;
  width: 100%;
  font-family: HelveticaNeueCyrRoman;
  font-size: 12px;
}
.post-new__img {
  height: 85px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.2s ease-in-out;
}
.post-new__title {
  margin: 10px 0;
  max-height: 34px;
  overflow: hidden;
  line-height: 18px;
  white-space: normal;
  color: #2E2F30;
  transition: color 0.2s ease-in-out;
}
.post-new__date {
  color: #616170;
}
.post-new:hover .post-new__img {
  opacity: .9;
}
.post-new:hover .post-new__title {
  color: #D30000;
}
.champ-title {
  padding: 0 15px;
  margin: 10px 0 20px;
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .champ-title {
    padding: 0 30px;
  }
}
@media (min-width: 970px) {
  .champ-title {
    margin: 10px 0 40px;
    padding: 0 40px;
    font-size: 34px;
    line-height: 42px;
  }
}
@media (min-width: 1240px) {
  .champ-title {
    padding: 0 30px;
  }
}
.breadcrumbs {
  display: -webkit-box;
  display: flex;
}
.breadcrumbs__crumb {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 20px;
  border-bottom: 1px solid transparent;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
  transition: 0.2s ease-in-out;
}
.breadcrumbs__crumb:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.48648648648648% 35.728542914171655%;
  width: 12px;
  height: 8px;
}
.breadcrumbs__crumb:last-child {
  margin-right: 0;
}
.breadcrumbs__crumb:last-child:after {
  display: none;
}
.breadcrumbs__crumb:hover {
  color: #3d3d47;
  border-bottom-color: #3d3d47;
}
.champ-content__title,
.champ-content__breadcrumbs {
  display: none;
}
@media (min-width: 970px) {
  .champ-content__title,
  .champ-content__breadcrumbs {
    display: block;
  }
}
.champ-content__list-news,
.champ-content__breadcrumbs,
.champ-content__matches,
.champ-content__spoilers {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .champ-content__list-news,
  .champ-content__breadcrumbs,
  .champ-content__matches,
  .champ-content__spoilers {
    padding: 0 30px;
  }
}
@media (min-width: 970px) {
  .champ-content__list-news,
  .champ-content__breadcrumbs,
  .champ-content__matches,
  .champ-content__spoilers {
    padding: 0 40px;
  }
}
@media (min-width: 1240px) {
  .champ-content__list-news,
  .champ-content__breadcrumbs,
  .champ-content__matches,
  .champ-content__spoilers {
    padding: 0 30px;
  }
}
.champ-content__list-news {
  margin-top: 15px;
}
@media (min-width: 970px) {
  .champ-content__list-news {
    margin-top: 30px;
    border-bottom: 1px solid #EDEDED;
  }
}
.champ-content__stages-games {
  padding: 20px 10px 0;
  margin: 0 5px;
  background-color: #F8F8F8;
}
@media (min-width: 768px) {
  .champ-content__stages-games {
    padding: 20px 20px 0;
    margin: 0 30px 20px;
  }
}
@media (min-width: 970px) {
  .champ-content__stages-games {
    margin: 0 40px 20px;
  }
}
@media (min-width: 1240px) {
  .champ-content__stages-games {
    margin: 0 30px 40px;
  }
}
.champ-content__matches {
  margin: 20px 0;
}
@media (min-width: 1240px) {
  .champ-content__blogs .blog-preview-content .embed-video {
    height: 393px;
    width: 700px;
  }
}
.champ-content__blogs .users-blogs__header {
  border-bottom: none;
}
.dropdown-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.dropdown-title__arrow {
  margin-left: auto;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 78.81873727087576%;
  width: 18px;
  height: 18px;
  transition: 0.1s ease-in-out;
}
.dropdown-title__arrow.active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .dropdown-title__arrow {
    display: none;
  }
}
.championships-layout__title {
  margin-bottom: 17px;
}
@media (min-width: 768px) {
  .championships-layout__items {
    margin: 0 -15px;
  }
}
.championships-items__item {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .championships-items__item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 28px;
  }
}
@media (min-width: 768px) {
  .championships-items {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
.championships-item {
  display: block;
  transition: 0.2s ease-in-out;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0 0 25px -1px rgba(0, 0, 0, 0.1);
}
.championships-item__img {
  position: relative;
  min-height: 85px;
  background-position: center;
  background-size: cover;
}
@media (min-width: 375px) {
  .championships-item__img {
    padding-bottom: 25%;
  }
}
@media (min-width: 768px) {
  .championships-item__img {
    padding-bottom: 0;
    min-height: initial;
    height: 85px;
    transition: opacity 0.2s ease-in-out;
  }
}
.championships-item__content {
  padding: 14px 15px 10px;
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0px 0px 3px 3px;
  background-color: #F8F8F8;
  transition: border-color 0.2s ease-in-out;
}
.championships-item_live .championships-item__content {
  background: rgba(211, 0, 0, 0.07);
}
.championships-item_live .championships-item__live {
  left: 15px;
  bottom: -10px;
  position: absolute;
  padding: 3px 5px;
  border-radius: 2px;
  background-color: #D30000;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .championships-item {
    box-shadow: none;
  }
}
.championships-item:hover {
  box-shadow: 0 0 25px -1px rgba(0, 0, 0, 0.1);
}
.championships-item:hover .championships-item__img {
  opacity: .85;
}
.championships-item:hover .championships-item__live {
  background-color: #ec0000;
}
.championships-item:hover:not(.championships-item_live) .championships-item__content {
  border-color: #e7e7e7;
}
.championships-info__title {
  margin-bottom: 10px;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
  color: #181819;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 768px) {
  .championships-info__title {
    font-size: 22px;
  }
}
.championships-info-items {
  display: -webkit-box;
  display: flex;
}
.championships-info-items__item:first-child {
  width: 60%;
}
.championships-info-items__item:last-child {
  padding-left: 13px;
  width: 40%;
  border-left: 1px solid #EEEAEA;
}
.championships-info-content__text {
  margin-bottom: 5px;
  font-family: HelveticaNeueCyrRoman;
  font-size: 10px;
  color: #616170;
}
@media (min-width: 768px) {
  .championships-info-content__text {
    font-size: 12px;
  }
}
.championships-info-content__info,
.championships-info-content__pool {
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  color: #181819;
}
@media (min-width: 768px) {
  .championships-info-content__info,
  .championships-info-content__pool {
    font-size: 16px;
    line-height: 17px;
  }
}
.championships-info-content__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.championships-info-content__info span {
  max-width: 76%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.championships-info-content__pool {
  position: relative;
  padding-left: 10px;
}
.championships-info-content__pool:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  margin: auto 0;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 98.46153846153847% 14.460285132382893%;
  width: 10px;
  height: 18px;
}
.championships-info-content__pool_eur:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.92307692307692% 31.37651821862348%;
  width: 10px;
  height: 15px;
}
.championships-info-content__pool_rub {
  padding-left: 11px;
}
.championships-info-content__pool_rub:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 87.09055876685935% 82.42424242424242%;
  width: 11px;
  height: 14px;
}
.championships-info-content__flag {
  width: 19px;
  height: 12px;
  flex-wrap: none;
  background-position: center;
  background-size: 100%;
  margin-right: 5px;
  border-radius: 2px;
}
.info-picture {
  display: block;
  padding: 30px 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/overlay-ts.webp');
  background-size: cover;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.info-picture__title {
  margin-bottom: 5px;
  font-size: 24px;
}
.info-picture__text {
  font-size: 35px;
}
@media (min-width: 1330px) {
  .info-picture__text {
    font-size: 45px;
  }
}
.info-picture__logo {
  margin: 30px auto 0;
  background-image: url('../images/dota2/logo-teamspirit.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s ease-in-out;
  height: 260px;
}
.info-picture:hover .info-picture__logo {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.info-picture_main .info-picture__column {
  margin: 0;
}
.stages-games__stages {
  padding-bottom: 20px;
}
.stages-items__title {
  margin-right: 7px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  color: #2E2F30;
}
@media (min-width: 1240px) {
  .stages-items__title span {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: 7px;
    margin-top: -2px;
    background-color: #D30000;
    border-radius: 100%;
    cursor: pointer;
  }
  .stages-items__title span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("/svg/sprite.svg?v=110") no-repeat;
    background-position: 100% 14.285714285714286%;
    width: 8px;
    height: 12px;
  }
  .stages-items__title span:hover .stages-items__tooltip {
    opacity: 1;
    visibility: visible;
  }
}
.stages-items__items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(214, 214, 214, 0.35);
}
.stages-items__tooltip {
  display: none;
}
@media (min-width: 1240px) {
  .stages-items__tooltip {
    display: block;
    position: absolute;
    z-index: 50;
    right: -210px;
    bottom: 30px;
    width: 246px;
    min-height: 50px;
    padding: 11px 30px 11px 14px;
    border-radius: 6px;
    background-color: #242628;
    text-transform: none;
    font-family: HelveticaNeueCyrRoman;
    line-height: 16px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
  }
  .stages-items__tooltip:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 28px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #242628 transparent transparent transparent;
  }
}
.day-game {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 65px;
  height: 70px;
  margin-top: -1px;
  background-color: transparent;
  text-transform: uppercase;
  color: #2E2F30;
  transition: 0.2s ease-in-out;
}
.day-game__day {
  margin-top: 3px;
  font-weight: bold;
  font-size: 26px;
  line-height: 28px;
  font-style: italic;
}
.day-game__month,
.day-game__day-week {
  font-size: 11px;
}
.day-game__day-week {
  position: absolute;
  top: 3px;
  right: 4px;
}
.day-game.active {
  background-color: #D30000;
  color: #fff;
}
.day-game.disabled {
  opacity: .6;
}
@media (min-width: 1240px) {
  .day-game.disabled {
    cursor: default;
  }
}
.day-game:not(.active):not(.disabled):hover {
  background-color: rgba(211, 0, 0, 0.04);
}
.match-inner-layout {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: flex-start;
}
.match-inner-layout__title {
  position: relative;
  z-index: 1;
  padding-right: 15px;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #2E2F30;
}
.match-inner-layout__title_stage {
  font-size: 20px;
}
.match-inner-layout__items {
  width: 100%;
  margin-top: -5px;
  padding: 25px 0 30px;
  border-top: 1px solid rgba(214, 214, 214, 0.35);
}
.match-inner-layout__descr-stage {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}
.match-inner-items__item {
  margin: 0 auto;
  max-width: 280px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .match-inner-items__item {
    margin: 0;
    padding-right: 17px;
    margin-bottom: 20px;
    width: 33.33%;
    max-width: initial;
  }
  .match-inner-items__item:nth-child(3n) {
    padding-right: 0;
  }
}
.match-inner-items__inner {
  position: relative;
}
.match-inner-items__video {
  position: absolute;
  left: 50%;
  bottom: -8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.match-inner-items__video a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-left: 8px;
  width: 22px;
  height: 17px;
  margin: 0 2.5px;
  background-color: #D30000;
  border-radius: 3px;
  font-weight: bold;
  font-size: 10px;
  line-height: 11px;
  color: #fff;
  transition: background-color 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.match-inner-items__video a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #fff;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.match-inner-items__video a:hover {
  background-color: #e70000;
}
.match-inner-items__video a:hover:before {
  -webkit-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
}
.match-inner-items__img {
  margin: 0 0 20px;
}
.match-inner-items__link-more {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .match-inner-items {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
.match-inner-preview {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 60px;
  border: 1px solid #E0E0E0;
  transition: 0.2s ease-in-out;
}
.match-inner-preview__team,
.match-inner-preview__score,
.match-inner-preview__start,
.match-inner-preview__live-bets {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  flex: 1;
}
.match-inner-preview__team {
  overflow: hidden;
  margin-top: 10px;
  height: 70px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.match-inner-preview__team img {
  margin-bottom: 10px;
  width: 40px;
}
.match-inner-preview__team span {
  position: absolute;
  bottom: 5px;
  padding: 0 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  font-size: 10px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.match-inner-preview__team_left {
  margin-left: -1px;
}
.match-inner-preview__team_left .match-inner-preview__win {
  left: -15px;
}
.match-inner-preview__team_right {
  margin-right: -1px;
}
.match-inner-preview__team_right .match-inner-preview__win {
  right: -15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.match-inner-preview__score {
  font-weight: bold;
  font-size: 22px;
  color: #2E2F30;
}
.match-inner-preview__match-type {
  position: absolute;
  max-width: 53%;
  top: -7px;
  padding: 0 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  font-family: HelveticaNeueCyrRoman;
  color: #5E6062;
}
.match-inner-preview__live-bets {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.match-inner-preview__live {
  margin-top: 10px;
  margin-bottom: 8px;
  padding-top: 3px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 41px;
  height: 20px;
  background-color: #D30000;
  font-size: 16px;
  line-height: 12px;
  text-transform: uppercase;
  font-family: HelveticaNeueCyrBold;
  color: #fff;
  box-shadow: 0px 0px 15px -2px rgba(211, 0, 0, 0.55);
}
.match-inner-preview__bets {
  position: absolute;
  left: 50%;
  bottom: -6px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #fff;
}
.match-inner-preview__bets span {
  margin: 0 4px;
  font-size: 10px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.match-inner-preview__bets span:first-child:after {
  content: "";
  position: absolute;
  height: 10px;
  left: 50%;
  top: -1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  background-color: #616170;
}
.match-inner-preview__start-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  padding: 3px 7px;
  padding-right: 8px;
  border-radius: 2px;
  background-color: rgba(50, 62, 73, 0.92);
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.match-inner-preview__start-inner span:nth-child(1) {
  font-size: 12px;
}
.match-inner-preview__start-inner span:last-child {
  font-size: 10px;
}
.match-inner-preview__start-inner span:nth-child(2) {
  margin-top: 2px;
}
.match-inner-preview__win {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
  top: 2px;
  width: 55px;
  height: 20px;
  background-color: #68b11c;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.match-inner-preview:hover {
  border-color: #c7c7c7;
}
.spoiler {
  padding: 12px;
  border: 1px solid #F0F0F0;
  margin-bottom: -1px;
}
.spoiler ul {
  margin-bottom: 0;
}
.spoiler-head {
  position: relative;
  padding: 10px 18px;
  background-color: #F0F0F0;
  color: #2E2F30;
  font-weight: bold;
  font-size: 16px;
  border-left: 4px solid #f20000;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.spoiler-head:after {
  content: '';
  position: absolute;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 75.15274949083503%;
  width: 18px;
  height: 18px;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.spoiler-head:hover {
  background-color: #ebebeb;
}
.spoiler-head:hover:not(.active):after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.spoiler-close {
  display: none;
}
.spoiler-text {
  display: none;
  padding: 10px;
}
.spoiler-text a {
  padding-bottom: 1px;
  font-size: 14px;
  margin: 3px 0;
  color: #D30000;
  transition: 0.1s ease-in-out;
  border-bottom: 1px solid transparent;
}
.spoiler-text a:hover {
  color: #ec0000;
  border-bottom-color: #ec0000;
}
.spoiler.active .spoiler-head:after {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 0;
  width: 18px;
  height: 18px;
}
.team-section {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.team-section__img {
  margin-bottom: 20px;
}
@media (min-width: 970px) {
  .team-section__img img {
    width: 100%;
  }
}
.team-section__name {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #2E2F30;
}
.team-section__country {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: HelveticaNeueCyrRoman;
  color: #5E6062;
}
.team-section__country img {
  width: 24px;
  margin-right: 6px;
  margin-top: -2px;
}
.team-section__country span {
  line-height: 15px;
}
.team-section__teammates {
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #F0F0F0;
}
@media (min-width: 768px) {
  .team-section {
    display: block;
  }
}
.teammates-section-items__item {
  margin-bottom: 20px;
}
.teammates-section-items__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .teammates-section-items__item {
    width: 20%;
  }
}
@media (min-width: 970px) {
  .teammates-section-items__item {
    width: auto;
  }
}
@media (min-width: 768px) {
  .teammates-section-items {
    display: -webkit-box;
    display: flex;
  }
}
@media (min-width: 970px) {
  .teammates-section-items {
    display: block;
  }
}
.teammate {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.teammate__img {
  -webkit-box-flex: 0;
  flex: none;
  margin-right: 13px;
  width: 30px;
  height: 30px;
  position: relative;
}
.teammate__img-portrait {
  height: 100%;
  border-radius: 100%;
}
.teammate__img-country {
  position: absolute;
  z-index: 1;
  top: 0px;
  right: -6px;
  width: 20px;
}
.teammate__name {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: flex-start;
}
.teammate__name span:first-child {
  margin-bottom: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: #1E2022;
}
.teammate__name span:last-child {
  width: 100%;
  padding-right: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: HelveticaNeueCyrRoman;
  color: #5E6062;
}
.int-layout {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
  padding: 15px;
  color: #fff;
  background-color: #1D1E1F;
}
.int-layout__top {
  position: relative;
  z-index: 2;
  margin-bottom: 15px;
}
@media (min-width: 1240px) {
}
.int-layout__bottom {
  position: relative;
  z-index: 2;
}
@media (min-width: 1240px) {
  .int-layout__bottom {
    margin: 0 -10px;
  }
}
.int-layout__link {
  position: relative;
  z-index: 2;
  padding: 16px 0;
  margin: 30px auto 0;
  width: 260px;
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(211, 0, 0, 0.65);
  transition: 0.2s ease-in-out;
}
.int-layout__link:hover {
  color: #fff;
  border-color: rgba(211, 0, 0, 0.95);
}
@media (min-width: 768px) {
  .int-layout__link {
    width: 400px;
  }
}
.int-layout:before {
  content: '';
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url("/images/overlay-international.png") no-repeat;
  background-size: 80%;
  background-position: left top;
  background-position: top right;
  opacity: .9;
}
@media (min-width: 768px) {
  .int-layout {
    padding: 30px;
  }
}
@media (min-width: 768px) {
  .int-layout-top__text {
    width: 58%;
    margin-right: 10px;
  }
}
@media (min-width: 970px) {
  .int-layout-top__text {
    width: 59%;
    margin-right: 0;
  }
}
@media (min-width: 1240px) {
  .int-layout-top__text {
    width: 47%;
  }
}
@media (min-width: 768px) {
  .int-layout-top__links {
    width: 42%;
    margin-left: auto;
  }
}
@media (min-width: 970px) {
  .int-layout-top__links {
    width: 41%;
  }
}
@media (min-width: 1240px) {
  .int-layout-top__links {
    width: 53%;
  }
}
@media (min-width: 768px) {
  .int-layout-top {
    display: -webkit-box;
    display: flex;
  }
}
.int-info__title {
  font-weight: bold;
  font-size: 28px;
}
@media (min-width: 768px) {
  .int-info__title {
    font-size: 34px;
  }
}
@media (min-width: 970px) {
  .int-info__title {
    font-size: 42px;
  }
}
.int-links {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.int-links__btn {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .int-links__btn {
    align-self: flex-end;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .int-links {
    -webkit-box-align: end;
    align-items: flex-end;
  }
}
.int-layout-tables__table {
  margin: 0 -15px 20px;
  background-image: linear-gradient(transparent 0%, #1D1E1F 11%, #242628 30%, #242628 100%);
}
@media (min-width: 768px) {
  .int-layout-tables__table {
    margin: 0 -30px 30px;
  }
}
@media (min-width: 1240px) {
  .int-layout-tables__table {
    margin: 0;
    width: 50%;
    padding: 0 25px 25px;
  }
}
@media (min-width: 768px) {
  .int-layout-tables__table:first-child {
    padding-bottom: 30px;
  }
}
@media (min-width: 1240px) {
  .int-layout-tables__table:first-child {
    padding-bottom: 0;
  }
}
.int-layout-tables__table:last-child {
  margin-bottom: 0;
}
@media (min-width: 1240px) {
  .int-layout-tables {
    display: -webkit-box;
    display: flex;
  }
}
.int-layout-table__title {
  margin: 0 15px;
  display: -webkit-box;
  display: flex;
}
@media (min-width: 768px) {
  .int-layout-table__title {
    margin: 0 30px;
  }
}
@media (min-width: 1240px) {
  .int-layout-table__title {
    margin: 0;
  }
}
.int-layout-table__table {
  margin-top: 15px;
  font-size: 12px;
  font-family: HelveticaNeueCyrRoman;
  overflow-x: scroll;
  position: relative;
  overflow-x: visible;
}
.int-layout-table__table:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 30px);
  border: 1px dashed rgba(214, 214, 214, 0.35);
}
@media (min-width: 768px) {
  .int-layout-table__table {
    font-size: 14px;
  }
  .int-layout-table__table:before {
    width: calc(100% - 10px);
  }
}
@media (min-width: 768px) {
  .int-layout-table__table {
    padding: 0 30px;
  }
}
@media (min-width: 1240px) {
  .int-layout-table__table {
    padding: 0;
  }
}
.int-layout-table__btn {
  padding: 15px 15px 0;
}
.int-layout-table__btn .main-btn {
  width: 100%;
}
@media (min-width: 768px) {
  .int-layout-table__btn {
    padding: 30px 30px 0;
  }
}
@media (min-width: 1240px) {
  .int-layout-table__btn {
    padding: 0;
  }
}
.int-title {
  display: -webkit-box;
  display: flex;
}
.int-title__item {
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
}
@media (min-width: 1240px) {
  .int-title__item {
    padding-bottom: 8px;
  }
}
.int-title_tabs {
  border-bottom: 1px solid rgba(214, 214, 214, 0.35);
}
.int-title_tabs .int-title__item {
  padding-bottom: 8px;
  margin-right: 40px;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.int-title_tabs .int-title__item:last-child {
  margin-right: 0;
}
.int-title_tabs .int-title__item.active {
  position: relative;
  color: #D30000;
}
.int-title_tabs .int-title__item.active:after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 3px;
  bottom: -2px;
  left: 0;
  border-radius: 4px;
  background-color: #D30000;
}
.int-title_tabs .int-title__item:not(.active):hover {
  color: rgba(255, 255, 255, 0.8);
}
.main-btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 16px 18px;
  background-color: #D30000;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 970px) {
  .main-btn:hover {
    background-color: #ec0000;
  }
}
.table-teams {
  width: 100%;
}
.table-teams td {
  height: 47px;
  padding: 0 15px;
  color: #fff;
}
.table-teams td:nth-child(1) {
  width: 1%;
}
.table-teams td:nth-child(2),
.table-teams td:nth-child(3) {
  width: 38%;
}
.table-teams td:nth-child(4) {
  width: 3%;
  text-align: center;
}
@media (min-width: 768px) {
  .table-teams td {
    padding: 0 15px;
  }
}
@media (min-width: 1240px) {
  .table-teams td:nth-child(1) {
    width: 12%;
  }
  .table-teams td:nth-child(2),
  .table-teams td:nth-child(3) {
    width: 38%;
  }
  .table-teams td:nth-child(4) {
    width: 12%;
  }
}
.table-teams__head td {
  padding-bottom: 10px;
  color: rgba(255, 255, 255, 0.35);
}
.table-teams__head td:nth-child(3) {
  display: none;
}
@media (min-width: 768px) {
  .table-teams__head td:nth-child(3) {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .table-teams__head td {
    padding-bottom: 18px;
  }
}
.table-teams__rows:nth-child(even) {
  background-color: #2A2C2E;
}
.table-teams__rows td {
  margin-bottom: 1px;
}
.table-teams__rows td:first-child div {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
  padding-left: 1px;
  padding-top: 3px;
  width: 29px;
  height: 29px;
  border: 1px solid #D30000;
  background-color: rgba(211, 0, 0, 0.22);
  border-radius: 100%;
  letter-spacing: 1px;
}
@media (min-width: 1240px) {
  .table-teams__rows td:first-child div {
    padding-left: 1px;
  }
}
.table-teams__rows td:nth-child(2) {
  vertical-align: middle;
}
.table-teams__rows td:nth-child(2) img {
  margin-right: 10px;
  width: 60px;
}
.table-teams__rows td:nth-child(3) {
  display: none;
}
@media (min-width: 768px) {
  .table-teams__rows td:nth-child(3) {
    display: table-cell;
  }
}
.table-teams__rows.table-teams__td-12 td:first-child div,
.table-teams__rows.table-teams__td-13 td:first-child div,
.table-teams__rows.table-teams__td-14 td:first-child div,
.table-teams__rows.table-teams__td-15 td:first-child div {
  color: #777;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
}
.table-teams__rows:nth-child(n+9) td:first-child div {
  text-align: center;
}
.table-teams__rows img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.table-teams__wrapper-team {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: inherit;
}
.table-teams__wrapper-team span {
  margin-top: 1px;
}
.table-teams_schedule td:nth-child(1) {
  width: 46%;
}
.table-teams_schedule td:nth-child(2) {
  width: 19%;
}
.table-teams_schedule td:nth-child(4) {
  width: 25%;
}
@media (min-width: 768px) {
  .table-teams_schedule td:nth-child(1) {
    width: 20%;
  }
  .table-teams_schedule td:nth-child(2),
  .table-teams_schedule td:nth-child(3) {
    width: 25%;
  }
  .table-teams_schedule td:nth-child(4) {
    width: 30%;
  }
}
@media (min-width: 1240px) {
  .table-teams_schedule td:nth-child(1) {
    width: 24%;
  }
  .table-teams_schedule td:nth-child(2) {
    width: 20%;
  }
  .table-teams_schedule td:nth-child(3) {
    width: 32%;
  }
  .table-teams_schedule td:nth-child(4) {
    width: 24%;
  }
}
@media (min-width: 768px) {
  .table-teams_schedule .table-teams__head td:last-child {
    text-align: center;
  }
}
.table-teams_schedule .table-teams__rows td:first-child {
  text-align: left;
  font-size: 11px;
}
@media (min-width: 768px) {
  .table-teams_schedule .table-teams__rows td:first-child {
    font-size: 14px;
  }
}
.table-teams_schedule .table-teams__rows td:nth-child(2) span {
  padding: 8px 10px 7px;
}
.table-teams_schedule .table-teams__rows td:nth-child(4) img {
  width: 65px;
}
@media (min-width: 768px) {
  .table-teams_schedule .table-teams__rows td:nth-child(4) img {
    width: 130px;
  }
}
.table-teams_schedule .table-teams__rows td:last-child {
  text-align: center;
}
.table-teams_schedule .table-teams__rows_major td:nth-child(2) span {
  display: inline-block;
  border: 1px solid #D30000;
  border-radius: 3px;
  background-color: #591F21;
}
.table-teams_schedule .table-teams__rows_live {
  background-color: #522122;
}
.table-teams_schedule .table-teams__rows_live td {
  position: relative;
}
.table-teams_schedule .table-teams__rows_live td:first-child:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: -1px;
  margin: auto 0;
  -webkit-animation: pulse 1.5s ease-in infinite;
  animation: pulse 1.5s ease-in infinite;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 90.04065040650407%;
  width: 17px;
  height: 17px;
}
@media (min-width: 768px) {
  .table-teams_schedule .table-teams__rows_live td:first-child:before {
    left: 5px;
  }
}
@media (min-width: 1240px) {
  .table-teams_schedule .table-teams__rows_live td:first-child:before {
    left: -9px;
  }
}
.table-teams_schedule .table-teams__rows_live td:first-child span {
  display: block;
}
.table-teams_schedule .table-teams__rows_live td:first-child span:nth-child(2) {
  margin-top: 2px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
}
.table-teams_schedule .table-teams__rows_live td:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1D1E1F;
}
.table-teams_schedule .table-teams__wrapper-country {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.table-teams_schedule .table-teams__wrapper-country img {
  width: 28px;
  margin-right: 11px;
}
.table-teams_schedule .table-teams__wrapper-country span {
  margin-top: 2px;
}
.table-teams_players .table-teams__rows td:first-child div {
  width: auto;
  height: auto;
  text-align: center;
  margin-left: 0 !important;
  border-color: transparent;
  background-color: transparent;
}
.table-teams_players .table-teams__rows td:nth-child(3) {
  vertical-align: middle;
  display: none;
}
@media (min-width: 768px) {
  .table-teams_players .table-teams__rows td:nth-child(3) {
    display: table-cell;
  }
  .table-teams_players .table-teams__rows td:nth-child(3) img {
    margin-right: 10px;
    width: 25px;
  }
}
.table-teams_players .table-teams__rows td:nth-child(4) {
  display: table-cell;
}
.table-teams_players .table-teams__wrapper-team {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: inherit;
}
.table-teams_players .table-teams__wrapper-team span {
  margin-top: 1px;
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .8;
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    opacity: 1;
  }
}
.game-project-picture {
  height: 155px;
}
.game-project-picture__img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px) {
  .game-project-picture {
    height: 348px;
  }
}
@media (min-width: 970px) {
  .game-project-picture {
    height: 460px;
  }
}
@media (min-width: 1240px) {
  .game-project-picture {
    height: 384px;
  }
}
@media (min-width: 1330px) {
  .game-project-picture {
    height: 441px;
  }
}
.game-layout-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.game-layout-inner__info {
  position: relative;
  z-index: 5;
  padding: 15px 0;
  margin: 0 15px 15px;
  -webkit-box-ordinal-group: 3;
  order: 2;
  border-bottom: 1px solid #EFEFEF;
}
@media (min-width: 768px) {
  .game-layout-inner__info {
    padding: 0;
    margin: 0;
    border-bottom: none;
    width: 20%;
  }
}
@media (min-width: 970px) {
  .game-layout-inner__info {
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding-right: 40px;
    width: 24%;
  }
}
.game-layout-inner__head {
  position: relative;
  z-index: 3;
  -webkit-box-ordinal-group: 2;
  order: 1;
  padding: 0 15px;
  margin-top: -60px;
}
@media (min-width: 768px) {
  .game-layout-inner__head {
    padding: 0 30px;
    padding-right: 0;
    margin-top: -80px;
    width: 80%;
  }
}
@media (min-width: 970px) {
  .game-layout-inner__head {
    -webkit-box-ordinal-group: 3;
    order: 2;
    padding: 0;
    width: 685px;
  }
}
@media (min-width: 1240px) {
  .game-layout-inner__head {
    width: 630px;
  }
}
@media (min-width: 1330px) {
  .game-layout-inner__head {
    width: 685px;
  }
}
.game-layout-inner__content {
  padding: 0 15px 20px;
  -webkit-box-ordinal-group: 4;
  order: 3;
  width: 100%;
}
@media (min-width: 768px) {
  .game-layout-inner__content {
    padding: 0 30px 30px;
  }
}
@media (min-width: 970px) {
  .game-layout-inner__content {
    padding: 0 30px 40px 0;
    margin-left: auto;
    width: 76%;
  }
}
@media (min-width: 768px) {
  .game-layout-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.game-bars {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.game-bars__info {
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
@media (min-width: 768px) {
  .game-bars__info {
    margin-bottom: 25px;
  }
}
@media (min-width: 970px) {
  .game-bars__info {
    margin-bottom: 0;
    padding: 30px 0 25px 33px;
  }
}
.game-bars__bar_unique {
  display: none;
}
@media (min-width: 970px) {
  .game-bars__bar_unique {
    display: block;
    margin-bottom: 10px;
  }
}
.game-bars__admin-panel {
  position: absolute;
  top: 19px;
  left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .game-bars__admin-panel {
    top: 115px;
    left: 30px;
  }
}
@media (min-width: 970px) {
  .game-bars__admin-panel {
    left: 0;
    top: 140px;
  }
}
@media (min-width: 768px) {
  .game-bars {
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: initial;
    align-items: initial;
    -webkit-box-pack: initial;
    justify-content: initial;
  }
}
@media (min-width: 970px) {
  .game-bars {
    padding: 0;
  }
}
.game-bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
}
.game-bar__text {
  margin-right: 10px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
@media (min-width: 768px) {
  .game-bar__text {
    margin-right: 0;
    margin-bottom: 2px;
  }
}
.game-bar__counter-plays {
  font-size: 16px;
  font-weight: bold;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .game-bar {
    -webkit-box-align: initial;
    align-items: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media (min-width: 970px) {
  .game-bar {
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
    padding-left: 30px;
    height: 56px;
    border-left: 3px solid #e70000;
    background-color: #f2f2f2;
  }
  .game-bar:before {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 10;
    border-width: 28px 0 28px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #f2f2f2;
  }
}
.game-project-head {
  padding: 20px;
  background-color: #242628;
  box-shadow: 0 2px 50px 2px rgba(0, 0, 0, 0.55);
}
.game-project-head__title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  color: #fff;
}
@media (min-width: 768px) {
  .game-project-head__title {
    font-size: 36px;
    line-height: 34px;
  }
}
@media (min-width: 768px) {
  .game-project-head__info {
    display: -webkit-box;
    display: flex;
  }
}
.game-project-head__game-stat {
  margin: 0 -20px 0;
}
@media (min-width: 768px) {
  .game-project-head__game-stat {
    margin: 0 -30px 20px;
  }
}
@media (min-width: 970px) {
  .game-project-head__actions-after-game {
    display: -webkit-box;
    display: flex;
  }
}
.game-project-head__after-game-btn {
  width: 100%;
}
.game-project-head__after-game-btn_comment {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .game-project-head__after-game-btn_comment {
    width: 332px;
  }
}
@media (min-width: 970px) {
  .game-project-head__after-game-btn_comment {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  .game-project-head__after-game-btn_repeat {
    width: 232px;
  }
}
.game-project-head__end-message {
  margin: 15px 0 27px;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
}
@media (min-width: 768px) {
  .game-project-head__end-message {
    font-size: 18px;
  }
}
.game-project-head_end-game .game-project-head__title {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .game-project-head {
    padding: 25px;
  }
}
.game-project-info {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.game-project-info__btn {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .game-project-info__btn {
    width: auto;
    margin-bottom: 0;
  }
}
.game-project-info__setting {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 50%;
  font-size: 14px;
  color: #fff;
}
.game-project-info__setting:before {
  content: "";
  margin-right: 8px;
}
.game-project-info__setting_questions:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 19.921104536489153% 95.67901234567901%;
  width: 23px;
  height: 23px;
}
.game-project-info__setting_time:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 28.205128205128204% 95.67901234567901%;
  width: 23px;
  height: 23px;
}
@media (min-width: 768px) {
  .game-project-info__setting {
    margin-right: 25px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .game-project-info {
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .game-project-content__bests {
    margin-top: 20px;
  }
}
.game-project-content__lasts {
  margin-top: 20px;
}
.game-project-content__others {
  margin-top: 25px;
}
.wrapper-best-games__title {
  margin-bottom: 13px;
}
@media (min-width: 768px) {
  .wrapper-best-games__stats {
    margin: 0 -8px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}
.wrapper-best-games__item {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .wrapper-best-games__item {
    padding: 0 8px;
    width: 33.33%;
    margin-bottom: 15px;
  }
}
.game-project-stat__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 1240px) {
  .game-project-stat__link:hover .game-project-stat__name {
    color: #535557;
  }
  .game-project-stat__link:hover .game-project-stat__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.game-project-stat__column {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.game-project-stat__column:first-child {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #F0F0F0;
}
.game-project-stat__range {
  margin-right: 11px;
}
.game-project-stat__time {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: HelveticaNeueCyrRoman;
  line-height: 13px;
  color: #616170;
}
.game-project-stat__time:before {
  content: "";
  margin-right: 6px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 96.7479674796748%;
  width: 17px;
  height: 17px;
}
.game-project-stat__img {
  width: 33px;
  height: 33px;
  margin-right: 13px;
  -webkit-box-flex: 0;
  flex: none;
  border-radius: 100%;
  overflow: hidden;
}
.game-project-stat__img img {
  height: 100%;
  transition: .3s ease;
}
.game-project-stat__user-info {
  width: 100%;
}
.game-project-stat__name {
  width: 115px;
  margin-bottom: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  color: #2E2F30;
  transition: 0.2s ease-in-out;
}
.game-project-stat__time-ago {
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.game-project-stat__title {
  margin-bottom: 5px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #2E2F30;
}
.game-project-stat__text {
  margin-bottom: 10px;
  line-height: 11px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.game-project-stat__best {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
  top: 2px;
  right: -15px;
  width: 55px;
  height: 17px;
  background-color: #D30000;
  box-shadow: 0 0 15px 0 rgba(211, 0, 0, 0.3);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.range {
  padding: 2px 3px;
  background-color: #D30000;
  border-radius: 2px;
  box-shadow: 0 0 12px 1px rgba(211, 0, 0, 0.4);
  font-weight: bold;
  color: #fff;
}
.other-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: #2E2F30;
}
.other-title__text {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .other-title__faq {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: 7px;
    margin-top: -2px;
    background-color: #D30000;
    border-radius: 100%;
  }
  .other-title__faq:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("/svg/sprite.svg?v=110") no-repeat;
    background-position: 100% 14.285714285714286%;
    width: 8px;
    height: 12px;
  }
  .other-title__faq:hover .other-title__tooltip {
    opacity: 1;
    visibility: visible;
  }
}
.other-title__tooltip {
  display: none;
}
@media (min-width: 768px) {
  .other-title__tooltip {
    display: block;
    position: absolute;
    z-index: 5;
    left: -21px;
    top: 25px;
    width: 205px;
    min-height: 50px;
    padding: 11px 30px 11px 14px;
    border-radius: 6px;
    background-color: #242628;
    text-transform: none;
    font-family: HelveticaNeueCyrRoman;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
  }
  .other-title__tooltip:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 28px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #242628 transparent;
  }
}
@media (min-width: 768px) {
  .wrapper-last-games__column {
    width: calc(50% - 15px);
  }
}
@media (min-width: 768px) {
  .wrapper-last-games {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
.column-last-games__title {
  margin-bottom: 12px;
}
.column-last-games__item {
  margin-bottom: 15px;
}
.last-game-stat {
  padding: 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #F8F8F8;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
}
.last-game-stat__duration {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: HelveticaNeueCyrRoman;
  line-height: 13px;
  color: #616170;
}
.last-game-stat__duration:before {
  content: "";
  margin-right: 6px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 96.7479674796748%;
  width: 17px;
  height: 17px;
}
.last-game-stat__range {
  margin-right: 11px;
}
.last-game-stat__time-ago {
  margin-left: auto;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.list-other-games__title {
  margin-bottom: 12px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .list-other-games__items {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
}
.list-other-games__item {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .list-other-games__item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 25px;
  }
}
.list-other-games__btn {
  width: 100%;
}
@media (min-width: 768px) {
  .list-other-games__btn {
    padding: 0 15px;
  }
}
.game-state-layout {
  display: none;
}
.game-state-layout__header {
  padding: 15px;
  background-color: #F8F8F8;
  border-bottom: 1px solid #EFEFEF;
}
@media (min-width: 768px) {
  .game-state-layout__header {
    padding: 20px 30px;
  }
}
@media (min-width: 970px) {
  .game-state-layout__header {
    padding: 20px 40px;
  }
}
@media (min-width: 1240px) {
  .game-state-layout__header {
    padding: 20px 30px;
  }
}
.game-state-layout__body {
  padding: 15px 15px 40px;
}
@media (min-width: 768px) {
  .game-state-layout__body {
    padding: 20px 30px;
  }
}
@media (min-width: 970px) {
  .game-state-layout__body {
    padding: 50px 40px 40px;
  }
}
@media (min-width: 1240px) {
  .game-state-layout__body {
    padding: 30px;
  }
}
.game-progress {
  position: relative;
}
.game-progress__info {
  padding-left: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  font-weight: bold;
  font-size: 14px;
  color: #2E2F30;
}
@media (min-width: 970px) {
  .game-progress__info {
    padding-left: 0;
  }
}
.game-progress__title {
  text-transform: uppercase;
  padding-right: 10px;
  line-height: 16px;
  width: 100%;
}
@media (min-width: 970px) {
  .game-progress__title {
    padding-right: 20px;
  }
}
.game-progress__range {
  -webkit-box-flex: 0;
  flex: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  white-space: pre-wrap;
}
.game-progress__range:before {
  content: '';
  margin-right: 6px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.61089494163424% 100%;
  width: 16px;
  height: 16px;
}
.game-progress__progress-line-wrapper {
  position: relative;
  margin-top: 9px;
  width: 100%;
  height: 4px;
  border-radius: 22px;
  background-color: rgba(255, 7, 7, 0.08);
}
@media (min-width: 768px) {
  .game-progress__progress-line-wrapper {
    margin-top: 15px;
  }
}
.game-progress__progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #D30000;
  border-radius: 22px;
  transition: .2s ease;
}
.game-state-header {
  position: relative;
}
.game-state-header__end-game {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
}
.game-state-header__end-game a {
  font-size: 0;
  color: transparent;
}
.game-state-header__end-game a:before {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 44.19551934826884%;
  width: 18px;
  height: 18px;
  transition: .4s ease;
}
@media (min-width: 970px) {
  .game-state-header__end-game a {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #D30000;
    transition: 0.2s ease-in-out;
  }
}
@media (min-width: 1240px) {
  .game-state-header__end-game a:hover {
    color: #fc0000;
  }
  .game-state-header__end-game a:hover:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.game-state-header__end-game span {
  display: none;
}
@media (min-width: 970px) {
  .game-state-header__end-game span {
    display: -webkit-box;
    display: flex;
    font-family: HelveticaNeueCyrRoman;
    color: #616170;
  }
}
@media (min-width: 970px) {
  .game-state-header__end-game {
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 23%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 28px;
  }
}
@media (min-width: 970px) {
  .game-state-header__game-bar {
    width: 77%;
  }
}
.game-state-header_without-progress .game-state-header__end-game {
  position: relative;
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding-left: 28px;
}
.game-state-header_without-progress .game-state-header__end-game span {
  display: -webkit-box;
  display: flex;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.game-state-header_without-progress .game-state-header__end-game a {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #D30000;
}
@media (min-width: 970px) {
  .game-state-header {
    display: -webkit-box;
    display: flex;
  }
}
@media (min-width: 970px) {
  .game-state-body__counters {
    padding-right: 40px;
    width: 23%;
  }
}
@media (min-width: 1240px) {
  .game-state-body__counters {
    padding-right: 30px;
  }
}
.game-state-body__content {
  margin-top: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .game-state-body__content {
    margin-top: 15px;
  }
}
@media (min-width: 970px) {
  .game-state-body__content {
    margin-top: 0;
    width: 77%;
    overflow: initial;
  }
}
.game-state-body_fluid .game-state-body__content {
  width: 100%;
}
@media (min-width: 970px) {
  .game-state-body {
    display: -webkit-box;
    display: flex;
  }
}
.game-state-counters {
  display: -webkit-box;
  display: flex;
}
.game-state-counters__column {
  width: 50%;
}
@media (min-width: 970px) {
  .game-state-counters__column {
    width: 100%;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #E9E9E9;
  }
  .game-state-counters__column:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }
}
.game-state-counters__text {
  margin-bottom: 5px;
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.game-state-counters__counter {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 22px;
  color: #2E2F30;
}
.game-state-counters__counter:before {
  content: '';
  margin-right: 7px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
@media (min-width: 970px) {
  .game-state-counters__counter:before {
    margin-right: 10px;
  }
}
.game-state-counters__counter_time:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 96.7479674796748%;
  width: 17px;
  height: 17px;
}
.game-state-counters__counter_correct:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 89.45233265720081%;
  width: 18px;
  height: 16px;
}
@media (min-width: 970px) {
  .game-state-counters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.game-state-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.game-state-content__img {
  margin-bottom: 15px;
  height: 140px;
  background-size: cover;
  background-position: center;
}
@media (min-width: 375px) {
  .game-state-content__img {
    padding-bottom: 50%;
  }
}
@media (min-width: 768px) {
  .game-state-content__img {
    padding-bottom: 0;
    height: 335px;
    margin-bottom: 25px;
  }
}
.game-state-content__title {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  color: #2E2F30;
}
@media (min-width: 768px) {
  .game-state-content__title {
    margin-bottom: 18px;
    font-size: 34px;
    line-height: 41px;
  }
}
.game-state-content__text {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
  color: #616170;
}
.game-state-content__btns {
  margin-top: 20px;
}
.game-state-content__next {
  align-self: flex-start;
  margin-top: 15px;
  padding: 16px 54px;
  background-color: #D30000;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  transition: .2s ease;
  color: #fff;
}
.game-state-content__next:hover {
  background-color: #ec0000;
}
@media (min-width: 768px) {
  .game-state-content__next {
    margin-top: 30px;
  }
}
.game-stat {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.game-stat__column {
  margin-bottom: 15px;
  padding: 0 20px;
}
.game-stat__column:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 768px) {
  .game-stat__column {
    margin-bottom: 0;
    padding: 0 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
  }
  .game-stat__column:last-child {
    border: none;
  }
}
.game-stat__text {
  margin-bottom: 8px;
  font-family: HelveticaNeueCyrRoman;
  color: rgba(255, 255, 255, 0.7);
}
.game-stat__info {
  font-weight: bold;
  font-size: 34px;
  line-height: 28px;
  color: #fff;
}
.remodal-wrapper .modal-bans {
  margin: 0;
  padding: 20px 55px 20px 20px;
  background-color: #fff;
  border-radius: 8px;
}
.remodal-wrapper .modal-bans__close {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: auto;
  left: auto;
  cursor: pointer;
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.86507936507937% 49.27536231884058%;
  width: 26px;
  height: 26px;
}
@media (min-width: 1240px) {
  .remodal-wrapper .modal-bans__close {
    opacity: .9;
    transition: opacity ease-in-out 0.2s;
  }
  .remodal-wrapper .modal-bans__close:hover {
    opacity: 1;
  }
}
.remodal-wrapper .modal-bans__close:before {
  display: none;
}
.remodal-wrapper .modal-bans__title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
  line-height: 25px;
  color: #2E2F30;
}
.remodal-wrapper .modal-bans__user {
  position: relative;
  padding-left: 38px;
  line-height: 32px;
  font-size: 18px;
  color: #2E2F30;
}
.remodal-wrapper .modal-bans__user img {
  position: absolute;
  top: 0;
  left: 0;
}
.remodal-wrapper .modal-profile-bans .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  font-size: 16px;
}
.remodal-wrapper .modal-profile-bans .table td,
.remodal-wrapper .modal-profile-bans .table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #e9ecef;
}
.remodal-wrapper .modal-profile-bans .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9ecef;
}
.remodal-wrapper .modal-profile-bans .table-danger,
.remodal-wrapper .modal-profile-bans .table-danger > td,
.table-danger > th {
  background-color: #f5c6cb;
}
.remodal-wrapper .modal-profile-bans .table-mute,
.table-mute > td,
.remodal-wrapper .modal-profile-bans .table-mute > th {
  opacity: 0.5;
}
.remodal-wrapper .modal-profile-bans .form-control {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.remodal-wrapper .modal-profile-bans select.form-control:not([size]):not([multiple]) {
  height: calc(38px);
}
.answer-btn {
  position: relative;
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #E9E9E9;
  border-bottom: none;
  background-color: #fff;
  font-size: 14px;
  text-align: left;
  font-family: HelveticaNeueCyrRoman;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.answer-btn:last-child {
  border-bottom: 1px solid #E9E9E9;
}
.answer-btn:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border: 1px solid;
  transition: 0.2s ease-in-out;
}
.answer-btn__answer-text {
  line-height: 25px;
  color: #2E2F30;
}
.answer-btn__message {
  line-height: 20px;
  color: #2E2F30;
}
.answer-btn__bottom {
  margin-top: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
}
.answer-btn__votes {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-weight: bold;
  color: #000;
}
.answer-btn__votes span {
  font-weight: normal;
}
.answer-btn__ratio-bar {
  height: 4px;
  width: 50%;
  overflow: hidden;
  background-color: rgba(170, 170, 170, 0.8);
  border-radius: 2px;
}
.answer-btn__ratio-line {
  position: relative;
  height: 100%;
  background-color: #D30000;
  z-index: 1;
  transition: .2s ease;
}
.answer-btn__status {
  position: absolute;
  display: -webkit-box;
  display: flex;
  align-self: center;
  z-index: 4;
  right: 20px;
  top: 13px;
  font-size: 14px;
  font-weight: bold;
  color: #5E6062;
  transition: 0.2s ease-in-out;
}
.answer-btn__status:before {
  content: '';
  margin-right: 5px;
  margin-top: -1px;
  cursor: pointer;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  opacity: 0;
  visibility: hidden;
}
.answer-btn__status:before:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media (min-width: 1240px) {
  .answer-btn:hover {
    color: rgba(236, 0, 0, 0.8);
  }
  .answer-btn:hover:before {
    border-color: rgba(211, 0, 0, 0.3);
    opacity: 1;
    visibility: visible;
  }
}
.answer-btn.button_red .answer-btn,
.answer-btn.button_green .answer-btn {
  position: relative;
}
.answer-btn.button_red .answer-btn__answer-text,
.answer-btn.button_green .answer-btn__answer-text {
  font-weight: bold;
}
.answer-btn.button_red .answer-btn__status:before,
.answer-btn.button_green .answer-btn__status:before {
  opacity: 1;
  visibility: visible;
}
.answer-btn.button_green {
  background-color: rgba(2, 112, 133, 0.04);
}
.answer-btn.button_green:before {
  border-color: #027085;
  opacity: 1;
  visibility: visible;
}
.answer-btn.button_red {
  background-color: rgba(218, 0, 0, 0.04);
}
.answer-btn.button_red:before {
  border-color: #DA0000;
  opacity: 1;
  visibility: visible;
}
.answer-btn.button_red .answer-btn__answer-text,
.answer-btn.button_red .answer-btn__users-percent {
  color: #DA0000;
}
.answer-btn.button_red .answer-btn__status:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 37.13733075435203% 86.29032258064517%;
  width: 13px;
  height: 13px;
}
.answer-btn.button_green .answer-btn__answer-text,
.answer-btn.button_green .answer-btn__users-percent {
  color: #027085;
}
.answer-btn.button_green .answer-btn__status:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 77.62645914396887% 70.36290322580645%;
  width: 16px;
  height: 13px;
}
.answer-btn_poll .answer-btn__answer-text {
  padding-right: 90px;
}
.teams-logo-columns {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.teams-logo-columns__column {
  width: 50%;
  margin-bottom: 30px;
}
@media (min-width: 375px) {
  .teams-logo-columns__column {
    width: 33.33%;
  }
}
@media (min-width: 970px) {
  .teams-logo-columns__column {
    width: 16.6%;
  }
}
@media (min-width: 1240px) {
  .teams-logo-columns__column {
    margin-bottom: 0;
    width: 5.55%;
  }
}
.international-team-logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.international-team-logo__logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.international-team-logo__logo img {
  max-width: 80px;
}
@media (min-width: 1240px) {
  .international-team-logo__logo img {
    max-width: 50px;
  }
}
.international-team-logo__link {
  margin-top: 10px;
  font-size: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  transition: 0.2s ease-in-out;
}
.international-team-logo:hover .international-team-logo__link {
  color: #fff;
}
.games-layout {
  width: 100%;
  background-color: #fff;
}
.games-layout__title {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 20px;
  font-weight: bold;
  color: #2E2F30;
}
@media (min-width: 970px) {
  .games-layout__title {
    margin-bottom: 20px;
  }
}
.games-layout__games {
  margin-bottom: 16px;
}
.games__game {
  margin-bottom: 16px;
}
.games__stat,
.games__start {
  height: 100%;
}
.games__stat {
  position: relative;
  overflow: hidden;
  padding: 12px;
  background-color: #F8F8F8;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
}
.games__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
}
.games__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .games__item {
    width: 50%;
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .games__item:last-child {
    margin-bottom: 20px;
  }
}
@media (min-width: 970px) {
  .games__item {
    padding: 0 15px;
    width: 33.33%;
  }
  .games__item:last-child {
    display: none;
  }
}
@media (min-width: 1240px) {
  .games__item {
    width: 25%;
  }
  .games__item:last-child {
    display: -webkit-box;
    display: flex;
  }
}
@media (min-width: 640px) {
  .games {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
  }
}
@media (min-width: 970px) {
  .games {
    margin: 0 -15px;
  }
}
.strong-info {
  padding: 20px;
  position: relative;
  background-color: #F7F7F7;
  border-radius: 4px;
}
.strong-info__subtitle,
.strong-info__title a,
.strong-info__link {
  color: #D30000;
}
.strong-info__subtitle {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 16px;
}
.strong-info__title {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 27px;
  font-weight: bold;
  word-wrap: break-word;
  color: #000;
}
.strong-info__title a {
  font-size: inherit;
}
@media (min-width: 768px) {
  .strong-info__title {
    margin-bottom: 16px;
    font-size: 22px;
  }
}
.strong-info__subtext,
.strong-info__text {
  font-size: 14px;
  color: #000;
  line-height: 22px;
}
.strong-info__subtext {
  margin: 15px 0 2px;
}
.strong-info__link {
  font-size: 18px;
}
@media (min-width: 768px) {
  .strong-info {
    padding: 40px 40px 50px;
  }
}
@media (min-width: 768px) {
  .strong-info_pubg {
    padding: 40px 220px 50px 40px;
  }
  .strong-info_pubg:after {
    content: "";
    width: 330px;
    height: 350px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/pubg/contact-info.png) no-repeat;
    background-size: 100%;
    background-position: bottom right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media (min-width: 768px) and (min-width: 1330px) {
  .strong-info_pubg:after {
    width: 362px;
  }
}
@media (min-width: 768px) {
  .strong-info_pubg .strong-info__text {
    padding-right: 80px;
  }
}
.social-links {
  display: -webkit-box;
  display: flex;
}
@media (min-width: 1240px) {
  .social-links__item {
    margin-right: 20px;
  }
}
.social-links__item .socials__title {
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 767px) {
  .social-links__item:hover .socials__title {
    color: #fff;
  }
  .social-links__item:hover .socials__links .socials__link {
    border-color: #fff;
  }
}
.social-links__item:nth-last-child(1) {
  margin-right: 0;
}
#poll {
  margin: 40px 0 20px;
}
#poll .error {
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 13px;
  border: 1px solid #D30000;
  font-size: 22px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  text-decoration: none;
  color: #111;
}
#poll .error:hover {
  border-color: #ec0000;
  color: #ec0000;
}
.poll-post-section {
  padding: 20px;
  background-color: #F5F5F5;
  border-top: 3px solid #D30000;
}
.poll-post-section__title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.tabs {
  width: 100%;
  display: -webkit-box;
  display: flex;
  background-color: #36383B;
  border-radius: 3px;
}
.tabs__tab {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.tabs__tab:before {
  content: '';
  opacity: .7;
  transition: 0.2s ease-in-out;
}
.tabs__tab-tooltip {
  position: absolute;
  left: 50%;
  bottom: 45px;
  padding: 2px 6px;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 3px;
  background-color: #4B4D4F;
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}
.tabs__tab:hover .tabs__tab-tooltip {
  bottom: 49px;
  opacity: 1;
  visibility: visible;
}
.tabs__tab:hover {
  background-color: rgba(255, 255, 255, 0.13);
}
.tabs__tab:hover:before {
  opacity: 1;
}
.tabs__tab.active {
  background-color: #D30000;
  cursor: default;
}
.tabs__tab.active:before {
  opacity: 1;
}
.tabs__tab_csgo:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 90.94650205761317%;
  width: 24px;
  height: 23px;
}
.tabs__tab_dota2:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 69.54813359528487% 90.57377049180327%;
  width: 21px;
  height: 21px;
}
.tabs__tab_underlords:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 32.14990138067061% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.tabs__tab_pubg:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 45.669291338582674% 90.75975359342915%;
  width: 22px;
  height: 22px;
}
.tabs__tab_artifact:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.68316831683168% 85.62628336755647%;
  width: 25px;
  height: 22px;
}
.tabs__tab_all:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 73.67387033398822% 90.57377049180327%;
  width: 21px;
  height: 21px;
}
.game-reaction {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
.game-reaction__title {
  min-height: 82px;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  line-height: 41px;
  font-size: 34px;
  text-align: center;
}
.game-reaction__reaction-wheel {
  position: relative;
  height: 358px;
}
@media (min-width: 970px) {
  .game-reaction__reaction-wheel:before {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .game-reaction__reaction-wheel_csgo:before {
    width: 815px;
    height: 523px;
    top: 53%;
    left: 49%;
    background-image: url('../images/game/game-wheel-bg-csgo.png');
  }
  .game-reaction__reaction-wheel_dota2:before {
    left: 52%;
    top: 38%;
    width: 830px;
    height: 352px;
    background-image: url('../images/game/game-wheel-bg-dota2.png');
  }
}
.game-reaction__end-btns {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.game-reaction__btns {
  margin-top: -57px;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: flex;
}
@media (min-width: 768px) {
  .game-reaction__btns {
    margin-top: 0;
  }
}
.game-reaction__btn {
  min-width: 140px;
  padding: 15px 37px;
  margin: -15px 2px 0;
  border: 3px solid transparent;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.game-reaction__btn_like {
  border-color: #77A104;
  color: #77A104;
}
.game-reaction__btn_like:hover {
  background-color: #77A104;
  color: #fff;
}
.game-reaction__btn_bad {
  border-color: #DE200C;
  color: #DE200C;
}
.game-reaction__btn_bad:hover {
  background-color: #DE200C;
  color: #fff;
}
.game-reaction__btn-link {
  margin-bottom: 10px;
}
.reaction-wheel {
  position: relative;
  width: 300px;
  height: 300px;
  z-index: 2;
  background-image: url('../images/game/game-wheel.png?v=1');
  background-size: 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}
.reaction-wheel__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 150px;
  height: 150px;
  margin: auto;
  background-image: url('../images/game/game-wheel-arrow.png?v=1');
  background-size: 100%;
  background-repeat: no-repeat;
  transition: .3s ease;
}
@media (min-width: 450px) {
  .reaction-wheel__arrow {
    width: 200px;
    height: 200px;
  }
}
.reaction-wheel__arrow.rage {
  -webkit-animation: rage 1.2s 0s ease infinite;
  animation: rage 1.2s 0s ease infinite;
}
.reaction-wheel__arrow.calm {
  -webkit-animation: calm 1.2s 0s ease infinite;
  animation: calm 1.2s 0s ease infinite;
}
.reaction-wheel:before {
  content: '';
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.reaction-wheel.smile-1:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 45.10250569476082% 0;
  width: 91px;
  height: 99px;
}
.reaction-wheel.smile-2:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 60.770975056689345% 55.205811138014525%;
  width: 89px;
  height: 96px;
}
.reaction-wheel.smile-3:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 40.58956916099773% 55.205811138014525%;
  width: 89px;
  height: 96px;
}
.reaction-wheel.smile-4:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 44.89795918367347% 23.97094430992736%;
  width: 89px;
  height: 96px;
}
.reaction-wheel.smile-5:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.53287981859411% 0;
  width: 89px;
  height: 96px;
}
.reaction-wheel.smile-6:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 55.205811138014525%;
  width: 90px;
  height: 96px;
}
.reaction-wheel.smile-7:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.53287981859411% 23.24455205811138%;
  width: 89px;
  height: 96px;
}
.reaction-wheel.smile-8:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 20.408163265306122% 55.205811138014525%;
  width: 89px;
  height: 96px;
}
@media (min-width: 450px) {
  .reaction-wheel {
    width: 358px;
    height: 358px;
  }
}
@-webkit-keyframes rage {
  0% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
  30% {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  100% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
}
@keyframes rage {
  0% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
  30% {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  100% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
}
@-webkit-keyframes calm {
  0% {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
  }
  30% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
  }
}
@keyframes calm {
  0% {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
  }
  30% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
  }
}
.game-wheel-stat__title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  color: #2E2F30;
}
.game-wheel-stat__wrapper-bar {
  width: 100%;
  margin: 7px 0 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.game-wheel-stat__wrapper-bar:before,
.game-wheel-stat__wrapper-bar:after {
  content: '';
  -webkit-box-flex: 0;
  flex: none;
}
.game-wheel-stat__wrapper-bar:before {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 12.269938650306749%;
  width: 18px;
  height: 20px;
}
.game-wheel-stat__wrapper-bar:after {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.625% 90.57377049180327%;
  width: 18px;
  height: 21px;
}
.game-wheel-stat__progress {
  position: relative;
  width: 100%;
  height: 13px;
  border-radius: 10px;
  margin: 0 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url('../images/game/progress.svg');
}
.game-wheel-stat__marker {
  height: 100%;
  top: 0%;
  left: 0;
  position: absolute;
  z-index: 1;
}
.game-wheel-stat__marker:after {
  content: '';
  position: absolute;
  right: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 94.8076923076923% 4.08997955010225%;
  width: 10px;
  height: 20px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.game-wheel-stat__user-count {
  font-family: HelveticaNeueCyrRoman;
  color: #616170;
}
.game-wheel-stat_frame {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 10px 0;
  min-height: 50px;
  padding: 0 10px;
  max-width: 220px;
  width: 100%;
  background-color: #232323;
  border: 1px solid #D30000;
}
@media (min-width: 970px) {
  .game-wheel-stat_frame {
    margin: 0 20px;
  }
}
.time {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 16px;
  max-width: 35px;
  padding-left: 3px;
  padding-right: 4px;
  background-color: #242628;
  font-weight: bold;
  color: #fff;
  transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}
.time_live {
  -webkit-box-pack: center;
  justify-content: center;
  max-width: initial;
  width: 34px;
  padding-top: 2px;
  background-color: #68b11c;
  text-transform: uppercase;
  box-shadow: 0 2px 25px -3px #68b11c;
  font-family: HelveticaNeueCyrBold;
}
.post-gallery {
  width: 100%;
  margin: 10px 0;
  padding: 0 35px;
  position: relative;
}
@media (min-width: 768px) {
  .post-gallery {
    margin: 20px 0 30px;
    padding: 0 50px;
  }
}
.post-gallery__img {
  display: block;
  width: 100%;
  padding-bottom: 55%;
  background-size: cover;
  background-position: center;
}
.post-gallery .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 25px;
  height: 30px;
  background-color: #424c56 !important;
  font-size: 0 !important;
  transition: .12s ease;
}
.post-gallery .owl-nav button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.1923076923077% 74.05189620758483%;
  width: 10px;
  height: 8px;
}
.post-gallery .owl-nav button:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}
.post-gallery .owl-prev {
  left: 0;
}
.post-gallery .owl-prev:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
  transform: translate(-50%, -50%) rotate(180deg) !important;
}
.post-gallery .owl-next {
  right: 0;
}
.teams-grid {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-x: auto;
}
.teams-grid::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.teams-grid::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.teams-grid::-webkit-scrollbar-thumb {
  background-color: #D30000;
}
.teams-grid__all {
  margin-right: 50px;
}
.teams-grid__winners {
  margin-bottom: 50px;
}
.teams-grid__row {
  margin: 15px 0;
}
.teams-grid__grid {
  padding: 0 5px;
}
.teams-grid__grid,
.teams-grid__winners,
.teams-grid__losers,
.teams-grid__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.teams-grid__column {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  margin-right: 50px;
}
.teams-grid__column_hidden {
  opacity: 0;
  visibility: hidden;
}
.match-bracket {
  position: relative;
  margin: 15px 0;
  width: 160px;
  height: 70px;
  border-radius: 2px;
  border: 1px solid #F7E6E5;
  box-shadow: 0 0 8px 0 rgba(211, 0, 0, 0.04);
}
.match-bracket:after {
  content: '';
  position: absolute;
  left: 100%;
  margin-left: 1px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: .85;
}
.match-bracket__team {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 50%;
  padding-left: 5px;
  transition: .12s ease;
}
.match-bracket__team:hover {
  background-color: rgba(211, 0, 0, 0.04);
}
.match-bracket__team:first-child {
  border-bottom: 1px solid #F7E6E5;
}
.match-bracket__team_winner {
  background: #fff2f2;
  font-weight: bold;
}
.match-bracket__team-logo {
  width: 20px;
  margin-right: 5px;
}
.match-bracket__team-name {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.match-bracket__map-points {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-left: 1px solid #F7E6E5;
  background-color: rgba(247, 230, 229, 0.5);
  height: 100%;
  width: 34px;
}
.match-bracket_single-chain:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 6px;
  background-image: url('/images/tournament-grid/single-chain_dota2.svg');
}
.match-bracket_top-v1-chain:after,
.match-bracket_bottom-v1-chain:after,
.match-bracket_top-v2-chain:after,
.match-bracket_bottom-v2-chain:after {
  width: 50px;
}
.match-bracket_top-v1-chain:after,
.match-bracket_top-v2-chain:after,
.match-bracket_top-v3-chain:after,
.match-bracket_top-v4-chain:after,
.match-bracket_top-v5-chain:after {
  top: 31px;
}
.match-bracket_bottom-v1-chain:after,
.match-bracket_bottom-v2-chain:after,
.match-bracket_bottom-v3-chain:after,
.match-bracket_bottom-v4-chain:after,
.match-bracket_bottom-v5-chain:after {
  bottom: 32px;
}
.match-bracket_top-v1-chain:after {
  height: 48px;
  background-image: url('/images/tournament-grid/top-v1-chain_dota2.svg');
}
.match-bracket_bottom-v1-chain:after {
  height: 48px;
  background-image: url('/images/tournament-grid/bottom-v1-chain_dota2.svg');
}
.match-bracket_top-v2-chain:after {
  height: 93px;
  background-image: url('/images/tournament-grid/top-v2-chain_dota2.svg');
}
.match-bracket_bottom-v2-chain:after {
  height: 93px;
  background-image: url('/images/tournament-grid/bottom-v2-chain_dota2.svg');
}
.match-bracket_top-v3-chain:after {
  width: 261px;
  height: 41px;
  background-image: url('/images/tournament-grid/top-v3-chain_dota2.svg');
}
.match-bracket_bottom-v3-chain:after {
  width: 261px;
  height: 41px;
  background-image: url('/images/tournament-grid/bottom-v3-chain_dota2.svg');
}
.match-bracket_top-v4-chain:after {
  width: 261px;
  height: 96px;
  background-image: url('/images/tournament-grid/top-v4-chain_dota2.svg');
}
.match-bracket_bottom-v4-chain:after {
  width: 261px;
  height: 96px;
  background-image: url('/images/tournament-grid/bottom-v4-chain_dota2.svg');
}
.match-bracket_top-v5-chain:after {
  width: 101px;
  height: 235px;
  background-image: url('/images/tournament-grid/top-v5-chain_dota2.svg');
}
.match-bracket_bottom-v5-chain:after {
  width: 101px;
  height: 235px;
  background-image: url('/images/tournament-grid/bottom-v5-chain_dota2.svg');
}
.raffle {
  -webkit-box-flex: 0;
  flex: none;
  background-color: #1D606F;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  align-items: flex-end;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: calc(1240px - 1px)) {
  .raffle {
    -webkit-box-align: center;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .raffle {
    width: 100%;
    left: 0;
    height: 167px;
    -webkit-box-align: end;
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .raffle {
    width: 100%;
    left: 0;
    height: 171px;
  }
}
@media (min-width: 1240px) {
  .raffle {
    height: 212px;
    width: 100%;
    left: -1px;
  }
}
@media (min-width: 1330px) {
  .raffle {
    height: 212px;
  }
}
.raffle::before,
.raffle::after {
  content: '';
  position: absolute;
  background-image: url('/images/csgo/raffle/weed.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.raffle::before {
  top: 0;
  left: 0;
  width: 257px;
  height: 85px;
  z-index: 1;
}
@media (max-width: calc(1240px - 1px)) {
  .raffle::before {
    width: 204px;
    height: 67px;
  }
}
.raffle::after {
  bottom: 0;
  right: 0;
  width: 178px;
  height: 59px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: calc(1240px - 1px)) {
  .raffle::after {
    width: 178px;
    height: 59px;
  }
}
.raffle__text {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 23px;
  text-transform: uppercase;
  color: #FFFFFF;
  max-width: 129px;
  margin: 0 0 25px 25px;
  pointer-events: none;
}
@media (max-width: calc(1240px - 1px)) {
  .raffle__text {
    max-width: 370px;
    font-size: 38px;
    line-height: 36px;
    margin: 0;
    margin-left: 45px;
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 768px) {
  .raffle__text {
    max-width: 129px;
    font-size: 22px;
    line-height: 23px;
    margin: 0 0 20px 20px;
  }
}
.raffle__text span {
  color: #00FFF7;
}
.raffle__img {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 302px;
  height: 212px;
  background-image: url('/images/csgo/raffle/banner-icon.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s ease;
}
@media (max-width: calc(1240px - 1px)) {
  .raffle__img {
    background-image: url('/images/csgo/raffle/banner-icon_middle.png');
    width: 415px;
    height: 171px;
  }
}
@media (max-width: 768px) {
  .raffle__img {
    background-image: url('/images/csgo/raffle/banner-icon.png');
    height: 167px;
    width: 241px;
  }
}
.raffle:hover .raffle__img {
  -webkit-transform: translateY(-50%) scale(1.08);
  transform: translateY(-50%) scale(1.08);
}
.svg-add-post {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 3.9215686274509802% 99.59266802443992%;
  width: 20px;
  height: 18px;
}
.svg-all-news {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 69.86301369863014% 51.95876288659794%;
  width: 19px;
  height: 24px;
}
.svg-arrow-down-small_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.10852713178295% 35.87174348697395%;
  width: 14px;
  height: 10px;
}
.svg-arrow-left_comment {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 56.94980694980695% 74.34869739478958%;
  width: 12px;
  height: 10px;
}
.svg-arrow-right_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 63.26923076923077% 74.05189620758483%;
  width: 10px;
  height: 8px;
}
.svg-arrow-right_comment {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 59.26640926640927% 74.34869739478958%;
  width: 12px;
  height: 10px;
}
.svg-arrow-right_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 70% 42.71457085828343%;
  width: 10px;
  height: 8px;
}
.svg-arrow-right_lighten-red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 68.07692307692308% 42.71457085828343%;
  width: 10px;
  height: 8px;
}
.svg-arrow-right_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.92307692307692% 33.93213572854292%;
  width: 10px;
  height: 8px;
}
.svg-arrow-right_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 61.34615384615385% 74.05189620758483%;
  width: 10px;
  height: 8px;
}
.svg-arrow-right_white {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.1923076923077% 74.05189620758483%;
  width: 10px;
  height: 8px;
}
.svg-arrow-up-small_green {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 27.67676767676768%;
  width: 18px;
  height: 14px;
}
.svg-blocks {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 61.8860510805501% 90.57377049180327%;
  width: 21px;
  height: 21px;
}
.svg-change {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 38.775510204081634%;
  width: 19px;
  height: 19px;
}
.svg-circle-arrow {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 78.81873727087576%;
  width: 18px;
  height: 18px;
}
.svg-circle-arrow_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 10.79429735234216%;
  width: 18px;
  height: 18px;
}
.svg-circle-arrow_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 18.126272912423627%;
  width: 18px;
  height: 18px;
}
.svg-close {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.86507936507937% 49.27536231884058%;
  width: 26px;
  height: 26px;
}
.svg-close-message {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 83.130081300813%;
  width: 17px;
  height: 17px;
}
.svg-close_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 37.13733075435203% 86.29032258064517%;
  width: 13px;
  height: 13px;
}
.svg-comment {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 69.71544715447155%;
  width: 17px;
  height: 17px;
}
.svg-comment-like {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 30.37475345167653% 82.92682926829268%;
  width: 23px;
  height: 17px;
}
.svg-comment-like_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 49.70414201183432% 39.63414634146341%;
  width: 23px;
  height: 17px;
}
.svg-comment-stat {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 73.02231237322515%;
  width: 17px;
  height: 16px;
}
.svg-comment-stat_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 76.26774847870182%;
  width: 17px;
  height: 16px;
}
.svg-comment_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 7.8125% 99.39024390243902%;
  width: 18px;
  height: 17px;
}
.svg-comment_deep-gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 7.317073170731708%;
  width: 18px;
  height: 17px;
}
.svg-comment_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 14.230019493177387% 99.39024390243902%;
  width: 17px;
  height: 17px;
}
.svg-crumb-arrow {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.48648648648648% 35.728542914171655%;
  width: 12px;
  height: 8px;
}
.svg-delete {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 86.58536585365853%;
  width: 17px;
  height: 17px;
}
.svg-delete_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.54510556621881% 4%;
  width: 9px;
  height: 9px;
}
.svg-edit {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 58.05825242718446% 94.12955465587045%;
  width: 15px;
  height: 15px;
}
.svg-end_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 40.52953156822811%;
  width: 18px;
  height: 18px;
}
.svg-end_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 44.19551934826884%;
  width: 18px;
  height: 18px;
}
.svg-eng {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 57.66129032258065%;
  width: 18px;
  height: 13px;
}
.svg-error-green {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 55.55555555555556% 69.6774193548387%;
  width: 44px;
  height: 44px;
}
.svg-error-red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 64.47638603696099% 68.93617021276596%;
  width: 43px;
  height: 39px;
}
.svg-eur {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.92307692307692% 31.37651821862348%;
  width: 10px;
  height: 15px;
}
.svg-exit {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 34.84251968503937% 82.92682926829268%;
  width: 22px;
  height: 17px;
}
.svg-expand {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 48.23529411764706% 94.51219512195122%;
  width: 20px;
  height: 17px;
}
.svg-fb {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 39.575289575289574% 86.11670020120724%;
  width: 12px;
  height: 12px;
}
.svg-fb_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 27.079303675048354% 86.29032258064517%;
  width: 13px;
  height: 13px;
}
.svg-fb_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 29.593810444874276% 86.29032258064517%;
  width: 13px;
  height: 13px;
}
.svg-fb_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 32.10831721470019% 86.29032258064517%;
  width: 13px;
  height: 13px;
}
.svg-fb_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 34.622823984526114% 86.29032258064517%;
  width: 13px;
  height: 13px;
}
.svg-fc-logo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.11111111111111% 26.096033402922757%;
  width: 26px;
  height: 30px;
}
.svg-finger {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 35.783365570599614% 74.64788732394366%;
  width: 13px;
  height: 12px;
}
.svg-finger_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 38.297872340425535% 74.64788732394366%;
  width: 13px;
  height: 12px;
}
.svg-finger_dota {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 81.9253438113949% 90.38854805725971%;
  width: 21px;
  height: 20px;
}
.svg-finger_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 41.891891891891895% 85.94377510040161%;
  width: 12px;
  height: 11px;
}
.svg-fire {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 58.266129032258064% 40.1673640167364%;
  width: 34px;
  height: 31px;
}
.svg-game {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.41516966067864% 16.83778234086242%;
  width: 29px;
  height: 22px;
}
.svg-games {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 54.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
.svg-games-small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 39.173228346456696% 82.92682926829268%;
  width: 22px;
  height: 17px;
}
.svg-games_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 30.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
.svg-games_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 36.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
.svg-games_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 42.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
.svg-games_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 48.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
.svg-games_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86% 66.52977412731006%;
  width: 30px;
  height: 22px;
}
.svg-games_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 60.8% 79.26078028747433%;
  width: 30px;
  height: 22px;
}
.svg-guids {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 49.70645792563601% 90.75975359342915%;
  width: 19px;
  height: 22px;
}
.svg-guids-small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.2248062015504% 64.22764227642277%;
  width: 14px;
  height: 17px;
}
.svg-guids_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 16.046966731898237% 95.67901234567901%;
  width: 19px;
  height: 23px;
}
.svg-guids_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 12.32876712328767% 95.67901234567901%;
  width: 19px;
  height: 23px;
}
.svg-guids_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 24.26614481409002% 95.67901234567901%;
  width: 19px;
  height: 23px;
}
.svg-guids_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 32.4853228962818% 95.67901234567901%;
  width: 19px;
  height: 23px;
}
.svg-guids_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 36.20352250489237% 95.67901234567901%;
  width: 19px;
  height: 23px;
}
.svg-guids_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 8.610567514677104% 95.67901234567901%;
  width: 19px;
  height: 23px;
}
.svg-icon-logo-extra-darken_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 42.479674796747965%;
  width: 19px;
  height: 17px;
}
.svg-icon-logo-extra-darken_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 23.877551020408163%;
  width: 19px;
  height: 19px;
}
.svg-icon-logo-extra-darken_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 3.6659877800407332%;
  width: 18px;
  height: 18px;
}
.svg-icon-logo-extra-darken_lol {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 0;
  width: 19px;
  height: 20px;
}
.svg-icon-logo-extra-darken_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 27.755102040816325%;
  width: 19px;
  height: 19px;
}
.svg-icon-logo-extra-darken_underlords {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 31.568228105906314%;
  width: 19px;
  height: 18px;
}
.svg-icon-logo-extra_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 35.16260162601626%;
  width: 19px;
  height: 17px;
}
.svg-icon-logo-extra_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 16.3265306122449%;
  width: 19px;
  height: 19px;
}
.svg-icon-logo-extra_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 24.236252545824847%;
  width: 18px;
  height: 18px;
}
.svg-icon-logo-extra_lol {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 8.1799591002045%;
  width: 19px;
  height: 20px;
}
.svg-icon-logo-extra_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 46.12244897959184%;
  width: 19px;
  height: 19px;
}
.svg-icon-logo-extra_underlords {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 49.89816700610998%;
  width: 19px;
  height: 18px;
}
.svg-icon-logo-small-dark_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 4.1420118343195265% 95.67901234567901%;
  width: 23px;
  height: 23px;
}
.svg-icon-logo-small-dark_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 77.79960707269156% 90.57377049180327%;
  width: 21px;
  height: 21px;
}
.svg-icon-logo-small-dark_lol {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 53.63457760314342% 90.75975359342915%;
  width: 21px;
  height: 22px;
}
.svg-icon-logo-small_all {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 73.67387033398822% 90.57377049180327%;
  width: 21px;
  height: 21px;
}
.svg-icon-logo-small_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.68316831683168% 85.62628336755647%;
  width: 25px;
  height: 22px;
}
.svg-icon-logo-small_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 90.94650205761317%;
  width: 24px;
  height: 23px;
}
.svg-icon-logo-small_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 69.54813359528487% 90.57377049180327%;
  width: 21px;
  height: 21px;
}
.svg-icon-logo-small_lol {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 57.76031434184676% 90.75975359342915%;
  width: 21px;
  height: 22px;
}
.svg-icon-logo-small_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 45.669291338582674% 90.75975359342915%;
  width: 22px;
  height: 22px;
}
.svg-icon-logo-small_underlords {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 32.14990138067061% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.svg-icon_changed {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 11.262135922330097% 99.39024390243902%;
  width: 15px;
  height: 17px;
}
.svg-icon_check {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 77.62645914396887% 70.36290322580645%;
  width: 16px;
  height: 13px;
}
.svg-icon_comment {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.41516966067864% 5.394190871369295%;
  width: 29px;
  height: 27px;
}
.svg-icon_negative {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.625% 90.57377049180327%;
  width: 18px;
  height: 21px;
}
.svg-icon_positive {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 12.269938650306749%;
  width: 18px;
  height: 20px;
}
.svg-icon_report {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 93.30628803245436%;
  width: 17px;
  height: 16px;
}
.svg-icon_send {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 60.816326530612244%;
  width: 19px;
  height: 19px;
}
.svg-info-message {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 73.15573770491804% 68.93617021276596%;
  width: 42px;
  height: 39px;
}
.svg-last-news {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.765625% 31.95876288659794%;
  width: 18px;
  height: 24px;
}
.svg-last-news-small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.2248062015504% 79.67479674796748%;
  width: 14px;
  height: 17px;
}
.svg-last-news_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 90.96267190569745% 54.6583850931677%;
  width: 21px;
  height: 26px;
}
.svg-last-news_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 90.96267190569745% 43.892339544513455%;
  width: 21px;
  height: 26px;
}
.svg-last-news_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.14173228346456% 65.42443064182194%;
  width: 22px;
  height: 26px;
}
.svg-last-news_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 90.96267190569745% 70.80745341614907%;
  width: 21px;
  height: 26px;
}
.svg-last-news_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 90.96267190569745% 76.19047619047619%;
  width: 21px;
  height: 26px;
}
.svg-last-news_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.14173228346456% 60.041407867494826%;
  width: 22px;
  height: 26px;
}
.svg-like {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 54.766734279918865%;
  width: 18px;
  height: 16px;
}
.svg-like-big {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.86507936507937% 81.06995884773663%;
  width: 26px;
  height: 23px;
}
.svg-like_active {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 71.60243407707911%;
  width: 18px;
  height: 16px;
}
.svg-like_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 64.5621181262729%;
  width: 19px;
  height: 18px;
}
.svg-like_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 89.45233265720081%;
  width: 18px;
  height: 16px;
}
.svg-like_green {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 92.88617886178862%;
  width: 18px;
  height: 17px;
}
.svg-like_green-contur {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 51.953125% 94.32048681541582%;
  width: 18px;
  height: 16px;
}
.svg-like_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 20.162932790224033%;
  width: 19px;
  height: 18px;
}
.svg-like_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 68.22810590631364%;
  width: 19px;
  height: 18px;
}
.svg-like_white {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 60.77235772357724%;
  width: 18px;
  height: 17px;
}
.svg-logo-artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 83.6283185840708% 12.92517006802721%;
  width: 78px;
  height: 68px;
}
.svg-logo-artifact_small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.6% 0;
  width: 30px;
  height: 26px;
}
.svg-logo-csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 11.764705882352942% 72.32142857142857%;
  width: 54px;
  height: 61px;
}
.svg-logo-csgo_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 72.48322147651007%;
  width: 56px;
  height: 62px;
}
.svg-logo-csgo_small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.86507936507937% 11.041666666666666%;
  width: 26px;
  height: 29px;
}
.svg-logo-dota {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 85.20971302428256%;
  width: 56px;
  height: 56px;
}
.svg-logo-dota_small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.23107569721115% 21.57676348547718%;
  width: 28px;
  height: 27px;
}
.svg-logo-gifts {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 36.016949152542374% 70.12987012987013%;
  width: 58px;
  height: 47px;
}
.svg-logo-gifts_small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 79.95991983967936% 66.94214876033058%;
  width: 31px;
  height: 25px;
}
.svg-logo-pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 79.74683544303798% 28.153153153153152%;
  width: 56px;
  height: 65px;
}
.svg-logo-pubg_small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.68316831683168% 38.38174273858921%;
  width: 25px;
  height: 27px;
}
.svg-logo-teamspirit {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 0;
  width: 198px;
  height: 228px;
}
.svg-logo-tf {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 11.814345991561181% 85.20971302428256%;
  width: 56px;
  height: 56px;
}
.svg-logo-tf_small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 92.04771371769384% 32.780082987551864%;
  width: 27px;
  height: 27px;
}
.svg-logout {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 91.14173228346456% 27.178423236514522%;
  width: 22px;
  height: 27px;
}
.svg-main-logo-dota {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 81.11587982832619% 41.03671706263499%;
  width: 64px;
  height: 46px;
}
.svg-minus {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 0;
  width: 18px;
  height: 18px;
}
.svg-news-like {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.78500986193293% 60.940695296523515%;
  width: 23px;
  height: 20px;
}
.svg-news-list {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 9.467455621301776% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.svg-not {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 22.950819672131146% 82.65524625267666%;
  width: 42px;
  height: 42px;
}
.svg-notification {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.1598440545809% 43.94250513347023%;
  width: 17px;
  height: 22px;
}
.svg-notification_large {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 78.42323651452283% 52.79642058165548%;
  width: 48px;
  height: 62px;
}
.svg-paper {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 41.222879684418146% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.svg-paper-auth {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 46.721311475409834% 69.82758620689656%;
  width: 42px;
  height: 45px;
}
.svg-paper-like_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 45.167652859960555% 39.877300613496935%;
  width: 23px;
  height: 20px;
}
.svg-paper-stat {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 34.34959349593496%;
  width: 18px;
  height: 17px;
}
.svg-paper_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 27.613412228796843% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.svg-paper_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 23.076923076923077% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.svg-paper_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 47.764227642276424%;
  width: 18px;
  height: 17px;
}
.svg-paper_deep-gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 51.323828920570264%;
  width: 18px;
  height: 18px;
}
.svg-paper_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 18.54043392504931% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.svg-paper_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 14.003944773175542% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.svg-paper_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 36.68639053254438% 90.75975359342915%;
  width: 23px;
  height: 22px;
}
.svg-plus {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 75.15274949083503%;
  width: 18px;
  height: 18px;
}
.svg-plus_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 100%;
  width: 20px;
  height: 20px;
}
.svg-plus_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 82.4847250509165%;
  width: 18px;
  height: 18px;
}
.svg-plus_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.2890625% 86.15071283095723%;
  width: 18px;
  height: 18px;
}
.svg-plus_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 55.14563106796116% 94.12955465587045%;
  width: 15px;
  height: 15px;
}
.svg-progress-marker {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 94.8076923076923% 4.08997955010225%;
  width: 10px;
  height: 20px;
}
.svg-pubg-logo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 85.88709677419355% 50.212765957446805%;
  width: 34px;
  height: 39px;
}
.svg-qstn {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.61089494163424% 100%;
  width: 16px;
  height: 16px;
}
.svg-question {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 19.921104536489153% 95.67901234567901%;
  width: 23px;
  height: 23px;
}
.svg-quotes {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 39.67935871743487% 39.877300613496935%;
  width: 31px;
  height: 20px;
}
.svg-quotes_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 81.96392785571142% 60.940695296523515%;
  width: 31px;
  height: 20px;
}
.svg-quotes_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 75.75150300601203% 60.940695296523515%;
  width: 31px;
  height: 20px;
}
.svg-quotes_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 85.37074148296593% 56.23721881390593%;
  width: 31px;
  height: 20px;
}
.svg-rate-ico {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 45.366795366795365% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.svg-rate-ico_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 40.73359073359073% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.svg-rate-ico_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 52.316602316602314% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.svg-rate-ico_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 54.633204633204635% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.svg-remove {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 30.75356415478615%;
  width: 18px;
  height: 18px;
}
.svg-reply {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 24.564796905222437% 86.46464646464646%;
  width: 13px;
  height: 14px;
}
.svg-ru {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 37.5%;
  width: 18px;
  height: 13px;
}
.svg-rub {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 87.09055876685935% 82.42424242424242%;
  width: 11px;
  height: 14px;
}
.svg-search {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 53.45528455284553%;
  width: 19px;
  height: 17px;
}
.svg-smile-1 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 45.10250569476082% 0;
  width: 91px;
  height: 99px;
}
.svg-smile-2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 60.770975056689345% 55.205811138014525%;
  width: 89px;
  height: 96px;
}
.svg-smile-3 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 40.58956916099773% 55.205811138014525%;
  width: 89px;
  height: 96px;
}
.svg-smile-4 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 44.89795918367347% 23.97094430992736%;
  width: 89px;
  height: 96px;
}
.svg-smile-5 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.53287981859411% 0;
  width: 89px;
  height: 96px;
}
.svg-smile-6 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 55.205811138014525%;
  width: 90px;
  height: 96px;
}
.svg-smile-7 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 65.53287981859411% 23.24455205811138%;
  width: 89px;
  height: 96px;
}
.svg-smile-8 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 20.408163265306122% 55.205811138014525%;
  width: 89px;
  height: 96px;
}
.svg-sort-all {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 70.13752455795678% 61.855670103092784%;
  width: 21px;
  height: 24px;
}
.svg-sort-all_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 70.13752455795678% 56.90721649484536%;
  width: 21px;
  height: 24px;
}
.svg-sort-all_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 70.13752455795678% 47.01030927835052%;
  width: 21px;
  height: 24px;
}
.svg-sort-all_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.83693516699411% 39.175257731958766%;
  width: 21px;
  height: 24px;
}
.svg-sort-all_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 0 95.87628865979381%;
  width: 21px;
  height: 24px;
}
.svg-star {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 43.05019305019305% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.svg-star_deep-gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 50% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.svg-star_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 47.683397683397686% 74.49799196787149%;
  width: 12px;
  height: 11px;
}
.svg-symbool-tooltip {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 14.285714285714286%;
  width: 8px;
  height: 12px;
}
.svg-table-live {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 90.04065040650407%;
  width: 17px;
  height: 17px;
}
.svg-time {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 28.205128205128204% 95.67901234567901%;
  width: 23px;
  height: 23px;
}
.svg-time_small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 96.7479674796748%;
  width: 17px;
  height: 17px;
}
.svg-tournament {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 70.75098814229248% 79.26078028747433%;
  width: 24px;
  height: 22px;
}
.svg-tournament-cup {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 96.4774951076321% 57.026476578411405%;
  width: 19px;
  height: 18px;
}
.svg-tournament-cup_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 64.72945891783567% 40.08350730688935%;
  width: 31px;
  height: 30px;
}
.svg-tournament-small {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 21.74757281553398% 86.46464646464646%;
  width: 15px;
  height: 14px;
}
.svg-tournament_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 69.96047430830039% 39.42505133470226%;
  width: 24px;
  height: 22px;
}
.svg-tournament_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 66.00790513833992% 79.26078028747433%;
  width: 24px;
  height: 22px;
}
.svg-tournament_darken {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 75.49407114624506% 79.26078028747433%;
  width: 24px;
  height: 22px;
}
.svg-tournament_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 80.23715415019763% 79.26078028747433%;
  width: 24px;
  height: 22px;
}
.svg-tournament_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.9802371541502% 79.26078028747433%;
  width: 24px;
  height: 22px;
}
.svg-tournament_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 4.743083003952569% 90.75975359342915%;
  width: 24px;
  height: 22px;
}
.svg-tw {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 33.00970873786408% 74.64788732394366%;
  width: 15px;
  height: 12px;
}
.svg-tw_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.96498054474708% 70.36290322580645%;
  width: 16px;
  height: 13px;
}
.svg-tw_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 83.852140077821% 70.36290322580645%;
  width: 16px;
  height: 13px;
}
.svg-tw_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 80.73929961089495% 70.36290322580645%;
  width: 16px;
  height: 13px;
}
.svg-tw_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 95.91439688715953% 95.56451612903226%;
  width: 16px;
  height: 13px;
}
.svg-twitch {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 23.404255319148938% 72.16035634743875%;
  width: 60px;
  height: 60px;
}
.svg-typo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 43.418467583497055% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-typo_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 90.17681728880157% 89.83739837398375%;
  width: 21px;
  height: 17px;
}
.svg-typo_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 40.078585461689585% 94.51219512195122%;
  width: 21px;
  height: 17px;
}
.svg-typo_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 44.20432220039293% 94.51219512195122%;
  width: 21px;
  height: 17px;
}
.svg-typo_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 86.05108055009823% 89.83739837398375%;
  width: 21px;
  height: 17px;
}
.svg-usd {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 98.46153846153847% 14.460285132382893%;
  width: 10px;
  height: 18px;
}
.svg-user {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 52.98651252408478% 39.39393939393939%;
  width: 11px;
  height: 14px;
}
.svg-video {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.67583497053045% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-video_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 80.5500982318271% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-video_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 76.42436149312377% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-video_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 72.29862475442043% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-video_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 68.17288801571709% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-vk {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 99.80506822612085% 66.73346693386773%;
  width: 17px;
  height: 10px;
}
.svg-vk_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 43.30708661417323% 43.346774193548384%;
  width: 22px;
  height: 13px;
}
.svg-vk_gray {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 47.63779527559055% 43.346774193548384%;
  width: 22px;
  height: 13px;
}
.svg-vk_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 38.976377952755904% 43.346774193548384%;
  width: 22px;
  height: 13px;
}
.svg-vk_red {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 51.968503937007874% 43.346774193548384%;
  width: 22px;
  height: 13px;
}
.svg-wallpaper {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 59.921414538310415% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-wallpaper_artifact {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 55.79567779960707% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-wallpaper_csgo {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 51.66994106090373% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-wallpaper_dota2 {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 47.54420432220039% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-wallpaper_pubg {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 64.04715127701375% 82.92682926829268%;
  width: 21px;
  height: 17px;
}
.svg-youtube {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 84.9438202247191% 0;
  width: 85px;
  height: 57px;
}
.svg-yt {
  background: url("/svg/sprite.svg?v=110") no-repeat;
  background-position: 100% 21.52917505030181%;
  width: 18px;
  height: 12px;
}

/*# sourceMappingURL=dota2.css.map */