.header_wrapp {
  background: #242424;
}
.container {
}
.header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px;
}
.header-logo {
  color: rgb(251, 251, 251);
  text-decoration: none;
  font-size: 30px;
  font-family: Georgia;
  font-weight: 600;
}
.header-list {
  display: flex;
  grid-gap: 8px;
  align-items: center;
}
.header-list-item {
}
.header-list-item-link {
  color: rgb(242, 236, 236);
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  transition: 0.3s all;
  font-size: 12px;
  text-transform: uppercase;
}
.header-list-item-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.res-link {
  text-decoration: none;
}
.res-list {
  padding-left: 0;
  list-style: none;
}
.icon-100 {
  height: 100px;
  width: 100px;
  object-fit: contain;
}
.active-link {
  background-color: rgba(255, 255, 255, 0.1);
}
.wellcome-wrapp {
  background-image: url("https://tobol-score.kz/assets/img/93b3ada4cd2cdc8f691a0752d7ffa650.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.wellcome {
  padding-bottom: 80px;
  padding-top: 80px;
  position: relative;
  z-index: 11;
  text-align: center;
  display: flex;
  justify-content: center;
}
.ovarlay {
  background-color: rgba(0, 0, 0, 0.78);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.col-white {
  color: rgb(255, 255, 255);
}
.fz-60 {
  font-size: 60px;
}
.w-600 {
  width: 600px;
}
.island-wrapp-videos {
}
.island-videos {
  display: flex;
  align-items: stretch;
  grid-gap: 4px;
}
.island-videos-card {
  position: relative;
  width: 100%;
}
.island-videos-card-desc {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.41);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 12px;
  padding-left: 12px;
}
.island-videos-card-desc:hover {
  cursor: pointer;
}
.island-videos-card-desc::after {
  position: absolute;
  content: '';
  background-image: url("https://tobol-score.kz/assets/img/f89db951086419c474b1be5dad6ccd8a.png");
  width: 30px;
  height: 41px;
  background-size: contain;
  left: 7px;
  top: 11px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.island-videos-card-desc::before {
  position: absolute;
  top: 3px;
  left: 3px;
  content: '';
  height: 0;
  width: 0;
  border-style: solid;
  border-bottom-width: 75px;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 75px;
  border-left-color: rgb(255, 204, 51);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
}
.play-wrapp {
  border-top-width: 0;
  border-color: rgba(255, 204, 51, 0);
  border-style: solid;
  border-top-color: rgba(255, 204, 51, 0);
  border-right-color: rgba(255, 204, 51, 0);
  border-left-color: rgb(255, 204, 51);
  border-right-width: 0;
  border-left-width: 75px;
  border-bottom-width: 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.w-100 {
  width: 100%;
}
.mmb-4 {
  margin-bottom: 4px;
}
.h-200 {
  height: 200px;
  object-fit: cover;
}
.hover-col {
  transition: 0.3s all;
}
.hover-col:hover {
  color: rgb(255, 204, 51);
}
.main-wrapp {
}
.main {
  display: flex;
  grid-gap: 24px;
  padding-bottom: 40px;
  padding-top: 40px;
}
.main-left {
  width: 100%;
}
.main-right {
  width: 50%;
}
.title {
  padding-bottom: 10px;
  border-color: rgb(204, 204, 204);
  margin-bottom: 0;
  font-family: Georgia;
  text-transform: capitalize;
}
.match-cards {
  display: flex;
  grid-gap: 24px;
}
.match-card {
  text-align: center;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  border-radius: 8px;
  background-color: rgb(244, 244, 244);
  width: 100%;
  flex-direction: row;
}
.match-card:hover {
}
.col-black {
  color: rgb(16, 15, 15);
}
.coll {
  display: flex;
  flex-direction: column;
}
.icon-50 {
  height: 50px;
  width: 50px;
  object-fit: contain;
}
.al-center {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}
.al-end {
  align-items: flex-end;
}
.gap-12 {
  grid-gap: 12px;
}
.revers {
  flex-direction: row-reverse;
}
.between {
  justify-content: space-between;
}
.block {
  display: block;
}
.al-start {
  align-items: flex-start;
}
.mb-30 {
  margin-bottom: 24px;
}
.btn-wrapp {
}
.btn {
  text-transform: uppercase;
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 12px;
  padding-right: 12px;
  background: #FFCC33;
  transition: 0.3s all;
}
.btn:hover {
  background-color: rgb(244, 184, 43);
}
.mb-24 {
  margin-bottom: 24px;
}
.small-news {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
}
.small-news-card {
  display: flex;
  grid-gap: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  align-items: center;
  box-shadow: 0px 0px 10px 0px rgb(192, 192, 192);
  max-height: 150px;
}
.small-news-card:hover {
}
.small-news-card-img {
  height: 100px;
  object-fit: cover;
  width: 200px;
}
.over-hid {
  overflow: hidden;
}
.scale {
  transition: 0.3s all;
}
.scale:hover {
  scale: 1.1;
}
.statistic {
}
.statistic-tablle {
}
.upper {
  text-transform: uppercase;
}
.stats-table-head {
  grid-template-columns: 1fr 2fr repeat(6, 1fr) 2fr;
  display: grid;
  text-align: center;
  padding-bottom: 12px;
  padding-top: 12px;
  background-color: rgb(255, 204, 51);
  font-weight: 600;
}
.table-body {
}
.table-body-row {
  display: grid;
  grid-template-columns: 1fr 2fr repeat(6, 1fr) 2fr;
  justify-items: center;
  padding-bottom: 12px;
  padding-top: 12px;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  border-bottom-color: rgb(197, 197, 197);
}
.icon-35 {
  height: 35px;
  width: 35px;
  object-fit: contain;
}
.circle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
.bg-red {
  background-color: rgb(204, 0, 0);
}
.bg-green {
  background-color: rgb(0, 177, 47);
}
.gap-8 {
  grid-gap: 8px;
}
.news {
  padding-bottom: 40px;
  padding-top: 40px;
}
.news-cards {
  display: flex;
  grid-gap: 24px;
}
.news-card {
  box-shadow: 0px 0px 10px 0px rgb(193, 193, 193);
  padding-bottom: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.news-card-text {
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.letter {
  display: inline-block;
  float: left;
  height: auto;
  width: auto;
  line-height: 44px;
  font-size: 50px;
  margin-top: 5px;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  margin-right: 10px;
}
.mb-12 {
  margin-bottom: 12px;
}
.h-250 {
  height: 250px;
  object-fit: cover;
}
.players {
  padding-bottom: 40px;
}
.players-cards {
  display: flex;
  align-items: stretch;
  grid-gap: 24px;
}
.players-card {
  position: relative;
}
.players-card::before {
  content: '';
  border-top-width: 0;
  border-right-width: 0;
  border-left-color: rgb(222, 75, 57);
  height: 0;
  width: 0;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
  border-color: rgba(222, 75, 57, 0.98);
  border-left-width: 75px;
  border-bottom-width: 75px;
  left: 3px;
  top: 3px;
  position: absolute;
}
.fz-28 {
  font-size: 28px;
}
.hover-y {
  transition: 0.3s all;
}
.hover-y:hover {
  transform: translateY(-7px);
}
.player-card {
  position: relative;
  width: 100%;
}
.player-card::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  height: 0;
  width: 0;
  border-style: solid;
  border-left-width: 75px;
  border-bottom-width: 75px;
  border-left-color: rgb(222, 75, 57);
  border-right-width: 0;
  border-top-width: 0;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
}
.player-card::before {
  background-image: url("https://tobol-score.kz/assets/img/92669457a112371c5b5442a1f0e97114.png");
  content: '';
  position: absolute;
  height: 41px;
  width: 30px;
  background-size: contain;
  left: 7px;
  top: 11px;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 11;
}
.player-desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.15);
}
.bg-grey {
  background: #272727;
}
.footer {
  padding-top: 40px;
}
.footer-top {
  display: flex;
}
.footer-top-col {
  width: 100%;
}
.text-center {
  text-align: center;
}
.post {
  display: flex;
  padding-top: 40px;
  grid-gap: 30px;
  align-items: center;
}
.fw-600 {
  font-weight: 600;
}
.col-yellow {
  color: rgb(192, 157, 0);
}
.post-text {
  width: 100%;
}
.w-700 {
  width: 700px;
}
.col-red {
  color: rgb(222, 75, 57);
}
.pl-12 {
  padding-left: 12px;
  margin-top: auto;
}
.end-al {
  align-items: flex-end;
  display: flex;
}
.btn-news {
  margin-top: auto;
}
.nav-section {
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  background-color: rgb(59, 56, 56);
}
.nav-section-text {
  position: relative;
  z-index: 11;
  text-align: center;
}
.news-pad {
  padding-bottom: 40px;
  padding-top: 40px;
}
.gap-24 {
  grid-gap: 24px;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 24px;
  font-size: 24px;
}
.pagination:hover {
}
.pad-btn {
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  transition: 0.3s all;
}
.pad-btn:hover {
  background: #272727;
  color: rgb(254, 254, 254);
}
.active-pad {
  background: #272727;
  color: rgb(255, 255, 255);
}
.calendar {
  padding-bottom: 40px;
  padding-top: 40px;
}
.calendar-cards {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr 1fr;
}
.calendar-card {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  box-shadow: 0px 0px 10px 0px rgb(65, 65, 65);
  border-radius: 12px;
}
.calendar-card-date {
  text-align: center;
  margin-bottom: 0;
  color: rgb(121, 0, 0);
}
.calendar-card-match {
  border-radius: 12px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
}
.calendar-card-match-team {
  display: flex;
  align-items: center;
}
.fz-2 {
  font-size: 25px;
}
.NewClass-106 {
}
.cont-araond {
  justify-content: space-around;
}
.hover-black {
  transition: 0.3s all;
}
.hover-black:hover {
  color: rgb(18, 17, 17);
}
.fz-18 {
  font-size: 18px;
}
.video {
  padding-bottom: 40px;
  padding-top: 40px;
}
.our-statistic {
  padding-bottom: 40px;
  padding-top: 40px;
}
.btn-stats {
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  transition: 0.3s all;
}
.btn-stats:hover {
  background: #ffcc33;
}
.review-card-player-desc-link {
  background: #ffcc33;
}
.reviews {
  padding-bottom: 40px;
  padding-top: 40px;
}
.reviews-top {
  display: grid;
  grid-template-columns: 1fr 0.5fr 1fr ;
  grid-gap: 24px;
  align-items: stretch;
}
.reviews-top-player {
  box-shadow: 0px 0px 10px 0px rgb(176, 176, 176);
}
.reviews-top-player-link {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.review-card-player-desc {
  position: relative;
}
.review-player-link {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  position: absolute;
  left: 50%;
  padding-bottom: 10px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 10px;
  border-radius: 50px;
  top: -29px;
  z-index: 11;
  background: #fff;
  transform: translate(-50%);
  box-shadow: 0px 0px 10px 0px rgb(68, 68, 68);
  transition: 0.3s all;
}
.review-player-link:hover {
  color: rgb(254, 254, 254);
  background-color: rgb(97, 97, 97);
}
.review-player-desc-wrapp {
  display: flex;
  border: 1px solid #ddd;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 36px;
  justify-content: space-between;
}
.text-right {
  text-align: right;
}
.h-200px {
  height: 200px;
}
.h-100 {
  height: 100%;
}
.h-400 {
  height: 400px;
}
.cover {
  object-fit: cover;
}
.NewClass-126 {
}
.contain {
  object-fit: contain;
}
.h-310 {
  height: 310px;
}
.icon-150 {
  height: 150px;
  width: 150px;
  object-fit: contain;
}
.border-bott {
  padding-bottom: 10px;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  border-bottom-color: rgb(213, 213, 213);
}
.review-card-contet {
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.p-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.bt {
}
.review-content {
}
.review-content-time {
}
.review-content-time-head {
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  background-color: rgb(100, 100, 100);
}
.mb-0 {
  margin-bottom: 0;
}
.review-content-time-body {
}
.review-content-time-body-row {
  display: flex;
  align-items: center;
  grid-gap: 24px;
  padding-bottom: 12px;
  padding-top: 12px;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  border-bottom-color: rgb(164, 164, 164);
  padding-left: 12px;
}
.w-35 {
  width: 35px;
}
.bg-gray {
  background-color: rgb(211, 211, 211);
}
.stats-match {
}
.stats-match-row {
  width: 100%;
}
.line-parent {
  height: 8px;
  background-color: rgb(171, 171, 171);
  border-radius: 12px;
  display: flex;
}
.liner {
  height: 100%;
  background-color: rgb(69, 138, 0);
}
.w-50 {
  width: 50%;
  border-radius: 12px;
}
.content-end {
  justify-content: flex-end;
}
.line {
  height: 100%;
  border-radius: 12px;
}
.tex {
}
.w-64 {
  width: 64%;
}
.w-36 {
  width: 36%;
}
.info-match {
  display: grid;
  align-items: center;
  grid-gap: 24px;
  grid-template-columns: 1fr 1fr;
}
.info-match-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.results {
  padding-bottom: 40px;
  padding-top: 40px;
}
.result {
}
.results-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
}
.results-card {
}
.result-card-content {
  padding-bottom: 24px;
  padding-top: 24px;
  width: 100%;
}
.icon-70 {
  height: 70px;
  width: 70px;
  object-fit: contain;
}
.content-center {
  justify-content: center;
}
.col-green {
  color: rgb(62, 207, 0);
}
.bg-img {
  background-image: url("https://tobol-score.kz/assets/img/f8d590fee50086d66fcb4a48d4992291.jpg");
  background-size: cover;
  background-position: center;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
}
.NewClass-163 {
}
.team {
  padding-bottom: 40px;
  padding-top: 40px;
}
.p-0 {
  padding-top: 0;
}
.player-cards {
  display: flex;
  grid-gap: 24px;
}
.border-bott-0 {
  border-width: 0;
}
.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.achiv {
}
.achiv-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 24px;
}
.achiv-card {
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 0px 10px 0px rgb(156, 156, 156);
}
.contacts {
  padding-bottom: 40px;
  padding-top: 40px;
  display: flex;
  align-items: flex-start;
  grid-gap: 24px;
}
.contacts-left {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
  width: 50%;
}
.contacts-right {
  width: 100%;
}
.player {
  padding-bottom: 40px;
  padding-top: 40px;
}
.play {
}
.player-top {
  display: flex;
  grid-gap: 24px;
}
.player-top-left {
  width: 100%;
}
.player-top-right {
  min-width: 30%;
  position: relative;
}
.player-top-card-player {
}
.player-top-card-player-desc {
}
.player-card-desc {
  display: flex;
}
.NewClass-183 {
}
.row {
}
.about-player {
}
.right-col-table {
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  background-color: rgb(255, 255, 255);
  border: 1px solid ;
  border-color: rgb(176, 176, 176);
  border-radius: 12px;
}
.right-col-table-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  border-color: rgb(199, 199, 199);
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.fixed {
  position: sticky;
  top: 0;
}
.NewClass-189 {
}
.player-body {
}
.h-600 {
  height: 600px;
}
.pos {
}
.one-post {
  padding-bottom: 40px;
  padding-top: 40px;
  display: flex;
  grid-gap: 24px;
}
.post-left {
}
.post-right {
}
.grid-4 {
  grid-template-columns: 1fr 2fr 1fr 1fr;
}
.bg-yellow {
  background: #ffcc33;
}
.btn-table {
  padding-bottom: 6px;
  padding-top: 6px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.hover-bg {
  transition: 0.3s all;
}
.hover-bg:hover {
  background-color: rgb(245, 200, 0);
}
.video-post {
  padding-bottom: 40px;
  padding-top: 40px;
}
.video-post-big {
  position: relative;
}
.video-post-big-card {
}
.video-post-small {
  position: relative;
  display: flex;
  align-items: stretch;
  grid-gap: 24px;
}
.overlay-post {
  background-color: rgba(0, 0, 0, 0.58);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  padding-bottom: 12px;
  padding-left: 12px;
  cursor: pointer;
  transition: 0.3s all;
}
.overlay-post:hover {
  background-color: rgba(0, 0, 0, 0);
}
.play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.video-post-bg {
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  background-color: rgb(255, 204, 51);
}
.video-small-card {
  position: relative;
  width: 100%;
}
.w-250 {
  width: 250px;
}
.title-wrapp {
  display: flex;
  align-items: flex-start;
  grid-gap: 12px;
}
.icon-40 {
  height: 40px;
  width: 40px;
}
.p-12 {
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  display: inline-block;
}
.h-100px {
  height: 150px;
}
.pt-12 {
  padding-top: 12px;
}
.fz-24 {
  font-size: 24px;
}
.around {
  justify-content: space-around;
  display: flex;
}
.rev-blok-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
  align-items: center;
}
.bb-0 {
  border-width: 0;
  border-bottom-width: 0;
}