:root {
  --color-bg-default: 16, 51, 86;
  --color-bg-accent: 213, 0, 40;
  --color-bg-color1: 26, 125, 171;
  --color-bg-color2: 12, 38, 65;
  --color-bg-color-gold: 255, 215, 0;
  --color-bg-color-silver: 192, 192, 192;
  --color-bg-color-bronze: 205, 127, 50;
  --color-bg-base: 232, 232, 232;
  --color-bg-additional: 255, 255, 255;

  --color-text-default: 255, 255, 255;
  --color-text-accent: 255, 255, 255;
  --color-text-color1: 255, 255, 255;
  --color-text-color2: 255, 255, 255;
  --color-text-base: 0, 0, 0;
  --color-text-additional: 101, 101, 101;

  --team-logo-form: 0;
  --person-logo-form: 0;
  --team-logo-border: 1px solid #c5c5c5;
}

@font-face {
  font-family: "PT Sans Narrow";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/PT_Sans_Narrow.woff2') format("woff2"), url('fonts/PT_Sans_Narrow.ttf') format("ttf")
}

@font-face {
  font-family: "PT Sans Narrow";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/PT_Sans_Narrow_Bold.woff2') format("woff2"), url('fonts/PT_Sans_Narrow_Bold.ttf') format("ttf")
}

html {
  box-sizing: border-box
}

*, ::before, ::after {
  box-sizing: inherit;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden
}

.visually-hidden:not(:focus):not(active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden
}

.clear {
  clear: both;
  height: 0;
  width: 100%
}

.body {
  margin: 0;
  padding: 0;
  min-width: 1216px;
  font-family: "PT Sans Narrow", "Arial", sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: rgba(var(--color-text-base), 1);
  font-style: normal;
  font-weight: 400;
  background-color: rgba(var(--color-bg-base), 1)
}

.body.widget {
  min-width: 1110px;
  width: 1110px;
  background: transparent;
}

.body.widget.widget--small {
  min-width: 910px;
  width: 910px;
}

.body.widget.widget--saltwort {
  min-width: 1080px;
  width: 1080px;
  height: 1172px;
  max-height: 1172px;
}

@media (max-width: 481px) {
  .body.widget.widget--saltwort {
    zoom: 0.28;
    margin: 0 auto;
  }
}

.main {
  min-height: calc(100vh - 320px);
  position: relative;
  z-index: 3
}

.main > * {
  position: relative;
  z-index: 1
}

a {
  text-decoration: none;
  color: rgba(var(--color-text-base), 1)
}

img {
  max-width: 100%
}

.link {
  padding: 0;
  font-size: 13px;
  line-height: 26px;
  color: rgba(var(--color-text-color1), 1);
  text-decoration: underline;
  text-transform: uppercase
}

.empty-block {
  width: 100%;
  text-align: center;
  padding: 20px
}

.separator {
  display: none
}

.custom-advertising {
  margin: 0 0 20px 0
}

.header {
  position: relative;
  z-index: 999;
  min-height: 174px;
  background-color: rgba(var(--color-bg-default), 1)
}

.header__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 1216px;
  margin: 0 auto
}

.header__logo {
  position: absolute;
  width: 172px;
  height: 169px
}

.header__top {
  display: flex;
  z-index: 1;
  justify-content: space-between;
  margin: 0 auto;
  padding-bottom: 20px;
  width: 1216px;
  height: 117px;
  opacity: .99;
  font-size: 0;
  line-height: 0
}

.header__logo.header-logo--shadow::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 95px;
  height: 169px;
  width: 100px;
  background-color: rgba(var(--color-bg-color2), .6);
  transform: skewX(-15deg)
}

.header__title {
  margin: auto 0;
  padding: 20px 0 0 221px;
  font-size: 33px;
  line-height: 38px;
  color: rgba(var(--color-text-default), 1);
  font-weight: 700;
  text-align: left;
  text-transform: uppercase
}

.header__title .header__title--short {
  display: none
}

.social {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0 0 17px 0;
  margin: 0;
  list-style: none
}

.social__item {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 18px
}

.social__link {
  display: block;
  width: 100%;
  height: 100%
}

.social__item--instagram {
  background-image: linear-gradient(10deg, #fdc565 2%, #ae318f 80%, #6d51c4 100%)
}

.svg-icon--instagram {
  fill: #ffffff;
  vertical-align: middle
}

.social__item--vk {
  background-color: #4a6b8e
}

.svg-icon--vk {
  fill: #ffffff;
  vertical-align: middle
}

.social__item--fb {
  background-color: #3e5b99
}

.svg-icon--fb {
  fill: #ffffff;
  vertical-align: middle
}

.social__item--youtube {
  background-color: #ffffff
}

.svg-icon--youtube {
  fill: #ff4847;
  vertical-align: middle
}

.social__item--telegram {
  background-color: #2098ca;
  padding: 1px 3px 0 0
}

.svg-icon-telegram, .svg-icon-ok {
  vertical-align: middle
}

.social__item--ok {
  background-color: #ef7f1a
}

.navigation {
  min-height: 52px;
  background-color: rgba(var(--color-bg-color1), .34)
}

.navigation__wrapper {
  margin: 0 auto;
  width: 1216px
}

.navigation__list {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0 7px 0 180px;
  height: 52px;
  list-style: none
}

.navigation__unit:first-child {
  border: none;
}

.navigation__unit:last-child {
  border-right: 2px solid rgba(var(--color-bg-color1), .45);
}

.navigation__unit {
  flex-grow: 1;
  position: relative;
  z-index: 2;
  border-left: 2px solid rgba(var(--color-bg-color1), .45);
  text-align: center;
  transform: skewX(-15deg)
}

.navigation__unit-container {
  display: inline-block;
  transform: skewX(15deg)
}

.navigation__unit:hover {
  background-color: rgba(var(--color-bg-color1), 0.7);
  border-left: 2px solid rgba(var(--color-bg-color1), 0);
}

.navigation__unit:first-child:hover {
  border-left: none;
}

.navigation__unit:last-child:hover {
  border-right: 2px solid rgba(var(--color-bg-color1), 0);
}

.navigation__unit:hover + .navigation__unit {
  border-left: 2px solid rgba(var(--color-bg-color1), 0);
}

.navigation__unit:active {
  background-color: rgba(var(--color-bg-color1), 1)
}

.navigation__unit-link {
  display: block;
  font-size: 20px;
  line-height: 52px;
  color: rgba(var(--color-text-color1), 1);
  font-weight: 400;
  text-transform: uppercase;
  text-align: center
}

.header__hamburger {
  display: none
}

.drop-menu-wrapper {
  transform: skewX(15deg);
  height: auto
}

.drop-menu {
  display: none;
  position: absolute;
  z-index: 9999;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 238px;
  background-color: rgba(var(--color-bg-color1), 1);
  border-right: 0;
  text-align: left
}

.drop-menu.js-show {
  display: block
}

.drop-menu__item:hover, .drop-menu__item:hover:active {
  background-color: rgba(var(--color-bg-default), 1)
}

.drop-menu__item-link {
  display: block;
  padding: 13px 20px 13px 40px;
  width: 238px;
  font-size: 18px;
  line-height: 20px;
  color: rgba(var(--color-text-default), 1);
  vertical-align: middle;
  text-transform: uppercase
}

.drop-menu__item--regions {
  background-color: rgba(var(--color-bg-default), .23)
}

.navigation__unit--tournaments:hover .drop-menu--tournaments {
  display: block
}

.header__line {
  height: 5px;
  background-color: rgba(var(--color-bg-accent), 1)
}

.calendar {
  position: relative;
  min-height: 0;
  z-index: 2
}

.calendar__top-wrapper {
  background-color: rgba(var(--color-bg-color2), 1)
}

.calendar__top {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 1216px;
  margin: 0 auto;
  min-height: 57px
}

.calendar__title::before {
  content: "\f073";
  position: absolute;
  color: rgba(var(--color-bg-color1), 1);
  left: 30px;
  font-family: "FontAwesome";
  font-size: 21px
}

.calendar__title {
  margin: 0;
  padding: 0 67px;
  font-size: 15px;
  line-height: 40px;
  color: rgba(var(--color-text-color1), 1);
  font-weight: 400;
  text-transform: uppercase;
  text-align: center
}

.calendar__title:hover {
  cursor: pointer
}

.arrow-back, .arrow-forward {
  display: block;
  width: 10px;
  height: 100%;
  margin: 0;
  stroke: rgba(var(--color-text-color1), 1)
}

.arrow-back {
  left: 0
}

.arrow-forward {
  right: 0
}

.arrow-back:hover, .arrow-forward:hover {
  cursor: pointer
}

.arrow-back.slick-disabled, .arrow-forward.slick-disabled {
  display: none !important
}

.arrow-back--tournaments, .arrow-forward--tournaments {
  position: absolute;
  height: auto;
  margin: 0;
  z-index: 1;
  width: 20px;
  top: 8px;
  padding: 0
}

.arrow-back--tournaments {
  margin-left: 10px
}

.arrow-forward--tournaments {
  text-align: right;
  margin-right: 10px
}

.calendar__tournaments-list {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 20px;
  width: 675px;
  overflow: hidden;
  list-style: none
}

.calendar__tournaments-list--container {
  position: relative
}

.calendar__tournaments-item {
  flex-shrink: 0;
  flex-grow: 0;
  min-height: 32px;
  margin: 0 5px;
  transform: skewX(-15deg)
}

.calendar__tournaments-list--full .calendar__tournaments-item {
  flex-grow: 1
}

.calendar__tournaments-item:hover {
  background-color: rgba(var(--color-bg-color1), .4) !important
}

.calendar__tournaments-item:active {
  background-color: rgba(var(--color-bg-accent), .7)
}

.navigation__unit--active, .calendar__tournaments-item--active, .navigation__unit--active:hover, .calendar__tournaments-item--active:hover, .calendar__tournaments-item.js-active {
  background-color: rgba(var(--color-bg-accent), 0.8);
  border-left: 2px solid rgba(var(--color-bg-accent), 0);
}

.navigation__unit--active:first-child, .navigation__unit--active:first-child:hover {
  border-left: none;
}

.navigation__unit--active:last-child, .navigation__unit--active:last-child:hover {
  border-right: 2px solid rgba(var(--color-bg-accent), 0);
}

.navigation__unit--active + .navigation__unit, .navigation__unit--active:hover + .navigation__unit {
  border-left: 2px solid rgba(var(--color-bg-color1), 0);
}

.navigation__unit--active > a {
  color: rgba(var(--color-text-accent), 1)
}

.calendar__tournaments-item-link {
  display: block;
  padding-left: 22px;
  padding-right: 21px;
  font-size: 15px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  transform: skewX(15deg);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.calendar__tournaments-item.js-active .calendar__tournaments-item-link {
  color: rgba(var(--color-text-accent), 1)
}

.calendar__tournaments-item-link:hover {
  cursor: pointer
}

.calendar__selects {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  min-height: 32px
}

.calendar__select-item {
  position: relative;
  padding-right: 20px;
  padding-left: 15px
}

.calendar__select-item .js-div-dropdown-title::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 6px;
  border: 5px solid rgba(var(--color-bg-color1), 1);
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent
}

.calendar__select-item-options li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.calendar__select-item-default {
  height: 100%;
  font-size: 15px;
  line-height: 15px;
  vertical-align: middle;
  color: rgba(var(--color-text-color2), 1)
}

.calendar__select-item-options {
  width: auto;
  display: none;
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 1;
  padding: 15px 20px 15px 15px !important;
  margin: 0;
  list-style: none;
  background-color: rgba(var(--color-bg-color2), 1);
  font-size: 15px;
  line-height: 20px;
  vertical-align: middle;
  color: rgba(var(--color-text-color2), 1)
}

.calendar__select-item-active {
  display: block
}

.calendar__bottom-wrapper {
  background-color: rgba(var(--color-bg-base), 1)
}

.calendar__bottom-wrapper-cont {
  min-height: 126px
}

.calendar__bottom {
  display: flex;
  margin: 0 auto;
  width: 1216px;
  min-height: 122px;
  position: relative
}

.calendar__bottom--list {
  flex-direction: column
}

.calendar__bottom:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 29px;
  border: 10px solid rgba(var(--color-bg-base), 1);
  border-top-width: 0;
  border-right-color: transparent;
  border-left-color: transparent
}

.arrow-back--games, .arrow-forward--games {
  position: absolute;
  height: auto;
  margin: 0;
  z-index: 2;
  display: block;
  width: 12px;
  padding-top: 45px;
  padding-bottom: 45px;
  stroke: rgba(var(--color-text-base), .3);
  top: 46px
}

.arrow-back--games {
  padding: 0 0 0 6px
}

.arrow-forward--games {
  text-align: right;
  margin-right: 30px;
  padding: 0 44px 0 0
}

.calendar__games-list {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 76px 0 0;
  padding: 0 25px;
  width: 1025px;
  overflow: hidden;
  list-style: none;
  background-color: rgba(var(--color-bg-base), 1)
}

.calendar__games-list--container {
  position: relative
}

.live {
  position: relative
}

.live::before {
  content: "Live";
  position: absolute;
  top: 18px;
  right: 21px;
  width: 25px;
  height: 15px;
  font-size: 8.45px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  background-color: #d50028;
  border-radius: 2px;
  color: #ffffff
}

.calendar__games-item {
  flex-shrink: 0;
  padding-left: 20px;
  padding-right: 12px;
  width: 205px;
}

.calendar__games-list .slick-track .slick-slide:nth-child(2n) .calendar__games-item {
  background-color: rgba(var(--color-bg-additional), 1)
}

.calendar__games-score {
  width: 100%
}

.calendar__games-score-cell--data-time {
  padding-top: 18px;
  padding-bottom: 13px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  text-align: left;
  vertical-align: middle
}

.calendar__games-score-cell--bold {
  font-weight: 700
}

.calendar__games-score-cell--team, .calendar__games-score-cell--goals {
  padding-bottom: 12px;
  font-size: 16px;
  color: rgba(var(--color-text-base), 1);
  line-height: 18px;
  font-weight: 400;
  text-align: left;
  vertical-align: top
}

.calendar__games-score-cell--team {
  width: 142px
}

.calendar__team {
  width: 123px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.calendar__games-score-cell--goals {
  width: 18px;
  text-align: right
}

.calendar__games-score-cell--bold {
  font-weight: 700
}

.calendar__games-score-cell--match-status {
  color: #1d8177;
  text-align: center;
}

.calendar__games-score-cell--first-game {
  padding-top: 20px;
  font-size: 12px;
  color: #3f3f3f;
  max-width: 35px;
  line-height: 14px;
  font-weight: 400;
  text-align: right;
  vertical-align: top
}

.calendar__tables-results {
  padding: 23px 10px 15px;
  width: 115px;
  text-align: center;
  background-color: rgba(var(--color-text-base), .07)
}

.calendar__tables, .calendar__results {
  font-size: 14px;
  line-height: 42px;
  font-weight: 400;
  text-align: center;
  vertical-align: center;
  text-transform: uppercase
}

.calendar__tables:hover, .calendar__results:hover {
  color: rgba(var(--color-bg-accent), 1)
}

.calendar__list--container {
  width: 100%;
  margin-bottom: 16px
}

.calendar__list--header {
  display: flex;
  align-items: center;
  height: 46px
}

.calendar__list--title {
  font-size: 18px;
  font-weight: 700
}

.calendar__list--matches {
  display: flex;
  justify-content: space-between
}

.calendar__list--matches table {
  border-collapse: collapse;
  width: calc((100% - 56px) / 3);
  border-top: 1px solid rgba(var(--color-text-base), .2)
}

.calendar__list--matches table .match {
  height: 28px;
  border-bottom: 1px solid rgba(var(--color-text-base), .2)
}

.calendar__list--matches table .match__date {
  font-size: 13px;
  color: rgba(var(--color-text-base), .9)
}

.calendar__list--matches table .match__team {
  font-size: 14px;
  width: 110px
}

.calendar__list--matches table .match__team--winner {
  font-weight: 700
}

.calendar__list--matches table .match__team1 {
  text-align: right
}

.calendar__list--matches table .match__score--container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 40px;
  font-size: 14px;
  line-height: 14px;
  color: #000000
}

.calendar__list--matches table .match__score--additional {
  font-size: 12px;
  line-height: 12px
}

.calendar__list--matches table .match__team2 {
  text-align: left
}

.calendar__list--matches table .match__live {
  font-size: 13px;
  color: rgba(var(--color-text-base), .9);
  text-align: right
}

.calendar__list--matches table .match__live span {
  position: relative;
  height: 20px;
  width: 36px;
  display: inline-block
}

.calendar__list--matches table .match__live span::before {
  content: "Live";
  position: absolute;
  top: 5px;
  right: 1px;
  width: 25px;
  height: 16px;
  font-size: 8.45px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  background-color: #d50028;
  border-radius: 2px;
  color: #ffffff
}

.slider, .slider-tile, .slider-carousel {
  position: relative;
  z-index: 1;
  height: 694px;
  padding: 42px 0;
  background: linear-gradient(-75deg, rgba(var(--color-bg-default), .9) 2%, rgba(var(--color-bg-default), 1) 2%, rgba(var(--color-bg-default), 1) 15%, rgba(var(--color-bg-default), .94) 15%, rgba(var(--color-bg-default), .94) 18%, rgba(var(--color-bg-default), .9) 18%, rgba(var(--color-bg-default), .9) 19%, rgba(var(--color-bg-default), 1) 19%, rgba(var(--color-bg-default), .8) 30%, rgba(var(--color-bg-default), 1) 30%, rgba(var(--color-bg-default), 1) 32%, rgba(var(--color-bg-default), .97) 32%, rgba(var(--color-bg-default), .97) 34%, rgba(var(--color-bg-default), .9) 34%, rgba(var(--color-bg-default), .9) 37%, rgba(var(--color-bg-default), 1) 37%, rgba(var(--color-bg-default), .88) 78%, rgba(var(--color-bg-default), .8), rgba(var(--color-bg-default), 1) 78%, rgba(var(--color-bg-default), .8), rgba(var(--color-bg-default), 1) 93%, rgba(var(--color-bg-default), .94) 93%, rgba(var(--color-bg-default), .97) 95%, rgba(var(--color-bg-default), .9) 95%, rgba(var(--color-bg-default), .9) 96%, rgba(var(--color-bg-default), 1) 96%);
  background-color: #e8e8e8
}

.slider:after, .slider-tile:after, .slider-carousel:after {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 0;
  height: 500px;
  width: 100%;
  background: linear-gradient(to top, rgba(var(--color-bg-default), .1) 20%, rgba(var(--color-bg-default), 0))
}

.slider__wrapper, .slider-tile__wrapper {
  display: flex;
  width: 1216px;
  height: 610px;
  overflow: hidden;
  margin: 0 auto;
  background-color: rgba(var(--color-bg-additional), 1)
}

.slider__text-list, .slider__slides {
  margin: 0;
  padding: 0;
  list-style: none
}

.slider__slides {
  width: 910px;
  height: 610px;
  overflow: hidden
}

.slider__slide {
  height: 610px;
  overflow: hidden;
  background: center top no-repeat;
  background-size: 100% 100% !important;
  width: 910px
}

.slider__slide-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 42px;
  width: 910px;
  height: 610px;
  overflow: hidden
}

.slider__slide-content {
  position: relative;
  width: 832px;
  min-height: 152px;
  background-color: rgba(0, 0, 0, .45)
}

.slider__slide-date {
  position: absolute;
  left: 5px;
  background-color: rgba(var(--color-bg-accent), 1);
  height: 26px;
  transform: skewX(-15deg)
}

.slider__slide-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 26px;
  background-color: rgba(var(--color-bg-accent), 1)
}

.slider__slide-date-p {
  margin: 0;
  padding: 0 15px 0 20px;
  font-size: 15px;
  color: rgba(var(--color-text-accent), 1);
  line-height: 26px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  transform: skewX(15deg)
}

.slider__slide-text-p {
  display: block;
  margin: 0;
  padding: 45px 31px;
  font-size: 31px;
  color: #ffffff;
  line-height: 33px;
  font-weight: 400;
  text-align: left;
  vertical-align: middle
}

.slider__text-list {
  height: 100%;
  width: 306px
}

.slider__text-item {
  display: table;
  position: relative
}

.slider__text-item--active::before, .slider__text-item:active::before {
  content: "";
  position: absolute;
  left: -25px;
  width: 0;
  height: 0;
  border-top: 101px solid transparent;
  border-right: 25px solid rgba(var(--color-bg-accent), 1)
}

.slider__text-item-link {
  display: table-cell;
  height: calc(610px / 6);
  width: 306px;
  margin: 0;
  padding: 10px 31px;
  font-size: 17px;
  line-height: 19px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(var(--color-text-base), .15)
}

.slider__text-item .slider__text-item-link:hover {
  cursor: pointer
}

.slider__text-item:last-child .slider__text-item-link {
  border-bottom: 0
}

.slider__text-item:hover, .slider__text-item--pointing {
  background-color: rgba(var(--color-bg-color1), .1)
}

.calendar__select-item-active, .slider__text-item:active, .slider__text-item--active, .slider__text-item--active:hover {
  background-color: rgba(var(--color-bg-accent), 1)
}

.slider__text-item:active .slider__text-item-link, .slider__text-item--active .slider__text-item-link {
  color: rgba(var(--color-text-accent), 1)
}

.slider-tile {
  height: 495px;
  padding: 45px 0
}

.slider-tile__wrapper {
  display: flex;
  width: 1216px;
  height: 405px;
  margin: 0 auto;
  background-color: transparent
}

.slider-tile__slides {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.slider-tile__slides-group {
  display: flex;
  flex-wrap: wrap
}

.slider-tile__slide {
  position: relative;
  flex-shrink: 0;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 295px;
  height: 200px;
  background-color: #ffffff;
  background-size: cover
}

.slider-tile__slide--main {
  width: 610px;
  height: 100%
}

.slider-tile__link::after {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55%;
  background: linear-gradient(to top, rgba(0, 0, 0, .75), transparent)
}

.slider-tile__slide--main .slider-tile__link::after {
  height: 33%
}

.slider-tile__link {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  width: 100%;
  height: 100%
}

.slider-tile__slide--main .slider-tile__link {
  padding: 25px 40px
}

.slider-tile__slide-content {
  position: relative;
  z-index: 2;
  color: rgba(var(--color-text-accent), 1)
}

.slider-tile__slide-date {
  font-size: 13px;
  line-height: 26px
}

.slider-tile__slide--main .slider-tile__slide-date {
  width: 95px;
  padding: 0 15px;
  margin-bottom: 12px;
  position: relative;
  height: 26px;
  background-color: rgba(var(--color-bg-accent), 1);
  transform: skewX(-15deg)
}

.slider-tile__slide--main .slider-tile__slide-date::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 30px;
  height: 26px;
  background-color: rgba(var(--color-bg-accent), 1);
  transform: skewX(15deg)
}

.slider-tile__slide-date-p {
  margin: 0
}

.slider-tile__slide--main .slider-tile__slide-date-p {
  transform: skewX(15deg)
}

.slider-tile__slide-text {
  font-size: 19px;
  line-height: 23px
}

.slider-tile__slide--main .slider-tile__slide-text {
  font-size: 29px;
  line-height: 35px
}

.slider-carousel {
  height: 700px;
  padding: 45px 0 0 0
}

.slider-carousel__wrapper {
  height: 570px;
  width: 1216px;
  margin: auto;
}

.slider-carousel__wrapper.slick-slider .slick-track, .slider-carousel__wrapper.slick-slider .slick-list {
  min-width: 1216px !important
}

.slider-carousel__wrapper .slider-carousel__slide {
  height: 570px;
  transition: all 700ms ease;
  float: left;
  position: relative;
  z-index: 1
}

.slider-carousel__wrapper .slick-slide.slick-center {
  position: relative;
  z-index: 2
}

.slider-carousel__wrapper .slick-slide:not(.slick-center) {
  /*transform: scaleY(.93);*/
  position: relative
}

.slider-carousel__wrapper .slick-slide:not(.slick-center):after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-bg-default), .5)
}

.slider-carousel__image {
  display: block;
  float: left;
  width: 846px;
  height: 100%;
  position: relative
}

.slider-carousel__slide.slick-center .slider-carousel__image {
  box-shadow: -5px 0 20px 2px rgba(0, 0, 0, .3)
}

.slider-carousel__image > img {
  width: 100%;
  height: 100%
}

.slider-carousel__slide-content {
  float: right;
  width: 370px;
  height: 570px;
  box-sizing: border-box;
  padding: 25px 45px 40px 45px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.slider-carousel__slide.slick-center .slider-carousel__slide-content {
  box-shadow: 5px 0 20px 2px rgba(0, 0, 0, .3)
}

.slider-carousel__slide-date {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 5px
}

.slider-carousel__mobile-container {
  display: none
}

.slider-carousel__title {
  display: block;
  font-size: 34px;
  font-weight: 700;
  line-height: 37px;
  padding-bottom: 25px;
  position: relative
}

.slider-carousel__title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(var(--color-bg-accent), 1)
}

.slider-carousel__text {
  margin-top: 20px;
  font-size: 19px;
  line-height: 24px
}

.slider-carousel__dots-container {
  position: absolute;
  padding: 0 20px;
  left: calc(50% - 104px);
  bottom: 15px;
  text-align: center
}

.slider-carousel .slick-dots {
  padding: 0;
  list-style-type: none
}

.slider-carousel .slick-dots li {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, .4);
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transform: skewX(-15deg)
}

.slider-carousel .slick-dots li.slick-active {
  background-color: rgba(var(--color-bg-accent), 1)
}

.slider-carousel .slick-dots li button {
  width: 100%;
  height: 100%;
  visibility: hidden;
  border: 0;
  background-color: transparent;
  opacity: 0
}

.slider-carousel .slick-arrow {
  position: absolute;
  top: calc(50% - 7px);
  bottom: -44px;
  z-index: 1;
  height: 15px;
  width: 12px;
  cursor: pointer;
  transition: all .3s;
  background-color: transparent;
  border: 0;
  color: rgba(255, 255, 255, .7);
  box-sizing: border-box
}

.slider-carousel .slick-arrow.slick-prev {
  left: 0
}

.slider-carousel .slick-arrow.slick-next {
  right: 0
}

.slider-carousel .slick-arrow:hover {
  color: rgba(var(--color-bg-accent), 1)
}

.main-container {
  display: flex;
  justify-content: space-between;
  width: 1216px;
  margin: 48px auto 38px
}

.main-container--inner {
  margin-top: 25px
}

.content-top {
  width: 1216px;
  margin: 25px auto 0
}

.main-content {
  width: 910px
}

.main-content--without-sidebar {
  width: 100%
}

.button {
  display: block;
  padding: 4px 0;
  width: 100%;
  font-size: 15px;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
  color: rgba(var(--color-text-color1), 1);
  background-color: rgba(var(--color-bg-color1), .7);
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
  border: 0;
  outline: 0
}

.button:disabled {
  opacity: .5;
  cursor: not-allowed
}

.header__hamburger {
  display: none
}

.sidebar {
  width: 260px
}

.sidebar__selects-list .button {
  margin-bottom: 30px
}

.sidebar__selects-list .select-item {
  margin-bottom: 10px
}

.select-item {
  position: relative;
  min-width: 260px;
  height: 44px;
  background-color: rgba(var(--color-bg-default), 1)
}

.select-item__default {
  position: relative;
  width: 197px;
  height: 100%;
  background-color: rgba(var(--color-bg-color1), .54);
  padding-left: 15px
}

.select-item__default::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 44px;
  top: 0;
  right: -22px;
  border: 12px solid transparent;
  border-top: 44px solid rgba(var(--color-bg-color1), .54);
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent
}

.select-item .js-div-dropdown-title::after, .select-item .js-div-select-title::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 21px;
  border: 5px solid rgba(var(--color-text-color1), 1);
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent
}

.js-div-select .js-div-select-ul, .js-div-dropdown .js-div-dropdown-ul {
  z-index: 998;
  padding: 8px 0
}

.js-div-dropdown .js-div-dropdown-ul.calendar__select-item-options {
  max-height: 288px
}

.js-div-dropdown-title, .js-div-select-title {
  width: 100%;
  height: inherit
}

.js-div-dropdown-title:hover, .js-div-select-title:hover, .js-div-dropdown-li, .js-div-select-li:hover {
  cursor: pointer
}

.select-item__default-text {
  width: 195px;
  padding: 0;
  margin: 0;
  height: 100%;
  font-size: 18px;
  line-height: 44px;
  text-align: left;
  vertical-align: middle;
  color: rgba(var(--color-text-color1), 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select-item__options {
  display: none;
  position: absolute;
  top: 44px;
  z-index: 1;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  background-color: inherit;
  font-size: 18px;
  line-height: 19px;
  text-align: left;
  vertical-align: middle;
  color: rgba(var(--color-text-color1), 1)
}

.js-div-select-li {
  padding: 7.5px 15px
}

.js-div-select-search {
  border: 0;
  background-color: rgba(var(--color-bg-color1), 1);
  color: rgba(var(--color-text-color1), 1);
  font-size: 14px;
  padding: 8px;
  width: 100%;
  outline: 0
}

.js-div-select-search:-moz-placeholder {
  color: rgba(var(--color-text-color2), 1);
  opacity: .6
}

.js-div-select-search::-moz-placeholder {
  color: rgba(var(--color-text-color2), 1);
  opacity: .6
}

.js-div-select-search:-ms-input-placeholder {
  color: rgba(var(--color-text-color2), 1);
  opacity: .6
}

.js-div-select-search::-webkit-input-placeholder {
  color: rgba(var(--color-text-color2), 1);
  opacity: .6
}

.js-div-select-li:not(.js-div-select-search):hover, .js-div-dropdown-li:hover {
  background-color: rgba(var(--color-bg-color2), 1)
}

.select-item--light .js-div-select-li:hover, .select-item--light .js-div-dropdown-li:hover {
  background-color: rgba(var(--color-bg-default), 1)
}

.select-item__options a, .team__select-item-options a {
  color: inherit;
  display: block;
  padding: 7.5px 15px
}

.select-item__options--active {
  display: block
}

.team__select-item-default {
  position: relative
}

.team__select-item-default:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 6px;
  border: 5px solid rgba(var(--color-bg-default), .7);
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent
}

.selects-list {
  min-height: inherit;
  margin-bottom: 34px
}

.selects-list > div {
  margin-bottom: 13px
}

.select-item--light {
  background-color: rgba(var(--color-bg-color1), 1)
}

.select-item--light .select-item__default::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 44px;
  top: 0;
  right: -22px;
  border: 12px solid transparent;
  border-top: 44px solid rgba(var(--color-text-default), .2);
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent
}

.select-item--light .select-item__default {
  background-color: rgba(var(--color-text-default), .2)
}

.sidebar__navigation {
  padding: 0;
  margin: 0 0 26px 0;
  list-style: none;
  width: 100%;
  background-color: rgba(var(--color-bg-default), .7)
}

.sidebar__navigation-item {
  border-bottom: 1px solid rgba(var(--color-text-default), .2);
  vertical-align: middle
}

.sidebar__navigation-item:last-child {
  border-bottom: none
}

.sidebar__navigation-item:hover {
  background-color: rgba(var(--color-bg-color1), .4)
}

.sidebar__navigation-item--active, .sidebar__navigation-item--active:hover, .sidebar__navigation-item:active {
  background-color: rgba(var(--color-bg-accent), .8)
}

.sidebar__navigation-item-link {
  position: relative;
  display: block;
  padding-left: 36px;
  width: 100%;
  font-size: 18px;
  line-height: 48px;
  color: rgba(var(--color-text-default), 1);
  vertical-align: middle;
  text-transform: uppercase
}

.sidebar__navigation-item-link::before {
  content: "\f105";
  position: absolute;
  font-family: "FontAwesome";
  color: rgba(var(--color-text-default), 1);
  font-size: 15px;
  left: 15px
}

.sidebar__navigation-item--active .sidebar__navigation-item-link::before {
  content: "\f104"
}

.sidebar__table {
  padding: 0;
  margin: 0 0 26px 0;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  background-color: rgba(var(--color-bg-additional), 1)
}

.sidebar__table-content {
  width: 100%
}

.sidebar__table .sidebar__table-title {
  position: relative;
  padding: 0 0 0 15px;
  margin: 0;
  font-size: 18px;
  line-height: 44px;
  color: rgba(var(--color-text-default), 1);
  font-weight: 700;
  background-color: rgba(var(--color-bg-default), 1);
  border-bottom: 0
}

.sidebar__table .sidebar__table-title:before {
  display: none;
  content: "\f107";
  position: absolute;
  color: rgba(var(--color-text-default), 1);
  right: 14px;
  font-family: "FontAwesome";
  font-size: 19px
}

.sidebar__table .sidebar__table-title:after {
  display: none;
  content: "\f106";
  position: absolute;
  color: rgba(var(--color-text-default), 1);
  right: 14px;
  font-family: "FontAwesome";
  font-size: 19px
}

.sidebar__table-cell {
  padding: 0 0 0 15px;
  font-size: 14px;
  line-height: 37px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(var(--color-text-base), .15)
}

.sidebar__table-row--head .sidebar__table-cell {
  font-size: 13px;
  line-height: 31px;
  color: rgba(var(--color-text-color1), 1);
  vertical-align: middle;
  background-color: rgba(var(--color-bg-color1), .8);
  border-bottom: 0
}

.sidebar__table-row--head .sidebar__table-cell--abbr {
  text-decoration: none
}

.link--sidebar-wrapper {
  text-align: center
}

.link--sidebar {
  line-height: 45px;
  color: rgba(var(--color-bg-color1), 1)
}

.sidebar__table--tournament {
  margin-bottom: 21px
}

.sidebar__table--tournament .sidebar__table-cell--number {
  padding: 0;
  font-size: 14px;
  width: 30px;
  text-align: center
}

.sidebar__table--tournament .sidebar__table-cell--color {
  padding-left: 7px;
  width: 7px
}

.sidebar__table--tournament .sidebar__table-cell--games {
  padding-left: 0;
  width: 25px;
  text-align: center;
  font-size: 13px
}

.sidebar__table--tournament .sidebar__table-cell--points {
  padding-left: 0;
  padding-right: 15px;
  width: 40px;
  text-align: center;
  font-size: 13px
}

.sidebar__table--tournament .sidebar__table-cell--team {
  width: 148px;
  padding-left: 5px;
  padding-right: 10px;
  font-size: 14px
}

.sidebar__team, .sidebar__player {
  display: block;
  width: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.sidebar__table--schedule {
  margin-bottom: 26px
}

.sidebar__table--schedule .sidebar__table-cell--match-time {
  width: 40px;
  font-size: 13px;
  text-align: center
}

.sidebar__table--schedule .sidebar__table--team-1 {
  width: 88px;
  padding: 0;
  text-align: right;
  font-size: 13px
}

.sidebar__table--schedule .sidebar__table--team-1 .sidebar__team {
  padding: 0 0 0 10px
}

.sidebar__table--schedule .sidebar__table--team-2 {
  width: 88px;
  padding: 0;
  text-align: left;
  font-size: 13px
}

.sidebar__table--schedule .sidebar__table--team-2 .sidebar__team {
  padding: 0 10px 0 0
}

.sidebar__table--schedule .sidebar__table--score {
  width: 42px;
  padding: 0 4px;
  text-align: center;
  font-size: 13px
}

.sidebar__table-row--active {
  font-weight: 400;
  background-color: rgba(var(--color-bg-accent), 1);
  color: rgba(var(--color-text-accent), 1)
}

.sidebar__table-row--active a {
  color: rgba(var(--color-text-accent), 1)
}

.tabs__navigation {
  width: 100%;
  background-color: rgba(var(--color-bg-color1), 1)
}

.tabs__list {
  padding: 0;
  margin: 0 5px;
  list-style: none;
  display: flex;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), 1)
}

.tabs--sidebar .tabs__list {
  font-size: 12px;
  line-height: 38px;
  text-transform: none
}

.tabs__item {
  flex-grow: 1;
  transform: skewX(-15deg);
  border-right: 1px solid rgba(var(--color-bg-default), .3)
}

.tabs__item a:hover {
  cursor: pointer
}

.tabs__item:hover {
  background-color: rgba(var(--color-bg-default), .4)
}

.tabs__item:last-child {
  border-right: none
}

.tabs__text {
  display: block;
  color: rgba(var(--color-text-default), 1)
}

.tabs__text-container {
  display: inline-block;
  transform: skewX(15deg)
}

.tabs--active, .tabs--active:hover {
  background-color: rgba(var(--color-bg-additional), 1)
}

.statistics .tabs__text, .tabs--match .tabs__text, .tabs--team .tabs__text, .tabs--teams-composition .tabs__text, .tabs--sidebar .tabs__text, .popup .tabs__text {
  color: rgba(var(--color-text-default), 1)
}

.statistics .tabs--active .tabs__text, .tabs--match .tabs--active .tabs__text, .tabs--team .tabs--active .tabs__text, .tabs--teams-composition .tabs--active .tabs__text, .tabs--sidebar .tabs--active .tabs__text, .popup .tabs--active .tabs__text {
  color: rgba(var(--color-text-base), 1)
}

.tabs__pane {
  display: none
}

.tabs__pane--active {
  display: block
}

.sidebar__statistics-row--head .sidebar__table-cell {
  background-color: rgba(var(--color-bg-additional), 1);
  color: rgba(var(--color-text-additional), 1);
  font-weight: 400;
  border-bottom: 1px solid rgba(var(--color-text-base), .15)
}

.sidebar__table--statistics .sidebar__table-cell--photo {
  width: 60px;
  padding-left: 15px;
  padding-right: 15px
}

.sidebar__table--statistics .sidebar__table-cell--photo-img {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(var(--color-text-base), .3)
}

.sidebar__table--statistics .table__player-img {
  width: 28px;
  height: 28px
}

.sidebar__table--statistics .sidebar__table-cell--player {
  width: 120px;
  padding: 0;
  border: 0;
  line-height: 18px;
  vertical-align: bottom
}

.sidebar__table--statistics .sidebar__table-cell--variable-1, .sidebar__table--statistics .sidebar__table-cell--variable-1-head {
  width: 40px;
  padding: 0;
  text-align: center
}

.sidebar__table--statistics .sidebar__table-cell--variable-2, .sidebar__table--statistics .sidebar__table-cell--variable-2-head {
  width: 40px;
  padding: 0 15px 0 0;
  text-align: center
}

.sidebar__table--statistics .sidebar__table-cell--team {
  width: 120px;
  padding: 1px 0 0 0;
  font-size: 11px;
  line-height: 15px;
  vertical-align: top
}

.news-cards {
  margin-bottom: 43px
}

.news-cards__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  list-style: none
}

.news-cards__item {
  width: 440px;
  background-color: rgba(var(--color-bg-additional), 1);
  margin-bottom: 15px
}

.news-cards__picture {
  display: block;
  height: 293px;
  filter: brightness(80%)
}

@keyframes news-cards__picture-animation {
  to {
    transform: scale(1.05);
    filter: brightness(100%)
  }
}

.news-cards__picture:hover {
  animation-name: news-list-cads__picture-animation;
  animation-duration: .4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in
}

.news-cards__content {
  padding: 24px 35px
}

.news-cards__date {
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  color: rgba(var(--color-text-additional), 1);
  vertical-align: middle
}

.news-cards__title {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 25px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle
}

.news-cards__text {
  margin: 15px 0
}

.button--news-cards {
  margin-top: 28px
}

.photo {
  margin-bottom: 53px
}

.photo__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap
}

.photo__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 17px;
  width: 284px;
  margin-right: 29px;
  margin-bottom: 30px;
  min-height: 220px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.photo__item:nth-child(3n) {
  margin-right: 0
}

.photo__item-wrapper-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 19px;
  padding-right: 15px
}

.photo__picture {
  display: block;
  height: 190px;
  width: 284px;
  margin-bottom: 17px
}

.photo__title {
  display: block;
  margin-left: 19px;
  margin-right: 19px;
  margin-bottom: 23px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle
}

.photo__date {
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  color: rgba(var(--color-text-additional), 1);
  vertical-align: middle
}

.photo__number {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
  background-color: #99a4b6;
  box-shadow: 1px 1px #ffffff, 2px 2px #99a4b6
}

.video {
  margin: 0 0 20px 0
}

.video__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap
}

.tabs--match .video__list {
  margin-top: 20px
}

.video__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 17px;
  width: 284px;
  margin-right: 29px;
  margin-bottom: 30px;
  min-height: 220px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.video__item:nth-child(3n) {
  margin-right: 0
}

.video__picture {
  position: relative;
  display: block;
  height: 190px;
  width: 284px;
  margin-bottom: 17px;
  filter: brightness(60%)
}

.video__picture::before {
  content: "\f04b";
  position: absolute;
  width: 68px;
  height: 68px;
  margin: auto;
  top: 50%;
  margin-top: -34px;
  left: 50%;
  margin-left: -34px;
  font-family: "FontAwesome";
  font-size: 35px;
  text-align: center;
  vertical-align: middle;
  padding-top: 25px;
  padding-left: 10px;
  color: #ffffff;
  background-color: rgba(194, 4, 38, .78);
  border-radius: 50%
}

.video__title {
  display: block;
  margin-left: 19px;
  margin-right: 19px;
  margin-bottom: 23px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle
}

.video__date {
  padding-left: 19px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  color: rgba(var(--color-text-additional), 1);
  vertical-align: middle
}

.media-author {
  font-size: 15px;
  line-height: 25px;
  color: rgba(var(--color-bg-default), 1);
  text-transform: none;
  font-weight: 400
}

.partners {
  min-height: 235px;
  background-color: rgba(var(--color-bg-additional), 1);
  position: relative;
  z-index: 2
}

.partners-wrapper {
  display: flex;
  justify-content: space-between;
  width: 1216px;
  margin: 0 auto;
  padding: 50px 0;
  position: relative
}

.partners-wrapper--mini {
  width: 910px;
  padding: 40px 0 0
}

.partners-wrapper .partners__list {
  padding-left: 56px;
  padding-right: 56px
}

.partners-wrapper--mini .partners__list {
  padding: 0
}

.partners-wrapper--mini .partners__item {
  margin: 0 22px 44px
}

.partners__list {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 28px;
  width: 1216px;
  overflow: hidden;
  list-style: none
}

.partners__list--no-slider {
  flex-wrap: wrap
}

.partners__item {
  flex-shrink: 0;
  width: 135px;
  height: 135px;
  margin: 0 24px
}

.partners__list--no-slider .partners__item {
  width: 106px;
  height: 106px
}

.partners__item a {
  display: block;
  background-color: rgba(var(--color-bg-additional), 1)
}

.arrow-back--partners, .arrow-forward--partners {
  position: absolute;
  height: 135px;
  z-index: 3;
  width: 56px;
  padding: 46px 0 0 16px;
  stroke: rgba(var(--color-text-color1), 1)
}

.arrow-back--partners:hover, .arrow-forward--partners:hover {
  cursor: pointer
}

.arrow-back--partners.slick-disabled, .arrow-forward--partners.slick-disabled {
  display: none !important
}

.footer {
  position: relative;
  z-index: 1;
  min-height: 145px;
  background-color: rgba(var(--color-bg-base), 1)
}

.footer-cont {
  background-color: rgba(var(--color-bg-default), .8);
  min-height: 145px
}

.footer-wrapper {
  display: flex;
  align-items: flex-end;
  padding-top: 24px;
  width: 1216px;
  margin: 0 auto;
  padding-bottom: 10px
}

.footer__copyright {
  width: 700px;
  margin-right: 165px
}

.footer__copyright-main {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 35px;
  text-align: left;
  vertical-align: middle;
  color: rgba(var(--color-text-default), 1);
  text-transform: uppercase
}

.footer__copyright-sportandme {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  color: rgba(var(--color-text-default), 1)
}

.link--footer {
  text-transform: none;
  color: rgba(var(--color-text-default), 1)
}

.footer .social {
  padding: 0 0 3px 0;
  justify-content: center;
  align-items: flex-end;
  margin-right: 55px
}

.footer .social__item {
  line-height: 29px
}

.footer__login {
  position: relative;
  text-align: right
}

.link--footer-register, .link--footer-login {
  padding: 0 0 0 27px;
  font-size: 17px;
  line-height: 25px;
  vertical-align: middle;
  white-space: nowrap;
  color: #ffffff
}

.svg-icon--user {
  fill: rgba(var(--color-bg-accent), 1);
  position: absolute;
  top: 0
}

.tournament {
  min-height: 108px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.tournament-widget .tournament {
  background-color: transparent
}

.tournament-wrapper {
  width: 1216px;
  margin: 0 auto
}

.tournament-widget .tournament-wrapper {
  width: 100%
}

.tournament__title {
  padding: 18px 0;
  margin: 0;
  font-size: 31px;
  line-height: 38px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase
}

.tournament-widget .tournament__title {
  color: rgba(var(--color-text-default), 1)
}

.tournament__info {
  display: flex;
  padding: 0 0 15px 0;
  margin: -4px 0 0 0;
  list-style: none;
  font-size: 15px;
  line-height: 25px;
  color: rgba(var(--color-bg-default), 1)
}

.tournament-widget .tournament__info {
  color: rgba(255, 255, 255, .5);
  padding: 0 0 25px 0
}

.tournament__info-item {
  padding-left: 20px;
  padding-right: 5px;
  margin-right: 25px
}

.tournament__info-dates {
  position: relative
}

.tournament__info-dates::before {
  content: "\f073";
  position: absolute;
  color: inherit;
  bottom: 1px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 15px
}

.tournament__info-teams-number {
  position: relative
}

.tournament__info-teams-number::before {
  content: "\f0c0";
  position: absolute;
  color: inherit;
  bottom: 1px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 15px
}

.tournament__info-status {
  position: relative
}

.tournament__info-status:before {
  content: "\f017";
  position: absolute;
  color: inherit;
  left: 0;
  bottom: 1px;
  font-family: "FontAwesome";
  font-size: 17px
}

.text-information {
  padding: 25px 30px 30px;
  margin-bottom: 20px;
  width: 100%;
  background-color: rgba(var(--color-bg-additional), .5);
  font-size: 18px;
  line-height: 23px
}

.text-information__paragraph {
  padding: 0;
  margin: 0
}

.matches-overview {
  margin-bottom: 25px
}

.matches-overview__past-matches {
  display: flex;
  position: relative;
  width: 910px;
  height: 247px
}

.matches-overview__title {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 15px;
  left: 354px;
  font-size: 23px;
  line-height: 52px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  z-index: 1
}

.matches-overview__list {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 53px;
  width: 910px;
  overflow: hidden;
  list-style: none;
  background-color: rgba(var(--color-bg-additional), 1)
}

.arrow-back--matches-overview, .arrow-forward--matches-overview {
  position: absolute;
  top: 0;
  z-index: 3;
  display: block;
  width: 53px;
  padding-top: 121px;
  margin: 0;
  stroke: rgba(var(--color-text-color1), 1);
  background-color: rgba(var(--color-bg-color1), 1)
}

.matches-overview__past-matches .arrow-back--matches-overview, .matches-overview__past-matches .arrow-forward--matches-overview {
  stroke: #000000
}

.arrow-back--matches-overview {
  padding-left: 20px
}

.arrow-forward--matches-overview {
  text-align: right;
  padding-right: 20px
}

.live {
  position: relative
}

.matches-overview .live::before {
  content: "Live";
  position: absolute;
  top: 103px;
  right: 15px;
  width: 25px;
  height: 15px;
  font-size: 8.45px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  background-color: #d50028;
  border-radius: 2px;
  color: #ffffff
}

.matches-overview__list-slide {
  float: left
}

.matches-overview__item {
  flex-shrink: 0;
  padding: 80px 12px 54px 17px;
  width: 201px;
  height: 249px !important
}

.matches-overview__list .slick-track .slick-slide:nth-child(2n) .matches-overview__item {
  background-color: #f3f3f3
}

.matches-overview__score {
  border-collapse: collapse;
  width: 100%
}

.matches-overview__round, .matches-overview__date-time {
  font-size: 12px;
  line-height: 19px;
  vertical-align: middle
}

.matches-overview__round {
  display: block;
  width: 154px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.matches-overview__date-time {
  margin-bottom: 5px
}

.matches-overview__score-cell--bold {
  font-weight: 700
}

.matches-overview__score-cell {
  font-size: 16px;
  line-height: 32px;
  color: rgba(var(--color-text-base), .9);
  vertical-align: top
}

.matches-overview__score-cell--team {
  width: 154px
}

.matches-overview__team {
  width: 137px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.matches-overview__score-cell--goals {
  width: 18px;
  text-align: right
}

.matches-overview__score-cell--first-game {
  font-size: 12px;
  color: #3f3f3f;
  max-width: 35px;
  line-height: 40px;
  text-align: right;
  vertical-align: middle
}

.indicators-list {
  display: flex;
  padding: 0 0 0 5px;
  width: 100%;
  height: 7px;
  margin: 0;
  justify-content: center;
  list-style-type: none
}

.indicators-list--matches-overview {
  position: absolute;
  left: 0;
  bottom: 18px
}

.indicators-list li {
  width: 17px;
  height: 7px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-bg-default), .3);
  margin-right: 7px
}

.indicators-list li:hover {
  cursor: pointer
}

.indicators-list li button {
  display: none
}

.matches-overview__indicators-item {
  width: 17px;
  height: 7px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-bg-default), .3);
  margin-right: 7px
}

.indicators-list li.slick-active {
  background-color: rgba(var(--color-bg-accent), 1)
}

.matches-overview__future-matches {
  display: flex;
  position: relative;
  width: 910px;
  height: 247px;
  background-color: rgba(var(--color-bg-default), .8)
}

.matches-overview__future-matches .matches-overview__list {
  background-color: rgba(var(--color-bg-color1), .34)
}

.matches-overview__future-matches .arrow-back-wrapper {
  background-color: rgba(var(--color-bg-color1), 1)
}

.matches-overview__future-matches .slick-track .slick-slide:nth-child(2n) .matches-overview__item {
  background-color: rgba(var(--color-bg-color1), .34)
}

.matches-overview__future-matches .slick-track .slick-slide:nth-child(2n+1) .matches-overview__item {
  background-color: rgba(var(--color-bg-color1), 1)
}

.matches-overview__future-matches .arrow-forward-wrapper {
  background-color: rgba(var(--color-bg-color1), .9)
}

.matches-overview__future-matches .matches-overview__title {
  position: absolute;
  top: 15px;
  left: 370px;
  color: rgba(var(--color-text-default), 1)
}

.matches-overview__future-matches .matches-overview__round, .matches-overview__future-matches .matches-overview__score-cell {
  color: rgba(var(--color-text-color1), 1)
}

.matches-overview__future-matches .matches-overview__date-time {
  color: rgba(var(--color-text-default), 1)
}

.matches-overview__future-matches .arrow-back--matches-overview, .matches-overview__future-matches .arrow-forward--matches-overview {
  stroke: rgba(var(--color-text-color1), 1)
}

.matches-overview__future-matches .matches-overview__indicators-item {
  background-color: rgba(var(--color-bg-default), .3)
}

.matches-overview__future-matches .matches-overview__indicators-item--active {
  background-color: rgba(var(--color-bg-accent), 1)
}

.matches-overview__future-matches:before, .matches-overview__future-matches:after, .matches-overview__past-matches:before, .matches-overview__past-matches:after {
  content: '';
  height: 100%;
  width: 53px;
  position: absolute;
  top: 0;
  z-index: 2
}

.matches-overview__future-matches:before {
  background-color: rgba(var(--color-bg-color1), .34)
}

.matches-overview__future-matches:before, .matches-overview__past-matches:before {
  left: 0
}

.matches-overview__future-matches:after, .matches-overview__past-matches:after {
  right: 0
}

.matches-overview__past-matches:before, .matches-overview__past-matches .arrow-back--matches-overview {
  background-color: #f3f4f3
}

.matches-overview__past-matches:after, .matches-overview__past-matches .arrow-forward--matches-overview {
  background-color: rgba(var(--color-bg-additional), 1)
}

.matches-overview__future-matches .arrow-back--matches-overview {
  background-color: rgba(var(--color-bg-color1), .9)
}

.matches-overview__future-matches:after, .matches-overview__future-matches .arrow-forward--matches-overview {
  background-color: rgba(var(--color-bg-color1), 1)
}

.matches-overview__date-time-wrapper {
  transform: skewX(-15deg);
  background-color: rgba(var(--color-bg-default), 1);
  max-width: 120px;
  margin-left: 3px
}

.matches-overview__date-time-wrapper .matches-overview__date-time::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 20px;
  margin-left: -3px;
  height: 18px;
  background-color: rgba(var(--color-bg-default), 1)
}

.matches-overview__date-time-wrapper .matches-overview__date-time {
  position: relative;
  transform: skewX(15deg);
  padding: 0 10px;
  margin-top: 5px;
  margin-bottom: 0
}

.teams__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  overflow: hidden
}

.teams__item {
  width: 205px;
  min-height: 283px;
  margin-right: 30px;
  margin-bottom: 30px
}

.teams__item:nth-child(4n) {
  margin-right: 0
}

.teams__logo {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 205px;
  height: 206px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.teams__name {
  padding: 15px 23px;
  height: 77px;
  background-color: rgba(var(--color-bg-additional), .6)
}

.teams__name-link {
  display: block;
  height: 50px;
  overflow: hidden;
  font-size: 22px;
  line-height: 25px
}

.documents__list {
  padding: 0;
  margin: 0;
  list-style: none
}

.documents__item {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
  min-height: 134px;
  padding: 30px 30px 30px 18px;
  width: 100%;
  background-color: rgba(var(--color-bg-additional), 1)
}

.documents__picture {
  flex-shrink: 0;
  width: 79px;
  height: 71px
}

.documents__text {
  margin-left: 25px
}

.documents__title {
  font-size: 22px;
  line-height: 25px
}

.documents__date {
  font-size: 13px;
  line-height: 25px;
  color: rgba(var(--color-text-additional), 1)
}

.matches-list {
  margin: 0 0 20px 0
}

.schedule__unit {
  background-color: rgba(var(--color-bg-additional), 1)
}

.tournament-widget .schedule__unit {
  background-color: rgba(255, 255, 255, .85)
}

.tabs--schedule, .teams-schedule {
  position: relative;
  margin: 0 0 20px 0
}

.schedule .tabs__navigation {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #d1d7dc
}

.schedule .tabs__list {
  padding: 0;
  margin: 0 5px 0 6px;
  list-style: none;
  display: flex;
  width: 180px;
  font-size: 15px;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase
}

.schedule .tabs__item--2 {
  border: 0
}

.schedule__head {
  display: flex;
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px;
  vertical-align: middle;
  background-color: rgba(var(--color-bg-color1), .1)
}

.tournament-widget .schedule__head {
  background-color: rgba(var(--color-bg-color1), .2)
}

.schedule__unit:not([style="display:none"]):first-of-type .schedule__head {
  background-color: rgba(var(--color-bg-additional), 1);
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.tournament-widget .schedule__unit:not([style="display:none"]):first-of-type .schedule__head {
  background-color: rgba(var(--color-bg-color1), .3)
}

.schedule__head-text {
  font-size: 17px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase
}

.schedule__head-additional {
  display: flex;
  margin-left: auto;
  margin-right: -25px;
  width: 191px;
  padding: 0 20px;
  font-size: 15px;
  line-height: 41px;
  text-transform: uppercase;
  color: rgba(var(--color-text-base), .7)
}

.schedule__checkbox {
  position: absolute;
  right: 0;
  padding-right: 25px;
  font-size: 15px;
  line-height: 41px;
  vertical-align: middle
}

.schedule__checkbox-input {
  display: none
}

.schedule__checkbox .checkbox-indicator {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -30px;
  width: 20px;
  height: 20px;
  border: 1px solid #999999
}

.schedule__checkbox-input:checked + .checkbox-indicator::before, .schedule__checkbox-input:checked + .checkbox-indicator::after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: rgba(var(--color-bg-accent), 1)
}

.schedule__checkbox-input:checked + .checkbox-indicator::after {
  height: 11px;
  transform: rotate(36deg);
  top: 4px;
  left: 10px
}

.schedule__checkbox-input:checked + .checkbox-indicator::before {
  height: 8px;
  transform: rotate(-45deg);
  top: 7px;
  left: 5px
}

.schedule__checkbox-input:disabled + .checkbox-indicator {
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8
}

.schedule__checkbox-input:checked:disabled + .checkbox-indicator {
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8
}

.schedule__checkbox-input:checked:disabled + .checkbox-indicator::after {
  box-shadow: 0 0 0 15px rgba(232, 232, 232, .5) inset
}

.schedule__checkbox--disabled {
  color: #999999
}

.schedule__matches-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.schedule__matches-item {
  display: flex;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  height: 72px;
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.schedule__matches-item:last-child {
  border-bottom: 0
}

.schedule__time-place {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  width: 235px;
  padding-right: 20px
}

.schedule__referee {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 191px
}

.schedule__referee-name {
  display: flex;
  flex-direction: column;
  width: 191px;
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 18px;
  color: #3f3f3f
}

.schedule__time {
  font-size: 19px;
  line-height: 20px;
  text-transform: uppercase
}

.schedule__place, .schedule__round-main, .schedule__tour-main {
  position: relative;
  font-size: 15px;
  line-height: 28px;
  color: rgba(var(--color-text-base), .8)
}

.schedule__place {
  padding-left: 18px;
  width: 215px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.schedule__round-main, .schedule__tour-main {
  line-height: 17px
}

.schedule__place::before {
  content: "\f041";
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  font-size: 17px;
  color: #d50028
}

.schedule__team-name {
  width: 228px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 17px;
  line-height: 70px
}

.schedule__team-short-name {
  width: 143px
}

.schedule__score {
  display: block;
  min-width: 69px;
  font-size: 17px;
  text-align: center
}

.schedule__score-main {
  font-size: 17px;
  line-height: 25px;
  font-weight: 700;
  text-align: center
}

.schedule__score-additional {
  color: rgba(var(--color-text-additional), 1);
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase
}

.schedule__team-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px
}

.schedule__team-1, .schedule__team-2 {
  display: flex;
  flex-grow: 1;
  align-items: center
}

.schedule__team-1 {
  justify-content: flex-end
}

.schedule__team-logo--margin-left {
  margin-left: 10px
}

.schedule__team-logo--margin-right {
  margin-right: 10px
}

.schedule__team-name--right {
  text-align: right
}

.schedule__team-name--left {
  text-align: left
}

.schedule__round {
  padding-left: 18px;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  width: 166px;
  text-align: right
}

.tabs--active {
  background-color: rgba(var(--color-bg-additional), 1)
}

.tabs__pane {
  display: none
}

.tabs__pane--active {
  display: block
}

.schedule__unit--team .schedule__team-name {
  width: 210px
}

.schedule__unit--team .schedule__team-name--left {
  padding-right: 5px
}

.content-navigation {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
  background-color: #d1d7dc
}

.tournament-widget .content-navigation {
  margin: 0;
  background-color: rgba(255, 255, 255, .75)
}

.section-title {
  flex-grow: 1;
  font-size: 15px;
  line-height: 44px;
  padding-left: 25px;
  text-transform: uppercase
}

.news-list__list {
  padding: 0;
  margin: 0;
  list-style: none
}

.tabs--match .news-list__list {
  margin-top: 20px
}

.news-list__item {
  display: flex;
  width: 100%;
  height: 227px;
  margin-bottom: 23px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.news-list__picture {
  flex-shrink: 0;
  display: block;
  width: 340px;
  height: 227px;
  filter: brightness(80%)
}

.news-list__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 570px;
  padding: 20px 28px
}

.news-list__date {
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  color: rgba(var(--color-text-additional), 1);
  vertical-align: middle
}

.news-list__title-text-wrapper {
  max-height: 145px;
  margin-bottom: 7px;
  overflow: hidden
}

.news-list__title {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 25px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle
}

.news-list__text {
  margin: 8px 0;
  font-size: 16px;
  line-height: 19px
}

.tags {
  display: flex;
  flex-wrap: wrap;
  width: 514px;
  height: 23px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none
}

.news-item {
  margin: 0 0 20px 0
}

.news-item__content .tags {
  margin-top: 20px;
  width: auto;
  height: auto
}

.news-item__picture-content .tags {
  width: auto;
  margin-bottom: 15px
}

.tag__item {
  flex-shrink: 0;
  margin-right: 13px;
  border: 1px solid rgba(var(--color-bg-color1), 1)
}

.news-item__content .tag__item {
  margin-bottom: 8px
}

.tag__text {
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 11px;
  line-height: 21px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--color-bg-color1), 1)
}

.statistics .tabs__list {
  margin-left: 7px;
  margin-right: 7px
}

.statistics-selects {
  display: flex
}

.statistics-selects > div:last-child {
  margin-left: 20px
}

.table {
  background-color: #ffffff;
  border-collapse: collapse;
  width: 100%
}

.tournament-widget .table {
  background-color: rgba(255, 255, 255, .85)
}

.table__cell {
  font-size: 15px;
  line-height: 50px;
  text-align: left
}

.table__row:last-child {
  border-bottom: 0
}

.statistics {
  margin: 0 0 20px 0
}

.statistics .table__cell--number {
  text-align: center;
  width: 65px
}

.statistics .table__player-name {
  display: inline-block;
  width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.statistics .table__team-name {
  width: 230px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.statistics .table__cell--variable {
  width: 66px;
  text-align: center
}

.statistics .table__cell--variable:last-child {
  width: 80px;
  padding-right: 20px
}

.statistics .table__cell--variable-goals {
  width: 105px
}

.team-statistics .table--statistics {
  table-layout: fixed
}

.team-statistics .table__cell--season, .team-statistics .table__cell--tournament {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.team-statistics .table__cell--variable {
  width: 56px
}

.team-statistics .table__head--stats-total .table__cell {
  background-color: rgba(var(--color-bg-default), .7);
  color: rgba(var(--color-text-default), 1)
}

.table__head .table__cell {
  font-size: 13px;
  line-height: 38px;
  color: rgba(var(--color-text-additional), 1);
  text-transform: uppercase
}

.table__cell--player, .table__cell--team {
  text-align: left;
  font-size: 18px
}

.table__player, .table__team {
  display: flex;
  align-items: center
}

.table__player-picture, .table__team-logo {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(var(--color-text-base), .3)
}

.table-help {
  padding: 16px;
  background-color: rgba(var(--color-bg-color1), .1);
  color: rgba(var(--color-text-base), .7);
  font-size: 14px;
  line-height: 20px
}

.tournament-team {
  margin: 0 0 20px 0
}

.tournament-team .team-promo {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 165px;
  margin-bottom: 20px;
  background: linear-gradient(-75deg, rgba(var(--color-bg-default), .85) 27%, rgba(var(--color-bg-default), 1) 27%, rgba(var(--color-bg-default), 1) 100%);
  opacity: .99
}

.tournament-team .team-promo__logo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 165px;
  height: 165px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.tournament-team .team-promo__logo::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 95px;
  height: 165px;
  width: 93px;
  background-color: rgba(var(--color-bg-color2), .6);
  transform: skewX(-15deg)
}

.tournament-team .team-promo__team-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 550px;
  height: 165px;
  padding-top: 30px;
  padding-left: 59px;
  padding-bottom: 15px
}

.tournament-team .team-promo__team-name {
  display: block;
  padding: 0;
  margin: 0;
  width: 430px;
  height: 52px;
  overflow: hidden;
  font-size: 25px;
  line-height: 26px;
  color: #ffffff;
  text-transform: uppercase
}

.tournament-team .link--team-profile {
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #ffffff;
  opacity: .5;
  text-transform: none
}

.tournament-team .team-promo__players-number-text, .tournament-team .team-promo__team-manager-text, .tournament-team .team-promo__average-height-text {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff
}

.tournament-team .team-promo__players-number-text {
  text-indent: 10px
}

.tournament-team .team-promo__average-height-text {
  padding-bottom: 15px;
  padding-right: 5px
}

.tournament-team .team-promo__players-number, .tournament-team .team-promo__average-height {
  font-size: 19px;
  font-weight: 700
}

.tournament-team .team-promo__players-number {
  padding-right: 8px
}

.tournament-team .team-promo__average-height {
  padding-right: 5px
}

.tournament-team__radio-buttons {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px
}

.tournament-team__label {
  display: flex;
  align-items: center;
  margin-left: 40px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer
}

.form__radio {
  display: none
}

.form__radio-indicator {
  flex-shrink: 0;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 12px;
  background-color: #ffffff;
  border: 1px solid #cfcfcf
}

.form__radio:checked + .form__radio-indicator::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: rgba(var(--color-bg-color1), 1);
  border-radius: 50%;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px
}

.tournament-team .tabs__list {
  width: 420px;
  margin-left: 6px
}

.tournament-team .tabs__item--2 {
  border-right: 1px solid rgba(255, 255, 255, .5)
}

.tournament-team .tabs__pane {
  background-color: #ffffff
}

.table__cell {
  font-size: 15px;
  line-height: 50px;
  text-align: left
}

.table__cell--player {
  text-align: left;
  font-size: 18px
}

.table__player {
  display: flex;
  align-items: center
}

.tournament-team .table__player-name {
  padding: 0;
  margin: 0;
  max-width: 200px;
  line-height: 18px
}

.tournament-team .table__player-captain {
  color: rgba(var(--color-text-base), .3);
  padding-left: 5px;
  text-transform: uppercase
}

.table__player-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(var(--color-text-base), .3)
}

.tournament-team .table__cell--number {
  width: 40px;
  padding-left: 20px;
  text-align: center
}

.tournament-team .table__cell--amplua {
  width: 75px;
  text-align: center
}

.tournament-team .table__cell--player {
  width: 300px
}

.tournament-team .table__cell--birth-date {
  width: 130px
}

.tournament-team .table__cell--goals-penalties, .tournament-team .table__cell--passes, .tournament-team .table__cell--games-number, .tournament-team .table__cell--yellow-cards, .tournament-team .table__cell--red-cards {
  width: 70px;
  text-align: center;
  line-height: 54px
}

.tournament-team .table__cell--variable, .tournament-team .table__cell--variable-head {
  width: 70px;
  text-align: center
}

.tournament-team .table__cell--variable-head svg {
  width: 100%;
  display: block
}

.table__team-img, .table__player-img {
  width: 30px;
  height: 30px;
  border: 0
}

.mobile-playoff-text {
  display: none
}

.tabs--grids {
  margin-bottom: 20px
}

.grids .tabs__navigation {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #d1d7dc
}

.grids .tabs__navigation--title {
  width: 195px;
  height: 100%;
  background-color: rgba(var(--color-bg-default), 1)
}

.tournament-widget .grids .tabs__navigation--title {
  background-color: rgba(var(--color-bg-default), .65)
}

.grids .tabs__navigation--title div {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 15px;
  font-size: 18px;
  line-height: 44px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgba(var(--color-bg-color1), .54);
  color: rgba(var(--color-text-color1), 1)
}

.tournament-widget .grids .tabs__navigation--title div {
  background-color: transparent
}

.grids .tabs__list {
  padding: 0;
  margin: 0 5px 0 6px;
  list-style: none;
  display: flex;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase
}

.grids .tabs__item {
  padding: 0 20px;
  border: 0
}

.grids .tabs__text,
.grids .tabs__item:hover .tabs__text,
.tabs--schedule .tabs__text,
.tabs--schedule .tabs__item:hover .tabs__text {
  color: rgba(var(--color-text-base), 1);
}

.grids .tabs__content {
  position: relative;
  background-color: #ffffff
}

.grids .table__cell {
  font-size: 15px;
  line-height: 20px;
  height: 51px;
  text-align: center
}

.grids .table__head .table__cell {
  font-size: 13px;
  line-height: 38px;
  height: 38px
}

.grids .table__cell--color {
  padding: 0;
  width: 7px
}

.grids .table__cell--number {
  width: 60px
}

.grids .table__cell--team {
  width: 223px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left
}

.grids .table__team-name {
  display: block;
  width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.grids .table--increased td.table__cell {
  font-size: 20px
}

.grids .table__cell--score {
  border: 1px solid rgba(var(--color-text-base), .3)
}

.grids .table__cell--team-opponent-head {
  border: 0
}

.grids .table__cell--score-empty {
  background-color: rgba(var(--color-bg-color1), .4)
}

.grids .table__cell--score:last-child {
  border-right: 0
}

.table__cell-part--out:not(:last-child) {
  border-bottom: 1px solid #c5c5c5
}

.grids .table__row:last-child .table__cell {
  border-bottom: 0
}

.grids .table__row:hover {
  background-color: rgba(var(--color-bg-accent), .1)
}

.grids .table__row .table__cell--score:hover, .grids .table__row .table__cell--score:active {
  background-color: rgba(var(--color-bg-accent), 1)
}

.grids .table__row .table__cell--score .table__cell--score-link.star {
  position: relative
}

.grids .table__row .table__cell--score .table__cell--score-link.star:after {
  content: "*";
  position: absolute;
  top: -2px;
  right: -6px;
  color: rgba(var(--color-bg-accent), 1)
}

.grids .table__row .table__cell--score:hover .table__cell--score-link.star:after {
  color: #ffffff
}

.grids .table__row .table__cell--score:hover .table__cell--score-link, .grids .table__row .table__cell--score:active .table__cell--score-link {
  color: #ffffff
}

.grids .table__row .table__cell--score-empty:hover {
  background-color: rgba(var(--color-bg-color1), .4)
}

.table__cell--active, .table__cell--active .table__cell--score-link {
  color: rgba(var(--color-text-accent), 1);
  background-color: rgba(var(--color-bg-accent), 1)
}

.grids .table--table .table__cell--games-number, .grids .table--table .table__cell--wins, .grids .table--table .table__cell--draws, .grids .table--table .table__cell--losses , .grids .table--table .table__cell--goals-scored, .grids .table--table .table__cell--goals-missed, .grids .table--table .table__cell--goals-difference {
  width: 40px
}

.grids .table--table .table__cell--points {
  width: 80px;
  font-weight: 700
}

.grids .table--table .table__cell--points-head {
  font-weight: 400
}

.grids .table--table .table__cell--form-results {
  padding-left: 70px
}

.grids .table--table .table__cell--form-results-head {
  padding-left: 80px;
  text-align: left
}

.form-results-list {
  display: flex;
  padding: 0;
  margin: 0 5px;
  list-style: none;
  width: 180px;
  overflow: hidden
}

.form-results-item {
  width: 25px;
  text-align: center;
  transform: skewX(-15deg);
  margin-left: 5px;
  margin-right: 5px
}

.form-results-item--draw {
  background-color: #9a9a9a
}

.form-results-item--win {
  background-color: #85c36f
}

.form-results-item--loss {
  background-color: #ff4847
}

.form-results-link {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  transform: skewX(15deg)
}

.grids .table--form .table__cell--form-results-head {
  padding-left: 10px;
  text-align: left
}

.grids .table--form .form-results-list {
  width: 600px;
  overflow: hidden
}

.match-promo-unit {
  display: none
}

.match-promo-unit--active {
  display: flex
}

.match-promo-unit {
  width: 100%;
  height: 350px;
  margin-bottom: 20px;
  color: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column
}

.widget .match-promo-unit {
  margin: 0
}

.match-promo-unit--live {
  position: relative
}

.match-promo-unit--live::before {
  content: "Live";
  position: absolute;
  top: 18px;
  right: 21px;
  width: 65px;
  height: 35px;
  font-size: 21px;
  line-height: 35px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  background-color: #ea0000;
  border-radius: 2px;
  color: #ffffff
}

.match-promo-unit--shadow {
  box-shadow: 0 0 0 455px rgba(0, 0, 0, .6) inset
}

.match-promo-unit--white-bg {
  background-color: #ffffff
}

.match-promo-unit--black-font {
  color: #000000
}

.match-promo__date-time {
  padding: 0;
  margin: 0;
  font-size: 22px;
  line-height: 86px
}

.match-promo__match-status {
  color: floralwhite;
  font-size: 22px;
}

.match-promo__date-time--future {
  font-size: 32px;
  line-height: 86px
}

.match-promo__place-wrapper {
  display: flex;
  justify-content: center
}

.match-promo__place {
  position: relative;
  padding: 0 0 0 20px;
  margin: 0;
  line-height: 20px;
  color: #fff;
}

.match-promo__place::before {
  content: "\f041";
  position: absolute;
  margin-left: -20px;
  font-family: "FontAwesome";
  font-size: 17px;
  color: #d50028
}

.match-promo__viewers {
  padding: 0;
  margin: 0 0 0 30px;
  line-height: 20px
}

.match-promo__team-container {
  display: flex
}

.match-promo__team-logo {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: 25px;
  margin-right: 25px;
  background-color: #ffffff;
  border: 1px solid rgba(var(--color-text-base), .3)
}

.match-promo__score-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 42px
}

.match-promo__team-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100px;
  width: 240px
}

.match-promo__team-content--left {
  align-items: flex-start
}

.match-promo__team-content--right {
  align-items: flex-end
}

.match-promo__team-text {
  width: 100%;
  height: 58px
}

.match-promo__team-text--left {
  text-align: left;
  padding-right: 20px
}

.match-promo__team-text--right {
  text-align: right;
  padding-left: 20px
}

.match-promo__team-name {
  display: inline-block;
  height: 54px;
  overflow: hidden;
  font-size: 27px;
  line-height: 27px;
  color: inherit
}

.match-promo__team-city {
  padding: 0;
  margin: 0;
  font-size: 27px;
  line-height: 27px;
  color: inherit
}

.match .form-results-list--right {
  justify-content: flex-end
}

.match-promo__best-player {
  position: relative;
  margin-top: 14px
}

.match-promo__best-player--right {
  text-align: right;
  padding-right: 40px;
  padding-left: 20px
}

.match-promo__best-player--left {
  text-align: left;
  padding-left: 40px;
  padding-right: 20px
}

.match-promo__best-player-name {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 25px;
  color: inherit
}

.news-item__content-wrapper .widget-insert-match a {
  max-width: 100%;
  overflow: unset;
  white-space: unset;
  text-overflow: unset;
  line-height: unset;
  vertical-align: unset
}

.match-promo__best-player-text {
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 17px
}

.match-promo__big-star::before {
  content: "\f005";
  position: absolute;
  right: 0;
  top: 8px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #d50028;
  font-family: "FontAwesome";
  font-size: 18px;
  text-indent: -1px;
  line-height: 26px;
  text-align: center;
  color: #ffffff
}

.match-promo__best-player--left::before {
  left: 0
}

.match-promo__small-star::before {
  content: "\f005";
  position: absolute;
  right: 0;
  top: 13px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: transparent;
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 26px;
  text-indent: -1px;
  text-align: center;
  color: #d50028
}

.match-promo__score {
  width: 130px;
  flex-shrink: 0;
  color: inherit
}

.match-promo__score-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 35px;
  line-height: 70px;
  font-weight: 700
}

.match-promo__score-additional {
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
  color: inherit
}

.match-promo__tournament-wrapper {
  display: flex;
  justify-content: center;
  line-height: 30px;
  margin: auto 0 20px 0
}

.match-promo .form-results-list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 180px;
  overflow: hidden
}

.match-promo .form-results-item {
  width: 20px;
  transform: skewX(-15deg);
  margin-left: 3.5px;
  margin-right: 3.5px
}

.match-promo .form-results-item--draw {
  background-color: #9a9a9a
}

.match-promo .form-results-item--win {
  background-color: #85c36f
}

.match-promo .form-results-item--loss {
  background-color: #ff4847
}

.match-promo .form-results-link {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
  transform: skewX(15deg)
}

.match-promo__tournament {
  font-size: 16px;
  color: inherit;
  text-transform: uppercase
}

.match-promo__tour, .match-promo__round {
  padding: 0;
  margin-left: 15px;
  color: inherit
}

.match-history__top, .match-protocol__top, .match-broadcast__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  height: 110px;
  width: 100%;
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-events__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px;
  height: 110px;
  width: 100%
}

.match-history__top .match-history__team-logo, .match-protocol__top .match-protocol__team-logo, .match-broadcast__top .match-broadcast__team-logo, .match-events__top .match-events__team-logo {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 0
}

.match-history__top .match-history__team-logo--margin-right, .match-protocol__top .match-protocol__team-logo--margin-right, .match-broadcast__top .match-broadcast__team-logo--margin-right, .match-events__top .match-events__team-logo--margin-right {
  margin-right: 20px
}

.match-history__top .match-history__team-logo--margin-left, .match-protocol__top .match-protocol__team-logo--margin-left, .match-broadcast__top .match-broadcast__team-logo--margin-left, .match-events__top .match-events__team-logo--margin-left {
  margin-left: 20px
}

.match-history__top .match-history__team-name, .match-protocol__top .match-protocol__team-name, .match-broadcast__top .match-broadcast__team-name, .match-events__top .match-events__team-name {
  display: block;
  width: 370px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px
}

.match-history__top .match-history__team-name--left, .match-protocol__top .match-protocol__team-name--left, .match-broadcast__top .match-broadcast__team-name--left, .match-events__top .match-events__team-name--left {
  text-align: left
}

.match-history__top .match-history__team-name--right, .match-protocol__top .match-protocol__team-name--right, .match-broadcast__top .match-broadcast__team-name--right, .match-events__top .match-events__team-name--right {
  text-align: right
}

.match-history__title, .match-protocol__title, .match-broadcast__title, .match-events__title {
  flex-shrink: 0;
  width: 220px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}

.match-history__results {
  display: flex;
  align-items: center;
  height: 66px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: rgba(var(--color-bg-color1), .15)
}

.match-history__results-wrapper {
  display: flex;
  justify-content: space-between;
  width: 352px;
  font-size: 17px
}

.match-history__wins, .match-history__losses, .match-history__draws {
  display: flex;
  align-items: center
}

.match-history__results-text {
  margin: 0 3px
}

.match-history__results-number {
  margin-right: 5px
}

.match-history__results-wrapper--left .form-results-item {
  flex-shrink: 0;
  margin: 0 5px 0 0
}

.match-history__results-wrapper--right .form-results-item {
  flex-shrink: 0;
  margin: 0 0 0 5px
}

.match-history__matches-all {
  width: 160px;
  text-align: center;
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase
}

.match-history__matches-list {
  padding: 0;
  margin: 0 0 25px 0;
  list-style: none;
  background-color: #ffffff
}

.match-history__matches-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 25px;
  min-height: 78px;
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.match-history__matches-item:last-child {
  border-bottom: 0
}

.match-history__date-time-place {
  display: flex;
  flex-direction: column;
  width: 160px;
  padding-right: 10px
}

.match-history__date-time {
  font-size: 19px;
  line-height: 19px;
  margin-bottom: 5px;
  text-transform: uppercase
}

.match-history__place {
  position: relative;
  padding: 0 0 0 18px;
  margin: 0;
  font-size: 15px;
  line-height: 15px;
  color: #3f3f3f
}

.match-history__place::before {
  content: "\f041";
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  font-size: 17px;
  color: #d50028
}

.match-history__team-name {
  flex-grow: 1;
  font-size: 18px;
  line-height: 70px
}

.match-history__score {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 40px;
  height: 42px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
  text-align: center
}

.match-history__score-additional {
  font-size: 12px;
  line-height: 21px;
  color: rgba(var(--color-text-additional), 1);
  font-weight: 400;
  text-transform: uppercase
}

.match-history__team-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  width: 42px;
  height: 42px;
  background-color: rgba(var(--color-bg-additional), 1);
  border: 1px solid rgba(var(--color-text-base), .3)
}

.match-history__team-name--right {
  text-align: right
}

.match-history__team-name--left {
  text-align: left
}

.match-history__tournament-wrapper {
  display: flex;
  flex-direction: column;
  width: 160px;
  padding-left: 10px;
  text-align: right
}

.match-history__tournament {
  font-size: 19px;
  line-height: 19px;
  margin-bottom: 5px;
  text-transform: uppercase
}

.match-history__round-group {
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 15px;
  color: #3f3f3f
}

.tabs--match {
  margin: 0 0 20px 0
}

.match-protocol {
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-protocol__composition {
  display: flex;
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-protocol__team-name {
  display: none
}

.match-protocol__team {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 50%;
  background-color: rgba(var(--color-bg-additional), 1);
  border-top: 1px solid rgba(var(--color-text-base), .3);
}

.match-protocol__member {
  position: relative;
  display: flex;
  height: 52px;
  font-size: 15px;
  line-height: 52px;
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.match-protocol__member--left {
  padding-left: 25px
}

.match-protocol__member--right {
  padding-right: 25px;
  padding-left: 10px;
  justify-content: flex-end
}

.match-protocol__member-img {
  display: block;
  margin: 5px 0 0px 1px;
}
.match-protocol__team--left {
  text-align: left;
  border-right: 1px solid rgba(var(--color-text-base), .3)
}

.match-protocol__team--right {
  text-align: right
}

.match-protocol__member-number {
  flex-shrink: 0;
  width: 40px;
  text-align: center;

}

.match-protocol__member-amplua {
  flex-shrink: 0;
  width: 40px;
  text-align: center;
}

.match-protocol__member-name {
  padding: 0 10px;
  margin: 0;
  flex-grow: 1;
  max-width: 330px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px
}

.match-protocol__member-captain {
  color: rgba(var(--color-text-additional), 1);
  text-transform: uppercase
}

.match-protocol__member-captain-wrapper {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.match-protocol__member--left .match-protocol__member-captain {
  padding-right: 20px
}

.match-protocol__member--right .match-protocol__member-captain {
  padding-left: 20px
}

.match-protocol__preview, .match-protocol__referees, .match-protocol__staff {
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  font-size: 18px;
  text-align: center;
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-protocol__preview-title, .match-protocol__referees-title, .match-protocol__staff-title {
  padding: 0;
  margin: 0;
  line-height: 45px;
  font-weight: 700;
  text-transform: uppercase
}

.match-protocol__referee {
  display: flex;
  line-height: 30px;
  padding: 0 15px
}

.match-protocol__referee-text {
  padding: 0;
  margin: 0;
  width: 50%;
  text-align: right
}

.match-protocol__referee-first-name {
  padding-left: 15px
}

.match-protocol__referee-last-name {
  padding-left: 5px;
  text-transform: uppercase
}

.match-protocol__referees-rating {
  position: relative;
  padding-left: 25px;
  margin-top: 18px;
  font-size: 15px;
  line-height: 30px;
  color: rgba(var(--color-text-additional), 1)
}

.match-protocol__referees-rating::before {
  content: "\f087";
  position: absolute;
  margin-left: -22px;
  font-family: "FontAwesome";
  font-size: 15px;
  color: #878787
}

.match-protocol__referees-points {
  font-weight: 700
}

.match-protocol__preview-text {
  padding: 5px 25px;
  text-align: left;
  font-size: 16px
}

.button-export {
  padding: 0 20px;
  margin: 30px auto 0 auto;
}

.match-broadcast__composition {
  display: flex;
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-broadcast__events {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-broadcast__event {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 52px;
  font-size: 15px;
  line-height: 18px;
  border-bottom: 1px solid rgba(var(--color-text-base), .3);
  padding: 10px 25px
}

.match-broadcast__event:last-child {
  border-bottom: 0
}

.match-broadcast__event-min {
  flex-shrink: 0;
  width: auto;
  padding-right: 10px
}

.match-broadcast__event-ico {
  flex-shrink: 0;
  width: 38px;
  padding-top: 5px
}

.match-broadcast__event-comment {
  width: 100%
}

.match-broadcast__event-comment-text {
  width: 100%
}

.match-broadcast__checkbox {
  position: relative;
  right: 0;
  padding-right: 25px;
  font-size: 15px;
  line-height: 41px;
  vertical-align: middle;
  left: 25px
}

.match-broadcast__checkbox-input {
  display: none
}

.match-broadcast__checkbox .checkbox-indicator {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: -25px;
  width: 20px;
  height: 20px;
  border: 1px solid #999999
}

.match-broadcast__checkbox-input:checked + .checkbox-indicator::before, .match-broadcast__checkbox-input:checked + .checkbox-indicator::after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: rgba(var(--color-bg-accent), 1)
}

.match-broadcast__checkbox-input:checked + .checkbox-indicator::after {
  height: 11px;
  transform: rotate(36deg);
  top: 4px;
  left: 10px
}

.match-broadcast__checkbox-input:checked + .checkbox-indicator::before {
  height: 8px;
  transform: rotate(-45deg);
  top: 7px;
  left: 5px
}

.match-broadcast__checkbox-input:disabled + .checkbox-indicator {
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8
}

.match-broadcast__checkbox-input:checked:disabled + .checkbox-indicator {
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8
}

.match-broadcast__checkbox-input:checked:disabled + .checkbox-indicator::after {
  box-shadow: 0 0 0 15px rgba(232, 232, 232, .5) inset
}

.match-broadcast__checkbox--disabled {
  color: #999999
}

.match-broadcast__event-ico .event-item--red-card, .match-broadcast__event-ico .event-item--yellow-card {
  position: relative;
  top: 13px;
  left: 6px
}

.event-list {
  display: flex;
  align-items: center;
  height: 52px;
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute
}

.match-protocol__member .event-list {
  position: static
}

.event-list--right {
  right: 10px
}

.event-list--left {
  left: 20px
}

.event-item {
  margin: 12px 10px 0 0
}

.event-item--number {
  margin: 0 10px 0 0;
  line-height: 50px
}

.match-timeline {
  position: relative
}

.match-timeline .match-timeline-inner {
  padding: 92px 0
}

.match-timeline .match-timeline-inner-period-line {
  position: relative;
  height: 17px;
  background-color: rgba(var(--color-bg-default), 1);
  float: left;
  margin-right: 3px
}

.match-timeline .match-timeline-inner-period-line .period-time {
  position: absolute;
  top: 0;
  right: 4px;
  color: #ffffff;
  font-size: 13px;
  line-height: 17px
}

.match-timeline .timeline-events {
  position: relative;
  width: 100%
}

.match-timeline .event {
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 30px
}

.match-timeline .event .event-cont {
  position: absolute;
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}

.match-timeline .event-cont .event-cont-sub {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

.match-timeline .event.team1 .event-cont {
  top: -5px
}

.match-timeline .event.team2 .event-cont {
  top: 0
}

.event-cont-goal {
  position: relative;
  left: 1px;
}

.match-timeline .timeline-events .event.team1 {
  top: -34px
}

.match-timeline .timeline-events .event.team1.pos-1 {
  top: -74px
}

.match-timeline .timeline-events .event.team1.pos-2 {
  top: -114px
}

.match-timeline .timeline-events .event.team2 {
  top: 27px
}

.match-timeline .timeline-events .event.team2.pos-1 {
  top: 67px
}

.match-timeline .timeline-events .event.team2.pos-2 {
  top: 107px
}

.match-timeline .timeline-events .event.team2 .line, .match-timeline .timeline-events .event.team1 .line {
  width: 2px;
  background-color: rgba(var(--color-bg-accent), 1);
  height: 27px;
  position: absolute;
  left: 50%;
  opacity: .5
}

.match-timeline .timeline-events .event.pos .line {
  height: 10px
}

.match-timeline .timeline-events .event.team1 .line {
  top: 24px
}

.match-timeline .timeline-events .event.team1.pos.pos-1 .line {
  top: 24px
}

.match-timeline .timeline-events .event.team1.pos.pos-2 .line {
  top: 24px
}

.match-timeline .timeline-events .event.team2 .line {
  top: -27px
}

.match-timeline .timeline-events .event.team2.pos.pos-1 .line {
  top: -11px
}

.match-timeline .timeline-events .event.team2.pos.pos-2 .line {
  top: -11px
}

.match-timeline .event.team2:hover .line, .match-timeline .event.team1:hover .line {
  opacity: 1
}

.match-timeline .event-popover {
  position: absolute;
  padding: 8px;
  border: 1px solid rgba(var(--color-text-base), .3);
  background-color: rgba(var(--color-bg-additional), 1);
  z-index: 9999
}

.match-timeline .event-popover.team2:after, .match-timeline .event-popover.team1:after {
  content: '';
  position: absolute;
  left: calc(50% - 3px);
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  z-index: 1000019;
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-timeline .event-popover.team1:after {
  bottom: -5px;
  border-right: 1px solid rgba(var(--color-text-base), .3);
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.match-timeline .event-popover.team2:after {
  top: -4px;
  border-left: 1px solid rgba(var(--color-text-base), .3);
  border-top: 1px solid rgba(var(--color-text-base), .3);
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-timeline .event-popover td {
  font-size: 15px;
  font-weight: 500;
  color: rgba(var(--color-text-base), .8);
  display: inline-block;
  line-height: 14px
}

.match-timeline .event-popover .min {
  padding-right: 5px;
  text-align: left
}

.match-timeline .event-popover .note {
  font-size: 12px;
  color: rgba(var(--color-text-additional), 1)
}

.match-events {
  background-color: rgba(var(--color-bg-additional), 1);
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 40px;
}

.event-divisions .match-events__top {
  margin-bottom: 0
}

.divisions-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.divisions-item {
  text-align: center;
  padding-bottom: 15px
}

.divisions-item__title {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 52px;
  text-transform: uppercase
}

.horizontal-division {
  display: flex;
  justify-content: space-between
}

.horizontal-division__part {
  position: relative;
  height: 27px
}

.horizontal-division__part--left {
  background-color: rgba(var(--color-bg-color1), .7);
  margin-right: 8px;
  text-align: right
}

.horizontal-division__part--left::before {
  content: "";
  position: absolute;
  right: -8px;
  top: 0;
  border: 8px solid transparent;
  border-top: 27px solid rgba(var(--color-bg-color1), .7);
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent
}

.horizontal-division__part--right {
  margin-left: 8px;
  text-align: left;
  background-color: rgba(var(--color-bg-accent), .6)
}

.horizontal-division__part--right::before {
  content: "";
  position: absolute;
  left: -8px;
  border: 27px solid transparent;
  border-right: 8px solid rgba(var(--color-bg-accent), .6);
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent
}

.horizontal-division__part--zero {
  width: 25px
}

.horizontal-division__part-number {
  font-size: 18px;
  line-height: 27px;
  padding: 0 10px
}

.horizontal-division__part--left .horizontal-division__part-number {
  color: rgba(var(--color-text-color1), 1)
}

.horizontal-division__part--right .horizontal-division__part-number {
  color: rgba(var(--color-text-accent), 1)
}

.horizontal-division--time .horizontal-division__part {
  position: relative;
  width: 49.3%;
  height: 9px
}

.horizontal-division__part-only::before {
  display: none
}

.horizontal-division__part-only {
  margin: 0
}

.horizontal-division--time .event-item--goal {
  position: absolute;
  transform: skewX(15deg)
}

.horizontal-division--time .event-item--goal::before {
  content: "\f1e3";
  display: table-cell;
  font-family: "FontAwesome";
  font-size: 15px
}

.event-item--goal-up {
  top: -25px
}

.event-item--goal-down {
  bottom: 19px
}

.event-item--goal-up::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -.5px;
  height: 19px;
  width: 2px;
  background-color: #c3c3c3
}

.event-item--goal-down::after {
  content: "";
  position: absolute;
  bottom: 17px;
  left: 50%;
  margin-left: -.5px;
  height: 17px;
  width: 2px;
  background-color: #c3c3c3
}

.vertical-timeline__time {
  position: relative
}

.vertical-timeline__block {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px
}

.vertical-timeline__event-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.vertical-timeline__event-item {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.vertical-timeline__event-item:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #dddddd;
  top: 0;
  left: 50%;
}

.vertical-timeline__block .vertical-timeline__event-item {
  padding: 10px 0
}

.vertical-timeline__event-part {
  flex-shrink: 0;
  display: flex;
  width: 50%;
  height: 50px;
}

.vertical-timeline__event-situation {
  width: 150px;
  color: brown;
  line-height: 18px;
  margin: 0 10px;
  flex-shrink: 0;
}

.vertical-timeline__event-part--right .vertical-timeline__event-situation {
  order: -1;
}

.vertical-timeline__title {
  padding: 0;
  margin: 10px 0;
  font-size: 13px;
  line-height: 13px;
  color: rgba(var(--color-text-additional), 1);
  text-transform: uppercase;
  text-align: center;
}

.vertical-timeline__score-container {
  width: 125px
}

.vertical-timeline__score-container .vertical-timeline__score-wrapper {
  margin: 0 auto
}

.vertical-timeline__score-wrapper {
  width: 60px;
  height: 35px;
  background-color: rgba(var(--color-bg-color1), .7);
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  transform: skewX(-15deg)
}

.vertical-timeline__score {
  font-size: 19px;
  line-height: 35px;
  color: rgba(var(--color-text-color1), 1);
  transform: skewX(15deg)
}

.vertical-timeline__score-icon {
  width: 125px;
  display: flex;
  justify-content: center
}

.vertical-timeline__event-link,
.vertical-timeline__event-time {
  font-size: 18px;
  padding: 0 10px
}

.vertical-timeline__event-minute {
  flex-shrink: 0;
  position: relative;
  width: 125px;
  font-size: 34px;
  line-height: 35px;
  color: rgba(var(--color-bg-color1), 1);
  font-weight: 700;
  text-align: center
}

.vertical-timeline__event-minute::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: 22px;
  left: 50%;
  margin-left: -3px;
  width: 1px;
  height: 40px;
  background-color: rgba(var(--color-bg-default), 1)
}

.vertical-timeline__event-minute::before {
  content: "";
  position: absolute;
  bottom: 50%;
  margin-bottom: 22px;
  left: 50%;
  margin-left: -3px;
  width: 1px;
  height: 40px;
  background-color: rgba(var(--color-bg-default), 1)
}

.vertical-timeline__time--first .vertical-timeline__event-item:first-child .vertical-timeline__event-minute::before {
  display: none
}

.vertical-timeline__time--last .vertical-timeline__event-item:last-child .vertical-timeline__event-minute::after {
  display: none
}

.vertical-timeline__event-info {
  flex-grow: 1;
  align-items: center;
  display: flex
}

.vertical-timeline__event-wrapper {
  display: flex;
  align-items: center;
}

.vertical-timeline__event-info--left {
  justify-content: flex-end;
  text-align: right;
}

.vertical-timeline__event-info--left .vertical-timeline__event-wrapper {
  padding: 0;
}

.vertical-timeline__event-info--left .event-item {
  padding-right: 15px
}

.vertical-timeline__event-info--right {
  text-align: left
}

.vertical-timeline__event-info--right .event-item {
  padding-left: 15px;
  margin-left: 15px;
  margin-right: 5px;
  order: -2;
}

.vertical-timeline__author {
  font-weight: 700;
}

.vertical-timeline__event-author {
  padding: 0;
  font-size: 18px;
}

.vertical-timeline__event-assist,
.vertical-timeline__event-comment {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #3f3f3f
}

.vertical-timeline__author,
.vertical-timeline__assist {
  display: flex;
  align-items: center;
}

.vertical-timeline__event-part--left .vertical-timeline__author,
.vertical-timeline__event-part--left .vertical-timeline__assist {
  justify-content: flex-end;
  text-align: right;
}

.vertical-timeline__event-author,
.vertical-timeline__event-author-number,
.vertical-timeline__event-author-position,
.vertical-timeline__event-assist,
.vertical-timeline__event-assist-number,
.vertical-timeline__event-assist-position {
  margin: 0 0 0 5px;
}

.vertical-timeline__event-part--right .vertical-timeline__event-author,
.vertical-timeline__event-part--right .vertical-timeline__event-author-number,
.vertical-timeline__event-part--right .vertical-timeline__event-author-position,
.vertical-timeline__event-part--right .vertical-timeline__event-assist,
.vertical-timeline__event-part--right .vertical-timeline__event-assist-number,
.vertical-timeline__event-part--right .vertical-timeline__event-assist-position {
  margin: 0 5px 0 0;
}

.match-events .event-item {
  margin: 0
}

.vertical-timeline .event-item--goal::before {
  content: "\f1e3";
  display: table-cell;
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 35px
}

.vertical-timeline .event-item--yellow-card {
  display: table-cell;
  width: 18px;
  height: 24px;
  border-radius: 1px;
  background-color: #ff9e47
}

.vertical-timeline__event-info--left .event-item--yellow-card {
  margin-left: 5px;
  margin-right: 15px
}

.vertical-timeline__event-info--right .event-item--red-card {
  margin-left: 15px;
  margin-right: 5px
}

.vertical-timeline__event-info--right .event-item--yellow-card {
  margin-left: 15px;
  margin-right: 5px
}

.vertical-timeline .event-item--red-card {
  display: table-cell;
  width: 18px;
  height: 24px;
  border-radius: 1px;
  background-color: #ff4847
}

.timeline-goals-cont {
  position: relative;
  margin-top: -20px;
  padding: 10px 0
}

.timeline-goals {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  z-index: 2
}

.timeline-goals__item {
  width: 512px;
  font-size: 20px;
  line-height: 32px;
  vertical-align: middle
}

.timeline-goals__item--team1 {
  text-align: right
}

.timeline-goals__item--team2 {
  text-align: left
}

.timeline-goals__item-time {
  color: rgba(var(--color-bg-default), 1)
}

.timeline-goals__item--team1 .timeline-goals__item-time {
  padding-right: 8px
}

.timeline-goals__item--team2 .timeline-goals__item-time {
  padding-left: 8px
}

.timeline-goals__item-player {
  color: #000000
}

.timeline-goals__icon {
  position: relative;
  width: 66px;
  text-align: center;
  vertical-align: bottom
}

.timeline-goals__icon--cont {
  position: relative
}

.timeline-goals__icon--cont:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  width: 1px;
  height: 8px;
  background-color: #999999
}

.timeline-goals__icon--cont:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 1px;
  height: 8px;
  background-color: #999999
}

.page-title {
  position: relative;
  z-index: 4;
  background-color: rgba(var(--color-bg-additional), 1)
}

.page-title__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 108px;
  width: 1216px;
  margin: 0 auto
}

.page-title__navigation {
  display: flex
}

.page-title__text {
  margin: 0;
  padding: 0;
  font-size: 31px;
  line-height: 38px;
  font-weight: 700;
  text-transform: uppercase
}

.news-item__picture {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 42px;
  height: 610px;
  background-size: cover
}

.news-item__picture-content {
  position: relative;
  width: 832px;
  min-height: 152px;
  background-color: rgba(0, 0, 0, .45)
}

.news-item__date {
  position: absolute;
  left: 5px;
  background-color: rgba(var(--color-bg-accent), 1);
  height: 26px;
  transform: skewX(-15deg)
}

.news-item__picture-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 26px;
  background-color: rgba(var(--color-bg-accent), 1)
}

.news-item__date-p {
  margin: 0;
  padding: 0 15px 0 20px;
  font-size: 15px;
  color: rgba(var(--color-text-accent), 1);
  line-height: 26px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  transform: skewX(15deg)
}

.news-item__title-p {
  margin: 0;
  padding: 45px 31px 20px;
  font-size: 31px;
  color: #ffffff;
  line-height: 33px;
  font-weight: 400;
  text-align: left;
  vertical-align: middle
}

.news-item__content .news-item__date-p, .news-item__content .news-item__title-p {
  display: none
}

.tags--news-item-list {
  padding-right: 31px;
  padding-left: 31px
}

.tags--news-item-list .tag__item {
  border: 1px solid #ffffff
}

.tags--news-item-list .tag__text {
  color: #ffffff
}

.news-item__content {
  padding: 35px 40px 45px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.news-item__content-wrapper {
  overflow: hidden
}

.news-item__content-wrapper a {
  display: inline-block;
  line-height: 1.2em;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom
}

.news-item__content-wrapper .widget-insert-match {
  zoom: .9
}

.news-item__text .text-center {
  text-align: center
}

.news-item__text .text-left {
  text-align: left
}

.news-item__text .text-right {
  text-align: right
}

.news-item__text .text-justify {
  text-align: justify
}

.news-item__text .widget-title {
  display: none
}

.news-item__text p {
  margin-bottom: 16px
}

.news-item .match-promo p {
  margin-bottom: 0
}

.news-item__text ul {
  padding-left: 18px
}

.news-item__text table {
  border-collapse: collapse;
  max-width: 100%;
  width: 100%;
  empty-cells: show
}

.news-item__text table caption {
  text-transform: uppercase;
  padding: 0;
  color: rgba(0, 0, 0, .5);
  font-size: 11px
}

.news-item__text table td, .news-item__text table th {
  border: 1px solid #eeeeee;
  padding: 16px 16px 15px
}

.news-item__text table tfoot td, .news-item__text table tfoot th {
  color: rgba(0, 0, 0, .5)
}

.news-item__text-p {
  padding: 0;
  margin: 0 0 25px
}

.news-item__author {
  padding: 0;
  margin: 45px 0 60px
}

.news-item__author-name {
  font-weight: 700
}

.sidebar__news-title {
  padding: 0 17px;
  margin: 0;
  font-size: 18px;
  color: rgba(var(--color-text-default), 1);
  line-height: 44px;
  font-weight: 700;
  background-color: rgba(var(--color-bg-default), 1)
}

.sidebar__news-list {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: rgba(var(--color-bg-additional), 1)
}

.sidebar__news-item {
  font-size: 14px;
  line-height: 15px;
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.sidebar__news-item:last-child {
  border-bottom: none
}

.sidebar__news-item-text {
  display: block;
  padding: 13px 17px
}

.news-matches-slider {
  position: relative;
  margin: 0 0 20px 0
}

.news-matches-slider ul {
  margin: 0;
  padding: 0
}

.news-matches-slider .arrow {
  top: 165px;
  padding: 0;
  margin: 0 20px
}

.regions {
  width: 100%;
  background-color: rgba(var(--color-bg-default), 1);
  z-index: 2
}

.regions-container {
  background-color: rgba(var(--color-bg-color1), .34)
}

.regions-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  width: 1216px;
  margin: 0 auto
}

.tabs--regions .tabs__item {
  padding: 0 45px
}

.tabs--regions .tabs__navigation {
  background-color: transparent
}

.tabs--regions .tabs--active, .tabs--regions .tabs__item:hover {
  background-color: rgba(var(--color-bg-accent), .8)
}

.tabs--regions .tabs--active .tabs__text {
  color: rgba(var(--color-text-default), 1)
}

.tabs--participants {
  width: auto
}

.tabs--participants .tabs__text {
  padding: 0 27px
}

.tabs--participants .tabs__navigation {
  color: transparent
}

.tabs--participants .tabs__item:active, .tabs--participants .tabs__item:hover {
  background-color: rgba(var(--color-bg-accent), .7)
}

.tabs--participants .tabs__item:active .tabs__text, .tabs--participants .tabs__item:hover .tabs__text {
  color: rgba(var(--color-text-accent), 1)
}

.tabs--participants .tabs--active {
  background-color: rgba(var(--color-bg-accent), .7)
}

.tabs--participants .tabs--active .tabs__text {
  color: rgba(var(--color-text-accent), 1)
}

.select-item--season {
  margin-left: 50px
}

.table {
  background-color: rgba(var(--color-bg-additional), 1);
  border-collapse: collapse;
  width: 100%;
  position: relative;
  z-index: 1
}

.table__cell {
  font-size: 15px;
  line-height: 50px;
  text-align: left
}

.table__row, .table__head {
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.table__row:last-child {
  border-bottom: 0
}

.participants .table__cell {
  width: 80px;
  text-align: center
}

.participants .table__cell--number {
  text-align: center;
  width: 67px
}

.participants .table__cell--player {
  max-width: 420px;
  text-align: left
}

.participants .table__player-name {
  display: block;
  width: 373px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.participants .table__cell--average:last-child {
  width: 89px;
  padding-right: 50px
}

.participants .table__cell--average:last-child::before {
  right: 40px
}

.participants-search {
  display: flex;
  padding: 0 0 20px 0
}

.participants-search .form__input {
  background-color: #ffffff;
  border: 0
}

.participants-search .form__input:hover {
  border: 0
}

.button--participants {
  display: inline-block;
  width: auto;
  padding: 0 25px;
  margin-left: 20px
}

.table__head .table__cell {
  position: relative;
  font-size: 13px;
  line-height: 38px;
  color: rgba(var(--color-text-additional), 1);
  font-weight: 400;
  background-color: rgba(var(--color-bg-additional), 1);
  text-transform: uppercase
}

.tournament-widget .table__head .table__cell {
  background-color: rgba(255, 255, 255, .05)
}

.sidebar__table-cell--head {
  position: relative
}

.sorting-icon {
  cursor: pointer;
  position: relative
}

.sorting-icon:before {
  content: "\f0dc";
  font-family: 'FontAwesome';
  position: absolute;
  right: -18px;
  top: 50%;
  margin-top: -19px;
  font-size: 13px;
  color: rgba(var(--color-text-base), .2)
}

.tournament-team .sorting-icon::before {
  right: -28px;
  margin-top: -28px
}

.table__head .headerSortDown .sorting-icon::before {
  content: "\f0dd"
}

.table__head .headerSortUp .sorting-icon::before {
  content: "\f0de"
}

.tournament-team .table--team th:last-child, .tournament-team .table--team td:last-child {
  padding-right: 8px
}

.table__cell--player {
  text-align: left;
  font-size: 18px
}

.table__player {
  display: flex;
  align-items: center
}

.table__player-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(var(--color-text-base), .3)
}

.player-promo, .staff-promo {
  display: flex;
  position: relative;
  height: 320px;
  width: 100%;
  margin-bottom: 32px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.player-promo__picture, .staff-promo__picture {
  width: 320px;
  height: 320px
}

.player-promo__content, .staff-promo__content {
  display: flex;
  flex-direction: column;
  padding: 0 58px;
  font-size: 20px;
  flex-grow: 1
}

.player-promo__item, .staff-promo__item {
  padding: 0;
  margin: 0
}

.player-promo__name, .staff-promo__name {
  font-size: 32px;
  line-height: 60px;
  font-weight: 700;
  padding: 0;
  margin: 15px 0 0 0
}

.player-promo__unit, .staff-promo__unit {
  display: inline-block;
  font-weight: 700;
  line-height: 30px;
  width: 148px
}

.player-promo__value, .staff-promo__value {
  padding-left: 15px;
  line-height: 30px
}

.player-promo__statistics {
  padding: 0;
  margin: auto 0 17px 0
}

.player-promo__statistics-text {
  font-size: 19px;
  line-height: 25px
}

.player-promo__statistics-values {
  line-height: 25px;
  color: rgba(var(--color-bg-default), 1);
  font-weight: 700;
  padding-left: 15px
}

.player .content-navigation {
  margin-bottom: 0
}

.player .table--player {
  margin-bottom: 20px
}

.player .table__cell {
  font-size: 15px;
  line-height: 15px;
  height: 73px;
  text-align: left
}

.player .table__row, .player .table__head, .player .table__head-total, .player .table__team-total {
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.table__row:last-child {
  border-bottom: 0
}

.player .table__head .table__cell {
  font-size: 13px;
  line-height: 45px;
  height: 45px;
  width: 80px;
  color: rgba(var(--color-text-additional), 1);
  text-transform: uppercase;
  text-align: center
}

.player .table__head-total {
  background-color: rgba(var(--color-bg-default), .6)
}

.player .table__head-total .table__cell {
  font-size: 18px;
  line-height: 45px;
  height: 45px;
  width: 80px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center
}

.player .table__team-total {
  background-color: rgba(var(--color-bg-default), .4)
}

.player .table__team-total .table__cell {
  font-weight: 700;
  text-align: center
}

.player .table__cell--team {
  padding-left: 30px;
  padding-right: 30px
}

.player .table__team-name {
  font-size: 18px;
  font-weight: 400
}

.player .table__team-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(var(--color-text-base), .3)
}

.player .table__cell--variable {
  width: 80px;
  text-align: center
}

.player .table__cell--tournament, .player .table__cell--match {
  padding-left: 30px;
  padding-right: 30px
}

.player .table__cell--match {
  width: 596px
}

.player .table__cell--tournament {
  width: 250px;
  border-right: 1px solid rgba(var(--color-text-base), .3)
}

.player .player__tournament {
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase
}

.player .player__round-group {
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  color: rgba(var(--color-text-additional), 1)
}

.player .player__match-results {
  display: flex;
  font-size: 18px;
  line-height: 25px
}

.player .player__match-time-date {
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: rgba(var(--color-text-additional), 1);
  text-transform: uppercase
}

.player .player__match-score {
  flex-shrink: 0;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  font-weight: 700
}

.player .player__match-team {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.player .table__head .mobile-version {
  display: none
}

.table--player-transfer {
  border-collapse: collapse;
  width: 100%;
  background-color: rgba(var(--color-bg-additional), 1)
}

.table--player-transfer .table__title {
  background-color: #d1d7dc;
  text-align: left;
  font-size: 15px;
  line-height: 44px;
  padding-left: 25px;
  text-transform: uppercase
}

.player .table--player-transfer .table__cell--head {
  font-size: 18px;
  font-weight: 400;
  line-height: 45px;
  height: 45px;
  background-color: rgba(var(--color-bg-default), .6);
  color: rgba(var(--color-text-default), 1)
}

.player .table--player-transfer .table__cell--number-head {
  text-align: center
}

.table--player-transfer .table__cell {
  font-size: 18px
}

.player .table--player-transfer .table__cell--number {
  width: 100px;
  text-align: center
}

.table--player-transfer .table__cell--out {
  width: 375px
}

.table--player-transfer .table__cell--arrow {
  padding-left: 20px;
  width: 200px;
  text-align: center
}

.table--player-transfer .table__cell--arrow::before {
  content: "\f178";
  font-family: "FontAwesome";
  font-size: 45px;
  line-height: 45px;
  color: rgba(var(--color-bg-accent), 1)
}

.table--player-transfer .table__cell--arrow-head::before {
  display: none
}

.table--player-transfer .table__cell--in {
  width: 375px
}

.table--player-transfer .table__cell--date {
  width: 166px;
  padding-left: 20px;
  padding-right: 20px
}

.place {
  display: flex;
  align-items: center
}

.place-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: 1px solid rgba(var(--color-text-base), .3)
}

.place-name {
  display: block;
  width: 320px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 45px
}

.participants-teams {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none
}

.participants-teams__item {
  flex-shrink: 0;
  height: 354px;
  width: 385px;
  margin-right: 30px;
  margin-bottom: 25px;
  background-color: rgba(var(--color-bg-additional), .6)
}

.participants-teams__item:nth-child(3n) {
  margin-right: 0
}

.participants-teams__picture {
  height: 257px;
  width: 385px
}

.participants-teams__picture img {
  width: 100%;
  height: 100%
}

.participants-teams__content {
  display: flex;
  height: 97px
}

.participants-teams__logo {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 97px;
  height: 97px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.participants-teams__name {
  display: flex;
  align-items: center;
  padding: 0 15px 0 35px;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px
}

.participants-teams__city {
  padding-left: 5px
}

.team-promo {
  display: flex;
  width: 100%;
  height: 173px;
  margin-bottom: 20px;
  background: linear-gradient(-75deg, #ffffff 27%, #f3f3f3 27%, #f3f3f3 100%)
}

.team-promo__logo {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 173px;
  height: 173px;
  background-color: #ffffff
}

.team-promo__logo::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 95px;
  height: 173px;
  width: 103px;
  background-color: rgba(191, 191, 191, .5);
  transform: skewX(-15deg)
}

.team-promo__team-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 550px;
  height: 173px;
  padding-top: 30px;
  padding-left: 43px;
  padding-bottom: 30px
}

.team-promo__team-name {
  display: block;
  width: 400px;
  height: 52px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  font-size: 25px;
  line-height: 26px;
  font-weight: 700;
  text-transform: uppercase
}

.link--team-social {
  display: block;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 25px;
  color: rgba(var(--color-bg-color1), 1);
  text-transform: none
}

.link--team-profile {
  display: block;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 25px;
  color: rgba(var(--color-bg-color1), 1);
  text-transform: none
}

.team-promo__results {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 27px
}

.team-promo__results-form-wrapper {
  display: none
}

.team-promo__results-form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 200px;
  text-align: center
}

.team-promo .form-results-list {
  margin: 0 0 0 20px;
  justify-content: flex-end
}

.team-promo__results-form-text {
  font-size: 15px;
  line-height: 23px;
  color: rgba(var(--color-text-additional), 1);
  margin: 0 0 10px 0
}

.team-promo__statistics-values {
  font-size: 19px;
  line-height: 25px;
  font-weight: 700
}

.team__select-item-options li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.team__select-item {
  position: relative;
  padding-right: 20px;
  padding-left: 15px
}

.team__select-item-default {
  height: 100%;
  font-size: 15px;
  line-height: 15px;
  vertical-align: middle
}

.team__select-item-options {
  display: none;
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: rgba(var(--color-bg-additional), 1);
  border: 1px solid rgba(var(--color-text-base), .1);
  font-size: 15px;
  line-height: 20px;
  vertical-align: middle
}

.team-promo .team__select-item-options {
  padding: 0
}

.team__select-item-options .js-div-dropdown-li:hover {
  background-color: rgba(var(--color-bg-default), .2)
}

.team__select-item-active {
  display: block
}

.teams-schedule .content-navigation {
  margin-bottom: 0
}

.teams-composition-photo {
  width: 910px;
  height: 608px;
  margin-bottom: 22px
}

.tabs--teams-composition .tabs__list {
  width: 370px;
  margin-left: 6px
}

.tabs--teams-composition .tabs__item {
  border-right: 1px solid rgba(255, 255, 255, .5)
}

.composition-list {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 30px 30px 29px;
  margin: 0;
  list-style: none;
  background-color: rgba(var(--color-bg-additional), 1)
}

.composition-list__item {
  height: 327px;
  width: 191px;
  margin-right: 29px;
  margin-bottom: 25px
}

.composition-list__item:nth-child(4n) {
  margin-right: 0
}

.composition-list__player-photo {
  width: 191px;
  height: 191px
}

.composition-list__player-photo img {
  width: 100%;
  height: 100%
}

.composition-list__player-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 15px 15px 20px;
  height: 146px;
  background-color: rgba(var(--color-text-base), .1)
}

.composition-list__player-name {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700
}

.composition-list__player-first-name, .composition-list__player-last-name {
  display: block;
  width: 151px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.composition-list__player-amplua {
  padding: 0;
  margin: 7px 0 0 0;
  font-size: 15px;
  line-height: 15px;
  width: 151px;
  height: 35px;
  overflow: hidden
}

.composition-list__player-height {
  margin: 7px 0 0 0;
}

.composition-list__player-birthday {
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 17px;
  color: rgba(var(--color-text-additional), 1)
}

.composition-list__player-age {
  margin-left: 5px
}

.composition-list__item-flip-container {
  width: 191px;
  height: 336px;
  overflow: hidden
}

.composition-list__item-flipper {
  height: 100%;
  transition: .6s all;
  transform-style: preserve-3d;
  position: relative
}

.composition-list__item-front, .composition-list__item-back {
  width: 191px;
  height: 336px;
  transition: opacity .6s
}

.composition-list__item-front {
  opacity: 1
}

.composition-list__item-back {
  position: absolute;
  top: 0;
  left: -191px;
  opacity: 0
}

.composition-list__item-flip-container.with-stats:hover .composition-list__item-flipper {
  transform: translateX(191px)
}

.composition-list__item-flip-container.with-stats:hover .composition-list__item-flipper .composition-list__item-front {
  opacity: 0
}

.composition-list__item-flip-container.with-stats:hover .composition-list__item-flipper .composition-list__item-back {
  opacity: 1
}

.composition-list__player-statistics {
  position: relative;
  height: 191px;
  color: rgba(var(--color-text-accent), 1);
  padding: 15px 15px 15px 20px;
  background-color: rgba(var(--color-bg-color2), 1)
}

.composition-list__player-statistics::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 151px;
  height: 1px;
  background-color: rgba(var(--color-bg-color1), .8)
}

.composition-list__player-ycards, .composition-list__player-rcards, .composition-list__player-games, .composition-list__player-goals {
  padding: 0;
  margin: 0
}

.composition-list__player-ycards, .composition-list__player-rcards, .composition-list__player-games {
  margin-bottom: 2px
}

.composition-list__player-ycards-text, .composition-list__player-rcards-text, .composition-list__player-games-text, .composition-list__player-goals-text {
  font-size: 25px;
  line-height: 25px
}

.composition-list__player-ycards-number, .composition-list__player-rcards-number, .composition-list__player-games-number, .composition-list__player-goals-number {
  font-size: 39px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 5px
}

.composition-list__item-back .composition-list__player-info {
  background-color: rgba(var(--color-bg-color2), 1);
  color: rgba(var(--color-text-color2), 1)
}

.composition-list__item-back .composition-list__player-birthday {
  color: rgba(var(--color-text-color2), .5)
}

.partners-inner__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  overflow: hidden
}

.partners-inner__item {
  width: 205px;
  min-height: 300px;
  margin-right: 30px;
  margin-bottom: 30px
}

.partners-inner__link {
  display: block
}

.partners-inner__item:nth-child(4n) {
  margin-right: 0
}

.partners-inner__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 205px;
  height: 205px;
  background-color: #ffffff
}

.partners-inner__name-wrapper {
  padding: 15px 23px;
  height: 95px;
  background-color: #f6f6f6
}

.partners-inner__name {
  display: block;
  height: 64px;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  overflow: hidden
}

.partner-items {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none
}

.partner-items__item {
  flex-shrink: 0;
  height: 297px;
  width: 205px;
  margin: 0 30px 25px 0;
  background-color: rgba(var(--color-bg-additional), .6)
}

.partner-items__item:nth-child(4n) {
  margin-right: 0
}

.partner-items__logo {
  height: 205px;
  width: 205px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.partner-items__logo img {
  width: 100%;
  height: 100%
}

.partner-items__content {
  display: flex;
  height: 97px
}

.partner-items__name {
  display: flex;
  margin: 15px;
  font-size: 18px;
  line-height: 22px;
  height: 67px;
  overflow: hidden
}

.management__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  overflow: hidden
}

.management__item {
  width: 205px;
  min-height: 320px;
  margin-right: 30px;
  margin-bottom: 30px;
  display: flex;
}

.management__link {
  display: flex;
  flex-direction: column;
}

.management__item:nth-child(4n) {
  margin-right: 0
}

.management__photo {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 205px;
  height: 205px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.management__content {
  display: flex;
  flex-direction: column;
  max-width: 205px;
  flex-grow: 1;
  padding: 15px 20px;
  overflow: hidden;
  background-color: rgba(var(--color-bg-additional), .6)
}

.management__name-wrapper {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  margin: 0 0 5px 0
}

.management__position {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 22px;
  overflow: hidden
}

.management__first-name, .management__last-name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.map {
  width: 100%;
  height: 645px
}

.map iframe {
  width: 100%;
  height: 100%
}

.contacts-content {
  padding: 20px 80px 55px 40px;
  background-color: #ffffff
}

.contacts-content__title {
  padding: 0;
  margin: 0;
  font-size: 22px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase
}

.contacts-content__address {
  padding: 0 0 0 18px;
  margin: 0;
  position: relative;
  font-size: 18px;
  line-height: 40px
}

.contacts-content__address::before {
  content: "\f041";
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  font-size: 20px;
  color: #d50028
}

.contacts-content__telephones {
  padding: 0;
  margin: 0;
  list-style: none
}

.contacts-content__telephones-number {
  font-size: 18px;
  line-height: 30px
}

.link--contacts {
  text-transform: none;
  font-size: 18px;
  line-height: 50px
}

.contacts-content__wrapper {
  display: flex;
  justify-content: space-between
}

.contacts .social__item {
  line-height: 29px
}

.contacts .social__item--youtube {
  background-color: #e3e3e3
}

.stadiums-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.stadiums-item {
  display: flex;
  width: 100%;
  height: 467px;
  margin-bottom: 25px
}

.stadiums-item__wrapper {
  width: 100%;
  height: 467px
}

.stadiums-item__picture {
  flex-shrink: 0;
  width: 700px;
  height: 467px
}

.stadiums-item__content {
  height: 210px;
  padding: 25px 30px 20px;
  background-color: #ffffff
}

.stadiums-item__title {
  display: block;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase
}

.stadiums-item__address {
  padding: 0 0 0 18px;
  margin: 0;
  position: relative;
  font-size: 18px;
  line-height: 40px
}

.stadiums-item__address::before {
  content: "\f041";
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  font-size: 20px;
  color: #d50028
}

.stadiums-item__telephones {
  padding: 0;
  margin: 0;
  list-style: none
}

.stadiums-item__telephones-number {
  font-size: 18px;
  line-height: 30px
}

.stadiums-item__map {
  height: 258px
}

.stadiums-item__map iframe {
  width: 100%;
  height: 100%
}

.tournaments-archive {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none
}

.tournaments-archive__item {
  flex-shrink: 0;
  width: 384px;
  margin-right: 30px;
  margin-bottom: 25px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.tournaments-archive__item:nth-child(3n) {
  margin-right: 0
}

.tournaments-archive__picture {
  height: 260px;
  width: 384px;
  background-color: #ffffff
}

.tournaments-archive__img {
  display: block;
  width: 384px;
  height: 260px
}

.tournaments-archive__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 153px;
  padding: 15px 25px 25px 25px
}

.tournaments-archive__title {
  padding: 0;
  margin: 0;
  height: 75px;
  overflow: hidden;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px
}

.tournaments-archive__info {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 13px;
  line-height: 15px;
  color: rgba(var(--color-text-additional), 1)
}

.tournaments-archive__info-item {
  padding-left: 20px
}

.tournaments-archive__info-dates {
  position: relative
}

.tournaments-archive__info-dates::before {
  content: "\f073";
  position: absolute;
  color: inherit;
  bottom: 1px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 13px
}

.tournaments-archive__info-teams-number {
  position: relative
}

.tournaments-archive__info-teams-number::before {
  content: "\f0c0";
  position: absolute;
  color: inherit;
  bottom: 1px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 13px
}

.tournaments-archive__info-status {
  position: relative
}

.tournaments-archive__info-status:before {
  content: "\f017";
  position: absolute;
  color: inherit;
  left: 5px;
  bottom: 1px;
  font-family: "FontAwesome";
  font-size: 13px
}

.arrow:hover, .arrow:active, .arrow--active {
  stroke: rgba(var(--color-bg-accent), 1)
}

.arrow--active {
  stroke: rgba(var(--color-bg-accent), 1)
}

.page-image {
  background-size: 100% 100% !important;
  width: 1216px;
  height: 600px
}

.page-image-little {
  background-size: 100% 100% !important;
  width: 910px;
  height: 450px
}

.page-text {
  padding: 36px 36px 54px;
  background-color: rgba(var(--color-bg-additional), 1);
  line-height: 1.15
}

h2.media-title {
  background-color: rgba(var(--color-bg-additional), 1);
  padding: 22px 20px;
  margin: 0;
  font-size: 31px;
  line-height: 32px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase
}

h3.media-title {
  background-color: rgba(var(--color-bg-additional), 1);
  padding: 18px 20px;
  margin: 20px 0 10px;
  font-size: 27px;
  line-height: 28px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase
}

.banner-full {
  position: relative;
  width: 100%;
  z-index: 2
}

.banner-full--background {
  background-color: rgba(var(--color-bg-default), 1)
}

.banner-wrapper {
  max-width: 1216px;
  margin: auto
}

.banner {
  width: 100%;
  display: block;
  line-height: 0;
  margin-bottom: 20px
}

.branding {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat !important;
  background-position: 50% 0 !important;
  background-size: 100% 100%
}

.ug-textpanel-textwrapper .ug-textpanel-title > a {
  width: 100%;
  display: inline-block;
  color: #a5a5a5;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase
}

.match-broadcast-video {
  width: 100%;
  margin: 17px 0 25px 0
}

.match-broadcast-video__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.match-broadcast-video__title {
  position: relative;
  padding-left: 55px;
  font-size: 15px;
  vertical-align: middle
}

.match-broadcast-video__title::before {
  content: "";
  position: absolute;
  width: 19px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
  left: 25px;
  background-image: url('../img/video-icon.png')
}

.match-broadcast-video__button {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 20px;
  background-color: rgba(var(--color-bg-additional), 1);
  border: 2px solid #282f32;
  border-radius: 2px;
  cursor: pointer
}

.match-broadcast-video__button::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 1px;
  top: 50%;
  right: 4px;
  background-color: #282f32
}

.match-broadcast-video__button--close::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 1px;
  top: 50%;
  right: 4px;
  background-color: #282f32;
  transform: rotate(90deg)
}

.help-block-error {
  margin: 0 !important;
  padding-top: 4px;
  font-size: 14px;
  color: #ee3131;
  line-height: 15px
}

.application__title {
  margin: 10px 0 25px 0;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase
}

.application__description {
  margin-bottom: 22px;
  padding: 30px 40px 40px 40px;
  font-size: 18px;
  line-height: 23px;
  background-color: rgba(255, 255, 255, .6)
}

.form__errors {
  padding: 20px;
  font-size: 18px;
  line-height: 23px;
  background-color: rgba(238, 49, 49, .5)
}

.form {
  padding: 30px 40px 45px 40px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.form .form-group {
  margin-bottom: 10px;
  height: 45px
}

.application__warning {
  position: relative;
  padding: 30px 40px 30px 110px;
  font-size: 18px;
  line-height: 21px;
  background-color: rgba(255, 255, 255, .5)
}

.application__warning::after {
  content: "!";
  position: absolute;
  top: 35px;
  left: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid #ee3131;
  font-size: 35px;
  font-weight: 700;
  color: #ee3131
}

.form__group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px
}

.form__group--participants {
  margin-bottom: 0
}

.form__group-title-wrapper {
  display: flex;
  align-items: baseline;
  margin: 20px 0
}

.form__group-title {
  width: 100%;
  margin: 20px 0;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase
}

.form__group--players .form__group-title {
  width: auto;
  margin: 0;
  padding-right: 20px
}

.form__group--players .dynamicform_inner {
  width: 100%
}

.form__input-wrapper {
  flex-shrink: 0;
  margin-bottom: 30px;
  outline: 0
}

.form__input-wrapper--participants {
  margin-bottom: 0
}

.form__input {
  padding: 0 15px;
  width: 540px;
  line-height: 45px;
  height: 45px;
  background-color: #e8e8e8;
  border: 1px solid #e8e8e8;
  outline: 0
}

.form__input:hover {
  border: 1px solid #b9bbbc
}

.form__group--phone {
  display: flex;
  max-width: 540px;
  flex-wrap: wrap
}

.form__group--phone .select-item {
  min-width: 60px;
  width: 60px
}

.form__group--phone .select-item__default {
  width: 60px
}

.form__group--phone .select-item__default-text {
  width: 45px
}

.form__group--phone .select-item__default::after {
  display: none
}

.form__input--phone {
  width: 480px
}

.form__text {
  margin: 0;
  padding-top: 18px;
  font-size: 14px
}

.form__players-list {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  list-style: none
}

.form__players-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.form__players-item--new {
  position: relative;
  margin-left: auto;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px
}

.form__players-delete {
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px
}

.form__players-new {
  display: block;
  width: 180px;
  height: 45px;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 15px;
  line-height: 45px;
  border: 0;
  color: #000000;
  background-color: #b9bbbc
}

.form__players-delete {
  display: block;
  width: 45px;
  height: 45px;
  position: relative;
  padding: 0;
  font-size: 15px;
  line-height: 45px;
  border: 0;
  color: #909496;
  background-color: #b9bbbc
}

.form__players-delete:hover, .form__players-new:hover {
  background-color: #909496;
  color: #e8e8e8
}

.form__players-item--new i.fa {
  position: absolute;
  top: 11px;
  left: 11px;
  font-size: 26px
}

.form__players-delete i.fa {
  position: absolute;
  top: 9px;
  left: 12px;
  font-size: 26px
}

.form__players-item--new:hover::after {
  border: 2px solid #e8e8e8
}

.form__players-item--new:hover .form__players-new::before {
  background-color: #e8e8e8
}

.form__players-item--new:hover .form__players-new::after {
  background-color: #e8e8e8
}

.form__players {
  display: flex;
  justify-content: space-between;
  width: 792px
}

.form__players .form__input {
  width: 250px
}

.form__button {
  border: 0;
  background-color: #909496
}

.form__button:hover {
  color: rgba(0, 0, 0, .7);
  background-color: #b9bbbc;
  transition: .3s
}

.form__date {
  position: relative;
  display: flex;
  width: 220px;
  height: 45px;
  background-color: #d8d9d9
}

.form__date:after {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: -3px;
  border: 5px solid rgba(40, 47, 50, .7);
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent
}

.form__input--control {
  padding: 0 0 0 15px;
  z-index: 1;
  width: 142px;
  background-color: #e8e8e8;
  outline: 0;
  font-size: 16px
}

.form__input--control:hover {
  border: 1px solid #e8e8e8
}

.form__input--control:focus {
  outline: 0
}

.form__date .input-group-addon {
  position: relative;
  z-index: 2;
  width: 78px;
  height: 100%;
  cursor: pointer;
  padding: 0;
  line-height: 0;
  background-color: transparent;
  border: 0
}

.form__date .input-group-addon::before {
  content: "\f073";
  position: absolute;
  top: 32px;
  margin-top: -10px;
  right: 37px;
  font-family: fontawesome;
  font-size: 21px;
  color: #4e5356
}

.form__date .input-group-addon:after {
  content: "";
  z-index: 2;
  position: absolute;
  width: 13px;
  height: 45px;
  top: 0;
  right: 66px;
  border: 12px solid transparent;
  border-top: 44px solid #e8e8e8;
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent
}

.authorization {
  width: 100%;
  padding: 30px 40px 75px 40px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.authorization__title {
  margin: 15px 0 25px 0;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase
}

.authorization__form {
  padding: 0
}

.authorization .form__group {
  margin: 0
}

.form__label {
  width: 140px;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  cursor: pointer
}

.form__checkbox {
  display: none
}

.form__checkbox-indicator {
  flex-shrink: 0;
  margin-right: 15px;
  width: 28px;
  height: 28px;
  background-color: #e8e8e8
}

.form__checkbox-indicator-icon {
  display: none;
  width: 20px;
  height: 20px;
  fill: #4f5356
}

.form__checkbox:checked ~ .form__checkbox-indicator-icon {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 5px
}

.form__label:hover .form__checkbox-indicator {
  border: 1px solid #aeaeae
}

.authorization__links {
  width: 100%;
  position: relative;
  left: 25px;
  display: flex;
  justify-content: center;
  margin-top: 35px;
  font-size: 16px;
  line-height: 23px;
  text-decoration: underline
}

.authorization__links-forgotten {
  margin-right: 30px
}

.registration {
  width: 100%;
  padding: 30px 40px 75px 40px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.registration__form {
  padding: 0
}

.registration__links {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 35px;
  font-size: 16px;
  line-height: 23px
}

.registration__links-text {
  padding: 0;
  margin: 0 30px 0 0
}

.registration__links-new {
  text-decoration: underline
}

.tournaments-drop-menu {
  transform: skewX(15deg);
  height: auto;
  display: none;
  position: absolute;
  width: 1217px;
  z-index: 9999;
  background-color: rgba(var(--color-bg-color1), 1)
}

.tournaments-drop-menu.js-show {
  display: block
}

.tournaments-drop-menu__list, .tournaments-drop-menu__unit-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.tournaments-drop-menu__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 35px 35px 0 35px
}

.tournaments-drop-menu__unit {
  margin: 0 36px 45px 0
}

.tournaments-drop-menu__unit:nth-child(5n) {
  margin-right: 0
}

.tournaments-drop-menu__unit-title {
  width: 197px;
  height: 40px;
  margin: 0 0 8px 0;
  padding: 0 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), 1);
  background-color: rgba(var(--color-bg-color2), .3);
  transform: skewX(-15deg)
}

.tournaments-drop-menu__unit-container {
  display: inline-block;
  transform: skewX(15deg);
  width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.tournaments-drop-menu__unit-item {
  padding: 0 12px;
  border-bottom: 1px solid rgba(var(--color-text-default), .25)
}

.tournaments-drop-menu__unit-item-link {
  display: block;
  width: 173px;
  font-size: 18px;
  line-height: 44px;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), .9);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.tournaments-drop-menu__unit-item:last-child {
  border-bottom: 0
}

.tournaments-drop-menu__footer {
  height: 70px;
  line-height: 30px;
  padding: 20px;
  background-color: rgba(var(--color-bg-color2), .3)
}

.tournaments-drop-menu__footer-list {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 auto
}

.tournaments-drop-menu__footer-item {
  flex-shrink: 0;
  border-left: 1px solid rgba(var(--color-text-default), .25);
  text-align: center;
  transform: skewX(-15deg)
}

.tournaments-drop-menu__footer-item:first-child {
  border-left: 0
}

.tournaments-drop-menu__footer-link {
  display: block;
  padding: 0 37px;
  font-size: 18px;
  color: rgba(var(--color-text-default), 1)
}

.tournaments-drop-menu__footer-container {
  display: inline-block;
  transform: skewX(15deg)
}

.line-slider {
  position: relative;
  width: 100%;
  height: 45px;
  padding: 0 42px;
  margin-bottom: 20px;
  display: flex;
  background-color: rgba(var(--color-bg-default), .85);
  overflow: hidden
}

.line-slider__list {
  padding: 0;
  width: 100%;
  margin: 0;
  list-style: none;
  overflow: hidden
}

.line-slider__item {
  min-width: 120px;
  text-align: center;
  background-color: rgba(var(--color-bg-color1), .6);
  border-right: 1px solid rgba(var(--color-text-default), .8);
  transform: skewX(-15deg);
  position: relative;
  left: -8px
}

.line-slider__item:hover {
  background-color: rgba(var(--color-bg-color1), .8)
}

.line-slider__item--active, .line-slider__item--active:hover {
  background-color: rgba(var(--color-bg-accent), .8)
}

.line-slider__item:last-child {
  border-right: none
}

.line-slider__link {
  display: block;
  padding: 0 20px;
  width: 100%;
  cursor: pointer;
  transform: skewX(15deg)
}

.line-slider__link-container {
  display: inline-block;
  font-size: 15px;
  line-height: 45px;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), 1)
}

.arrow--line-slider {
  position: absolute;
  width: 42px;
  height: 100%;
  z-index: 2;
  background-color: rgba(var(--color-bg-color1), 1)
}

.arrow--line-slider::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 45px;
  top: 0;
  border: 12px solid transparent;
  border-top: 45px solid rgba(var(--color-bg-color1), 1);
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent
}

.arrow-back.arrow--line-slider::after {
  right: -13px
}

.arrow-forward.arrow--line-slider:after {
  right: 32px;
  transform: scale(-1, -1)
}

.arrow--line-slider::before {
  position: absolute;
  left: 0;
  color: rgba(var(--color-text-default), 1);
  font-family: "FontAwesome";
  font-size: 21px;
  line-height: 45px;
  width: 100%;
  padding-left: 15px
}

.arrow--line-slider.slick-disabled {
  display: block !important
}

.arrow--line-slider.slick-disabled:before {
  opacity: .2
}

.arrow-back.arrow--line-slider::before {
  content: "\f104"
}

.arrow-forward.arrow--line-slider::before {
  content: "\f105"
}

.social-share {
  width: 100%;
  margin: 10px 0 26px
}

.social-share .uSocial-Share, .social-share .uSocial-Share .uscl-bar {
  width: inherit
}

.social-share .uSocial-Share .uscl-list {
  display: flex !important;
  justify-content: space-around;
  width: inherit
}

.social-share .uSocial-Share .uscl-list .uscl-item:first-child {
  padding-left: 0
}

.social-share .uSocial-Share .uscl-list .uscl-item:nth-child(6) {
  padding-right: 0
}

.birth-widget {
  position: relative;
  margin-bottom: 26px;
  background-color: rgba(var(--color-bg-default), 1);
  overflow: hidden
}

.birth-widget::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 300px;
  background: linear-gradient(-75deg, rgba(var(--color-bg-color1), .24) 30%, rgba(var(--color-bg-color1), .44) 30%, rgba(var(--color-bg-color1), .44) 37%, rgba(var(--color-bg-color1), .32) 37%, rgba(var(--color-bg-color1), .32) 43%, rgba(var(--color-bg-color1), .15) 43%, rgba(var(--color-bg-color1), .15) 58%, rgba(var(--color-bg-default), 1) 58%, rgba(var(--color-bg-default), 1) 80%, rgba(var(--color-bg-color1), .15) 80%, rgba(var(--color-bg-color1), .15) 90%, rgba(var(--color-bg-color1), .24) 90%)
}

.birth-widget::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 55px;
  height: 300px;
  width: 100%;
  background: linear-gradient(to top, rgba(var(--color-bg-default), 1) 20%, rgba(var(--color-bg-default), 0))
}

.birth-widget-star {
  position: absolute;
  z-index: 3
}

.birth-widget-star:first-child {
  font-size: 22px;
  top: 22px;
  left: 20px;
  color: rgba(var(--color-bg-color1), .78)
}

.birth-widget-star:nth-child(2) {
  font-size: 20px;
  top: 5px;
  left: 71px;
  color: rgba(var(--color-bg-color1), .34)
}

.birth-widget-star:nth-child(3) {
  font-size: 11px;
  top: 97px;
  left: 55px;
  color: rgba(var(--color-bg-color1), .2)
}

.birth-widget-star:nth-child(4) {
  font-size: 14px;
  top: 90px;
  left: 93px;
  color: rgba(var(--color-bg-color1), .45)
}

.birth-widget-star:nth-child(5) {
  font-size: 14px;
  top: 107px;
  left: 134px;
  color: rgba(var(--color-bg-color1), .2)
}

.birth-widget-star:nth-child(6) {
  font-size: 11px;
  top: 9px;
  right: 91px;
  color: rgba(var(--color-bg-color1), .6)
}

.birth-widget-star:nth-child(7) {
  font-size: 29px;
  top: 13px;
  right: 31px;
  color: rgba(var(--color-bg-color1), .78)
}

.birth-widget-star:nth-child(8) {
  font-size: 20px;
  top: 96px;
  right: 29px;
  color: rgba(var(--color-bg-color1), .45)
}

.birth-widget-content {
  position: relative;
  z-index: 4;
  padding: 30px 15px 25px 15px;
  color: rgba(var(--color-text-default), 1)
}

.birth-widget__title {
  margin: 0 auto 25px auto;
  width: 182px;
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  text-align: center
}

.birth-widget__list {
  list-style: none;
  padding: 0;
  margin: 0
}

.birth-widget__item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid rgba(var(--color-bg-color1), .4)
}

.birth-widget__item:last-child {
  border-bottom: none
}

.birth-widget__item-picture {
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  margin-right: 15px;
  background-color: #ffffff;
  border-radius: 50%
}

.birth-widget__item-img {
  border-radius: 50%
}

.birth-widget__name {
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: rgba(var(--color-text-default), 1);
  margin-bottom: 5px
}

.birth-widget__age-date, .birth-widget__age-value {
  font-size: 13px;
  line-height: 15px
}

.birth-widget__age-date {
  margin-right: 15px
}

.day-video {
  display: flex;
  position: relative;
  height: 355px;
  margin-bottom: 35px;
  background-color: rgba(var(--color-bg-additional), 1)
}

.day-video__slide {
  display: flex !important
}

.day-video__content {
  width: 100%
}

.day-video__content-block {
  flex-shrink: 0;
  height: 100%
}

.day-video__content-block:first-child {
  width: 385px;
  padding: 30px 35px;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.day-video__content-block:last-child {
  width: 525px
}

.day-video .video__picture {
  width: inherit;
  height: inherit
}

.flag {
  display: inline-block;
  position: relative;
  background-color: rgba(var(--color-bg-accent), 1);
  height: 26px;
  transform: skewX(-15deg);
  margin-left: 5px
}

.flag::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 0;
  width: 30px;
  height: 26px;
  background-color: rgba(var(--color-bg-accent), 1);
  transform: skewX(15deg)
}

.flag__text {
  width: inherit;
  margin: 0;
  padding: 0 20px 0 17px;
  font-size: 15px;
  color: rgba(var(--color-text-accent), 1);
  line-height: 26px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  transform: skewX(15deg);
  text-transform: uppercase
}

.day-video__title {
  display: block;
  font-size: 27px;
  line-height: 29px;
  font-weight: 700;
  margin: 35px 0
}

.day-video .slick-dots {
  padding: 0;
  list-style-type: none
}

.day-video .slick-dots li {
  width: 17px;
  height: 7px;
  background-color: rgba(var(--color-bg-accent), .3);
  margin: 0 4px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transform: skewX(-15deg)
}

.day-video .slick-dots li.slick-active {
  background-color: rgba(var(--color-bg-accent), 1)
}

.day-video .slick-dots li button {
  width: 100%;
  height: 100%;
  visibility: hidden;
  border: 0;
  background-color: transparent;
  opacity: 0
}

.day-video .slick-arrow {
  position: absolute;
  top: calc(50% - 7px);
  bottom: -44px;
  z-index: 1;
  height: 18px;
  width: 12px;
  cursor: pointer;
  transition: all .3s;
  background-color: transparent;
  border: 0;
  color: rgba(0, 0, 0, .4);
  box-sizing: border-box;
  font-size: 20px
}

.day-video .slick-arrow.slick-prev {
  left: 0
}

.day-video .slick-arrow.slick-next {
  right: 0
}

.day-video .slick-arrow:hover {
  color: rgba(var(--color-bg-accent), 1)
}

.day-video__dots {
  position: absolute;
  left: 30px;
  top: 285px;
  text-align: center
}

.indicators {
  width: 100%;
  display: flex;
  margin-top: auto;
  justify-content: space-between;
  align-items: center
}

.indicators__arrow {
  font-size: 30px;
  color: rgba(0, 0, 0, .4)
}

.indicators .indicators-list li {
  background-color: rgba(var(--color-bg-accent), .3)
}

.indicators li.slick-active {
  background-color: rgba(var(--color-bg-accent), 1)
}

.survey {
  display: flex;
  background-color: rgba(var(--color-bg-additional), 1)
}

.survey__cont {
  position: relative;
  margin-bottom: 35px
}

.survey__content-block {
  flex-shrink: 0;
  position: relative
}

.survey__content-block:first-child {
  position: relative;
  width: 385px;
  padding: 30px 35px;
  background-color: rgba(var(--color-bg-default), 1);
  overflow: hidden
}

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

.survey .bg-element {
  position: absolute;
  transform: skewX(-15deg);
  z-index: 1
}

.survey .bg-element--1 {
  height: 300px;
  width: 85px;
  top: 0;
  left: 10%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0))
}

.survey .bg-element--2 {
  height: 400px;
  width: 131px;
  top: 0;
  left: -51px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0))
}

.survey .bg-element--3 {
  height: 395px;
  width: 110px;
  top: 0;
  right: -53px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 80%)
}

.survey .bg-element--4 {
  height: 280px;
  width: 77px;
  top: 100px;
  right: -39px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .12) 70%, rgba(255, 255, 255, 0))
}

.survey__content-block:last-child {
  width: 525px;
  height: 400px;
  padding: 35px 40px 30px 40px
}

.survey__content-block:last-child.full {
  width: 831px
}

.flag--survey .flag__text {
  padding: 0 33px 0 30px
}

.survey__question {
  font-size: 27px;
  line-height: 32px;
  font-weight: 700;
  color: rgba(var(--color-text-default), 1)
}

.survey-form {
  display: flex;
  flex-direction: column;
  height: 100%
}

.survey-form__label {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 19px;
  cursor: pointer;
  margin-bottom: 12px
}

.survey .form__radio-indicator {
  background-color: #e8e8e8;
  border: 0;
  width: 26px;
  height: 26px
}

.survey .form__radio:checked + .form__radio-indicator::after {
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  background-color: rgba(var(--color-bg-accent), 1)
}

.button--survey {
  display: flex;
  justify-content: center;
  margin-top: auto
}

.button--survey.button--survey-revote {
  width: 200px
}

.survey-form__options {
  height: 267px;
  overflow: hidden;
  padding-right: 20px
}

.survey__result {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px
}

.survey__result-container {
  height: 274px;
  overflow: hidden;
  padding-right: 20px
}

.survey__result-wrapper {
  width: 350px;
  margin-right: 5px
}

.survey__content-block.full .survey__result-wrapper {
  width: 670px
}

.scale {
  width: 100%;
  height: 11px;
  background-color: #e8e8e8;
  overflow: hidden
}

.scale--all {
  background-color: rgba(var(--color-bg-default), 1)
}

.survey__answer {
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 8px
}

.survey__answer--choice {
  color: rgba(var(--color-bg-color1), 1)
}

.scale__line {
  height: 100%;
  background-color: rgba(var(--color-bg-default), 1);
  transform: skewX(-15deg);
  margin-left: -1px
}

.survey__result-percent {
  flex-shrink: 0;
  font-size: 16px;
  margin-bottom: -4px;
  white-space: nowrap
}

.survey__result-value {
  font-weight: 700
}

.survey__result-final {
  margin: 0 20px 0 0
}

.survey__result-final span {
  padding: 0 5px
}

.survey__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px
}

.survey__cont .slick-dots {
  padding: 0;
  list-style-type: none
}

.survey__cont .slick-dots li {
  width: 17px;
  height: 7px;
  background-color: rgba(var(--color-bg-accent), .3);
  margin: 0 4px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transform: skewX(-15deg)
}

.survey__cont .slick-dots li.slick-active {
  background-color: rgba(var(--color-bg-accent), 1)
}

.survey__cont .slick-dots li button {
  width: 100%;
  height: 100%;
  visibility: hidden;
  border: 0;
  background-color: transparent;
  opacity: 0
}

.survey__cont .slick-arrow {
  position: absolute;
  top: calc(50% - 7px);
  bottom: -44px;
  z-index: 1;
  height: 18px;
  width: 12px;
  cursor: pointer;
  transition: all .3s;
  background-color: transparent;
  border: 0;
  color: rgba(255, 255, 255, .5);
  box-sizing: border-box;
  font-size: 20px
}

.survey__cont .slick-arrow.slick-prev {
  left: 0
}

.survey__cont .slick-arrow.slick-next {
  right: 0
}

.survey__cont .slick-arrow:hover {
  color: rgba(var(--color-bg-accent), 1)
}

.survey__slider-dots {
  position: absolute;
  left: 30px;
  top: 330px;
  text-align: center
}

img.loader {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
  opacity: .2
}

main.background {
  position: relative;
  background-color: rgba(var(--color-bg-default), 1);
  overflow: hidden
}

.bg-element {
  position: absolute;
  background-color: rgba(var(--color-bg-color1), .7);
  transform: skewX(-15deg);
  z-index: 0
}

.bg-element--0 {
  left: 0;
  margin-left: -20px;
  top: 0;
  width: 15%;
  height: 1600px
}

.bg-element--1 {
  top: 0;
  left: 32%;
  width: 19%;
  height: 1527px
}

.bg-element--2 {
  top: 0;
  left: 42%;
  width: 12%;
  height: 575px
}

.bg-element--3 {
  top: 0;
  right: 12%;
  width: 15%;
  height: 1320px
}

.bg-element--4 {
  top: 360px;
  right: 25%;
  width: 15%;
  height: 886px
}

.bg-element--5 {
  top: 575px;
  left: 15%;
  width: 17%;
  height: 1480px;
  background: linear-gradient(to top, rgba(var(--color-bg-color1), .3), rgba(var(--color-bg-color1), .7))
}

.bg-element--6 {
  top: 870px;
  right: 37%;
  width: 12%;
  height: 300px;
  background: linear-gradient(to top, rgba(var(--color-bg-color1), .3), rgba(var(--color-bg-color1), .7))
}

.bg-element--7 {
  top: 1185px;
  right: 39%;
  width: 12%;
  height: 600px;
  background: linear-gradient(to top, rgba(var(--color-bg-color1), .3), rgba(var(--color-bg-color1), .7))
}

.bg-element--8 {
  top: 1445px;
  right: 20%;
  width: 12%;
  height: 915px;
  background: linear-gradient(to top, rgba(var(--color-bg-default), .1), rgba(var(--color-bg-color1), .7))
}

.bg-element--9 {
  top: 900px;
  right: 0;
  margin-right: -120px;
  width: 15%;
  height: 900px
}

.bg-element--10 {
  top: 1785px;
  left: 42%;
  width: 12%;
  height: 800px;
  background: linear-gradient(to top, rgba(var(--color-bg-default), .1), rgba(var(--color-bg-color1), .4))
}

.bg-element--11 {
  top: 1865px;
  left: 29%;
  width: 15%;
  height: 800px;
  background: linear-gradient(to top, rgba(var(--color-bg-default), .1), rgba(var(--color-bg-color1), .4))
}

.bg-element--12 {
  top: 2055px;
  left: 8%;
  width: 12%;
  height: 600px;
  background: linear-gradient(to top, rgba(var(--color-bg-default), .1), rgba(var(--color-bg-color1), .3))
}

main.background .main-container {
  margin: 0 auto
}

main.background .main-content {
  width: 1216px;
  margin: 0 auto
}

.league-stats {
  position: relative;
  z-index: 1
}

.stats-general__item {
  fill: rgba(var(--color-bg-color1), 1);
  stroke: rgba(var(--color-bg-color1), 1)
}

.stats-general__item--color {
  stroke: rgba(var(--color-bg-accent), 1);
  fill: rgba(var(--color-bg-accent), 1)
}

.league-stats .stats-block__icon {
  fill: rgba(var(--color-text-default), .6);
  stroke: rgba(var(--color-text-default), .6)
}

.league-stats__line {
  width: 100%;
  position: relative;
  padding: 80px 0 50px 0;
  margin: 0 auto;
  font-size: 35px;
  line-height: 40px;
  color: rgba(var(--color-text-default), 1);
  text-align: center
}

.league-stats__line::after {
  content: "";
  position: absolute;
  left: 0;
  margin-left: 100px;
  bottom: 0;
  width: 1018px;
  height: 1px;
  background-color: rgba(var(--color-bg-accent), 1)
}

.league-stats__line.league-stats__line--revert {
  padding: 50px 0 80px 0
}

.league-stats__line.league-stats__line--revert::after {
  top: 0
}

.stats-general {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 120px 0 0 0;
  list-style: none
}

.stats-general__item {
  position: relative;
  padding-left: 275px;
  width: 50%;
  height: 275px
}

.stats-general__text {
  margin: 0;
  font-size: 25px;
  line-height: 30px;
  color: rgba(var(--color-text-default), .7)
}

.stats-general__number {
  font-size: 130px;
  line-height: 130px;
  color: rgba(var(--color-text-default), 1)
}

.stats-general__icon {
  position: absolute;
  top: 20px;
  left: 118px
}

.stats-general__item:nth-child(even) .stats-general__icon {
  left: 100px
}

.stats-match {
  list-style: none;
  padding: 0;
  margin: 0
}

.stats-match__item {
  position: relative;
  margin: 0 45px;
  padding: 35px 20px 20px 20px;
  transform: skewX(-15deg);
  height: 315px;
  background-color: rgba(var(--color-bg-color2), .6)
}

.stats-match__item--lighter {
  background-color: rgba(var(--color-bg-color2), .34)
}

.stats-match__item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 565px;
  height: 100%;
  background-color: rgba(var(--color-bg-color2), 1);
  z-index: -1
}

.stats-match__item--lighter::after {
  background-color: rgba(var(--color-bg-color2), .7)
}

.stats-match__title {
  margin: 0 0 25px 0;
  font-size: 29px;
  line-height: 30px;
  color: rgba(var(--color-text-default), 1);
  text-transform: uppercase;
  text-align: center;
  transform: skewX(15deg)
}

.stats-match__item-wrapper {
  transform: skewX(15deg);
  display: flex;
  justify-content: center
}

.stats-match__team {
  display: flex;
  align-items: center;
  width: 457px
}

.stats-match__team--left {
  justify-content: flex-end;
  padding-left: 15px
}

.stats-match__team--right {
  padding-right: 15px
}

.stats-match__team-wrapper {
  color: rgba(var(--color-text-default), 1);
  max-width: 225px
}

.stats-match__team--left .stats-match__team-wrapper {
  text-align: right
}

.stats-match__team--right .stats-match__team-wrapper {
  text-align: left
}

.stats-match__team-name {
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 8px 0
}

.stats-match__team-region {
  font-size: 25px;
  line-height: 27px;
  margin: 0
}

.stats-match__team-logo {
  margin: 0 40px;
  flex-shrink: 0;
  background-color: #ffffff
}

.stats-match__team-logo, .stats-match__team-img {
  border-radius: 50%;
  display: block
}

.stats-match__score {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 170px;
  color: rgba(var(--color-text-default), 1);
  text-align: center
}

.stats-match__score-main {
  margin-bottom: 10px;
  font-size: 57px;
  line-height: 60px;
  font-weight: 700
}

.stats-match__score-additional {
  font-size: 25px;
  line-height: 25px
}

.stats-match__date {
  margin-top: 10px;
  font-size: 21px;
  line-height: 25px
}

.stats-horizontal {
  display: flex;
  list-style: none;
  padding: 0 85px;
  margin: 85px 0 125px 0
}

.stats-horizontal__title {
  padding: 0;
  margin: 0 0 30px 0;
  font-size: 25px;
  line-height: 25px;
  color: rgba(var(--color-text-default), .7)
}

.stats-horizontal__item {
  position: relative;
  width: 237px
}

.stats-horizontal__item:first-child {
  width: 335px
}

.stats-horizontal__value {
  font-size: 86px;
  line-height: 86px;
  color: rgba(var(--color-text-default), 1);
  font-weight: 700
}

.stats-horizontal__percent {
  font-weight: 400
}

.stats-horizontal__score, .stats-horizontal__score-percent {
  color: rgba(var(--color-bg-color1), 1)
}

.stats-horizontal__score-percent {
  font-size: 26px;
  line-height: 50px
}

.stats-horizontal .stats-horizontal__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -130px;
  right: 50px;
  width: 1px;
  height: 230px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-text-default), .4)
}

.stats-block {
  position: relative;
  width: 990px;
  margin: 0 auto 75px auto
}

.stats-block__half {
  height: 150px;
  background-color: rgba(var(--color-bg-color2), 1);
  transform: skewX(-15deg)
}

.stats-block--light .stats-block__half {
  background-color: rgba(var(--color-bg-color1), .3)
}

.stats-block__half--first {
  position: relative;
  height: 170px;
  background: linear-gradient(to right, rgba(var(--color-bg-color2), 0), rgba(var(--color-bg-color2), .9) 70%), linear-gradient(to bottom, rgba(var(--color-bg-color2), .4) 50%, rgba(var(--color-bg-color1), .4) 50%)
}

.stats-block--light .stats-block__half--first {
  background: linear-gradient(to right, rgba(var(--color-bg-default), 0), rgba(var(--color-bg-default), .8) 70%), linear-gradient(to bottom, rgba(var(--color-bg-color1), .6) 50%, rgba(var(--color-bg-color1), 1) 50%)
}

.stats-block__logo, .stats-block__img {
  border-radius: 50%;
  background-color: #ffffff;
  display: block
}

.stats-block__logo {
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -125px
}

.stats-block__title {
  margin: 0;
  padding-left: 115px;
  font-size: 43px;
  line-height: 80px;
  color: rgba(var(--color-text-default), 1);
  font-weight: 700;
  text-transform: uppercase;
  transform: skewX(15deg)
}

.stats-block__subtitle {
  display: block;
  padding-left: 50px;
  font-size: 38px;
  line-height: 90px;
  color: rgba(var(--color-text-default), 1);
  transform: skewX(15deg)
}

.stats-block__region {
  padding-left: 10px
}

.stats-block__icon {
  position: absolute;
  top: -15px;
  left: 20px;
  transform: skewX(15deg);
  fill: rgba(var(--color-text-default), .6)
}

.stats-block__half--second {
  display: flex;
  align-items: center;
  padding-left: 40px
}

.stats-block__table {
  position: relative;
  font-size: 24px;
  line-height: 45px;
  height: 70px;
  color: rgba(var(--color-text-default), .5);
  transform: skewX(15deg);
  text-transform: lowercase
}

.stats-block__table::before {
  content: "";
  position: absolute;
  top: 0;
  left: 150px;
  width: 1px;
  height: 110px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-text-default), .12)
}

.stats-block__table--team::after {
  content: "";
  position: absolute;
  top: 0;
  left: 380px;
  width: 1px;
  height: 110px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-text-default), .12)
}

.stats-block__table--goalkeeper::before {
  left: 280px
}

.stats-block__cell--value {
  font-size: 28px;
  color: rgba(var(--color-text-default), 1);
  font-weight: 700;
  min-width: 110px
}

.stats-block__cell--cards span {
  padding-right: 12px
}

.stats-block__cell--cards span > svg {
  padding-top: 3px
}

.stats-block__table--team {
  width: auto
}

.stats-block__table--team .stats-block__cell:nth-child(1) {
  width: 75px
}

.stats-block__table--team .stats-block__cell:nth-child(3), .stats-block__table--team .stats-block__cell:nth-child(5) {
  width: 110px
}

.stats-block__table--player .stats-block__cell:nth-child(1), .stats-block__table--player .stats-block__cell:nth-child(5) {
  width: 82px
}

.stats-block__table--player .stats-block__cell:nth-child(3) {
  width: 180px
}

.stats-block__nomination {
  text-transform: none;
  padding-left: 10px
}

.stats-block__table--goalkeeper .stats-block__cell:nth-child(1) {
  width: 200px
}

.stats-block__table--goalkeeper .stats-block__cell:nth-child(3) {
  width: 155px
}

.stats-block__table--goalkeeper .stats-block__cell--value {
  min-width: 120px
}

.stats-block__half--formula {
  background-color: rgba(var(--color-bg-color1), .1);
  padding: 25px 50px
}

.league-stats__formula-container {
  transform: skewX(15deg)
}

.league-stats__formula {
  display: flex;
  color: rgba(var(--color-text-default), .5);
  margin: 0 0 10px 0
}

.league-stats__formula-text, .league-stats__formula-value {
  margin: 0
}

.league-stats__formula-text {
  flex-shrink: 0;
  width: 112px;
  font-weight: 700
}

.match-protocol__staff-list, .match-protocol__substitutes {
  padding: 35px 0 0 0
}

.match-protocol__staff-list .match-protocol__team, .match-protocol__substitutes .match-protocol__team {
  border-top: 1px solid rgba(var(--color-text-base), .3)
}

.match-protocol__staff-title, .match-protocol__substitutes-title {
  padding: 0;
  margin: 0;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  text-align: center
}

.match-protocol__staff {
  padding: 0 25px;
  height: 65px;
  font-size: 18px;
  line-height: 65px;
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.match-protocol__staff-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%
}

.match-protocol__team--left .match-protocol__staff {
  text-align: left
}

.match-protocol__team--right .match-protocol__staff {
  text-align: right
}

.match-protocol__staff-name, .match-protocol__staff-position {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.match-protocol__staff-name {
  line-height: 27px
}

.match-protocol__staff-position {
  font-size: 15px;
  line-height: 15px
}

.match-protocol__staff--empty {
  color: #999999
}

.match-protocol-empty {
  border-bottom: 1px solid rgba(var(--color-text-base), .3)
}

.popup {
  position: absolute;
  width: 546px;
  min-height: 130px;
  z-index: 3;
  background-color: rgba(var(--color-bg-additional), 1)
}

.popup__top {
  display: flex;
  width: 100%;
  height: 86px;
  padding-left: 17px;
  padding-right: 17px;
  background-color: rgba(var(--color-bg-color1), .1)
}

.popup__team {
  display: flex;
  align-items: center;
  width: 200px;
  padding-top: 11px;
  padding-bottom: 11px
}

.popup__team--right {
  justify-content: flex-end
}

.popup__team-text {
  font-size: 18px;
  line-height: 20px
}

.popup__team-text--left {
  margin-left: 20px
}

.popup__team-text--right {
  margin-right: 20px;
  text-align: right
}

.popup__team-name, .popup__team-city {
  display: block;
  width: 115px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.popup__score {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 83px;
  height: 100%;
  margin-left: 14px;
  margin-right: 15px;
  background-color: rgba(var(--color-bg-color1), .9);
  color: rgba(var(--color-text-default), 1);
  transform: skewX(-15deg)
}

.popup__score-main {
  width: 100%;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  transform: skewX(15deg)
}

.popup__score-additional {
  width: 100%;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  padding-left: 37px;
  text-align: left;
  transform: skewX(15deg)
}

.popup__team-logo {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px
}

.popup__content {
  padding: 15px 20px;
  text-align: center;
  background-color: rgba(var(--color-bg-additional), 1)
}

.popup__date-time {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase
}

.popup__place {
  position: relative;
  width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
  font-size: 17px;
  line-height: 25px;
  text-align: center
}

.popup__place::before {
  content: "\f041";
  position: absolute;
  margin-left: -20px;
  font-family: "FontAwesome";
  font-size: 20px;
  color: #d50028
}

.popup__goals-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.popup__goals-item {
  display: flex;
  align-items: center;
  height: 20px
}

.popup__goals-author {
  display: block;
  margin: 0;
  width: 228px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 100%;
  font-size: 14px;
  line-height: 20px
}

.popup__goals-author--left {
  text-align: right
}

.popup__goals-author--right {
  text-align: left
}

.popup__goals-minute {
  width: 50px;
  height: 100%;
  font-size: 17px;
  line-height: 20px;
  font-weight: 600;
  color: rgba(var(--color-bg-color1), 1)
}

.widget-insert-match a {
  color: inherit
}

.event-item-subs {
  font-size: 18px;
  line-height: 52px;
  font-weight: 700;
  margin: 0 10px 0 0
}

.vertical-timeline__event-info--right .sub {
  transform: scale(-1, 1)
}

.event-item-subs--in {
  color: #74b25e
}

.event-item-subs--out {
  color: #ff4847
}

.child-margin {
  margin-bottom: 26px
}

.table--disqualifications .table__cell, .table--referees .table__cell {
  padding: 10px 0 10px 15px;
  line-height: 20px;
  height: 50px;
  min-width: 147px
}

.table--disqualifications .table__cell--leftover, .table--disqualifications .table__cell--disqualification, .table--disqualifications .table__cell--date {
  padding: 10px 15px
}

.disqualifications__value, .disqualifications__type, .disqualifications__reason {
  margin: 0
}

.disqualifications__reason {
  font-size: 14px;
  line-height: 15px;
  width: 250px
}

.disqualifications__type {
  font-size: 14px;
  color: rgba(var(--color-text-additional), 1)
}

.table--disqualifications .table__player-info {
  width: 299px
}

.table--disqualifications-tournament .table__player-info {
  width: 175px
}

.table--disqualifications .table__player-name, .table--disqualifications .table__player-team {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.table--disqualifications .table__player-team {
  font-size: 14px;
  line-height: 14px
}

.table__cell--leftover {
  font-weight: 700;
  color: #9e0505
}

.table--disqualifications-tournament .disqualifications__reason {
  width: 210px
}

.disqualifications__tournament {
  display: block;
  width: 130px
}

.disqualifications__empty {
  text-align: center
}

.disqualifications-selects-type, .disqualifications-selects-tournament {
  display: inline-block
}

.disqualifications-selects .disqualifications-selects-type, .disqualifications-selects .disqualifications-selects-tournament {
  margin: 0 30px 0 0
}

.disqualifications-selects {
  display: flex;
  margin: 0 0 20px 0
}

.button--disqualifications {
  display: inline-block;
  width: auto;
  padding: 0 25px
}

.refresh-button {
  display: flex;
  align-items: center;
  font-size: 13px;
  height: 44px;
  text-align: center;
  vertical-align: middle;
  color: #999999;
  background-color: transparent;
  text-transform: uppercase;
  cursor: pointer;
  border: 0;
  outline: 0;
  margin: 0 0 0 auto;
  padding: 0 20px
}

.refresh {
  margin: 0 5px 0 0;
  flex-shrink: 0
}

.table--disqualifications .mobile-version {
  display: none
}

.table__team-img, .schedule__team-img, .schedule__team-logo, .table__team-logo, .match-promo__team-logo, .match-promo__team-img, .match-events__team-img, .match-history__team-img, .match-protocol__team-img, .match-broadcast__team-img, .match-events__top .match-events__team-logo, .match-history__top .match-history__team-logo, .match-protocol__top .match-protocol__team-logo, .match-broadcast__top .match-broadcast__team-logo, .popup__team-logo, .popup__team-img, .playoff-big .playoff-match .team-cont > img, .playoff .playoff-match .team-cont > img, .fame__table-logo {
  flex-shrink: 0;
  border-radius: var(--team-logo-form)
}

.table__player-picture, .sidebar__table-cell--photo-img, .table__player-img, .fame__table-picture {
  flex-shrink: 0;
  border-radius: var(--person-logo-form)
}

.schedule__team-logo, .table__team-logo, .match-promo__team-logo, .match-events__top .match-events__team-logo, .match-history__top .match-history__team-logo, .match-protocol__top .match-protocol__team-logo, .match-broadcast__top .match-broadcast__team-logo, .popup__team-logo, .playoff-big .playoff-match .team-cont > img, .playoff .playoff-match .team-cont > img, .fame__table-logo {
  border: var(--team-logo-border)
}

.pagination-section {
  display: flex;
  justify-content: center;
  margin: 40px 0 30px 0;
  padding: 0;
  list-style-type: none
}

.pagination-section__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #bdbdbd;
  margin-right: 8px;
  font-size: 16px;
  border-radius: 2px;
  cursor: pointer
}

.pagination-section__item:last-child {
  margin-right: 0
}

.pagination-section__item--active {
  background-color: rgba(var(--color-bg-accent), 1);
  color: rgba(var(--color-text-accent), 1);
  border: 1px solid rgba(var(--color-bg-accent), 1)
}

.pagination-section__item--disabled {
  opacity: .4;
  cursor: not-allowed
}

.pagination-section__item--ellipsis {
  width: 20px;
  border: 1px solid transparent
}

.pagination-section__item span, .pagination-section__item a {
  width: 100%;
  height: 100%;
  line-height: 24px;
  text-align: center;
  color: inherit
}

.pagination-section__item--arrow i {
  position: relative;
  top: 2px;
  font-size: 20px;
  color: #909090
}

.pagination-section__item--arrow i.fa-angle-double-left, .pagination-section__item--arrow i.fa-angle-left {
  left: -1px
}

.pagination-section__item--arrow i.fa-angle-double-right, .pagination-section__item--arrow i.fa-angle-right {
  right: -1px
}

/* Виджет публикаций */
.tournament-container-widget {
  min-width: 1110px;
  width: 1110px;
  padding: 20px 0 50px 0;
  position: relative;
  overflow: hidden;
}

.tournament-container-widget--small {
  min-width: 910px;
  width: 910px;
  padding: 0;
}

.tournament-container-widget--colorful {
  background-color: rgba(var(--color-bg-default), 1);
}

.tournament-container-widget--colorful:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-bg-color1), 0.34);
}

.tournament-widget-element {
  position: absolute;
  transform: skewX(-15deg);
  z-index: 2;
}

.tournament-widget-element--0 {
  width: 75px;
  height: 4000px;
  top: 0;
  right: 570px;
  background-color: rgba(var(--color-bg-color2), 0.40);
}

.tournament-widget-element--1 {
  width: 100px;
  height: 4000px;
  top: 0;
  right: 700px;
  background-color: rgba(var(--color-bg-color1), 0.30);
}

.tournament-widget-element--2 {
  width: 200px;
  height: 4000px;
  top: 0;
  right: 370px;
  background: radial-gradient(var(--color-bg-color2), rgba(var(--color-bg-color1), 0.70));
}

.tournament-widget-element--3 {
  width: 200px;
  height: 4000px;
  top: 0;
  left: -425px;
  background: linear-gradient(to bottom, transparent 100px, rgba(var(--color-bg-color1), 0.50) 400px);
}

.tournament-widget {
  min-width: 910px;
  width: 910px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}

.tournament-widget-link {
  position: relative;
  z-index: 3;
  color: rgba(var(--color-text-default), 1);
  text-align: center;
  font-size: 22px;
  margin: 20px 0 5px 0;
  text-decoration: underline;
}

.statistics-vk-widget .content-navigation {
  position: relative
}

.statistics-vk-widget .content-navigation::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(var(--color-bg-accent), 1)
}

.tournament-table-widget {
  background-color: rgba(var(--color-bg-additional), 1);
  border-bottom: 5px solid rgba(var(--color-bg-accent), 1)
}

.tournament-table-widget .tournament-table-widget__title {
  padding: 18px 28px;
  margin: 0;
  font-size: 31px;
  line-height: 38px;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase
}

input[type=text], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=url], input[type=week], select:focus, textarea {
  -moz-appearance: none;
  -webkit-appearance: none
}

.comparison {
  position: relative;
  background-color: rgba(var(--color-bg-default), 1);
  overflow: hidden;
  padding: 45px 40px 60px 40px;
  margin: 15px 0 30px 0
}

.comparison .bg-element {
  background: linear-gradient(to top, rgba(var(--color-bg-default), .1), rgba(var(--color-bg-color1), .5))
}

.comparison__block {
  position: relative
}

.comparison__title {
  color: rgba(var(--color-text-default), 1);
  font-size: 23px;
  text-transform: uppercase;
  text-align: center;
  margin: 35px 0
}

.comparison__teams {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 60px 0
}

.comparison__team-logo, .comparison__team-img {
  border-radius: 50%;
  display: block
}

.comparison__team {
  display: flex;
  width: 47%
}

.comparison__team--right {
  justify-content: flex-end
}

.comparison__team-content {
  padding: 0 5px 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.comparison__team--right .comparison__team-content {
  padding: 0 30px 0 5px
}

.comparison__team-logo {
  flex-shrink: 0;
  background-color: #ffffff
}

.comparison__team-title {
  font-size: 26px;
  line-height: 28px;
  font-weight: 300;
  color: rgba(var(--color-text-default), 1);
  margin: 12px 0
}

.comparison__team--right .comparison__team-title, .comparison__team--right .comparison__team-rating {
  text-align: right
}

.comparison__team-rating {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), .5);
  margin: 12px 0
}

.comparison__team-rating-number {
  font-size: 35px;
  text-transform: uppercase;
  color: rgba(var(--color-bg-color1), 1);
  padding: 0 15px
}

.comparison__versus {
  font-size: 19px;
  text-transform: uppercase;
  color: rgba(var(--color-bg-color1), 1);
  padding: 10px;
  position: relative
}

.comparison__versus:before, .comparison__versus:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  background-color: rgba(var(--color-bg-color1), 1);
  transform: rotate(15deg);
  left: 50%;
  top: 50%
}

.comparison__versus:before {
  height: 94px;
  margin-left: 17px;
  margin-top: -110px
}

.comparison__versus:after {
  height: 50px;
  margin-left: -9px;
  margin-top: 15px
}

.comparison__stats {
  display: flex;
  justify-content: space-between
}

.comparison__aside, .comparison__stats-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.comparison__aside {
  width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 35px 10px;
  margin-top: -3px;
  position: relative
}

.comparison__aside-separation {
  position: absolute;
  display: block;
  width: 80px;
  height: 1px;
  top: 50%;
  margin-top: -26px;
  left: 50%;
  margin-left: -40px;
  background-color: rgba(var(--color-text-default), .23)
}

.comparison__aside-text {
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), .5);
  text-align: center
}

.comparison__aside-value {
  font-size: 45px;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), 1);
  line-height: 75px;
  text-align: center
}

.comparison__stats-middle {
  height: 100%
}

.comparison__stats-item {
  display: flex;
  width: 510px;
  height: 95px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-bg-color2), .6);
  border-right: 1px solid rgba(var(--color-bg-color1), 1);
  border-left: 1px solid rgba(var(--color-bg-color1), 1);
  margin: 0 auto 20px auto
}

.comparison__stats-right, .comparison__stats-left, .comparison__stats-middle-wrapper {
  width: 33.3%
}

.comparison__stats-middle-wrapper {
  background-color: rgba(var(--color-bg-color2), 1)
}

.comparison__stats-left, .comparison__stats-right, .comparison__stats-middle {
  transform: skewX(15deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.comparison__stats-text {
  color: rgba(var(--color-text-default), 1);
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: center;
  margin: 10px 0 0 0
}

.comparison__stats-right, .comparison__stats-left {
  color: rgba(var(--color-text-default), 1);
  font-size: 40px;
  text-transform: uppercase
}

.comparison .ball, .comparison .best-forward, .comparison .best-forward-mini, .comparison .best-forward-beach {
  fill: rgba(var(--color-bg-color1), 1)
}

.comparison .puck-skew, .comparison .puck-stick {
  stroke: rgba(var(--color-bg-color1), 1)
}

.comparison .wins {
  stroke: rgba(var(--color-bg-color1), 1)
}

.comparison .best-forward-mini {
  transform: rotate(30deg);
  width: 55px
}

.comparison .ball-missed, .comparison .puck-missed {
  stroke: rgba(var(--color-bg-accent), 1)
}

.comparison__score {
  font-size: 37px;
  line-height: 35px;
  color: rgba(var(--color-bg-color1), 1)
}

.comparison__best {
  display: flex;
  align-items: center;
  height: 100px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-bg-color2), .6);
  margin: 10px 15px 55px 15px;
  padding: 0 25px
}

.comparison__best-middle-wrapper {
  height: 100%;
  background-color: rgba(var(--color-bg-color2), 1);
  flex-shrink: 0
}

.comparison__best-middle {
  width: 170px;
  height: 100%;
  flex-direction: column;
  justify-content: center
}

.comparison__best-left, .comparison__best-right, .comparison__best-middle {
  transform: skewX(15deg);
  display: flex;
  align-items: center
}

.comparison__best-left, .comparison__best-right {
  justify-content: space-between;
  width: calc((100% - 170px) / 2)
}

.comparison__best-logo {
  flex-shrink: 0;
  background-color: #ffffff
}

.comparison__best-logo, .comparison__best-img {
  border-radius: 50%;
  display: block
}

.comparison__best-player {
  color: rgba(var(--color-text-default), 1);
  font-size: 18px;
  line-height: 18px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.comparison__best-left .comparison__best-player {
  text-align: right
}

.comparison__best-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 60px;
  justify-content: space-between;
  padding: 0 10px 0 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative
}

.comparison__best-content:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(var(--color-text-default), .1);
  left: 0;
  top: 50%
}

.comparison__best-left .comparison__best-content {
  align-items: flex-end;
  padding: 0 30px 0 10px
}

.comparison__best-text {
  font-size: 13px;
  line-height: 18px;
  color: rgba(var(--color-text-default), .5);
  padding: 0 5px 0 0
}

.comparison__best-number {
  font-size: 13px;
  line-height: 18px;
  color: rgba(var(--color-text-default), 1)
}

.comparison__best-values {
  display: flex
}

.comparison__best-value {
  margin: 0 15px 0 0
}

.comparison__best-left .comparison__best-value {
  margin: 0 0 0 15px
}

.comparison__best-empty {
  font-style: italic;
  color: rgba(var(--color-text-default), .25);
  font-size: 14px;
  margin: 0 auto
}

.comparison__probability {
  display: flex;
  align-items: center;
  height: 155px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-bg-color1), .5);
  margin: 10px 25px 20px 25px
}

.comparison__probability-text {
  font-size: 20px;
  line-height: 22px;
  color: rgba(var(--color-text-default), 1);
  text-align: center;
  margin: 0 0 15px 0
}

.comparison__probability-percent {
  font-size: 53px;
  line-height: 55px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), 1)
}

.comparison__probability-item {
  flex-basis: calc(100% / 3);
  flex-grow: 1;
  transform: skewX(15deg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  padding: 0 30px
}

.comparison__probability-item:first-child:after {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 155px;
  top: 0;
  right: 0;
  background-color: rgba(var(--color-bg-default), .8);
  transform: skewX(-15deg)
}

.comparison__probability-draw {
  transform: skewX(0deg);
  background-color: rgba(var(--color-bg-default), .8)
}

.comparison__probability-draw .comparison__probability-text, .comparison__probability-draw .comparison__probability-percent {
  transform: skewX(15deg)
}

.comparison__history {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 25px 45px 25px
}

.stats-horizontal--comparison {
  padding: 0;
  height: 155px;
  margin: 0 15px 40px 15px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center
}

.stats-horizontal--comparison .stats-horizontal__item {
  width: calc(100% / 4);
  text-align: center;
  padding: 30px 0 0 0
}

.stats-horizontal--comparison .stats-horizontal__title {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 0 0 8px 0
}

.stats-horizontal--comparison .stats-horizontal__value {
  font-size: 53px;
  line-height: 53px;
  font-weight: 400
}

.stats-horizontal--comparison .stats-horizontal__item--matches .stats-horizontal__score {
  color: rgba(var(--color-text-default), 1)
}

.stats-horizontal--comparison .stats-horizontal__score {
  font-size: 58px
}

.stats-horizontal--comparison .stats-horizontal__score-percent {
  font-size: 14px;
  line-height: 25px
}

.comparison__history .stats-horizontal--comparison .stats-horizontal__item:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -78px;
  right: 0;
  width: 1px;
  height: 155px;
  transform: skewX(-15deg);
  background-color: rgba(var(--color-bg-color1), 1)
}

.stats-horizontal--comparison .stats-horizontal__item--matches {
  position: relative
}

.stats-horizontal--comparison .stats-horizontal__item--matches:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: skewX(-15deg);
  top: 0;
  left: 0;
  background-color: rgba(var(--color-bg-color1), .12);
  border-left: 1px solid rgba(var(--color-bg-color1), 1)
}

.widget-insert-table .grids .table--table .table__cell--form-results {
  padding-left: 0
}

.widget-insert-table .grids .table--form .form-results-list {
  width: 525px
}

.widget-insert-calendar .js-schedule {
  position: relative
}

.page-text .widget-insert-table .grids .table--table .table__cell--form-results {
  padding-left: 70px
}

.widget-insert-table .widget-title, .widget-insert-calendar .widget-title {
  display: none
}

.widget-insert-calendar a.schedule__score {
  display: block
}

.widget-insert-calendar a.schedule__team-1, .widget-insert-calendar a.schedule__team-2, .widget-insert-match a.match-promo__team-logo, .widget-insert-table a.table__team {
  display: flex
}

.widget-insert-table a.form-results-link {
  color: #ffffff
}

.widget-insert-calendar ul.schedule__matches-list, .widget-insert-table ul.form-results-list, ul.tags--news-list {
  padding: 0
}

.widget-insert-table a.tabs__text {
  display: block;
  line-height: unset;
  overflow: unset
}

.widget-insert-table table th, .widget-insert-table table td {
  padding: unset;
  border: unset
}

.fame__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap
}

.fame__item {
  width: 281px;
  margin: 0 30px 30px 0
}

.fame__item:nth-child(4n) {
  margin: 0 0 30px 0
}

.fame__top {
  height: 45px;
  line-height: 45px;
  background-color: rgba(var(--color-bg-default), 1);
  color: rgba(var(--color-text-default), 1);
  font-weight: 700;
  font-size: 18px;
  padding: 0 15px
}

.fame__header-wrapper {
  overflow: hidden;
  background-color: rgba(var(--color-bg-default), 1)
}

.fame__header {
  display: flex;
  height: 140px;
  padding: 15px;
  color: rgba(var(--color-text-default), 1);
  background-color: rgba(var(--color-bg-color1), .8);
  position: relative
}

.fame__block--team .fame__header {
  background-color: rgba(var(--color-bg-color1), .35)
}

.fame__header:after {
  position: absolute;
  content: '';
  border: 65px solid transparent;
  border-left: 40px solid rgba(var(--color-bg-default), .5);
  border-top: 125px solid rgba(var(--color-bg-default), .5);
  top: 0;
  left: 0
}

.fame__block--team .fame__header:after {
  border-left: 40px solid rgba(var(--color-bg-color1), .7);
  border-top: 125px solid rgba(var(--color-bg-color1), .7)
}

.fame__picture {
  flex-shrink: 0;
  position: relative;
  margin: 0 25px 0 0;
  z-index: 2
}

.fame__logo, .fame__img {
  display: block;
  border-radius: 50%
}

.fame__logo {
  background-color: #ffffff
}

.fame__logo--small {
  position: absolute;
  left: 10px;
  bottom: -5px
}

.fame__header-content {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.fame__header-title, .fame__header-subtitle {
  display: block;
  color: rgba(var(--color-text-default), 1)
}

.fame__header-title {
  font-size: 19px;
  line-height: 21px;
  font-weight: 700;
  max-height: 135px;
  overflow: hidden
}

.fame__header-subtitle {
  font-size: 13px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fame__header-stats {
  display: flex;
  font-size: 33px;
  line-height: 45px;
  font-weight: 700
}

.fame__header-stats span {
  display: inline-block;
  padding: 0 20px 0 0
}

.fame__icon {
  position: absolute;
  top: -10px;
  right: -70px;
  opacity: .1;
  stroke: #ffffff
}

.table--fame .table__cell {
  padding: 0 5px
}

.fame__player {
  display: flex;
  flex-direction: column;
  max-width: 120px
}

.fame__team {
  max-width: 160px
}

.fame__player a, .fame__team a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.fame__player-name {
  line-height: 20px
}

.fame__player-team {
  font-size: 12px;
  line-height: 14px
}

.fame__table-picture, .fame__table-logo {
  display: block
}

.table--fame .table__cell--number {
  width: 10%;
  padding: 0 5px 0 15px
}

.table--fame .table__cell--picture {
  width: 15%
}

.table--fame .table__cell--player {
  width: 46%
}

.table--fame .table__cell--team {
  width: 56%
}

.table--fame .table__cell--value {
  width: 10%;
  padding: 0 10px;
  text-align: center
}

.table--fame .table__cell--value:last-of-type {
  width: 15%;
  padding: 0 15px 0 5px
}

.table--fame .table__cell--player-head {
  padding: 0 15px
}

.table--fame .table__head .table__cell {
  text-transform: none
}

.fame-banner {
  display: block;
  height: 150px;
  overflow: hidden;
  background-color: rgba(var(--color-bg-color2), 1);
  position: relative;
  padding: 25px 0 0 100px
}

.fame-banner .bg-element {
  position: absolute;
  transform: skewX(-15deg);
  z-index: 0;
  top: 0;
  height: 150px
}

.fame-banner .bg-element--0 {
  background-color: rgba(var(--color-bg-default), 1);
  right: 0;
  left: unset;
  margin-right: -20px;
  width: 59%
}

.fame-banner .bg-element--1 {
  background-color: rgba(var(--color-bg-color1), .3);
  right: 0;
  left: unset;
  margin-right: -25px;
  width: 5%
}

.fame-banner .bg-element--2 {
  background: linear-gradient(to bottom, rgba(var(--color-bg-color1), .4) 30%, rgba(var(--color-bg-color1), 0));
  right: 29%;
  left: unset;
  width: 14%;
  height: 140px
}

.fame-banner .bg-element--3 {
  background-color: rgba(var(--color-bg-color1), .3);
  right: 2px;
  left: unset;
  width: 32%
}

.fame-banner__hall {
  width: 390px;
  height: 86px;
  transform: skewX(-15deg);
  position: relative;
  z-index: 1
}

.fame-banner__hall-container {
  background-color: rgba(var(--color-bg-accent), .85);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.fame-banner__hall:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-bg-color2), .9);
  z-index: -1;
  top: 12px;
  left: 12px
}

.fame-banner__main-star {
  position: absolute;
  transform: skewX(15deg);
  fill: rgba(var(--color-bg-accent), 1);
  left: -37px;
  z-index: 2
}

.fame-banner__main-star-shadow {
  position: absolute;
  width: 11px;
  height: 97px;
  background-color: rgba(var(--color-bg-color2), .2);
  bottom: -9px;
  left: 28px;
  transform: skewX(45deg) rotate(23deg);
  z-index: 1
}

.fame-banner__main-star-shadow--1 {
  height: 40px;
  background-color: rgba(var(--color-bg-color2), .3);
  transform: rotate(47deg);
  bottom: -15px;
  left: 6px
}

.fame-banner__main-star-shadow--2 {
  height: 21px;
  background-color: rgba(var(--color-bg-color2), .3);
  transform: skewX(-4deg) rotate(47deg);
  bottom: 32px;
  left: 44px
}

.fame-banner__hall__text {
  transform: skewX(15deg);
  font-size: 42px;
  text-transform: uppercase;
  color: rgba(var(--color-text-default), 1)
}

.fame-banner__cup {
  position: absolute;
  stroke: rgba(var(--color-bg-color1), 1);
  right: 80px;
  bottom: -33px
}

.fame-banner__star {
  position: absolute;
  fill: rgba(var(--color-bg-color1), 1)
}

.fame-banner__star--0 {
  width: 30px;
  height: 31px;
  right: 230px;
  bottom: 25px
}

.fame-banner__star--1 {
  width: 18px;
  height: 19px;
  right: 275px;
  bottom: 95px
}

.fame-banner__star--2 {
  width: 12px;
  height: 14px;
  right: 325px;
  bottom: 35px;
  fill: rgba(var(--color-bg-color1), .45)
}

.stats-info {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: auto 0 26px 0;
  width: 100%
}

.stats-info__item {
  display: flex;
  align-items: center
}

.stats-info__icon {
  margin: 0 16px 0 0
}

.stats-info__text {
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  text-transform: uppercase
}

.stats-info__number {
  color: rgba(var(--color-bg-color1), 1);
  font-size: 36px;
  font-weight: 700;
  line-height: 36px
}

.stats-info__icon--fill-color {
  fill: #bfbfbf
}

.stats-info__icon--stroke-color {
  stroke: #bfbfbf
}

.stats-info-team {
  background: rgba(var(--color-bg-additional), 1);
  padding: 25px 80px;
  margin: 0 0 20px 0;
  display: block
}

.stats-info-team .stats-info {
  margin: 0
}

.print-button {
  padding: 30px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  background-color: rgba(var(--color-bg-additional), 1)
}

.print-button__icon {
  margin: 0 20px 0 0;
  stroke: rgba(var(--color-text-base), 1)
}

.print-button__text {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  text-decoration: underline
}

@media (min-width: 480px) {
  .desktop-hide {
    display: none !important
  }
}

.stats-info__icon_blue-card{
  filter: hue-rotate(-110deg);
}
._blue-card .red-card{
  filter: hue-rotate(-110deg);
}

.team-logo-border__none,
.playoff .playoff-match .team-cont > .team-logo-border__none,
.match-events__top .match-events__team-logo.team-logo-border__none {
  border: none;
}

/* Блок "Достижения" */

.achievements {
  width: 100%;
  margin-bottom: 25px;
  padding: 32px 28px 12px 28px;
  background-color: rgba(var(--color-bg-additional),1);
}

.achievements__title {
  margin: 0 0 23px 0;
  font-size: 23px;
  line-height: 23px;
  font-weight: 700;
  text-transform: uppercase;
}

.achievements__list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  list-style: none;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.achievements__item {
  width: 100%;
  height: 122px;
  background-color: rgba(var(--color-bg-base),1);
  overflow: hidden;
}

.achievements__link {
  display: flex;
  width: 100%;
  height: 100%;
}

.achievements__picture {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 100%;
  background-color: rgba(var(--color-bg-color1), 1);
}

.achievements__item--place-1 .achievements__picture {
  background-color: rgba(var(--color-bg-color-gold), 1);
}

.achievements__item--place-2 .achievements__picture {
  background-color: rgba(var(--color-bg-color-silver), 1);
}

.achievements__item--place-3 .achievements__picture {
  background-color: rgba(var(--color-bg-color-bronze), 1);
}

.achievements__icon {
  position: relative;
  right: 10px;
  fill: rgba(var(--color-text-default), 1);
}

.achievements__icon[data-icon=puck-skew],
.achievements__icon[data-icon=puck-stick],
.achievements__icon[data-icon=assists],
.achievements__icon[data-icon=helmet] {
  stroke: rgba(var(--color-text-default), 1);
}

.achievements__number {
  display: block;
  position: absolute;
  width: 40px;
  height: 20px;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -30px;
  font-size: 27px;
  font-weight: 700;
  color: rgba(var(--color-text-default), 1);
  text-align: center;
}

.achievements__number--big {
  width: 50px;
  height: 36px;
  line-height: 36px;
  font-size: 47px;
  font-weight: 400;
  margin-top: -18px;
  margin-left: -34px;
}

.achievements--player .achievements__picture {
  background-color: rgba(var(--color-bg-color2), 1);
}

.achievements__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 144px);
  padding: 20px 12px 20px 5px;
  z-index: 2;
}

.achievements__content::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 122px;
  top: 0;
  left: -17px;
  background-color: rgba(var(--color-bg-base),1);
  transform: skewX(-15deg);
  z-index: -1;
}

.achievements__item-title {
  flex-shrink: 0;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 6px 0;
  max-height: 58px;
  overflow: hidden;
}

.achievements--player .achievements__item-title {
  text-transform: uppercase;
  max-height: 36px;
  overflow: hidden;
}

.achievements__item-subtitle {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-height: 16px;
}

.achievements__text {
  display: block;
  font-size: 14px;
  line-height: 17px;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.achievements--half .achievements__list {
  grid-template-columns: repeat(2,1fr);
}

.achievements--full .achievements__list {
  grid-template-columns: repeat(1,1fr);
}

/* Кастомные фоны для виджетов турнира */

.widget-balls__element,
.widget-landscape__element,
.widget-skew__element,
.widget-zigzag__element,
.widget-comb__element,
.widget-rhombus__element,
.widget-tunnel__element,
.widget-neon__element {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.widget-flares__element,
.widget-cutouts__element,
.widget-laser__element,
.widget-pyramids-blue__element,
.widget-pyramids-green__element,
.widget-pyramids-orange__element {
  display: none;
}

/* Мячи-звёзды */

.widget-balls {
  background-color: rgba(var(--color-bg-default), 1);
}

/* Ландшафт */

.widget-landscape {
  background: linear-gradient(180deg, rgba(var(--color-bg-color1), 1) 0%, rgba(var(--color-bg-default), 1) 64.2857%, rgba(var(--color-bg-color2), 1) 79.1667%, rgba(var(--color-bg-color1), 1) 100%);
}

/* Скосы */

.widget-skew {
  background-color: rgba(var(--color-bg-default), 1);
}

/* Зигзаг */

.widget-zigzag {
  background-color: rgba(var(--color-bg-default), 1);
}

/* Соты */

.widget-comb {
  background-color: rgba(var(--color-bg-color2), 1);
}

.widget-comb__element {
  top: 0;
  left: -80px;
}

/* Ромбы */

.widget-rhombus {
  background-color: rgba(var(--color-bg-default), 1);
}

.widget-rhombus__element {
  top: 0;
  left: -123px;
}

/* Туннель */

.widget-tunnel {
  background-color: rgba(var(--color-bg-color2), 1);
}

/* Неон */

.widget-neon {
  background-color: rgba(var(--color-bg-default), 1);
}

/* Блики */

.widget-flares,
.widget-cutouts,
.widget-laser,
.widget-pyramids-blue,
.widget-pyramids-green,
.widget-pyramids-orange {
  background-size: 1110px auto;
}

.widget-flares {
  background-image: url("/img/widgets-backgrounds/flares.png");
}

.widget-cutouts {
  background-image: url("/img/widgets-backgrounds/cutouts.png");
}

.widget-laser {
  background-image: url("/img/widgets-backgrounds/laser.png");
}

.widget-pyramids-blue {
  background-image: url("/img/widgets-backgrounds/pyramids-blue.png");
}

.widget-pyramids-green {
  background-image: url("/img/widgets-backgrounds/pyramids-green.png");
}

.widget-pyramids-orange {
  background-image: url("/img/widgets-backgrounds/pyramids-orange.png");
}

/* виджеты турнира dark mode */

.widget--dark {
  --color-text-base: 255, 255, 255;
  --color-text-additional: 108, 114, 116;
  --color-bg-base: 23, 26, 28;
  --color-bg-additional: 45, 49, 51;
  --color-bg-default: 14, 18, 20;
  --color-bg-color1: 108, 114, 116;
  --color-bg-color2: 0, 0, 0;
  --color-text-default: 255, 255, 255;
  --color-text-accent: 255, 255, 255;
  --color-text-color1: 255, 255, 255;
  --color-text-color2: 255, 255, 255;
}

.widget--dark .header {
  background-color: rgba(var(--color-bg-default), 1);
  background-blend-mode: luminosity;
}

.widget--dark .header__title {
  filter: grayscale(100%);
}

.widget--dark .navigation {
  background: rgba(var(--color-bg-additional), 1);
}

.widget--dark .tournament,
.widget--dark .page-title {
  background-color: rgba(var(--color-bg-default), 1);
}

.widget--dark .tournament__info {
  color: rgba(var(--color-bg-color1), 1);
}

.widget--dark .button:not(.form__button, .form__players-new, .form__players-delete) {
  background-color: rgba(var(--color-bg-accent), 0.80);
}

.widget--dark .calendar__select-item-default,
.widget--dark .calendar__select-item-options {
  color: rgba(var(--color-text-base), 1);
}

.widget--dark .matches-overview__list .slick-track .slick-slide:nth-child(2n) .matches-overview__item,
.widget--dark .matches-overview__past-matches:before,
.widget--dark .matches-overview__past-matches .arrow-back--matches-overview {
  background-color: rgba(var(--color-bg-default), 1);
}

.widget--dark .matches-overview__future-matches .slick-track .slick-slide:nth-child(2n) .matches-overview__item {
  background-color: rgba(var(--color-bg-color1), 0.34);
}

.widget--dark .tabs--participants .tabs__item:not(:last-child) {
  border-right: 1px solid rgba(var(--color-text-color1), 0.50);
}

.widget--dark .player-promo__statistics-values {
  color: rgba(var(--color-text-base), 1);
}

.widget--dark .grids .tabs__navigation,
.widget--dark .schedule .tabs__navigation,
.widget--dark .content-navigation,
.widget--dark .table--player-transfer .table__title {
  background-color: rgba(var(--color-bg-color1), 1);
}

.widget--dark .team-promo {
  background: linear-gradient(-75deg, rgba(var(--color-bg-additional), 1) 27%, rgba(var(--color-bg-color2), 1) 27%, rgba(var(--color-bg-color2), 1) 100%);
}

.widget--dark .vertical-timeline__event-minute {
  color: rgba(var(--color-text-base), 1);
}

.widget--dark .vertical-timeline__event-minute::after,
.widget--dark .vertical-timeline__event-minute::before {
  background-color: rgba(var(--color-text-base), 0.30);
}

.widget--dark .vertical-timeline__event-assist,
.widget--dark .vertical-timeline__event-comment {
  color: rgba(var(--color-bg-color1), 1);
}

.widget--dark .vertical-timeline__time::before,
.widget--dark .vertical-timeline__time::after,
.widget--dark .vertical-timeline__time--last::after, .vertical-timeline__block::after {
  background-color: rgba(var(--color-bg-color1), 1);
}

.widget--dark .event-item svg,
.widget--dark .event-cont svg,
.widget--dark .table__head svg,
.widget--dark .timeline-goals__icon--cont svg {
  fill: rgba(var(--color-text-base), 1);
}

.widget--dark .news-item__content-wrapper a {
  color: rgba(var(--color-text-base), 1);
}

.widget--dark .table__cell--leftover {
  color: #d42020;
}

.widget--dark .form__input {
  color: #000000;
}

.widget--dark .match-protocol__row {
  border-bottom: 1px solid rgba(var(--color-text-base), 0.30);
}

.widget--dark .match-protocol__member-variable[data-value="0"] {
  color: rgba(var(--color-bg-color1), 1);
}

.widget--dark .playoff-big .playoff-match .playoff-match-cont,
.widget--dark .playoff .playoff-match .playoff-match-cont,
.widget--dark .playoff .playoff-match .additional,
.widget--dark .playoff .playoff-match .datetime,
.widget--dark .playoff .playoff-match {
  background-color: rgba(var(--color-bg-default), 1);
}

.widget--dark .playoff-big .playoff-match .team-cont > span,
.widget--dark .playoff .playoff-match .team-cont > span,
.widget--dark .playoff-big .playoff-match .score .series-score a {
  color: rgba(var(--color-text-base), 1);
}

.widget--dark .playoff .playoff-match table:after {
  background-color: rgba(var(--color-bg-color1), 1);
}

.widget--dark .application__description {
  background-color: rgba(var(--color-bg-additional), 1);
}

.widget--dark .match-broadcast-video__button {
  border: 2px solid rgba(var(--color-text-additional), 1);
}

.widget--dark .match-broadcast-video__button::before {
  background-color: rgba(var(--color-text-additional), 1);
}

.widget--dark .news-item__content,
.widget--dark .page-text {
  background-color: rgba(var(--color-bg-additional), 0.50);
}

.widget--dark .form__input,
.widget--dark .participants-search .form__input {
  background-color: rgba(var(--color-text-additional), 1);
  border: 1px solid rgba(var(--color-text-additional), 1);
}

.widget--dark .form__date .input-group-addon:after {
  border-top: 44px solid rgba(var(--color-text-additional), 1);
}

.widget--dark .tournament,
.widget--dark .page-title {
  background-color: unset;
}

.widget--dark .tournament-widget .schedule__unit,
.widget--dark .tournament-widget .table {
  background-color: rgba(var(--color-bg-additional), 1);
}

.widget--dark .tournament-widget .comparison {
  margin: 0;
}