html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

/**
* http://code.iamkate.com/html-and-css/fixing-browsers-broken-monospace-font-handling/
*/
pre,
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

a:focus {
  outline: 0;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

img,
iframe,
object,
embed,
svg {
  vertical-align: middle;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

figure {
  margin: 0;
}

[disabled] {
  cursor: default;
}

.grid, .progress, .menu-footer__list, .menu-icons__list, .menu-main__list {
  margin: 0;
}

.grid__cell, .progress__item, .menu-footer__item, .menu-icons__item, .menu-main__item {
  margin: 0;
  padding: 0;
  background: none;
}

.grid {
  counter-reset: none;
}

.grid__cell {
  position: static;
}

.grid__cell::before {
  content: normal;
  counter-increment: none;
  position: static;
  top: auto;
  left: auto;
}

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grid__cell {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
}

.grid--scroll {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: auto;
}

.js .grid--scroll {
  overflow-x: hidden;
}

.grid--scroll .grid__cell {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.grid--scroll .slick-slide .grid__cell {
  max-width: none;
}

html {
  color: #ffffff;
  font-family: "Open Sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif;
  font-size: 16px;
  line-height: 1.625;
}

h1:not([class]),
h2:not([class]),
h3:not([class]),
h4:not([class]),
h5:not([class]),
h6:not([class]) {
  margin: 1.5em 0 0.5em;
  font-weight: bold;
  line-height: 1.2;
}

h1:not([class]),
.h1 {
  font-weight: 800;
  font-size: 26px;
  line-height: 1;
}

h2:not([class]),
.h2 {
  font-weight: 800;
  font-size: 20px;
  line-height: 1.35;
}

h3:not([class]),
.h3 {
  font-weight: 800;
  font-size: 18px;
  line-height: 1.333333333;
}

@media (max-width: 749.98px) {
  .h1\@sm {
    font-weight: 800;
    font-size: 26px;
    line-height: 1;
  }
}

@media (max-width: 749.98px) {
  .h2\@sm {
    font-weight: 800;
    font-size: 20px;
    line-height: 1.35;
  }
}

@media (max-width: 749.98px) {
  .h3\@sm {
    font-weight: 800;
    font-size: 18px;
    line-height: 1.333333333;
  }
}

@media (min-width: 750px), print {
  .h1\@lg {
    font-size: 36px;
  }
}

@media (min-width: 1000px) {
  .h2\@lg {
    font-size: 24px;
    line-height: 1.333333333;
  }
}

.perex {
  font-size: 20px;
  line-height: 1.35;
}

.caption {
  color: #c6c6c6;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.3;
}

.caption strong {
  font-weight: 800;
}

p {
  margin: 0 0 1.25em;
}

hr {
  height: 1px;
  margin: 1.25em 0;
  border: solid #dddddd;
  border-width: 1px 0 0;
  overflow: hidden;
}

blockquote {
  margin: 0 0 1.25em;
  padding: 0;
}

blockquote p {
  margin-bottom: 0;
}

a:not([class]),
.a {
  color: #ffffff;
  font-weight: 600;
  text-decoration: underline;
  transition: -webkit-text-decoration 0.3s;
  transition: text-decoration 0.3s;
  transition: text-decoration 0.3s, -webkit-text-decoration 0.3s;
  -webkit-tap-highlight-color: transparent;
}

.hoverevents a:not([class]):hover, .hoverevents
.a:hover {
  text-decoration: none;
}

ul,
ol,
dl {
  margin: 0 0 1.25em;
  padding: 0;
  list-style: none;
}

li {
  margin: 0 0 0.3125em;
  padding: 0 0 0 20px;
}

ul li {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath d='M0 0h4v4H0z'/%3E%3C/svg%3E%0A");
  background-position: 5px 0.5em;
  background-repeat: no-repeat;
  background-size: 4px 4px;
}

ol {
  counter-reset: item;
}

ol li {
  position: relative;
}

ol li::before {
  content: counter(item) ".";
  counter-increment: item;
  position: absolute;
  top: 0;
  left: 0;
}

ol ol li::before {
  content: counter(item, lower-alpha) ".";
}

dt {
  margin: 0;
  font-weight: bold;
}

dd {
  margin: 0 0 0.625em;
  padding: 0;
}

table {
  clear: both;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
  margin: 0 0 1.25em;
  border: 0;
}

caption {
  padding: 0 0 10px;
  font-weight: bold;
  text-align: left;
  caption-side: top;
}

th {
  font-weight: bold;
}

td,
th {
  vertical-align: top;
  padding: 7px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}

td:last-child,
th:last-child {
  text-align: right;
}

thead th {
  background: #000000;
}

figure {
  margin-bottom: 1.25em;
}

figcaption {
  margin-top: 0.5em;
}

@media (max-width: 1199.98px), print {
  img {
    max-width: 100%;
    height: auto;
  }
}

.icon-svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 18px;
}

.icon-svg__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: currentColor;
  pointer-events: none;
  transform: translateZ(0);
}

.icon-svg::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.icon-svg--arrow-back {
  width: 26px;
}

.icon-svg--arrow-down-red {
  width: 26px;
}

.icon-svg--arrow-down-white {
  width: 26px;
}

.icon-svg--arrow-down {
  width: 11.2px;
}

.icon-svg--arrow-expand {
  width: 26px;
}

.icon-svg--arrow-up-white {
  width: 26px;
}

.icon-svg--arrow-up {
  width: 26px;
}

.icon-svg--bonus-full {
  width: 20px;
}

.icon-svg--bonus {
  width: 14px;
}

.icon-svg--calendar {
  width: 14px;
}

.icon-svg--check-thick {
  width: 9.2px;
}

.icon-svg--check {
  width: 11.3px;
}

.icon-svg--checkbox-off {
  width: 22px;
}

.icon-svg--checkbox-on {
  width: 22px;
}

.icon-svg--close-light-small {
  width: 14px;
}

.icon-svg--close-light {
  width: 26px;
}

.icon-svg--coins {
  width: 22px;
}

.icon-svg--discord {
  width: 31px;
}

.icon-svg--edit {
  width: 26px;
}

.icon-svg--exclamation-mark {
  width: 20px;
}

.icon-svg--facebook {
  width: 12px;
}

.icon-svg--help-red {
  width: 14px;
}

.icon-svg--help-white {
  width: 26px;
}

.icon-svg--hr {
  width: 28px;
}

.icon-svg--info-msg {
  width: 22px;
}

.icon-svg--instagram {
  width: 24px;
}

.icon-svg--league {
  width: 14px;
}

.icon-svg--live-now {
  width: 75px;
}

.icon-svg--mail-incoming {
  width: 26px;
}

.icon-svg--menu {
  width: 14px;
}

.icon-svg--minus-w {
  width: 10px;
}

.icon-svg--minus {
  width: 10px;
}

.icon-svg--plus-w {
  width: 10px;
}

.icon-svg--plus {
  width: 10px;
}

.icon-svg--resend-light {
  width: 20px;
}

.icon-svg--step-actual {
  width: 22px;
}

.icon-svg--step-future {
  width: 22px;
}

.icon-svg--step-passed {
  width: 22px;
}

.icon-svg--success-w {
  width: 22px;
}

.icon-svg--success {
  width: 22px;
}

.icon-svg--twitter {
  width: 24px;
}

.icon-svg--users {
  width: 26px;
}

.icon-svg--usr {
  width: 26px;
}

.icon-svg--versus {
  width: 4px;
}

.icon-svg--warning {
  width: 14px;
}

.icon-svg--arrow-down::before {
  padding-top: 54.46428571428571%;
}

.icon-svg--check-thick::before {
  padding-top: 77.17391304347827%;
}

.icon-svg--check::before {
  padding-top: 75.22123893805309%;
}

.icon-svg--discord::before {
  padding-top: 77.41935483870968%;
}

.icon-svg--facebook::before {
  padding-top: 200%;
}

.icon-svg--hr::before {
  padding-top: 71.42857142857143%;
}

.icon-svg--live-now::before {
  padding-top: 18.666666666666668%;
}

.icon-svg--versus::before {
  padding-top: 300%;
}

.back,
.back:first-child {
  margin: 20px 0 30px;
}

.back a,
.back:first-child a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
}

.back span,
.back:first-child span {
  font-weight: 700;
  text-decoration: underline;
}

.hoverevents .back a:hover span, .hoverevents
.back:first-child a:hover span {
  text-decoration: none;
}

@media (min-width: 1000px) {
  .back,
  .back:first-child {
    display: none;
  }
}

.badge {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-weight: 800;
}

.badge--green {
  background-color: #00a300;
}

.badge--success {
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  color: #00a300;
}

.btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: none;
  background-color: #ab0c11;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}

.btn::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background-image: linear-gradient(#cf1723, #a50e13);
  transition: opacity 0.3s;
}

.btn__wrapper {
  display: inline-block;
  margin: 0;
}

.btn__text {
  position: relative;
  display: block;
  padding: 22px 31px 23px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 800;
  line-height: 0.9375;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.btn--sm .btn__text {
  padding: 13px 15px 14px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25;
}

.btn--lg .btn__text {
  padding: 17px 25px 17px;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.333333333;
}

.btn__wrapper--wide, .btn--wide {
  display: block;
  width: 100%;
  text-align: center;
  max-width: 320px;
  margin: 0 auto;
}

.btn--outline, .btn--outline-primary {
  background-color: transparent;
}

.btn--outline::before, .btn--outline-primary::before {
  display: none;
}

.btn--outline .btn__text, .btn--outline-primary .btn__text {
  border: 1px solid #ffffff;
}

.btn--outline-primary .btn__text {
  border: 2px solid #ab0c11;
  background-image: none;
  color: #ab0c11;
}

.btn__wrapper--fullwidth, .btn--fullwidth {
  display: block;
  width: 100%;
  text-align: center;
}

.btn:disabled, .btn.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.btn:focus {
  outline: 3px solid transparent;
}

.hoverevents .btn:hover::before {
  opacity: 0;
}

.hoverevents .btn--outline-primary:hover .btn__text {
  border-color: #cf1723;
  background-color: #cf1723;
  color: #ffffff;
}

.hoverevents .btn--outline:hover .btn__text {
  background: #ffffff;
  color: #ab0c11;
}

@media (max-width: 749.98px) {
  .btn__wrapper--fullwidth-sm, .btn--fullwidth-sm {
    display: block;
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 1000px) {
  .btn--long .btn__text {
    padding-right: 58px;
    padding-left: 58px;
  }
}

.cutout-top {
  position: relative;
}

.cutout-top::before {
  content: '';
  position: absolute;
  top: -6px;
  right: 0;
  left: 0;
  display: block;
  height: 6px;
  background-color: rgba(23, 23, 25, 0.9);
  -webkit-mask-image: url("../img/illust/bg/pattern-top-pGHrDB3.svg");
          mask-image: url("../img/illust/bg/pattern-top-pGHrDB3.svg");
}

@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  .cutout-top::before {
    background-color: rgba(23, 23, 25, 0.7);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
  }
}

.cutout-bottom {
  position: relative;
}

.cutout-bottom::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  display: block;
  height: 6px;
  background-color: rgba(23, 23, 25, 0.9);
  -webkit-mask-image: url("../img/illust/bg/pattern-bottom-TdinGM6.svg");
          mask-image: url("../img/illust/bg/pattern-bottom-TdinGM6.svg");
}

@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  .cutout-bottom::after {
    background-color: rgba(23, 23, 25, 0.7);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
  }
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
  .section--highlight-bottom.cutout-bottom::after {
    background: radial-gradient(100% 893% at 50% 550%, rgba(207, 23, 35, 0.75), rgba(23, 23, 25, 0.7));
  }
  @media (min-width: 750px), print {
    .section--highlight-bottom.cutout-bottom::after {
      background: radial-gradient(50% 793% at 50% 500%, rgba(207, 23, 35, 0.75), rgba(23, 23, 25, 0.7));
    }
  }
  @media (min-width: 1000px) {
    .section--highlight-bottom.cutout-bottom::after {
      background: radial-gradient(30% 888% at 50% 500%, rgba(207, 23, 35, 0.75), rgba(23, 23, 25, 0.7));
    }
  }
}

@media (min-width: 1000px) {
  .section--highlight-bottom\@lg.cutout-bottom::after {
    background: radial-gradient(30% 888% at 50% 500%, rgba(207, 23, 35, 0.75), rgba(23, 23, 25, 0.7));
  }
}

.flag {
  text-align: center;
}

.flag__inner {
  display: inline-block;
  margin: 0 auto;
  padding: 9px 20px 8px;
  background-color: rgba(217, 217, 217, 0.1);
  font-weight: 600;
  font-size: 10px;
  line-height: 1.3;
}

.flag--green .flag__inner {
  background-color: rgba(0, 163, 0, 0.1);
  color: #00a300;
}

.row-main-wide,
.row-main {
  position: relative;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
}

.row-main-wide::before, .row-main-wide::after,
.row-main::before,
.row-main::after {
  content: '';
  display: table;
}

.row-main-wide::after,
.row-main::after {
  clear: both;
}

@media (min-width: 750px), print {
  .row-main-wide,
  .row-main {
    padding: 0 30px;
  }
}

@media (max-width: 749.98px) {
  .row-main-wide {
    padding: 0;
  }
}

@media (max-width: 749.98px) {
  .row-main-narrow .row-main-wide {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0;
  }
}

@media (min-width: 1000px) {
  .row-main-narrow {
    padding: 0 calc(8.33333% - 25px);
  }
}

@media (min-width: 1000px) {
  .row-main-extra-narrow {
    padding: 0 calc(16.666666667% - 25px);
  }
}

.grid {
  margin-bottom: -30px;
  margin-left: -30px;
}

.grid__cell {
  position: relative;
  border: 30px solid transparent;
  border-width: 0 0 30px 30px;
  -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
     border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
}

.grid__cell--top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.grid__cell--middle {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.grid__cell--bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.grid__cell--eq {
  display: -ms-flexbox;
  display: flex;
}

.grid__cell--eq > * {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.grid--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.grid--middle {
  -ms-flex-align: center;
      align-items: center;
}

.grid--bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.grid--center {
  -ms-flex-pack: center;
      justify-content: center;
}

.grid--right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.grid--space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.size--auto {
  width: auto;
}

.size--autogrow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  width: auto;
}

.size--1-12 {
  width: 8.333333333%;
}

.size--2-12 {
  width: 16.666666667%;
}

.size--3-12 {
  width: 25%;
}

.size--4-12 {
  width: 33.333333333%;
}

.size--5-12 {
  width: 41.666666667%;
}

.size--6-12 {
  width: 50%;
}

.size--7-12 {
  width: 58.333333333%;
}

.size--8-12 {
  width: 66.666666667%;
}

.size--9-12 {
  width: 75%;
}

.size--10-12 {
  width: 83.333333333%;
}

.size--11-12 {
  width: 91.666666667%;
}

.size--12-12 {
  width: 100%;
}

@media (min-width: 480px), print {
  .size--auto\@sm {
    width: auto;
  }
  .size--autogrow\@sm {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    width: auto;
  }
  .size--1-12\@sm {
    width: 8.333333333%;
  }
  .size--2-12\@sm {
    width: 16.666666667%;
  }
  .size--3-12\@sm {
    width: 25%;
  }
  .size--4-12\@sm {
    width: 33.333333333%;
  }
  .size--5-12\@sm {
    width: 41.666666667%;
  }
  .size--6-12\@sm {
    width: 50%;
  }
  .size--7-12\@sm {
    width: 58.333333333%;
  }
  .size--8-12\@sm {
    width: 66.666666667%;
  }
  .size--9-12\@sm {
    width: 75%;
  }
  .size--10-12\@sm {
    width: 83.333333333%;
  }
  .size--11-12\@sm {
    width: 91.666666667%;
  }
  .size--12-12\@sm {
    width: 100%;
  }
}

@media (min-width: 750px), print {
  .size--auto\@md {
    width: auto;
  }
  .size--autogrow\@md {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    width: auto;
  }
  .size--1-12\@md {
    width: 8.333333333%;
  }
  .size--2-12\@md {
    width: 16.666666667%;
  }
  .size--3-12\@md {
    width: 25%;
  }
  .size--4-12\@md {
    width: 33.333333333%;
  }
  .size--5-12\@md {
    width: 41.666666667%;
  }
  .size--6-12\@md {
    width: 50%;
  }
  .size--7-12\@md {
    width: 58.333333333%;
  }
  .size--8-12\@md {
    width: 66.666666667%;
  }
  .size--9-12\@md {
    width: 75%;
  }
  .size--10-12\@md {
    width: 83.333333333%;
  }
  .size--11-12\@md {
    width: 91.666666667%;
  }
  .size--12-12\@md {
    width: 100%;
  }
}

@media (min-width: 1000px) {
  .size--auto\@lg {
    width: auto;
  }
  .size--autogrow\@lg {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    width: auto;
  }
  .size--1-12\@lg {
    width: 8.333333333%;
  }
  .size--2-12\@lg {
    width: 16.666666667%;
  }
  .size--3-12\@lg {
    width: 25%;
  }
  .size--4-12\@lg {
    width: 33.333333333%;
  }
  .size--5-12\@lg {
    width: 41.666666667%;
  }
  .size--6-12\@lg {
    width: 50%;
  }
  .size--7-12\@lg {
    width: 58.333333333%;
  }
  .size--8-12\@lg {
    width: 66.666666667%;
  }
  .size--9-12\@lg {
    width: 75%;
  }
  .size--10-12\@lg {
    width: 83.333333333%;
  }
  .size--11-12\@lg {
    width: 91.666666667%;
  }
  .size--12-12\@lg {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .size--auto\@xl {
    width: auto;
  }
  .size--autogrow\@xl {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    width: auto;
  }
  .size--1-12\@xl {
    width: 8.333333333%;
  }
  .size--2-12\@xl {
    width: 16.666666667%;
  }
  .size--3-12\@xl {
    width: 25%;
  }
  .size--4-12\@xl {
    width: 33.333333333%;
  }
  .size--5-12\@xl {
    width: 41.666666667%;
  }
  .size--6-12\@xl {
    width: 50%;
  }
  .size--7-12\@xl {
    width: 58.333333333%;
  }
  .size--8-12\@xl {
    width: 66.666666667%;
  }
  .size--9-12\@xl {
    width: 75%;
  }
  .size--10-12\@xl {
    width: 83.333333333%;
  }
  .size--11-12\@xl {
    width: 91.666666667%;
  }
  .size--12-12\@xl {
    width: 100%;
  }
}

.icon-svg--md {
  min-width: 26px;
  min-height: 26px;
}

.counter {
  margin-bottom: 0;
}

.inp-count {
  position: relative;
  width: 40px;
}

.inp-count .inp-text {
  height: 96px;
  padding: 28px 0;
  border: 0;
  border-radius: 6px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.333333333;
  text-align: center;
}

.inp-count .inp-text.is-filled {
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.inp-count__tool {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 28px;
  border: 0;
  background-color: #d9d9d9;
  transition: background-color 0.3s;
  cursor: pointer;
}

.inp-count__tool::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #cf1723;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 0 20px 0 #a80c11;
}

.inp-count__tool-inner {
  display: block;
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1e-05)), linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #000000;
}

.inp-count__tool-inner::before, .inp-count__tool-inner::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background-color: #000000;
  transform: translate(-5px, -1px);
  transition: background-color 0.3s;
}

.inp-count__tool--plus {
  top: 0;
  border-radius: 6px 6px 0 0;
}

.inp-count__tool--plus::before {
  border-radius: 6px 6px 0 0;
}

.inp-count__tool--plus .inp-count__tool-inner::after {
  width: 2px;
  height: 10px;
  transform: translate(-1px, -5px);
}

.inp-count__tool--minus {
  bottom: 0;
  border-radius: 0 0 6px 6px;
}

.inp-count__tool--minus::before {
  border-radius: 0 0 6px 6px;
}

.hoverevents .inp-count__tool:hover {
  background-color: #cf1723;
}

.hoverevents .inp-count__tool:hover::before {
  opacity: 1;
}

.hoverevents .inp-count__tool:hover .inp-count__tool-inner::before, .hoverevents .inp-count__tool:hover .inp-count__tool-inner::after {
  background-color: #ffffff;
}

.counter.has-error .inp-count {
  position: relative;
}

.counter.has-error .inp-count::before {
  content: '?';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #ab0c11;
  color: #ab0c11;
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 1px 0 #cf1723;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.inp-select, .inp-text {
  display: block;
  width: 100%;
  padding: 9px 14px;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #ffffff;
  color: #171719;
  outline: none;
  font-weight: 600;
  font-size: 1rem;
  line-height: 20px;
  transition: background-color 0.3s, border-color 0.3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.inp-select:disabled, .inp-text:disabled {
  background-color: rgba(255, 255, 255, 0.7);
}

.inp-select:focus, .inp-text:focus {
  background-color: rgba(255, 255, 255, 0.9);
}

.has-error .inp-select, .has-error .inp-text {
  border-color: #cf1723;
  color: #ab0c11;
}

.inp-fix {
  position: relative;
  display: block;
}

.js .inp-fix .inp-toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  color: #171719;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  transform: translateY(-50%);
  cursor: pointer;
}

.no-js .inp-fix .inp-toggle {
  display: none;
}

.inp-fix__icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.inp-fix__icon .icon-svg {
  transition: color 0.3s;
}

.inp-fix__icon .icon-svg--help-white {
  color: rgba(255, 255, 255, 0.1);
}

.inp-fix__icon .icon-svg--edit {
  color: #cf1723;
}

.inp-fix--icon {
  padding-right: 36px;
}

.has-error .inp-fix {
  color: #ab0c11;
}

.has-warning .inp-fix {
  color: #a97142;
}

.has-ok .inp-fix {
  color: #00a300;
}

.hoverevents .inp-fix__icon:hover .icon-svg--help-white {
  color: rgba(255, 255, 255, 0.05);
}

.hoverevents .inp-fix__icon:hover .icon-svg--edit {
  color: #a50e13;
}

.inp-flags {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px;
  border-radius: 3px 0 0 3px;
  background-color: rgba(198, 198, 198, 0.3);
  color: #34343b;
  text-decoration: none;
  transition: background-color 0.3s;
}

.inp-flags__flag, .inp-flags__arrow {
  display: block;
  font-size: 0;
}

.inp-flags__flag {
  padding-right: 10px;
}

.hoverevents .inp-flags:hover {
  background-color: #c6c6c6;
}

.inp-info {
  display: block;
  margin-top: 5px;
  color: #c6c6c6;
  font-size: 14px;
}

.inp-info--strength {
  font-weight: 600;
}

.inp-info--strength.is-weak {
  color: #ab0c11;
}

.inp-info--strength.is-medium {
  color: #a97142;
}

.inp-info--strength.is-strong {
  color: #00a300;
}

.inp-item {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  cursor: pointer;
}

.inp-item__inp {
  position: absolute;
  left: -5000px;
}

.inp-item__tool {
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #ffffff;
  color: #a50e13;
  transform: translateY(-50%);
}

.inp-item__tool .icon-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 1px;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, visibility 0.3s;
}

.inp-item__text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.714285714;
}

.inp-item--radio .inp-item__tool {
  border-radius: 50%;
}

.inp-item--radio .inp-item__tool::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  background: #ab0c11;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, visibility 0.3s;
}

.inp-item__inp:checked + .inp-item__text .inp-item__tool::after, .inp-item__inp:checked + .inp-item__tool::after {
  visibility: visible;
  opacity: 1;
}

.inp-item__inp:checked + .inp-item__text .inp-item__tool .icon-svg, .inp-item__inp:checked + .inp-item__tool .icon-svg {
  visibility: visible;
  opacity: 1;
}

.inp-label {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0.25em;
}

.inp-select {
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M10 0L5 5 0 0'/%3E%3C/svg%3E%0A");
  background-position: top 50% right 15px;
  background-repeat: no-repeat;
  background-size: 10px 5px;
}

.inp-select::-ms-expand {
  display: none;
}

.inp-text::-moz-placeholder {
  color: #c6c6c6;
  font-weight: 600;
  opacity: 1;
  transition: color 0.3s;
}

.inp-text:-ms-input-placeholder {
  color: #c6c6c6;
  font-weight: 600;
  opacity: 1;
  transition: color 0.3s;
}

.inp-text::-ms-input-placeholder {
  color: #c6c6c6;
  font-weight: 600;
  opacity: 1;
  transition: color 0.3s;
}

.inp-text::placeholder {
  color: #c6c6c6;
  font-weight: 600;
  opacity: 1;
  transition: color 0.3s;
}

.js .inp-text::-ms-reveal,
.js .inp-text::-ms-clear {
  display: none;
}

.js .inp-fix--pswd .inp-text {
  padding-right: 65px;
}

.inp-text:focus::-moz-placeholder {
  color: rgba(198, 198, 198, 0.25);
}

.inp-text:focus:-ms-input-placeholder {
  color: rgba(198, 198, 198, 0.25);
}

.inp-text:focus::-ms-input-placeholder {
  color: rgba(198, 198, 198, 0.25);
}

.inp-text:focus::placeholder {
  color: rgba(198, 198, 198, 0.25);
}

textarea.inp-text {
  height: auto;
}

.item-icon {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  padding-left: 30px;
}

.item-icon .icon-svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  max-width: 18px;
  transform: translateY(-50%);
}

.item-icon--after {
  padding-right: 30px;
  padding-left: 0;
}

.item-icon--after .icon-svg {
  right: 0;
  left: auto;
}

.item-icon--sm {
  padding-left: 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.357142857;
}

.item-icon--sm .icon-svg {
  max-width: 22px;
}

.item-icon--sm.item-icon__after {
  padding-left: 32px;
}

.item-icon--md {
  padding-left: 36px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.357142857;
}

.item-icon--md .icon-svg {
  max-width: 26px;
}

.item-icon--md.item-icon__after {
  padding-left: 36px;
}

.link-mask {
  position: relative;
  overflow: hidden;
}

.link-mask__link::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.link-mask__unmask {
  position: relative;
  z-index: 2;
}

.link {
  color: #ffffff;
  text-decoration: underline;
}

.hoverevents .link:hover {
  text-decoration: none;
}

.media {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2px 4fr;
  grid-template-columns: 1fr 4fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: 'img body';
  -moz-column-gap: 2px;
       column-gap: 2px;
  width: 100%;
}

.media__img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: img;
  margin-right: 3px;
  padding-right: 15px;
  padding-left: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
}

.media__body {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: body;
}

@media (max-width: 749.98px) {
  .media__body .btn__text {
    padding: 15px 20px 14px;
    font-size: 12px;
  }
}

@media (min-width: 480px), print {
  .media {
    -ms-grid-columns: 1fr 7fr;
    grid-template-columns: 1fr 7fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
        grid-template-areas: 'img body';
  }
  .media__img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .media__body {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

@media (min-width: 750px), print {
  .media__body {
    display: -ms-flexbox;
    display: flex;
  }
  .media__text {
    margin-right: 15px;
  }
}

@media (min-width: 1000px) {
  .media__img {
    padding-right: 25px;
    padding-left: 20px;
  }
}

.message {
  padding: 15px 20px;
  background: #000000;
}

.message > :last-child {
  margin-bottom: 0;
}

.message--error, .message--ok, .message--warning {
  color: #ffffff;
}

.message--error li::before, .message--ok li::before, .message--warning li::before {
  background-color: #ffffff;
}

.message--error a, .message--ok a, .message--warning a {
  color: #ffffff;
}

.message--error {
  background: #ab0c11;
}

.message--ok {
  background: #00a300;
}

.message--warning {
  background: #a97142;
}

.modal-edge {
  margin: 0 -15px;
}

@media (min-width: 750px), print {
  .modal-edge {
    margin: 0 -40px;
    padding-top: 10px;
  }
}

.b-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, z-index 0s 0.3s, visibility 0s 0.3s;
}

.b-modal__content-wrapper {
  -ms-flex: 1;
      flex: 1;
  width: 100%;
}

.b-modal__content {
  position: relative;
  z-index: 2;
}

.b-modal__slide {
  z-index: 1;
  width: 100%;
  max-width: 845px;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.3s, z-index 0s 0.3s;
}

.b-modal__slide.is-active {
  z-index: 2;
  opacity: 1;
  transition: opacity 0.3s, z-index 0s;
}

.b-modal__image, .b-modal__video {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
}

.b-modal__image > *, .b-modal__video > * {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.b-modal__image--multiple > *, .b-modal__video--multiple > * {
  max-width: 50%;
}

.b-modal__image img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.b-modal__inner {
  width: 100%;
  padding: 65px 15px 20px;
}

.b-modal__iframe {
  height: 100%;
  padding: 20px;
  background: #ffffff;
}

.b-modal__iframe iframe {
  width: 100%;
  height: 100%;
}

.b-modal__embed {
  width: 100%;
  height: 100%;
}

.b-modal__embed iframe {
  width: 100%;
  height: 100%;
}

.b-modal__nav {
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  grid-area: nav;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
}

.b-modal__nav:empty {
  height: 0;
}

.b-modal__nav-item {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 8px;
  border-radius: 50%;
  background: #eeeeee;
  transition: transform 0.3s;
  cursor: pointer;
}

.b-modal__nav-item.is-active {
  transform: scale(1.2);
}

.b-modal__loader {
  z-index: 10;
  display: none;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 1 / 1 / 6 / 4;
  -ms-flex-align: center;
      align-items: center;
  color: #ffffff;
  font-size: 30px;
  justify-items: center;
}

.b-modal__loader .icon-load {
  width: 40px;
  animation-name: loader;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.b-modal__loader-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  animation-name: loader;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.b-modal__loader-icon > span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.b-modal__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

.b-modal__prev, .b-modal__next {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  pointer-events: none;
}

.b-modal__prev-btn, .b-modal__next-btn {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 50px;
  height: 50px;
  padding: 10px;
  border: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
  pointer-events: all;
  -ms-grid-column-align: center;
      justify-self: center;
}

.b-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 26px;
  height: 26px;
  padding: 6px;
  border: none;
  border-radius: 3px;
  background: none;
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  font-size: 30px;
  transition: color 0.3s;
  cursor: pointer;
}

.b-modal__close .icon-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.b-modal--full .b-modal__inner {
  padding-top: 70px;
}

.b-modal--full .b-modal__slide {
  max-width: 100%;
}

.b-modal.is-opened {
  z-index: 1000;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, z-index 0s, visibility 0s;
}

.b-modal.is-loading .b-modal__loader {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.b-modal.is-first .b-modal__prev {
  display: none;
}

.b-modal.is-last .b-modal__next {
  display: none;
}

.hoverevents .b-modal__close:hover {
  color: #cf1723;
}

@media (max-width: 749.98px) {
  .b-modal__slide {
    width: 100%;
  }
  .b-modal__bg {
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}

@media (min-width: 750px), print {
  .b-modal__inner {
    padding: 30px 40px;
    border-radius: 5px;
    background-color: #000000;
  }
  .b-modal__content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
  .b-modal__bg {
    background-color: rgba(23, 23, 25, 0.85);
  }
  .b-modal__close {
    top: 30px;
    right: 30px;
  }
}

@keyframes loader {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.over {
  position: relative;
  z-index: 10;
}

.point {
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

.point--gold, .point--silver, .point--bronze {
  width: 18px;
  border-radius: 50%;
  color: #000000;
  font-weight: 700;
  font-size: 9px;
}

.point--gold {
  background-color: #edbb00;
}

.point--silver {
  background-color: #c0c0c0;
  color: #000000;
}

.point--bronze {
  background-color: #df885d;
}

.points {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 -1px;
}

.points__item {
  display: block;
  border: 1px solid transparent;
  border-width: 0 0 0 1px;
}

.points__inner {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  box-sizing: border-box;
}

.points__icon {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 1;
}

.points__item--bonus .points__inner {
  border-color: transparent;
}

@media (min-width: 480px), print {
  .points {
    margin: 0 0 0 -5px;
  }
  .points__item {
    border-width: 0 0 0 5px;
  }
}

.section {
  position: relative;
  display: block;
  padding: 28px 0;
  background-color: rgba(23, 23, 25, 0.9);
}

.section--pb-lg {
  padding-bottom: 55px;
}

.section--compact {
  padding: 20px 0;
}

.section--table {
  padding: 0;
  background-color: transparent;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.section--highlight {
  background-color: rgba(165, 14, 19, 0.9);
}

.section--highlight.is-sticky {
  background: #851418;
}

.section--highlight-solid {
  background-color: #ab0c11;
}

.section.is-sticky:not(.is-open) {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
  .section--blur {
    background-color: rgba(23, 23, 25, 0.7);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
  }
  .section--table {
    background-color: transparent;
  }
  .section--highlight {
    background-color: rgba(165, 14, 19, 0.7);
  }
  .section--highlight-solid {
    background-color: #771215;
  }
}

@media (min-width: 750px), print {
  .section--narrow {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1000px) {
  .section--rounded {
    border-radius: 10px;
  }
  .section--compact {
    padding: 0;
  }
  .section--pb-lg\@lg {
    padding-bottom: 55px;
  }
}

.section-highlight {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 50px;
}

.section-highlight::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 200px;
  background: radial-gradient(100% 250% at 50% 250%, rgba(207, 23, 35, 0.75), transparent);
}

@media (min-width: 750px), print {
  .section-highlight::after {
    background: radial-gradient(50% 250% at 50% 250%, rgba(207, 23, 35, 0.75), transparent);
  }
}

@media (min-width: 1000px) {
  .section-highlight::after {
    background: radial-gradient(30% 270% at 50% 250%, rgba(207, 23, 35, 0.75), transparent);
  }
}

/*! nouislider - 14.6.3 - 11/19/2020 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.noUi-target {
  height: 2px;
  margin: 13px 0;
  border: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0;
}

.noUi-target .noUi-handle {
  top: -11px;
  width: 22px;
  height: 22px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #cf1723;
  outline: none;
  cursor: pointer;
  box-shadow: none;
}

html:not([dir='rtl']) .noUi-target .noUi-handle {
  right: -11px;
}

.noUi-target .noUi-handle::before {
  display: none;
}

.noUi-target .noUi-handle::after {
  display: none;
}

.noUi-target .noUi-tooltip {
  top: 100%;
  bottom: auto;
  margin-top: 5px;
  padding: 0;
  border: none;
}

.noUi-connect {
  background: #ab0c11;
}

.js-slider__slider {
  display: none;
}

.js-slider__range {
  position: relative;
  margin-right: 11px;
  margin-left: 11px;
}

.js-slider__range::after, .js-slider__range::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 11px;
  background-color: rgba(255, 255, 255, 0.3);
}

.js-slider__range::before {
  left: -11px;
  border-radius: 1px 0 0 1px;
}

.js-slider__range::after {
  right: -11px;
  border-radius: 0 1px 1px 0;
}

.js-slider__pips {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.js-slider__pip {
  font-weight: 700;
}

.js-slider__manual {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.js-slider__value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.js-slider__inp {
  max-width: 65px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

.js-slider__currency {
  padding-left: 40px;
}

@media (max-width: 749.98px) {
  .js-slider__inp {
    padding: 7px 5px 6px;
  }
}

@media (min-width: 750px), print {
  .js-slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .js-slider__manual {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin: 0;
  }
  .js .js-slider__manual {
    padding-left: 15px;
  }
  .js-slider__currency {
    padding-left: 10px;
  }
  .js .js-slider__slider {
    position: relative;
    display: block;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
  .no-js .js-slider {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.sticky-banner.sticky-banner.is-sticky {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  opacity: 1;
  transition: opacity 0.3s;
}

.sticky-banner.sticky-banner:not(.is-sticky) {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}

@media (min-width: 1000px) {
  .sticky-banner.sticky-banner {
    display: none;
  }
}

.js-tabs__fragment {
  position: absolute;
  top: 0;
  left: -5000px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}

.no-js .js-tabs__fragment, .js-tabs__fragment.is-active {
  position: static;
  top: auto;
  left: auto;
  opacity: 1;
  pointer-events: auto;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform,visibility,opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.tooltip-text {
  cursor: pointer;
}

.tippy-box {
  border-radius: 10px;
  background-color: #212126;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.1);
}

.tippy-content {
  padding: 20px;
}

.tippy-box[data-theme~='warning'] {
  background-color: #30201c;
  box-shadow: none;
}

.tippy-box[data-theme~='warning'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #30201c;
}

.tippy-box[data-theme~='warning'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #30201c;
}

.tippy-box[data-theme~='warning'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #30201c;
}

.tippy-box[data-theme~='warning'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #30201c;
}

.tippy-box[data-theme~='primary'] {
  background-color: #2b1617;
  box-shadow: none;
}

.tippy-box[data-theme~='primary'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #2b1617;
}

.tippy-box[data-theme~='primary'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #2b1617;
}

.tippy-box[data-theme~='primary'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #2b1617;
}

.tippy-box[data-theme~='primary'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #2b1617;
}

.accordion__item > .accordion__title {
  outline: none;
  list-style: none;
}

.accordion__item > .accordion__title::-webkit-details-marker {
  display: none;
}

.accordion__title {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  color: #ffffff;
}

.accordion__toggle {
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 20px 25px 15px;
  border: 0;
  color: inherit;
  box-sizing: border-box;
}

> span:not(.accordion__toggle__rich-title) {
  font-weight: 800;
  font-size: 16px;
  line-height: 1.125;
  text-decoration: underline;
}

.accordion__toggle:focus {
  outline: 3px solid transparent;
}

.js-accordion-title .accordion__toggle {
  cursor: pointer;
}

.accordion__item.is-expanded .accordion__toggle, .accordion__toggle[aria-expanded='true'] {
  border-radius: 10px 10px 0 0;
  background: rgba(52, 52, 59, 0.3);
}

.accordion__toggle--space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-align: left;
}

.accordion .accordion__back-toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 20px 25px 20px;
  border: 0;
  background: none;
  color: #ffffff;
  cursor: pointer;
}

.accordion .accordion__back-toggle > span {
  margin-right: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-decoration: underline;
}

.accordion__rich-title {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.accordion__title-text {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  text-align: left;
}

.accordion__arrow {
  position: relative;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin-left: 10px;
  border-radius: 3px;
  background-color: rgba(207, 23, 35, 0.15);
  color: #cf1723;
}

.no-js .accordion__arrow {
  display: none;
}

.accordion__indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: transform 0.3s;
}

.accordion__item.is-expanded .accordion__indicator {
  color: currentColor;
  transform: translate(-50%, -50%) rotate(180deg);
}

.accordion__content {
  padding: 10px 25px 25px;
  border-radius: 0 0 10px 10px;
  background: rgba(52, 52, 59, 0.3);
}

.accordion__content[hidden] {
  display: none;
}

.no-js .accordion__content[hidden] {
  display: block;
}

.accordion--secondary .accordion__toggle {
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 7px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.accordion--secondary .accordion__toggle > span {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.357142857;
  text-decoration: none;
}

.accordion--secondary .accordion__toggle::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: transparent;
  transition: background-color 0.3s;
}

.accordion--secondary .accordion__item.is-expanded .accordion__toggle {
  border-top: 1px solid #000000;
  background: rgba(255, 255, 255, 0.1);
}

.accordion--secondary .accordion__item.is-expanded .accordion__toggle::before {
  display: none;
}

.accordion--secondary .accordion__content {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.1);
}

.accordion--table:last-child .accordion__item::after {
  display: none;
}

.accordion--table .accordion__title {
  position: relative;
}

.accordion--table .accordion__title::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}

.accordion--table .accordion__title::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1;
  left: 0;
  z-index: 1;
  height: 1px;
  background-color: #4d4d4d;
}

.accordion--table .accordion__item.is-expanded .accordion__content::before {
  display: none;
}

.accordion--table .accordion__item.is-expanded .accordion__toggle {
  padding-bottom: 10px;
  background: none;
}

.accordion--table .accordion__item.is-expanded .accordion__toggle::before {
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.accordion--table .accordion__item.is-expanded .accordion__toggle::before, .accordion--table .accordion__item.is-expanded .accordion__toggle::after {
  right: -60px;
  left: -60px;
}

.accordion--table .accordion__toggle {
  position: relative;
  z-index: 1;
  padding: 10px 0;
  background: none;
}

.accordion--table .accordion__toggle::before {
  content: '';
  position: absolute;
  top: 0;
  right: -15px;
  bottom: 0;
  left: -15px;
  z-index: -1;
  background-color: transparent;
  transition: background-color 0.3s;
}

.section.is-sticky .accordion--table .accordion__toggle::after {
  content: '';
  position: absolute;
  top: 0;
  right: calc((100vw - 100%) / -2);
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  z-index: -1;
  background: #851418;
}

.hoverevents .section.is-sticky .accordion--table .accordion__toggle::after:hover {
  background: #a50e13;
}

.accordion--table .accordion__content {
  position: relative;
  margin: 0 -15px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.accordion--table .accordion__content::before {
  content: '';
  position: absolute;
  top: 0;
  right: -15px;
  left: -15px;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}

.accordion--full-width .accordion__toggle {
  padding-right: 0;
  padding-left: 0;
}

.accordion--full-width-content .accordion__content {
  padding: 0;
}

.accordion--center .accordion__toggle {
  position: relative;
  padding: 13px 25px 11px;
  border-radius: 0;
  background-color: rgba(23, 23, 25, 0.7);
  color: #cf1723;
  font-weight: 800;
  text-transform: uppercase;
}

.accordion--center .accordion__toggle > span {
  font-size: 20px;
  text-decoration: none;
}

.accordion--center .accordion__arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.accordion--center .accordion__item.is-expanded .accordion__toggle {
  border-radius: 0;
}

.accordion--center .accordion__content {
  border-radius: 0;
}

.accordion--full-height .accordion__toggle {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}

.accordion--full-height .accordion__item.is-expanded .accordion__toggle {
  padding-bottom: 20px;
  background: none;
}

.accordion--full-height .accordion__back-toggle {
  padding-bottom: 0;
}

.accordion--full-height .accordion__content {
  position: relative;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background: none;
}

.accordion--full-height .accordion__content::before {
  content: '';
  position: absolute;
  top: 0;
  right: -15px;
  left: -15px;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}

.section--compact .accordion--full-height .accordion__content {
  padding-bottom: 40px;
}

.section.is-selected .accordion .accordion__toggle::before {
  background-color: #851418;
}

.section.is-selected .accordion .accordion__item.is-expanded .accordion__title::after {
  display: none;
}

.hoverevents .accordion__toggle:hover > span,
.hoverevents .accordion__back-toggle:hover > span {
  text-decoration: none;
}

.hoverevents .accordion--table .accordion__toggle:hover::before,
.hoverevents .accordion--secondary .accordion__toggle:hover::before {
  background-color: rgba(255, 255, 255, 0.1);
}

.hoverevents .section.js-sticky .accordion--table .accordion__toggle:hover::before {
  background-color: #a50e13;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .section.is-sticky .accordion .accordion__arrow {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
  }
}

@media (min-width: 750px), print {
  .accordion--table .accordion__toggle {
    padding-right: 20px;
    padding-left: 20px;
  }
  .accordion--table .accordion__toggle::before {
    right: 0;
    left: 0;
  }
  .accordion--table .accordion__content {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .accordion--table .accordion__content::before {
    right: 0;
    left: 0;
  }
  .accordion.is-active .accordion__toggle::after {
    display: none;
  }
  .accordion--center .accordion__arrow {
    right: 20px;
  }
}

@media (min-width: 1000px) {
  .accordion.always-open\@lg .accordion__content {
    display: block;
  }
  .accordion.always-open\@lg .accordion__content::before {
    display: none;
  }
  .accordion.always-open\@lg .accordion__toggle,
  .accordion.always-open\@lg .accordion__back-toggle {
    display: none;
  }
  .accordion__rich-title {
    width: 100%;
    padding: 15px 0;
  }
  .accordion--compact {
    max-width: 670px;
    margin-right: auto;
    margin-left: auto;
  }
  .accordion--compact .accordion__content {
    padding-right: 58px;
    padding-left: 58px;
  }
  .accordion--secondary .accordion__toggle {
    padding: 13px 20px;
  }
  .accordion--full-height .accordion__item.is-expanded .accordion__toggle, .accordion--full-width .accordion__item.is-expanded .accordion__toggle {
    padding-bottom: 0;
  }
  .row-main-narrow .accordion--full-height .accordion__toggle, .row-main-narrow .accordion--full-width .accordion__toggle {
    padding-right: 0;
    padding-left: 0;
  }
  .accordion--table .accordion__toggle {
    padding-right: 20px !important;
  }
  .accordion--table .accordion__rich-title {
    padding: 0;
  }
  .accordion--table .accordion__item.is-expanded .accordion__title {
    margin: 0 -60px;
    padding: 0 60px;
  }
  .accordion--table .accordion__item.is-expanded .accordion__toggle {
    padding-bottom: 10px;
  }
  .accordion--table .accordion__item.is-expanded .accordion__toggle::before {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .accordion--table .accordion__item.is-expanded .accordion__content {
    margin: 0 -60px;
    padding-right: 60px;
    padding-left: 60px;
  }
}

.action {
  padding: 20px 0 0 0;
  text-align: center;
}

.js-sticky .action {
  padding-top: 0;
}

.action__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: baseline;
      align-items: baseline;
  font-weight: bold;
}

.action__link a {
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  line-height: 0.8125;
  text-decoration: none;
}

.action__link span {
  text-decoration: underline;
}

.hoverevents .action__link:hover span {
  text-decoration: none;
}

.action__icon {
  position: relative;
  top: -2px;
  margin-right: 5px;
  color: #cf1723;
}

@media (min-width: 1000px) {
  .award-list-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .award-list-box > .award-list {
    -ms-flex: 1;
        flex: 1;
    margin-right: 45px;
  }
  .award-list-box > .box {
    width: 240px;
  }
}

.award-list {
  margin-bottom: 0;
  list-style-type: none;
}

.award-list__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0;
  padding: 14px 0;
  border-top: 1px solid rgba(127, 127, 141, 0.1);
  background: none;
}

.award-list__icon {
  min-width: 18px;
  margin-right: 5px;
  color: #edbb00;
}

.award-list__points {
  min-width: 19px;
  margin-right: 15px;
  color: #c6c6c6;
  font-weight: 700;
  font-size: 16px;
  line-height: 0.8125;
  text-align: center;
}

.award-list__label {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  color: #c6c6c6;
  font-size: 12px;
  line-height: 1.083333333;
}

.bet__title {
  font-size: 20px;
}

.bet__price {
  font-weight: 800;
}

@media (max-width: 749.98px) {
  .bet__win {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media (min-width: 750px), print {
  .bet {
    display: -ms-flexbox;
    display: flex;
  }
  .bet__content {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
  .bet__title {
    font-weight: 800;
  }
  .bet__highlight {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    min-width: 350px;
    margin: -20px -30px -20px 30px;
    padding: 20px 45px;
    border-radius: 0 10px 10px 0;
    background-color: rgba(207, 23, 35, 0.6);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 56%, 3% 50%, 0 44%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 56%, 3% 50%, 0 44%);
  }
  .b-modal .bet__highlight {
    min-width: 0;
  }
  .bet__win {
    text-align: center;
  }
  .bet__price {
    font-size: 20px;
  }
}

@media (min-width: 1000px) {
  .bet__highlight {
    margin: -30px -30px -30px 30px;
    padding: 30px 45px;
  }
}

.big-link {
  display: block;
  padding: 16px 15px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(23, 23, 25, 0.3);
  color: #ffffff;
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.3s;
}

li:last-child .big-link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.hoverevents .big-link:hover, .big-link:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}

.big-link.is-active {
  background: rgba(207, 23, 35, 0.6);
}

.hoverevents .big-link.is-active:hover, .big-link.is-active:focus-visible {
  background: rgba(207, 23, 35, 0.7);
}

@media (min-width: 1000px) {
  .box-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
        grid-template-areas: 'box1 box1 box2 box2' 'box3 box3 box4 box4' 'box5 box5 box6 box6' '. box7 box7 .';
    -moz-column-gap: 30px;
         column-gap: 30px;
    margin-bottom: -20px;
  }
  .box-wrapper > * {
    margin-bottom: 20px;
  }
  .box-wrapper > .legend:nth-child(1) {
    grid-area: legend1;
  }
  .box-wrapper > .legend:nth-child(2) {
    grid-area: legend2;
  }
  .box-wrapper > .box:nth-child(1) {
    grid-area: box1;
  }
  .box-wrapper > .box:nth-child(2) {
    grid-area: box2;
  }
  .box-wrapper > .box:nth-child(3) {
    grid-area: box3;
  }
  .box-wrapper > .box:nth-child(4) {
    grid-area: box4;
  }
  .box-wrapper > .box:nth-child(5) {
    grid-area: box5;
  }
  .box-wrapper > .box:nth-child(6) {
    grid-area: box6;
  }
  .box-wrapper > .box:nth-child(7) {
    grid-area: box7;
  }
  .box-wrapper--legend {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
        grid-template-areas: 'legend1 legend1 legend2 legend2' 'box1 box1 box2 box2' 'box3 box3 box4 box4' 'box5 box5 box6 box6' '. box7 box7 .';
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .box-wrapper--legend > .legend:nth-child(1) {
    grid-area: legend1;
  }
  .box-wrapper--legend > .legend:nth-child(2) {
    grid-area: legend2;
  }
  .box-wrapper--legend > .box:nth-child(3) {
    grid-area: box1;
  }
  .box-wrapper--legend > .box:nth-child(4) {
    grid-area: box2;
  }
  .box-wrapper--legend > .box:nth-child(5) {
    grid-area: box3;
  }
  .box-wrapper--legend > .box:nth-child(6) {
    grid-area: box4;
  }
  .box-wrapper--legend > .box:nth-child(7) {
    grid-area: box5;
  }
  .box-wrapper--legend > .box:nth-child(8) {
    grid-area: box6;
  }
  .box-wrapper--legend > .box:nth-child(9) {
    grid-area: box7;
  }
  @supports (justify-content: center) {
    .box-wrapper {
      -ms-flex-pack: center;
          justify-content: center;
    }
  }
}

@media (min-width: 1000px) {
  .box-wrapper > .legend:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper > .legend:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper > .box:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(1) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper > .box:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper > .box:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper > .box:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper > .box:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(5) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper > .box:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(6) {
    -ms-grid-row: 4;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper > .box:nth-child(7) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .legend:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .legend:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(7) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(8) {
    -ms-grid-row: 4;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(9) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .box-wrapper--legend > .box:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
}

.box {
  position: relative;
  min-height: 155px;
  padding: 16px 13px 14px;
  border-radius: 10px;
  background-color: rgba(52, 52, 59, 0.3);
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.1);
}

.box + .box {
  margin-top: 10px;
}

.box__corner {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 17px 14px 4px;
  border-radius: 6px 0 0 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 50%, transparent 50%);
  font-weight: bold;
  font-size: 10px;
  line-height: 1.3;
}

.box__corner--primary {
  background: linear-gradient(135deg, #ab0c11 50%, transparent 50%);
}

.box__head {
  padding: 0 2px 0 7px;
}

.box--padding-md {
  padding-top: 20px;
  padding-bottom: 20px;
}

.box--fluid {
  max-width: 320px;
  min-height: 0;
  margin-right: auto;
  margin-left: auto;
}

.box--bonus {
  background: radial-gradient(90% 115% at 50% 115%, rgba(207, 23, 35, 0.5), transparent 60%), radial-gradient(50% 150% at 50% 115%, rgba(207, 23, 35, 0.5), transparent 60%), url("../img/illust/bg/match-bg-gx_EJIj.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: auto 140%;
  box-shadow: inset 0 -2px 0 #ab0c11;
}

.box--warning {
  box-shadow: inset 0 -2px 0 #e24c00;
}

.box.has-error {
  position: relative;
  border-radius: 10px 10px 0 0;
  box-shadow: none;
}

.box.has-error::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: repeating-linear-gradient(45deg, #cf1723 0, #cf1723 10px, #ffffff 10px, #ffffff 20px);
}

@media (min-width: 1000px) {
  .box {
    padding: 20px 27px 18px;
  }
  .box + .box {
    margin-top: 0;
  }
  .box .team-badge {
    width: 33%;
  }
}

.countdown {
  margin-bottom: 15px;
}

.countdown__inner {
  display: inline-block;
  padding: 7px 15px 10px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.6);
}

.countdown__inner p {
  margin-bottom: 0;
}

.countdown time {
  display: -ms-flexbox;
  display: flex;
}

.countdown time span {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  margin-bottom: 2px;
  padding: 0 10px;
  color: #34343b;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.416666667;
}

.countdown time span::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1px;
  height: 20px;
  background-color: #34343b;
  transform: translateY(-50%);
}

.countdown time span:last-child::before {
  display: none;
}

.countdown time strong {
  display: inline-block;
  min-width: 30px;
  font-weight: 800;
  font-size: 26px;
  line-height: 1.384615385;
  text-align: right;
}

.countdown__caption {
  margin-bottom: 0;
  color: #ab0c11;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.363636364;
  text-align: center;
  text-transform: uppercase;
}

.dropdown {
  margin: 0 0 0 10px;
}

.dropdown__inner {
  margin: 0;
}

.dropdown__inner .item-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 26px;
}

.dropdown__inner .item-icon .icon-svg {
  width: 26px;
  max-width: 26px;
  height: 26px;
}

.dropdown__menu-link {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0;
  padding: 12px 20px;
  border-radius: 10px;
  background: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.dropdown__submenu {
  padding-left: 0;
  list-style-type: none;
}

.dropdown__item {
  position: relative;
  padding-left: 33px;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.416666667;
}

.dropdown__item--gold {
  color: #edbb00;
}

.dropdown__item-link {
  color: #edbb00;
  font-weight: normal;
}

.dropdown__arrow {
  position: relative;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin-left: 20px;
  border-radius: 3px;
  background-color: rgba(207, 23, 35, 0.15);
  color: #cf1723;
}

.dropdown__indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: transform 0.3s;
}

.js .dropdown__inner.dropdown-is-open .dropdown__indicator,
.hoverevents .dropdown__inner:hover .dropdown__indicator,
.hoverevents .dropdown__inner:focus .dropdown__indicator {
  transform: translate(-50%, -50%) rotate(180deg);
}

.dropdown__cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0;
  padding: 20px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1);
}

.dropdown__cta a {
  color: #ffffff;
  text-decoration: none;
}

.dropdown__cta .icon-svg {
  min-width: 26px;
  max-width: 26px;
  height: 26px;
  margin-left: 22px;
}

.dropdown__submenu-links {
  margin-bottom: 15px;
  list-style-type: none;
}

.dropdown__submenu-item {
  position: relative;
  margin-bottom: 0;
  padding-left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: none;
  transition: border-color 0.3s;
}

.dropdown__submenu-item:first-child {
  border-top: 0;
}

.dropdown__submenu-item::before {
  content: '';
  position: absolute;
  top: 0;
  right: -20px;
  bottom: 0;
  left: -20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-width: 1px 0;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}

.dropdown__submenu-item.is-active {
  border-color: transparent;
}

.dropdown__submenu-item.is-active::before {
  opacity: 1;
}

.dropdown__submenu-item.is-active + .dropdown__submenu-item {
  border-color: transparent;
}

.dropdown__submenu-link {
  display: block;
  padding: 11px 0 12px;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.357142857;
  text-decoration: none;
}

.hoverevents .dropdown__submenu-item:hover {
  border-color: transparent;
}

.hoverevents .dropdown__submenu-item:hover::before {
  opacity: 1;
}

.hoverevents .dropdown__submenu-item:hover + .dropdown__submenu-item {
  border-color: transparent;
}

.hoverevents .dropdown__item-link:hover {
  text-decoration: none;
}

@media (max-width: 999.98px), print {
  .dropdown {
    margin: 0 15px;
  }
  .dropdown__inner {
    padding: 12px 20px;
    border-radius: 10px;
    background-color: rgba(23, 23, 25, 0.3);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
  }
  .dropdown__menu-link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 0;
  }
  .dropdown__item {
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.625;
  }
  .dropdown__item:first-child {
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 5px 0 0;
  }
  .dropdown__item:first-child .icon-svg {
    top: -13px;
    left: calc(50% - 13px);
    transform: translateY(-50%);
  }
  .dropdown__arrow {
    display: none;
  }
  .js .dropdown__inner.dropdown-is-open .dropdown__submenu {
    height: auto;
    opacity: 1;
    pointer-events: auto;
  }
}

@media (min-width: 750px) and (max-width: 999.98px), print {
  .dropdown {
    max-width: 330px;
    margin-top: 30px;
  }
}

@media (min-width: 1000px) {
  .dropdown__inner {
    position: relative;
  }
  .hoverevents .dropdown__inner:hover .dropdown__menu-link,
  .hoverevents .dropdown__inner:focus .dropdown__menu-link {
    border-radius: 0;
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }
  .js .dropdown__menu-link {
    background-color: rgba(23, 23, 25, 0.25);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
  }
  .js .dropdown__inner.dropdown-is-open .dropdown__menu-link {
    border-radius: 0;
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }
  .dropdown__item + .dropdown__item {
    margin-left: 28px;
  }
  .dropdown__item + .dropdown__item::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -14px;
    width: 1px;
    background: rgba(255, 255, 255, 0.1);
  }
  .dropdown__item-link {
    position: absolute;
    top: calc(100% + 4px);
    right: -20px;
    left: 0;
    z-index: 1;
    display: none;
    color: #edbb00;
    font-weight: normal;
  }
  .js .dropdown__inner.dropdown-is-open .dropdown__item-link,
  .hoverevents .dropdown__inner:hover .dropdown__item-link,
  .hoverevents .dropdown__inner:focus .dropdown__item-link {
    display: block;
  }
  .dropdown__submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 20px;
    border-radius: 0 0 10px 10px;
  }
  .dropdown__submenu::after {
    content: '';
    position: absolute;
    top: -50px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    background-color: rgba(23, 23, 25, 0.6);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
  }
  .js .dropdown__submenu {
    height: 0;
    opacity: 0;
    pointer-events: none;
  }
  .js .dropdown__inner.dropdown-is-open .dropdown__submenu,
  .hoverevents .dropdown__inner:hover .dropdown__submenu,
  .hoverevents .dropdown__inner:focus .dropdown__submenu {
    height: auto;
    opacity: 1;
    pointer-events: auto;
  }
  .js .dropdown__inner.dropdown-is-open .dropdown__submenu::before,
  .hoverevents .dropdown__inner:hover .dropdown__submenu::before,
  .hoverevents .dropdown__inner:focus .dropdown__submenu::before {
    content: '';
    position: absolute;
    top: 0;
    right: -40px;
    bottom: -40px;
    left: -40px;
    z-index: -1;
    background: transparent;
  }
  .js.no-hoverevents .dropdown__inner.dropdown-is-open .dropdown__submenu {
    height: auto;
    opacity: 1;
    pointer-events: auto;
  }
}

.edit-button {
  position: absolute;
  top: 0;
  right: 5px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #cf1723;
  transition: color 0.3s;
  cursor: pointer;
}

.hoverevents .edit-button:hover {
  color: #a50e13;
}

.form-edit__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 9px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  text-decoration: none;
  transition: background 0.3s;
}

.form-edit__item:first-child {
  border-top: 0;
}

.form-edit__label {
  display: block;
  margin-bottom: 0;
}

.form-edit__value {
  display: block;
  margin-bottom: 0;
  font-weight: 700;
}

.form-edit__icon {
  color: #cf1723;
}

.hoverevents .form-edit__item:hover {
  background: rgba(255, 255, 255, 0.1);
}

.header {
  position: relative;
}

.hero {
  max-width: 100%;
  margin-right: auto;
  margin-bottom: -100px;
  margin-left: auto;
  padding: 70px 0 140px;
  background-image: url("../img/illust/bg/visual_main_mobile_f25@2x-SRhmZOw.jpg");
  background-position: center top -70px;
  background-repeat: no-repeat;
  background-size: auto 481px;
  text-align: center;
}

.hero__title {
  max-width: 260px;
  margin: 0 auto 15px;
}

.hero--overlap {
  padding-top: 144px;
}

.hero--overlap:first-child {
  margin-top: -124px;
}

@media (min-width: 480px), print {
  .hero {
    background-position: center center;
    background-size: 100% auto;
  }
}

@media (min-width: 750px), print {
  .hero {
    max-width: 2000px;
    margin-bottom: -260px;
    padding: 70px 0 290px;
    background-image: url("../img/illust/bg/visual_main_f25@2x-SksStmQ.png");
    background-position: center top;
    background-size: auto 680px;
    text-align: left;
  }
  .hero__title {
    max-width: 324px;
    margin: 0 0 30px;
  }
  .hero--overlap {
    padding-top: 163px;
  }
  .hero--overlap:first-child {
    margin-top: -143px;
  }
}

@media (min-width: 1000px) {
  .hero__title {
    margin: 0 0 60px;
  }
}

.info-box {
  display: -ms-flexbox;
  display: flex;
}

.info-box__symbol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  padding: 10px;
}

.info-box__message {
  padding: 9px 20px 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.357142857;
}

.info-box--error .info-box__symbol {
  background-color: #cf1723;
}

.info-box--error .info-box__message {
  background-color: rgba(207, 23, 35, 0.2);
  color: #cf1723;
}

.legend {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0 18px 5px 13px;
}

.legend > * {
  width: 40px;
  margin: 0 0 0 5px;
  color: #c6c6c6;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.083333333;
  text-align: center;
}

.legend--table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2px 3fr 2px 1fr 2px 1fr;
  grid-template-columns: 1fr 3fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: 'item1 item2 item3 item4';
  margin-bottom: 5px;
  padding: 0 36px 0 0;
  grid-gap: 2px;
}

.legend--table > * {
  width: auto;
  margin: 0;
  text-align: left;
}

.legend--table > :nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: item1;
  text-align: center;
}

.legend--table > :nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: item2;
}

.legend--table > :nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: item3;
}

.legend--table > :nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: item4;
  min-width: 50px;
  text-align: right;
}

@supports (justify-content: unset) {
  .legend--table {
    -ms-flex-pack: unset;
        justify-content: unset;
  }
}

@media (min-width: 480px), print {
  .legend--table {
    -ms-grid-columns: 1fr 5px 5fr 5px 1fr 5px 1fr;
    grid-template-columns: 1fr 5fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
        grid-template-areas: 'item1 item2 item3 item4';
    padding-right: 36px;
    grid-gap: 5px;
  }
  .legend--table > :nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .legend--table > :nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .legend--table > :nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .legend--table > :nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
}

@media (min-width: 750px), print {
  .legend--table {
    padding: 0 56px 0 20px;
  }
}

@media (min-width: 1000px) {
  .legend {
    padding-bottom: 0;
  }
  .legend p {
    margin: 0 5px -20px 5px;
  }
  .legend p:nth-child(2) {
    width: 34px;
  }
  .legend p:last-child {
    width: 84px;
  }
  .legend--table {
    padding-right: 90px;
  }
  .legend--table p {
    width: auto;
    margin: 0;
  }
  .legend--table p:first-child {
    width: 45px;
    text-align: left;
  }
  .legend--table p:nth-child(2),
  .legend--table p:last-child {
    width: auto;
  }
}

@media (min-width: 1000px) {
  .match-result-rwd-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.match-result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.box .match-result {
  padding: 0 5px;
}

.match-result__teams {
  margin-right: auto;
}

.match-result__teams .team-badge:first-child {
  margin-bottom: 10px;
}

.match-result__score {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 0;
  margin-left: 5px;
  border-radius: 6px;
}

.match-result__score + .match-result__score--gold {
  background-color: rgba(237, 187, 0, 0.3);
}

.match-result__score + .match-result__score--silver {
  background-color: rgba(192, 192, 192, 0.3);
}

.match-result__score + .match-result__score--bronze {
  background-color: rgba(255, 255, 255, 0.08);
}

.match-result__score + .match-result__score--warning {
  background-color: rgba(226, 76, 0, 0.1);
}

.match-result__score span {
  display: inline-block;
  padding: 15px 14px;
  font-weight: 700;
  font-size: 20px;
  line-height: 0.75;
}

.match-result__score span:only-child {
  padding-top: 23px;
  padding-bottom: 23px;
}

.match-result__score span:first-child {
  padding-bottom: 23px;
}

.match-result__score span:nth-child(2) {
  position: relative;
  padding-top: 21px;
}

.match-result__score span:nth-child(2)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  display: block;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
}

.match-result__award {
  -ms-flex: 1;
      flex: 1;
}

@media (min-width: 1000px) {
  .match-result__teams {
    max-width: 180px;
  }
}

.match-user-points {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 10px;
  padding: 14px 0 0;
  border-top: 1px solid rgba(127, 127, 141, 0.1);
}

.match-user-points__label {
  position: relative;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: auto;
  font-size: 12px;
  line-height: 1.083333333;
}

.match-user-points__label::after {
  content: '-';
  position: absolute;
  left: 100%;
  margin-left: 3px;
}

.match-user-points__points {
  position: relative;
  top: 2px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.083333333;
}

.match-user-points--gold .match-user-points__points,
.match-user-points--silver .match-user-points__points,
.match-user-points--bronze .match-user-points__points {
  font-weight: bold;
}

.match-user-points__icon {
  margin: 0 2px 0 1px;
}

.match-user-points--gold {
  color: #edbb00;
}

.match-user-points--silver {
  color: #c0c0c0;
}

.match-user-points--bronze {
  color: #df885d;
}

@media (min-width: 1000px) {
  .match-user-points {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    width: 80px;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .match-user-points__label {
    -ms-flex-order: 3;
        order: 3;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .match-user-points__label::after {
    display: none;
  }
  .match-user-points__points {
    margin: 10px 0;
  }
  .tippy-content .match-user-points {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0 0;
    border-top: 1px solid rgba(127, 127, 141, 0.1);
  }
  .tippy-content .match-user-points > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
  .tippy-content .match-user-points__label {
    -ms-flex-order: inherit;
        order: inherit;
    width: auto;
    margin-right: 10px;
    text-align: left;
  }
  .tippy-content .match-user-points__label::after {
    display: inline-block;
  }
  .tippy-content .match-user-points__points {
    margin: 0;
  }
}

.match {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media (max-width: 999.98px), print {
  .message-group .message {
    border-radius: 0;
  }
  .message-group .message:first-child, .message-group .message:first-child::after {
    border-radius: 10px 10px 0 0;
  }
  .message-group .message:last-child {
    border-radius: 0 0 10px 10px;
  }
}

.message-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.625;
}

.message-desc {
  margin-bottom: 0;
  font-size: 12px;
  stroke-linejoin: 1.416666667;
}

.message {
  position: relative;
  z-index: 1;
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(23, 23, 25, 0.9);
}

.message__badge {
  position: absolute;
  top: 0;
  left: 50%;
  margin-bottom: 10px;
  transform: translate(-50%, -50%);
}

.message__title {
  margin-bottom: 25px;
  text-align: center;
}

.message__content > :last-child {
  margin-bottom: 0;
}

.message__content + .message__cta {
  margin-top: 20px;
}

.message__attention, .message__attention:last-child {
  margin: 12px -20px -20px;
  padding: 18px 20px 20px;
  border-radius: 0 0 10px 10px;
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
  .message--blur {
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}

.message--success {
  background-color: #00a300;
}

.message--green {
  background-color: rgba(0, 163, 0, 0.85);
}

.message--green::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
  background-color: #000000;
  opacity: 0.5;
}

.message--green-highlight {
  background-color: rgba(0, 163, 0, 0.9);
}

.message--photo {
  background: none;
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
  .message {
    background-color: rgba(23, 23, 25, 0.8);
  }
  .message--success {
    background-color: #00a300;
  }
  .message--green {
    background-color: rgba(0, 163, 0, 0.5);
  }
  .message--green-highlight {
    background-color: rgba(0, 163, 0, 0.8);
  }
  .message--photo {
    background: none;
  }
}

@media (min-width: 750px), print {
  .message--compact {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1000px) {
  .message {
    padding: 30px;
  }
  .message__title {
    font-size: 20px;
    line-height: 1.35;
  }
  .message--short {
    padding: 20px 30px;
  }
  .message--green-highlight {
    background-image: url("../img/illust/bg/banner_green_background@2x--Px6DwO.png");
    background-size: 100%;
  }
  .message--photo {
    background-image: url("../img/illust/bg/banner_stadium_background_full@2x-5P4Dx74.png");
    background-size: cover;
  }
  .size--6-12\@lg .message--photo {
    background-image: url("../img/illust/bg/banner_stadium_background_half@2x-nswPO1A.png");
  }
}

.meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 10px;
  margin-left: -10px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
  font-size: 10px;
  line-height: 1.3;
}

.meta__item {
  display: inline-block;
  margin-bottom: 5px;
  padding-left: 10px;
}

.meta__item--primary {
  color: #cf1723;
  font-weight: bold;
}

.meta__item--warning {
  color: #e24c00;
  font-weight: bold;
}

.meta__item .tooltip-text {
  margin-left: 5px;
}

.meta__icon {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.5);
}

.meta__item--primary .meta__icon {
  color: #cf1723;
}

.meta__item--warning .meta__icon {
  color: #e24c00;
}

@media (max-width: 479.98px) {
  .meta__item {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
  .meta__item:nth-child(2), .meta__item:nth-child(4) {
    text-align: right;
  }
  .meta__item:nth-child(3) {
    text-align: center;
  }
}

@media (min-width: 1000px) {
  .meta__item--warning {
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .meta__item--warning .meta__inner {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #e24c00;
    border-radius: 2px;
  }
  .meta__item--warning .meta__inner .tooltip-text {
    margin-left: 15px;
    padding-left: 5px;
    border-left: 1px solid rgba(226, 76, 0, 0.25);
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .meta__item {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
  .meta__item:nth-child(2) {
    text-align: right;
  }
  .meta__item:nth-child(3) {
    text-align: center;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 0 25px -44px;
}

.progress__item {
  position: relative;
  border: 44px solid transparent;
  border-width: 0 0 0 44px;
}

.progress__item:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -32px;
  width: 20px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-50%);
}

.progress__inner {
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

.progress__inner .icon-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress__item.is-active .progress__inner {
  border-color: #ffffff;
  background-color: #ffffff;
}

.progress__item.is-done .progress__inner {
  border-color: #ab0c11;
  background-color: #ab0c11;
  color: #ffffff;
}

.round-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: -20px;
}

.round-info__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0;
  margin-left: 20px;
  font-weight: 700;
  line-height: 0.9375;
}

.round-info__item--gold {
  color: #edbb00;
}

.round-info__icon {
  margin-right: 5px;
}

.round-info--small .round-info__item {
  font-size: 12px;
  line-height: 1.416666667;
}

@media (min-width: 1000px) {
  .round-info {
    margin-left: -48px;
  }
  .round-info__item {
    margin-left: 48px;
    font-size: 16px;
    line-height: 1;
  }
  .round-info__item:first-child {
    width: 40px;
    text-align: left;
  }
  .round-info__item:last-child {
    width: 100px;
    margin-right: 48px;
  }
}

.round-summary__title {
  display: block;
  line-height: 1;
  text-transform: uppercase;
}

.round-summary__caption {
  display: block;
}

@media (min-width: 1000px) {
  .round-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
  }
  .round-summary__title {
    font-size: 20px;
  }
  .round-summary__text {
    position: relative;
    top: -2px;
  }
  .round-summary--empty .round-summary__title {
    margin-bottom: 0;
  }
  .round-summary--empty .round-summary__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
  }
}

@media (min-width: 1000px) {
  .rwd-text-wrapper {
    position: relative;
  }
  .rwd-text-wrapper__inner {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.score-picker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media (min-width: 1000px) {
  .match .score-picker {
    margin: 0 26px;
  }
}

.score-result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.score-result__score {
  width: 40px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 0.75;
  text-align: center;
}

.scroll-carousel {
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 999.98px), print {
  .scroll-carousel {
    width: calc(100% + 30px);
    margin-left: -15px;
    overflow: auto;
  }
  .scroll-carousel > * {
    margin-left: 26px;
  }
  .scroll-carousel > *:first-child {
    margin-left: 15px;
  }
  .scroll-carousel > *:last-child {
    width: 79px;
    padding-right: 15px;
  }
}

@media (min-width: 1000px) {
  .scroll-carousel {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -30px;
  }
  .scroll-carousel > *,
  .scroll-carousel > :first-child {
    margin-top: 30px;
  }
  .scroll-carousel .team-badge {
    width: calc(100% / 7);
  }
  .scroll-carousel .team-badge__caption {
    font-size: 10px;
  }
}

.shout {
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
}

.shout__important {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #cf1723;
  font-weight: 800;
}

.shout__icon {
  margin-right: 5px;
}

.site-nav {
  position: relative;
  z-index: 200;
}

.site-nav__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}

.site-nav__logo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 0;
}

.site-nav__logo {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  max-width: 338px;
}

.site-nav__toggle {
  position: absolute;
  top: 0;
  right: 15px;
  vertical-align: middle;
  height: 36px;
  margin: 0;
  padding: 8px 13px 11px 13px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background: none;
  color: #ffffff;
  outline: none;
  font-family: inherit;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.416666667;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.site-nav .site-nav__toggle-show,
.site-nav .site-nav__toggle-hide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  pointer-events: none;
}

.site-nav .site-nav__toggle-show .icon-svg,
.site-nav .site-nav__toggle-hide .icon-svg {
  margin-right: 10px;
}

.site-nav .site-nav__toggle-hide {
  display: none;
}

.menu-is-open .site-nav .site-nav__toggle-show {
  display: none;
}

.menu-is-open .site-nav .site-nav__toggle-hide {
  display: -ms-flexbox;
  display: flex;
}

.site-nav--transparent {
  background-color: transparent;
}

@media (max-width: 999.98px), print {
  .site-nav {
    padding: 12px 0;
  }
  .site-nav__menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
  }
  .menu-is-open .site-nav__menu {
    opacity: 1;
    pointer-events: auto;
  }
  .site-nav__overlay {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    display: block;
    background: rgba(171, 12, 17, 0.8);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    pointer-events: none;
  }
  .menu-is-open .site-nav__overlay {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
}

@media (min-width: 1000px) {
  .site-nav {
    padding: 31px 0 12px;
    background-color: transparent;
  }
  .site-nav__logo {
    width: 338px;
    height: 100px;
  }
  .site-nav__toggle {
    display: none;
  }
  .site-nav__overlay {
    display: none;
  }
}

@media (min-width: 1000px) {
  .stats {
    display: -ms-flexbox;
    display: flex;
  }
  .stats tbody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    margin: 0 -10px;
  }
  .stats tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .stats td {
    padding: 0 10px;
    border-top: 0;
    text-align: center;
  }
}

.steps {
  counter-reset: my-badass-counter;
  margin-bottom: 0;
  padding-left: 55px;
  list-style: none;
}

.steps__item {
  counter-increment: my-badass-counter;
  position: relative;
  margin-bottom: 30px;
  padding-left: 0;
}

.steps__item::before {
  content: '';
  position: absolute;
  left: -55px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ab0c11;
  font-weight: 800;
  line-height: 40px;
  text-align: center;
}

.steps__item::after {
  content: '';
  position: absolute;
  top: 55px;
  bottom: -10px;
  left: -35px;
  display: block;
  width: 2px;
  background: #7f7f8d;
  opacity: 0.25;
}

.steps__item:nth-child(1)::before {
  background-color: rgba(171, 12, 17, 0.6);
}

.steps__item:nth-child(2)::before {
  background-color: rgba(171, 12, 17, 0.8);
}

.steps__item:last-child::after {
  display: none;
}

.steps__item-single:nth-child(1)::before {
  background-color: #cf1723;
}

.steps__title {
  margin-bottom: 15px;
}

.steps__title br {
  display: none;
}

.steps__text {
  color: #c6c6c6;
}

.steps__text:last-child {
  margin-bottom: 0;
}

@media (min-width: 1000px) {
  .steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin: 0 0 0 -30px;
    padding-top: 55px;
    padding-left: 0;
    text-align: center;
  }
  .steps__item {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    max-width: 300px;
    padding-top: 10px;
    border: 30px solid transparent;
    border-width: 0 0 0 30px;
  }
  .steps__item::before {
    top: -60px;
    left: 50%;
    width: 50px;
    height: 50px;
    font-size: 22px;
    line-height: 50px;
    transform: translateX(-50%);
  }
  .steps__item::after {
    top: -35px;
    right: 0;
    bottom: auto;
    left: calc(50% + 41px);
    width: 100%;
    height: 2px;
  }
  .steps__title br {
    display: block;
  }
}

.table__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 15px 5px;
  color: #c6c6c6;
  font-weight: 700;
  font-size: 12px;
}

.table__head > p:first-child {
  min-width: 16px;
  text-align: center;
}

.table__head > * {
  margin-bottom: 0;
}

.table__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-width: 1px 0 0;
  font-weight: 600;
  font-size: 14px;
}

.table__item > * {
  margin-bottom: 0;
}

.table__item.is-next {
  border-color: transparent;
  background-color: rgba(207, 23, 35, 0.6);
  font-weight: 800;
}

.table__item.is-next + .table__item {
  border-color: transparent;
}

@media (min-width: 750px), print {
  .table__head {
    padding: 0 20px 5px;
  }
  .table__item {
    padding: 8px 20px;
  }
  .table__item.is-next {
    font-weight: 600;
  }
}

.tabs__link {
  padding-bottom: 10px;
  border-bottom: 1px solid transparent;
  color: #c6c6c6;
  text-decoration: none;
  transition: color 0.3s, border-color 0.3s;
}

.tabs__link.is-active {
  border-bottom-color: #d9d9d9;
  color: #ffffff;
  font-weight: 700;
}

.no-js .tabs__fragment:not(:last-child) {
  margin-bottom: 30px;
}

.hoverevents .tabs__link:hover {
  border-bottom-color: #d9d9d9;
  color: #ffffff;
}

.team-badge {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 64px;
}

.team-badge__logo {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 50px;
  max-width: none;
  height: 50px;
  margin-bottom: 11px;
}

.team-badge__caption {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 10px;
  line-height: 1.3;
  word-wrap: break-word;
  text-align: center;
  text-transform: uppercase;
}

.team-badge--horizontal {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
}

.team-badge--horizontal .team-badge__logo {
  margin-right: 11px;
  margin-bottom: 0;
}

.team-badge--horizontal .team-badge__caption {
  text-align: left;
}

@media (min-width: 1000px) {
  .team-badge {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    width: auto;
  }
  .team-badge__caption {
    font-size: 12px;
    line-height: 1.083333333;
  }
}

.user {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: 'order name name name' 'order points total win';
  -moz-column-gap: 2px;
       column-gap: 2px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}

.user__position-arrow, .user__my-position-link {
  display: none;
}

.user > span {
  display: block;
  text-decoration: none;
}

.user__order {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: order;
  -ms-grid-row-align: center;
      align-self: center;
  margin-right: 3px;
  padding-right: 15px;
  padding-left: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
}

.user__name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
  grid-area: name;
  margin-bottom: 5px;
  color: #ffffff;
  text-decoration: none;
}

.section.is-active .user__name {
  font-weight: 800;
}

.section.is-active .user__name .item-icon {
  padding-left: 25px;
}

.user__points {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: points;
  color: #ffffff;
  text-decoration: none;
}

.user__total {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
  grid-area: total;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}

.user__win {
  -ms-grid-row: 2;
  -ms-grid-column: 7;
  grid-area: win;
  min-width: 50px;
  color: #ffffff;
  text-align: right;
  text-decoration: none;
}

.user__win--gold {
  color: #edbb00;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .section.is-sticky:not(.is-open) .user {
    padding-top: 17px;
  }
  .section.is-sticky:not(.is-open) .user__position-arrow {
    top: 6px;
    left: 6px;
  }
  .section.is-sticky:not(.is-open) .user__position-arrow, .section.is-sticky:not(.is-open) .user__my-position-link {
    position: absolute;
    top: 0;
    display: block;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.416666667;
  }
}

@media (min-width: 480px), print {
  .user {
    -ms-grid-columns: 1fr 5px 5fr 5px 1fr 5px 1fr;
    grid-template-columns: 1fr 5fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
        grid-template-areas: 'order name total win' 'order points total win';
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
  .user > * {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .user__order {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .user__name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .user__points {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .user__total {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5;
  }
  .user__win {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 7;
  }
}

@media (min-width: 1000px) {
  .user {
    -ms-grid-columns: 1fr 5fr 1fr 1fr;
    grid-template-columns: 1fr 5fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
        grid-template-areas: 'order name total win' 'order points total win';
    margin-right: 30px;
  }
  .user__order {
    padding-right: 25px;
    padding-left: 20px;
  }
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .section.is-sticky:not(.is-open) .user__position-arrow {
      left: 16px;
    }
  }
  .user__order {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .user__name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .user__points {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .user__total {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .user__win {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
  }
}

.versus {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 0;
}

.versus__icon {
  margin: 0 13px;
}

.vertical-list__item {
  margin-bottom: 0;
  padding: 0;
}

.login {
  text-align: center;
}

.login > :first-child {
  margin-top: 0;
}

.login > :last-child {
  margin-bottom: 0;
}

.login__title {
  max-width: 280px;
  margin-right: auto;
  margin-left: auto;
  font-size: 20px;
}

.login__annot {
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
  color: #c6c6c6;
}

.login__inp {
  max-width: 290px;
  margin: 0 auto 20px;
  text-align: left;
}

@media (min-width: 750px), print {
  .login__title {
    max-width: 360px;
    padding: 0 50px;
  }
}

@media (min-width: 1000px) {
  .login__title {
    max-width: 100%;
  }
}

.masked {
  padding: 10px 80px;
  font-family: monospace;
  letter-spacing: 2px;
}

.shell {
  position: relative;
  display: block;
  line-height: 1;
}

.shell span {
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 0;
  background-color: transparent;
  color: #000000;
  font-family: monospace;
  letter-spacing: 2px;
  transform: translateX(-50%);
  pointer-events: none;
}

.shell span i {
  /* any of these 3 will work */
  color: transparent;
  font-style: normal;
  visibility: hidden;
  opacity: 0;
}

.js-phone-input__base {
  position: absolute;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.js-phone-input__wrapper {
  position: relative;
  z-index: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  border-radius: 3px;
  background-color: #ffffff;
}

.js-phone-input__flag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 118px;
      flex: 0 0 118px;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px;
  border-radius: 3px 0 0 3px;
  transition: border-color 0.3s;
  pointer-events: none;
}

.js-phone-input__flag::after {
  content: '';
  display: block;
  width: 12px;
  height: 14px;
  margin-left: 6px;
  background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.2 6.1"><path fill="currentColor" d="M10 0l1.2 1.6-5.6 4.5L0 1.6 1.2 0l4.4 3.5z"/></svg>') center center no-repeat;
}

.js-phone-input__flag img {
  display: block;
  width: 28px;
  box-shadow: 0 0 1px #000000;
}

.has-error .js-phone-input__flag {
  border-color: #ab0c11;
}

.validated .js-phone-input__flag {
  border-color: #00a300;
}

.js-phone-input__prefix {
  margin-left: 6px;
  color: #000000;
  font-size: 1rem;
  line-height: 20px;
}

.js-phone-input__input {
  background-color: transparent;
  text-shadow: 0 1px 1px #ffffff, 1px 0 1px #ffffff, 0 -1px 1px #ffffff, -1px 0 1px #ffffff, -1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 1px 1px #ffffff;
  font-variant-numeric: tabular-nums;
}

.js-phone-input--has-country .js-phone-input__input {
  width: 136px;
  border-left-width: 0;
}

.js-phone-input__input:focus {
  background-color: rgba(255, 255, 255, 0.9);
  outline: 0;
}

.js-phone-input__input:focus ~ .js-phone-input__flag {
  border-color: #ffffff;
}

.validated .js-phone-input__input,
.validated .js-phone-input__input:focus,
.validated .js-phone-input__input:focus ~ .js-phone-input__flag {
  border-color: #00a300;
}

.has-error .js-phone-input__input {
  border-color: #ab0c11;
}

.js-phone-input__placeholder {
  position: absolute;
  top: 0;
  left: 118px;
  z-index: -1;
  padding: 8px 15px;
  border: 1px solid transparent;
  color: #c6c6c6;
  font-weight: 600;
  font-size: 1rem;
  line-height: 22px;
  white-space: nowrap;
  pointer-events: none;
  font-variant-numeric: tabular-nums;
}

.js-phone-input__select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 118px;
  padding: 0 10px;
  border: none;
  background-color: rgba(198, 198, 198, 0.3);
  color: transparent;
  transition: background-color 0.3s;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.js-phone-input__select option {
  color: #000000;
  font-size: 1rem;
  line-height: 20px;
}

.js-phone-input__select:active, .js-phone-input__select:focus {
  background: #ffffff;
  outline: 0;
}

.hoverevents .js-phone-input__select:hover {
  background-color: rgba(198, 198, 198, 0.8);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .js-phone-input__flag, .js-phone-input__select {
    display: none;
  }
}

.registration {
  padding-top: 20px;
}

.registration__annot {
  color: #c6c6c6;
  text-align: center;
}

.registration__title {
  color: #ffffff;
}

.registration__inner {
  max-width: 320px;
  margin: 0 auto;
}

.registration__resend {
  color: #ffffff;
  font-size: 14px;
}

.hoverevents .registration__resend:hover {
  text-decoration: none;
}

@media (min-width: 750px), print {
  .registration {
    padding-top: 25px;
  }
}

.m-accessibility {
  position: absolute;
  top: 0;
  left: -5000px;
}

.m-accessibility a:focus, .m-accessibility a:active {
  position: absolute;
  top: 0;
  left: 5000px;
  z-index: 900;
  width: 200px;
  padding: 2px 0 5px;
  background-color: #000000;
  text-align: center;
}

.menu-footer__list {
  margin-bottom: 10px;
}

.menu-footer__link {
  display: block;
  padding: 10px 0;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.071428571;
  text-align: center;
}

.hoverevents .menu-footer__link:hover {
  text-decoration: none;
}

@media (min-width: 750px), print {
  .menu-footer__list {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px -15px 0;
  }
  .menu-footer__link {
    padding: 0 15px 15px 0;
  }
  .menu-footer__cta {
    display: none;
  }
}

.menu-icons__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.menu-icons__link {
  display: block;
  padding: 0 17px;
  color: #ffffff;
  text-align: center;
  transition: color 0.3s;
}

.hoverevents .menu-icons__link:hover {
  color: #000000;
}

@media (min-width: 750px), print {
  .menu-icons__list {
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin: 0 -17px;
  }
}

.menu-main__list {
  display: -ms-flexbox;
  display: flex;
}

.menu-main__link {
  position: relative;
  padding: 14px 10px 13px;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25;
  text-decoration: none;
}

@media (max-width: 999.98px), print {
  .menu-main__list {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 20px 15px;
  }
  .menu-main__item {
    position: relative;
  }
  .menu-main__item::before {
    content: '';
    position: absolute;
    top: 0;
    right: -15px;
    bottom: 0;
    left: -15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-width: 1px 0;
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 0;
  }
  .hoverevents .menu-main__item:hover::before, .menu-main__item.is-active::before {
    opacity: 1;
  }
  .hoverevents .menu-main__item:hover .menu-main__link, .menu-main__item.is-active .menu-main__link {
    border-color: transparent;
  }
  .hoverevents .menu-main__item:hover + .menu-main__item .menu-main__link, .menu-main__item.is-active + .menu-main__item .menu-main__link {
    border-color: transparent;
  }
  .menu-main__link {
    display: block;
    padding: 11px 0 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.357142857;
  }
  .menu-main__item:first-child .menu-main__link {
    border-top: 0;
  }
  .menu-main__cta {
    padding: 0 15px;
  }
}

@media (min-width: 750px), print {
  .menu-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .menu-main > * {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (min-width: 1000px) {
  .menu-main {
    -ms-flex-align: center;
        align-items: center;
    min-height: 50px;
  }
  .menu-main__link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 16px;
    height: 1px;
    background: #ffffff;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 0.3s;
  }
  .hoverevents .menu-main__link:hover::before,
  .menu-main__item.is-active .menu-main__link::before {
    opacity: 1;
  }
  .menu-main__cta {
    margin-left: 10px;
    transform: translateY(2px);
  }
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  position: relative;
  min-width: 320px;
  min-height: 100%;
  background: #000000;
  overflow-x: hidden;
  overflow-y: scroll;
}

:first-child {
  margin-top: 0;
}

.footer {
  margin-top: auto;
  padding: 50px 0 35px;
  background-image: linear-gradient(rgba(207, 23, 35, 0), rgba(207, 23, 35, 0.3));
  text-align: center;
}

.footer__logo {
  margin-bottom: 30px;
}

.footer__heading {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 800;
}

.footer__info-link {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.071428571;
}

@media (min-width: 750px), print {
  .footer {
    text-align: left;
  }
  .footer__inner {
    display: -ms-flexbox;
    display: flex;
  }
  .footer__info-link {
    margin-top: 30px;
  }
  .footer__col1, .footer__col2, .footer__col3 {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

@media (min-width: 1000px) {
  .footer {
    padding-top: 140px;
    padding-bottom: 265px;
    background-image: url("../img/illust/bg/footer-AurscTI.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 115%;
  }
}

@media (min-width: 1000px) {
  .main {
    margin-bottom: -40px;
  }
}

.site-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
}

.u-vhide {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.u-out,
.js .u-js-out {
  position: absolute;
  left: -5000px;
}

.u-mb-0 {
  margin-bottom: 0;
}

.u-mb-3xs {
  margin-bottom: 5px;
}

.u-mb-xxs {
  margin-bottom: 10px;
}

.u-mb-8 {
  margin-bottom: 8px;
}

.u-mb-xs {
  margin-bottom: 15px;
}

.u-mb-sm {
  margin-bottom: 20px;
}

.u-mb-25 {
  margin-bottom: 25px;
}

.u-mb-md {
  margin-bottom: 30px;
}

.u-mb-lg {
  margin-bottom: 40px;
}

.u-mb-50 {
  margin-bottom: 50px;
}

.u-mb-xxl {
  margin-bottom: 100px;
}

.u-mt-0 {
  margin-top: 0;
}

.u-mt-xs {
  margin-top: 15px;
}

.u-mt-sm {
  margin-top: 20px;
}

.u-mt-25 {
  margin-top: 25px;
}

.u-mt-md {
  margin-top: 30px;
}

.u-mt-50 {
  margin-top: 50px;
}

.u-mt-70 {
  margin-top: 70px;
}

.u-mt--30 {
  margin-top: -30px;
}

@media (max-width: 749.98px) {
  .u-mb-50\@sm {
    margin-bottom: 50px;
  }
}

@media (min-width: 480px), print {
  .u-mb-xxxl\@sm {
    margin-bottom: 250px;
  }
}

@media (min-width: 750px), print {
  .u-mb-xl\@md {
    margin-bottom: 60px;
  }
}

@media (min-width: 1000px) {
  .u-mb-0\@lg {
    margin-bottom: 0;
  }
}

@media (min-width: 1000px) {
  .u-mb-xs\@lg {
    margin-bottom: 15px;
  }
}

@media (min-width: 1000px) {
  .u-mb-sm\@lg {
    margin-bottom: 20px;
  }
}

@media (min-width: 1000px) {
  .u-mb-md\@lg {
    margin-bottom: 30px;
  }
}

@media (min-width: 1000px) {
  .u-mb-lg\@lg {
    margin-bottom: 50px;
  }
}

@media (min-width: 1000px) {
  .u-mb-xl\@lg {
    margin-bottom: 60px;
  }
}

@media (min-width: 1000px) {
  .u-mb-xxxl\@lg {
    margin-bottom: 250px;
  }
}

@media (min-width: 750px), print {
  .u-mt-50\@md {
    margin-top: 50px;
  }
}

.u-text-left {
  text-align: left;
}

.u-text-center {
  text-align: center;
}

@media (min-width: 750px), print {
  .u-text-center\@md {
    text-align: center;
  }
}

@media (min-width: 1000px) {
  .u-text-center\@lg {
    text-align: center;
  }
}

@media (min-width: 1000px) {
  .u-text-left\@lg {
    text-align: left;
  }
}

.u-text-red {
  color: #cf1723;
}

.u-text-subtle {
  color: #c6c6c6;
}

@media (min-width: 1000px) {
  .u-text\@lg {
    color: #ffffff;
  }
}

.u-text-uppercase {
  text-transform: uppercase;
}

.u-hide {
  display: none;
}

@media (min-width: 480px), print {
  .u-hide\@sm {
    display: none;
  }
}

@media (min-width: 750px), print {
  .u-hide\@md {
    display: none;
  }
}

@media (min-width: 1000px) {
  .u-hide\@lg {
    display: none;
  }
}

@media (min-width: 1200px) {
  .u-hide\@xl {
    display: none;
  }
}

.u-show {
  display: block;
}

@media (min-width: 480px), print {
  .u-show\@sm {
    display: block;
  }
}

@media (min-width: 750px), print {
  .u-show\@md {
    display: block;
  }
}

@media (min-width: 1000px) {
  .u-show\@lg {
    display: block;
  }
}

@media (min-width: 1200px) {
  .u-show\@xl {
    display: block;
  }
}

.js .u-js-hide {
  display: none;
}

@media (min-width: 1000px) {
  .u-flex\@lg {
    display: -ms-flexbox;
    display: flex;
  }
}

.u-js-show {
  display: none;
}

.js .u-js-show {
  display: block;
}

.u-rounded {
  border-radius: 8px;
}

.u-vertical-align {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/*# sourceMappingURL=style.css-22iZzm6.map */