@charset "UTF-8";
/*
	$logo-width: 120vh;
	$logo-height: 120vh;
*/
/* Mixins
  =============== */
@font-face {
  font-family: "RTLUnitedText-Light";
  src: url(/fonts/RTLUnitedText-Light.woff2);
}

@font-face {
  font-family: "RTLUnitedText-Regular";
  src: url(/fonts/RTLUnitedText-Regular.woff2);
}

@font-face {
  font-family: "RTLUnitedText-Bold";
  src: url(/fonts/RTLUnitedText-Bold.woff2);
}

* {
  font-family: "RTLUnitedText-Light", sans-serif;
  color: white;
  outline: 0;
  text-decoration: none;
}

body,
html {
  font-family: "RTLUnitedText-Light", sans-serif;
  /*background: black;*/
  background: white;
  margin: 0;
  overflow: hidden;
}

body {
  line-height: 1;
}

.main-background {
  top: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1280px) {
  .main-background {
    background-size: cover;
  }
}

.content {
  z-index: 3;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 67.5vw; /* 1080px ÷ 16 = 67.5vw */
}

ol,
ul {
  list-style: none;
}

nav {
  width: 100%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 2.375vw 5.3125vw 0 5.3125vw; /* 38px ÷ 16 = 2.375em, 85px ÷ 16 = 5.3125vw */
}
@media (max-width: 1280px) {
  nav {
    padding: 2.375vw 5.3125vw 0 5.3125vw; /* 38px ÷ 16 = 2.375em, 85px ÷ 16 = 5.3125vw */
  }
}

nav .nav {
  margin-left: 3.125vw; /* 50px ÷ 16 = 3.125vw */
  flex: 1;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}

nav .nav li {
  background: #000;
  color: white;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 100;
  font-size: 1.5vw; /* 24px ÷ 16 = 1.5vw */
  border-radius: 0px;
}
@media (max-width: 1280px) {
  nav .nav li {
    font-weight: 100;
    font-size: 1.5vw; /* 24px ÷ 16 = 1.5vw */
    padding: 0.625vw 4.375vw; /* 10px ÷ 16 = 0.625em, 70px ÷ 16 = 4.375vw */
    border-radius: 0px;
  }
}

nav .nav li {
  background: #000;
  color: #fff;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 200;
  font-size: 1.4375vw; /* 23px ÷ 16 = 1.4375vw */
  border-radius: 0px;
  height: 4.0625vw; /* 65px ÷ 16 = 4.0625vw */
  padding: 0.9375vw 4.0625vw 0.3125vw 4.0625vw; /* 15px ÷ 16 = 0.9375em, 65px ÷ 16 = 4.0625em, 5px ÷ 16 = 0.3125vw */
  text-align: center;
}
@media (max-width: 1280px) {
  nav .nav li {
    /*width: 13.75vw; !* 220px ÷ 16 = 13.75vw *!*/
    /*height: 4.0625vw; !* 65px ÷ 16 = 4.0625vw *!*/
  }
}

nav .nav li:first-child {
  padding: 1.4375vw 4.0625vw 0.8125vw 4.0625vw; /* 23px ÷ 16 = 1.4375em, 65px ÷ 16 = 4.0625em, 13px ÷ 16 = 0.8125vw */
}
@media (max-width: 1280px) {
  nav .nav li:first-child {
    padding: 1.4375vw 4.0625vw 0.8125vw 4.0625vw; /* 23px ÷ 16 = 1.4375em, 65px ÷ 16 = 4.0625em, 13px ÷ 16 = 0.8125vw */
  }
}

nav .nav li.selected {
  background-color: #018d4a;
}

nav .nav li.active {
  background-color: #606266;
}

nav .nav li:not(:first-child) {
  margin-left: 1.875vw; /* 30px ÷ 16 = 1.875vw */
}
@media (max-width: 1280px) {
  nav .nav li:not(:first-child) {
    margin-left: 1.875vw; /* 30px ÷ 16 = 1.875vw */
  }
}

.logo {
  background-size: contain;
  display: inline-block;
  text-align: center;
  width: 6.875vw; /* 110px ÷ 16 = 6.875vw */
  height: 6.875vw; /* 110px ÷ 16 = 6.875vw */
  border-radius: 0px;
  margin-right: 1.25vw; /* 20px ÷ 16 = 1.25vw */
}
@media (max-width: 1280px) {
  .logo {
    width: 6.875vw; /* 110px ÷ 16 = 6.875vw */
    height: 6.875vw; /* 110px ÷ 16 = 6.875vw */
    border-radius: 0px;
    margin-right: 1.25vw; /* 20px ÷ 16 = 1.25vw */
  }
}

.logo.image {
  background-image: url("/img/logo.png");
  background-size: 6.875vw 6.875vw; /* 110px ÷ 16 = 6.875vw */
  background-color: #00000000;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) {
  .logo.image {
    background-size: 6.875vw 6.875vw; /* 110px ÷ 16 = 6.875vw */
  }
}

.logo.image.img-2 {
  background-image: url("/img/logo_2.png");
}

.logo div:first-child {
  font-size: 2.5vw; /* 40px ÷ 16 = 2.5vw */
  margin-top: 1.25vw; /* 20px ÷ 16 = 1.25vw */
  font-weight: 900;
  letter-spacing: -0.125vw; /* -2px ÷ 16 = -0.125vw */
}
@media (max-width: 1280px) {
  .logo div:first-child {
    font-size: 2.5vw; /* 40px ÷ 16 = 2.5vw */
    margin-top: 1.25vw; /* 20px ÷ 16 = 1.25vw */
    font-weight: 900;
    letter-spacing: -0.125vw; /* -2px ÷ 16 = -0.125vw */
  }
}

.logo div:nth-child(2n) {
  width: 5vw; /* 80px ÷ 16 = 5vw */
  height: 0.125vw; /* 2px ÷ 16 = 0.125vw */
  margin: 0.3125vw auto; /* 5px ÷ 16 = 0.3125vw */
  /* border-color: white; */
  background-color: white;
}
@media (max-width: 1280px) {
  .logo div:nth-child(2n) {
    width: 5vw; /* 80px ÷ 16 = 5vw */
    height: 0.125vw; /* 2px ÷ 16 = 0.125vw */
    margin: 0.3125vw auto; /* 5px ÷ 16 = 0.3125vw */
  }
}

.container {
  padding: 0.5vw 0px; /* 20px ÷ 16 = 1.25vw */
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/*@media (max-width: 1280px) {*/
/*  .container {*/
/*    padding: 1.25vw 0px; !* 20px ÷ 16 = 1.25vw *!*/
/*  }*/
/*}*/

.mt-50 {
  margin-top: 1.25vw; /* 20px ÷ 16 = 1.25vw */
}
@media (max-width: 1280px) {
  .mt-50 {
    margin-top: 1.25vw; /* 20px ÷ 16 = 1.25vw */
  }
}

.az-listing {
  height: 55vw; /* 880px ÷ 16 = 55vw */
  overflow: hidden;
  scroll-behavior: smooth;
}

.scrollable-movies {
  /*overflow: visible;*/
  /*overflow-x: scroll;*/
  /*scroll-behavior: smooth;*/
  width: calc(100% - 5.3125vw * 2); /* 85px ÷ 16 = 5.3125vw */
  padding-bottom: 1vw; /* 20px ÷ 16 = 1.25vw */
  padding-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
  /*scrollbar-width: none;*/
  padding-left: 5.3125vw; /* 85px ÷ 16 = 5.3125vw */
  padding-right: 5.3125vw; /* 85px ÷ 16 = 5.3125vw */
  transition: transform .2s;

}
@media (max-width: 1280px) {
  .scrollable-movies {
    padding-bottom: 1vw; /* 20px ÷ 16 = 1.25vw */
    padding-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
  }
}

.scrollable-movies::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

h2 {
  margin: 0px 0px;
}

h2.title {
  margin-left: 5.3125vw; /* 85px ÷ 16 = 5.3125vw */
  margin-top: 1.125vw; /* 18px ÷ 16 = 1.125vw */
  font-size: 2.8125vw; /* 45px ÷ 16 = 2.8125vw */
  color: #000;
  text-shadow: 0.0625vw 0 #888888; /* 1px ÷ 16 = 0.0625vw */
  letter-spacing: 0.0625vw; /* 1px ÷ 16 = 0.0625vw */
  font-weight: bold;
  letter-spacing: 0;
  font-family: "RTLUnitedText-Bold";
}

.float-left {
  float: left;
}

.page-indicator {
  color: #a2b4c3;
  margin-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
}
@media (max-width: 1280px) {
  .page-indicator {
    margin-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
  }
}

.float-right {
  float: right;
}

.clear {
  clear: both;
  height: 0px;
}

.movies {
  white-space: nowrap;
  margin-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
}
@media (max-width: 1280px) {
  .movies {
    margin-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
  }
}

.movies .movie:not(:last-child) {
  margin-right: 2.8125vw; /* 45px ÷ 16 = 2.8125vw */
}
@media (max-width: 1280px) {
  .movies .movie:not(:last-child) {
    margin-right: 2.8125vw; /* 45px ÷ 16 = 2.8125vw */
  }
}

.movies .movie {
  display: inline-block;
  background-color: white;
  height: 14.0625vw; /* 225px ÷ 16 = 14.0625vw */
  width: 25vw; /* 400px ÷ 16 = 25vw */
  -webkit-box-shadow: inset -0.3125vw 0px 0 0 #000, inset 0.3125vw 0px 0 0 #000, inset 0px -0.3125vw 0 0 #000; /* 5px ÷ 16 = 0.3125vw */
  box-shadow: inset -0.3125vw 0px 0 0 #000, inset 0.3125vw 0px 0 0 #000, inset 0px -0.3125vw 0 0 #000; /* 5px ÷ 16 = 0.3125vw */
}

.movies .movie .movie-header {
  width: 100%;
  height: 2.375vw; /* 38px ÷ 16 = 2.375vw */
  background-color: black;
  display: inline-block;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .movies .movie .movie-header {
    height: 2.375vw; /* 38px ÷ 16 = 2.375vw */
  }
}

.movies .movie .movie-header .type-game {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.6875vw; /* 11px ÷ 16 = 0.6875vw */
}
@media (max-width: 1280px) {
  .movies .movie .movie-header .type-game {
    margin-top: 0.6875vw; /* 11px ÷ 16 = 0.6875vw */
  }
}

.movies .movie .movie-header div:last-child {
  font-size: 0.8125vw; /* 13px ÷ 16 = 0.8125vw */
}

.movies .movie.selected {
  /*.movies .movie:hover{*/
  -webkit-box-shadow: inset -0.25vw -0.25vw 0 0 #018d4a, inset 0.25vw 0px 0 0 #018d4a, inset 0px -0.25vw 0 0 #018d4a; /* 4px ÷ 16 = 0.25vw */
  box-shadow: inset -0.25vw 0px 0 0 #018d4a, inset 0.25vw 0px 0 0 #018d4a, inset 0px -0.25vw 0 0 #018d4a; /* 4px ÷ 16 = 0.25vw */
}
@media (max-width: 1280px) {
  .movies .movie.selected {
    -webkit-box-shadow: inset -0.25vw -0.25vw 0 0 #018d4a, inset 0.25vw 0px 0 0 #018d4a, inset 0px -0.25vw 0 0 #018d4a; /* 4px ÷ 16 = 0.25vw */
    box-shadow: inset -0.25vw 0px 0 0 #018d4a, inset 0.25vw 0px 0 0 #018d4a, inset 0px -0.25vw 0 0 #018d4a; /* 4px ÷ 16 = 0.25vw */
  }
}

/*.movies .movie:hover .movie-header{*/
.movies .movie.selected .movie-header {
  background-color: #018d4a;
}

.movies .title {
  margin: 0.9375vw 0.625vw; /* 15px ÷ 16 = 0.9375em, 10px ÷ 16 = 0.625vw */
  color: #999;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .movies .title {
    margin: 0.625vw 0.625vw; /* 10px ÷ 16 = 0.625vw */
  }
}

.movies .movie .team {
  display: inline-block;
  height: 8.125vw; /* 130px ÷ 16 = 8.125vw */
  width: calc(50% - 2.1875vw); /* 35px ÷ 16 = 2.1875vw */
  margin: 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1280px) {
  .movies .movie .team {
    /*height: 6.875vw; !* 110px ÷ 16 = 6.875vw *!*/
    /*width: 6.875vw; !* 110px ÷ 16 = 6.875vw *!*/
    margin: 0px 0px;
  }
}

.movies .movie .teams div:first-child {
  margin-right: 0px;
  float: left;
}

.movies .movie .teams div:last-child {
  margin-left: 0px;
  float: right;
}

.movies .movie .teams {
  text-align: center;
}

.movies .movie .team-logo {
  width: 80%;
  background-size: contain;
  background-position: center;
  height: 80%;
  background-repeat: no-repeat;
  position: relative;
  margin: 0;
}

.movies .movie .team-logo.team-name-n {
  white-space: normal;
  padding-top: 1.875vw; /* 30px ÷ 16 = 1.875vw */
  font-weight: 600;
  -moz-box-sizing: border-box;
  /* Для Firefox */
  box-sizing: border-box;
  /* Ширина блока с полями */
}

.movies .movie .team.score {
  margin: 0px;
  text-align: center;
  display: inline-block;
  width: 4.375vw; /* 70px ÷ 16 = 4.375vw */
  padding: 1.6875vw 0px; /* 27px ÷ 16 = 1.6875vw */
  box-sizing: border-box;
}

.movies .movie .team.score div:first-child {
  color: #000;
  font-size: 2.5vw; /* 40px ÷ 16 = 2.5vw */
  font-weight: bold;
  width: 100%;
  font-family: "RTLUnitedText-Regular";
}

.movies .movie .team-name {
  font-size: 0.875vw; /* 14px ÷ 16 = 0.875vw */
  text-align: center;
  color: #000;
  font-weight: bold;
  margin-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
  width: 100%;
  overflow: hidden;
  white-space: normal;
  height: 1.875vw; /* 30px ÷ 16 = 1.875vw */
  font-family: "RTLUnitedText-Regular";
}
@media (max-width: 1280px) {
  .movies .movie .team-name {
    font-size: 0.875vw; /* 14px ÷ 16 = 0.875vw */
    margin-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
  }
}

.video-logo {
  width: 1.25vw; /* 20px ÷ 16 = 1.25vw */
  height: 1.25vw; /* 20px ÷ 16 = 1.25vw */
  border-radius: 0.9375vw; /* 15px ÷ 16 = 0.9375vw */
  border: 0.25vw solid #fff; /* 4px ÷ 16 = 0.25vw */
  margin-top: 0.25vw; /* 4px ÷ 16 = 0.25vw */
  vertical-align: top;
}
@media (max-width: 1280px) {
  .video-logo {
    width: 1.25vw; /* 20px ÷ 16 = 1.25vw */
    height: 1.25vw; /* 20px ÷ 16 = 1.25vw */
    border-radius: 0.9375vw; /* 15px ÷ 16 = 0.9375vw */
    border: 0.25vw solid #fff; /* 4px ÷ 16 = 0.25vw */
    margin-top: 0.25vw; /* 4px ÷ 16 = 0.25vw */
  }
}

.team-data-time {
  margin: 0px;
  max-height: 2.25vw; /* 36px ÷ 16 = 2.25vw */
}
@media (max-width: 1280px) {
  .team-data-time {
    max-height: 2.25vw; /* 36px ÷ 16 = 2.25vw */
  }
}

.video-logo,
.time {
  display: inline-block;
  margin-right: 0.0625vw; /* 1px ÷ 16 = 0.0625vw */
  margin-left: 0.5625vw; /* 9px ÷ 16 = 0.5625vw */
}
@media (max-width: 1280px) {
  .video-logo,
  .time {
    margin-left: 0.5625vw; /* 9px ÷ 16 = 0.5625vw */
  }
}

.movie-header .time {
  padding-right: 0.5625vw; /* 9px ÷ 16 = 0.5625vw */
  vertical-align: top;
  margin-top: 0.875vw; /* 14px ÷ 16 = 0.875vw */
}
@media (max-width: 1280px) {
  .movie-header .time {
    margin-top: 0.875vw; /* 14px ÷ 16 = 0.875vw */
    padding-right: 0.5625vw; /* 9px ÷ 16 = 0.5625vw */
  }
}

.movie-header .time {
  vertical-align: top;
  margin-top: 0.875vw; /* 14px ÷ 16 = 0.875vw */
}
@media (max-width: 1280px) {
  .movie-header .time {
    margin-top: 0.625vw; /* 10px ÷ 16 = 0.625vw */
  }
}

.movies .movie .movie-header .team-data-time.live {
  background-color: #018d4a;
  height: 2.25vw; /* 36px ÷ 16 = 2.25vw */
}
@media (max-width: 1280px) {
  .movies .movie .movie-header .team-data-time.live {
    height: 2.25vw; /* 36px ÷ 16 = 2.25vw */
  }
}

.d6 {
  width: 0;
  height: 0;
  border-top: 0.5vw solid transparent; /* 8px ÷ 16 = 0.5vw */
  border-left: 0.8125vw solid #fff; /* 13px ÷ 16 = 0.8125vw */
  border-bottom: 0.5vw solid transparent; /* 8px ÷ 16 = 0.5vw */
  margin-left: 0.375vw; /* 6px ÷ 16 = 0.375vw */
  margin-top: 0.125vw; /* 2px ÷ 16 = 0.125vw */
}
@media (max-width: 1280px) {
  .d6 {
    border-top: 0.5vw solid transparent; /* 8px ÷ 16 = 0.5vw */
    border-left: 0.8125vw solid #fff; /* 13px ÷ 16 = 0.8125vw */
    border-bottom: 0.5vw solid transparent; /* 8px ÷ 16 = 0.5vw */
    margin-left: 0.375vw; /* 6px ÷ 16 = 0.375vw */
    margin-top: 0.125vw; /* 2px ÷ 16 = 0.125vw */
  }
}

.nav .video-logo {
  width: 1.375vw; /* 22px ÷ 16 = 1.375vw */
  height: 1.375vw; /* 22px ÷ 16 = 1.375vw */
  border-radius: 1.1875vw; /* 19px ÷ 16 = 1.1875vw */
  border: 0.3125vw solid #fff; /* 5px ÷ 16 = 0.3125vw */
  margin-top: 0.25vw; /* 4px ÷ 16 = 0.25vw */
}

.nav .video-logo {
  margin-right: 0px;
  margin-left: 0px;
}

.nav-replay {
  vertical-align: top;
  display: inline-block;
  padding-top: 0.5vw; /* 8px ÷ 16 = 0.5vw */
}
@media (max-width: 1280px) {
  .nav-replay {
    padding-top: 0.5vw; /* 8px ÷ 16 = 0.5vw */
  }
}

.nav .d6 {
  border-top: 0.5vw solid transparent; /* 8px ÷ 16 = 0.5vw */
  border-left: 0.875vw solid #fff; /* 14px ÷ 16 = 0.875vw */
  border-bottom: 0.625vw solid transparent; /* 10px ÷ 16 = 0.625vw */
  margin-left: 0.375vw; /* 6px ÷ 16 = 0.375vw */
  margin-top: 0.125vw; /* 2px ÷ 16 = 0.125vw */
}

.sport-logo-mini {
  margin: 0.5vw 0 0 0.5625vw; /* 8px ÷ 16 = 0.5em, 9px ÷ 16 = 0.5625vw */
  width: 1.4375vw; /* 23px ÷ 16 = 1.4375vw */
  height: 1.4375vw; /* 23px ÷ 16 = 1.4375vw */
}

.sport-name {
  text-transform: lowercase;
}

.sport-name:first-letter {
  text-transform: uppercase;
}

.white-space {
  overflow: hidden;
  white-space: normal;
}

/* Mixins
  =============== */
.sport-type {
  display: inline-block;
  width: 18.75vw; /* 300px ÷ 16 = 18.75vw */
  height: 18.75vw; /* 300px ÷ 16 = 18.75vw */
  background-color: #000;
  margin-right: 2.8125vw; /* 45px ÷ 16 = 2.8125vw */
  text-align: center;
  /*padding-top: 30px;*/
}

.sport-type img {
  width: 7.5vw; /* 120px ÷ 16 = 7.5vw */
  height: 7.5vw; /* 120px ÷ 16 = 7.5vw */
  margin-top: 3.75vw; /* 60px ÷ 16 = 3.75vw */
}

.sport-type div {
  margin-top: 1.5625vw; /* 25px ÷ 16 = 1.5625vw */
  font-weight: 600;
  font-size: 1.875vw; /* 30px ÷ 16 = 1.875vw */
  font-family: "RTLUnitedText-Regular";
}

.sport-type.selected {
  background-color: #018d4a;
}