:root {
   --index: calc(1vw + 1vh);
}

@font-face {
   font-family: rouble;
   src: url(../fonts/rouble.woff2) format("woff2"),
      url(../fonts/rouble.woff) format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter/Inter-Black.woff) format("woff");
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter/Inter-Bold.woff) format("woff");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter/Inter-Medium.woff) format("woff");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter/Inter-Regular.woff) format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter/Inter-Light.woff) format("woff");
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter/Inter-Thin.woff) format("woff");
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: Prosto;
   src: url(../fonts/ProstoOne-Regular.woff) format("woff");
   font-weight: 400;
   font-style: normal;
}
@font-face {
   font-family: lnik;
   src: url(../fonts/fonts/icomoon.woff) format("woff");
   font-weight: 400;
   font-style: normal;
}
/* @font-face {
  font-family: lnik;
  src: url(../fonts/ProstoOne-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal
} */

* {
   margin: 0;
   padding: 0;
   border: none medium;
}

body,
html {
   font-size: 16px;
   line-height: 1.5;
   background: #fff;
   font-family: Inter, Arial, sans-serif;
   /*scrollbar-gutter: stable;*/
   overflow: auto;
}

html {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

img {
   vertical-align: bottom;
   max-width: 100%;
}

@media screen and (max-width: 767px) {
   ::-webkit-scrollbar {
      width: 10px;
      height: 5px;
   }
}

@media screen and (max-width: 767px) {
   ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 5px #eee;
      box-shadow: inset 0 0 5px #eee;
   }
}

@media screen and (max-width: 767px) {
   ::-webkit-scrollbar-thumb {
      background-color: #d6d6d6;
   }
}

*,
:after,
:before,
:focus {
   -webkit-tap-highlight-color: transparent;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   outline: 0;
}

input,
textarea {
   font-size: 14px;
   background: 0 0;
   border: none medium;
   resize: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

::-webkit-input-placeholder {
   text-overflow: ellipsis;
}

::-moz-placeholder {
   text-overflow: ellipsis;
}

:-ms-input-placeholder {
   text-overflow: ellipsis;
}

::-ms-input-placeholder {
   text-overflow: ellipsis;
}

::placeholder {
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
   -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

article,
aside,
canvas,
footer,
header,
nav,
section {
   display: block;
}

.content-wrapper {
   padding: 0 100px;
   margin: 0 auto;
   width: 100%;
}

.content-wrapper-top {
   display: none;
}

@media screen and (max-width: 1366px) {
   .content-wrapper {
      padding: 0 70px;
   }
}

@media screen and (max-width: 1023px) {
   .content-wrapper {
      padding: 0 40px;
   }
}

@media screen and (max-width: 480px) {
   .content-wrapper {
      padding: 0 25px;
   }
}

@media screen and (max-width: 375px) {
   .content-wrapper {
      padding: 0 20px;
   }
}

.content-wrapper-compare {
   display: none;
}

ol,
ul {
   list-style: none;
}

a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
label {
   border: none medium;
   outline: 0;
   cursor: pointer;
   background: 0 0;
   -webkit-text-decoration-skip: objects;
}

a,
a:active {
   text-decoration: none;
}

.skew {
   -webkit-transform: skew(-20deg);
   -ms-transform: skew(-20deg);
   transform: skew(-20deg);
   display: inline-block;
}

.skew__inner {
   -webkit-transform: skew(20deg);
   -ms-transform: skew(20deg);
   transform: skew(20deg);
}

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

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

video {
   display: inline-block;
}

svg:not(:root) {
   overflow: hidden;
}

.main-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 100vh;
}

.page-container {
   max-width: 100%;
   overflow: hidden;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
}

.triangle {
   width: 0;
   height: 0;
   border-top: 6px solid transparent;
   border-left: 10px solid #000;
   border-bottom: 6px solid transparent;
   display: block;
}

.network {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.network__item-link {
   border-radius: 8px 0 8px 0;
   padding: 5px 9px;
   -webkit-transition: 0.15s;
   -o-transition: 0.15s;
   transition: 0.15s;
   position: relative;
}

.network__item-link.no-border {
   border: none !important;
}

.network__item-link.no-bg {
   background-color: transparent !important;
}

.social-link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}

.social-link__light {
   -webkit-transition: 0.15s;
   -o-transition: 0.15s;
   transition: 0.15s;
   opacity: 100%;
}

.social-link__light:hover {
   -webkit-transition: 0.15s;
   -o-transition: 0.15s;
   transition: 0.15s;
   opacity: 0;
}

.network a {
   display: block;
   font-size: 12px;
   line-height: 16px;
   margin: 0 5px;
   -webkit-transition: top 1s ease-out 0.5s;
   -o-transition: top 1s ease-out 0.5s;
   transition: top 1s ease-out 0.5s;
}

.network--black a {
   color: #fff;
   -webkit-transition: 0.15s;
   -o-transition: 0.15s;
   transition: 0.15s;
}

.network--black .network__item-link {
   border: solid 1px #fff;
   -webkit-transition: 0.15s;
   -o-transition: 0.15s;
   transition: 0.15s;
}

.network--white {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.network--white a {
   color: #000;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.network--white a:hover .network__item-link {
   background: #000;
}

.network--white a:hover {
   color: #fff;
}

.network--white .network__item-link {
   border: solid 1px #000;
   -webkit-transition: 0.15s;
   -o-transition: 0.15s;
   transition: 0.15s;
}

.network--black {
   background: #000;
}

.top__bg {
   background: #dbe1ed;
   border-radius: 0 0 200px 0;
}

@media screen and (max-width: 1366px) {
   .top__bg {
      border-radius: 0 0 160px;
   }
}

@media screen and (max-width: 768px) {
   .top__bg {
      border-radius: 0 0 140px;
   }
}

@media screen and (max-width: 480px) {
   .top__bg {
      border-radius: 0 0 80px;
   }
}

@media screen and (max-width: 375px) {
   .top__bg {
      border-radius: 0 0 60px;
   }
}



.top-bg--padding {
   padding: 80px 0;
}

@media screen and (max-width: 768px) {
   .top-bg--padding {
      padding: 60px 0;
   }
}

@media screen and (max-width: 480px) {
   .top-bg--padding {
      padding: 40px 0;
   }
}

.br-80 {
   border-radius: 80px 0 80px 0;
   overflow: hidden;
}

.br-60 {
   border-radius: 60px 0 60px 0;
   overflow: hidden;
}

.br-40 {
   border-radius: 40px 0 40px 0;
   overflow: hidden;
}

@media screen and (max-width: 768px) {
   .br-40 {
      border-radius: 20px 0 20px 0;
   }
}

.br-20 {
   border-radius: 20px 0 20px 0;
   overflow: hidden;
}

.br--rb {
   border-radius: 0 0 200px 0;
   overflow: hidden;
}

@media screen and (max-width: 1366px) {
   .br--rb {
      border-radius: 0 0 160px;
   }
}

@media screen and (max-width: 768px) {
   .br--rb {
      border-radius: 0 0 140px;
   }
}

@media screen and (max-width: 480px) {
   .br--rb {
      border-radius: 0 0 80px;
   }
}

@media screen and (max-width: 375px) {
   .br--rb {
      border-radius: 0 0 60px;
   }
}

.br--rt {
   border-radius: 0 200px 0 0;
   overflow: hidden;
}

@media screen and (max-width: 1366px) {
   .br--rt {
      border-radius: 0 160px 0 0;
   }
}

@media screen and (max-width: 768px) {
   .br--rt {
      border-radius: 0 140px 0 0;
   }
}

@media screen and (max-width: 480px) {
   .br--rt {
      border-radius: 0 80px 0 0;
   }
}

@media screen and (max-width: 375px) {
   .br--rt {
      border-radius: 0 60px 0 0;
   }
}
.little-text {
   font-size: 16px;
   @media screen and (max-width: 480px) {
      font-size: 14px;
   }
}

.text-bold {
   font-weight: 700;
}

.title {
   border: solid 1px #000;
   border-radius: 8px 0 8px 0;
   text-transform: uppercase;
   font-size: 32px;
   line-height: 42px;
   font-family: Prosto, Arial, sans-serif;
}

.title .skew__inner {
   padding: 9px 37px;
}

.title-reverse {
   background-color: #000;
   color: #fff;
   font-size: 21px;
   line-height: 28px;
}

.title-reverse .skew__inner {
   padding: 18px 82px;
   padding-bottom: 14px;
}

@media screen and (max-width: 1366px) {
   .title .skew__inner {
      padding: 9px 40px;
   }

   .title-reverse .skew__inner {
      padding: 18px 82px;
      padding-bottom: 14px;
   }
}

@media screen and (max-width: 768px) {
   .title .skew__inner {
      padding: 9px 24px;
   }
}

@media screen and (max-width: 480px) {
   .title .skew__inner {
      padding: 6px 24px;
   }
}

@media screen and (max-width: 400px) {
   .title .skew__inner {
      padding: 6px 20px;
   }
}

@media screen and (max-width: 1023px) {
   .title {
      font-size: 21px;
      line-height: 26px;
   }

   .title-reverse {
      font-size: 14px;
      line-height: 19px;
   }

   .title-reverse .skew__inner {
      padding: 14px 50px;
      padding-bottom: 11px;
   }
}

@media screen and (max-width: 400px) {
   .title {
      font-size: 18px;
   }
}

@media screen and (max-width: 768px) {
   .title-reverse {
      font-size: 14px;
      line-height: 19px;
   }
}

.title-sm {
   margin-left: 15px;
   margin-right: 15px;
}

.title-sm .skew__inner {
   padding: 9px 40px;
}

@media screen and (max-width: 1023px) {
   .title-sm .skew__inner {
      padding: 9px 24px;
   }
}

.title__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.title__link-more {
   white-space: nowrap;
}

@media screen and (max-width: 375px) {
   .title__link-more {
      position: absolute;
      bottom: 74px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
}

.more {
   font-size: 18px;
   font-weight: 700;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   border-bottom: solid 2px #eb3223;
   color: #000;
   padding-bottom: 14px;
}

.more:hover {
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
   .more {
      font-size: 16px;
   }
}

@media screen and (max-width: 480px) {
   .more {
      font-size: 14px;
   }
}

.banner-offer img {
   border-radius: 70px 0 70px 0;
   width: 100%;
}

@media screen and (max-width: 1366px) {
   .banner-offer img {
      border-radius: 50px 0 50px 0;
   }
}

@media screen and (max-width: 1366px) {
   .banner-offer img {
      border-radius: 40px 0 40px 0;
   }
}

@media screen and (max-width: 768px) {
   .banner-offer img {
      border-radius: 20px 0 20px 0;
   }
}

.banner-offer--pos {
   margin: 80px 0;
}

@media screen and (max-width: 768px) {
   .banner-offer--pos {
      margin: 60px 0;
   }
}

@media screen and (max-width: 375px) {
   .banner-offer--pos {
      margin: 40px 0;
   }
}

.banner-commercial {
   background: #eef2fa;
   text-transform: uppercase;
   text-align: center;
   font-size: 42px;
   border-radius: 80px 0 80px;
   margin: 80px 0;
   height: 240px;
   line-height: 240px;
   overflow: hidden;
}

@media screen and (max-width: 1366px) {
   .banner-commercial {
      font-size: 34px;
      height: 168px;
      line-height: 168px;
   }
}

@media screen and (max-width: 768px) {
   .banner-commercial {
      font-size: 22px;
      height: 96px;
      line-height: 96px;
      border-radius: 40px 0 40px;
      margin: 60px 0;
   }
}

@media screen and (max-width: 480px) {
   .banner-commercial {
      height: 60px;
      line-height: 60px;
      border-radius: 20px 0 20px;
      margin: 40px 0;
      font-size: 16px;
   }
}

@media screen and (max-width: 375px) {
   .banner-commercial {
      height: 40px;
      line-height: 40px;
   }
}

.news-list__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-bottom: solid 1px #c9cbd1;
   padding: 13px 10px 13px 0;
}

.news-list__item-date {
   font-size: 14px;
   line-height: 17px;
   padding-bottom: 7px;
   padding-top: 7px;
}

.news-list__item-text {
   font-size: 18px;
   font-weight: 700;
}

@media screen and (max-width: 1366px) {
   .news-list__item-text {
      font-size: 16px;
   }
}

@media screen and (max-width: 768px) {
   .news-list__item-text {
      font-size: 14px;
   }
}

.newscard-block__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 25px;
   position: relative;
   margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
   .newscard-block__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 0;
   }
}
.newscard-block__item::after {
   content: "";
   display: block;
   width: 88%;
   height: 1px;
   bottom: 0;
   background: #c9cbd1;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}

@media screen and (max-width: 991px) {
   .newscard-block__item:nth-child(1) {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
      margin-bottom: 24px;
   }
   .newscard-block__item:nth-child(1) img {
      width: 100%;
   }
   .newscard-block__item:nth-child(2) {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
      flex: 1 0 50%;
      max-width: 50%;
   }
   .newscard-block__item:nth-child(3) {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
      flex: 1 0 50%;
      max-width: 50%;
   }
}

/* @media screen and (max-width:575px) {
   .newscard-block__item {
       margin-bottom: 24px
   }
} */

@media screen and (max-width: 991px) and (max-width: 575px) {
   .newscard-block__item:nth-child(1) {
      margin-bottom: 0;
   }
}

@media screen and (max-width: 991px) and (max-width: 575px) {
   .newscard-block__item:nth-child(2) {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 991px) and (max-width: 575px) {
   .newscard-block__item:nth-child(3) {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
   }
}

.newscard-block__img {
   border-radius: 40px 0 40px 0;
   overflow: hidden;
}

.newscard-block__img img {
   border-radius: 40px 0 40px 0;
}

.newscard-block__inner {
   /* border-bottom: solid 1px #c9cbd1; */
   /* margin-bottom: 30px; */
}

.newscard-block__info-date {
   font-size: 14px;
   margin: 20px 0 16px;
}

.newscard-block__info-text {
   font-size: 24px;
   font-weight: 700;
}

.video-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: 0 -25px;
   font-family: Inter, Arial, sans-serif;
}

@media screen and (max-width: 768px) {
   .video-block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.video-block a {
   display: block;
   color: #000;
}

.videocard-block__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 0 25px;
   margin: 25px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   position: relative;
}
.videocard-block__item::after {
   content: "";
   position: absolute;
   display: block;
   width: 88%;
   height: 1px;
   background: #c9cbd1;
   bottom: 0;
}

@media screen and (max-width: 1023px) {
   .videocard-block__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
}

@media screen and (max-width: 768px) {
   .videocard-block__item {
      margin: 20px 0;
   }
}

@media screen and (max-width: 767px) {
   .videocard-block__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin: 16px 0;
   }
}

.videocard-block__item:hover .videocard-block__img {
   -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
   filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
}

@media screen and (max-width: 1365px) {
   .videocard-block__item:hover .videocard-block__img {
      -webkit-box-shadow: none;
      box-shadow: none;
   }
}

.videocard-block__img {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.videocard-block__img img {
   width: 100%;
}

@media screen and (max-width: 1365px) {
   .videocard-block__img img {
      border-radius: 40px 0 40px 0;
   }
}

.videocard-block__date {
   font-size: 14px;
   margin: 24px 0 15px 0;
}

.videocard-block__text {
   font-size: 24px;
   font-weight: 700;
   /* border-bottom: solid 1px #c9cbd1; */
   padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
   .videocard-block__text {
      font-size: 21px;
      line-height: 25px;
      padding-bottom: 40px;
   }
}

.f-item, .f-item-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 14px 24px;
   border: solid 1px #c9cbd1;
   gap: 4px;
}

@media screen and (max-width: 768px) {
   .f-item, .f-item-top {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.f-item:nth-child(odd), .f-item-top:nth-child(odd) {
   background: #fff;
   border-bottom: transparent;
}

.f-item:nth-child(even), .f-item-top:nth-child(even) {
   background: #f6f8fc;
   border-bottom: transparent;
}

.f-item:last-child, .f-item-top:last-child {
   border-bottom: solid 1px #c9cbd1;
}

.f-item__record, .f-item__record-top {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
}

@media screen and (max-width: 768px) {
   .f-item__record, .f-item__record-top {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      text-align: right;
   }
}

@media screen and (max-width: 575px) {
   .f-item__record, .f-item__record-top {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      text-align: left;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 52px;
   }
}

@media screen and (max-width: 375px) {
   .f-item__record, .f-item__record-top {
      margin-bottom: 12px;
   }
}

.f-item__fighter, .f-item__fighter-top {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 35%;
   flex: 0 0 35%;
   max-width: 35%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   white-space: nowrap;
}

@media screen and (max-width: 768px) {
   .f-item__fighter, .f-item__fighter-top {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
}

@media screen and (max-width: 575px) {
   .f-item__fighter, .f-item__fighter-top {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.f-item__country,.f-item__country-top {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
}

@media screen and (max-width: 768px) {
   .f-item__country, .f-item__country-top {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding-left: 52px;
   }
}

@media screen and (max-width: 575px) {
   .f-item__country, .f-item__country-top {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding-left: 52px;
      max-width: 100%;
   }
}

@media screen and (max-width: 375px) {
   .f-item__country, .f-item__country-top {
      margin-bottom: 12px;
   }
}

.f-item__img, .f-item__img-top {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   overflow: hidden;
   margin-right: 10px;
}

.f-item-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
}

.f-item__btn {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%;
   text-align: right;
}

.f-item__btn-top {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%;
   text-align: right;
}

@media screen and (max-width: 768px) {
   .f-item__btn {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      text-align: right;
   }
   .f-item__btn-top {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      text-align: right;
   }
}

@media screen and (max-width: 575px) {
   .f-item__btn {
      padding-left: 52px;
   } 
   .f-item__btn-top {
      padding-left: 52px;
   }
}

.f-item__btn button {
   padding: 10px 46px;
   font-size: 18px;
   color: #000;
   font-weight: 700;
   background: #fff;
   border: 1px solid #c9cbd1;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 8px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
   .f-item__btn button {
      padding: 10px 29px;
   }
}

.f-item__btn-top button {
   padding: 10px 46px;
   font-size: 18px;
   color: #000;
   font-weight: 700;
   background: #fff;
   border: 1px solid #c9cbd1;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 8px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
   .f-item__btn-top button {
      padding: 10px 29px;
   }
}

.f-item__btn button:hover {
   -webkit-box-shadow: 0 0 10px rgba(201, 203, 209, 0.8) inset;
   box-shadow: 0 0 10px rgba(201, 203, 209, 0.8) inset;
}

.f-item__btn-top button:hover {
   -webkit-box-shadow: 0 0 10px rgba(201, 203, 209, 0.8) inset;
   box-shadow: 0 0 10px rgba(201, 203, 209, 0.8) inset;
}

@media screen and (max-width: 768px) {
   .f-item__btn button {
      font-size: 14px;
   }
   .f-item__btn-top button {
      font-size: 14px;
   }
}

@media screen and (max-width: 375px) {
   .f-item__btn button {
      padding: 7px 28px;
      font-size: 14px;
   }
   .f-item__btn-top button {
      padding: 7px 28px;
      font-size: 14px;
   }
}

.fl-list__head {
   background: #dbe1ed;
   border-radius: 20px 20px 0 0;
}

.fl-list__head-top {
   background: #dbe1ed;
   border-radius: 20px 20px 0 0;
}

.fl-list-head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px 24px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   white-space: nowrap;
}

.fl-list-head-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px 24px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   white-space: nowrap;
}

@media screen and (max-width: 768px) {
   .fl-list-head {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: relative;
   }
   .fl-list-head-top {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: relative;
   }
}

@media screen and (max-width: 767px) {
   .fl-list-head {
      display: none;
   }
   .fl-list-head-top {
      display: none;
   }
}

.fl-list-head__name {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 35%;
   flex: 0 0 35%;
   max-width: 35%;
   padding-left: 52px;
}

.fl-list-head__name-top {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 35%;
   flex: 0 0 35%;
   max-width: 35%;
   padding-left: 52px;
}

@media screen and (max-width: 768px) {
   .fl-list-head__name {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
      max-width: 55%;
   }
   .fl-list-head__name-top {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
      max-width: 55%;
   }
}

.fl-list-head__country {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
}

.fl-list-head__country-top {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
}

@media screen and (max-width: 768px) {
   .fl-list-head__country {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
      max-width: 55%;
      padding-left: 52px;
   }
   .fl-list-head__country-top {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
      max-width: 55%;
      padding-left: 52px;
   }
}

@media screen and (max-width: 768px) {
   .fl-list-head__record {
      position: absolute;
      right: 24px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
   }
   .fl-list-head__record-top {
      position: absolute;
      right: 24px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
   }
}

.fl-top-compare {
   max-width: 100%;
   text-align: center;
}

.fl-top-search {
   display: flex;
   justify-content: center;
   position: relative;
   gap: 24px;
   margin-bottom: 16px;
}



@media screen and (max-width: 768px) {
   .fl-top-search {
      padding: 16px 0;
      gap: 0;
      align-items: center;
   }

   .fl-top-search {
      padding: 0;
   }
}

.fl-top-search-compare {
   display: flex;
   flex-direction: row;
   gap: 24px;
}

@media screen and (max-width: 768px) {
   .fl-top-search-compare {
      display: flex;
      gap: 16px;
      flex-direction: column;
   }
}

.fl-top-search--padding {
   padding-top: 80px;
}

@media screen and (max-width: 1366px) {
   .fl-top-search--padding {
      padding-top: 40px;
   }
}

.fl-top-button {
   width: 540px;

}

.f-list-head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 16px 25px;
   background: #dbe1ed;
   border-radius: 24px 24px 0 0;
   margin-top: 80px;
   font-size: 16px;
}

.f-list-head div {
   padding: 0 5px;
}

@media screen and (max-width: 1023px) {
   .f-list-head {
      display: none;
   }
}

.f-list-head--mobile {
   display: none;
}

@media screen and (max-width: 1023px) {
   .f-list-head--mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 16px 25px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 16px 25px;
      background: #dbe1ed;
      border-radius: 24px 24px 0 0;
      margin-top: 80px;
      font-size: 16px;
   }
}

@media screen and (max-width: 767px) {
   .f-list-head--mobile {
      display: none;
   }
}

.f-list-head__item--mobile {
   font-size: 14px;
}

.f-list-head__item--mobile:nth-child(1) {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40%;
   flex: 0 0 40%;
   max-width: 40%;
}

.f-list-head__item--mobile:nth-child(2) {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 34%;
   flex: 0 0 34%;
   max-width: 34%;
}

.f-list-head__item--mobile:nth-child(3) {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 26%;
   flex: 0 0 26%;
   max-width: 26%;
}

.f-item__date,
.f-list-head__date {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 16%;
   flex: 0 0 16%;
   max-width: 16%;
   padding: 0 5px;
}

@media screen and (max-width: 1023px) {
   .f-item__date,
   .f-list-head__date {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%;
   }
}

@media screen and (max-width: 575px) {
   .f-item__date,
   .f-list-head__date {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.f-item__tournament,
.f-list-head__tournament {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 23%;
   flex: 0 0 23%;
   max-width: 23%;
   padding: 0 5px;
}

@media screen and (max-width: 1023px) {
   .f-item__tournament,
   .f-list-head__tournament {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%;
   }
}

@media screen and (max-width: 575px) {
   .f-item__tournament,
   .f-list-head__tournament {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-bottom: 24px;
   }
}

.f-item__opponent,
.f-list-head__opponent {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 18.6%;
   flex: 0 0 18.6%;
   max-width: 18.6%;
   padding: 0 5px;
}

@media screen and (max-width: 1023px) {
   .f-item__opponent,
   .f-list-head__opponent {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 34%;
      flex: 0 0 34%;
      max-width: 34%;
   }
}

@media screen and (max-width: 575px) {
   .f-item__opponent,
   .f-list-head__opponent {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
      flex: 0 0 70%;
      max-width: 70%;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
   }
}

.f-item__result,
.f-list-head__result {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 15%;
   flex: 0 0 15%;
   max-width: 15%;
   padding: 0 5px;
}

@media screen and (max-width: 1023px) {
   .f-item__result,
   .f-list-head__result {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 34%;
      flex: 0 0 34%;
      max-width: 34%;
   }
}

@media screen and (max-width: 575px) {
   .f-item__result,
   .f-list-head__result {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
}

.f-item__system,
.f-list-head__system {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 16%;
   flex: 0 0 16%;
   max-width: 16%;
   padding: 0 5px;
}

@media screen and (max-width: 1023px) {
   .f-item__system,
   .f-list-head__system {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 26%;
      flex: 0 0 26%;
      max-width: 26%;
   }
}

@media screen and (max-width: 575px) {
   .f-item__system,
   .f-list-head__system {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      margin-left: auto;
      text-align: right;
   }
}

.f-item__time,
.f-list-head__time {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 10.7%;
   flex: 0 0 10.7%;
   max-width: 10.7%;
   padding: 0 5px;
}

@media screen and (max-width: 1023px) {
   .f-item__time,
   .f-list-head__time {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 26%;
      flex: 0 0 26%;
      max-width: 26%;
   }
}

@media screen and (max-width: 575px) {
   .f-item__time,
   .f-list-head__time {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      margin-left: auto;
      text-align: right;
   }
}

.f-item__fighter--size {
   font-size: 18px;
   padding: 22px 24px;
}

@media screen and (max-width: 1023px) {
   .f-item__fighter--size {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

@media screen and (max-width: 768px) {
   .f-item__fighter--size {
      font-size: 14px;
      padding: 16px;
   }
}

.f-item__result {
   font-weight: 700;
}

@media screen and (max-width: 767px) {
   .fighter-list,
   .fl-list {
      margin-top: 40px;
   }

   .fighter-list-top,
   .fl-list-top {
      margin-top: 40px;
   }
}

.fotocard__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 40px -25px 36px;
}

@media screen and (max-width: 1365px) {
   .fotocard__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 40px 0 0;
   }
}

.fotocard__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 0 25px;
}

@media screen and (max-width: 1365px) {
   .fotocard__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
   }
}

.fotocard__img {
   border-radius: 40px 0 40px 0;
   overflow: hidden;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   margin-right: 15px;
}

@media screen and (max-width: 479px) {
   .fotocard__img {
      border-radius: 20px 0 20px 0;
   }
}

@media screen and (max-width: 1365px) {
   .fotocard__img {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
}

@media screen and (max-width: 480px) {
   .fotocard__img {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%;
   }
}

.fotocard__img img {
   border-radius: 40px 0 40px 0;
}

@media screen and (max-width: 479px) {
   .fotocard__img img {
      border-radius: 20px 0 20px 0;
   }
}

.fotocard__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   padding-right: 10px;
}

@media screen and (max-width: 1700px) {
   .fotocard__info {
      min-height: 190px;
   }
}

@media screen and (max-width: 1365px) {
   .fotocard__info {
      min-height: auto;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      max-width: 80%;
   }
}

@media screen and (max-width: 480px) {
   .fotocard__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 64%;
      flex: 0 0 64%;
      max-width: 64%;
   }
}

.fotocard__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-bottom: solid 1px #c9cbd1;
   padding: 0 0 24px;
}

@media screen and (max-width: 1365px) {
   .fotocard__inner {
      margin: 0 0 24px;
   }
}

.fotocard__date {
   font-size: 14px;
   font-weight: 300;
   line-height: 17px;
   padding-bottom: 24px;
}

.fotocard__text {
   font-size: 21px;
   font-weight: 700;
   line-height: 22px;
}

@media screen and (max-width: 1366px) {
   .fotocard__text {
      font-size: 18px;
   }
}

.t-fight__wrapper {
   margin: 40px 0;
}

.t-fight__wrapper:nth-child(even) > .t-fight__stats,
.t-fight__wrapper:nth-child(even) > .t-fight-chance {
   background: #f6f8fc;
}
.t-fight-disk {
   text-align: center;
   font-weight: 500;
}
@media screen and (max-width: 768px) {
   .t-fight-disk {
      font-size: 12px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight-disk {
      font-size: 10px;
   }
}
.t-fight-chance-wrapper {
   max-width: 81.5%;
   margin: 0 auto;
   padding: 13px 48px 3px 48px;
   border: 1px solid #C9CBD1;
   border-bottom: none;
   border-radius: 40px 40px 0px 0px;
}

.t-fight-chance {
   display: flex;
   justify-content: space-between;
   align-items: center;
   column-gap: 5.5%;
}

@media screen and (max-width: 1366px) {
   .t-fight-chance-wrapper {
      padding: 12px 48px 2px 48px;
   }
}
@media screen and (max-width: 768px) {
   .t-fight-chance-wrapper {
      max-width: 87.25%;
      padding: 14px 32px 4px 32px;
   }
}
@media screen and (max-width: 580px) {
   .t-fight-chance-wrapper {
      max-width: 95%;
      padding: 12px 15px 2px 15px;
      border-radius: 24px 24px 0px 0px;
   }

   .t-fight-chance {
      column-gap: 0;
   }
}
@media screen and (max-width: 650px) {
   .t-fight-chance-wrapper {
      max-width: 100%;
      padding: 12px 12px 2px 12px;
   }
}
.t-fight-progress-bar-wrapper {
   display: flex;
   align-items: center;
   flex-grow: 1;
   font-size: 21px;
   font-weight: 700;
   line-height: 133.333%;
}
@media screen and (max-width: 768px) {
   .t-fight-progress-bar-wrapper {
      font-size: 18px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight-progress-bar-wrapper {
      font-size: 14px;
   }
}

.t-fight-progress-bar-wrapper_red > span {
   flex-shrink: 0;
   color: #EB3223;
}
.t-fight-progress-bar-wrapper_gray > span {
   flex-shrink: 0;
   color: #46536C;
}
.t-fight-progress-bar {
   margin: 0 20px;
   height: 8px;
   width: 100%;
   border-radius: 8px;
   background-color: #C9CBD1;
   overflow: hidden;
}
@media screen and (max-width: 375px) {
   .t-fight-progress-bar {
      margin: 0 12px;
   }
}
.t-fight-progress-bar > span {
   display: block;
   height: 100%;
   width: 0;
}
.t-fight-progress-bar_red > span {
   background-color: #EB3223;
}
.t-fight-progress-bar_gray > span {
   margin-left: auto;
   margin-right: 0;
   background-color: #46536C;
}
.t-fight-chance__title {
   font-size: 24px;
   font-weight: 700;
   line-height: normal;
   text-align: center;
}
@media screen and (max-width: 768px) {
   .t-fight-chance__title {
      font-size: 18px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight-chance__title {
      font-size: 14px;
   }
}

.t-fight__stats {
   border: solid 1px #c9cbd1;
   padding: 30px 48px 10px 48px;
}

.t-fight__stats.t-fight__stats_arrow:not(.is-active) {
   padding-bottom: 4px
}

.t-fight__stats.t-fight__stats_arrow > .t-fight__stats-btn_open {
   display: block;
}

.t-fight__stats.t-fight__stats_arrow.is-active > .t-fight__stats-btn_open {
   display: none;
}

.t-fight__stats_arrow.is-active > .t-fight__item .t-fight__img {
   display: none;
}

.t-fight__stats-btn {
   position: relative;
   display: none;
   width: 100px;
   height: 46px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='14' viewBox='0 0 42 14' fill='none'%3E%3Cpath d='M1 1L19.971 12.3826C20.6044 12.7626 21.3956 12.7626 22.029 12.3826L41 1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
   background-size: 42px 14px;
   background-position: 50% 50%;
   transition: 0.2s;
   z-index: 1;
}

@media screen and (min-width: 768px) {
   .t-fight__stats-btn:hover {
      scale: 1.1;
   }
}

.t-fight__stats-btn_open {
   margin-top: -30px;
}

.t-fight__stats-btn_close {
   display: block;
   transform: rotateX(180deg);
}


@media screen and (max-width: 650px) {
   .t-fight__stats-btn_open {
      margin-top: 0;
   }
}
@media screen and (max-width: 1366px) {
   .t-fight__stats {
      padding: 30px 24px 10px 24px;
   }
}

@media screen and (max-width: 575px) {
   .t-fight__stats {
      padding: 24px 16px 8px 16px;
   }
   .t-fight__stats.t-fight__stats_arrow:not(.is-active) {
      padding-bottom: 8px;
   }

}

@media screen and (max-width: 479px) {
   .t-fight__stats {
      padding: 12px 12px 4px 12px;
   }
   .t-fight__stats.t-fight__stats_arrow:not(.is-active) {
      padding-bottom: 4px;
   }
   .t-fight__stats-btn {
      height: 38px;
   }
}


.t-fight__item {
   align-items: center;
   position: relative;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1023px) {
   .t-fight__item > a {
      height: 100%;
   }
}

@media screen and (max-width: 650px) {
   .t-fight__item {
   grid-template-columns: repeat(2, 1fr);
   }
   .t-fight__stats.t-fight__stats_arrow.is-active .t-fight__item{
      margin-bottom: 4px;
   }
}

.t-fight__item--batle {
   background: #eb3223;
   color: #fff;
   position: absolute;
   left: 0;
   top: -25px;
   font-size: 18px;
   font-weight: 700;
   padding: 0 20px;
   height: 50px;
   line-height: 50px;
   z-index: 5;
}

.t-fight__item--batle:after {
   content: "";
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   right: -15px;
   top: 0;
   -webkit-transform: skew(-20deg);
   -ms-transform: skew(-20deg);
   transform: skew(-20deg);
   border-radius: 8px 0;
   background: #eb3223;
   z-index: -1;
}

.t-fight__item_2x2 {
   grid-template-columns: 40% 20% 40%;
   align-items: start;
}
@media screen and (max-width: 767px) {
   .t-fight__item_2x2 {
      grid-template-areas: 'a a' 'b c';
      grid-template-columns: auto;
   }
}
.t-fight__2x2 {
   position: relative;
   display: flex;
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2 {
      flex-direction: column;
   }
}
.t-fight__2x2:nth-child(3) {
   justify-content: flex-end;
}
@media screen and (max-width: 767px) {
   .t-fight__item_2x2 .t-fight__mid {
      grid-area: a;
   }
   .t-fight__2x2:nth-child(1) {
      grid-area: b;
   }
   .t-fight__2x2:nth-child(3) {
      grid-area: c;
   }
}
.t-fight__item_2x2 .t-fight__country {
   min-height: 21px;
}
@media screen and (max-width: 1799px) {
   .t-fight__item_2x2 .t-fight__fighter-name_min {
      max-width: none;
   }
}
@media screen and (max-width: 767px) {
   .t-fight__item_2x2 .t-fight__fighter-name_min {
      max-width: min-content;
   }
}
.t-fight__item_2x2 .t-fight__img {
   flex: none;
}
.t-fight__item_2x2 .t-fight__right {
   position: static;
}
@media screen and (max-width: 1799px) {
   .t-fight__item_2x2 .t-fight__right {
      flex-direction: column;
      align-items: flex-end;
   }
}
.t-fight__2x2 >a:nth-child(1) {
   margin-right: 40px;
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2 >a:nth-child(2) {
      margin-top: 30px;
   }
}
@media screen and (max-width: 767px) {
   .t-fight__2x2 >a:nth-child(1) {
      margin-right: 0;
   } 
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2:nth-child(3) >a:nth-child(1) {
      margin-right: 0;
   }
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2 >a:nth-child(1) .t-fight__left {
      flex-direction: column;
      align-items: flex-start;
   }
}
.t-fight__2x2 >a:nth-child(1) .t-fight__left .t-fight__img {
   margin-right: 120px;
}
@media screen and (max-width: 767px) {
   .t-fight__2x2 >a:nth-child(1) .t-fight__left .t-fight__img {
      margin-right: 0;
      margin-bottom: 32px;
   }
}
@media screen and (max-width: 575px) {
   .t-fight__2x2 >a:nth-child(1) .t-fight__left .t-fight__img {
      margin-right: 0;
      margin-bottom: 21px;
   }
}
.t-fight__2x2 >a:nth-child(2) .t-fight__left .t-fight__img {
   position: absolute;
   left: 100px;
   border: 4px solid #fff;
   box-sizing: content-box;
}
.t-fight__wrapper:nth-child(even) > .t-fight__stats .t-fight__2x2 >a:nth-child(2) .t-fight__left .t-fight__img, .t-fight__wrapper:nth-child(even) > .t-fight-chance .t-fight__2x2 >a:nth-child(2) .t-fight__left .t-fight__img {
   border: 4px solid #f6f8fc;
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2 >a:nth-child(2) .t-fight__left .t-fight__img {
      top: -4px;
   }
}
@media screen and (max-width: 1023px) {
   .t-fight__2x2 >a:nth-child(2) .t-fight__left .t-fight__img {
      left: 80px;
   }
}
@media screen and (max-width: 575px) {
   .t-fight__2x2 >a:nth-child(2) .t-fight__left .t-fight__img {
      left: 65px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight__2x2 >a:nth-child(2) .t-fight__left .t-fight__img {
      left: 50px;
   }
}
/* .t-fight__2x2 >a:nth-child(2) .t-fight__right {
   margin-right: 40px;
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2 >a:nth-child(2) .t-fight__right {
      margin-right: 0;
   }
} */
.t-fight__2x2 >a:nth-child(1) .t-fight__right .t-fight__img {
   position: absolute;
   right: 100px;
   border: 4px solid #fff;
   box-sizing: content-box;
   /* top: -4px; */
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2 >a:nth-child(1) .t-fight__right .t-fight__img {
      top: -4px;
   }
}
.t-fight__wrapper:nth-child(even) > .t-fight__stats .t-fight__2x2 >a:nth-child(1) .t-fight__right .t-fight__img, .t-fight__wrapper:nth-child(even) > .t-fight-chance .t-fight__2x2 >a:nth-child(1) .t-fight__right .t-fight__img {
   border: 4px solid #f6f8fc;
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2 >a:nth-child(1) .t-fight__right .t-fight__img {
      position: relative;
      z-index: 1;
   }
}
@media screen and (max-width: 1023px) {
   .t-fight__2x2 >a:nth-child(1) .t-fight__right .t-fight__img {
      right: 80px;
   }
}
@media screen and (max-width: 575px) {
   .t-fight__2x2 >a:nth-child(1) .t-fight__right .t-fight__img {
      right: 65px;
   }  
}
@media screen and (max-width: 375px) {
   .t-fight__2x2 >a:nth-child(1) .t-fight__right .t-fight__img {
      right: 50px;
   }  
}
.t-fight__2x2 >a:nth-child(2) .t-fight__right .t-fight__img {
   margin-left: 120px;
}
@media screen and (max-width: 1799px) {
   .t-fight__2x2 >a:nth-child(2) .t-fight__right .t-fight__img {
      position: absolute;
      top: 0;
   }
}

.t-fight__img {
   width: 120px;
   height: 120px;
}

@media screen and (max-width: 1023px) {
   .t-fight__img {
      width: 100px;
      height: 100px;
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 575px) {
   .t-fight__img {
      display: block;
      overflow: hidden;
      width: 80px;
      height: 80px;
      margin-bottom: 12px;
   }
}

@media screen and (max-width: 375px) {
   .t-fight__img {
      width: 64px;
      height: 64px;
   }
}

.t-fight__fighter-name {
   font-size: 32px;
   line-height: 39px;
   font-weight: 700;
   margin-bottom: 16px;
}
.t-fight__fighter-name_min {
   max-width: min-content;
}

@media screen and (max-width: 1365px) {
   .t-fight__fighter-name {
      font-size: 24px;
      line-height: 29px;
   }
}

@media screen and (max-width: 768px) {
   .t-fight__fighter-name {
      font-size: 21px;
      line-height: 25px;
   }
}

@media screen and (max-width: 575px) {
   .t-fight__fighter-name {
      font-size: 18px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight__fighter-name {
      margin-bottom: 8px;
      font-size: 14px;
      line-height: normal;
   }
}

.t-fight__statistics {
   border: solid 1px;
   width: 106px;
   text-align: center;
   font-size: 14px;
   font-weight: 500;
   height: 30px;
   line-height: 29px;
   border-radius: 6px 0 6px 0;
}

@media screen and (max-width: 375px) {
   .t-fight__statistics {
      font-size: 12px;
      line-height: 29px;
   }
}

.t-fight-status {
   color: #fff;
   border: solid 1px transparent;
   border-radius: 6px 0 6px 0;
   font-size: 14px;
   padding: 4px 0;
   text-transform: uppercase;
   width: 120px;
   text-align: center;
}

/*@media screen and (max-width: 575px) {
   .t-fight-status {
      position: absolute;
      top: 0;
      right: 0;
   }
}*/

.t-fight-status__loser {
   background: #eb3223;
}

.t-fight-status__winner {
   background: #93d501;
}

.t-fight__right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
   position: relative;
   height: 100%;
}

@media screen and (max-width: 1023px) {
   .t-fight__right {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-left: auto;
      align-items: end;
      justify-content: space-between;

   }
}

/*@media screen and (max-width: 575px) {
   .t-fight__right .t-fight-status {
      position: absolute;
      top: 0;
      right: 0;
   }
}*/

@media screen and (max-width: 479px) {
   .t-fight__right {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.t-fight__right .t-fight__info {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
}

.t-fight__right .t-fight__img {
   margin-left: 40px;
}

@media screen and (max-width: 1023px) {
   .t-fight__right .t-fight__img {
      margin-left: auto;
   }
}

@media screen and (max-width: 575px) {
   .t-fight__right .t-fight__img {
      margin-left: 0;
   }
}

.t-fight__right .t-fight__fighter-name {
   text-align: right;
}

.t-fight__left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 100%;
}

@media screen and (max-width: 1023px) {
   .t-fight__left {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-right: auto;
      align-items: start;
      justify-content: space-between;
   }
}


@media screen and (max-width: 479px) {
   .t-fight__left {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.t-fight__left .t-fight__img {
   margin-right: 40px;
}

@media screen and (max-width: 1023px) {
   .t-fight__left .t-fight__img {
      margin-right: 0;
   }
}

.t-fight__country {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 15px;
}

@media screen and (max-width: 375px) {
   .t-fight__country {
      margin-bottom: 8px;
   }
}

.t-fight__country-img {
   width: 30px;
   height: 30px;
   margin-right: 12px;
   border-radius: 7px;
   overflow: hidden;
}

.t-fight__country-name {
   font-size: 14px;
}
@media screen and (max-width: 375px) {
   .t-fight__country-name {
      font-size: 12px;
   }
}

.t-fight__country-right {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

@media screen and (max-width: 575px) {
   .t-fight__country-right {
      position: relative;
   }
}

.t-fight__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 0;
   margin-top: auto;
}

.t-fight--border-red {
   color: #eb3223;
   border: solid 1px #eb3223;
   border-radius: 12px 0 12px 0;
   font-size: 18px;
   font-family: Prosto, Arial, sans-serif;
   padding: 6px 14px;
}

.t-fight__ko {
   font-size: 21px;
   margin: 0 0 16px 0;
}

@media screen and (max-width: 575px) {
   .t-fight__ko {
      font-size: 18px;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
   }
}

@media screen and (max-width: 375px) {
   .t-fight__ko {
      font-size: 16.8px;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-bottom: 8px;
   }
}

.t-fight__weight {
   font-size: 21px;
   line-height: 1.2;
   margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
   .t-fight__weight {
      font-size: 18px;
   }
}

@media screen and (max-width: 480px) {
   .t-fight__weight {
      font-size: 16px;
   }
}

@media screen and (max-width: 375px) {
   .t-fight__weight {
      font-size: 14px;
      margin-bottom: 8px;
   }
}

.t-fight__enemy {
   font-size: 21px;
   margin: 0 0 16px 0;
}

@media screen and (max-width: 575px) {
   .t-fight__enemy {
      font-size: 18px;
   }
   
}
@media screen and (max-width: 375px) {
   .t-fight__enemy {
      font-size: 16.8px;
      margin: 0 0 8px 0;
   }
   
}

.t-fight__mid {
   text-align: center;
   align-self: start;
}

.t-fight__stats_arrow:not(.is-active) .t-fight__mid {
   padding-bottom: 30px
}

.t-fight__stats_arrow:not(.is-active) .t-fight__mid-compare {
   padding-bottom: 0;
}

@media screen and (max-width: 650px) {
   .t-fight__mid {
      order: -1;
      grid-column: span 2;
   }
   .t-fight__stats_arrow:not(.is-active) .t-fight__mid {
      padding-bottom: 0;
   }
}

@media screen and (max-width: 375px) {
   .t-fight__mid > :not(.t-fight__enemy){
      font-size: 14px
   }
}

.t-fight__mid-compare {
   align-self: center;
   width: 183px;
   margin: 0 auto;
}

.t-fight__round {
   font-size: 21px;
   font-weight: 700;
}

@media screen and (max-width: 768px) {
   .t-fight__round {
      font-size: 18px;
   }
}
@media screen and (max-width: 480px) {
   .t-fight__round {
      font-size: 16px;
   }
   .t-fight__mid-compare {
      margin-bottom: 4px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight__round {
      font-size: 14px;
   }
}

.t-fight__time {
   font-size: 21px;
   font-weight: 700;
}

@media screen and (max-width: 768px) {
   .t-fight__time {
      font-size: 18px;
   }
}

@media screen and (max-width: 480px) {
   .t-fight__time {
      font-size: 16px;
   }
}

@media screen and (max-width: 375px) {
   .t-fight__time {
      font-size: 14px;
   }
}

@media screen and (max-width: 375px) {
   .t-fight__time {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
   }
}

@media screen and (max-width: 575px) {
   .t-fight__time-round {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }
}

@media screen and (max-width: 575px) {
   .t-fight__link {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
   }
}

.t-fight__link a {
   color: #000;
   text-decoration: underline;
   font-size: 21px;
   position: relative;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

@media screen and (max-width: 767px) {
   .t-fight__link a {
      font-size: 18px;
   }
}

@media screen and (max-width: 575px) {
   .t-fight__link a {
      margin-right: 0.7em;
      margin-left: -0.7em;
   }
}

.t-fight__link a:hover {
   text-decoration: none;
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.t-fight__link a:after {
   content: "";
   width: 0.5em;
   height: 0.5em;
   display: block;
   border-bottom: solid 1px;
   border-right: solid 1px;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   position: absolute;
   right: -0.7em;
   top: 0.45em;
}

.t-fight-value-wrapper {
   padding: 40px 48px 24px 48px;
   background-color: #fff;
   display: none;
   border: 1px solid #C9CBD1;
   border-top: none;
}

.t-fight__stats_arrow.is-active + .t-fight-value-wrapper {
   display: block;
}

.t-fight-value-wrapper.t-fight-value-wrapper-compare {
   display: block;
}

@media screen and (max-width: 1366px) {
   .t-fight-value-wrapper {
      padding: 40px 16px 24px 16px;
   }
}

@media screen and (max-width: 768px) {
   .t-fight-value-wrapper {
      padding: 24px 16px 8px 16px;
   }
}

@media screen and (max-width: 479px) {
   .t-fight-value-wrapper {
      padding: 12px 12px 0px 12px;
   }
}

.t-fight-value {
   display: flex;
   flex-direction: column;
   row-gap: 40px;
}

@media screen and (max-width: 768px) {
   .t-fight-value {
      row-gap: 24px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight-value {
      row-gap: 8px;
   }
}

.t-fight-value__nav {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   align-items: stretch;
   justify-content: space-between;
   width: 81%;
   margin: 0 auto;
   border-radius: 12px 12px 0px 0px;
   border: 1px solid rgba(0, 0, 0, 0.5);
   overflow: hidden;
}
@media screen and (max-width: 1366px) {
   .t-fight-value__nav {
      width: 100%;
   }
}

.t-fight-value__nav > li + li {
   border-left: 1px solid rgba(0, 0, 0, 0.5);
}

.t-fight-value__nav-item {
   /*display: flex;
   align-items: center;
   justify-content: center;*/
   padding: 16px 24px;
   width: 100%;
   height: 100%;
   opacity: 0.5;
   text-align: center;
   font-size: 21px;
   font-weight: 700;
   line-height: 130%;
   transition: 0.2s;
}

@media screen and (min-width: 768px) {
   .t-fight-value__nav-item:hover {
      opacity: 1;
      background-color: #000;
      color: #fff;
   }
}


.t-fight-value__nav-item.is-active {
   opacity: 1;
   background-color: #000;
   color: #fff;
}

@media screen and (max-width: 1366px) {
   .t-fight-value__nav-item {
      font-size: 18px;
   }
}
@media screen and (max-width: 650px) {
   .t-fight-value__nav-item {
      padding: 16px 4px;
      font-size: 12px;

   }
}
@media screen and (max-width: 375px) {
   .t-fight-value__nav-item {
      padding: 8px 2px;
      font-size: 10px;
   }
}

.t-fight-data {
   display: grid;
   grid-template-columns: 1fr 1.6fr 1fr;
   column-gap: 40px;
}

@media screen and (max-width: 768px) {
   .t-fight-data {
      column-gap: 24px;
   }
}
@media screen and (max-width: 650px) {
   .t-fight-data {
      column-gap: 16px;
      row-gap: 24px;
      grid-template-columns: 1fr 1fr;
   }
}
@media screen and (max-width: 375px) {
   .t-fight-data {
      column-gap: 8px;
   }
}

.t-fight-data__img {
   padding-top: 150%;
   background-color: #C9CBD1;
   background-repeat: no-repeat; 
   background-position: 50% 0%;
   -moz-background-size: cover; 
   -webkit-background-size: cover; 
   -o-background-size: cover; 
   background-size: cover;
}

@media screen and (max-width: 768px) {
   .t-fight-data__img {
      padding-top: 210%;
   }
}

@media screen and (max-width: 650px) {
   .t-fight-data__img {
      padding-top: 150%;
   }
}

.t-fight-data__value {
   overflow: hidden;
}
@media screen and (max-width: 650px) {
   .t-fight-data__value {
      grid-column: span 2;
      order: 1;
   }
}

.t-fight-data__item{
   display: none;
   transition: 0.2s;
   transform: translateY(100%);
}
.t-fight-data__item.is-active {
   display: block;
   transform: translateY(0);
}

.t-fight-data__list {
   display: flex;
   flex-direction: column;
   row-gap: 16px;
}

@media screen and (max-width: 375px) {
   .t-fight-data__list {
      row-gap: 8px;
   }
}

.t-fight-data__list-item {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 4px;
}

.t-fight-data__list-item > .t-fight-progress-bar-wrapper {
   flex-direction: column;
}

@media screen and (max-width: 1366px) {
   .t-fight-data__list-item > .t-fight-progress-bar-wrapper > span {
      font-size: 18px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight-data__list-item > .t-fight-progress-bar-wrapper > span {
      font-size: 14px;
   }
}

.t-fight-data__list-item > .t-fight-progress-bar-wrapper_red {
   align-items: start;
}

.t-fight-data__list-item > .t-fight-progress-bar-wrapper_gray {
   align-items: end;
}

.t-fight-data__list-item .t-fight-progress-bar {
   margin: 6px 0;
}

.t-fight-data__title {
   text-align: center;
   font-size: 24px;
   font-weight: 700;
   grid-column: span 2;
}
@media screen and (max-width: 1366px) {
   .t-fight-data__title {
      font-size: 21px;
   }
}
@media screen and (max-width: 375px) {
   .t-fight-data__title {
      font-size: 16px;
   }
}

.card-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 0 -20px;
}

@media screen and (max-width: 1240px) {
   .card-block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
   }
}

@media screen and (max-width: 767px) {
   .card-block {
      margin: 0;
   }
}

.card-block a {
   color: #000;
}

.card__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 0 20px;
}

@media screen and (max-width: 1240px) {
   .card__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      margin: 20px 0;
   }
   .card__item:first-child {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 767px) {
   .card__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
   }
}

.card__inner {
   max-width: 100%;
}
.card__inner,
.card__link {
   border-bottom: solid 1px #c9cbd1;
   padding-bottom: 32px;
}

@media screen and (max-width: 767px) {
   .card__inner,
   .card__link {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
   }
}

@media screen and (max-width: 375px) {
   .card__inner,
   .card__link {
      padding-bottom: 24px;
   }
}

.card__img {
   margin-bottom: 24px;
}

@media screen and (max-width: 1240px) {
   .card__img {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
   }
   .card__img img {
      width: 100%;
   }
}

.card__date {
   font-size: 14px;
   margin-bottom: 16px;
}

.card__text {
   font-size: 24px;
   font-weight: 700;
   line-height: 29px;
   margin-bottom: 16px;
}

@media screen and (max-width: 375px) {
   .card__text {
      font-size: 21px;
      line-height: 25px;
   }
}

.card__location {
   font-size: 14px;
}

.header {
   position: relative;
   background: #fff;
   z-index: 10;
}

.header__top {
   background: #eef2fa;
   font-family: Inter, Arial, sans-serif;
   border-radius: 80px 0 80px 0;
}

@media screen and (max-width: 1700px) {
   .header__top {
      border-radius: 60px 0 60px 0;
   }
}

@media screen and (max-width: 1366px) {
   .header__top {
      border-radius: 40px 0 40px 0;
   }
}

@media screen and (max-width: 1023px) {
   .header__top {
      border-radius: 20px 0 20px 0;
   }
}

@media screen and (max-width: 375px) {
   .header__top {
      border-radius: 10px 0 10px 0;
   }
}

.header__top-inner {
   background: #000;
   border-radius: 100px 0 100px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media screen and (max-width: 1700px) {
   .header__top-inner {
      border-radius: 80px 0 80px 0;
   }
}

@media screen and (max-width: 1365px) {
   .header__top-inner {
      border-radius: 60px 0 60px 0;
   }
}

@media screen and (max-width: 1023px) {
   .header__top-inner {
      border-radius: 30px 0 30px 0;
   }
}

@media screen and (max-width: 575px) {
   .header__top-inner {
      height: 60px;
   }
}

@media screen and (max-width: 375px) {
   .header__top-inner {
      border-radius: 20px 0 20px 0;
      height: 40px;
   }
}

.header-top__link a {
   display: block;
   border-radius: 8px 0 8px 0;
   font-weight: 700;
   border: solid 1px transparent;
   color: #000;
   background: #fff;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   font-size: 18px;
   text-transform: uppercase;
   padding: 20px 80px;
}

@media screen and (max-width: 1366px) {
   .header-top__link a {
      padding: 10px 63px;
   }
}

@media screen and (max-width: 1365px) {
   .header-top__link a {
      padding: 10px 54px;
   }
}

@media screen and (max-width: 768px) {
   .header-top__link a {
      padding: 6px 37px;
   }
}

@media screen and (max-width: 1023px) {
   .header-top__link a {
      font-size: 10px;
      border-radius: 4px 0 4px 0;
   }
}

@media screen and (max-width: 575px) {
   .header-top__link a {
      padding: 3px 21px;
      font-size: 6.2px;
   }
}

@media screen and (max-width: 375px) {
   .header-top__link a {
      font-size: 4.2px;
   }
}

.header-top__link a:hover {
   background: #000;
   color: #fff;
   border-color: #fff;
}

.header-top {
   color: #fff;
}

.header-top__img {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 38%;
   flex: 0 0 38%;
   max-width: 38%;
   margin-right: 65px;
   margin-bottom: 1px;
   margin-left: -1px;
   overflow: hidden;
}

@media screen and (max-width: 1700px) {
   .header-top__img {
      margin-right: 40px;
   }
}

@media screen and (max-width: 1023px) {
   .header-top__img {
      margin-right: 30px;
   }
}

@media screen and (max-width: 480px) {
   .header-top__img {
      margin-right: 15px;
   }
}

@media screen and (max-width: 575px) {
   .header-top__img {
      height: 60px;
   }
}

@media screen and (max-width: 375px) {
   .header-top__img {
      height: 40px;
   }
}

.header-top__img img {
   border-radius: 80px 0 80px 0;
   width: 100%;
}

@media screen and (max-width: 1700px) {
   .header-top__img img {
      border-radius: 60px 0 60px 0;
   }
}

@media screen and (max-width: 1365px) {
   .header-top__img img {
      border-radius: 40px 0 40px 0;
   }
}

@media screen and (max-width: 1023px) {
   .header-top__img img {
      border-radius: 20px 0 20px 0;
   }
}

@media screen and (max-width: 575px) {
   .header-top__img img {
      height: 100%;
   }
}

@media screen and (max-width: 375px) {
   .header-top__img img {
      border-radius: 10px 0 10px 0;
   }
}

.header-top__info-title {
   color: white;
   font-weight: 400;
   font-size: 43px;
   line-height: 50px;
   font-family: Prosto, Arial, sans-serif;
}

@media screen and (max-width: 1700px) {
   .header-top__info-title {
      font-size: 28px;
      line-height: 36px;
   }
}

@media screen and (max-width: 1365px) {
   .header-top__info-title {
      font-size: 24px;
      line-height: normal;
   }
}

@media screen and (max-width: 1023px) {
   .header-top__info-title {
      font-size: 15px;
   }
}

@media screen and (max-width: 767px) {
   .header-top__info-title {
      font-size: 10px;
   }
}

@media screen and (max-width: 767px) {
   .header-top__info-title {
      font-size: 9px;
   }
}

@media screen and (max-width: 375px) {
   .header-top__info-title {
      font-size: 6px;
   }
}

.header-top__info-text {
   font-size: 32px;
   line-height: 35px;
   font-family: Inter, Arial, sans-serif;
}

@media screen and (max-width: 1700px) {
   .header-top__info-text {
      font-size: 24px;
      line-height: 29px;
   }
}

@media screen and (max-width: 1365px) {
   .header-top__info-text {
      font-size: 18px;
      line-height: normal;
   }
}

@media screen and (max-width: 991px) {
   .header-top__info-text {
      font-size: 13px;
   }
}

@media screen and (max-width: 767px) {
   .header-top__info-text {
      font-size: 8px;
   }
}

@media screen and (max-width: 375px) {
   .header-top__info-text {
      font-size: 5px;
   }
}

.header-top__link {
   margin-left: auto;
   margin-right: 80px;
}

@media screen and (max-width: 1700px) {
   .header-top__link {
      margin-right: 40px;
   }
}

@media screen and (max-width: 768px) {
   .header-top__link {
      margin-right: 30px;
   }
}

@media screen and (max-width: 480px) {
   .header-top__link {
      margin-right: 20px;
   }
}

@media screen and (max-width: 480px) {
   .header-top__link {
      margin-right: 10px;
   }
}

.header__wrapper {
   position: relative;
}

.header__wrapper {
   border-radius: 80px 0 80px 0;
   background: #eef2fa;
}

.header-text__row {
   color: #fff;
   font-size: 18px;
   padding-top: 10px;
}

.header-bottom {
   background-color: #000;
   margin-top: -1px;
}

.header-bottom__inner {
   padding: 9px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.header-bottom-left__link {
   display: block;
   -webkit-transition: 0.8s;
   -o-transition: 0.8s;
   transition: 0.8s;
}

.header-bottom-left__link:hover .skew {
   -webkit-box-shadow: 0 0 5px #fff;
   box-shadow: 0 0 5px #fff;
}

.header-bottom-left__link .skew {
   border: solid 1px #fff;
   border-radius: 8px 0 8px 0;
}

.header-bottom-left__block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header-bottom-left__logo {
   background-color: #fff;
   -webkit-transform: skew(-20deg);
   -ms-transform: skew(-20deg);
   transform: skew(-20deg);
   overflow: hidden;
   border-radius: 8px 0 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 28px;
   width: 50px;
   margin-left: -1px;
}

.header-bottom-left__logo-inner {
   width: 0;
   height: 0;
   border-top: 5px solid transparent;
   border-left: 9px solid #000;
   border-bottom: 5px solid transparent;
   margin: 0 auto;
}

.header-bottom-left__text {
   color: #fff;
   padding: 0 10px;
   font-size: 12px;
   line-height: 15px;
   background: #000;
   -webkit-transform: skew(-20deg);
   -ms-transform: skew(-20deg);
   transform: skew(-20deg);
   border-radius: 0 0 8px 0;
}

@media screen and (max-width: 375px) {
   .header-bottom-left__text {
      font-size: 8px;
   }
}

.header-bottom-left__text-inner {
   -webkit-transform: skew(20deg);
   -ms-transform: skew(20deg);
   transform: skew(20deg);
   height: 28px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.header-bottom__right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.header-bottom__right .network {
   margin-right: 40px;
}

@media screen and (max-width: 767px) {
   .header-bottom__right .network {
      display: none;
   }
}

.header-language {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header-language__item + .header-language__item {
   margin-left: 20px;
}

.header-language__item {
   cursor: pointer;
   color: rgba(255, 255, 255, 0.4);
   display: block;
   font-size: 14px;
   height: 100%;
}

.header-language__item.is-active {
   color: #fff;
   position: relative;
}

.header-language__item.is-active:after {
   content: "";
   width: 100%;
   height: 3px;
   background: red;
   position: absolute;
   top: -9px;
   left: 0;
}

.header-strip {
   background: #fff;
}

.header-strip__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header-strip__logo {
   margin-right: 40px;
   width: 175px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}
.header-strip__log img {
   width: 80%;
}

.header-strip__logo:hover {
   -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
   filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
}

@media screen and (max-width: 1350px) {
   .header-strip__logo {
      padding: 15px 0;
   }
}

.header-strip__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

@media screen and (max-width: 1350px) {
   .header-strip__list {
      display: block;
      -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
   }
}

.header-strip__list a {
   padding: 20px 5px;
   display: block;
}

@media screen and (max-width: 1350px) {
   .header-strip__list a {
      padding: 10px 0 10px 70px;
   }
}

@media screen and (max-width: 1350px) {
   .header-strip__menu {
      display: none;
      position: absolute;
      top: 100%;
      width: 100%;
      left: 0;
      background: #fff;
      z-index: 5;
   }
}

.header-strip__item,
.header-strip__item--mobile {
   margin-right: 30px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   position: relative;
   white-space: nowrap;
}

@media screen and (max-width: 1700px) {
   .header-strip__item,
   .header-strip__item--mobile {
      margin-right: 20px;
   }
}

@media screen and (max-width: 1350px) {
   .header-strip__item,
   .header-strip__item--mobile {
      margin-right: 0;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
   }
   .header-strip__item--mobile:nth-child(odd),
   .header-strip__item:nth-child(odd) {
      background: #f6f8fc;
   }
   .header-strip__item--mobile:hover,
   .header-strip__item:hover {
      background: #c9cbd1;
   }
}

.header-strip__item a,
.header-strip__item--mobile a {
   color: #000;
   opacity: 0.5;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   font-size: 16px;
   text-transform: uppercase;
}

@media screen and (max-width: 1700px) {
   .header-strip__item a,
   .header-strip__item--mobile a {
      font-size: 14px;
   }
}
@media screen and (max-width: 1600px) and (min-width: 1351px) {
   .header-strip__item a {
      font-size: 12px;
   }
}

.header-strip__item a:hover,
.header-strip__item--mobile a:hover {
   opacity: 1;
}

.header-strip__item a:hover::after,
.header-strip__item--mobile a:hover::after {
   content: "";
   width: 100%;
   height: 3px;
   background: #eb3223;
   position: absolute;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   top: 0;
   left: 0;
}

@media screen and (max-width: 1350px) {
   .header-strip__item a:hover::after,
   .header-strip__item--mobile a:hover::after {
      display: none;
   }
}

.header-strip__item--mobile.is-active::after,
.header-strip__item.is-active::after {
   content: "";
   width: 100%;
   height: 3px;
   background: #eb3223;
   position: absolute;
   top: 0;
   left: 0;
}

.header-strip__item--mobile.is-active a,
.header-strip__item.is-active a {
   opacity: 1;
}

.header-strip__item--mobile,
.header-strip__item--mobile--mobile {
   display: none;
}

@media screen and (max-width: 479px) {
   .header-strip__item--mobile,
   .header-strip__item--mobile--mobile {
      display: block;
   }
}

.submenu-container {
   position: absolute;
}

a.submenu {
   display: none;
   background-color: #fff; 
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
}

@media screen and (max-width: 1350px) {
   .submenu-container {
      position: inherit;
   }   
   a.submenu {
      display: block;
   }
}

@media screen and (min-width: 1351px) {
   .header-strip__item:hover .submenu {
      display: block
   }
}

/* .header-strip__item:hover .submenu {
   display: block
} */

@media screen and (max-width: 479px) {
   .header-strip__reg {
      display: none;
   }
}

.header-strip__reg a {
   color: #fff;
   background: #eb3223;
   border-radius: 8px 0 8px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   font-size: 14px;
   line-height: 17px;
   padding: 4px 39px 5px;
}

.header-strip__reg a:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}

.header-strip__reg .skew__inner {
   padding: 4px 0 3px;
}

.header-strip__reg-block {
   margin-left: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.burger {
   height: 20px;
   width: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   cursor: pointer;
   margin-right: 24px;
   display: none;
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
}

@media screen and (max-width: 1350px) {
   .burger {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}

@media screen and (max-width: 479px) {
   .burger {
      margin-right: 0;
   }
}

.burger div {
   width: 24px;
   height: 2px;
   background: #000;
   position: relative;
   border-radius: 2px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.header-strip__inner.is-active {
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
}

.header-strip__inner.is-active .burger {
   position: relative;
}

.header-strip__inner.is-active .burger div:nth-child(2) {
   opacity: 0;
}

.header-strip__inner.is-active .burger div:nth-child(1) {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   top: 10px;
   left: 0;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

.header-strip__inner.is-active .burger div:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   position: absolute;
   top: 10px;
   left: 0;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

.header-inner.is-fixed .header-bottom-box {
   position: fixed;
   z-index: 15;
   right: 0;
   left: 0;
   top: 0;
}

.header-bottom-box {
   margin-top: 1px;
}

.header-inner.is-fixed .header-strip {
   -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.footer {
   background: #000;
   color: #fff;
   padding: 40px 0 100px 0;
}
@media screen and (max-width: 575px) {
   .footer {
      padding: 40px 0 60px 0;
   }
}

.footer__title {
   font-size: 21px;
   font-weight: 700;
   padding-bottom: 25px;
}

.footer__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-bottom: solid 1px rgba(255, 255, 255, 0.4);
   padding-bottom: 40px;
   margin-bottom: 25px;
}

@media screen and (max-width: 1365px) {
   .footer__content {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
   }
}

@media screen and (max-width: 480px) {
   .footer__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }
}

.footer__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media screen and (max-width: 1365px) {
   .footer__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }
}

@media screen and (max-width: 480px) {
   .footer__list {
      margin-bottom: 24px;
   }
}

.footer__item {
   margin-right: 64px;
   color: #fff;
   display: block;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   position: relative;
   white-space: nowrap;
   font-size: 16px;
}

@media screen and (max-width: 1366px) {
   .footer__item {
      margin-right: 0;
      font-size: 14px;
   }
}

@media screen and (max-width: 1365px) {
   .footer__item {
      margin: 7.5px 0;
   }
}

@media screen and (max-width: 375px) {
   .footer__item {
      font-size: 12px;
   }
}

.footer__item::after {
   display: block;
   content: "";
   background-color: #fff;
   height: 1px;
   width: 0%;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   position: absolute;
   left: 50%;
}

@media screen and (max-width: 1023px) {
   .footer__item::after {
      display: none;
   }
}

.footer__item:hover:after,
.footer__item:hover:before {
   width: 100%;
}

@media screen and (max-width: 1023px) {
   .footer__item:hover:after,
   .footer__item:hover:before {
      display: none;
   }
}
.footer__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
@media screen and (max-width: 575px) {
   .footer__row {
      flex-wrap: wrap;
   }
   .footer__row-item {
      flex: 0 0 100%;
      max-width: 100%;
      margin: 10px 0;
   }
}
.footer__row-left {
   opacity: 0.7;
   font-size: 14px;
}

.blog-pos {
   max-width: 1200px;
   margin: 0 auto;
}

@media screen and (max-width: 1700px) {
   .blog-pos {
      max-width: 1000px;
   }
}

@media screen and (max-width: 1365px) {
   .blog-pos {
      max-width: 100%;
   }
}

.blog-head {
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.blog-head__date {
   font-size: 21px;
   padding-bottom: 24px;
}

@media screen and (max-width: 480px) {
   .blog-head__date {
      font-size: 14px;
      line-height: 17px;
   }
}

.blog-head__title {
   font-size: 42px;
   font-weight: 700;
   line-height: 51px;
}

@media screen and (max-width: 768px) {
   .blog-head__title {
      font-size: 32px;
      line-height: 38px;
   }
}

@media screen and (max-width: 480px) {
   .blog-head__title {
      font-size: 24px;
      line-height: 29px;
   }
}

@media screen and (max-width: 375px) {
   .blog-head__title {
      font-size: 21px;
      line-height: 25px;
   }
}

/* @media screen and (max-width:768px) {
   .blog-head__network {
       margin-bottom: 100px
   }
} */

.blog-head__network-text {
   font-size: 14px;
   padding-top: 24px;
   margin-bottom: 16px;
}

.blog-head__img {
   margin: -50px auto 0;
   text-align: center;
}

@media screen and (max-width: 768px) {
   .blog-head__img {
      margin-top: -40px;
   }
}

@media screen and (max-width: 480px) {
   .blog-head__img {
      margin-top: -25px;
   }
}

@media screen and (max-width: 375px) {
   .blog-head__img {
      margin-top: -25px;
   }
}

.blog-head__img img {
   border-radius: 80px 0 80px 0;
   width: 100%;
}

@media screen and (max-width: 375px) {
   .blog-head__img img {
      border-radius: 40px 0 40px 0;
   }
}

.blog-body__news {
   font-size: 21px;
   color: #000;
   margin-top: 80px;
   line-height: 28px;
}

@media screen and (max-width: 768px) {
   .blog-body__news {
      font-size: 18px;
      margin-top: 60px;
   }
}

@media screen and (max-width: 375px) {
   .blog-body__news {
      font-size: 16px;
      margin-top: 40px;
   }
}

.blog-body__news-title {
   font-weight: 700;
   padding-bottom: 36px;
}

.blog-body__news-text {
   font-weight: 400;
   margin-bottom: 50px;
}
.blog-body__news-text ul {
   padding-left: 19px;
}
@media screen and (max-width: 768px) {
   .blog-body__news-text ul {
      padding-left: 15px;
   }
}
.blog-body__result-title {
   font-weight: 700;
   padding-bottom: 18px;
}

.blog-body__result-item {
   padding: 12px 0;
}

.blog-body__info {
   font-size: 21px;
   color: #000;
   line-height: 28px;
}

.blog-body__info-text {
   padding: 12px 0;
   font-size: 21px;
   line-height: 28px;
}

@media screen and (max-width: 768px) {
   .blog-body__info-text {
      font-size: 18px;
   }
}

@media screen and (max-width: 375px) {
   .blog-body__info-text {
      font-size: 16px;
   }
}

.blog-footer {
   background: #eef2fa;
   border-radius: 0 80px 0 0;
   padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
   .blog-footer {
      padding-bottom: 160px;
   }
}

.blog-footer-news {
   position: relative;
}

.blog-footer-news__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 100px 0 40px 12px;
}

@media screen and (max-width: 1366px) {
   .blog-footer-news__title {
      padding-top: 80px;
   }
}

@media screen and (max-width: 375px) {
   .blog-footer-news__title {
      padding-top: 60px;
   }
}

@media screen and (max-width: 767px) {
   .blog-footer-news__link {
      position: absolute;
      bottom: -73px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
}

.blog-footer-news__block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media screen and (max-width: 1365px) {
   .blog-footer-news__block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.blog-footer-news__left {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 78%;
   flex: 0 0 78%;
   max-width: 78%;
   padding-right: 40px;
}

@media screen and (max-width: 1365px) {
   .blog-footer-news__left {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 767px) {
   .blog-footer-news__left {
      padding-right: 0;
   }
}

.blog-footer-news__right {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 22%;
   flex: 0 0 22%;
   max-width: 22%;
}

@media screen and (max-width: 1365px) {
   .blog-footer-news__right {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-top: 24px;
   }
}

.blog-footer-news__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -20px;
}

@media screen and (max-width: 767px) {
   .blog-footer-news__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0;
   }
}

.blog-footer-news__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   padding: 0 20px;
}

@media screen and (max-width: 767px) {
   .blog-footer-news__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
   }
}

.blog-footer-news__item img {
   width: 100%;
}

.blog-footer-news__item-inner {
   border-bottom: solid 1px rgba(201, 203, 209, 0.5);
   padding-bottom: 30px;
   height: 100%;
}

.blog-footer-news__item-date {
   font-size: 14px;
   padding: 24px 0 16px;
}

.blog-footer-news__item-text {
   font-size: 24px;
   font-weight: 700;
}

@media screen and (max-width: 1366px) {
   .blog-footer-news__item-text {
      font-size: 21px;
      line-height: 25px;
   }
}

.top__bg-blog {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.network-blog {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.news-head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

@media screen and (max-width: 767px) {
   .news-head {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.news-head__img {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   margin-right: 50px;
}

@media screen and (max-width: 1366px) {
   .news-head__img {
      margin-right: 30px;
   }
}

@media screen and (max-width: 768px) {
   .news-head__img {
      margin-right: 20px;
   }
}

@media screen and (max-width: 767px) {
   .news-head__img {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-bottom: 64%;
   }
}

.news-head__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   padding: 120px 80px 120px;
}

@media screen and (max-width: 1366px) {
   .news-head__info {
      padding: 100px 80px 100px 30px;
   }
}

@media screen and (max-width: 768px) {
   .news-head__info {
      padding: 48px 40px 58px 20px;
   }
}

@media screen and (max-width: 767px) {
   .news-head__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 48px 40px 58px 40px;
   }
}

.news-head__date {
   font-size: 21px;
   margin-bottom: 24px;
}

@media screen and (max-width: 1023px) {
   .news-head__date {
      font-size: 14px;
      margin-bottom: 16px;
   }
}

@media screen and (max-width: 767px) {
   .news-head__date {
      font-size: 21px;
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 480px) {
   .news-head__date {
      font-size: 14px;
      margin-bottom: 16px;
   }
}

.news-head__text {
   font-size: 42px;
   font-weight: 700;
   line-height: 51px;
   margin-bottom: 58px;
}

@media screen and (max-width: 1240px) {
   .news-head__text {
      font-size: 36px;
      line-height: 41px;
   }
}

@media screen and (max-width: 1023px) {
   .news-head__text {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 767px) {
   .news-head__text {
      font-size: 36px;
      line-height: 41px;
   }
}

@media screen and (max-width: 480px) {
   .news-head__text {
      font-size: 24px;
      line-height: 29px;
   }
}

@media screen and (max-width: 479px) {
   .news-head__text {
      font-size: 21px;
      line-height: 25px;
   }
}

.news-head__more {
   margin-left: 10px;
}

.news-head__more .skew {
   background: #eb3223;
   color: #fff;
   border-radius: 8px 0 8px 0;
   font-size: 18px;
   text-transform: uppercase;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.news-head__more .skew:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}

.news-head__more .skew__inner {
   padding: 11px 39px;
}

@media screen and (max-width: 479px) {
   .news-head__more .skew {
      font-size: 10px;
   }
}

.news-block .title {
   margin-left: 10px;
}

.news-block__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 80px;
   margin-bottom: 40px;
}

.news-block__label-inp {
   border: solid 1px rgba(201, 203, 209, 0.5);
   border-radius: 8px 0 0 0;
}

.news-block__label-btn {
   border: solid 1px #eb3223;
   margin-left: -5px;
   background: #eb3223;
   width: 140px;
   text-align: center;
   border-radius: 0 0 8px 0;
}

.news-block__label-btn div {
   color: #fff;
   padding: 13px 0 11px 0;
}

.news-block__label-btn:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}

.news-block__input {
   padding: 12px 10px 12px 55px;
   font-size: 16px;
   width: 340px;
   position: relative;
}

.news-block__input-btnma {
   color: #fff;
   padding: 13px 48px;
   font-size: 16px;
}

.news-block__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -25px;
}

@media screen and (max-width: 1240px) {
   .news-block__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.news-block__search {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

@media screen and (max-width: 767px) {
   .news-block__search {
      display: none;
   }
}

.news-block__search--mobile {
   display: none;
}

@media screen and (max-width: 767px) {
   .news-block__search--mobile {
      display: block;
   }
}

.news-block__search--mobile .news-block__label {
   display: none;
}

.news-block__search--mobile .news-block__search-btn {
   border-radius: 8px 0 8px 0;
   width: 70px;
   background: #fff;
   border: solid 1px rgba(201, 203, 209, 0.5);
   cursor: pointer;
   text-align: center;
   padding: 9px 0 10px 0;
}

.news-block__search--mobile .news-block__search-btn:hover {
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.news-block__search--mobile .news-block__search-btn div {
   padding: 0;
}

.news-block__search--mobile.is-active .news-block__label {
   display: block;
   position: fixed;
   right: 0;
   left: 0;
   top: 0;
   z-index: 15;
   background: #fff;
   border-radius: 0;
   border: solid 1px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.news-block__search--mobile.is-active .news-block__label input {
   width: 100%;
   padding: 10px;
}

.input-ico-lens {
   background-image: url(../img/lens.svg);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   position: absolute;
   left: 20px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 16px;
   height: 16px;
   cursor: auto;
}

.news-info__img img {
   background: #c9cbd1;
   border-radius: 25px 0 25px 0;
}

.news-info__top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media screen and (max-width: 1365px) {
   .news-info__top {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.news-info__right {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 24%;
   flex: 0 0 24%;
   max-width: 24%;
   padding-left: 20px;
}

@media screen and (max-width: 1365px) {
   .news-info__right {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0;
   }
}

.news-info__left {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 76%;
   flex: 0 0 76%;
   max-width: 76%;
   padding-right: 10px;
}

@media screen and (max-width: 1365px) {
   .news-info__left {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.news-info__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

@media screen and (max-width: 1365px) {
   .news-info__list {
      margin: 0 -20px;
   }
}

.news-info-item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   padding: 20px;
}

@media screen and (max-width: 767px) {
   .news-info-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.news-info-item__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-bottom: 25px;
   border-bottom: solid 1px #c9cbd1;
   padding-right: 20px;
}

.news-info-item__date {
   font-size: 14px;
   line-height: 17px;
   padding-bottom: 24px;
}

@media screen and (max-width: 768px) {
   .news-info-item__date {
      padding-bottom: 16px;
   }
}

.news-info-item__text {
   font-size: 21px;
   font-weight: 700;
   line-height: 25px;
}

@media screen and (max-width: 1366px) {
   .news-info-item__text {
      font-size: 18px;
      line-height: 21px;
   }
}

@media screen and (max-width: 768px) {
   .news-info-item__text {
      font-size: 16px;
      line-height: 19px;
   }
}

@media screen and (max-width: 480px) {
   .news-info-item__text {
      font-size: 18px;
      line-height: 21px;
   }
}

.news-info__text {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 60%;
   flex: 0 0 60%;
   max-width: 60%;
}

.news-info__img {
   border-radius: 40px 0 40px;
   overflow: hidden;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40%;
   flex: 0 0 40%;
   max-width: 40%;
   margin-right: 25px;
}

.news-info__more {
   text-align: center;
   margin-top: 80px;
}

.top__bg-img img {
   margin-left: -100px;
   margin-right: 100px;
   border-radius: 0 0 200px 0;
}

top-bg__news-page img {
   border-radius: 0 0 200px 0;
}

.part-head {
   background: #eef2fa;
   color: #000;
   font-size: 42px;
   font-weight: 700;
   border-radius: 0 0 200px 0;
   text-align: center;
}

@media screen and (max-width: 1366px) {
   .part-head {
      border-radius: 0 0 160px 0;
   }
}

@media screen and (max-width: 768px) {
   .part-head {
      border-radius: 0 0 100px 0;
      font-size: 32px;
   }
}

@media screen and (max-width: 375px) {
   .part-head {
      font-size: 24px;
   }
}

.part-general {
   margin-top: 100px;
   text-align: center;
   background: #f6f8fc;
   border-radius: 0 160px 0 0;
}

@media screen and (max-width: 1366px) {
   .part-general {
      border-radius: 0 100px 0 0;
      margin-top: 80px;
   }
}

@media screen and (max-width: 768px) {
   .part-general {
      border-radius: 0 80px 0 0;
      margin-top: 60px;
   }
}

@media screen and (max-width: 375px) {
   .part-general {
      margin-top: 40px;
   }
}

.part-general__title {
   margin-bottom: 40px;
}

.part-media {
   text-align: center;
   background: #eef2fa;
   border-radius: 0 0 160px 0;
}

@media screen and (max-width: 1366px) {
   .part-media {
      border-radius: 0 0 100px 0;
   }
}

@media screen and (max-width: 768px) {
   .part-media {
      border-radius: 0 0 80px 0;
   }
}

.part-media__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media screen and (max-width: 480px) {
   .part-media__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.part-media__list-item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%;
   padding: 0 15px;
}

@media screen and (max-width: 480px) {
   .part-media__list-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding: 20px;
   }
}

.part-ticket {
   text-align: center;
}

.part-ticket__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media screen and (max-width: 480px) {
   .part-ticket__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.part-ticket__list-item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 0 15px;
}

@media screen and (max-width: 480px) {
   .part-ticket__list-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding: 20px;
   }
}

.part-sponsor {
   text-align: center;
   background: #eef2fa;
   border-radius: 0 0 160px 0;
}

@media screen and (max-width: 1366px) {
   .part-sponsor {
      border-radius: 0 0 100px 0;
   }
}

@media screen and (max-width: 768px) {
   .part-sponsor {
      border-radius: 0 0 80px 0;
   }
}

.part-sponsor__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.part-sponsor__list-item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   padding: 0 15px;
}

.part-link {
   display: block;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.part-link:hover {
   -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
   filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}

.part-block-item {
   padding: 80px 0;
}

@media screen and (max-width: 768px) {
   .part-block-item {
      padding: 60px 0;
   }
}

@media screen and (max-width: 375px) {
   .part-block-item {
      padding: 40px 0;
   }
}

.part-block-item .title {
   margin-bottom: 40px;
}

.video__bg {
   background: #eef2fa;
}

.video-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

@media screen and (max-width: 767px) {
   .video-top {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.video-top__img {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   padding-right: 50px;
}

@media screen and (max-width: 767px) {
   .video-top__img {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      min-height: 310px;
   }
}

@media screen and (max-width: 375px) {
   .video-top__img {
      min-height: 210px;
   }
}

@media screen and (max-width: 1366px) {
   .video-top__img {
      padding-right: 20px;
   }
}

.video-top__img img {
   border-radius: 0 0 200px 0;
   width: 100%;
}

.video-top-info {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   padding: 105px 280px 125px 50px;
}

@media screen and (max-width: 767px) {
   .video-top-info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 1700px) {
   .video-top-info {
      padding: 80px 80px 95px 20px;
   }
}

@media screen and (max-width: 768px) {
   .video-top-info {
      padding: 40px 40px 45px 20px;
   }
}

@media screen and (max-width: 767px) {
   .video-top-info {
      padding: 50px 40px;
   }
}

@media screen and (max-width: 375px) {
   .video-top-info {
      padding: 20px;
   }
}

.video-top-info__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.video-top-info__head-action {
   border: solid 1px #000;
   border-radius: 8px 0 8px 0;
   padding: 6px 16px;
   font-size: 18px;
   margin-right: 15px;
}

@media screen and (max-width: 991px) {
   .video-top-info__head-action {
      font-size: 14px;
   }
}

.video-top-info__head-date {
   font-size: 21px;
   line-height: 25px;
}

@media screen and (max-width: 991px) {
   .video-top-info__head-date {
      font-size: 14px;
   }
}

.video-top-info__more a {
   background: #eb3223;
   color: #fff;
   font-size: 18px;
   text-transform: uppercase;
   border-radius: 6px 0 6px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   padding: 12px 30px;
}

@media screen and (max-width: 767px) {
   .video-top-info__more a {
      font-size: 10px;
   }
}

@media screen and (max-width: 480px) {
   .video-top-info__more a {
      font-size: 18px;
   }
}

@media screen and (max-width: 479px) {
   .video-top-info__more a {
      font-size: 10px;
   }
}

.video-top-info__more a:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}

.video-top-info__title {
   font-size: 42px;
   line-height: 52px;
   font-weight: 700;
   margin: 40px 0;
}

@media screen and (max-width: 768px) {
   .video-top-info__title {
      font-size: 24px;
      line-height: 29px;
      line-height: normal;
      margin: 24px 0;
   }
}

.video-news__title-wrap {
   margin: 80px 0 50px;
}

@media screen and (max-width: 1366px) {
   .video-news__title-wrap {
      margin: 80px 0 40px;
   }
}

@media screen and (max-width: 375px) {
   .video-news__title-wrap {
      margin: 60px 0 40px;
   }
}

.video-news__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -40px;
}

@media screen and (max-width: 1365px) {
   .video-news__inner {
      margin: 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.video-news-left {
   color: #000;
}

.video-news-left__item {
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
   border-bottom: solid 1px #c9cbd1;
   padding-bottom: 24px;
   display: block;
}

.video-news-left__item:hover .video-news-left__video {
   -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
   filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
}

@media screen and (max-width: 1365px) {
   .video-news-left__item {
      margin-bottom: 24px;
   }
}

.video-news-left__video {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   width: 100%;
}

.video-news-left__video img {
   width: 100%;
}

.video-news-left__date {
   font-size: 21px;
   line-height: 25px;
   color: #000;
   margin: 24px 0;
}

.video-news-left__text {
   font-size: 32px;
   line-height: 39px;
   font-weight: 700;
   color: #000;
}

@media screen and (max-width: 480px) {
   .video-news-left__text {
      font-size: 24px;
      line-height: normal;
   }
}

.video-news-left {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 57%;
   flex: 0 0 57%;
   max-width: 57%;
   padding: 0 40px;
}

@media screen and (max-width: 1365px) {
   .video-news-left {
      padding: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.video-news-right {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 43%;
   flex: 0 0 43%;
   max-width: 43%;
   padding: 0 40px;
}

@media screen and (max-width: 1365px) {
   .video-news-right {
      padding: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.video-news-right__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   border-bottom: solid 1px #c9cbd1;
   padding: 24px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.video-news-right__item:hover .video-news-right__img {
   -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
   filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
}

.video-news-right__item:nth-child(1) {
   padding-top: 0;
}

.video-news-right__img {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 36.2%;
   flex: 1 0 36.2%;
   max-width: 36.2%;
   margin-right: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-radius: 40px 0 40px 0;
   overflow: hidden;
   background: grey;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

@media screen and (max-width: 768px) {
   .video-news-right__img {
      margin-right: 0;
   }
}

@media screen and (max-width: 375px) {
   .video-news-right__img {
      border-radius: 20px 0 20px 0;
   }
}

.video-news-right__img img {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   border-radius: 40px 0 40px 0;
}

@media screen and (max-width: 1365px) {
   .video-news-right__img img {
      width: 100%;
   }
}

@media screen and (max-width: 375px) {
   .video-news-right__img img {
      border-radius: 20px 0 20px 0;
   }
}

.video-news-right__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 63.8%;
   flex: 0 0 63.8%;
   max-width: 63.8%;
   padding-left: 15px;
}

.video-news-right__date {
   font-size: 14px;
   color: #000;
   padding-bottom: 20px;
}

@media screen and (max-width: 480px) {
   .video-news-right__date {
      padding-bottom: 15px;
   }
}

@media screen and (max-width: 375px) {
   .video-news-right__date {
      padding-bottom: 10px;
   }
}

.video-news-right__text {
   font-size: 24px;
   line-height: 29px;
   font-weight: 700;
   color: #000;
}

@media screen and (max-width: 1366px) {
   .video-news-right__text {
      font-size: 21px;
      line-height: normal;
   }
}

@media screen and (max-width: 480px) {
   .video-news-right__text {
      font-size: 18px;
   }
}

@media screen and (max-width: 375px) {
   .video-news-right__text {
      font-size: 14px;
   }
}

.video-news__choice-more {
   text-align: center;
   margin-top: 55px;
   margin-bottom: 80px;
}

.vp-body-video__choice {
   padding: 15px 0;
}

.vp-head {
   text-align: center;
}

@media screen and (max-width: 480px) {
   .vp-head {
      padding-bottom: 80px;
   }
}

@media screen and (max-width: 480px) {
   .vp-head {
      padding-bottom: 90px;
   }
}

.vp-head__date {
   font-size: 21px;
   line-height: 25px;
   margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
   .vp-head__date {
      font-size: 14px;
      line-height: 17px;
   }
}

.vp-head__text {
   font-size: 42px;
   line-height: 51px;
   font-weight: 700;
   padding: 0 235px;
   margin-bottom: 25px;
}

@media screen and (max-width: 1700px) {
   .vp-head__text {
      padding: 0;
   }
}

@media screen and (max-width: 768px) {
   .vp-head__text {
      font-size: 32px;
      line-height: 38px;
   }
}

@media screen and (max-width: 480px) {
   .vp-head__text {
      font-size: 24px;
      line-height: 29px;
   }
}

/* @media $phoneSfnts {
   .vp-head__text {
       font-size: 21px;
       line-height: normal
   }
} */

.vp-head__network {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.vp-head__network-row {
   margin-bottom: 16px;
}

.vp-head__img {
   display: block;
   margin: 0 auto;
   text-align: center;
   margin-top: -45px;
}

@media screen and (max-width: 480px) {
   .vp-head__img {
      margin-top: -105px;
   }
}

@media screen and (max-width: 480px) {
   .vp-head__img {
      margin-top: -114px;
   }
}

.vp-body-video {
   background: #eef2fa;
   padding: 100px 0;
   margin-bottom: 80px;
}

.vp-body-video-head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.vp-footer {
   margin-bottom: 40px;
}

.main-inner {
   background: #000;
   border-radius: 0 0 200px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media screen and (max-width: 1365px) {
   .main-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.main__left {
   background: #eef2fa;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 62%;
   flex: 0 0 62%;
   max-width: 62%;
   padding: 80px 0;
}

@media screen and (max-width: 768px) {
   .main__left {
      padding: 60px 0;
   }
}

@media screen and (max-width: 480px) {
   .main__left {
      padding: 40px 0;
   }
}

@media screen and (max-width: 1366px) {
   .main__left {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 64%;
      flex: 0 0 64%;
      max-width: 64%;
   }
}

@media screen and (max-width: 1365px) {
   .main__left {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.main-left__video {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.main-left__video img {
   width: 100%;
}

.main-left__video a {
   display: block;
}

.main-left__video:hover {
   -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
   filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
}

.main-left__body-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 40px 0 43px;
}

.main-left__title {
   font-size: 32px;
   color: #000;
   font-weight: 700;
   line-height: 39px;
}

@media screen and (max-width: 1366px) {
   .main-left__title {
      font-size: 28px;
      line-height: 34px;
   }
}

@media screen and (max-width: 480px) {
   .main-left__title {
      font-size: 21px;
      line-height: 25px;
   }
}

.main-left__link {
   background: #eb3223;
   border-radius: 8px 0 8px 0;
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
   white-space: nowrap;
}

@media screen and (max-width: 375px) {
   .main-left__link {
      border-radius: 6px 0;
   }
}

.main-left__link:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}

.main-left__link a {
   color: #fff;
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 700;
   padding: 5px 10px;
   display: block;
}

@media screen and (max-width: 375px) {
   .main-left__link a {
      font-size: 10px;
   }
}

.main-left__footer {
   border-left: solid 2px #000;
   padding-left: 10px;
}

.main-left__footer-title {
   font-size: 18px;
   font-weight: 700;
   line-height: 22px;
   margin-bottom: 8px;
}

.main-left__footer-text {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.5);
   line-height: 17px;
}

.main-left__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   margin: 45px -10px;
}

@media screen and (max-width: 1366px) {
   .main-left__list {
      margin: 45px 0;
   }
}

@media screen and (max-width: 767px) {
   .main-left__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.main-left__list-item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 0 10px;
}

@media screen and (max-width: 767px) {
   .main-left__list-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin: 12px 0;
   }
}

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

@media screen and (max-width: 1365px) {
   .main-left__list-info {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
}

.main-left__list-numb {
   color: #eb3223;
   border-radius: 8px 0;
   border: solid 1px #eb3223;
   font-family: Prosto, Arial, sans-serif;
   font-size: 32px;
   margin-right: 20px;
   height: 60px;
   line-height: 60px;
}

@media screen and (max-width: 1366px) {
   .main-left__list-numb {
      height: 48px;
      line-height: 48px;
      font-size: 24px;
   }
}

@media screen and (max-width: 375px) {
   .main-left__list-numb {
      height: 32px;
      line-height: 32px;
      font-size: 18px;
   }
}

.main-left__list-numb--size {
   width: 76px;
   text-align: center;
}

@media screen and (max-width: 1366px) {
   .main-left__list-numb--size {
      width: 60px;
   }
}

@media screen and (max-width: 375px) {
   .main-left__list-numb--size {
      width: 40px;
   }
}

.main-left__list-text {
   font-size: 18px;
   line-height: 22px;
   color: #000;
   padding-right: 25px;
}

@media screen and (max-width: 1366px) {
   .main-left__list-text {
      font-size: 16px;
      padding-right: 0;
   }
}

@media screen and (max-width: 768px) {
   .main-left__list-text {
      font-size: 14px;
      line-height: normal;
   }
}

@media screen and (max-width: 375px) {
   .main-left__list-text {
      font-size: 12px;
   }
}

.main-left__list-img {
   margin-bottom: 15px;
   height: 48px;
}

@media screen and (max-width: 767px) {
   .main-left__list-img {
      min-width: 76px;
      margin-right: 19px;
      height: auto;
      margin-bottom: 0;
   }
}

@media screen and (max-width: 479px) {
   .main-left__list-img {
      min-width: 50px;
      margin-right: 16px;
   }
}

.main__right {
   background: #000;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 38%;
   flex: 0 0 38%;
   max-width: 38%;
}

@media screen and (max-width: 1365px) {
   .main__right {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.main__right-bg {
   padding: 40px 0;
}

@media screen and (max-width: 1366px) {
   .main__right-bg {
      padding: 80px 0;
   }
}

@media screen and (max-width: 1365px) {
   .main__right-bg {
      padding: 0;
   }
}

.main__right-bg--mobile {
   display: none;
}

@media screen and (max-width: 1365px) {
   .main__right-bg--mobile {
      display: block;
      margin: 0 auto;
   }
}

@media screen and (max-width: 1365px) {
   .main__right-bg--desktop {
      display: none;
   }
}

.fl-top {
   text-align: center;
   max-width: 56%;
   margin: 0 auto;
}

@media screen and (max-width: 768px) {
   .fl-top {
      max-width: 87%;
   }
}
@media screen and (max-width: 575px) {
   .fl-top {
      max-width: 100%;
   }
}

.fl-top--position {
   margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
   .fl-top--position {
      margin-bottom: 60px;
   }
}

@media screen and (max-width: 480px) {
   .fl-top--position {
      margin-bottom: 40px;
   }
}

.fl-top__title {
   font-weight: 700;
   font-size: 42px;
   color: #000;
}

.fl-top__title-compare {
   margin-bottom: 40px;
}

@media screen and (max-width: 1366px) {
   .fl-top__title-compare {
      margin-bottom: 32px;
   }
}

@media screen and (max-width: 768px) {
   .fl-top__title {
      font-size: 32px;
   }   
   .fl-top__title-compare {
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 480px) {
   .fl-top__title {
      margin-bottom: 10px;
   }
}

@media screen and (max-width: 375px) {
   .fl-top__title {
      font-size: 24px;
   }
}

.fl-top-search-input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   justify-content: center;
   width: 47%;
   width: 450px;
   position: relative;
}
@media screen and (max-width: 575px) {
   .fl-top-search-input {
      width: 90%;
   }
}

.fl-top-search-input-skew {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   justify-content: center;
   position: relative;
   transform: skew(-20deg);
   border: 1px solid #c9cbd1;
   border-radius: 8px 0 8px 0;
   width: 400px;
}
@media screen and (max-width: 575px) {
   .fl-top-search-input-skew {
      width: 90%;
   }
}

@media screen and (max-width: 480px) {
   .fl-top-search-input-skew {
      display: flex;
      flex-direction: column;
      transform: skew(0);
      border: none;
      gap: 24px;
   }
}

.fl-top-search-input-compare {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   justify-content: center;
   position: relative;
   width: 440px;
}

@media screen and (max-width: 1366px) {
   .fl-top-search-input-compare {
      width: 300px;
   }
}

@media screen and (max-width: 768px) {
   .fl-top-search-input-compare {
      width: 300px;
   }
}

@media screen and (max-width: 480px) {
   .fl-top-search-input-compare {
      width: 220px;
   }
}

.img-compare {
   width: 48px;
   height: 48px;
}

.img-compare-mob {
   display: none;
}

@media screen and (max-width: 1366px) {
   .img-compare {
      width: 40px;
      height: 40px;
   }
}

@media screen and (max-width: 768px) {
   .img-compare {
      display: none;
   }
   .img-compare-mob {
      display: block;
      width: 40px;
      height: 40px;
      margin-right: 8px;
   }
}

.fl-top-search__drop {
   position: absolute;
   top: 100%;
   left: 5%;
   width: 100%;
   max-height: 125px;
   border: solid 1px #c9cbd1;
   background: #fff;
   text-align: left;
   overflow-y: auto;
   overflow-x: hidden;
   display: none;
   transform: skew(20deg);
}

.fl-top-search__drop-top {
   position: absolute;
   top: 100%;
   left: 5%;
   width: 100%;
   max-height: 125px;
   border: solid 1px #c9cbd1;
   background: #fff;
   text-align: left;
   overflow-y: auto;
   overflow-x: hidden;
   display: none;
   transform: skew(20deg);
}

.fl-top-search__drop-bot {
   transform: skew(0);
   left: 0;
   top: 80%;
}

@media screen and (max-width: 1366px) {
   .fl-top-search__drop {
      left: 7%;
   }
   .fl-top-search__drop-top {
      left: 5%;
   }
   .fl-top-search__drop-bot {
      left: 0;
   }
}

@media screen and (max-width: 480px) {
   .fl-top-search__drop {
      left: 10%;
   }
   .fl-top-search__drop-top {
      transform: skew(0);
      left: -3%;
      top: 47%;
   }
   .fl-top-search__drop-bot {
      left: 0;
      top: 100%;
   }
}

.fl-top-search__item, .fl-top-search__item-top {
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 3px;
   padding: 10px;
   cursor: pointer;
   transition: 0.3s;
}

@media screen and (max-width: 480px) {
   .fl-top-search__item, .fl-top-search__item-top {
      transform: skew(0);
   }
}

.fl-top-search__item:hover {
   background: rgba(220, 220, 220, 0.4);
}

.fl-top-search__item-top:hover {
   background: rgba(220, 220, 220, 0.4);
}

@media screen and (max-width: 480px) {
   .fl-top-search-input {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.fl-top-search__label {
   border: solid 1px #c9cbd1;
   border-radius: 8px 0;
   border-radius: 5px 0 0 5px;
   background-color: #fff;
   margin: 24px 0;
   width: 100%;
}

@media screen and (max-width: 480px) {
   .fl-top-search__label {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin: 10px 0 0;
      border-radius: 5px;
   }
}

.fl-top-search__label-compare {
   border: solid 1px #c9cbd1;
   background-color: #fff;
   width: 100%;
   border-radius: 8px 0 8px 0;
   transform: skew(-20deg);
}

.fl-top-search__label-top {
   background-color: #fff;
   width: 100%;
   margin: 0;
   border: none;
   border-radius: 8px 0 0 0;
}

@media screen and (max-width: 480px) {
   .fl-top-search__label-top {
      border: 1px solid #c9cbd1;
      transform: skew(-20deg);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin: 10px 0 0;
      border-radius: 8px 0 8px 0;
   }
}

/* .fl-top-search__label+.fl-top-search__label {
   margin-left: 20px
} */

/* @media screen and (max-width:480px) {
   .fl-top-search__label+.fl-top-search__label {
       margin-left: 0
   }
} */

.fl-top-search__input {
   padding: 10px;
   width: 100%;
   /* color: rgba(0, 0, 0, .5); */
   color: #777777;
   width: 100%;
   font-size: 16px;
   line-height: 20px;
}

.fl-top-search__input-compare {
   padding: 15px;
   width: 100%;
   color: #777777;
   width: 100%;
   font-size: 16px;
   line-height: 20px;
   transform: skew(20deg);
}

.fl-top-search__input-top {
   width: 100%;
   padding: 15px;
   transform: skew(20deg);
   color: #777777;
   font-size: 16px;
   line-height: 20px;
}

@media screen and (max-width: 480px) {
   .fl-top-search__input-top {
      transform: skew(20deg);
   }
}

.fl-top-search__btn {
   background: #fff;
   border-radius: 0 5px 5px 0;
   color: #535353;
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
   padding-left: 15px;
   padding-right: 15px;
   padding: 10px 15px;
   border-top: solid 1px #c9cbd1;
   border-bottom: solid 1px #c9cbd1;
   border-right: solid 1px #c9cbd1;
   transition: 0.3s;
}

@media screen and (max-width: 480px) {
   .fl-top-search__btn {
      /* -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; */
      border-radius: 5px;
      border: solid 1px #c9cbd1;
      background: #f5f3f3;
      position: absolute;
      right: 0;
      top: 10px;
   }
}

.fl-top-search__btn:hover {
   /* background: #dedede;*/
   background: rgba(220, 220, 220, 0.4);
}

.fl-top-search__btn-top {
   background: #fff;
   line-height: 20px;
   font-weight: 700;
   transition: 0.3s;
   border: none;
   border-radius: 8px 0 8px 0;
   background-color: red;
   color: #fff;
   font-size: 18px;
   padding:  15px 47px;
   text-transform: uppercase;
}

@media screen and (max-width: 480px) {
   .fl-top-search__btn-top {
      transform: skew(-20deg);
      padding: 12px 0;
      width: 100%;
      /* background: #f5f3f3; */
      /* position: absolute;
      right: 0;
      top: 10px; */
   }
}

.fl-top-search__btn-top:hover {
   /* background: #dedede;*/
   background: rgba(220, 220, 220, 0.4);
}

.fl-top-search__btn-top-text {
   display: inline-block;
   transform: skew(20deg);
}

@media screen and (max-width: 480px) {
   .fl-top-search__btn-top-text {
      display: inline-block;
      transform: skew(20deg);
   }
}

.fl-top-search__btn-compare {
   padding: 14px 220px;
   background-color: #EB3223;
   border-radius: 8px 0 8px 0;
   line-height: 20px;
   font-weight: 700;
   font-size: 14px;
   transform: skew(-20deg);
}

@media screen and (max-width: 1366px) {
   .fl-top-search__btn-compare {
      padding: 14px 250px;
   }
}

@media screen and (max-width: 768px) {
   .fl-top-search__btn-compare {
      padding: 14px 130px;
   }
}

@media screen and (max-width: 480px) {
   .fl-top-search__btn-compare {
      padding: 14px 95px;
   }
}

.fl-top-search__btn-top-compare {
   display: inline-block;
   color: #fff;
   text-transform: uppercase;
   border: none;
   transform: skew(20deg);
}

.fl-top-search__input::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input::-moz-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input:-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input::-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input::placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input-top::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input-top::-moz-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input-top:-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input-top::-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

.fl-top-search__input-top::placeholder {
   color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 480px) {
   .fl-top-search-btn {
      margin-top: 17px;
   }
}

.fl-top-search-btn button {
   background-color: #eb3223;
   width: 100%;
   display: block;
   color: #fff;
   border-radius: 8px 0 8px 0;
   font-weight: 700;
   font-size: 18px;
   text-align: center;
   text-transform: uppercase;
   padding: 15px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.fl-top-search-btn button:hover {
   -webkit-box-shadow: 0 0 10px #000 inset;
   box-shadow: 0 0 10px #000 inset;
}

.f-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

@media screen and (max-width: 767px) {
   .f-header {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.f-header__left {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   background-image: url(../img/fighter/fighter.jpg);
   background-size: cover;
   background-position: 50% 40%;
   background-repeat: no-repeat;
   border-radius: 0 0 200px 0;
   background-color: #dbe1ed;
   overflow: hidden;
}

@media screen and (max-width: 768px) {
   .f-header__left {
      border-radius: 0 0 100px 0;
   }
}

@media screen and (max-width: 767px) {
   .f-header__left {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      min-height: 390px;
   }
}

@media screen and (max-width: 479px) {
   .f-header__left {
      background-size: cover;
      min-height: 309px;
   }
}

.f-header__left-item {
   margin: 0 auto;
   text-align: center;
}

.f-header__right {
   padding-left: 100px;
   padding-right: 100px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
}

@media screen and (max-width: 1366px) {
   .f-header__right {
      padding-right: 70px;
      padding-left: 40px;
   }
}

@media screen and (max-width: 768px) {
   .f-header__right {
      padding-right: 40px;
      padding-left: 20px;
   }
}

@media screen and (max-width: 767px) {
   .f-header__right {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 767px) {
   .f-header__right-inner {
      margin: 0 auto;
      margin: 0 auto;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 72%;
      flex: 0 0 72%;
      max-width: 72%;
   }
}

@media screen and (max-width: 479px) {
   .f-header__right-inner {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
}

.f-header__country {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.f-header__country-text {
   font-size: 24px;
}

@media screen and (max-width: 1023px) {
   .f-header__country-text {
      font-size: 18px;
   }
}

.f-header__country-img {
   margin-right: 10px;
   margin-bottom: 3px;
   width: 42px;
   height: 42px;
}

@media screen and (max-width: 479px) {
   .f-header__country-img {
      width: 24px;
      height: 24px;
   }
}

.f-header__name {
   font-size: 42px;
   font-family: Prosto, Arial, sans-serif;
   margin: 22px 0 37px;
   line-height: 40px;
}

@media screen and (max-width: 991px) {
   .f-header__name {
      font-size: 32px;
   }
}

.f-header__record {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 21px;
   margin-bottom: 15px;
}

.f-header-table-record {
   display: -webkit-box;
   display: -ms-flexbox;
   display: inline-flex;
   border: solid 1px rgba(0, 0, 0, 0.5);
   border-radius: 5px;
   padding: 0 10px;
   margin: 0 -5px 15px;
}
.f-header-table-record__item {
   flex: 0 0 33.33%;
   padding: 10px 10px;
   border-right: solid 1px #000;
}
.f-header-table-record__item:last-child {
   border-right: none;
}

.f-header-table-record__name {
   font-weight: 400;
   font-size: 16px;
   line-height: 21px;
   color: #000000;
   opacity: 0.6;
}
.f-header-table-record__number {
   font-weight: 700;
   font-size: 21px;
   line-height: 28px;
   color: #000000;
}
.f-header-win__block {
   margin-bottom: 25px;
}
.f-header-win__item {
   font-weight: 400;
   font-size: 21px;
   line-height: 25px;
   color: #000000;
   margin-bottom: 10px;
}

.f-header-record__item a {
   font-weight: 400;
   font-size: 21px;
   line-height: 25px;
   text-decoration-line: underline;
   color: #000000;
   transition: 0.3s;
}
.f-header-record__item a:hover {
   text-decoration-line: none;
}
.f-header-record__item {
   margin-right: 55px;
   position: relative;
}
.f-header-record__item::after {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   border-bottom: solid 1px #000;
   border-right: solid 1px #000;
   position: absolute;
   top: 0.5em;
   right: -1em;
   transform: rotate(-45deg);
}
.f-header-record__block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.f-header-middleweight__title {
   font-weight: 400;
   font-size: 21px;
   line-height: 25px;
   color: #000000;
}
.f-header-middleweight__block {
   margin-bottom: 35px;
}
.f-header-country__flag img {
   border-radius: 7px 0 7px 0;
}
.f-header-country__flag {
   margin-right: 20px;
   max-width: 80px;
}
.f-header-country {
   display: flex;
   /* display: -webkit-box;
   display: -ms-flexbox; */
   align-items: center;
   padding-bottom: 5px;
}
.f-header-country__name {
   font-weight: 400;
   font-size: 24px;
   line-height: 29px;
   color: #000000;
}

.f-header__record-text {
   font-size: 21px;
   margin-right: 24px;
}

@media screen and (max-width: 991px) {
   .f-header__record-text {
      font-size: 14px;
   }
}

.f-header__record-numb {
   color: #fff;
   padding: 10px 23px;
   background: #000;
   border-radius: 8px 0 8px 0;
   font-weight: 700;
   white-space: nowrap;
   font-size: 21px;
}

@media screen and (max-width: 991px) {
   .f-header__record-numb {
      font-size: 18px;
   }
}

@media screen and (max-width: 479px) {
   .f-header__record-numb {
      font-size: 14px;
   }
}

.f-header__btn {
   margin: 40px 0;
}

.f-header__btn button {
   color: #fff;
   background: #eb3223;
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 700;
   padding: 14px 35px;
   border-radius: 8px 0 8px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.f-header__btn button:hover {
   -webkit-box-shadow: 0 0 10px #000 inset;
   box-shadow: 0 0 10px #000 inset;
}

@media screen and (max-width: 991px) {
   .f-header__btn button {
      font-size: 14px;
   }
}

.f-header__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 21px;
}

@media screen and (max-width: 1023px) {
   .f-header__link {
      font-size: 14px;
   }
}

@media screen and (max-width: 375px) {
   .f-header__link {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
}

.f-header__link-item + .f-header__link-item {
   margin-left: 60px;
}

@media screen and (max-width: 375px) {
   .f-header__link-item + .f-header__link-item {
      margin-left: 0;
   }
}

.f-header__link-item {
   position: relative;
}

.f-header__link-item:after {
   content: "";
   width: 8px;
   height: 8px;
   display: block;
   border-right: solid 1px #000;
   border-top: solid 1px #000;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   top: 0.55em;
   right: -0.8em;
}

.f-header__link-item a {
   color: #000;
   text-decoration: underline;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.f-header__link-item a:hover {
   text-decoration: none;
}

.f-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: -50px -10px 80px;
}

@media screen and (max-width: 1365px) {
   .f-info {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

/* @media screen and (max-width:767px) {
   .f-info {
       display: none
   }
} */

.f-info__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
   padding: 0 10px;
}
@media screen and (max-width: 1366px) {
   .f-info__item-name {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .f-info__item-inner {
      flex-wrap: wrap;
      height: 100%;
   }
}

.f-info__item-inner {
   border: solid 1px #000;
   background: #fff;
   border-radius: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 30px 24px;
   flex-wrap: wrap;
   height: 100%;
}

.f-info__item-name {
   font-size: 18px;
   color: rgba(0, 0, 0, 0.5);
   margin-right: 15px;
}

@media screen and (max-width: 1700px) {
   .f-info__item-name {
      font-size: 14px;
   }
}

.f-info__item-post {
   font-size: 24px;
   font-weight: 700;
}

@media screen and (max-width: 1700px) {
   .f-info__item-post {
      font-size: 18px;
   }
}

.f-achievement-bg {
   background: #f6f8fc;
   border-radius: 0 200px 0 0;
}

@media screen and (max-width: 768px) {
   .f-achievement-bg {
      border-radius: 0 100px 0 0;
   }
}

.f-achievement {
   padding: 80px 0;
}

@media screen and (max-width: 768px) {
   .f-achievement {
      padding: 60px 0;
   }
}

.f-achievement__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 40px -10px 0;
}

@media screen and (max-width: 1023px) {
   .f-achievement__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 40px 0;
   }
}

.f-achievement-inner {
   padding: 0 10px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
}

@media screen and (max-width: 1023px) {
   .f-achievement-inner {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
   }
}

.f-achievement__item {
   border-bottom: solid 1px #c9cbd1;
   min-height: 90px;
   position: relative;
   padding-left: 48px;
   padding-bottom: 10px;
}

@media screen and (max-width: 1023px) {
   .f-achievement__item {
      min-height: auto;
      padding-bottom: 24px;
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 375px) {
   .f-achievement__item {
      padding-left: 40px;
   }
}

.f-achievement__item:before {
   content: "";
   width: 0;
   height: 0;
   border-left: 24px solid #eb3223;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   position: absolute;
   left: 0;
   top: 5px;
}

@media screen and (max-width: 1023px) {
   .f-achievement__item:before {
      top: 0;
   }
}

.f-achievement__item a {
   color: #000;
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   position: relative;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.f-achievement__item a:hover {
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 480px) {
   .f-achievement__item a {
      font-size: 18px;
      line-height: 22px;
   }
}

@media screen and (max-width: 1365px) {
   .f-achievement__item a {
      font-size: 18px;
   }
}

@media screen and (max-width: 1023px) {
   .f-achievement__item a {
      font-size: 24px;
   }
}

.f-video {
   padding: 100px 0 80px;
   position: relative;
}

@media screen and (max-width: 375px) {
   .f-video {
      padding: 60px 0;
   }
}

@media screen and (max-width: 375px) {
   .f-video {
      padding: 60px 0 130px;
   }
}

.f-video__title {
   margin-bottom: 15px;
}

.f-foto {
   margin-top: 100px;
   position: relative;
}

@media screen and (max-width: 1366px) {
   .f-foto {
      margin-top: 80px;
   }
}

@media screen and (max-width: 768px) {
   .f-foto {
      margin-top: 60px;
      padding-bottom: 40px;
   }
}

.f-foto .title__link-more {
   bottom: 10px;
}

.tournament-head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

@media screen and (max-width: 1365px) {
   .tournament-head {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.tournament-head__bg {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   margin-right: 50px;
}

@media screen and (max-width: 1365px) {
   .tournament-head__bg {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-bottom: 45%;
   }
}

.tournament-head__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   padding-left: 50px;
   padding-right: 100px;
}

@media screen and (max-width: 1366px) {
   .tournament-head__info {
      padding-right: 80px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 40px 80px 60px;
   }
}

@media screen and (max-width: 768px) {
   .tournament-head__info {
      padding: 40px 40px 60px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-head__info {
      padding: 24px 20px 40px;
   }
}

.tournament-head__fight-now {
   color: #fff;
   display: inline-block;
   padding: 12px 10px 12px 28px;
   position: relative;
   z-index: 1;
   font-size: 18px;
   margin-bottom: 24px;
}

@media screen and (max-width: 375px) {
   .tournament-head__fight-now {
      font-size: 14px;
   }
}

.tournament-head__fight-now::after {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   -webkit-transform: skew(-20deg);
   -ms-transform: skew(-20deg);
   transform: skew(-20deg);
   border-radius: 8px 0 8px 0;
   position: absolute;
   right: -10px;
   top: 0;
   background: #000;
   z-index: -1;
}

.tournament-head__date {
   color: #000;
   font-size: 21px;
   margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
   .tournament-head__date {
      margin-bottom: 16px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-head__date {
      font-size: 14px;
   }
}

.tournament-head__title {
   font-size: 42px;
   margin-bottom: 24px;
   font-weight: 700;
}

@media screen and (max-width: 767px) {
   .tournament-head__title {
      margin-bottom: 16px;
   }
}

@media screen and (max-width: 480px) {
   .tournament-head__title {
      font-size: 32px;
      line-height: 38px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-head__title {
      font-size: 24px;
      line-height: 29px;
   }
}

.tournament-head__location {
   font-size: 21px;
   margin-bottom: 40px;
}

@media screen and (max-width: 1366px) {
   .tournament-head__location {
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-head__location {
      font-size: 14px;
   }
}

.tournament-head__link {
   color: #000;
   text-decoration: underline;
   display: inline-block;
   position: relative;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.tournament-head__link:hover {
   text-decoration: none;
}

.tournament-head__link a {
   color: #000;
   position: relative;
   font-size: 21px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

@media screen and (max-width: 480px) {
   .tournament-head__link a {
      font-size: 18px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-head__link a {
      font-size: 14px;
   }
}

.tournament-head__link a:hover {
   border-bottom: none;
}

.tournament-head__link::after {
   content: "";
   width: 0.6em;
   height: 0.6em;
   display: block;
   border-bottom: solid 1px;
   border-right: solid 1px;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   position: absolute;
   top: 0.8em;
   right: -1em;
}

@media screen and (max-width: 480px) {
   .tournament-head__link::after {
      top: 10px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-head__link::after {
      width: 0.5em;
      height: 0.5em;
   }
}

.tournament-head__box-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 40px;
   flex-wrap: wrap;
}

@media screen and (max-width: 1366px) {
   .tournament-head__box-btn {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 1365px) {
   .tournament-head__box-btn {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
   }
}

@media screen and (max-width: 767px) {
   .tournament-head__box-btn {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.tournament-head__box-btn button + button {
   margin-left: 10px;
}

@media screen and (max-width: 1366px) {
   .tournament-head__box-btn button + button {
      margin-left: 0;
      margin-top: 16px;
   }
}

@media screen and (max-width: 1365px) {
   .tournament-head__box-btn button + button {
      margin-top: 0;
      margin-left: 10px;
   }
}

@media screen and (max-width: 767px) {
   .tournament-head__box-btn button + button {
      margin-left: 0;
      margin-top: 16px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-head__box-btn button + button {
      margin-top: 10px;
   }
}

.tournament-head__box-btn button {
   font-size: 18px;
   font-weight: 700;
   text-transform: uppercase;
   border: solid 1px;
   width: 355px;
   text-align: center;
   padding: 14px 0;
   border-radius: 8px 0 8px 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   color: #fff;
}

@media screen and (max-width: 575px) {
   .tournament-head__box-btn button {
      width: 100%;
      margin: 10px 0;
   }
   .tournament-head__box-btn a {
      display: block;
      width: 100%;
   }
}

@media screen and (max-width: 375px) {
   .tournament-head__box-btn button {
      font-size: 14px;
      margin: 5px 0;
   }
}

.tournament-head__box-btn--black {
   background: #000;
}

.tournament-head__box-btn--black:hover {
   -webkit-box-shadow: 0 0 10px #fff inset;
   box-shadow: 0 0 10px #fff inset;
}

.tournament-head__box-btn--red {
   background: #eb3223;
}

.tournament-head__box-btn--red:hover {
   -webkit-box-shadow: 0 0 10px #000 inset;
   box-shadow: 0 0 10px #000 inset;
}

.tournament-body__card {
   margin-top: 40px;
   margin-bottom: 60px;
}

.card__inner > .tournament-head__box-btn {
   flex-direction: row;
   flex-wrap: wrap;
}
.card__inner > .tournament-head__box-btn button{
   min-width: 350px;
   width: 100%;
}
.card__inner > .tournament-head__box-btn > a{
   flex-grow: 1;
}

@media screen and (max-width: 480px) {
   .card__inner > .tournament-head__box-btn button{
      min-width: auto;
   }
}

@media screen and (max-width: 1023px) {
   .tournament-body__card {
      margin-bottom: 40px;
   }
}

@media screen and (max-width: 767px) {
   .tournament-body__card {
      margin-bottom: 20px;
   }
}

.tournament-next-fight__title {
   margin: 80px 0 40px 10px;
}

@media screen and (max-width: 768px) {
   .tournament-next-fight__title {
      margin: 60px 0 40px 10px;
   }
}

@media screen and (max-width: 480px) {
   .tournament-next-fight__title {
      margin: 40px 0 40px 10px;
   }
}

.tournament-next-fight__more {
   text-align: center;
}

.tournament-past__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media screen and (max-width: 767px) {
   .tournament-past__head {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.tournament-past__choice {
   font-size: 24px;
   line-height: 29px;
}

@media screen and (max-width: 1023px) {
   .tournament-past__choice {
      font-size: 18px;
      line-height: 21px;
   }
}

.tournament-past__choice a + a {
   margin-left: 32px;
}

@media screen and (max-width: 1240px) {
   .tournament-past__choice a + a {
      margin-left: 24px;
   }
}

.tournament-past__choice-link {
   color: rgba(0, 0, 0, 0.5);
   font-weight: 700;
   position: relative;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.tournament-past__choice-link.is-active {
   color: #000;
   border-bottom: solid 2px #eb3223;
   padding-bottom: 7px;
}

.tournament-past__choice-link:hover {
   color: #000;
}

.tournament-past__title {
   margin-left: 10px;
}

@media screen and (max-width: 767px) {
   .tournament-past__title {
      margin-right: auto;
      margin-bottom: 40px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-past__title {
      padding: 0;
      width: 210px;
      text-align: center;
   }
}

.tournament-past__wrap {
   padding-top: 100px;
   padding-bottom: 100px;
}

@media screen and (max-width: 1366px) {
   .tournament-past__wrap {
      padding-top: 80px;
      padding-bottom: 80px;
   }
}

@media screen and (max-width: 768px) {
   .tournament-past__wrap {
      padding-top: 60px;
      padding-bottom: 60px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-past__wrap {
      padding-top: 40px;
      padding-bottom: 40px;
   }
}

.tournament-past__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: 20px -25px 0;
}

.tournament-past__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 0 15px;
   position: relative;
}
.tournament-past__item::after {
   content: "";
   position: absolute;
   display: block;
   background: #c9cbd1;
   width: 93%;
   left: 50%;
   transform: translateX(-50%);
   height: 1px;
   bottom: 20px;
}

@media screen and (max-width: 1023px) {
   .tournament-past__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
}

@media screen and (max-width: 575px) {
   .tournament-past__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.tournament-past__inner {
   /* border-bottom: solid 1px #c9cbd1; */
   display: block;
   color: #000;
   margin: 20px 0;
   padding: 0 10px;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
}

.tournament-past__item:hover {
   /* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
   box-shadow: 0 0 5px rgba(0, 0, 0, .3); */
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.tournament-past__date {
   font-size: 14px;
   padding-bottom: 16px;
}

.tournament-past__text {
   font-size: 21px;
   font-weight: 700;
   padding-bottom: 16px;
   line-height: 25px;
}

@media screen and (max-width: 375px) {
   .tournament-past__text {
      font-size: 18px;
      line-height: 22px;
   }
}

.tournament-past__loc {
   font-size: 14px;
   padding-bottom: 24px;
}

.tournament-past__more {
   text-align: center;
   margin-top: 60px;
}

@media screen and (max-width: 1023px) {
   .tournament-past__more {
      margin-top: 40px;
   }
}

@media screen and (max-width: 575px) {
   .tournament-past__more {
      margin-top: 20px;
   }
}

.t-head {
   margin: 0 auto;
   text-align: center;
   max-width: 62%;
}

@media screen and (max-width: 1366px) {
   .t-head {
      max-width: 100%;
   }
}

.t-head__date,
.t-head__location {
   font-size: 21px;
}

@media screen and (max-width: 768px) {
   .t-head__date,
   .t-head__location {
      font-size: 18px;
   }
}

@media screen and (max-width: 375px) {
   .t-head__date,
   .t-head__location {
      font-size: 14px;
   }
}

.t-head__name {
   font-size: 42px;
   line-height: 51px;
   margin: 24px 0;
   font-weight: 700;
}

@media screen and (max-width: 768px) {
   .t-head__name {
      font-size: 32px;
      line-height: 39px;
   }
}

@media screen and (max-width: 375px) {
   .t-head__name {
      font-size: 24px;
      line-height: 29px;
   }
}

@media screen and (max-width: 375px) {
   .t-head__name {
      margin: 15px 0;
   }
}

.t-head-link-block,
.home-head-link-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 40px -5px 0;
}
.t-head-link-block {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.home-head-link-block {
   margin-left: -450px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media screen and (max-width: 1365px) {
   .t-head-link-block,
   .home-head-link-block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 40px 0 0 0;
   }
   /* .home-head-link-block {
      margin-left: -50px;

   } */
}
@media screen and (max-width: 767px) {
   .home-head-link-block {
      margin-left: -50px;
   }
}
@media screen and (max-width: 650px) {
   .home-head-link-block {
      margin-left: 0;
      text-align: center;
      justify-content: center;
      margin: 0 auto;
   }
}
@media screen and (max-width: 625px) {
   .home-head-link-block {
      margin-left: 0px;
   }
}

@media screen and (max-width: 375px) {
   .t-head-link-block,
   .home-head-link-block {
      margin: 24px 0 0;
   }
}

.t-head__link,
.home-head__link {
   -webkit-box-flex: 0;
   margin: 8px;
}
.t-head__link {
   -ms-flex: 0 0 355px;
   flex: 0 0 355px;
   max-width: 355px;
}
.home-head__link {
   -ms-flex: 0 0 275px;
   flex: 0 0 275px;
   max-width: 275px;
}

@media screen and (max-width: 1366px) {
   .t-head__link,
   .home-head__link {
      -webkit-box-flex: 0;
   }
   .t-head__link {
      -ms-flex: 0 0 315px;
      flex: 0 0 315px;
      max-width: 315px;
   }
}
@media screen and (max-width: 650px) {
   .home-head__link {
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 375px) {
   .t-head__link,
   .home-head__link {
      -webkit-box-flex: 0;
   }
   .t-head__link {
      -ms-flex: 0 0 250px;
      flex: 0 0 250px;
      max-width: 250px;
   }
}

.t-head__link a,
.home-head__link a {
   font-size: 18px;
   line-height: 22px;
   font-weight: 700;
   border-radius: 8px 0 8px 0;
   padding: 14px 0;
   text-transform: uppercase;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   text-align: center;
}
.t-head__link a {
   min-width: 355px;
}
.home-head__link a {
   min-width: 275px;
}

@media screen and (max-width: 1366px) {
   .t-head__link a {
      min-width: 315px;
   }
}

@media screen and (max-width: 375px) {
   .t-head__link a,
   .home-head__link a {
      min-width: 250px;
      font-size: 14px;
   }
}

.t-head__link a:hover,
.home-head__link a:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}

.t-head__link--red a {
   color: #fff;
   background: #eb3223;
}

.t-head__link--black a {
   color: #fff;
   background: #000;
}

.t-head__link--black a:hover {
   -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.9) inset;
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.9) inset;
}

.t-head__link--green a {
   color: #000;
   background: #93d501;
}

.t-head__bg .top-bg--padding {
   padding-bottom: 155px;
}

@media screen and (max-width: 768px) {
   .t-head__bg .top-bg--padding {
      padding-bottom: 118px;
   }
}

@media screen and (max-width: 480px) {
   .t-head__bg .top-bg--padding {
      padding-bottom: 85px;
   }
}

.t-body-img {
   margin-top: -115px;
}
.t-body-img > img {
   width: 100%;
}

@media screen and (max-width: 768px) {
   .t-body-img {
      margin-top: -75px;
   }
}

@media screen and (max-width: 480px) {
   .t-body-img {
      margin-top: -50px;
   }
}

.t-body-block__btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 80px 0 65px;
}

@media screen and (max-width: 767px) {
   .t-body-block__btn {
      flex-direction: column;
      align-items: center;
   }
}

@media screen and (max-width: 768px) {
   .t-body-block__btn {
      margin: 60px 0 65px;
   }
}

@media screen and (max-width: 768px) {
   .t-body-block__btn {
      margin: 40px 0 60px;
   }
}

.t-body__link a {
   font-family: Prosto, Arial, sans-serif;
   border: solid 1px;
   color: #000;
   padding: 5px 53px;
   font-size: 32px;
   text-transform: uppercase;
   border-radius: 8px 0 8px 0;
   background: #fff;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   white-space: nowrap;
}

@media screen and (max-width: 768px) {
   .t-body__link a {
      font-size: 21px;
      padding: 5px 42px;
   }
}

@media screen and (max-width: 375px) {
   .t-body__link a {
      padding: 5px 24px;
   }
}

.t-body__link a:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}

.t-body__link--red a {
   color: #fff;
   background: #eb3223;
}

.t-body__link + .t-body__link {
   margin-left: 16px;
}

@media screen and (max-width: 767px) {
   .t-body__link + .t-body__link {
      margin-left: 0;
      margin-top: 10px;
   }
}

@media screen and (max-width: 1023px) {
   .t-fighter__video .videocard-block__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.home-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

@media screen and (max-width: 768px) {
   .home-top {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.home-top__img {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   margin-right: 100px;
   overflow: hidden;
   min-height: 400px;
}

@media screen and (max-width: 1366px) {
   .home-top__img {
      margin-right: 80px;
   }
}

@media screen and (max-width: 1240px) {
   .home-top__img {
      margin-right: 50px;
   }
}

@media screen and (max-width: 768px) {
   .home-top__img {
      /* margin-right: 45px */
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-bottom: 65%;
   }
}

/* @media screen and (max-width:767px) {
   .home-top__img {
       -webkit-box-flex: 0;
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%;
       padding-bottom: 65%
   }
} */

.home-top__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   margin-left: 100px;
   padding: 80px 100px 80px 0;
}

@media screen and (max-width: 1366px) {
   .home-top__info {
      margin-left: 80px;
   }
}

@media screen and (max-width: 1240px) {
   .home-top__info {
      padding-right: 150px;
      margin-left: 50px;
   }
}
@media screen and (max-width: 1024px) {
   .home-top__info {
      margin-left: 20px;
   }
}
@media screen and (max-width: 768px) {
   .home-top__info {
      /* padding: 40px 130px 40px 0;
       margin-left: 45px; */

      padding: 40px 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-left: 0;
   }
}

@media screen and (max-width: 767px) {
   .home-top__info {
      padding: 40px 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-left: 0;
   }
}

@media screen and (max-width: 767px) {
   .home-top__info {
      padding: 40px 40px;
   }
}

@media screen and (max-width: 480px) {
   .home-top__info {
      padding: 24px 25px 40px;
   }
}

@media screen and (max-width: 375px) {
   .home-top__info {
      padding: 24px 20px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }
}

.home-top__statistics {
   border: solid 1px #000;
   border-radius: 6px 0 6px 0;
   width: 106px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   font-size: 14px;
}

@media screen and (max-width: 768px) {
   .home-top__statistics {
      /* font-size: 8px;
       width: 55px;
       height: 16px;
       line-height: 16px; */

      width: 106px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 14px;
   }
}

/* @media screen and (max-width:767px) {
   .home-top__statistics {
       width: 106px;
       height: 30px;
       text-align: center;
       line-height: 30px;
       font-size: 14px
   }
} */

@media screen and (max-width: 480px) {
   .home-top__statistics {
      font-size: 8px;
      width: 55px;
      height: 16px;
      line-height: 16px;
   }
}

.home-top__name {
   font-size: 42px;
   line-height: 52px;
   font-family: Prosto, Arial, sans-serif;
   text-transform: uppercase;
}

@media screen and (max-width: 1365px) {
   .home-top__name {
      font-size: 34px;
      line-height: 44px;
   }
}

@media screen and (max-width: 1240px) {
   .home-top__name {
      font-size: 24px;
      line-height: 29px;
   }
}

@media screen and (max-width: 768px) {
   .home-top__name {
      font-size: 34px;
      line-height: 44px;
   }
}

@media screen and (max-width: 480px) {
   .home-top__name {
      font-size: 24px;
      line-height: 29px;
   }
}

.home-top__name + .home-top__name {
   margin-top: 10px;
}

@media screen and (max-width: 479px) {
   .home-top__name + .home-top__name {
      margin-top: 40px;
   }
}

.home-top__fighters {
   position: relative;
   margin: 10px 0;
}

.home-top__enemy {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%) skew(-20deg);
   -ms-transform: translateY(-50%) skew(-20deg);
   transform: translateY(-50%) skew(-20deg);
   left: -118px;
   border: solid 1px #eb3223;
   padding: 5px 23px;
   font-size: 32px;
   text-align: center;
   color: #eb3223;
   border-radius: 8px 0 8px 0;
   font-family: Prosto, Arial, sans-serif;
}

@media screen and (max-width: 1240px) {
   .home-top__enemy {
      font-size: 22px;
      padding: 5px 10px;
      left: -70px;
   }
}

@media screen and (max-width: 768px) {
   .home-top__enemy {
      /* font-size: 14px;
       left: -64px;
       padding: 1px 8px; */

      font-size: 22px;
      padding: 5px 10px;
      left: -70px;
   }
}

/* @media screen and (max-width:767px) {
   .home-top__enemy {
       font-size: 22px;
       padding: 5px 10px;
       left: -70px
   }
} */

@media screen and (max-width: 480px) {
   .home-top__enemy {
      font-size: 14px;
      left: -64px;
      padding: 1px 8px;
   }
}

@media screen and (max-width: 479px) {
   .home-top__enemy {
      left: 0;
   }
}

.home-top-more {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-top: 40px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

@media screen and (max-width: 1240px) {
   .home-top-more {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.home-top-more__date {
   font-size: 24px;
   font-family: Prosto, Arial, sans-serif;
}

@media screen and (max-width: 1365px) {
   .home-top-more__date {
      font-size: 18px;
   }
}

@media screen and (max-width: 768px) {
   .home-top-more__date {
      font-size: 14px;
   }
}

@media screen and (max-width: 767px) {
   .home-top-more__date {
      font-size: 18px;
   }
}

@media screen and (max-width: 480px) {
   .home-top-more__date {
      font-size: 14px;
   }
}

.home-top-more__location {
   margin-right: 22px;
   margin-bottom: 12px;
}

.home-top-more__time {
   font-size: 14px;
   font-family: Prosto, Arial, sans-serif;
   color: rgba(0, 0, 0, 0.5);
}
/* 
@media screen and (max-width:768px) {
   .home-top-more__time {
       font-size: 8px
   }
} */

@media screen and (max-width: 768px) {
   .home-top-more__time {
      font-size: 14px;
   }
}

@media screen and (max-width: 480px) {
   .home-top-more__time {
      font-size: 8px;
   }
}

.home-top-more__link a {
   border-radius: 8px 0 8px 0;
   padding: 12px 37px;
   background: #eb3223;
   font-size: 18px;
   color: #fff;
   text-transform: uppercase;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.home-top-more__link a:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}

@media screen and (max-width: 1365px) {
   .home-top-more__link a {
      font-size: 14px;
   }
}

/* @media screen and (max-width:768px) {
   .home-top-more__link a {
       font-size: 10px;
       padding: 7px 26px
   }
} */

@media screen and (max-width: 768px) {
   .home-top-more__link a {
      padding: 12px 37px;
      font-size: 14px;
   }
}

@media screen and (max-width: 480px) {
   .home-top-more__link a {
      font-size: 10px;
      padding: 7px 26px;
   }
}

.home-news-inner {
   position: relative;
}

@media screen and (max-width: 479px) {
   .home-news-inner .title__link-more {
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
}

.home-news__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-top: 80px;
}

.home-news__box {
   margin: 40px -20px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

@media screen and (max-width: 1240px) {
   .home-news__box {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

@media screen and (max-width: 479px) {
   .home-news__box {
      padding-bottom: 70px;
   }
}

.home-news__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-left: -10px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 76%;
   flex: 0 0 76%;
   max-width: 76%;
}

@media screen and (max-width: 1240px) {
   .home-news__row {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 768px) {
   .home-news__row {
      margin-left: 0;
   }
}

@media screen and (max-width: 767px) {
   .home-news__row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.home-news__column {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 24%;
   flex: 0 0 24%;
   max-width: 24%;
   padding: 0 20px;
}

@media screen and (max-width: 1240px) {
   .home-news__column {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.home-news__item {
   border-bottom: solid 1px #c9cbd1;
   padding: 12.5px 0;
}

.home-news__item:first-child {
   border-top: solid 1px #c9cbd1;
}

@media screen and (max-width: 1240px) {
   .home-news__item:first-child {
      border-top: none;
      margin-top: 24px;
   }
}

.home-news__item-date {
   font-size: 14px;
   margin-bottom: 12px;
}

.home-news__item-text {
   font-size: 18px;
   font-weight: 700;
   line-height: 22px;
}

.home-news-block__img img {
   border-radius: 40px 0 40px 0;
}

@media screen and (max-width: 479px) {
   .home-news-block__img img {
      border-radius: 20px 0 20px 0;
   }
}

.home-news-block-inner {
   border-bottom: solid 1px #c9cbd1;
   padding-bottom: 24px;
}

.home-news-block__date {
   font-size: 14px;
   color: #000;
   margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
   .home-news-block__date {
      margin-bottom: 16px;
   }
}

.home-news-block__text {
   font-size: 24px;
   color: #000;
   font-weight: 700;
   line-height: 29px;
}

.home-news-block--big {
   width: 46%;
   padding: 0 20px;
}

@media screen and (max-width: 768px) {
   .home-news-block--big {
      padding: 0 10px;
   }
}

@media screen and (max-width: 767px) {
   .home-news-block--big {
      width: 100%;
      margin-bottom: 24px;
      padding: 0 20px;
   }
}

.home-news-block--big .home-news-block__img {
   margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
   .home-news-block--big .home-news-block__img {
      margin-bottom: 16px;
   }
}

.home-news-block--big .home-news-block__img img {
   width: 100%;
}

.home-news-block--small {
   width: 54%;
   padding: 0 20px;
}

@media screen and (max-width: 768px) {
   .home-news-block--small {
      padding: 0 10px;
   }
}

@media screen and (max-width: 767px) {
   .home-news-block--small {
      width: 100%;
      padding: 0 20px;
   }
}

.home-news-block--small .home-news-block-inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.home-news-block--small .home-news-block + .home-news-block {
   margin-top: 24px;
}

.home-news-block--small .home-news-block__img {
   margin-right: 30px;
   width: 39.5%;
}

.home-news-block--small .home-news-block__img img {
   width: 100%;
}

.home-news-block--small .home-news-block__info {
   width: 60%;
}

@media screen and (max-width: 1366px) {
   .home-news-block--small .home-news-block__text {
      font-size: 21px;
      line-height: 24.5px;
   }
}

@media screen and (max-width: 768px) {
   .home-news-block--small .home-news-block__text {
      font-size: 18px;
      line-height: 22px;
   }
}

.home-news-block--small .home-news-block-inner {
   padding-bottom: 24px;
}

@media screen and (max-width: 767px) {
   .home-news-block--small .home-news-block-inner {
      padding-bottom: 24px;
   }
}

.home-video {
   background: #f6f8fc;
   padding: 0 0 100px;
}

.home-video__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.home-video .video-news {
   position: relative;
}

.home-video .title__link-more {
   bottom: -44px;
}

.home-news__title-wrap {
   margin: 100px 0 50px;
}

@media screen and (max-width: 1366px) {
   .home-news__title-wrap {
      margin: 80px 0 40px;
   }
}

@media screen and (max-width: 767px) {
   .home-news__title-wrap {
      margin: 60px 0 40px;
   }
}

.home-bottom {
   background: #eef2fa;
   padding: 100px 0;
}

@media screen and (max-width: 1240px) {
   .home-bottom {
      padding: 80px 0;
   }
}

@media screen and (max-width: 767px) {
   .home-bottom {
      padding: 60px 0;
   }
}

.home-bottom__title {
   margin-left: 11px;
}

.home-partners__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 40px -15px 0;
}

@media screen and (max-width: 991px) {
   .home-partners__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 15px -15px 0;
   }
}

.home-partners__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 12.5%;
   flex: 0 0 12.5%;
   max-width: 12.5%;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   padding: 0 15px;
   text-align: center;
}

@media screen and (max-width: 991px) {
   .home-partners__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      padding: 25px 15px;
   }
}

@media screen and (max-width: 480px) {
   .home-partners__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding: 25px 30px;
   }
}

.home-partners__item img {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   max-width: 100px;
}

@media screen and (max-width: 1240px) {
   .home-partners__item img {
      max-width: 100%;
   }
}

.home-partners__item:hover img {
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
}

.home-tournament {
   background: #eef2fa;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.home-tournament .title__link-more {
   position: absolute;
   right: 100px;
   top: 122px;
}

@media screen and (max-width: 1366px) {
   .home-tournament .title__link-more {
      right: 70px;
   }
}

@media screen and (max-width: 1365px) {
   .home-tournament .title__link-more {
      top: 90px;
   }
}

@media screen and (max-width: 1023px) {
   .home-tournament .title__link-more {
      right: 40px;
   }
}

@media screen and (max-width: 480px) {
   .home-tournament .title__link-more {
      right: 25px;
      top: 70px;
   }
}

@media screen and (max-width: 479px) {
   .home-tournament .title__link-more {
      top: auto;
      bottom: 60px;
      right: 50%;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
   }
}

@media screen and (max-width: 375px) {
   .home-tournament .title__link-more {
      left: 0;
      text-align: center;
   }
}

@media screen and (max-width: 1365px) {
   .home-tournament {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.home-tournament__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.home-tournament__left {
   background: #dbe1ed;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40%;
   flex: 0 0 40%;
   max-width: 40%;
   padding: 100px 40px 76px 100px;
}

@media screen and (max-width: 1366px) {
   .home-tournament__left {
      padding-left: 70px;
      padding-right: 70px;
   }
}

@media screen and (max-width: 768px) {
   .home-tournament__left {
      padding: 80px 40px;
   }
}

@media screen and (max-width: 480px) {
   .home-tournament__left {
      padding-left: 25px;
      padding-right: 25px;
      padding: 60px 25px;
   }
}

@media screen and (max-width: 375px) {
   .home-tournament__left {
      padding-left: 20px;
      padding-right: 20px;
   }
}

@media screen and (max-width: 1365px) {
   .home-tournament__left {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.home-tournament__right {
   background: #eef2fa;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 60%;
   flex: 0 0 60%;
   max-width: 60%;
   height: 100%;
   padding: 200px 100px 100px 40px;
}

@media screen and (max-width: 1365px) {
   .home-tournament__right {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 40px 80px 80px;
   }
}

@media screen and (max-width: 1365px) and (max-width: 1023px) {
   .home-tournament__right {
      padding: 40px 40px 80px;
   }
}

@media screen and (max-width: 1365px) and (max-width: 480px) {
   .home-tournament__right {
      padding: 40px 25px 60px;
   }
}

@media screen and (max-width: 1365px) and (max-width: 479px) {
   .home-tournament__right {
      padding: 40px 20px 110px;
   }
}

@media screen and (max-width: 1365px) {
   .home-tournament-left__box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 50px;
   }
}

@media screen and (max-width: 1023px) {
   .home-tournament-left__box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.home-tournament-left .title {
   margin-left: 10px;
}

.home-tournament-left__inner {
   border-bottom: solid 1px #c9cbd1;
   padding-bottom: 24px;
}

.home-tournament-left__img {
   margin: 36px 0 24px;
   border-radius: 40px 0 40px 0;
   overflow: hidden;
}

.home-tournament-left__img img {
   border-radius: 40px 0 40px 0;
}

@media screen and (max-width: 1365px) {
   .home-tournament-left__img {
      margin: 0 24px 0 0;
   }
}

@media screen and (max-width: 1023px) {
   .home-tournament-left__img {
      margin: 20px 0;
   }
}

.home-tournament-left__notice {
   color: #fff;
   background: #eb3223;
   font-size: 18px;
   font-weight: 700;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 12px 21px;
   margin-bottom: 21px;
   position: relative;
   z-index: 1;
}

.home-tournament-left__notice:after {
   content: "";
   width: 100%;
   height: 100%;
   background: #eb3223;
   position: absolute;
   right: -15px;
   top: 0;
   display: block;
   -webkit-transform: skew(-20deg);
   -ms-transform: skew(-20deg);
   transform: skew(-20deg);
   border-radius: 0 0 8px;
   z-index: -1;
}

.home-tournament-left__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 21px;
   color: #000;
   margin-bottom: 24px;
}

@media screen and (max-width: 1700px) {
   .home-tournament-left__info {
      font-size: 18px;
   }
}

@media screen and (max-width: 480px) {
   .home-tournament-left__info {
      font-size: 16px;
   }
}

@media screen and (max-width: 479px) {
   .home-tournament-left__info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }
}

.home-tournament-left__date {
   font-size: 21px;
}

@media screen and (max-width: 1700px) {
   .home-tournament-left__date {
      font-size: 18px;
   }
}

@media screen and (max-width: 480px) {
   .home-tournament-left__date {
      font-size: 16px;
   }
}

.home-tournament-left__text {
   font-size: 32px;
   font-weight: 700;
   line-height: 39px;
}

@media screen and (max-width: 768px) {
   .home-tournament-left__text {
      font-size: 28px;
      line-height: 32px;
   }
}

@media screen and (max-width: 480px) {
   .home-tournament-left__text {
      font-size: 24px;
      line-height: 29px;
   }
}

.home-tournament-right__title {
   font-size: 32px;
   font-weight: 700;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   /* -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center; */
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 48px;
   margin-top: 40px;
}

.home-slider-list__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 300px;
   flex: 0 0 300px;
   max-width: 300px;
   margin-right: 40px;
   border-bottom: solid 1px #c9cbd1;
   padding-bottom: 24px;
}

@media screen and (max-width: 1366px) {
   .home-slider-list__item {
      max-width: 215px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 215px;
      flex: 0 0 215px;
      margin-right: 16px;
      padding-bottom: 20px;
   }
}

@media screen and (max-width: 1365px) {
   .home-slider-list__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
      flex: 0 0 300px;
      max-width: 300px;
      margin-right: 40px;
      padding-bottom: 24px;
   }
}

@media screen and (max-width: 768px) {
   .home-slider-list__item {
      max-width: 215px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 215px;
      flex: 0 0 215px;
      margin-right: 16px;
   }
}

@media screen and (max-width: 480px) {
   .home-slider-list__item {
      max-width: 210px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 215px;
      flex: 0 0 215px;
      margin-right: 16px;
   }
}

@media screen and (max-width: 375px) {
   .home-slider-list__item {
      max-width: 130px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 215px;
      flex: 0 0 215px;
      margin-right: 16px;
      padding-bottom: 16px;
   }
}

.home-slider-list__item-img {
   border-radius: 40px 0 40px 0;
   overflow: hidden;
}

.home-slider-list__item-img img {
   border-radius: 40px 0 40px 0;
}

.home-slider-list__item-date {
   font-size: 18px;
   margin: 24px 0;
}

@media screen and (max-width: 1366px) {
   .home-slider-list__item-date {
      margin: 20px 0;
   }
}

@media screen and (max-width: 480px) {
   .home-slider-list__item-date {
      font-size: 14px;
   }
}

@media screen and (max-width: 375px) {
   .home-slider-list__item-date {
      font-size: 12px;
   }
}

.home-slider-list__item-text {
   font-size: 21px;
   line-height: 25px;
   font-weight: 700;
   margin-bottom: 24px;
}

@media screen and (max-width: 1366px) {
   .home-slider-list__item-text {
      margin-bottom: 20px;
   }
}

@media screen and (max-width: 1365px) {
   .home-slider-list__item-text {
      margin-bottom: 24px;
   }
}

@media screen and (max-width: 575px) {
   .home-slider-list__item-text {
      margin-bottom: 16px;
   }
}

@media screen and (max-width: 375px) {
   .home-slider-list__item-text {
      font-size: 16px;
      line-height: 19px;
   }
}

.upgrade {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.upgrade-wrap {
   width: 100%;
   height: 100%;
   background: #fff;
   position: fixed;
   text-align: center;
}

.upgrade-inner {
   position: absolute;
   padding: 50px 15%;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.upgrade__title {
   margin: 20px 0 25px;
   font-size: 18px;
}

.upgrade__text {
   font-size: 18px;
}

.upgrade__link-title {
   margin: 24px 0;
}

.upgrade__link a {
   padding-left: 0.4em;
   text-decoration: underline;
   color: #5f3f3f;
}

/* photo page */

.f__top-strip {
   background: #1e1e1e;
   border-radius: 14px;
   color: #fff;
   text-align: center;
   font-size: 36px;
   font-weight: 700;
   padding: 64px 0;
   margin: 15px 0 12px;
}

@media screen and (max-width: 1366px) {
   .f__top-strip {
      margin: 10px 0;
   }
}
@media screen and (max-width: 1366px) {
   .f__top-strip {
      font-size: 24px;
   }
}

@media screen and (max-width: 768px) {
   .f__top-strip {
      font-size: 18px;
   }
}

@media screen and (max-width: 575px) {
   .f__top-strip {
      display: none;
   }
}

.f__top-strip-date {
   color: #38c34e;
   font-size: 14px;
   margin-top: 15px;
}

.f-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 0 -12px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
   .f-list {
      margin: 0 -10px;
   }
}

@media screen and (max-width: 475px) {
   .f-list {
      margin: 0;
   }
}

.f-list__item {
   padding: 12px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   position: relative;
   overflow: hidden;
}

@media screen and (max-width: 768px) {
   .f-list__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding: 10px;
   }
}

@media screen and (max-width: 475px) {
   .f-list__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 7px 0;
   }
}

.f-list__item-inner {
   border-radius: 10px;
   background: #dedede;
   overflow: hidden;
   transition: 0.3s;
   overflow: hidden;
   cursor: pointer;
}
.f-list__item-inner:hover {
   /* transform: scale(1.2); */
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.f-list__item-info {
   position: absolute;
   left: 30px;
   right: 30px;
   bottom: 30px;
   /* display: none; */
}
.f-list__item-foto {
   position: relative;
   transition: 0.3s;
}
.f-list__item-foto img {
   display: block;
   margin: 0 auto;
}
.f-foto-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: 0;
   background: #000;
   opacity: 0.5;
   /* display: none; */
}
/* @media screen and (max-width: 575px) {
	.f-foto-overlay{
		display: block;
	}
 }
@media screen and (max-width: 575px) {
   .f-list__item-info {
     display: block;
   }
 } */

.f-list__item-date {
   color: #93d501;
   font-size: 14px;
   font-weight: 900;
   line-height: 17px;
   margin-bottom: 5px;
}

.f-list__item-text {
   color: #fff;
   font-size: 24px;
   line-height: 30px;
   font-weight: 900;
}

@media screen and (max-width: 1366px) {
   .f-list__item-date {
      font-size: 12px;
      line-height: 14px;
   }
   .f-list__item-text {
      font-size: 18px;
      line-height: 22px;
   }
   .f-list__item-text br {
      display: none;
   }
}
@media screen and (max-width: 992px) {
   .f-list__item-date {
      font-size: 8px;
      line-height: 9px;
   }
   .f-list__item-text {
      font-size: 10px;
      line-height: 12px;
   }
   .f-list__item-info {
      left: 12px;
      bottom: 12px;
   }
}
@media screen and (max-width: 450px) {
   .f-list__item-date {
      font-size: 10px;
      line-height: 12px;
   }
   .f-list__item-text {
      font-size: 12px;
      line-height: 15px;
   }
   .f-list__item-info {
      left: 7px;
      bottom: 7px;
   }
   .f-list__item-text br {
      display: block;
   }
}

.f__btn,
.f-pagination {
   text-align: center;
   margin: 40px auto;
}
@media screen and (max-width: 480px) {
   .f__btn {
      margin: 20px auto;
   }
}

.f__btn button,
.f-pagination button {
   background: #000;
   color: #fff;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 18px;
   width: 340px;
   height: 70px;
   line-height: 70px;
   text-align: center;
   border: none;
   border-radius: 10px;
   cursor: pointer;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
@media screen and (max-width: 575px) {
   .f__btn button {
      width: 245px;
      height: 50px;
      line-height: 50px;
      font-size: 14px;
   }
}
.disabled {
   cursor: default;
   background-color: #f9c1bd;
}

.vote-footer-btn button[disabled] {
   background-color: #dedede !important;
   cursor: default !important;
   color: #fff !important;
   opacity: 1 !important;
}

.vote-footer-btn button[disabled]:hover {
   box-shadow: none;
}

.f__btn button:hover,
.f-pagination button:hover {
   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
   background: rgba(0, 0, 0, 0.7);
   /* transform: scale(1.1); */
   color: #33fa3b;
}

/* @media screen and (max-width: 575px) {
   .f__btn button, .f-pagination button {
     display: none;
   }
 } */

/* .f-pagination {
   display: none;
 }
  */
/* @media screen and (max-width: 575px) {
   .f-pagination {
		display: block;
   }
 }
  */
.f-pagination__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.f-pagination__list li.active a {
   color: #000;
}

.f-pagination__list li + li {
   margin-left: 1.2em;
}
.f-pagination__list li:last-child {
   margin-bottom: 5px;
}
.f-pagination__list > * {
   font-size: 24px;
   font-weight: 700;
}
.f-pagination__list a {
   color: #747474;
}
/* -------------- */

/*----tv-guid----*/
.guid {
   background: #fff;
   padding: 10px 0 30px;
   display: none;
   position: absolute;
   width: 100%;
   left: 0;
   top: 100%;
   z-index: 10;
}
.tv-guid {
   border: 2px solid #dbe1ed;
   border-radius: 38px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-around;
   margin: 0 0px;
   position: relative;
   padding: 30px 10px;
}
@media screen and (max-width: 1366px) {
   .tv-guid {
      justify-content: space-evenly;
      border-radius: 30px;
   }
}
@media screen and (max-width: 1200px) {
   .tv-guid {
      flex-wrap: wrap;
      border-radius: 18px;
   }
}
@media screen and (max-width: 575px) {
   .tv-guid {
      padding: 20px;
      border-radius: 12px;
   }
}
@media screen and (max-width: 370px) {
   .tv-guid {
      padding: 20px 9px;
   }
}

.tv-guid__close {
   width: 45px;
   height: 45px;
   background: #1d1d1d;
   position: absolute;
   top: 60px;
   right: 60px;
   border-radius: 7px;
   cursor: pointer;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
@media screen and (max-width: 1366px) {
   .tv-guid__close {
      width: 36px;
      height: 36px;
      top: 45px;
      right: 45px;
   }
}
@media screen and (max-width: 768px) {
   .tv-guid__close {
      width: 29px;
      height: 29px;
      top: 29px;
      right: 29px;
   }
}
@media screen and (max-width: 575px) {
   .tv-guid__close {
      width: 18px;
      height: 18px;
      top: 16px;
      right: 16px;
   }
}

.tv-guid__close:hover {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

.tv-guid__close::after {
   content: "";
   width: 80%;
   height: 2px;
   background: #fff;
   display: block;
   position: absolute;
   top: 21px;
   left: 5px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.tv-guid__close::before {
   content: "";
   width: 80%;
   height: 2px;
   background: #fff;
   display: block;
   position: absolute;
   top: 21px;
   left: 5px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
@media screen and (max-width: 1366px) {
   .tv-guid__close::before {
      top: 17px;
      left: 4px;
   }
   .tv-guid__close::after {
      top: 17px;
      left: 4px;
   }
}
@media screen and (max-width: 768px) {
   .tv-guid__close::before {
      top: 14px;
      left: 3px;
   }
   .tv-guid__close::after {
      top: 14px;
      left: 3px;
   }
}
@media screen and (max-width: 575px) {
   .tv-guid__close::before {
      top: 8px;
      left: 2.5px;
      width: 70%;
   }
   .tv-guid__close::after {
      top: 8px;
      left: 2.5px;
      width: 70%;
   }
}
.tv-guid__video {
   position: relative;
   overflow: hidden;
   padding-bottom: 65%;
}
@media screen and (max-width: 1200px) {
   .tv-guid__video {
      padding-bottom: 38%;
      height: 330px;
   }
}
@media screen and (max-width: 575px) {
   .tv-guid__video {
      padding-bottom: 85%;
      height: 420px;
   }
}
/* @media screen and (max-width: 1366px){
   .tv-guid__video {
      padding-bottom: 85%;
      height: 420px;
   }
} */

.tv-guid__video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 23px;
}
@media screen and (max-width: 1366px) {
   .tv-guid__video iframe {
      border-radius: 17px;
   }
}
@media screen and (max-width: 768px) {
   .tv-guid__video iframe {
      border-radius: 10px;
   }
}
@media screen and (max-width: 480px) {
   .tv-guid__video iframe {
      border-radius: 7px;
   }
}
.tv-guid__item {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 50%;
   flex: 1 0 50%;
   max-width: 50%;
   margin: 0 -30px;
}
@media screen and (max-width: 1200px) {
   .tv-guid__item {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
      margin: 0 -30px;
   }
   .tv-guid__item:nth-child(1) {
      order: 2;
      margin: 0;
   }
   .tv-guid__item:nth-child(2) {
      order: 1;
      margin: 0;
   }
}

.tv-guid__item-inner {
   padding: 0 60px;
}
@media screen and (max-width: 1366px) {
   .tv-guid__item-inner {
      padding: 0 20px;
   }
}
@media screen and (max-width: 1200px) {
   .tv-guid__item-inner {
      padding: 0;
   }
}

.tv-guid__title {
   color: #0b0b0b;
   font-size: 36px;
   margin-bottom: 60px;
   position: relative;
   font-weight: 700;
   display: inline-block;
}

@media screen and (max-width: 1366px) {
   .tv-guid__title {
      font-size: 28px;
   }
}
@media screen and (max-width: 1200px) {
   .tv-guid__title {
      margin-bottom: 25px;
   }
}
@media screen and (max-width: 575px) {
   .tv-guid__title {
      font-size: 18px;
      margin-bottom: 18px;
   }
}
@media screen and (max-width: 370px) {
   .tv-guid__title {
      font-size: 14px;
   }
}

.tv-guid__title::after {
   content: "";
   height: 0.7em;
   width: 0.7em;
   display: block;
   border-right: solid 2px red;
   border-bottom: solid 2px red;
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
   position: absolute;
   top: 0.5em;
   right: -1.2em;
   cursor: pointer;
   display: none;
}

.tv-guid-list__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   /* -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center; */
   font-size: 20px;
   margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
   .tv-guid-list {
      display: block !important;
   }
}
@media screen and (max-width: 1366px) {
   .tv-guid-list__item {
      font-size: 18px;
   }
}
@media screen and (max-width: 1200px) {
   .tv-guid-list {
      margin-bottom: 35px;
   }
}

@media screen and (max-width: 575px) {
   .tv-guid-list__item {
      font-size: 14px;
   }
   .tv-guid-list {
      margin-bottom: 20px;
   }
}

@media screen and (max-width: 370px) {
   .tv-guid-list__item {
      font-size: 10px;
   }
}

.tv-guid-list__item-time {
   margin-right: 0.4em;
}

.tv-guid__title::after {
   content: "";
   display: block;
   width: 0.5em;
   height: 0.5em;
   position: absolute;
   right: -1.2em;
   top: 0.6em;
   border-right: solid 3px #eb3223;
   border-bottom: solid 3px #eb3223;
   display: none;
}
@media screen and (max-width: 768px) {
   .tv-guid__title::after {
      display: block;
   }
   .tv-guid__title.is-active::after {
      content: "";
      display: block;
      width: 0.5em;
      height: 0.5em;
      position: absolute;
      right: -1.2em;
      top: 0.6em;
      border-right: 3px solid #38c44e;
      border-bottom: 3px solid #38c44e;
      transform: rotate(45deg);
   }
}
@media screen and (max-width: 575px) {
   .tv-guid__title::after {
      border-right: solid 2px #eb3223;
      border-bottom: solid 2px #eb3223;
   }
   .tv-guid__title.is-active::after {
      border-right: 2px solid #38c44e;
      border-bottom: 2px solid #38c44e;
   }
}

/* finish-tv-guid */

/* stat */

.stat-head {
   background: #eef2fa;
   text-align: center;
   padding: 60px 30px;
   border-radius: 20px;
}

.stat-head__title {
   color: #000;
   font-size: 36px;
   margin-bottom: 20px;
}

.stat-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: 10px -10px;
}

.stat-list__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 10px;
}

@media screen and (max-width: 1365px) {
   .stat-list__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
}

@media screen and (max-width: 767px) {
   .stat-list__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.stat-list__item-inner {
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   z-index: 5;
   color: white;
   /* padding: 35px;
	height: 250px; */
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
   transition: 0.4s;
}

.stat-list__item-inner:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.stat-list__item-foto::before {
   content: "";
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   z-index: 0;
}
.stat-list__item-foto {
   overflow: hidden;
   transition: 0.4s;
}
.stat-list__item-foto img {
   width: 100%;
   display: flex;
   flex-grow: 1;
}
.stat-list__item-foto:hover {
   transform: scale(1.1);
}

.stat-list__item-logo {
   position: absolute;
   top: 35px;
   left: 35px;
}

.stat-list__item-row {
   position: absolute;
   top: 35px;
   right: 35px;
   font-size: 18px;
   color: #020202;
   background: #fff;
   border-radius: 8px;
   padding: 9px 29px;
}

.stat-list__item-info {
   position: absolute;
   bottom: 35px;
   left: 35px;
}

.stat-list__item-name {
   color: #fff;
   font-size: 24px;
   font-weight: 700;
   padding-bottom: 8px;
}

.stat-list__item-loc {
   font-size: 18px;
   color: #38c34e;
}

.list-years {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 24px;
   height: 40px;
}

.list-years__item + .list-years__item {
   margin-left: 20px;
}

.list-years__item {
   font-size: 18px;
   color: #787878;
   font-weight: 500;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

.list-years__item:hover {
   color: #000;
   font-size: 700;
}

.list-years__item.is-active {
   font-size: 24px;
   color: #000;
}

.list-months {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.list-months .owl-prev,
.list-months .owl-next {
   position: absolute;
   top: 50%;
   margin-top: -8px;
   width: 9px;
   height: 16px;
   background-image: url("../../f/img/arrow-slider.svg");
   background-repeat: no-repeat;
}

.list-months .owl-prev {
   left: 25px;
}
.list-months .owl-next {
   right: 25px;
   transform: rotate(180deg);
}

.list-months .owl-next.disabled,
.list-months .owl-prev.disabled {
   opacity: 0.2;
   cursor: default;
}

@media screen and (max-width: 1279px) {
   .list-months {
      padding-left: 75px;
      padding-right: 75px;
   }
}

@media screen and (max-width: 575px) {
   .list-months {
      padding-left: 40px;
      padding-right: 40px;
   }
   .list-months .owl-prev {
      left: 0px;
   }
   .list-months .owl-next {
      right: 0px;
   }
}

@media screen and (max-width: 375px) {
   .list-months {
      padding-left: 15px;
      padding-right: 15px;
   }
   .list-months .owl-prev {
      left: -10px;
   }
   .list-months .owl-next {
      right: -10px;
   }
}

.list-months__item + .list-months__item {
   margin-left: 29px;
}

.list-months__item {
   color: #b8b8b8;
   font-weight: 500;
   font-size: 18px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

.list-months__item:hover {
   color: #000;
}

.list-months__item.is-active {
   color: #000;
   font-weight: 700;
}
/* finish stat */

/* vote */

.vote--width {
   /* width: 60%; */
   width: 70%;
   margin: 0 auto;
}

@media screen and (max-width: 1566px) {
   .vote--width {
      width: 100%;
   }
}

.iframe-field {
   position: relative;
   overflow: hidden;
   padding-bottom: 50%;
   border-radius: 15px;
}
.iframe-field iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;

   /* min-height: 600px;
	border-radius: 15px;
	overflow: hidden; */
}
/* @media screen and (max-width: 1024px){
	.iframe-field iframe {
		min-height: 500px;
	}
}
@media screen and (max-width: 991px){
	.iframe-field iframe {
		min-height: 400px;
	}
}
 @media screen and (max-width: 767px){
	.iframe-field iframe {
		min-height: 350px;
	}
}
@media screen and (max-width: 480px){
	.iframe-field iframe {
		min-height: 240px;
	}
 }
 @media screen and (max-width: 375px){
	.iframe-field iframe {
		min-height: 150px;
	}
 } */
.vote__iframe .vote__iframe-inner.vote--width {
   padding-bottom: 40%;
}
@media screen and (max-width: 1566px) {
   .vote__iframe .vote__iframe-inner.vote--width {
      padding-bottom: 50%;
   }
}
.vote__head {
   background: #eef2fa;
   border-radius: 20px;
   padding: 50px 45px 45px;
   text-align: center;
}
@media screen and (max-width: 768px) {
   .vote__head {
      padding: 45px 35px 40px;
      margin: 0 -40px;
   }
}
@media screen and (max-width: 480px) {
   .vote__head {
      padding: 35px 20px 30px;
      margin: 0 -25px;
   }
}
@media screen and (max-width: 375px) {
   .vote__head {
      padding: 25px 10px 20px;
      margin: 0 -20px;
   }
}

.vote__title {
   color: #d72e26;
   border-top: solid 1px #d72e26;
   border-bottom: solid 1px #d72e26;
   text-transform: uppercase;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 64px;
   line-height: 77px;
   margin: 30px 0;
   font-weight: 900;
}

@media screen and (max-width: 991px) {
   .vote__title {
      font-size: 36px;
      line-height: 43px;
      margin: 23px 0 16px;
   }
}

@media screen and (max-width: 575px) {
   .vote__title {
      font-size: 22px;
      line-height: 27px;
      margin: 23px 0 16px;
   }
}

.vote__subtitle {
   width: 40%;
   margin: 0 auto;
}

@media screen and (max-width: 1566px) {
   .vote__subtitle {
      width: 100%;
   }
}

.vote__choice-title {
   text-align: center;
   padding: 65px 0 40px;
   font-size: 48px;
   line-height: 62px;
   color: #4c4d4c;
   font-weight: 700;
}

@media screen and (max-width: 768px) {
   .vote__choice-title {
      font-size: 36px;
      line-height: 54px;
   }
}
@media screen and (max-width: 575px) {
   .vote__choice-title {
      font-size: 24px;
      line-height: 36px;
      padding: 50px 0 30px;
   }
}
@media screen and (max-width: 375px) {
   .vote__choice-title {
      padding: 30px 0 10px;
   }
}

.vote-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   flex-wrap: wrap;
   margin: 10px -10px 60px;
}
@media screen and (max-width: 480px) {
   .vote-list {
      margin: 10px -10px 30px;
   }
}

.vote-item {
   flex: 0 0 25%;
   max-width: 25%;
   position: relative;
   border-radius: 10px;
   overflow: hidden;
   cursor: pointer;
   transition: 0.3s;
}
@media screen and (max-width: 991px) {
   .vote-item {
      flex: 0 0 33.333%;
      max-width: 33.333%;
   }
}
@media screen and (max-width: 800px) {
   .vote-item {
      flex: 0 0 50%;
      max-width: 50%;
   }
}
@media screen and (max-width: 575px) {
   .vote-item {
      flex: 0 0 100%;
      max-width: 100%;
   }
}

.vote-item:hover .vote-item__foto {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.vote-item__inner {
   padding: 10px;
   height: 100%;
}

.vote-item:hover .vote-item__btn > div {
   color: #33fa3b;
   background: rgba(0, 0, 0, 0.5);
}
.vote-item:hover .vote-item__btn > div.is-active {
   background: #fff;
   color: #000;
}

.vote-item__foto {
   height: 100%;
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   transition: 0.3s;
}
.vote-item__foto img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.vote-item__info {
   position: absolute;
   left: 0;
   right: 0;
   padding: 0 15px;
   text-align: center;
   color: #fff;
   display: inline-block;
   bottom: 20px;
}
@media screen and (max-width: 1366px) {
   .vote-item__info {
      bottom: 10px;
   }
}

.vote-item__name {
   border-radius: 10px;
   background: #050505;
   font-size: 13px;
   font-weight: 700;
   /* white-space: nowrap; */
   padding: 5px 10px;
   text-align: center;
   display: inline-block;
}
@media screen and (max-width: 860px) {
   .vote-item__name {
      font-size: 12px;
      min-width: 180px;
   }
}
@media screen and (max-width: 575px) {
   .vote-item__name {
      min-width: auto;
   }
}

.vote-item__btn {
   margin-top: 10px;
   margin: 10px auto 0;
}
.vote-item__btn > div {
   color: #fff;
   text-align: center;
   width: 131px;
   padding: 10px 0;
   font-size: 13px;
   font-weight: 700;
   border-radius: 10px;
   background: #050505;
   display: block;
   margin: 0 auto;
   transition: 0.3s;
}
@media screen and (max-width: 991px) {
   .vote-item__btn > div {
      width: 108px;
      font-size: 14px;
   }
}
@media screen and (max-width: 860px) {
   .vote-item__btn > div {
      font-size: 12px;
   }
}

.vote-item__btn div.is-active {
   background: #fff;
   color: #050505;
}

.vote-footer__text {
   text-align: center;
   font-size: 18px;
   color: #2c2c2c;
   width: 30%;
}
@media screen and (max-width: 1366px) {
   .vote-footer__text {
      width: 54%;
   }
}
@media screen and (max-width: 768px) {
   .vote-footer__text {
      width: 74%;
   }
}

.vote-footer {
   background: #eef2fa;
   padding: 20px 0 60px;
}
@media screen and (max-width: 480px) {
   .vote-footer__text {
      width: 100%;
      font-size: 14px;
   }

   .vote-footer {
      padding: 1px 0 40px;
   }
}
.vote-footer__atention {
   text-align: center;
}
.vote-footer__atention div:first-child {
   color: #88c601;
   font-size: 64px;
   font-weight: 700;
   line-height: 64px;
}
.vote-footer__atention div:last-child {
   color: #000;
   font-size: 24px;
   font-weight: 700;
   margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
   .vote-footer__atention div:first-child {
      font-size: 50px;
      line-height: 60px;
   }
}
@media screen and (max-width: 575px) {
   .vote-footer__atention div:first-child {
      font-size: 38px;
      line-height: 48px;
   }
   .vote-footer__atention div:last-child {
      font-size: 20px;
   }
}
@media screen and (max-width: 375px) {
   .vote-footer__atention div:first-child {
      font-size: 30px;
      line-height: 40px;
   }
   .vote-footer__atention div:last-child {
      font-size: 12px;
   }
}
.vote-awards:nth-child(even) {
   background: #eef2fa;
}
.vote-awards {
   padding-bottom: 30px;
}
.awards--width {
   width: 48%;
   margin: 30px auto 0;
}
@media screen and (max-width: 1366px) {
   .awards--width {
      width: 100%;
      margin: 30px auto 0;
   }
}
/* finish vote */

.header-strip__inner img {
   max-width: 60%;
}
.header__top-inner {
   cursor: pointer;
   overflow: hidden;
   display: flex;

   justify-content: space-around;
}
.header__top-inner img {
   transition: 0.9s;
}
.header__top-inner:hover img {
   transform: scale(1.05);
}

.js-dop-fl-list {
   display: none;
}

/* Bottom banner */
.desktop_banner {
   display: block;
}
.mobile_banner {
   display: none;
}
@media screen and (max-width: 991px) {
   .desktop_banner {
      display: none;
   }
   .mobile_banner {
      display: block;
   }
}

.tournament-head__bg {
   position: relative;
}
@media screen and (max-width: 767px) {
   .tournament-head__bg {
      padding-bottom: 115%;
   }
}
.tournament-head__bg div {
   background-size: cover;
   background-position: 48% 50%;
   width: 100%;
   height: 100%;
   position: absolute;
}

.top-bg {
   background-color: #eef2fa;
   padding: 40px 0;
}
/*.top-bg.open{
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-color: #fff;
   padding: 24px;
   z-index: 1000;
}*/
.top-bg__inner {
   position: relative;
}
.top-bg__img {
   background-image: url("../img/new-bg.jpg");
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: cover;
   padding-bottom: 56%;
   /* padding-bottom: 940px; */
   border-radius: 15px;
   overflow: hidden;
   position: relative;
   z-index: 1;
}
.top-bg-btn {
   /* position: absolute; */
   margin-bottom: 30px;
   top: 35px;
   left: 45px;
   right: 45px;
   z-index: 2;
   display: flex;
   justify-content: space-between;
}
.top-bg-btn__left {
   display: flex;
   flex: 0 0 70%;
   max-width: 70%;
}
.top-bg-btn__right {
   flex: 0 0 30%;
   max-width: 30%;
   display: flex;
}
.top-bg-btn__right button {
   margin-left: auto;
}
.top-bg__btn {
   display: block;
   color: #000;
   background-color: #fff;
   border-radius: 5px;
   font-weight: 400;
   font-size: 24px;
   line-height: 30px;
   text-align: center;
   transition: 0.3s;
   padding: 13px 64px;
   position: relative;
   border: solid 1px #dadada;
}
.top-bg__btn span {
   padding-left: 15px;
   font-weight: 500;
}
.top-bg__btn:hover {
   color: #ff0000;
}

.top-bg-btn--sale ~ .top-bg-btn--sale {
   margin-left: 20px;
}

@media screen and (max-width: 1440px) {
   .top-bg__btn {
      padding: 13px 40px;
   }
}

@media screen and (max-width: 1240px) {
   .top-bg-btn {
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      margin-bottom: 30px;
   }
}
@media screen and (max-width: 991px) {
   .top-bg-btn--sale button {
      display: block;
      max-width: 100%;
   }
   .top-bg__btn {
      display: block;
      width: 100%;
      padding: 13px 0;
   }
   .top-bg-btn--sale {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .top-bg-btn__left {
      flex: 0 0 70%;
      max-width: 70%;
      padding-right: 40px;
   }
   .top-bg-btn__right {
      flex: 0 0 30%;
      max-width: 30%;
   }

   .top-bg__img {
      background-image: url("../img/new-bg-mobile.jpg");
      padding-bottom: 172%;
      border-radius: 0;
   }
}
@media screen and (max-width: 768px) {
   .top-bg-btn {
      flex-wrap: wrap;
      display: block;
      margin-bottom: 20px;
   }

   .top-bg-btn__left {
      flex: 0 0 100%;
      max-width: initial;
      padding-right: 0;
      margin: 0 -10px 15px;
   }
   .top-bg-btn__right {
      flex: 0 0 100%;
      max-width: 100%;
   }

   .top-bg-btn--sale {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 10px;
   }
   .top-bg-btn--sale + .top-bg-btn--sale {
      margin-left: 0;
   }
}
@media screen and (max-width: 575px) {
   .top-bg__btn {
      font-size: 16px;
   }
   .top-bg__btn {
      padding: 3px 0;
   }
}

/* new page table */

.table-head,
.table-body-item {
   display: -ms-grid;
   display: grid;
   grid-auto-flow: column;
   -ms-grid-columns: 7% 25% 15% 13% 27% 13%;
   grid-template-columns: 7% 25% 15% 13% 27% 13%;
}

@media screen and (max-width: 1240px) {
   .table-head,
   .table-body-item {
      -ms-grid-columns: 40% 17% 30% 13%;
      grid-template-columns: 40% 17% 30% 13%;
   }
}
.table-content {
   margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
   .table-content {
      margin-bottom: 60px;
   }
}
@media screen and (max-width: 480px) {
   .table-content {
      margin-bottom: 40px;
   }
}
.table-item {
   margin-top: 80px;
}

@media screen and (max-width: 768px) {
   .table-item {
      margin-top: 60px;
   }
}

@media screen and (max-width: 480px) {
   .table-item {
      margin-top: 40px;
   }
}

.table-title {
   line-height: 1em;
   margin-bottom: 40px;
}

.table-head {
   background: #dbe1ed;
   border-radius: 25px 25px 0 0;
}

@media screen and (max-width: 768px) {
   .table-head {
      display: none;
   }
}
.table-wrap {
   margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
   .table-wrap {
      margin-bottom: 60px;
   }
}

@media screen and (max-width: 480px) {
   .table-wrap {
      margin-bottom: 40px;
   }
}

.table-head__name {
   font-weight: 400;
   font-size: 16px;
   color: #000000;
   border-right: solid 2px #fff;
   padding-left: 15px;
   position: relative;
   padding-top: 35px;
   padding: 35px 0 25px 15px;
}

@media screen and (max-width: 1500px) {
   .table-head__name {
      padding-left: 10px;
   }
}

@media screen and (max-width: 1366px) {
   .table-head__name {
      font-size: 16px;
   }
}

@media screen and (max-width: 991px) {
   .table-head__name {
      font-size: 12px;
      padding: 15px 0 15px 10px;
   }
}

.table-head__name:last-child {
   border: none;
}

.table-head__name:last-child::after {
   content: "";
   display: none;
   border: none;
}

.table-head__name-block {
   text-align: center;
   padding-bottom: 10px;
   padding-top: 15px;
   padding-left: 0;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media screen and (max-width: 1240px) {
   .table-head__name-block {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }
}

.table-head__subname {
   background: #eef2fa;
   margin-bottom: -10px;
   margin-top: 5px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (33.33%) [auto-fill];
   grid-template-columns: repeat(auto-fill, 33.33%);
}

@media screen and (max-width: 1240px) {
   .table-head__subname {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: #dbe1ed;
   }
}

.table-head__subname div {
   border-right: solid 2px #fff;
   border-top: solid 2px #fff;
   padding: 5px 0;
}

@media screen and (max-width: 1240px) {
   .table-head__subname div {
      background: #dbe1ed;
      border: none;
      display: inline;
   }
   .table-head__subname div::after {
      content: "/";
      padding-left: 2px;
      padding-right: 2px;
   }
}

.table-head__subname div:last-child {
   border-right: none;
}

@media screen and (max-width: 1240px) {
   .table-head__subname div:last-child::after {
      display: none;
   }
}

.table-body {
   border: solid 1px #c9cbd1;
   border-radius: 0 0 7px 7px;
   margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
   .table-body {
      border-radius: 7px;
   }
}

.table-body__item {
   font-weight: 400;
   font-size: 18px;
   line-height: 20px;
   color: #000000;
}

@media screen and (max-width: 1366px) {
   .table-body__item {
      font-size: 16px;
   }
}

@media screen and (max-width: 991px) {
   .table-body__item {
      font-size: 12px;
   }
}

@media screen and (max-width: 768px) {
   .table-body__item {
      border-radius: 7px;
   }
}

.table-body__item:nth-child(even) {
   background: #f6f8fc;
}

.table-body__item:nth-child(odd) {
   background: #fff;
}

.table-body__item:last-child {
   border-radius: 0 0 7px 7px;
}

.table-body-item {
   padding: 25px 0;
}

@media screen and (max-width: 991px) {
   .table-body-item {
      padding: 10px 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
}

@media screen and (max-width: 768px) {
   .table-body-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
}

.table-body-item__block {
   padding: 0 15px;
}

.table-body-item__block-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.table-body-item__block-list div {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333%;
   flex: 0 0 33.333%;
   max-width: 33.333%;
   text-align: center;
}

@media screen and (max-width: 768px) {
   .table-body-item__block-list div::after {
      content: "/";
      padding-left: 3px;
      padding-right: 5px;
   }
   .table-body-item__block-list div:last-child::after {
      display: none;
   }
}

@media screen and (max-width: 768px) {
   .table-body-item__num {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      max-width: 80%;
   }
}

@media screen and (max-width: 768px) {
   .table-body-item__country {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      margin-left: auto;
   }
}

@media screen and (max-width: 768px) {
   .table-body-item__count {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
      margin-left: auto;
   }
}

@media screen and (max-width: 768px) {
   .table-body-item__block-list {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      font-weight: 700;
      padding-left: 35px;
   }
}

.tournament-table {
   font-size: 42px;
   text-align: center;
   font-weight: 700;
}

@media screen and (max-width: 768px) {
   .tournament-table {
      font-size: 32px;
   }
}

@media screen and (max-width: 375px) {
   .tournament-table {
      font-size: 24px;
      padding: 0 20px;
   }
}

.table-desktop {
   display: block;
}

@media screen and (max-width: 1240px) {
   .table-desktop {
      display: none;
   }
}

.table-tablet {
   display: none;
}

@media screen and (max-width: 1240px) {
   .table-tablet {
      display: block;
   }
}

@media screen and (max-width: 1240px) {
   .table-head__tablet {
      padding-left: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .table-head__tablet span:first-child {
      padding-left: 5px;
   }
   .table-head__tablet span:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
   .table-head__tablet div {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 1240px) {
   .table-body-item__block-tablet {
      padding-left: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
   .table-body-item__block-tablet span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 15px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .table-body-item__block-tablet span div {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

@media screen and (max-width: 768px) {
   .table-body-item__block-tablet {
      padding-left: 15px;
   }
}

.table-row {
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   color: #000000;
   opacity: 0.5;
}

/* finish new page table */

.f-track-record {
   background: #f6f8fc;
   padding: 80px 0;
}
.f-track-record_transparent {
   background: transparent;
}

.f-track-record__title {
   margin-bottom: 40px;
}
.f-track-record__title_small-margin {
   margin-left: 20px;
   margin-bottom: 20px;
}
.f-track-record__list {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -20px;
}

.f-track-record__list_info {
   column-gap: 1.25%;
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 0px;
}
.f-track-record__list_statistics {
   justify-content: space-between;
   column-gap: 2.5%;
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 30px;
}

.f-track-record__item {
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding: 0 20px;
   display: block;
}
.f-track-record__item_four {
   display: flex;
   align-items: center;
   flex: 0 0 24%;
   /*max-width: 436px;*/
   padding: 0;
   border-bottom: solid 1px #c9cbd1;
}
.f-track-record__item_three {
   display: flex;
   /*align-items: center;*/
   flex-direction: column;
   flex: 1 0 31%;
   padding: 0;
   /*border-bottom: solid 1px #c9cbd1;*/
   max-width: none;
}

.f-track-record-item__inner {
   position: relative;
   border-bottom: solid 1px #c9cbd1;
   padding-left: 45px;
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   color: #000000;
   padding-bottom: 30px;
   padding-right: 20px;
}
.f-track-record-item__inner_info {
   border-bottom: none;
   padding-left: 40px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-right: 5px;
}

.f-track-record-item__inner::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0.8em;
   width: 0;
   height: 0;
   border-top: 12px solid transparent;
   border-left: 20px solid #eb3223;
   border-bottom: 12px solid transparent;
}
.f-track-record-item__inner_info::before {
   left: 5px;
   top: 50%;
   transform: translateY(-50%) rotate(60deg);
}
.f-track-record-item__inner_statistics::before {
   left: 0;
   transform: translateY(-50%);
}
@media screen and (max-width: 1800px) {
   .f-track-record-item__inner_info {
      font-size: 21px;
   }
   .f-track-record-item__inner_statistics {
      font-size: 24px;
   }
}

@media screen and (max-width: 1366px) {
   .f-info__item-inner {
      padding: 15px 24px;
   }
   .f-info__item-name {
      font-size: 14px;
      line-height: 34px;
   }
   .f-header-middleweight__title,
   .f-header__record-text,
   .f-header-win__item,
   .f-header-record__item a {
      font-size: 18px;
      line-height: 22px;
   }
   .f-header-country__flag {
      max-width: 65px;
   }
   .f-header-country__name {
      font-size: 21px;
      line-height: 25px;
   }
   .f-info__item {
      padding: 0 8px;
   }
   .f-info {
      margin: -50px -8px 80px;
   }
}
@media screen and (max-width: 1240px) {
   .f-track-record__list_info {
      column-gap: initial;
      justify-content: space-between;
   }
   .f-track-record__item {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .f-track-record__item_four {
      flex: 0 0 48.5%;
   }
   .f-track-record-item__inner {
      padding-right: 0;
   }
   .f-track-record-item__inner_info {
      padding-right: 5px;
   }
   .f-track-record-item__inner::before {
      top: 0;
   }
   .f-track-record-item__inner_info::before {
      top: 50%;
   }

   .f-info__item-inner {
      padding: 15px;
   }

   .f-info__item:nth-child(1) {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .f-info__item:nth-child(2) {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .f-info__item:nth-child(3) {
      flex: 0 0 33.33%;
      max-width: 33.33%;
   }
   .f-info__item:nth-child(4) {
      flex: 0 0 33.33%;
      max-width: 33.33%;
   }
   .f-info__item:nth-child(5) {
      flex: 0 0 33.33%;
      max-width: 33.33%;
   }
   .f-info__item {
      padding: 10px;
   }
   .f-track-record__list_statistics {
      row-gap: 30px;
   }
}
@media screen and (max-width: 768px) {
   .f-track-record-item__inner {
      font-size: 18px;
      line-height: 22px;
   }
   .f-header-country__name {
      font-size: 14px;
      line-height: 17px;
   }
   .f-header-country__flag {
      max-width: 40px;
   }
   .f-header-middleweight__title,
   .f-header__record-text,
   .f-header-win__item,
   .f-header-record__item a {
      font-size: 14px;
      line-height: 17px;
   }
   .f-header-record__item {
      margin-right: 38px;
   }
   .f-info {
      margin-bottom: 60px;
      margin: -50px -6px 60px;
   }
   .f-header-table-record__name {
      font-size: 12px;
      line-height: 18px;
   }
   .f-header-table-record__number {
      font-size: 18px;
      line-height: 21px;
   }
   .f-info__item {
      padding: 6px;
   }
   .f-track-record {
      padding: 60px 0;
   }
   .video-news__choice-more {
      margin-bottom: 60px;
   }
   .f-track-record-item__inner_statistics {
      font-size: 24px;
   }
}
@media screen and (max-width: 570px) {
   .f-track-record__item_four {
      flex: 0 0 100%;
      min-height: 84px;
   }
}
@media screen and (max-width: 480px) {
   .f-header__right {
      padding-bottom: 60px;
      padding-left: 0;
      padding-right: 0;
   }
   .f-track-record__list_statistics {
      margin-bottom: 20px;
   }
   .f-track-record-item__inner_statistics {
      font-size: 18px;
   }
}
@media screen and (max-width: 479px) {
   .video-news__choice-more {
      margin-bottom: 40px;
   }
   .f-header__right {
      padding-left: 25px;
      padding-right: 25px;
   }
   .f-info {
      margin-bottom: 40px;
   }
   .f-info__item-name {
      font-size: 14px;
      line-height: 24px;
   }
   .f-info__item-post {
      font-size: 16px;
      line-height: 24px;
   }
   .record__item {
      padding: 10px 4px;
   }
   .f-header-table-record {
      padding: 0;
      margin: 0 auto 15px;
      width: 100%;
   }
   .f-info__item:nth-child(1) {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .f-info__item:nth-child(2) {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .f-info__item:nth-child(3) {
      flex: 0 0 33.33%;
      max-width: 33.33%;
   }
   .f-info__item:nth-child(4) {
      flex: 0 0 33.33%;
      max-width: 33.33%;
   }
   .f-info__item:nth-child(5) {
      flex: 0 0 33.33%;
      max-width: 33.33%;
   }
   .f-header__record-numb {
      padding: 10px 15px;
   }
}
@media screen and (max-width: 375px) {
   .f-header-record__block {
      justify-content: space-between;
   }
   .f-header-record__item {
      margin-right: 0;
   }
   .f-header__record-text {
      margin-right: 10px;
   }
}

.fighter-points-gray:hover {
   color: rgba(128, 128, 128, 1);
}
.fighter-points-red:hover {
   color: rgba(240, 0, 0, 0.75);
}

.fancybox__toolbar__items--right {
   flex-wrap: wrap !important;
}

.fancybox__button--share img {
   width: 25px;
}

.header .network {
   margin-top: -13px;
}

.network__item a {
   width: 24px;
}

.f__top-strip .network {
   justify-content: center;
   margin-top: 1em;
}
.f__top-strip .network a {
   width: 32px;
}

/* Стили для раздела чемпионы на странице бойцов */

.champions {
   width: 100%;
   background: #eef2fa;
   border-radius: 0 0 200px 0;
}

.champions-wrapper {
   max-width: 90%;
   min-width: 240px;
   margin: 0 auto;
}

.champions-title {
   text-align: center;
   padding: 80px 0;
}

.champions-title-top {
   padding-top: 48px;
}

.champions-cards {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   column-gap: 1.3%;
   /*row-gap: 80px;*/
   /*transform: scale(0.95);*/
}
.champions-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 24%;
   min-width: 396px;
   max-width: 412px;
   /*min-height: 828px;*/
   height: 100%;
   border-bottom: 1px solid #c9cbd1;
   margin-bottom: 80px;
}

.champions-card__tag_skew {
   transform: skew(-15deg);
}

.champions-card__tag-skew-inner {
   display: inline-block;
   transform: skew(15deg);
}

.champions-card__title_skew {
   transform: skew(-8deg);
   display: flex;
   justify-content: center;
   align-items: center;
}
.champions-card__title-skew-inner {
   display: inline-block;
   transform: skew(8deg);
   /*margin: auto;*/
}
.champions-card__tag {
   border: solid 1px #000;
   border-radius: 8px 0 8px 0;
   padding: 7px 43px;
   font-size: 21px;
   color: #fff;
   background-color: #000;
   text-transform: capitalize;
}

.champions-card__title {
   text-align: center;
   margin: 16px 0px 40px 0px;
   padding: 8px 5px;
   width: 98%;
   min-height: 100px;
   font-size: 28px;
   font-weight: 400;
}
.champion-card-img-wrapper {
   width: 100%;
   height: 438px;
   border-radius: 40px 0;
   background-color: #fff;
}
.champions-card__img {
   width: 100%;
   /*height: auto;*/
   height: 100%;
   object-fit: cover;
   border-radius: 40px 0;
}

/*.champions-card-bottom__translate {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   transform: translateY(-100px);
}*/
.champions-card__icon {
   object-fit: cover;
   margin-top: -25%;
}
.champions-card__name {
   text-transform: capitalize;
   text-align: center;
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   color: #000;
   padding: 19px;
   transition: 0.3s;
}
.champions-card__name:hover {
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1366px) {
   .champions {
      border-radius: 0 0 140px 0;
      margin-bottom: 20px;
   }

   .champions-cards {
      column-gap: 16.5px;
   }
   .champions-card {
      max-width: 289px;
      min-width: 289px;
   }

   .champions-card__tag {
      font-size: 15px;
      padding: 4px 28px;
   }

   .champions-card__title {
      min-height: 70px;
      font-size: 19px;
      line-height: normal;
      margin: 11px 0 28px 0;
      padding: 5px 5px;
   }
   .champion-card-img-wrapper {
      height: 307px;
      border-radius: 28px 0;
   }

   .champions-card__img {
      /*width: 289px;*/
      /*height: 307px;*/
      border-radius: 28px 0;
   }

   .champions-card__icon {
      width: 140px;
      height: 140px;
   }
   .champions-card__name {
      font-size: 22.5px;
      padding: 15px;
   }
}
@media screen and (max-width: 768px) {
   .champions-title {
      padding: 40px 0;
   }

   .champions-cards {
      column-gap: 40px;
   }
   .champions-card {
      margin-bottom: 40px;
   }
}
@media screen and (max-width: 480px) {
   .champions {
      border-radius: 0 0 80px 0;
   }

   .champions-title {
      margin-bottom: 0px;
   }

   .champions-cards {
      column-gap: 8px;
   }
   .champions-card {
      min-width: 212px;
   }

   .champions-card__tag {
      font-size: 10px;
      padding: 4px 21px;
   }

   .champions-card__title {
      font-size: 14px;
      margin: 8px 0 20px 0;
      width: 94%;
      min-height: 50px;
   }
   .champion-card-img-wrapper {
      height: 218px;
   }
   /*.champions-card__img {
      height: 218px;
   }*/

   .champions-card__icon {
      width: 100px;
      height: 100px;
   }
   .champions-card__name {
      font-size: 17px;
      padding: 10px;
   }
}

@media screen and (max-width: 320px) {
   .champions {
      padding-bottom: 24px;
      border-radius: 0 0 60px;
   }

   .champions-title {
      padding: 40px 0 24px 0;
   }

   .champions-card {
      margin-bottom: 16px;
   }
}

/* стили для раздела Победители гран-при */

.winners-gp__cards {
   column-gap: 3%;
}
.winners-gp-card {
   width: 48.5%;
   max-width: none;
}

.winners-gp-card__title {
   width: 93%;
   min-height: auto;
   margin-top: 0;

   font-size: 32px;
}

.winners-gp-card__title_skew {
   transform: skew(-25deg);
   display: flex;
   justify-content: center;
   align-items: center;
}

.winners-gp-card__title_skew-inner {
   display: inline-block;
   transform: skew(25deg);
   /*margin: auto;*/
}
.winners-gp-card-img-wrapper {
   border-radius: 40px 0px;
   background-color: #f0f0f0;
   width: 100%;
   height: 438px;
}
.winners-gp-card__img {
   display: block;
   margin: 0 auto;
   width: auto;
   height: 100%;
   object-fit: contain;
}
.winners-gp-card-img-wrapper_right {
   border-radius: 0 40px;
}

.winners-gp-card__icon {
   margin-top: -100px;
}

.winners-gp-card__name {
   padding: 36px 16px 16px 16px;
}

@media screen and (max-width: 1570px) {
   .winners-gp-card__title {
      font-size: 28px;
   }
}
@media screen and (max-width: 1366px) {
   .winners-gp__title {
      padding: 50px 0;
   }

   .winners-gp-card__title {
      font-size: 23px;
   }
   .winners-gp-card-img-wrapper {
      height: 307px;
   }
   .winners-gp-card__icon {
      margin-top: -70px;
   }

   .winners-gp-card__name {
      padding: 28px 16px 16px 16px;
   }
}

@media screen and (max-width: 1120px) {
   .winners-gp-card__title {
      font-size: 18px;
   }
}
@media screen and (max-width: 880px) {
   .winners-gp-card__title {
      font-size: 15px;
   }
}
@media screen and (max-width: 768px) {
   .winners-gp__title {
      padding: 35px 0;
   }

   .winners-gp__cards {
      flex-direction: column;
      align-items: center;
      /*column-gap: 35px;*/
   }
   .winners-gp-card {
      width: 85%;
   }

   .winners-gp-card__title {
      font-size: 22.5px;
   }

   .winners-gp-card__icon {
      margin-top: -70px;
   }

   .winners-gp-card__name {
      padding: 28px 10px 10px 10px;
   }
}
@media screen and (max-width: 650px) {
   .winners-gp-card__title {
      font-size: 17px;
   }
}
@media screen and (max-width: 480px) {
   .winners-gp__title {
      font-size: 24px;
   }

   .winners-gp-card {
      width: 100%;
   }
   .winners-gp-card-img-wrapper {
      height: 230px;
   }

   .winners-gp-card__icon {
      margin-top: -51.5px;
   }

   .winners-gp-card__name {
      /*font-size: 17px;*/
      padding: 25px 8px 8px 8px;
   }
}
@media screen and (max-width: 390px) {
   .winners-gp-card__title {
      font-size: 11px;
   }
}
@media screen and (max-width: 320px) {
   .winners-gp__title {
      font-size: 16px;
      padding: 20px 0;
   }

   .winners-gp-card__title {
      margin-bottom: 15px;
   }
   .winners-gp-card-img-wrapper {
      height: 146px;
   }

   .winners-gp-card__icon {
      width: 67px;
      height: 67px;
      margin-top: -33.5px;
   }

   .winners-gp-card__name {
      padding: 13px 8px 8px 8px;

      font-size: 12px;
   }
}

/* стили для раздела Победители победных серий */

.winners-ws-wrapper {
   justify-content: start;
   column-gap: 2.5%;
}

.winners-ws__title {
   padding-top: 0;
}
.winners-ws-card-wrapper {
   width: 23%;
   max-width: 412px;
   min-width: 250px;
   margin-bottom: 80px;
   border-bottom: none;
}
.winners-ws-card {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   /*max-width: 100%;*/
   width: 100%;
   height: 100%;
   /*min-width: 392px;*/
   margin-bottom: 15px;
   border-bottom: 1px solid #c9cbd1;
}
.winners-ws-card__img {
   width: 100%;
   height: 100%;
}
.winners-ws-card__icon {
   margin-top: -80px;
}

.winners-ws-card__status {
   display: none;
   /*justify-content: center;*/
   /*align-items: center;*/
   /*flex-direction: column;*/
   width: 100%;
   font-size: 21px;
   background-repeat: no-repeat;
   background-position: 27% 50%;
   background-size: 10%;
   padding: 12.5px 7.5px 12.5px 37%;
}

.winners-ws-card__status.active {
   display: flex;
}

@media screen and (max-width: 1800px) {
   .winners-ws-card-img-wrapper {
      height: 100%;
   }
   .winners-ws-card__icon {
      width: 103px;
      height: 103px;
      margin-top: -55px;
   }
   .winners-ws-card__name {
      font-size: 22px;
   }
   .winners-ws-card__status {
      font-size: 14px;
      background-size: 8%;
   }
}

@media screen and (max-width: 1366px) {
   .winners-ws-card-wrapper {
      min-width: 212px;
   }
   .winners-ws-card {
      margin-bottom: 7px;
   }
   .winners-ws-card-img-wrapper {
      height: 307px;
   }
   .winners-ws-card__status {
      padding: 10px 7.5px 10px 37%;
   }
}
@media screen and (max-width: 1300px) {
   .winners-ws-wrapper {
      justify-content: center;
      column-gap: 5%;
   }
   .winners-ws-card-wrapper {
      width: 30%;
      min-width: 275px;
   }
   .winners-ws-card {
      margin-bottom: 7px;
   }
   .winners-ws-card-img-wrapper {
      height: 100%;
   }
}
@media screen and (max-width: 1100px) {
   .winners-ws__title {
      padding-top: 20px;
   }
   .winners-ws-card-wrapper {
      width: 47.5%;
   }
}
@media screen and (max-width: 768px) {
   .winners-ws-card-wrapper {
      max-width: 275px;
      margin-bottom: 30px;
   }
   .winners-ws-card-img-wrapper {
      height: 307px;
   }
}
@media screen and (max-width: 700px) {
   .winners-ws-wrapper {
      column-gap: 3%;
   }
   .winners-ws-card-wrapper {
      min-width: 208px;
   }
   .winners-ws-card-img-wrapper {
      height: 100%;
   }
   .winners-ws-card__name {
      font-size: 17px;
   }
   .winners-ws-card__status {
      font-size: 12px;
      padding: 7.5px 7.5px 7.5px 37%;
   }
}
@media screen and (max-width: 480px) {
   .winners-ws-card-img-wrapper {
      height: 236px;
   }
   .winners-ws-card__icon {
      width: 80px;
      height: 80px;
      margin-top: -45px;
   }
   .winners-ws-card__name {
      padding: 9px;
   }
}

/* стили для секции Как побеждать в ММА Серии */

.how-to-win {
   display: flex;
   background-color: #eef2fa;
   border-radius: 0 200px 0 0;
   text-align: center;
   padding-top: 85px;
   padding-bottom: 68px;
}
.how-to-win__wrapper {
   max-width: 63%;
   margin: 0 auto;
}
.how-to-win__title {
   font-size: 56px;
   font-weight: 700;
   margin-bottom: 32px;
}
.button-more {
   display: block;
   margin: 0 auto;
   color: #fff;
   font-size: 21px;
   font-weight: 700;
   text-transform: uppercase;
   background-color: #eb3223;
   padding: 16px 25px;
   transform: skewX(-20deg);
   border-radius: 10px 0 10px 0;
}

.button-more.none {
   display: none;
}
.button-more > span {
   display: inline-block;
   transform: skewX(20deg);
}

.how-to-win-content {
   display: none;
   text-align: left;
   font-size: 21px;
   /*font-weight: 500;*/
   line-height: 28px;
   margin-top: 70px;
   margin-bottom: 12px;
   transition: 0.3s;
}

.how-to-win-content.active {
   display: block;
}
.how-to-win__subtitle {
   margin-bottom: 30px;
   font-size: 21px;
}
.how-to-win-text-bold {
   font-weight: 700;
}
.how-to-win__list {
   margin-bottom: 55px;
}
.how-to-win__item {
   margin: 20px 0;
}
.how-to-win__list_belt {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-auto-rows: max-content;
   gap: 24px;
}

.how-to-win__item_belt {
   background-repeat: no-repeat;
   background-color: #fff;
   background-position: 24px 24px;
   margin: 0;
   padding: 128px 24px 24px 24px;
}

.how-to-win__item_belt:nth-child(n + 2) {
   border-radius: 0 40px 0 40px;
}
.how-to-win__item_belt:nth-child(3n + 1) {
   border-radius: 40px 0 40px 0;
}

.button-hiding {
   display: block;
   margin: 0 auto;
   padding: 16px 0;
   font-size: 18px;
   font-weight: 700;
   border-bottom: 2px solid #eb3223;
   transition: 0.3s;
}

.button-hiding:hover {
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1366px) {
   .how-to-win__wrapper {
      max-width: 88%;
   }
   .how-to-win-content {
      margin-top: 0;
      margin-bottom: 0;
   }
}

@media screen and (max-width: 1100px) {
   .how-to-win__title {
      font-size: 40px;
   }
   .how-to-win__list_belt {
      grid-template-columns: 1fr;
      grid-auto-rows: minmax(485px, max-content);
   }
}
@media screen and (max-width: 768px) {
   .how-to-win {
      border-radius: 0 140px 0 0;
   }
}
@media screen and (max-width: 700px) {
   .how-to-win {
      padding-top: 50px;
      padding-bottom: 40px;
   }
   /*.how-to-win__wrapper {

   }*/
   .how-to-win__title {
      font-size: 32px;
   }
   .how-to-win-content {
      margin-bottom: 12px;
   }
   .button-more {
      font-size: 14px;
      padding: 10px 18px;
   }
}
@media screen and (max-width: 480px) {
   .how-to-win {
      border-radius: 0 80px 0 0;
   }
   .how-to-win__wrapper {
      max-width: 92%;
   }
   .how-to-win-content {
      font-size: 18px;
      /*line-height: 20px;*/
      margin-top: 40px;
      margin-bottom: 0px;
   }
   .how-to-win__subtitle {
      font-size: 18px;
   }
}
@media screen and (max-width: 375px) {
   .how-to-win__wrapper {
      max-width: 87%;
   }
   .how-to-win__title {
      font-size: 24px;
      margin-bottom: 17px;
   }
   .how-to-win__subtitle {
      margin-bottom: 22px;
      font-size: 16px;
   }
   .how-to-win-content {
      font-size: 16px;
      line-height: 20px;
      margin-top: 25px;
   }
   .how-to-win__list {
      margin-bottom: 25px;
   }
   .how-to-win__list_belt {
      grid-template-columns: 1fr;
      grid-auto-rows: max-content;
   }
   .how-to-win__item_belt {
      /*background-position: 9% 9%;*/
      background-size: 13%;
      padding: 88px 24px 24px 24px;
   }
   .button-hiding {
      padding: 16px 0;
      font-size: 14px;
   }
}

/* Статистика */
.statistics-all {
   display: none;
   /*display: flex;*/
   flex-direction: column;
   row-gap: 30px;
   padding: 30px 0 0 0;
}
.statistics-all.active {
   display: flex;
}

.statistics-item {
   display: flex;
   align-items: center;
   border-bottom: solid 1px #c9cbd1;
}
.statistics-number {
   color: rgba(0, 0, 0, 0.5);
   font-size: 24px;
   font-weight: 700;
   margin-right: 20px;
}

.statistics-data {
   padding: 35px 0;
}
.statistics-data__item {
   display: flex;
   justify-content: space-between;
}
.statistics-data__item > span {
   color: #46536c;
}
.statistics-data__item > span:first-child {
   color: #eb3223;
}
.statistics-data__item > span:last-child {
   color: #000;
}

.statistics-data__item_top {
   font-size: 24px;
   font-weight: 700;
}
.statistics-data__item_center {
   margin: 16px 0;
   height: 8px;
   border-radius: 8px;
   overflow: hidden;
   background-color: #fcfcfc;
}
.statistics-data__item_center span {
   display: inline-block;
   height: 100%;
   background-color: #46536c;
}
.statistics-data__item_center span:first-child {
   background-color: #eb3223;
}
.statistics-data__item_center span:last-child {
   background-color: #c9cbd1;
}

.statistics-data__item_bottom {
   font-size: 21px;
   color: #46536c;
}
.statistics-data__item_bottom div > span:nth-child(1) {
   /*margin-right: 0.25em;*/
}
.statistics-data__item_bottom > div:first-child {
   color: #eb3223;
}
.statistics-data__item_bottom > div:last-child {
   color: #000;
}
.statistics-table {
   overflow: hidden;
   border-radius: 16px 16px 0 0;
   border-collapse: collapse;
}
.statistics-table_hidden {
   display: none;
}
.statistics-table_hidden.active {
   display: table;
}

.statistics-table td,
.statistics-table th {
   padding: 14px 24px;
   width: 20%;
   text-align: center;
}
.statistics-table th:first-child,
.statistics-table td:first-child {
   width: 60%;
   text-align: left;
}
/*.statistics-table tr {
   box-shadow: 0 0 0 1px #c9cbd1;
}*/
.statistics-table tr:nth-child(even) {
   background-color: #fff;
}
.statistics-table th {
   font-weight: normal;
   background-color: #b3b9cd;
}
.statistics-table td {
   border: 1px solid #c9cbd1;
}

.statistics-table-transparent {
   border-collapse: collapse;
   text-align: center;
   margin-top: 40px;
   font-size: 24px;
   font-weight: 700;
}
.statistics-table-transparent th {
   padding: 16px;
   box-shadow: 0 0 0 1px #000;
}
.statistics-table-transparent th:first-child {
   border-radius: 16px 0px 0 0;
}
.statistics-table-transparent th:last-child {
   border-radius: 0px 16px 0 0;
}
.statistics-table-transparent td {
   position: relative;
   padding: 16px;
}
.statistics-zones {
   display: flex;
   padding-top: 40px;
}
.statistics-zones__item {
   flex-grow: 1;
}
.statistics-zones__item_gray {
   color: #46536c;
}
.statistics-zones__item_red {
   color: #eb3223;
}

.statistics-zones__title {
   padding: 16px;
   font-size: 24px;
   text-align: center;
   color: #000;
   border: 1px solid #000;
}
.statistics-zones__title_left {
   border-radius: 12px 0px 0px 0px;
}
.statistics-zones__title_right {
   border-radius: 0px 12px 0px 0px;
}

.statistics-zone {
   display: flex;
   column-gap: 16px;
   padding: 40px 40px 0 40px;
}
.statistics-zone__img {
   flex-shrink: 0;
}
.statistics-zone__info {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-bottom: 40px;
   width: 100%;
}
.statistics-zone__item {
   position: relative;
   display: flex;
   align-items: center;
   padding: 0 20px 20px 20px;
   border-bottom: 1px solid #c9cbd1;
}
.statistics-zone__item::before {
   content: "";
   position: absolute;
   left: -4px;
   bottom: -4px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #eb3223;
}
.statistics-zone__item_gray::before {
   background-color: #46536c;
}

.statistics-zone__title {
   flex-grow: 1;
   text-align: left;
   color: #000;
   font-size: 24px;
}
.statistics-zone__percent {
   margin-right: 0.25em;
   font-weight: 700;
   font-size: 24px;
}
.statistics-zone__quantity {
   color: #000;
   font-size: 24px;
}

.tablet-td {
   width: 42%;
   min-width: 110px;
   margin: -16px auto;
   line-height: normal;
}

.tablet-td_narrow {
   width: 36%;
}
.statistics-table-transparent th:last-child.tablet-td-brtl {
   border-radius: 16px 16px 0 0;
}

.tablet-td-gray {
   color: #46536c;
}
.tablet-td-gray_br {
   position: relative;
   margin-bottom: -10px;
}
.tablet-td-gray_br > div {
   position: absolute;
   bottom: 15%;
   left: 50%;
   transform: translateX(-50%);
}

.tablet-td-red-text {
   color: #eb3223;
}
.tablet-td-red {
   background-color: #eb3223;
   font-size: 28px;
   color: #fff;
   padding: 12px 0;
   margin: 4px 0;
   border-radius: 8px;
}
.tablet-td-black {
   color: #000;
}
.tablet-td-black_br {
   position: relative;
   margin-bottom: -25px;
}
.tablet-td-black_br > div {
   position: absolute;
   top: 15%;
   left: 50%;
   transform: translateX(-50%);
}

.tablet-td-big {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 36px;
}
.progress-svg-wrapper {
   position: relative;
   margin-top: -16px;
}
.progress-circle {
   stroke-dasharray: 581;
   stroke-dashoffset: 581;
   transform-origin: center;
   transform: rotate(-70deg);
}

@media screen and (max-width: 1240px) {
   .statistics-zones {
      flex-direction: column;
      row-gap: 40px;
   }
   .statistics-zones__title_left {
      border-radius: 12px 12px 0px 0px;
   }
   .statistics-zones__title_right {
      border-radius: 12px 12px 0px 0px;
   }
}

@media screen and (max-width: 768px) {
   .statistics-data {
      padding: 30px 0;
   }
}

@media screen and (max-width: 700px) {
   .statistics-zone {
      padding: 40px 0px 0 0px;
   }
}
@media screen and (max-width: 560px) {
   .tablet-td {
      width: 90%;
   }
   .tablet-td-big {
      font-size: 24px;
   }
   .progress-svg {
      width: 130px;
      height: 130px;
      margin: -6px;
   }
   .progress-circle {
      transform: scale(0.7) rotate(-70deg);
   }
   .statistics-zones__title {
      font-size: 18px;
   }
   .statistics-zone__info {
      padding-top: 10px;
   }
   .statistics-zone__item {
      padding: 0 20px 10px 20px;
   }
   .statistics-zone__title {
      font-size: 18px;
   }
   .statistics-zone__percent {
      font-size: 18px;
   }
   .statistics-zone__quantity {
      font-size: 18px;
   }
   .statistics-zone__img {
      width: 100px;
      height: 285px;
   }
}
@media screen and (max-width: 480px) {
   .statistics-number {
      font-size: 18px;
   }
   .statistics-data__item_top {
      font-size: 18px;
   }
   .statistics-data__item_bottom {
      font-size: 18px;
   }
   .statistics-table td,
   .statistics-table th {
      padding: 14px 16px;
   }
   .statistics-table-transparent {
      font-size: 18px;
   }
   .statistics-table-transparent th {
      padding: 12px 6px;
   }
   .statistics-table-transparent td {
      padding: 12px 6px;
   }
   .tablet-td {
      min-width: auto;
      margin: -12px auto;
   }
   .tablet-td-red {
      font-size: 18px;
   }
   .tablet-td-black_br {
      margin-bottom: -20px;
   }
   .statistics-zone {
      column-gap: 8px;
   }
   .statistics-zone__item {
      padding: 0 0px 10px 10px;
   }
   .progress-svg-wrapper {
      margin-top: -12px;
   }
}
@media screen and (max-width: 360px) {
   .tablet-td {
      width: 100%;
   }
   .statistics-zone__info {
      padding-top: 0px;
   }
   .statistics-zone__item {
      display: block;
   }
}

/* Стили для main-slider */

/*.main-slider {
   & .owl-nav {
      position: absolute;
      top: 50%;
      left: 0px;
      right: 0px;
      width: 100%;
   }
   & .owl-prev,
   & .owl-next{
      position: absolute;
      top: 0;
      font-size: 0 !important;
      background: none !important;
      border-radius: 50% !important;
      overflow: hidden;
      width: 59px;
      height: 59px;
      border: 2px solid #fff;
   }
   & .owl-prev::before,
   & .owl-next::before{
      position: absolute;
      content: '';
      top: 18px;
      left: 19px;
      width: 16px;
      height: 16px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
   }
   & .owl-prev::after,
   & .owl-next::after{
      content: '';
      position: absolute;
      top: 26px;
      left: 16px;
      width: 21px;
      height: 2px;
      background: #fff;
   }
   & .owl-prev{
      left: 0;
      transform: rotate(180deg);
   }
   & .owl-next{
      right: 0;
   }

   & .owl-dots {
      display: none;
   }
   @media (max-width: 1200px) {
      & .owl-dots {
         display: block;
         position: absolute;
         left: 50%;
         transform: translate(-50%, -30px);

      }
      & .owl-dot span {
         background-color: #fff !important;
         opacity: 0.3;
      }
      & .owl-dot.active span {
         opacity: 1;
      }
      & .owl-nav {
         display: none;
      }
   }
}*/

.main-slider.owl-theme .owl-nav {
   position: absolute;
   top: 50%;
   left: 0px;
   right: 0px;
   width: 100%;
}
.main-slider.open.owl-theme .owl-nav {
   display: none;
}

.main-slider.owl-theme .owl-dots {
   position: absolute;
   left: 50%;
   transform: translate(-50%, -30px);
}

.main-slider.open.owl-theme .owl-dots {
   display: none;
}

.main-slider.owl-theme .owl-dots .owl-dot span {
   background-color: #fff !important;
   opacity: 0.3;
}
.main-slider.owl-theme .owl-dots .owl-dot.active span {
   opacity: 1;
}

.main-slider.owl-theme .owl-nav .owl-prev,
.main-slider.owl-theme .owl-nav .owl-next{
   position: absolute;
   top: 0;
   font-size: 0 !important;
   background: none !important;
   border-radius: 50% !important;
   overflow: hidden;
   width: 59px;
   height: 59px;
   border: 2px solid #fff;
}

.main-slider.owl-theme .owl-nav .owl-prev{
   left: 0;
   transform: rotate(180deg);
}

.main-slider.owl-theme .owl-nav .owl-next{
   right: 0;
}

.main-slider.owl-theme .owl-nav .owl-prev::before,
.main-slider.owl-theme .owl-nav .owl-next::before{
   position: absolute;
   content: '';
   top: 18px;
   left: 19px;
   width: 16px;
   height: 16px;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   transform: rotate(45deg);
}
.main-slider.owl-theme .owl-nav .owl-prev::after,
.main-slider.owl-theme .owl-nav .owl-next::after{
   position: absolute;
   content: '';
   top: 26px;
   left: 16px;
   width: 21px;
   height: 2px;
   background: #fff;
}

@media (max-width: 1200px) {
   /*.main-slider.owl-theme .owl-nav {
      display: none;
   }*/
   .main-slider.owl-theme .owl-nav .owl-prev,
   .main-slider.owl-theme .owl-nav .owl-next{
      width: 34px;
      height: 34px;

}


.main-slider.owl-theme .owl-nav .owl-prev::before,
.main-slider.owl-theme .owl-nav .owl-next::before{
   top: 10px;
   left: 11px;
   width: 10px;
   height: 10px;
}
.main-slider.owl-theme .owl-nav .owl-prev::after,
.main-slider.owl-theme .owl-nav .owl-next::after{
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 14px;
}
}
/*
@media (max-width: 991px) {
   .main-slider.owl-theme .owl-nav .owl-prev,
   .main-slider.owl-theme .owl-nav .owl-next{
      border: 2px solid #000;
   }
   .main-slider.owl-theme .owl-nav .owl-prev::before,
   .main-slider.owl-theme .owl-nav .owl-next::before{
      border-top: 2px solid #000;
      border-right: 2px solid #000;
   }
   .main-slider.owl-theme .owl-nav .owl-prev::after,
   .main-slider.owl-theme .owl-nav .owl-next::after{
      background: #000;
   }
}*/

.intickets-container {
   display: flex;
   align-items: center;
   justify-content: center;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #fff;
   z-index: 1000;
   visibility: hidden;
}
.top-bg-btn__left.open .intickets-container {
   visibility: visible;
}
@media (max-width: 1200px) {
   /*.intickets-container {
      background-color: #fff;
   }*/
   .intickets-container > div {
      width: 100%;
   }
   .intickets-container > div > div {
      width: 100% !important;
      height: auto !important;
      min-width: auto !important;
      min-height: auto !important;
   }
   .intickets-container > div > div > iframe {
      max-height: 70vh !important;
   }
}

.intickets-close {
   position: fixed;
   top: 30px;
   right: 30px;
   width: 2.5em;
   height: 2.5em;
   background-color: #fff;
   border-radius: 50%;
   box-shadow: 0 4px 8px rgba(8, 35, 48, 0.14);
   transition: scale, opacity 0.2s;
   z-index: 10000;
}
.intickets-close:active {
   background-color: #fafbfd;
}

@media (min-width: 1201px) {
   .intickets-close:hover {
      box-shadow: 0 8px 16px rgba(8, 35, 48, 0.16);
   }
}

@media (max-width: 1200px) {
   .intickets-close {
      top: 10px;
      right: 10px;
   }
}

.intickets-close::before,
.intickets-close::after {
   position: absolute;
   content: "";
   width: 60%;
   height: 2px;
   left: 20%;
   top: 45%;
   background-color: #1b65f5;
   transform-origin: center;
}
.intickets-close::before {
   transform: rotate(45deg);
}
.intickets-close::after {
   transform: rotate(-45deg);
}

.tournament-partners {
   padding-top: 75px;
   padding-bottom: 90px;
}
.tournament-partners__title {
   text-align: center;
   text-transform: uppercase;
   font-size: 32px;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 75px
}
.tournament-partners__list {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   column-gap: 2.1%;
   row-gap: 46px;
   padding: 0px;
   margin: 0px;
   list-style: none;
}
.tournament-partners__item {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   width: 250px;
   height: 117px;
}
.tournament-partners__item > img{
   width: auto;
   max-width: 100%;
   height: 100%;
}
@media (max-width: 1366px) {
   .tournament-partners__title {
      font-size: 24px;
      margin-bottom: 45px
   }
   .tournament-partners__list {
      column-gap: 2.8%;
   }
   .tournament-partners__item {
      width:174px;
      height: 81.5px;
   }
}
@media (max-width: 768px) {
   .tournament-partners__list {
      column-gap: 3%;
      row-gap: 37.5px;
   }
   .tournament-partners__item {
      width:204px;
      height: 95px;
   }

}
@media (max-width: 480px) {
   .tournament-partners__title {
      font-size: 16px;
      margin-bottom: 35px
   }
   .tournament-partners__list {
      row-gap: 24px;
   }
   .tournament-partners__item {
      width:131px;
      height: 61px;
   }
}
@media (max-width: 350px) {
   .tournament-partners__title {
      margin-bottom: 30px
   }
   .tournament-partners__item {
      width:127px;
      height: 60px;
   }
}