.custom_alert {
  position: fixed;
  top: 40%;
  border-radius: 5px;
  color: #fff;
  background: #d13836;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 200px;
  text-align: center;
  padding: 10px 20px;
  opacity: 0;
  transition: opacity 0.5s;
  cursor: pointer;
}

html {
  font-size: 10px;
  scrollbar-color: #fff #fff;
  scrollbar-width: thin;
  overflow-x: hidden;
}
html::-webkit-scrollbar-track {
  background-color: #fff;
}
html::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
  height: 6px;
}
html::-webkit-scrollbar-thumb {
  background-color: #fff;
}
@media (min-width: 992px) {
  html {
    overflow: initial;
  }
}
body {
  font-size: 1.4rem;
  background: #f2f5f9;
}
@media (min-width: 992px) {
  body {
    background: #fff;
  }
}
a {
  transition: all 0.3s;
}
a.--down.--disable {
  background: #80869C;
  cursor: not-allowed;
}
a.--down.--disable:hover {
  cursor: not-allowed;
}
iframe {
  max-width: 780px;
  margin-top: 19px;
}
iframe body {
  margin-left: auto;
  margin-right: auto;
}
iframe .panel {
  display: none;
}
.---hidden {
  display: none !important;
}
.container {
  max-width: 100vw;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .container {
    max-width: calc(100% - 30px);
    margin-top: 10px;
  }
}
@media (min-width: 1680px) {
  .container {
    max-width: 2560px;
    width: calc(100% - 30px);
  }
}
.container.--scores {
  padding: 0 7px;
}
@media (min-width: 768px) {
  .container {
    padding: 0;
  }
}
.container .row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  .container .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.container .row > .col-12 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .container .row > .col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.charts {
  margin-bottom: 100px;
  margin-left: 7px;
  margin-right: 7px;
  max-width: calc(100% - 14px);
}
@media (min-width: 992px) {
  .charts {
    margin-bottom: 35px;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .charts {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 1680px) {
  .charts {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media (max-width: 991px) {
  .charts.--hide_bar {
    margin-bottom: 0;
  }
  .charts.--hide_bar + .coupons__toggler {
    display: none !important;
  }
}
.breadcrumbs__back {
  width: 42px;
  height: 42px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f7fc;
}
.breadcrumbs__back:hover {
  opacity: 0.5;
}
.breadcrumbs__crumbs {
  padding: 0 10px;
  overflow: auto;
}
.breadcrumbs__crumbs a {
  font-size: 1.1rem;
  color: rgba(9, 37, 109, 0.5);
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.breadcrumbs__crumbs a:hover {
  text-decoration: none;
  color: #09256d;
}
.breadcrumbs__crumbs a:after {
  content: '';
  display: flex;
  vertical-align: middle;
  background: url('img/arrow_right.png');
  background-size: contain;
  width: 5px;
  height: 7px;
  margin: 0 15px;
  opacity: 0.5;
  margin-top: 2px;
}
.breadcrumbs__crumbs a:last-child {
  color: #09256d;
  padding-right: 10px;
}
.breadcrumbs__crumbs a:last-child:after {
  content: none;
}
.header {
  background: #fff;
  margin-left: -7px;
  margin-right: -7px;
  color: #09256d;
  padding: 10px 7px 7px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .header {
    padding: 30px 15px;
    border: 1px solid #bbc1cf;
    border-radius: 5px;
    background: #e9ecf3;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    display: block;
  }
}
.header h1 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
  background: #f4f7fc;
  border-radius: 6px;
  padding: 4px 0;
  flex-basis: 100%;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .header h1 {
    font-size: 4rem;
    border-radius: 0;
    background: none;
    font-family: 'Oswald';
    font-weight: 500;
    padding: 0;
    margin: 0 auto;
  }
}
.header h1:nth-child(3) {
  flex-basis: calc(100% - 50px);
}
.header h1 span {
  font-size: 1.6rem;
  background: #d13836;
  color: #fff;
  display: inline-block;
  padding: 7px 10px;
  margin: 0 14px;
}
@media (min-width: 992px) {
  .header h1 span {
    padding: 0;
    margin: 0;
    background: none;
    color: inherit;
    font-size: inherit;
  }
}
.header a {
  background: #f4f7fc;
  flex-basis: 40px;
  margin-right: 10px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
}
@media (min-width: 757px) {
  .header a {
    background: transparent;
    margin-right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 757px) {
  .header a:hover {
    opacity: 0.5;
  }
}
.header a:first-child {
  display: none;
}
@media (min-width: 757px) {
  .header a:first-child {
    display: block;
  }
}
.header a:first-child i {
  display: none;
}
.header a:nth-child(2) {
  display: flex;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 757px) {
  .header a:nth-child(2) {
    display: none;
  }
}
.header a:nth-child(2) i {
  display: none;
}
.header span {
  border-radius: 5px;
  background: #b5c358;
  display: block;
  padding: 9px 0;
  margin-top: 5px;
  font-family: 'Open Sans';
  font-size: 1.1rem;
  font-weight: 700;
  color: #02B253;
  text-align: center;
  text-transform: uppercase;
  flex-basis: 100%;
}
.type {
  background-color: #fff;
  min-height: 75px;
  margin: 0 -7px;
  padding: 9px 7px;
}
@media (min-width: 992px) {
  .type {
    margin: 0 0 10px;
    padding: 0;
    min-height: 0;
    background: none;
  }
}
.type__item {
  text-decoration: none;
  padding: 10px 15px;
  min-width: 23%;
  position: relative;
}
@media (min-width: 757px) {
  .type__item {
    margin-right: 10px;
    margin-left: 10px;
    padding: 0;
    min-width: 0;
  }
}
@media (min-width: 992px) {
  .type__item {
    opacity: 0.5;
    margin-right: 50px;
    border-right: 0;
  }
}
@media (min-width: 992px) {
  .type__item:first-child {
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .type__item:not(:last-child) {
    margin-right: 50px;
  }
}
.type__item:last-child {
  border-right: 0;
}
.type__item:hover {
  opacity: 1;
  text-decoration: none;
}
.type__item i {
  margin-bottom: 5px;
  font-size: 2.4rem;
  color: #5d709f;
  opacity: 0.5;
}
@media (min-width: 757px) {
  .type__item i {
    font-size: 3.3rem;
    color: #09256d;
    opacity: 1;
  }
}
.type__item span {
  font-family: 'Open Sans';
  font-size: 1.1rem;
  color: #2D375E;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .type__item span {
    text-transform: none;
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 1.2rem;
    color: #09256d;
  }
}
.type__item small {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  position: absolute;
  border-radius: 100%;
  font-size: 0.8rem;
  font-weight: 700;
}
@media (min-width: 992px) {
  .type__item small {
    display: none;
  }
}
.type__item small.--white {
  color: #2D375E;
  background: #fff;
  top: 10px;
  right: 25px;
  border: 1px solid #2D375E;
}
.type__item small.--red {
  color: #fff;
  background: #d13836;
  bottom: 30px;
  left: 25px;
}
.type__item .icon-bundesliga span {
  font-size: 2.325rem;
  font-weight: 400;
}
@media (min-width: 992px) {
  .type__item .icon-bundesliga span {
    font-size: 3.1rem;
  }
}
.type__item.--active {
  opacity: 1;
  text-decoration: none;
  background: #2D375E;
  border-radius: 7px;
}
@media (min-width: 992px) {
  .type__item.--active {
    background: none;
    border-radius: 0;
  }
}
@media (max-width: 992px) {
  .type__item.--active .icon-bundesliga .path1:before {
    color: #fff;
  }
}
.type__item.--active i {
  color: #fff;
  opacity: 1;
}
@media (min-width: 992px) {
  .type__item.--active i {
    color: #09256d;
  }
}
.type__item.--active span {
  color: #fff;
}
@media (min-width: 992px) {
  .type__item.--active span {
    color: #09256d;
  }
}
.type__item.--active small {
  border: 0;
}
.type__item.--disable {
  opacity: 0.3;
  cursor: not-allowed;
}
.type__item.--bg i {
  font-size: 1.55rem;
}
@media (min-width: 757px) {
  .type__item.--bg i {
    font-size: 2.1rem;
  }
}
.type__item.--bg small.--white {
  top: 3px;
  right: 30px;
}
.type__item.--bg small.--red {
  bottom: 25px;
  left: 30px;
}
.type__icon {
  position: relative;
}
.type__icon i {
  font-size: 2.4rem;
}
@media (min-width: 757px) {
  .type__icon i {
    font-size: 3.3rem;
  }
}
.type__icon span {
  font-size: 1rem;
  color: #fff !important;
  background: #d13836;
  border-radius: 100%;
  display: flex;
  min-width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: -10px;
}
.type__wrapper {
  overflow: auto;
  width: 100%;
  min-height: 52px;
}
.type.--event {
  background: none;
}
@media (min-width: 757px) {
  .type.--event {
    margin-bottom: 0;
  }
}
.type.--event > .type__item {
  display: none;
}
@media (min-width: 992px) {
  .type.--event > .type__item {
    display: flex;
    height: 70px;
    margin: 0 !important;
    opacity: 1;
    padding-bottom: 10px;
  }
}
@media (min-width: 757px) {
  .type.--event > .type__item:last-child {
    margin-left: auto !important;
  }
}
@media (min-width: 757px) {
  .type.--event > .type__item:last-child a:hover {
    opacity: 0.5;
  }
}
@media (min-width: 757px) {
  .type.--event > .type__item:last-child a:last-child {
    opacity: 0.5;
  }
}
@media (min-width: 757px) {
  .type.--event > .type__item:last-child a:last-child:hover {
    opacity: 1;
  }
}
@media (min-width: 757px) {
  .type.--event > a.type__item {
    opacity: 1;
  }
}
@media (min-width: 757px) {
  .type.--event > a.type__item:hover {
    opacity: 0.5;
  }
}
.type.--event .type__item {
  padding: 0 15px 10px;
  border-right: 0;
}
@media (min-width: 757px) {
  .type.--event .type__item {
    padding: 0 0 10px;
  }
}
.type.--event .type__item.--active {
  position: relative;
}
.type.--event .type__item.--active:after {
  content: '';
  border-bottom: 10px solid #cfdbf0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  display: block;
  position: absolute;
  bottom: 0;
}
.type.--event .type__item i {
  color: #09256d;
}
.type.--event .type__item span {
  font-size: 1.3rem;
  color: #09256d;
  text-transform: none;
}
.type.--event .type__item .type__icon span {
  font-size: 1.2rem;
  font-weight: 400;
  min-width: 20px;
  height: 20px;
}
.type.--event .type__wrapper .type__item {
  width: auto;
}
.filters {
  display: flex;
  padding: 5px 0 10px;
  background: #fff;
  margin: 0 -5px;
}
.filters select {
  width: calc(50% - 10px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 5px;
  background-color: #E6EBF1;
  background-image: url('img/filter.png');
  background-repeat: no-repeat;
  background-position: center right 10px;
  border: 0;
  height: 43px;
  border-radius: 5px;
  color: #2D375E;
  font-weight: 600;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 10px;
}
@media (min-width: 992px) {
  .filters select {
    scrollbar-color: #09256d #cfdbf0;
    scrollbar-width: thin;
    padding: 0;
  }
  .filters select::-webkit-scrollbar-track {
    background-color: #cfdbf0;
  }
  .filters select::-webkit-scrollbar {
    width: 6px;
    background-color: #cfdbf0;
    height: 6px;
  }
  .filters select::-webkit-scrollbar-thumb {
    background-color: #09256d;
  }
}
.filters select option {
  padding: 5px 10px;
}
.filters select option:selected {
  background: #2D375E;
  border: 0;
  outline: none;
}
.filters select option:disabled {
  display: none;
}
.filters .select {
  width: calc(50% - 10px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 5px;
}
.queue {
  font-family: 'Oswald';
  font-size: 0.95rem;
  text-transform: uppercase;
  overflow: auto;
  margin: 0 -4px;
  overflow-x: auto;
}
@media (min-width: 757px) {
  .queue {
    scrollbar-color: #09256d #cfdbf0;
    scrollbar-width: thin;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 10px;
    margin: 0 -2px;
    background: transparent;
  }
  .queue::-webkit-scrollbar-track {
    background-color: #cfdbf0;
  }
  .queue::-webkit-scrollbar {
    width: 6px;
    background-color: #cfdbf0;
    height: 6px;
  }
  .queue::-webkit-scrollbar-thumb {
    background-color: #09256d;
  }
}
.queue__item {
  display: flex;
  align-items: center;
  background: #E6EBF1;
  padding: 10px 13px;
  color: #2D375E;
  text-decoration: none;
  border: 1px solid transparent;
  min-width: 23%;
  justify-content: center;
  flex-shrink: 0;
  min-height: 69px;
  border-radius: 7px;
  margin: 10px 4px;
}
@media (min-width: 757px) {
  .queue__item {
    background: #f4f7fc;
    border-right: 1px solid #fff;
    color: rgba(9, 37, 109, 0.5);
    min-height: 0;
    padding: 6px 17px;
    margin: 0 2px 4px;
    border-radius: 3px;
    width: auto;
    justify-content: flex-start;
    min-width: 187px;
  }
}
.queue__item:hover {
  text-decoration: none;
  color: #2D375E;
}
@media (min-width: 992px) {
  .queue__item:hover {
    background: #d0dbf1;
    color: #09256d;
  }
}
@media (min-width: 992px) {
  .queue__item:hover .queue__country {
    border-color: #09256d;
  }
}
.queue__item:hover .queue__count svg path {
  fill: #2D375E;
}
@media (min-width: 992px) {
  .queue__item:hover .queue__count svg path {
    fill: #09256d;
  }
}
.queue__item:hover .queue__timer svg path {
  fill: #2D375E;
}
@media (min-width: 992px) {
  .queue__item:hover .queue__timer svg path {
    fill: #09256d;
  }
}
.queue__item:hover .queue__ico {
  opacity: 1;
  border-color: #0e62c4;
}
.queue__item.--disable {
  /*
      opacity: 0.5;
      cursor: not-allowed;
      */
  opacity: 1;
  cursor: pointer;
}
.queue__item.--disable .queue__ico {
  opacity: 1;
}
.queue__item.--active {
  background: #80869C;
  color: #fff;
}
@media (min-width: 992px) {
  .queue__item.--active {
    background: #d0dbf1;
    color: #09256d;
  }
}
.queue__item.--active .queue__country {
  background-color: #fff;
  color: #2D375E;
}
@media (min-width: 992px) {
  .queue__item.--active .queue__country {
    background-color: #d0dbf1;
    border-color: #09256d;
  }
}
.queue__item.--active .queue__count svg path,
.queue__item.--active .queue__timer svg path {
  fill: #fff;
}
@media (min-width: 992px) {
  .queue__item.--active .queue__count svg path,
  .queue__item.--active .queue__timer svg path {
    fill: #09256d;
  }
}
.queue__item.--active .queue__ico {
  opacity: 1;
  border-color: #000;
}
@media (min-width: 757px) {
  .queue__item.--active .queue__ico {
    border-color: #09256d;
  }
}
.queue__item.--hidden {
  display: none;
}
.queue__item > .queue__country {
  flex-shrink: 0;
}
.queue__country {
  border-radius: 100%;
  background: rgba(45, 55, 94, 0.1);
  margin-right: 15px;
  transition: all 0.3s;
  min-width: 25px;
  min-height: 25px;
  text-align: center;
  display: none;
  font-family: 'Open Sans';
  font-weight: 700;
  align-items: center;
  justify-content: center;
  font-size: 0.833rem;
}
@media (min-width: 757px) {
  .queue__country {
    background: transparent;
    padding: 5px;
    min-width: 34px;
    min-height: 34px;
    display: block;
    border: 2px solid rgba(9, 37, 109, 0.5);
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 1.3rem;
  }
}
.queue__ico {
  font-size: 2.3rem;
  margin-right: 15px;
  display: none;
  align-items: center;
  opacity: 0.5;
  padding: 0px;
}
@media (min-width: 757px) {
  .queue__ico {
    font-size: 3.3rem;
    transition: all 0.3;
    border-color: #09256d;
    display: flex;
  }
}
.queue__data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .queue__data {
    text-align: left;
    align-items: flex-start;
  }
}
.queue__data .queue__country,
.queue__data .queue__ico {
  margin: 5px auto;
  display: flex;
}
@media (min-width: 757px) {
  .queue__data .queue__country,
  .queue__data .queue__ico {
    display: none;
  }
}
.queue__data .queue__ico {
  margin: 5px auto;
  display: flex;
}
@media (min-width: 757px) {
  .queue__data .queue__ico {
    display: none;
  }
}
.queue__count {
  white-space: nowrap;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .queue__count {
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 1.3rem;
  }
}
.queue__count svg {
  font-size: inherit;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.queue__count svg path {
  transition: all 0.3s ease;
  fill: rgba(2, 21, 63, 0.5);
}
.queue__timer {
  font-size: 1.1rem;
  margin-top: -3px;
  font-family: 'Open Sans';
  font-weight: 600;
  width: 100%;
}
@media (min-width: 992px) {
  .queue__timer {
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    width: auto;
  }
}
.queue__timer i {
  font-size: 1.2rem;
  margin-left: 3px;
}
.queue__timer svg {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
.queue__timer svg path {
  transition: all 0.3s ease;
  fill: #2D375E;
}
@media (min-width: 992px) {
  .queue__timer svg path {
    fill: rgba(9, 37, 109, 0.5);
  }
}
.queue__timer span.time {
  min-width: 30px;
}
.match {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 1.3rem;
  text-transform: uppercase;
  margin: 9px 0 13px;
  overflow-x: auto;
}
@media (min-width: 992px) {
  .match {
    scrollbar-color: #09256d #cfdbf0;
    scrollbar-width: thin;
    font-family: 'Oswald';
    font-weight: 400;
  }
  .match::-webkit-scrollbar-track {
    background-color: #cfdbf0;
  }
  .match::-webkit-scrollbar {
    width: 6px;
    background-color: #cfdbf0;
    height: 6px;
  }
  .match::-webkit-scrollbar-thumb {
    background-color: #09256d;
  }
}
.match__item {
  background: #fff;
  display: block;
  padding: 11.5px 45px 11.5px 17px;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 108px;
  color: #09256d;
  border-radius: 7px;
  margin-right: 3px;
  box-shadow: 0px 4px 4px #ECF0F4;
  position: relative;
}
@media (min-width: 992px) {
  .match__item {
    border-radius: 3px;
  }
}
.match__item i {
  color: #09256d;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  opacity: 0.5;
}
.match__item:hover {
  text-decoration: none;
  opacity: 1;
  color: #09256d;
}
.match__item.--active {
  opacity: 1;
  background-color: rgba(45, 55, 94, 0.5);
  color: #fff;
  box-shadow: none;
}
.match__item.--active i {
  color: #02B253;
  opacity: 1;
}
.match__item span.d {
  font-size: 1rem;
  float: left;
}
.mobile_types {
  display: flex;
  overflow: auto;
  white-space: nowrap;
  margin-bottom: 10px;
  padding-top: 4px;
}
@media (min-width: 992px) {
  .mobile_types {
    order: -1;
  }
}
.mobile_types a {
  color: #2D375E;
  display: flex;
  margin-right: 5px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 1.2rem;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0px 4px 4px #ECF0F4;
}
.mobile_types a:last-child {
  margin-right: 0;
}
@media (min-width: 992px) {
  .mobile_types a {
    background: #fff;
    display: block;
    padding: 11.5px 17px;
    flex-grow: 0;
    flex-shrink: 0;
    color: #09256d;
    margin-right: 3px;
    box-shadow: 0px 4px 4px #ECF0F4;
    position: relative;
    border-radius: 3px;
    text-transform: uppercase;
  }
}
.mobile_types a span {
  font-size: 0.9rem;
  font-weight: 700;
  display: flex;
  width: 17px;
  height: 17px;
  justify-content: center;
  align-items: center;
  color: #EC3839;
  background: rgba(236, 56, 57, 0.1);
  margin-left: 6px;
  border-radius: 100%;
}
.mobile_types a:hover {
  text-decoration: none;
}
.mobile_types a.--active {
  background: rgba(45, 55, 94, 0.5);
  color: #fff;
  text-decoration: none;
}
.mobile_types a.--active span {
  color: #2D375E;
  background: #fff;
}
.mobile_types.--event a {
  padding: 12px 15px;
}
.info {
  font-family: 'Oswald';
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  display: block;
  color: #fff;
  margin: 0 -4px 10px;
  border-radius: 4px;
  padding: 7.5px;
}
@media (min-width: 992px) {
  .info {
    margin-left: 0;
    margin-right: 0;
  }
}
.info.--success {
  background: #2e8300;
}
.info.--info {
  background: #7881b0;
}
.info.--error {
  background: #d13836;
}
.info.--empty {
  background: #fff;
  color: #000;
  margin: 19px auto 10px;
  position: relative;
  text-align: center;
}
.info.--error-empty {
  color: #fff;
  background: #d13836;
  width: 90%;
  margin: 10px auto;
}
.info.eventmsg {
  margin-top: 5px;
  padding: 3px;
}
.video {
  background: #fff;
  background-image: url('img/video_bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 45vh;
  padding: 5px 7px 15px;
  box-shadow: 0px 4px 13px rgba(58, 74, 95, 0.12);
  border-radius: 10px;
  /* 
  min-height: 600px;
  height:auto;
  padding:0px;
  */
}
@media (max-width: 991px) {
  .video {
    min-height: 350px /*!important*/;
  }
}
@media (min-width: 992px) {
  .video {
    padding: 0;
    border-radius: 10px;
    box-shadow: none;
    min-height: 45vh;
    height: auto;
    overflow: hidden;
  }
}
.video.--noBackground {
  background-image: none;
  height: auto;
  min-height: 0 !important;
}
@media (min-width: 992px) {
  .video.--noBackground {
    background-image: url('img/video_bg.jpg');
    min-height: 45vh;
  }
}
.video.--betradar {
  min-height: 665px;
  position: relative;
  background-image: none;
}
@media (min-width: 992px) {
  .video.--betradar {
    /*Media do usunięcia, gdyby miało wrócić*/
    background-image: url('img/video_bg.jpg');
  }
  .video.--betradar:before {
    content: url('img/border.jpg');
    position: absolute;
    top: 0;
    left: calc(50% - 401px);
    margin: 0 auto;
  }
}
.video.--betradar iframe {
  height: 615px;
  width: 765px;
  margin-top: 0;
  position: relative;
}
@media (min-width: 900px) {
  .video.--betradar.--v2.video.--betradar.--basketball {
    /*Media do usunięcia, gdyby miało wrócić*/
    min-height: 410px;
  }
  .video.--betradar.--v2.video.--betradar.--basketball:before {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    background-image: url('img/border_basket.jpg');
    height: 100%;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-size: 800px 385px;
  }
  .video.--betradar.--v2.video.--betradar.--basketball iframe {
    height: 360px;
  }
}
.video.--basketball {
  min-height: 715px;
  position: relative;
}
.video.--basketball:before {
  content: url('img/border_basket.jpg');
  position: absolute;
  top: 0;
  left: calc(50% - 785px);
  right: 0;
  margin: 0 auto;
}
.video.--basketball iframe {
  height: 665px;
  width: 765px;
  margin-top: 0;
  position: relative;
}
.video.--empty {
  min-height: 100px !important;
  height: 100px !important;
}
.video.--big-vb {
  height: 680px;
}
.video.--big-vf {
  height: 630px;
}
.video__info {
  font-family: 'Oswald';
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: 100%;
}
.video__upper {
  background: #EC3839;
  color: #fff;
  font-size: 2rem;
  padding: 10px 36px;
  transform: skewX(-5deg);
}
@media (min-width: 992px) {
  .video__upper {
    font-size: 3.4rem;
  }
}
.video__upper span {
  transform: skewX(5deg);
  display: block;
}
.video__upper.--table {
  margin: 10px 0;
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .video__upper.--table {
    margin: 30px 0;
    font-size: 3.4rem;
  }
}
.video__bottom {
  background: url('img/gradient_bg.png') no-repeat center center;
  background-size: 100% 100%;
  font-size: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -1px;
}
@media (min-width: 992px) {
  .video__bottom {
    font-size: 6.1rem;
    align-items: stretch;
  }
}
.video__bottom span {
  padding: 5px 25px;
  color: #fff;
  flex-basis: 35%;
}
@media (min-width: 992px) {
  .video__bottom span {
    padding: 10px 36px;
  }
}
.video__bottom span.--white {
  flex-basis: 30%;
  background: #fff;
  transform: skewX(-5deg);
}
.video__bottom span.--white span {
  transform: skewX(5deg);
  display: block;
  padding: 10px;
  color: #09256d;
}
.video__bottom.--table {
  font-size: 1.5rem;
  background: none;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 992px) {
  .video__bottom.--table {
    font-size: 3rem;
  }
}
.video__bottom.--table .d-flex {
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #fff;
  padding: 0 0 10px;
  margin: 0 15px 10px;
  flex: 0 0 calc(100% - 30px);
  max-width: calc(100% - 30px);
}
@media (min-width: 992px) {
  .video__bottom.--table .d-flex {
    padding: 0 0 30px;
    margin: 0 45px 30px;
    flex: 0 0 calc(50% - 90px);
    max-width: calc(50% - 90px);
    justify-content: space-evenly;
  }
}
.video__bottom.--table .d-flex:last-child {
  border-bottom: 0;
}
@media (min-width: 992px) {
  .video__bottom.--table .d-flex:nth-last-child(2) {
    border-bottom: 0;
  }
}
.video__bottom.--table .d-flex:only-child {
  width: 100%;
  border-bottom: 1px solid #fff;
}
.video__bottom.--table .row {
  max-height: calc(45vh - 175px);
  overflow: auto;
  justify-content: center;
}
@media (min-width: 992px) {
  .video__bottom.--table .row {
    max-height: 100%;
  }
}
.video__bottom.--table span {
  flex-basis: 45%;
  padding: 0 10px;
  text-align: center;
}
@media (min-width: 992px) {
  .video__bottom.--table span {
    flex-basis: auto;
    text-align: left;
  }
}
.video__bottom.--table span.--white {
  flex-basis: 10%;
}
@media (min-width: 992px) {
  .video__bottom.--table span.--white {
    flex-basis: auto;
  }
}
.video__bottom.--table span.--white span {
  padding: 5px;
}
@media (min-width: 992px) {
  .video__bottom.--table span.--white span {
    padding: 10px;
  }
}
.video__bottom.--timer {
  font-size: 2rem;
  background: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 992px) {
  .video__bottom.--timer {
    flex-direction: row;
    margin: 15px 0;
    text-align: left;
    font-size: 3rem;
  }
}
@media (min-width: 1680px) {
  .video__bottom.--timer {
    margin: 50px 0;
    font-size: 7.5rem;
  }
}
.video__bottom.--timer span {
  flex-basis: auto;
  padding: 0 10px;
}
.video__bottom.--timer .video__timer {
  margin: 10px 0;
  width: 175px;
  height: 175px;
}
@media (min-width: 992px) {
  .video__bottom.--timer .video__timer {
    margin: 0 50px;
    border-width: 7px;
    width: 300px;
    height: 300px;
    flex-shrink: 0;
  }
}
@media (min-width: 1680px) {
  .video__bottom.--timer .video__timer {
    margin: 0 100px;
    width: 400px;
    height: 400px;
    border-width: 13px;
  }
}
.video__bottom.--timer .video__timer span {
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .video__bottom.--timer .video__timer span {
    font-size: 2rem;
  }
}
@media (min-width: 1680px) {
  .video__bottom.--timer .video__timer span {
    font-size: 3rem;
  }
}
.video__bottom.--timer .video__timer strong {
  font-size: 5rem;
}
@media (min-width: 992px) {
  .video__bottom.--timer .video__timer strong {
    font-size: 7.5rem;
  }
}
@media (min-width: 1680px) {
  .video__bottom.--timer .video__timer strong {
    font-size: 10rem;
  }
}
.video__timer {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border: 5px solid #7881b0;
  border-radius: 100%;
  margin: 10px auto;
  width: 75px;
  height: 75px;
}
@media (min-width: 992px) {
  .video__timer {
    margin-top: 0;
    margin-bottom: 30px;
    width: 200px;
    height: 200px;
  }
}
.video__timer span {
  color: #7881b0;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .video__timer span {
    font-size: 1.5rem;
  }
}
.video__timer strong {
  color: #fff;
  font-size: 1,5rem;
}
@media (min-width: 992px) {
  .video__timer strong {
    font-size: 5rem;
  }
}
.video__mute_toggler {
  color: #2D375E;
  display: flex;
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 1.2rem;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0px 4px 4px #ECF0F4;
}
.video__mute_toggler:hover {
  text-decoration: none;
}
.bet {
  display: flex;
  flex-direction: column;
}
.bet__type {
  font-family: 'Oswald';
  font-size: 0.9rem;
  font-weight: 500;
  color: #02153f;
  text-transform: uppercase;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 2px;
  border: 1px solid #cfdbf0;
  flex-basis: calc(25% - 6px);
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 3px;
  padding: 4px 0;
  display: block;
  transition: all 0.3s ease;
  cursor: pointer;
  min-width: 0;
}
.bet__type:hover {
  text-decoration: none;
  border-color: #02153f;
  color: #02153f;
}
.bet__type.--selected {
  background-color: #d13836;
  background-image: none;
  border-color: #d13836;
  color: #fff;
}
.bet__type option[disabled] {
  display: none;
}
.bet__row {
  display: flex;
  background: #fff;
  padding: 15px 0;
  position: relative;
  border-radius: 10px;
  margin-top: 7px;
  box-shadow: 0px 4px 13px rgba(227, 232, 239, 0.6);
  align-items: center;
}
@media (min-width: 992px) {
  .bet__row {
    margin-top: 0;
    border-radius: 0;
    border-bottom: 1px solid #bbc1cf;
    box-shadow: none;
    padding: 6px 0 4px;
  }
}
.bet__row.--header {
  background: none;
  color: #2D375E;
  padding: 0;
  border: 0;
  margin-bottom: 0;
  box-shadow: none;
}
@media (min-width: 992px) {
  .bet__row.--header {
    font-family: 'Oswald';
    color: #09256d;
    background: #cfdbf0;
    border-radius: 5px 5px 0 0;
  }
}
.bet__row.--header:after {
  content: none;
}
.bet__row.--header .bet__cell.--name {
  font-family: 'Open Sans';
  font-weight: 700;
  padding: 10px 0 10px 5px;
  font-size: 1.7rem;
  color: #2D375E;
  display: flex;
  align-items: center;
  min-width: 100%;
}
@media (min-width: 992px) {
  .bet__row.--header .bet__cell.--name {
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #09256d;
    min-width: 0;
    padding-left: 16px;
  }
}
.bet__row.--header .bet__cell.--name i {
  display: none;
}
.bet__row.--header .bet__cell.--part {
  display: none;
}
@media (min-width: 992px) {
  .bet__row.--header .bet__cell.--part {
    display: block;
    position: relative;
  }
}
.bet__row.--header .bet__cell.--part:after {
  font-family: 'fontello';
  content: "\e957";
  font-size: 0.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
.bet__row.--header .bet__cell.--part select {
  background: #fff;
  color: #09256d;
  border: 1px solid #bbc1cf;
  border-radius: 3px;
  text-transform: uppercase;
  width: 100%;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  padding: 3px 15px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
@media (min-width: 2540px) {
  .bet__row.--header .bet__cell.--part select {
    background-position: center right 17px;
  }
}
.bet__row.--header .bet__cell.--part select option {
  text-align: center;
  border-color: transparent;
  font-family: inherit;
  font: -moz-pull-down-menu;
}
.bet__row.--header .bet__cell.--more {
  padding-right: 10px;
}
.bet__row.--header .bet__cell.--more a {
  position: relative;
  background: #fff;
  color: #09256d;
  border: 1px solid #bbc1cf;
  border-radius: 3px;
  text-transform: uppercase;
  width: 100%;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  padding: 3px 15px 3px 15px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media (min-width: 2540px) {
  .bet__row.--header .bet__cell.--more a {
    background-position: center left 17px;
  }
}
.bet__row.--header .bet__cell.--more a:hover {
  text-decoration: none;
}
.bet__row.--header .bet__cell.--more:after {
  content: none;
}
.bet__row.--header .bet__cell.--more:hover {
  opacity: 1;
}
.bet__row.--legend {
  display: none;
  background: #f4f7fc;
  color: #09256d;
  font-family: 'Oswald';
  font-size: 1.1rem;
  padding: 0;
  border: 0;
  margin-bottom: 0;
}
@media (min-width: 757px) {
  .bet__row.--legend {
    display: flex;
  }
}
.bet__row.--legend:after {
  content: none;
}
.bet__row.--legend .bet__cell.--part {
  padding: 4px 25px 3px;
  justify-content: space-between;
}
.bet__row.--legend .bet__cell.--part span {
  border: 0;
  background: transparent;
  color: #09256d;
  font-size: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  text-transform: uppercase;
}
.bet__row.--legend .bet__cell.--part span:hover {
  cursor: default;
  background: #f4f7fc !important;
}
.bet__row.--legend .bet__cell.--more:after {
  content: none;
}
.bet__row.--disable {
  opacity: 0.5;
  cursor: not-allowed;
}
.bet__row.--disable * {
  cursor: not-allowed;
  pointer-events: none;
}
.bet__cell.--name {
  flex: 3;
  font-size: 1.3rem;
  color: #2D375E;
  padding: 0 0 0 16px;
  font-family: 'Open Sans';
  font-weight: 600;
  flex-wrap: wrap;
  min-width: 53%;
  flex-grow: 0;
  margin-top: 3px;
}
@media (min-width: 757px) {
  .bet__cell.--name {
    margin-top: 0;
    color: #09256d;
    flex-grow: 3;
    font-size: 1.1rem;
    font-weight: 700;
    min-width: 0;
    font-family: 'Mulish';
  }
}
.bet__cell.--name:hover {
  text-decoration: none;
}
.bet__cell.--name i {
  margin-right: 10px;
  margin-left: 0px;
  display: none;
  font-size: 1.6rem;
}
@media (min-width: 757px) {
  .bet__cell.--name i {
    display: block;
  }
}
@media (min-width: 1680px) {
  .bet__cell.--name i {
    margin-right: 23px;
    margin-left: 7px;
  }
}
.bet__cell.--name img {
  margin-right: 7px;
  margin-left: 0px;
}
@media (min-width: 1680px) {
  .bet__cell.--name img {
    margin-right: 15px;
    margin-left: 7px;
  }
}
.bet__cell.--name span {
  font-size: 1.3rem;
  font-weight: 600;
}
@media (min-width: 757px) {
  .bet__cell.--name span {
    font-size: 1.15rem;
    font-weight: 500;
  }
}
.bet__cell.--name span:nth-of-type(2) {
  font-size: 1.1rem;
  opacity: 0.5;
  text-align: right;
}
@media (min-width: 757px) {
  .bet__cell.--name span:nth-of-type(2) {
    text-align: left;
    font-size: 1.15rem;
    opacity: 1;
  }
}
.bet__cell.--name span.--more {
  font-size: 1.3rem;
  color: #09256d;
  font-weight: 600;
  font-family: 'Open Sans';
  margin: 5px 0;
  display: flex;
  width: 100%;
  align-items: center;
}
@media (min-width: 757px) {
  .bet__cell.--name span.--more {
    margin: 10px 0 5px;
    margin-left: 25px;
    font-size: 1.1rem;
    font-weight: 500;
    font-family: 'Oswald';
  }
}
@media (min-width: 992px) {
  .bet__cell.--name span.--more {
    display: none;
  }
}
.bet__cell.--name span.--more span {
  font-weight: 400;
  font-size: 1rem;
  text-align: right;
  color: rgba(9, 37, 109, 0.5);
}
@media (min-width: 757px) {
  .bet__cell.--name span.--more span {
    font-size: 0;
  }
}
.bet__cell.--name span.--more span br {
  display: none;
}
@media (min-width: 757px) {
  .bet__cell.--name span.--more span br {
    display: initial;
  }
}
.bet__cell.--name span.--more span:before {
  content: url('img/arrow_right.png');
  margin-left: 5px;
  margin-right: 15px;
  position: relative;
  top: 1px;
}
@media (min-width: 1680px) {
  .bet__cell.--name span.--more span:before {
    margin-left: 25px;
  }
}
.bet__cell.--name span.--more:hover {
  text-decoration: none;
  opacity: 0.75;
}
.bet__cell.--part {
  flex: 2;
  font-family: 'Oswald';
  font-size: 1.2rem;
  color: #09256d;
  font-weight: 500;
  padding: 3px 7px 3px 0;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .bet__cell.--part {
    padding: 7px 25px;
  }
}
.bet__cell.--part.--active {
  display: flex !important;
}
.bet__cell.--part.--hidden {
  display: none !important;
}
.bet__cell.--part:nth-last-child(5):not(:nth-child(2)) {
  display: none;
}
@media (min-width: 757px) {
  .bet__cell.--part:nth-last-child(5):not(:nth-child(2)) {
    display: flex;
  }
}
.bet__cell.--part:nth-last-child(4):not(:nth-child(2)) {
  display: none;
}
@media (min-width: 1200px) {
  .bet__cell.--part:nth-last-child(4):not(:nth-child(2)) {
    display: flex;
  }
}
.bet__cell.--part:nth-last-child(3):not(:nth-child(2)) {
  display: none;
}
@media (min-width: 1300px) {
  .bet__cell.--part:nth-last-child(3):not(:nth-child(2)) {
    display: flex;
  }
}
.bet__cell.--part:nth-last-child(2):not(:nth-child(2)) {
  display: none;
}
@media (min-width: 1680px) {
  .bet__cell.--part:nth-last-child(2):not(:nth-child(2)) {
    display: flex;
  }
}
.bet__cell.--part span {
  border: 1px solid #E6EBF1;
  border-radius: 7px;
  margin: 0 3.5px;
  padding: 3px 0;
  display: flex;
  width: calc(100% / 3 - 10px);
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-width: 34px;
  min-height: 64px;
  max-height: 64px;
  cursor: pointer;
  font-size: 1.2rem;
  font-family: 'Open Sans';
  font-weight: 700;
  box-shadow: 0px 3px 5px rgba(221, 228, 237, 0.26);
}
@media (min-width: 992px) {
  .bet__cell.--part span {
    min-height: 0;
    margin: 0 5px;
    border-radius: 4px;
    background: #f4f7fc;
    border: 1px solid #bbc1cf;
    font-family: 'Oswald';
    font-weight: 500;
  }
}
.bet__cell.--part span:first-child:nth-last-child(2) {
  width: calc(100% / 2 - 10px);
}
.bet__cell.--part span:last-child:nth-child(2) {
  width: calc(100% / 2 - 10px);
}
.bet__cell.--part span.--up,
.bet__cell.--part span.--down {
  position: relative;
}
.bet__cell.--part span.--down:after {
  content: '';
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent #d13836 #d13836;
  border-radius: 2px;
  position: absolute;
  bottom: 2px;
  left: 2px;
}
.bet__cell.--part span.--up:after {
  content: '';
  border-width: 4px;
  border-style: solid;
  border-color: #2e8300 #2e8300 transparent transparent;
  border-radius: 2px;
  position: absolute;
  top: 2px;
  right: 2px;
}
.bet__cell.--part span.--info {
  background: none;
  border: 0;
  opacity: 0.75;
}
@media (min-width: 992px) {
  .bet__cell.--part span:hover {
    background: #2D375E;
    color: #fff;
    border-color: #2D375E;
  }
  .bet__cell.--part span:hover:after {
    content: none;
    background: #d13836;
    color: #fff;
  }
}
.bet__cell.--part span.--active {
  background: #2D375E !important;
  color: #fff;
  border-color: #2D375E !important;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.26);
}
.bet__cell.--part span.--active:after {
  content: none;
  background: #d13836;
  color: #fff;
}
.bet__cell.--part span small {
  font-size: 1.1rem;
  opacity: 0.5;
  font-family: 'Open Sans';
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  width: 100%;
}
@media (min-width: 757px) {
  .bet__cell.--part span small {
    display: none;
  }
}
.bet__cell.--part span.--empty:hover {
  background: #fff !important;
  color: #fff;
  cursor: not-allowed;
}
.bet__cell.--more {
  flex: 1;
  font-size: 1.2rem;
  color: #09256d;
  font-weight: 500;
  font-family: 'Oswald';
  display: none !important;
}
@media (min-width: 992px) {
  .bet__cell.--more {
    display: flex !important;
  }
}
.bet__cell.--more:after {
  content: url('img/arrow_right.png');
  margin-left: 5px;
}
@media (min-width: 1680px) {
  .bet__cell.--more:after {
    margin-left: 25px;
  }
}
.bet__cell.--more.--hidden:after {
  content: none;
}
.bet__cell.--more:hover {
  text-decoration: none;
  opacity: 0.75;
}
.bet__table_button.--mobile {
  margin-left: auto;
  color: #2D375E;
  display: flex;
  font-weight: 600;
  font-size: 1.2rem;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  box-shadow: 0px 4px 4px #ECF0F4;
  background: #fff;
  color: #09256d;
  border-radius: 7px;
  text-align: center;
  padding: 3px 15px 3px 15px;
}
.bet__table_button.--mobile:hover {
  text-decoration: none;
}
.bet__table_button.--mobile i {
  display: block !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  opacity: 0.5;
  font-size: 1rem;
  margin-right: 0;
  left: auto;
  margin-top: 1.5px;
}
.bet__table_button i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  opacity: 0.5;
  font-size: 1rem;
  margin-right: 0;
}
.bet.--event .bet__row {
  background: #fff;
  flex-direction: column;
  padding: 6px 0 4px;
  align-items: stretch;
}
@media (min-width: 992px) {
  .bet.--event .bet__row {
    background: #f4f7fc;
  }
}
.bet.--event .bet__row:after {
  content: none;
}
.bet.--event .bet__row.--header {
  background: transparent;
  display: none;
}
@media (min-width: 992px) {
  .bet.--event .bet__row.--header {
    background: #cfdbf0;
    display: flex;
  }
}
.bet.--event .bet__row.--header .bet__cell.--name {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .bet.--event .bet__row.--header .bet__cell.--name {
    padding-left: 20px;
  }
}
@media (min-width: 1680px) {
  .bet.--event .bet__row.--header .bet__cell.--name {
    padding-left: 25px;
  }
}
.bet.--event .bet__cell.--name {
  margin-top: 10px;
  padding-left: 15px;
  margin-bottom: 13px;
}
@media (min-width: 992px) {
  .bet.--event .bet__cell.--name {
    margin-bottom: 0;
    padding-left: 20px;
  }
}
@media (min-width: 1680px) {
  .bet.--event .bet__cell.--name {
    padding-left: 25px;
  }
}
.bet.--event .bet__cell.--name span {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: 'Open Sans';
}
@media (min-width: 992px) {
  .bet.--event .bet__cell.--name span {
    font-family: 'Mulish';
    font-size: 1.3rem;
  }
}
.bet.--event .bet__cell.--name > i {
  display: block;
  font-size: 1.7rem;
  color: #EC3839;
}
@media (min-width: 992px) {
  .bet.--event .bet__cell.--name > i {
    font-size: 1rem;
    color: #09256d;
  }
}
.bet.--event .bet__cell.--part {
  margin: 0 11px 8px;
  padding-right: 0;
  align-items: stretch;
}
@media (min-width: 992px) {
  .bet.--event .bet__cell.--part {
    margin: 10px -5px 0;
    padding-right: 25px;
  }
}
.bet.--event .bet__cell.--part span {
  padding: 15px 0;
  flex-direction: column;
  margin: 0 4px;
  font-family: 'Open Sans';
  font-size: 1.2rem;
  font-weight: 700;
  min-height: 0;
}
@media (min-width: 992px) {
  .bet.--event .bet__cell.--part span {
    padding: 3px 15px;
    margin: 0 5px;
    flex-direction: row;
    font-family: 'Oswald';
    font-size: 1.5rem;
    background: #fff;
    color: #09256d;
    height: 4rem;
    font-weight: 500;
  }
}
.bet.--event .bet__cell.--part span.--active {
  background: #2D375E !important;
  border-color: #2D375E !important;
  color: #fff;
}
.bet.--event .bet__cell.--part span small {
  display: block;
  font-size: 1.1rem;
  font-family: 'Open Sans';
  font-weight: 700;
  overflow: hidden;
  margin: auto;
  opacity: 0.5;
  text-transform: uppercase;
  width: auto;
  padding: 0 3px;
  overflow: visible;
}
@media (min-width: 992px) {
  .bet.--event .bet__cell.--part span small {
    text-transform: none;
    font-size: 1.2rem;
    font-family: 'Mulish';
    opacity: 1;
    margin: 0 auto 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
  }
}
.bet.--event .bet__cell.--part.--two {
  flex-wrap: wrap;
}
.bet.--event .bet__cell.--part.--two span {
  width: calc(100% / 2 - 10px);
}
.bet.--event .bet__cell.--part.--two span:nth-child(n + 3) {
  margin-top: 10px;
}
.bet.--event .bet__cell.--part.--three {
  flex-wrap: wrap;
}
.bet.--event .bet__cell.--part.--three span {
  width: calc(100% / 3 - 10px);
}
.bet.--event .bet__cell.--part.--three span:nth-child(n + 4) {
  margin-top: 10px;
}
.bet.--event .bet__cell.--part.--four {
  flex-wrap: wrap;
}
.bet.--event .bet__cell.--part.--four span {
  width: calc(100% / 4 - 10px);
}
.bet.--event .bet__cell.--part.--four span:nth-child(n + 5) {
  margin-top: 10px;
}
.bet.--event .bet__cell.--part.--five {
  flex-wrap: wrap;
}
.bet.--event .bet__cell.--part.--five span {
  width: calc(100% / 5 - 10px);
}
.bet.--event .bet__cell.--part.--five span:nth-child(n + 6) {
  margin-top: 10px;
}
.bet.--event .bet__cell.--part.--ten {
  flex-wrap: wrap;
}
.bet.--event .bet__cell.--part.--ten span {
  width: calc(100% / 10 - 10px);
}
.bet.--event .bet__cell.--part.--ten span:nth-child(n + 11) {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .bet.--event + .bet.--event {
    margin-top: 15px;
  }
}
.bet.--animal .bet__cell.--name span {
  align-self: center;
  text-align: center;
  opacity: 1;
}
.bet.--animal .bet__cell.--name span img {
  margin-left: 5px;
}
.bet.--animal .bet__cell.--name span strong {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 1.1rem;
  display: block;
  opacity: 0.5;
  text-transform: uppercase;
}
.bet.--animal .bet__cell.--name span strong + strong {
  font-size: 1.2rem;
  color: #09256d;
  opacity: 1;
}
.bet.--animal .bet__cell.--name i {
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  color: #fff;
  font-family: 'Open Sans';
  font-size: 1.5rem;
  font-weight: 600;
  font-style: normal;
}
.bet.--animal .bet__cell.--name i.--red {
  background: #d13836;
}
.bet.--animal .bet__cell.--name i.--green {
  background: #2e8300;
}
.bet.--animal .bet__cell.--name i.--blue {
  background: #0e62c4;
}
.bet.--animal .bet__cell.--name i.--gray {
  background: #D3D6DB;
  color: #000;
}
.bet.--animal .bet__cell.--name i.--lightgreen {
  background: #b5c358;
  color: #000;
}
.bet.--animal .bet__cell.--name i.--darkgreen {
  background: #3b593e;
  color: #b5c358;
}
.bet.--animal .bet__cell.--name i.icon-star {
  color: #09256d;
}
.bet.--animal .bet__cell.--part {
  margin-left: 15px;
}
@media (min-width: 992px) {
  .bet.--animal .bet__cell.--part {
    margin-left: 0;
  }
}
.bet.--animal .bet__cell.--part span {
  max-height: initial;
  padding: 10px 5px;
}
@media (min-width: 992px) {
  .bet.--animal .bet__cell.--part span {
    max-height: 64px;
    padding: 3px 15px;
  }
}
.bet.--animal .bet__cell.--part small {
  align-items: center;
  flex-wrap: wrap;
}
.bet.--animal .bet__cell.--part small div {
  flex-shrink: 0;
  flex-grow: 0;
  width: 150px;
  text-align: left;
}
.bet.--animal .bet__cell.--part small i {
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  color: #fff;
  font-family: 'Open Sans';
  font-size: 1.5rem;
  font-weight: 600;
  font-style: normal;
}
.bet.--animal .bet__cell.--part small i.--red {
  background: #d13836;
}
.bet.--animal .bet__cell.--part small i.--green {
  background: #2e8300;
}
.bet.--animal .bet__cell.--part small i.--blue {
  background: #0e62c4;
}
.bet.--animal .bet__cell.--part small i.--gray {
  background: #D3D6DB;
  color: #000;
}
.bet.--animal .bet__cell.--part small i.--lightgreen {
  background: #b5c358;
  color: #000;
}
.bet.--animal .bet__cell.--part small i.--darkgreen {
  background: #3b593e;
  color: #b5c358;
}
.coupons {
  display: none;
  background: #fff;
}
@media (min-width: 992px) {
  .coupons {
    display: block;
  }
}
@media (min-width: 1200px) {
  .coupons {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1680px) {
  .coupons {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
.coupons.--show {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 66px;
  height: calc(100vh - 66px);
  max-height: calc(100vh - 66px);
  max-width: calc(100vw + 30px);
  overflow: auto;
  width: 100vw;
  z-index: 10000;
}
@media (min-width: 992px) {
  .coupons.--show {
    position: static;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    width: 33.333333%;
  }
}
.coupons.--show.--app {
  bottom: 0;
  top: 0;
  height: 100vh;
  max-height: 100vh;
}
.coupons.--show > * > span a[href='#pin'] {
  opacity: 0;
}
.coupons > * {
  background: #f4f7fc;
  border-bottom: 6px solid #09256d;
  overflow: hidden;
}
@media (min-width: 992px) {
  .coupons > * {
    border-radius: 5px;
  }
}
.coupons > * > span {
  font-size: 1.5rem;
  font-family: 'Oswald';
  font-weight: 500;
  background: #09256d;
  color: #fff;
  text-transform: uppercase;
  display: block;
  padding: 15px 0 12px 20px;
}
.coupons > * .row {
  margin: 0 -7.5px;
  padding: 16px 20px 20px;
}
.coupons > * .row > span {
  display: block;
  color: #09256d;
  font-size: 1.1rem;
  margin-bottom: 9px;
  padding-left: 7.5px;
}
.coupons > * .section {
  border-bottom: 1px solid #cfdbf0;
  padding-top: 12px;
  padding-bottom: 7px;
}
.coupons > * .section:last-child {
  border: 0;
}
.coupons > * .section.--range {
  padding-bottom: 21px;
}
.coupons > * .section.--range > span {
  margin-bottom: 15px;
}
.coupons > * .section.--range .col-12 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.coupons > * .section.--values {
  padding-bottom: 16px;
}
.coupons > * .section.--values .col-12 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.coupons > * .section.--values .col-12 > * {
  width: 50%;
}
.coupons > * .section.--values .col-12.--button > * {
  width: 100%;
  transition: all 0.3s;
}
.coupons > * .section.--values .col-12.--button > *:hover {
  background: #d13836;
  border-color: #d13836;
}
.coupons > * .section.--values label {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-family: 'Oswald';
  font-weight: 500;
}
.coupons > * .range {
  width: 100%;
  height: 20px;
  border-radius: 10px;
  background: #cfdbf0;
  margin: 0 10px;
  position: relative;
}
.coupons > * .range a {
  display: block;
  position: absolute;
  z-index: 2;
  background: #09256d;
  width: 25px;
  height: 25px;
  top: -3px;
  border-radius: 100%;
  transition: none;
}
.coupons > * .range a.--min {
  left: 0;
}
.coupons > * .range a.--max {
  right: 0;
}
.coupons > * .range .active {
  display: block;
  position: absolute;
  z-index: 1;
  background: #7881b0;
  left: 0;
  right: 0;
  height: 100%;
  border-radius: 10px;
}
.coupons > * .col-4 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.coupons > * label {
  display: block;
  color: #09256d;
  font-size: 1.1rem;
  margin-bottom: 7px;
  cursor: pointer;
}
.coupons > * input {
  display: block;
  max-width: 100%;
  background: #fff;
  border: 1px solid #cfdbf0;
  color: #09256d;
  border-radius: 4px;
  text-align: center;
  font-size: 1.3rem;
  font-family: 'Oswald';
  font-weight: 500;
  padding: 3px 0;
}
.coupons > * input::-webkit-outer-spin-button,
.coupons > * input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.coupons > * input[type=number] {
  -moz-appearance: textfield;
}
.coupons > * input[type=number].--range {
  border: 0;
  background: 0;
  min-width: 30px;
  display: none;
}
.coupons > * input[type=number].--range + span {
  font-size: 1.3rem;
  font-weight: 500;
  font-family: 'Oswald';
  color: #09256d;
  width: 35px;
  flex-grow: 0;
  flex-shrink: 0;
}
.coupons > * input[type=radio] {
  display: none;
}
.coupons > * input[type=radio] + label {
  display: flex;
  align-items: center;
  position: relative;
}
.coupons > * input[type=radio] + label:before {
  content: '';
  background: #fff;
  border: 1px solid #cfdbf0;
  border-radius: 4px;
  margin-right: 10px;
  display: block;
  width: 16px;
  height: 16px;
}
.coupons > * input[type=checkbox] {
  display: none;
}
.coupons > * input[type=checkbox] + label {
  display: flex;
  align-items: center;
  position: relative;
}
.coupons > * input[type=checkbox] + label:before {
  content: '';
  background: #fff;
  border: 1px solid #cfdbf0;
  border-radius: 4px;
  margin-right: 10px;
  display: block;
  width: 16px;
  height: 16px;
}
.coupons > * input[type=checkbox]:checked + label:after {
  content: url('img/checked.png');
  position: absolute;
  left: 3px;
  margin-top: -1px;
}
.coupons > * button {
  border: 1px solid #7881b0;
  background: #7881b0;
  color: #fff;
  width: 100%;
  font-size: 1.3rem;
  font-weight: 700;
  border-radius: 20px;
  padding: 10px;
}
.coupons__toggler {
  width: 100vw;
  background: #fff;
  box-shadow: 0px -1px 14px rgba(45, 55, 68, 0.05);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999;
  padding: 13.5px 20px;
}
.coupons__toggler a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #bbc1cf;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 1.1rem;
  position: relative;
  z-index: 2;
  max-width: 20%;
  flex-basis: 20%;
}
.coupons__toggler a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.coupons__toggler a span {
  position: absolute;
  background: #d13836;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  min-width: 16px;
  height: 16px;
  font-size: 0.7rem;
  top: -8px;
  margin-left: 20px;
  border: 1.75px solid #fff;
}
.coupons__toggler a i {
  font-size: 2.5rem;
}
.coupons__toggler a[href="#expand"] {
  position: absolute;
  top: -20px;
  background: #09256d;
  padding: 15px;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  z-index: 1;
  display: none;
}
.coupons__toggler a[href="#expand"] svg {
  width: 10px;
  margin-top: -10px;
}
.coupons__toggler a[href="#expand"]:hover svg {
  opacity: 0.5;
}
.coupon {
  border-color: #E6EBF1;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .coupon {
    position: sticky;
    top: 0;
    max-height: 90vh;
    z-index: 1;
    overflow-y: auto;
    scrollbar-color: #09256d #cfdbf0;
    scrollbar-width: thin;
    border-color: #06153c;
  }
  .coupon::-webkit-scrollbar-track {
    background-color: #cfdbf0;
  }
  .coupon::-webkit-scrollbar {
    width: 6px;
    background-color: #cfdbf0;
    height: 6px;
  }
  .coupon::-webkit-scrollbar-thumb {
    background-color: #09256d;
  }
}
.coupon.--loading {
  border-color: rgba(6, 21, 60, 0.5);
}
.coupon.--pinned {
  position: static;
  max-height: auto;
}
.coupon.--pinned a[href="#pin"] {
  opacity: 0.5;
}
.coupon.--disable {
  opacity: 0.5;
  cursor: wait;
}
.coupon > span {
  background: #fff;
  color: #2D375E;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: 'Open Sans';
  text-transform: none;
}
@media (min-width: 992px) {
  .coupon > span {
    background: #0e62c4;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Oswald';
    text-transform: uppercase;
  }
}
.coupon > span input {
  display: none;
}
.coupon > span input:checked + label {
  background: #d13836;
}
.coupon > span label {
  font-size: 1.2rem;
  font-family: 'Oswald';
  color: #fff;
  margin-bottom: 0;
  background: #09256d;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
}
.coupon > span a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.coupon > span a:hover {
  opacity: 0.5;
}
.coupon .row {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 11px;
  padding-right: 11px;
  margin-left: 0;
  margin-right: 0;
  background: #E6EBF1;
  position: relative;
}
@media (min-width: 992px) {
  .coupon .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
  }
}
.coupon .row:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 7px;
  right: 7px;
  height: 38px;
  background: #D3D6DB;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .coupon .row:before {
    content: none;
  }
}
.coupon .row input:checked + label {
  opacity: 1;
  background: #fff;
}
@media (min-width: 992px) {
  .coupon .row input:checked + label {
    background: #09256d;
    border-color: #d13836;
  }
}
.coupon .row input:checked + label + input + label + .col-12 {
  display: block;
}
.coupon .row input:checked + label + .col-12 + .col-12 {
  display: block;
}
.coupon .row > label:before,
.coupon .row > label:after {
  content: none !important;
}
.coupon .row label {
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
  padding: 6px 0;
  border-radius: 7px;
  font-size: 1.2rem;
  font-weight: 700;
  opacity: 0.5;
  margin-top: 19px;
  margin-bottom: 14px;
}
@media (min-width: 992px) {
  .coupon .row label {
    font-size: 1.3rem;
    border-radius: 0;
    background: #02153f;
    border-bottom: 2px solid transparent;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 400;
    opacity: 1;
    padding: 9px 0;
    margin: 0 0 7px;
  }
}
.coupon .row .col-12 {
  display: block;
}
.coupon__bet {
  background: #fff;
  padding: 16px 30px;
  width: calc(100% + 22px);
  margin-left: -11px;
  margin-right: -11px;
  border-radius: 15px 15px 0px 0px;
  box-shadow: 0px -2px 32px rgba(22, 29, 53, 0.35);
}
@media (min-width: 992px) {
  .coupon__bet {
    background: #09256d;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
.coupon__bet span {
  color: #2D375E;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 1.3rem;
}
@media (min-width: 992px) {
  .coupon__bet span {
    color: #fff;
    font-family: 'Oswald';
    font-weight: 500;
  }
}
.coupon__bet a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d13836;
  color: #fff;
  width: 30px;
  height: 30px;
}
@media (min-width: 992px) {
  .coupon__bet a {
    height: auto;
  }
}
.coupon__bet a.--down {
  border-radius: 100%;
}
@media (min-width: 992px) {
  .coupon__bet a.--down {
    border-radius: 3px 0 0 3px;
  }
}
.coupon__bet a.--up {
  border-radius: 100%;
}
@media (min-width: 992px) {
  .coupon__bet a.--up {
    border-radius: 0 3px 3px 0;
  }
}
.coupon__bet a:hover {
  text-decoration: none;
  background: #7881b0;
}
.coupon__bet input {
  border-radius: 0;
  font-family: 'Open Sans';
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.3rem;
  width: 90px;
  border: 0;
}
@media (min-width: 992px) {
  .coupon__bet input {
    border: 1px solid #cfdbf0;
    border-left: 0;
    border-right: 0;
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 1.5rem;
  }
}
.coupon__bet input[type="checkbox"] {
  display: none;
}
.coupon__bet input[type="checkbox"] + label {
  display: flex;
  position: relative;
  cursor: pointer;
  border: 0;
  margin-bottom: 0;
  padding: 0;
  background: none;
}
.coupon__bet input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid #fff;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 10px;
  margin-top: 3px;
}
.coupon__bet input[type="checkbox"]:checked + label:before {
  background: #fff;
}
.coupon__bet input[type=radio] {
  display: none;
}
.coupon__bet input[type=radio] + label {
  display: flex;
  align-items: center;
  position: relative;
  background: transparent;
  border: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .coupon__bet input[type=radio] + label {
    padding: 0 0 0 25px;
  }
}
.coupon__bet input[type=radio] + label:before {
  content: none;
  background: #fff;
  border: 1px solid #cfdbf0;
  border-radius: 100%;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
}
@media (min-width: 992px) {
  .coupon__bet input[type=radio] + label:before {
    content: '';
  }
}
.coupon__bet input[type=radio]:checked + label:after {
  content: none;
  position: absolute;
  left: 3px;
  background: #7881b0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
@media (min-width: 992px) {
  .coupon__bet input[type=radio]:checked + label:after {
    content: '';
  }
}
.coupon__step {
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
}
.coupon__step a {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff;
  font-size: 1.2rem;
  font-family: 'Oswald';
  margin-left: 5px;
  margin-right: 5px;
  display: block;
  width: 100%;
  text-align: center;
  padding: 2px 0;
}
.coupon__step a.--active {
  background: #fff;
  color: #09256d;
}
.coupon__step a:hover {
  background: #fff;
  color: #09256d;
}
.coupon__summary {
  background: #E6EBF1;
  width: calc(100% + 22px);
  padding: 15px 15px 8px;
  color: rgba(45, 55, 94, 0.7);
  font-family: 'Open Sans';
  margin-left: -11px;
  margin-right: -11px;
}
@media (min-width: 992px) {
  .coupon__summary {
    background: #001a5b;
    font-family: 'Mulish';
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 17px 30px;
  }
}
.coupon__summary > div {
  font-size: 1.2rem;
  margin-bottom: 8px;
  padding-bottom: 7px;
  border-bottom: 1px solid #80869C;
}
@media (min-width: 992px) {
  .coupon__summary > div {
    padding-bottom: 0;
    border-bottom: 0;
    font-size: 1.1rem;
    opacity: 0.5;
  }
}
.coupon__summary > div:last-of-type {
  border-bottom: 0;
}
.coupon__summary > div strong {
  font-size: 1.2rem;
  font-family: 'Open Sans';
  font-weight: 600;
  text-transform: none;
  color: #2D375E;
}
@media (min-width: 992px) {
  .coupon__summary > div strong {
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
  }
}
.coupon__summary > div.--win {
  opacity: 1;
  margin-top: -4px;
}
.coupon__summary > div.--win strong {
  font-size: 1.6rem;
}
.coupon__summary button {
  background: #02B253;
  border-color: #02B253;
  box-shadow: 0px 4px 12px rgba(2, 178, 83, 0.19);
  transition: all 0.3s;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .coupon__summary button {
    background: #d13836;
    border-color: #d13836;
    box-shadow: none;
    border-radius: 20px;
  }
}
.coupon__summary button:hover {
  background: #2D375E;
  border-color: #2D375E;
}
@media (min-width: 992px) {
  .coupon__summary button:hover {
    background: #7881b0;
    border-color: #7881b0;
  }
}
.coupon__terms {
  background: #09256d;
  width: 100%;
  padding: 0 30px;
  position: relative;
  padding-bottom: 17px;
}
.coupon__terms a {
  font-family: 'Oswald';
  text-transform: uppercase;
  font-size: 1rem;
  background: #09256d;
  display: flex;
  color: #fff;
  border-radius: 3px;
  padding: 5px 15px;
}
.coupon__terms a:hover {
  text-decoration: none;
  background: #d13836;
}
.coupon__terms a:after {
  content: url('img/arrow_bottom.png');
  margin-left: auto;
}
.coupon__terms span {
  font-size: 1rem;
  color: #fff;
  background: #09256d;
  border-radius: 0 0 3px 3px;
  display: block;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
  opacity: 0;
}
.coupon__terms.--open a {
  border-radius: 3px 3px 0 0;
}
.coupon__terms.--open a:after {
  transform: rotateZ(180deg);
}
.coupon__terms.--open span {
  padding: 5px 10px;
  height: auto;
  opacity: 1;
}
.coupon__factor {
  display: block;
  width: calc(100% + 22px);
  text-align: center;
  background: #E6EBF1;
  color: rgba(45, 55, 94, 0.5);
  font-size: 1rem;
  margin-left: -11px;
  margin-right: -11px;
  padding-bottom: 8px;
}
@media (min-width: 992px) {
  .coupon__factor {
    background: #06153c;
    color: #fff;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 8px;
    padding-bottom: 0;
  }
}
.single {
  background: #fff;
  border-radius: 10px;
  padding-left: 15px;
  padding-bottom: 4px;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: 5px;
  padding-top: 15px;
}
@media (min-width: 992px) {
  .single {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 25px;
    padding-top: 0;
    border-bottom: 1px solid #cfdbf0;
    background: #f4f7fc;
  }
}
.single__left {
  font-family: 'Open Sans';
  align-items: flex-start;
}
@media (min-width: 992px) {
  .single__left {
    font-family: 'Mulish';
    align-items: stretch;
  }
}
.single__left small {
  font-size: 1.2rem;
  color: #2D375E;
  font-weight: 600;
}
@media (min-width: 992px) {
  .single__left small {
    font-size: 0.9rem;
    color: #09256d;
    opacity: 0.5;
    font-weight: 400;
  }
}
.single__left small:last-child {
  font-size: 1.4rem;
  color: #2D375E;
  opacity: 0.5;
  font-weight: 600;
}
@media (min-width: 992px) {
  .single__left small:last-child {
    font-size: 0.9rem;
    color: #09256d;
    font-weight: 400;
  }
}
.single__left small:last-child span {
  display: inline;
  background: transparent;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  opacity: 1;
  text-transform: inherit;
}
.single__left span {
  font-size: 1.1rem;
  color: #2D375E;
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.5;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  padding: 2px 5px;
  background: #E6EBF1;
  border-radius: 3px;
}
@media (min-width: 992px) {
  .single__left span {
    font-size: 1.3rem;
    color: #09256d;
    font-weight: 700;
    text-transform: none;
    opacity: 1;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
    background: transparent;
    border-radius: 0;
  }
}
.single__left span select {
  text-transform: uppercase;
  font-size: 1rem;
  font-family: 'Oswald';
  display: block;
  border: 1px solid #cfdbf0;
  border-radius: 3px;
  height: 14px;
  line-height: 11px;
  min-width: 13px;
  text-align: center;
  opacity: 1;
  margin-right: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.single__right {
  padding-left: 5px;
}
@media (min-width: 992px) {
  .single__right {
    padding-right: 13px;
  }
}
.single__remove {
  margin-top: -5px;
}
.single__remove img {
  transition: all 0.3s;
}
.single__remove:hover img {
  opacity: 0.5;
}
.single__value {
  font-size: 1.3rem;
  font-weight: 700;
  font-family: 'Open Sans';
  color: #fff;
  background: #2D375E;
  min-width: 50px;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 3px;
  padding: 7px 15px;
}
@media (min-width: 992px) {
  .single__value {
    font-family: 'Oswald';
    font-weight: 500;
    padding: 1px 0;
    background: #09256d;
  }
}
.single__sure {
  font-size: 1.2rem;
  font-family: 'Mulish';
  font-weight: 700;
  background: #2e8300;
  color: #fff;
  border-radius: 100%;
  height: 18px;
  min-width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: -2px;
}
.single + .single {
  padding-top: 6px;
}
.single.--group {
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  background: #09256d;
  color: #fff;
  font-family: 'Oswald';
  font-size: 1.1rem;
  text-transform: uppercase;
  padding: 2px 10px;
}
.single:not(.--group) + .single.--group {
  margin-top: 10px;
}
.single.--disable {
  opacity: 0.5;
  cursor: not-allowed;
}
.calculator {
  margin-top: auto;
  flex-shrink: 0;
  display: none;
}
@media (min-width: 992px) {
  .calculator {
    display: block;
  }
}
.calculator #points {
  background: #09256d;
  border: 1px solid #09256d;
  color: #fff;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
span.time.--alert {
  color: #d13836;
  animation: blinker 1s step-start infinite;
}
@keyframes rotate {
  from {
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(360deg);
  }
}
.--loading {
  cursor: progress;
  position: relative;
}
.--loading > * {
  opacity: 0.5 !important;
}
.--loading:before {
  content: '';
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 100% 0 0 0;
  border-left: 3px solid #09256d;
  border-top: 3px solid #09256d;
  position: absolute;
  transform-origin: 50px 50px;
  animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  z-index: 1;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
}
.--loading:after {
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 100% 0 0 0;
  border-left: 3px solid #7881b0;
  border-top: 3px solid #7881b0;
  position: absolute;
  transform-origin: 40px 40px;
  animation-timing-function: linear;
  animation-name: rotate;
  animation-direction: reverse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  z-index: 1;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
}
.--loading * {
  pointer-events: none;
}
.popup {
  font-family: 'Oswald';
  color: #09256d;
}
.popup__wrapper {
  position: fixed;
  z-index: 1000;
  bottom: 68px;
  left: 0;
  max-height: calc(100vh - 69px);
  width: 100vw;
  background: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  top: 100%;
}
@media (min-width: 992px) {
  .popup__wrapper {
    height: min(600px, 80vh);
    width: min(875px, 90vw);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: none;
  }
}
@media (min-width: 1680px) {
  .popup__wrapper {
    height: min(400px, 80vh);
  }
}
.popup__header {
  display: flex;
  text-transform: uppercase;
  flex-shrink: 0;
  opacity: 0.5;
  font-size: 1.6rem;
  border-radius: 5px 5px 0 0;
  padding: 10px;
  font-family: 'Open Sans';
  font-weight: 600;
}
@media (min-width: 992px) {
  .popup__header {
    opacity: 1;
    padding: 0;
    height: 88px;
    border-bottom: 1px solid #cfdbf0;
    justify-content: center;
    align-items: center;
    background: #f4f7fc;
    font-family: 'Oswald';
    font-size: 2rem;
    font-weight: 700;
  }
}
.popup__close {
  display: flex;
  background: url('img/mobile_close.png') no-repeat center center;
  width: 40px;
  height: 20px;
  top: 0;
  left: calc(50% - 20px);
  position: absolute;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1;
}
@media (min-width: 992px) {
  .popup__close {
    background: #d13836 url('img/close.png') no-repeat center center;
    width: 35px;
    height: 35px;
    top: -17px;
    left: auto;
    right: -17px;
  }
}
.popup__content {
  overflow-y: scroll;
  border-radius: 0 0 5px 5px;
}
@media (min-width: 992px) {
  .popup__content {
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
    scrollbar-width: thin;
  }
  .popup__content::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .popup__content::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    height: 6px;
  }
  .popup__content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.popup__background {
  position: fixed;
  z-index: 999;
  background: rgba(2, 21, 63, 0.8);
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
}
.popup.--animal .popup__header {
  opacity: 1;
  border-radius: 0;
  background: #fff;
}
@media (min-width: 992px) {
  .popup.--animal .popup__header {
    border-radius: 5px 5px 0 0;
  }
}
.popup.--animal .popup__header_close {
  width: 40px;
  height: 44px;
  background: #E6EBF1;
  border-radius: 5px;
}
.popup.--animal .popup__wrapper {
  top: 0;
  border-radius: 0;
  background: #E6EBF1;
}
@media (min-width: 992px) {
  .popup.--animal .popup__wrapper {
    top: 50%;
    border-radius: 0 0 5px 5px;
  }
}
.popup.--animal .popup__content {
  padding: 20px 6px;
}
.popup.--hidden {
  display: none;
}
.table {
  width: 100%;
  font-family: 'Open Sans';
  font-weight: 600;
}
.table__row {
  width: 100%;
  padding: 8px 10px;
  border-radius: 5px;
}
.table__row:nth-child(2n) {
  background: #fff;
}
.table__row.--header {
  text-transform: uppercase;
}
.table__row.--header span {
  font-size: 1.1rem;
  color: rgba(9, 37, 109, 0.5);
}
.table__row span {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  color: #09256d;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .table__row span {
    justify-content: flex-start;
  }
}
.table__row span strong {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 20px;
  height: 20px;
  font-size: 1.3rem;
  margin-right: 5px;
  flex-grow: 0;
  flex-shrink: 0;
}
.table__row span strong.--red {
  background: #d13836;
}
.table__row span strong.--green {
  background: #2e8300;
}
.table__row span strong.--blue {
  background: #0e62c4;
}
.table__row span i {
  color: #d13836;
}
.table__row span i.icon-star1 {
  color: rgba(9, 37, 109, 0.5);
  font-size: 0.9em;
}
.table__row span small {
  font-size: 0.9rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  margin: 0 3px;
  text-transform: uppercase;
  text-indent: -1px;
}
@media (min-width: 992px) {
  .table__row span small {
    margin: 0 5px;
  }
  .table__row span small:first-child {
    margin-left: 0;
  }
}
.table__row span small.--red {
  background: #d13836;
}
.table__row span small.--green {
  background: #2e8300;
}
.table__row span small.--blue {
  background: #09256d;
}
.table__row span small.--lightblue {
  background: #0e62c4;
}
.table__row span:first-child {
  flex-basis: 20%;
  justify-content: flex-start;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table__row span:nth-child(2) {
  flex-basis: 20%;
}
.table__row span:nth-child(3) {
  flex-basis: 40%;
}
.table__row span:last-child {
  flex-basis: 20%;
}
.scores__top {
  margin: 0 -7px;
  padding: 0 7px;
  background: #fff;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scores__top {
    background: transparent;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 1680px) {
  .scores__top {
    flex-direction: row;
  }
}
.scores__breadcrumbs {
  display: flex;
  align-items: center;
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 1.5rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .scores__breadcrumbs {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1680px) {
  .scores__breadcrumbs {
    font-size: 2rem;
    margin-bottom: 0;
  }
}
.scores__breadcrumbs > a {
  color: rgba(9, 37, 109, 0.5);
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.scores__breadcrumbs > a:hover {
  color: #09256d;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.scores__breadcrumbs > a:after {
  content: url('img/arrow_right_gray.png');
  margin: 0 20px;
  display: flex;
}
.scores__breadcrumbs > a:first-child {
  width: 30px;
  height: 30px;
  justify-content: center;
  background: #E6EBF1;
  border-radius: 5px;
  border: 1px solid #E6EBF1;
  margin-right: 20px;
  flex-shrink: 0;
}
@media (min-width: 1680px) {
  .scores__breadcrumbs > a:first-child {
    width: 50px;
    height: 50px;
  }
}
.scores__breadcrumbs > a:first-child:hover {
  background: #fff;
}
.scores__breadcrumbs > a:first-child:after {
  content: none;
}
.scores__breadcrumbs > a:first-child img {
  display: block;
}
.scores__breadcrumbs > span {
  color: #09256d;
}
.scores__switcher {
  background: #E6EBF1;
  border-radius: 10px;
  padding: 4px 2px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.scores__switcher a {
  display: block;
  margin: 0 2px;
  width: 50%;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;
  color: rgba(45, 55, 94, 0.5);
  padding: 7px 0;
}
.scores__switcher a.--active {
  color: #2D375E;
  background: #fff;
  border-radius: 7px;
}
.scores__switcher a:hover {
  text-decoration: none;
  color: #2D375E;
}
.scores__filters {
  font-family: 'Open Sans';
  font-size: 1.2rem;
  font-weight: 600;
  color: #09256d;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-transform: uppercase;
  line-height: 1;
  width: calc(100% + 14px);
  background: #f2f5f9;
  margin: 0 -7px;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .scores__filters {
    background: transparent;
    margin: 0px;
    padding: 0px;
    text-align: right;
    font-family: 'Oswald';
    font-weight: 400;
  }
}
@media (min-width: 1680px) {
  .scores__filters {
    font-size: 1.4rem;
    width: auto;
  }
}
.scores__filters input,
.scores__filters select {
  color: #09256d;
  font-size: 1.3rem;
  background: #E6EBF1;
  border: 1px solid #E6EBF1;
  border-radius: 7px;
  width: 100%;
  height: 40px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .scores__filters input,
  .scores__filters select {
    border-radius: 0 4px 4px 0;
    width: 75px;
    font-size: 1.2rem;
    background: #fff;
    border: 1px solid #09256d;
    height: 30px;
  }
}
.scores__filter {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .scores__filter {
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 0;
  }
}
.scores__filter > div:first-child {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .scores__filter > div:first-child {
    display: inline;
    margin-bottom: 0;
  }
}
.scores__filter span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .scores__filter span {
    width: auto;
  }
}
.scores__filter span:before {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #09256d;
  border-radius: 4px 0 0 4px;
  margin-left: 10px;
  width: 25px;
  height: 30px;
}
.scores__filter.--day {
  flex-basis: 40%;
}
@media (min-width: 768px) {
  .scores__filter.--day {
    flex-basis: auto;
  }
}
@media (min-width: 768px) {
  .scores__filter.--day span:before {
    content: url('img/calendar.png');
  }
}
@media (min-width: 768px) {
  .scores__filter.--day input {
    width: 90px;
  }
  .scores__filter.--day input:-webkit-datetime-edit {
    color: #09256d;
  }
  .scores__filter.--day input::-webkit-datetime-edit-year-field {
    color: #09256d;
  }
}
.scores__filter.--hours {
  flex-basis: 60%;
}
@media (min-width: 768px) {
  .scores__filter.--hours {
    flex-basis: auto;
  }
}
.scores__filter.--hours > div:first-child {
  padding-left: 5px;
}
@media (min-width: 768px) {
  .scores__filter.--hours > div:first-child {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .scores__filter.--hours span:before {
    content: url('img/clock.png');
  }
}
.scores__hour {
  width: 50%;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .scores__hour {
    width: auto;
    padding: 0;
  }
}
.scores__main {
  display: none;
}
@media (min-width: 768px) {
  .scores__main {
    display: block;
  }
}
.scores__main.--show {
  display: block;
}
.scores__queue {
  display: block;
}
@media (min-width: 768px) {
  .scores__queue {
    display: none;
  }
}
.scores__queue.--show {
  display: block;
}
.scores__queue_name {
  display: block;
  padding: 15px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-family: 'Open Sans';
  font-weight: 700;
  color: rgba(45, 55, 94, 0.5);
}
@media (min-width: 768px) {
  .scores__queue_name {
    background: #cfdbf0;
    border-radius: 5px;
    font-size: 1.4rem;
    font-family: 'Oswald';
    font-weight: 500;
    color: #09256d;
  }
}
.scores__queue_name.--show {
  border-radius: 5px 5px 0 0;
}
.scores__queue_name.--show a img {
  transform: scale(0.75);
}
.scores__queue_name:not(:first-child) {
  margin-top: 30px;
}
.scores__queue_name a {
  margin-right: 6px;
}
.scores__queue_name a img {
  transform: scale(0.75) rotateZ(180deg);
}
.scores__match {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .scores__match {
    margin-top: 0;
  }
}
.scores__short {
  background: #fff;
  padding: 20px 10px;
  color: #2D375E;
  font-family: 'Open Sans';
  font-weight: 600;
  margin-bottom: 5px;
  border-radius: 10px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .scores__short {
    border-bottom: 1px solid #cfdbf0;
    background: none;
    color: #09256d;
    font-family: 'Mulish';
    margin-bottom: 0;
    border-radius: 0;
  }
}
.scores__short > * {
  display: block;
}
.scores__short > small {
  display: none;
}
@media (min-width: 768px) {
  .scores__short > small {
    display: block;
    flex-basis: 10%;
    font-size: 1.1rem;
  }
}
.scores__short > span {
  flex-basis: 90%;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: left;
  display: flex;
}
@media (min-width: 768px) {
  .scores__short > span {
    flex-basis: 80%;
    display: block;
    text-align: center;
    font-size: 1.5rem;
  }
}
.scores__short > span strong {
  font-weight: 800;
  order: 1;
  margin-left: auto;
}
@media (min-width: 768px) {
  .scores__short > span strong {
    margin-left: 0;
  }
}
.scores__short > span span {
  margin: 0 3px;
}
.scores__short > span span ol {
  display: flex;
  padding-left: 40px;
}
.scores__short > span span ol li {
  margin-right: 40px;
}
.scores__short > span span ol li span {
  display: flex;
}
.scores__short > a {
  flex-basis: 10%;
  display: flex;
  align-items: center;
}
.scores__short > a img {
  display: block;
  margin-left: auto;
  margin-right: 10px;
}
.scores__short > a.--inverse img {
  transform: rotateZ(180deg);
}
.scores__details {
  padding: 10px 0;
  display: none;
  background: #fff;
  margin-top: -10px;
  border-radius: 0 0 10px 10px;
}
@media (min-width: 768px) {
  .scores__details {
    margin-top: 0;
    padding: 0 20px;
    background: transparent;
    border-radius: 0;
  }
}
.scores__details.--show {
  display: block;
}
.scores__details > .row {
  padding: 0 5px;
}
@media (min-width: 768px) {
  .scores__details > .row {
    padding: 20px 0;
    border-bottom: 1px solid #cfdbf0;
  }
}
.scores__details > .row > div {
  background: rgba(45, 55, 94, 0.03);
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 11px;
}
@media (min-width: 768px) {
  .scores__details > .row > div {
    background: transparent;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.scores__details > .row > div:nth-child(n+5) {
  margin-top: 10px;
}
.scores__details_title {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 1.3rem;
  color: #2D375E;
}
@media (min-width: 768px) {
  .scores__details_title {
    font-family: 'Oswald';
    font-weight: 500;
    color: #09256d;
    text-transform: uppercase;
  }
}
.scores__details ol {
  padding-left: 13px;
  margin-top: 10px;
}
.scores__details ol li {
  margin-bottom: 5px;
}
.scores__details ol li span {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.scores__result {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 1.1rem;
  color: rgba(45, 55, 94, 0.7);
}
@media (min-width: 768px) {
  .scores__result {
    font-family: 'Mulish';
    font-size: 1.2rem;
    color: #09256d;
    background: #f4f7fc;
    border-radius: 4px;
  }
}
.scores__result.--header {
  font-weight: 400;
  color: rgba(45, 55, 94, 0.5);
}
.scores__result > span:last-child {
  min-width: 15%;
  order: -1;
}
@media (min-width: 768px) {
  .scores__result > span:last-child {
    order: 1;
    min-width: 0;
  }
}
.scores__statistics_progress {
  display: block;
  width: 100%;
  height: 4px;
  background: #bbc1cf;
  position: relative;
  flex-basis: 80% !important;
}
.scores__statistics_progress span {
  position: absolute;
  background: #d13836;
  left: 0;
  top: 0;
  height: 4px;
}
@media (min-width: 1200px) {
  .scores.--animal .scores__filter.--hours {
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .scores.--animal .scores__short > span {
    display: flex;
    justify-content: center;
  }
}
.scores.--animal .table__row:nth-child(odd) {
  background: #f4f7fc;
}
@media (min-width: 992px) {
  .scores.--animal .table__row span:nth-child(2) {
    flex-basis: 10%;
  }
}
@media (min-width: 992px) {
  .scores.--animal .table__row span:nth-child(3) {
    flex-basis: 25%;
  }
}
.scores.--animal .scores__details > .row > div {
  justify-content: flex-start;
}
.scores.--animal .scores__statistics_progress {
  flex-grow: 1;
}
.scores i {
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: #fff;
  font-family: 'Open Sans';
  font-size: 1.3rem;
  font-weight: 600;
  font-style: normal;
  margin-right: 5px;
}
.scores i.--red {
  background: #d13836;
}
.scores i.--green {
  background: #2e8300;
}
.scores i.--blue {
  background: #0e62c4;
}
.scores i.--gray {
  background: #D3D6DB;
  color: #000;
}
.scores i.--lightgreen {
  background: #b5c358;
  color: #000;
}
.scores i.--darkgreen {
  background: #3b593e;
  color: #b5c358;
}
.statistic {
  font-family: 'Open Sans';
  color: #09256d;
}
@media (min-width: 992px) {
  .statistic {
    font-family: 'Mulish';
  }
}
.statistic.--scores {
  display: none;
}
@media (min-width: 768px) {
  .statistic.--scores {
    display: block;
  }
}
.statistic.--scores.--show {
  display: block;
}
.statistic.--scores .statistic__row.--header .statistic__cell {
  font-weight: 400;
}
.statistic.--scores .statistic__cell {
  flex-shrink: 1;
}
.statistic__header {
  font-family: 'Oswald';
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  border-radius: 6px 6px 0 0;
  background: #001A5B;
  padding: 20px;
  text-transform: uppercase;
}
.statistic__row {
  display: flex;
  font-size: 1.2rem;
  padding: 10px;
  background: #fff;
}
@media (min-width: 992px) {
  .statistic__row {
    font-size: 1.8rem;
    padding: 9px 60px;
    justify-content: center;
  }
}
.statistic__row.--header {
  opacity: 0.5;
  font-size: 1.1rem;
  font-weight: 600;
}
@media (min-width: 992px) {
  .statistic__row.--header {
    font-size: 1.8rem;
    padding: 18px 60px;
    font-weight: 400;
  }
}
.statistic__row.--header .statistic__cell:nth-child(1),
.statistic__row.--header .statistic__cell:nth-child(6) {
  font-weight: 700;
}
.statistic__row:nth-child(even) {
  background: #f4f7fc;
}
.statistic__cell {
  flex-grow: 0;
  flex-shrink: 0;
}
.statistic__cell:nth-child(1) {
  font-weight: 700;
  flex-basis: 70px;
}
@media (min-width: 992px) {
  .statistic__cell:nth-child(1) {
    flex-basis: 140px;
  }
}
.statistic__cell:nth-child(6) {
  font-weight: 700;
  flex-basis: 40px;
}
@media (min-width: 992px) {
  .statistic__cell:nth-child(6) {
    flex-basis: 140px;
  }
}
.statistic__cell:nth-child(2),
.statistic__cell:nth-child(3),
.statistic__cell:nth-child(4),
.statistic__cell:nth-child(5) {
  flex-basis: 25px;
}
@media (min-width: 992px) {
  .statistic__cell:nth-child(2),
  .statistic__cell:nth-child(3),
  .statistic__cell:nth-child(4),
  .statistic__cell:nth-child(5) {
    flex-basis: 50px;
  }
}
.statistic__cell:nth-child(7) {
  flex-basis: 150px;
  display: flex;
}
@media (min-width: 992px) {
  .statistic__cell:nth-child(7) {
    flex-basis: 200px;
  }
}
.statistic__cell:nth-child(7) span {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin-right: 6px;
  align-self: center;
}
.statistic__cell:nth-child(7) span.--win {
  background-color: #02B253;
}
.statistic__cell:nth-child(7) span.--draw {
  background-color: #001A5B;
}
.statistic__cell:nth-child(7) span.--lost {
  background-color: #E4202C;
}
.cms {
  font-family: 'Mulish';
  color: #09256d;
}
.cms h1,
.cms h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
}
.cms p {
  font-size: 1.1rem;
}
.icon-bg {
  width: 1.5em;
  height: 1.5em;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.icon-bg:before {
  color: #fff;
}
.icon-green {
  background-color: #2e8300;
}
.icon-yellow {
  background-color: #F3930A;
}
.icon-blue {
  background-color: #0e62c4;
}
.icon-darkblue {
  background-color: #2D375E;
}
.icon-white {
  background-color: #fff;
}
.icon-white:before,
.icon-white > span {
  color: #2D375E;
}
.keen-slider {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.keen-slider,
.keen-slider__slide {
  overflow: hidden;
  position: relative;
}
.keen-slider__slide {
  width: 100%;
  min-height: 100%;
}
.keen-slider[data-keen-slider-v] {
  flex-wrap: wrap;
}
.keen-slider[data-keen-slider-v] .keen-slider__slide {
  width: 100%;
}
.keen-slider[data-keen-slider-moves] * {
  pointer-events: none;
}

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?6r1ioh');
  src: url('fonts/fontello.eot?6r1ioh#iefix') format('embedded-opentype'), url('fonts/fontello.ttf?6r1ioh') format('truetype'), url('fonts/fontello.woff?6r1ioh') format('woff'), url('fonts/fontello.svg?6r1ioh#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fontello' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"] *:before,
[class*=" icon-"] *:before {
  font-style: normal !important;
}
[class^="icon-"] > .path1,
[class*=" icon-"] > .path1,
[class^="icon-"] > .path2,
[class*=" icon-"] > .path2,
[class^="icon-"] > .path3,
[class*=" icon-"] > .path3,
[class^="icon-"] > .path4,
[class*=" icon-"] > .path4,
[class^="icon-"] > .path5,
[class*=" icon-"] > .path5 {
  font-family: 'fontello' !important;
}
.icon-bottom_menu:before {
  content: "\e948";
}
.icon-bottom_search .path1:before {
  content: "\e949";
  opacity: 0.5;
}
.icon-bottom_search .path2:before {
  content: "\e94a";
  margin-left: -1em;
}
.icon-bottom_search .path3:before {
  content: "\e94b";
  margin-left: -1em;
  color: #ffffff;
}
.icon-bottom_timer .path1:before {
  content: "\e94c";
}
.icon-bottom_timer .path2:before {
  content: "\e94d";
  margin-left: -0.84960937em;
  opacity: 0.5;
}
.icon-bottom_timer .path3:before {
  content: "\e94e";
  margin-left: -0.84960937em;
  opacity: 0.5;
}
.icon-bottom_timer .path4:before {
  content: "\e94f";
  margin-left: -0.84960937em;
  color: #ffffff;
}
.icon-headphones:before {
  content: "\e950";
}
.icon-star:before {
  content: "\e951";
}
.icon-star_empty:before {
  content: "\e952";
}
.icon-table .path1:before {
  content: "\e953";
}
.icon-table .path2:before {
  content: "\e954";
  margin-left: -1em;
  color: #ffffff;
}
.icon-table .path3:before {
  content: "\e955";
  margin-left: -1em;
  color: #ffffff;
}
.icon-table .path4:before {
  content: "\e956";
  margin-left: -1em;
  color: #ffffff;
}
.icon-triangle_bottom:before {
  content: "\e957";
}
.icon-triangle_wide_bottom:before {
  content: "\e958";
}
.icon-triangle_wide_up:before {
  content: "\e959";
}
.icon-bell:before {
  content: "\e95a";
}
.icon-bottom_coupon .path1:before {
  content: "\e95b";
  color: #ffffff;
}
.icon-bottom_coupon .path2:before {
  content: "\e95c";
  margin-left: -1em;
}
.icon-bottom_coupon .path3:before {
  content: "\e95d";
  margin-left: -1em;
  color: #ffffff;
}
.icon-bottom_coupon .path4:before {
  content: "\e95e";
  margin-left: -1em;
  color: #ffffff;
}
.icon-bottom_coupon .path5:before {
  content: "\e95f";
  margin-left: -1em;
  color: #ffffff;
}
.icon-bottom_history .path1:before {
  content: "\e960";
  opacity: 0.5;
}
.icon-bottom_history .path2:before {
  content: "\e961";
  margin-left: -1em;
}
.icon-bottom_history .path3:before {
  content: "\e962";
  margin-left: -1em;
  color: #ffffff;
}
.icon-bottom_history .path4:before {
  content: "\e963";
  margin-left: -1em;
  color: #ffffff;
}
.icon-bottom_history .path5:before {
  content: "\e964";
  margin-left: -1em;
  color: #ffffff;
}
.icon-stream .path1:before {
  content: "\e945";
  opacity: 0.4;
}
.icon-stream .path2:before {
  content: "\e946";
  margin-left: -1.40039062em;
}
.icon-stream .path3:before {
  content: "\e947";
  margin-left: -1.40039062em;
  color: #ffffff;
}
.icon-greyhound:before {
  content: "\e943";
}
.icon-horse:before {
  content: "\e944";
}
.icon-hiszpania .path1:before {
  content: "\e900";
  color: #d80027;
}
.icon-hiszpania .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: #d80027;
}
.icon-hiszpania .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: #ffda44;
}
.icon-niemcy .path1:before {
  content: "\e903";
  color: #ffda44;
}
.icon-niemcy .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: #000000;
}
.icon-niemcy .path3:before {
  content: "\e905";
  margin-left: -1em;
  color: #d80027;
}
.icon-polska .path1:before {
  content: "\e906";
  color: #f0f0f0;
}
.icon-polska .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: #d80027;
}
.icon-wlochy .path1:before {
  content: "\e908";
  color: #f0f0f0;
}
.icon-wlochy .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: #d80027;
}
.icon-wlochy .path3:before {
  content: "\e90a";
  margin-left: -1em;
  color: #6da544;
}
.icon-anglia .path1:before {
  content: "\e90b";
  color: #f0f0f0;
}
.icon-anglia .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: #d80027;
}
.icon-BALL-11:before {
  content: "\e800";
}
.icon-Brak-0:before {
  content: "\e801";
}
.icon-CARD_AND_FOUL-3:before {
  content: "\e802";
}
.icon-CARD-33:before {
  content: "\e803";
}
.icon-COMBINED_BETS-52:before {
  content: "\e804";
}
.icon-CORNER-2:before {
  content: "\e805";
}
.icon-CORRECT_SCORE-36:before {
  content: "\e806";
}
.icon-FIRST_HALF-14:before {
  content: "\e807";
}
.icon-FOUL-34:before {
  content: "\e808";
}
.icon-GAME_HANDICAP-38:before {
  content: "\e809";
}
.icon-GOAL-15:before {
  content: "\e80a";
}
.icon-HANDICAP_SPREAD-17:before {
  content: "\e80b";
}
.icon-HOME_AWAY-5:before {
  content: "\e80c";
}
.icon-INNING-47:before {
  content: "\e80d";
}
.icon-KICK-7:before {
  content: "\e80e";
}
.icon-MAIN-1:before {
  content: "\e80f";
}
.icon-MAP1-43:before {
  content: "\e810";
}
.icon-MAP2-44:before {
  content: "\e811";
}
.icon-MAP3-45:before {
  content: "\e812";
}
.icon-MATCH_PARLAY-48:before {
  content: "\e813";
}
.icon-MATCH_SPECIALS-40:before {
  content: "\e814";
}
.icon-MINUTES-41:before {
  content: "\e815";
}
.icon-ODDS-35:before {
  content: "\e816";
}
.icon-OFFSIDE-10:before {
  content: "\e817";
}
.icon-OTHER-18:before {
  content: "\e818";
}
.icon-PERIOD1-30:before {
  content: "\e819";
}
.icon-PERIOD2-31:before {
  content: "\e81a";
}
.icon-PERIOD3-32:before {
  content: "\e81b";
}
.icon-PERIOD-49:before {
  content: "\e81c";
}
.icon-PLAYERS-53:before {
  content: "\e81d";
}
.icon-POINT_HANDICAP-39:before {
  content: "\e81e";
}
.icon-POINTS-19:before {
  content: "\e81f";
}
.icon-QUARTER1-21:before {
  content: "\e820";
}
.icon-QUARTER2-22:before {
  content: "\e821";
}
.icon-QUARTER3-23:before {
  content: "\e822";
}
.icon-QUARTER4-24:before {
  content: "\e823";
}
.icon-QUARTER-20:before {
  content: "\e824";
}
.icon-SCORERS-51:before {
  content: "\e825";
}
.icon-SECOND_HALF-16:before {
  content: "\e826";
}
.icon-SET_HANDICAP-37:before {
  content: "\e827";
}
.icon-SUMO:before {
  content: "\e828";
}
.icon-table-tennis:before {
  content: "\e829";
}
.icon-tennis-ball:before {
  content: "\e82a";
}
.icon-trophy-alt:before {
  content: "\e82b";
}
.icon-vbl:before {
  content: "\e82c";
}
.icon-vdr:before {
  content: "\e82d";
}
.icon-vfc:before {
  content: "\e82e";
}
.icon-vfl:before {
  content: "\e82f";
}
.icon-vflm:before {
  content: "\e830";
}
.icon-vfnc:before {
  content: "\e831";
}
.icon-vhr:before {
  content: "\e832";
}
.icon-volleyball-ball:before {
  content: "\e833";
}
.icon-vto:before {
  content: "\e834";
}
.icon-WATER-BALL:before {
  content: "\e835";
}
.icon-vs_pe:before {
  content: "\e836";
}
.icon-vs_pl:before {
  content: "\e837";
}
.icon-vs_pm:before {
  content: "\e838";
}
.icon-vs_usa:before {
  content: "\e839";
}
.icon-vs_ps:before {
  content: "\e83a";
}
.icon-BALL2:before {
  content: "\e90d";
}
.icon-ball-pile:before {
  content: "\e90e";
}
.icon-baseball-ball:before {
  content: "\e90f";
}
.icon-basketball-ball:before {
  content: "\e910";
}
.icon-biking:before {
  content: "\e911";
}
.icon-BILARD:before {
  content: "\e912";
}
.icon-bowling-ball:before {
  content: "\e913";
}
.icon-boxing-glove:before {
  content: "\e914";
}
.icon-bullseye-arrow:before {
  content: "\e915";
}
.icon-chess-knight:before {
  content: "\e916";
}
.icon-circle:before {
  content: "\e917";
}
.icon-cricket:before {
  content: "\e918";
}
.icon-crosshairs:before {
  content: "\e919";
}
.icon-curling:before {
  content: "\e91a";
}
.icon-dot-circle:before {
  content: "\e91b";
}
.icon-field-hockey:before {
  content: "\e91c";
}
.icon-flag-checkered:before {
  content: "\e91d";
}
.icon-football-ball-2:before {
  content: "\e91e";
}
.icon-football-ball:before {
  content: "\e91f";
}
.icon-football-helmet:before {
  content: "\e920";
}
.icon-futbol:before {
  content: "\e921";
}
.icon-futbol_reg:before {
  content: "\e922";
}
.icon-futbol_solid:before {
  content: "\e923";
}
.icon-gamepad:before {
  content: "\e924";
}
.icon-golf-ball:before {
  content: "\e925";
}
.icon-grip-horizontal:before {
  content: "\e926";
}
.icon-hockey-puck:before {
  content: "\e927";
}
.icon-hockey-sticks:before {
  content: "\e928";
}
.icon-mma_light:before {
  content: "\e929";
}
.icon-OLIMPIADA:before {
  content: "\e92a";
}
.icon-race-helmet-kopia:before {
  content: "\e92b";
}
.icon-racquet:before {
  content: "\e92c";
}
.icon-SAND-BALL:before {
  content: "\e92d";
}
.icon-shuttlecock:before {
  content: "\e92e";
}
.icon-signal:before {
  content: "\e92f";
}
.icon-skiing:before {
  content: "\e930";
}
.icon-ski-jump:before {
  content: "\e931";
}
.icon-snowflake:before {
  content: "\e932";
}
.icon-star1:before {
  content: "\e933";
}
.icon-star-christmas:before {
  content: "\e934";
}
.icon-SET1-25:before {
  content: "\e935";
}
.icon-SET2-26:before {
  content: "\e936";
}
.icon-SET3-27:before {
  content: "\e937";
}
.icon-SET4-28:before {
  content: "\e938";
}
.icon-SET5-29:before {
  content: "\e939";
}
.icon-SET-46:before {
  content: "\e93a";
}
.icon-SHOT-6:before {
  content: "\e93b";
}
.icon-STATISTICS_PLAYERS-42:before {
  content: "\e93c";
}
.icon-STATISTICS-54:before {
  content: "\e93d";
}
.icon-SUB-9:before {
  content: "\e93e";
}
.icon-TEAM_STATISTICS-50:before {
  content: "\e93f";
}
.icon-THROW-13:before {
  content: "\e940";
}
.icon-TIME-8:before {
  content: "\e941";
}
.icon-UNDER_OVER-4:before {
  content: "\e942";
}
.icon-bundesliga {
  position: relative;
}
.icon-bundesliga .path1:before {
  content: "\e965";
  color: #000000;
}
.icon-bundesliga .path2:before {
  content: "\e966";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  margin: 0 auto;
  color: #d20515;
}
.icon-bundesliga .path3:before {
  content: "\e967";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  margin: 0 auto;
  color: #ffffff;
}
.icon-Gaelic-Hurling:before {
  content: "\e968";
}
.icon-Golf:before {
  content: "\e969";
}
.icon-Greyhound1:before {
  content: "\e96a";
}
.icon-HANDBALL:before {
  content: "\e96b";
}
.icon-Hearthstone:before {
  content: "\e96c";
}
.icon-Hokej-na-lodzie:before {
  content: "\e96d";
}
.icon-Horse-racing1:before {
  content: "\e96e";
}
.icon-Judo:before {
  content: "\e96f";
}
.icon-Kabaddi:before {
  content: "\e970";
}
.icon-Karate:before {
  content: "\e971";
}
.icon-KAYAK:before {
  content: "\e972";
}
.icon-Alpine-Skiing:before {
  content: "\e973";
}
.icon-Archery:before {
  content: "\e974";
}
.icon-Athletics:before {
  content: "\e975";
}
.icon-Badminton:before {
  content: "\e976";
}
.icon-Bandy:before {
  content: "\e977";
}
.icon-Baseball:before {
  content: "\e978";
}
.icon-Basketball-3x3:before {
  content: "\e979";
}
.icon-Beach-Soccer:before {
  content: "\e97a";
}
.icon-Biathlon:before {
  content: "\e97b";
}
.icon-Biegi-narciarskie:before {
  content: "\e97c";
}
.icon-Bobsleigh:before {
  content: "\e97d";
}
.icon-Bowls:before {
  content: "\e97e";
}
.icon-Boxing:before {
  content: "\e97f";
}
.icon-Cricket:before {
  content: "\e980";
}
.icon-Curling:before {
  content: "\e981";
}
.icon-Dart:before {
  content: "\e982";
}
.icon-Drag-racing:before {
  content: "\e983";
}
.icon-Entertainment:before {
  content: "\e984";
}
.icon-Equestrian:before {
  content: "\e985";
}
.icon-ESport-Call-of-Duty:before {
  content: "\e986";
}
.icon-ESport-Counter-Strike:before {
  content: "\e987";
}
.icon-speed-skateing:before {
  content: "\e988";
}
.icon-speedway-zuzel:before {
  content: "\e989";
}
.icon-sporty-motorowe:before {
  content: "\e98a";
}
.icon-squash:before {
  content: "\e98b";
}
.icon-Taekwondo:before {
  content: "\e98c";
}
.icon-tenis:before {
  content: "\e98d";
}
.icon-tenis-stolowy:before {
  content: "\e98e";
}
.icon-triathlon:before {
  content: "\e98f";
}
.icon-Virtual-Dog-Racing:before {
  content: "\e990";
}
.icon-Virtual-Horse-Classics:before {
  content: "\e991";
}
.icon-Virtual-Sports-Events:before {
  content: "\e992";
}
.icon-Virtual-Tennis-Open:before {
  content: "\e993";
}
.icon-Weightlifting:before {
  content: "\e994";
}
.icon-winter-sports:before {
  content: "\e995";
}
.icon-World-Lottery:before {
  content: "\e996";
}
.icon-zaklady-specjalne:before {
  content: "\e997";
}
.icon-KOG:before {
  content: "\e998";
}
.icon-Kolarstwo:before {
  content: "\e999";
}
.icon-Koszykwka:before {
  content: "\e99a";
}
.icon-Lacrosse:before {
  content: "\e99b";
}
.icon-League-of-Legends:before {
  content: "\e99c";
}
.icon-Luge:before {
  content: "\e99d";
}
.icon-Mma:before {
  content: "\e99e";
}
.icon-Modern-Pentathlon:before {
  content: "\e99f";
}
.icon-Nordic-combined:before {
  content: "\e9a0";
}
.icon-olimpics:before {
  content: "\e9a1";
}
.icon-pessapalo:before {
  content: "\e9a2";
}
.icon-pilka-nozna:before {
  content: "\e9a3";
}
.icon-polityka:before {
  content: "\e9a4";
}
.icon-rink-hockey:before {
  content: "\e9a5";
}
.icon-Rowing:before {
  content: "\e9a6";
}
.icon-Rugby:before {
  content: "\e9a7";
}
.icon-Rugby-League:before {
  content: "\e9a8";
}
.icon-Sailing:before {
  content: "\e9a9";
}
.icon-SAND-BALL1:before {
  content: "\e9aa";
}
.icon-Shooting:before {
  content: "\e9ab";
}
.icon-Short-track-speed-skating:before {
  content: "\e9ac";
}
.icon-siatkowka:before {
  content: "\e9ad";
}
.icon-Skeleton:before {
  content: "\e9ae";
}
.icon-skoki-narciarskie:before {
  content: "\e9af";
}
.icon-snooker:before {
  content: "\e9b0";
}
.icon-snowboard:before {
  content: "\e9b1";
}
.icon-Soccer-Mythical:before {
  content: "\e9b2";
}
.icon-Softball:before {
  content: "\e9b3";
}
.icon-specials:before {
  content: "\e9b4";
}
.icon-ESport-Dota:before {
  content: "\e9b5";
}
.icon-ESport-NBA2K:before {
  content: "\e9b6";
}
.icon-ESport-Overwatch:before {
  content: "\e9b7";
}
.icon-ESport-Rainbow-Six:before {
  content: "\e9b8";
}
.icon-ESport-Rocket-League:before {
  content: "\e9b9";
}
.icon-E-sports-Arena-of-Valor:before {
  content: "\e9ba";
}
.icon-E-sports-Smite:before {
  content: "\e9bb";
}
.icon-ESport-StarCraft:before {
  content: "\e9bc";
}
.icon-Field-hockey:before {
  content: "\e9bd";
}
.icon-Figure-skating:before {
  content: "\e9be";
}
.icon-Floorball:before {
  content: "\e9bf";
}
.icon-Football-80:before {
  content: "\e9c0";
}
.icon-Formula-1:before {
  content: "\e9c1";
}
.icon-Freestyle-Skiing:before {
  content: "\e9c2";
}
.icon-Futbol-amerykanski:before {
  content: "\e9c3";
}
.icon-Futbol-australijski:before {
  content: "\e9c4";
}
.icon-Futsal:before {
  content: "\e9c5";
}
.icon-Gaelic-Football:before {
  content: "\e9c6";
}

.select {
  position: relative;
}
.select__trigger {
  background: #E6EBF1;
  color: #2D375E;
  border: 1px solid #E6EBF1;
  text-transform: uppercase;
  width: 100%;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  padding: 6px 30px 6px 12px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  display: block;
  border-radius: 7px;
}
.select__trigger:before {
  font-family: 'fontello';
  content: "\e957";
  opacity: 0.5;
  font-size: 0.6rem;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .select__trigger {
    background: #fff;
    border-radius: 3px;
    border-color: #bbc1cf;
    padding: 3px 30px 3px 12px;
    font-family: 'Oswald';
  }
  .select__trigger:before {
    right: 15px;
  }
}
.select__trigger:hover {
  text-decoration: none;
  border: 1px solid #D3D6DB;
}
@media (min-width: 992px) {
  .select__trigger:hover {
    border-color: #bbc1cf;
  }
}
.select__trigger.--active {
  border: 1px solid #D3D6DB;
}
@media (min-width: 992px) {
  .select__trigger.--active {
    border-radius: 3px 3px 0 0;
    border-color: #bbc1cf;
  }
}
.select__trigger.--active + .select__options {
  display: block;
  z-index: 999;
}
.select__trigger.--active + .select__options + .select__background {
  display: block;
}
.select__options {
  display: none;
  list-style: none;
  border-color: transparent;
  font-family: inherit;
  font-family: 'Oswald';
  text-transform: uppercase;
  color: #2D375E;
  padding-left: 0;
  border: 1px solid #D3D6DB;
  border-radius: 7px;
  margin-top: -1px;
  position: fixed;
  top: 50%;
  left: 5vw;
  width: 90vw;
  background: #fff;
  max-height: 80vh;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .select__options {
    text-align: center;
    position: absolute;
    max-height: auto;
    width: 100%;
    left: 0;
    top: 100%;
    transform: none;
    border-radius: 0 0 3px 3px;
    border-color: #bbc1cf;
  }
}
.select__options li:last-child .select__option {
  border: 0;
}
.select__options li.--hide {
  display: none;
}
.select__option {
  color: inherit;
  display: block;
  padding: 3px 10px;
  border-bottom: 1px solid #D3D6DB;
  position: relative;
}
@media (min-width: 992px) {
  .select__option {
    border: 0;
  }
}
.select__option:hover {
  text-decoration: none;
  background: #f4f7fc;
}
.select__option:before {
  content: '';
  border: 1px solid #D3D6DB;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: absolute;
}
.select__option.--selected:before {
  background: #02B253;
  border-color: #02B253;
}
.select__option.--selected:after {
  content: '';
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotateZ(-45deg);
}
.select__option.--grouped {
  opacity: 0.5;
}
.select__background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 998;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .select__background {
    background: none;
  }
}