@charset "UTF-8";
@font-face {
  font-family: "HeadlinerNo.45";
  src: url("/static/venom/fonts/HeadlinerNo45CYR.woff2") format("woff2"), url("/static/venom/fonts/HeadlinerNo45CYR.woff") format("woff");
  /* другие форматы, если есть */
  font-weight: normal;
  font-style: normal;
}
#video-background {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #0f172a;
  color: #f1f5f9;
  font-family: "Roboto Mono", monospace;
  padding-top: 83px;
}
@media only screen and (max-width: 1920px) {
  body {
    padding-top: 70px;
  }
}

a {
  text-decoration: none;
  transition: ease 0.3s;
  color: #f1f5f9;
  transition: 0.3s;
}

ul li {
  list-style: none;
}

.lineAnimation {
  position: relative;
  overflow-x: hidden;
}
.lineAnimation .flare {
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  transform: skewX(-45deg);
  animation: flareAnimation;
  left: -150%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
  animation: flareAnimation 2s infinite linear;
}
@keyframes flareAnimation {
  0% {
    left: -150%;
  }
  80% {
    left: 20%;
  }
  100% {
    left: 150%;
  }
}

.mainSlider {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  box-sizing: border-box;
}
.mainSlider .carousel {
  box-sizing: border-box;
  width: 100%;
  height: 80vh;
  overflow: hidden;
  position: relative;
}
.mainSlider .carousel .list .item {
  position: absolute;
  inset: 0 0 0 0;
}
.mainSlider .carousel .list .item:nth-child(1) {
  z-index: 1;
}
.mainSlider .carousel .list .item:nth-child(1) .title, .mainSlider .carousel .list .item:nth-child(1) .descr, .mainSlider .carousel .list .item:nth-child(1) .choise {
  transform: translateY(50px);
  filter: blur(20px);
  opacity: 0;
  animation: showContent 0.3s 0.8s linear forwards;
}
@keyframes showContent {
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0px);
  }
}
.mainSlider .carousel .list .item:nth-child(1) .title {
  animation-delay: 0.1s;
}
.mainSlider .carousel .list .item:nth-child(1) .descr {
  animation-delay: 0.5s;
}
.mainSlider .carousel .list .item:nth-child(1) .choise {
  animation-delay: 0.9s;
}
.mainSlider .carousel .list .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mainSlider .carousel .list .item video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mainSlider .carousel .list .item .content {
  position: absolute;
  top: 40%;
  left: 5%;
  transform: translateY(-40%);
  box-sizing: border-box;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .list .item .content {
    top: 20%;
    transform: translateY(-20%);
    left: 2%;
    width: 90%;
    max-width: 90%;
  }
}
.mainSlider .carousel .list .item .content .title {
  font-size: 80px;
  font-weight: 900;
  padding: 20px;
  color: #e2e8f0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .list .item .content .title {
    font-size: 60px;
  }
}
.mainSlider .carousel .list .item .content .descr {
  display: inline-block;
  font-size: 30px;
  font-weight: 500;
  color: #e2e8f0;
  margin-bottom: 40px;
  padding: 20px;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .list .item .content .descr {
    font-size: 24px;
  }
}
.mainSlider .carousel .list .item .content a.choise {
  display: inline;
  background-color: #84cc16;
  color: #020617;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 6px;
  margin-left: 20px;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .list .item .content a.choise {
    padding: 8px 14px;
  }
}
.mainSlider .carousel .list .item .content a.choise:hover {
  background-color: #65a30d;
}
.mainSlider .carousel .thumbnail {
  position: absolute;
  bottom: 50px;
  left: 55%;
  width: -moz-max-content;
  width: max-content;
  z-index: 100;
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .thumbnail {
    left: 44%;
  }
}
.mainSlider .carousel .thumbnail .item {
  width: 250px;
  height: 320px;
  flex-shrink: 0;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .thumbnail .item {
    width: 180px;
    height: 260px;
  }
}
.mainSlider .carousel .thumbnail .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mainSlider .carousel .thumbnail .item video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mainSlider .carousel .thumbnail .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 24, 39, 0.3);
}
.mainSlider .carousel .thumbnail .item .content {
  position: absolute;
  bottom: 10px;
  padding: 10px;
}
.mainSlider .carousel .thumbnail .item .content .title {
  font-size: 25px;
  font-weight: 900;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .thumbnail .item .content .title {
    font-size: 18px;
  }
}
.mainSlider .carousel .thumbnail .item .content .description {
  font-size: 20px;
  font-weight: 900;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .thumbnail .item .content .description {
    display: none;
  }
}
.mainSlider .carousel .thumbnail .item:first-child {
  transform: scale(110%);
  margin-right: 20px;
  border: 3px solid #e2e8f0;
  box-sizing: border-box;
}
.mainSlider .carousel .thumbnail .item:first-child .overlay {
  background-color: rgba(15, 23, 42, 0.9);
}
.mainSlider .carousel .thumbnail .item:first-child .content .title {
  color: #a3e635;
}
.mainSlider .carousel .thumbnail .item:first-child .content .description {
  color: #84cc16;
}
.mainSlider .carousel .arrows {
  position: absolute;
  bottom: 20%;
  left: 6%;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 100;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel .arrows {
    bottom: 8%;
    left: 4%;
  }
}
.mainSlider .carousel .arrows button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  outline: none;
  border: none;
  background-color: #84cc16;
  color: #f1f5f9;
  font-family: monospace;
  font-weight: 600;
  font-size: 20px;
  transition: ease 0.3s;
  cursor: pointer;
}
.mainSlider .carousel .arrows button:hover {
  background-color: #65a30d;
  color: #020617;
}
.mainSlider .carousel.next .list .item:nth-child(1) video {
  width: 250px;
  height: 320px;
  position: absolute;
  bottom: 50px;
  left: 55%;
  animation: showImage 0.3s linear 0.2s forwards;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel.next .list .item:nth-child(1) video {
    width: 180px;
    height: 260px;
  }
}
.mainSlider .carousel.next .list .item:nth-child(1) img {
  width: 250px;
  height: 320px;
  position: absolute;
  bottom: 50px;
  left: 55%;
  animation: showImage 0.3s linear 0.2s forwards;
  opacity: 0;
}
@media only screen and (max-width: 1600px) {
  .mainSlider .carousel.next .list .item:nth-child(1) img {
    width: 180px;
    height: 260px;
  }
}
@keyframes showImage {
  to {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    opacity: 1;
  }
}

.carousel.next .thumbnail .item:nth-last-child(1) {
  width: 0;
  overflow: hidden;
  animation: showThumbnail 0.3s linear 0.4s forwards;
}

@keyframes showThumbnail {
  to {
    width: 250px;
    @media only screen and (max-width: 1600px) {
      width: 180px;
    }
  }
}
.carousel.next .thumbnail {
  transform: translateX(150px);
  animation: transformThumbnail 0.4s linear 0.7s forwards;
}

@keyframes transformThumbnail {
  to {
    transform: translateX(0px);
  }
}
.carousel.prev .list .item:nth-child(2) {
  z-index: 2;
}

.carousel.prev .list .item:nth-child(2) video {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: outImage 0.3s linear 0.2s forwards;
  opacity: 1;
}

.carousel.prev .list .item:nth-child(2) img {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: outImage 0.3s linear 0.2s forwards;
  opacity: 1;
}

@keyframes outImage {
  to {
    width: 250px;
    height: 320px;
    border-radius: 25px;
    left: 55%;
    bottom: 50px;
    opacity: 0;
    @media only screen and (max-width: 1600px) {
      width: 180px;
      height: 260px;
    }
  }
}
.carousel.prev .thumbnail .item:nth-child(1) {
  width: 0;
  overflow: hidden;
  animation: showThumbnail 0.3s linear 0.2s forwards;
}

.carousel.prev .list .item:nth-child(2) .title,
.carousel.prev .list .item:nth-child(2) .descr,
.carousel.prev .list .item:nth-child(2) .choise {
  animation: contentOut 0.1s linear 0.2s forwards;
}

@keyframes contentOut {
  to {
    transform: translateY(-150px);
    filter: blur(20px);
    opacity: 0;
  }
}
.carousel.next .arrows button,
.carousel.prev .arrows button {
  pointer-events: none;
}

.time {
  display: none;
  width: 0%;
  height: 4px;
  background-color: #f87171;
  position: absolute;
  z-index: 100;
}

.carousel.next .time,
.carousel.prev .time {
  width: 100%;
  animation: timeRunning 1s linear 1s forwards;
}

@keyframes timeRunning {
  to {
    width: 0;
  }
}
.glassEffectMove {
  box-sizing: border-box;
  background: rgba(2, 6, 23, 0.7);
  border-radius: 0px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
}

.glassEffectFeaturesDark {
  box-sizing: border-box;
  background: rgba(2, 6, 23, 0.2);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
  border: 1px solid rgba(2, 6, 23, 0.2);
}

.glassEffect {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.glassZones {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3019607843);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
}

.glassEffectBlocks {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1920px) {
  .glassEffectBlocks {
    margin-bottom: 20px;
  }
}
.glassEffectBlocks .title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1920px) {
  .glassEffectBlocks .title {
    font-size: 25px;
  }
}
.glassEffectBlocks p.subTitle {
  font-size: 30px;
  font-weight: 200;
}
@media only screen and (max-width: 1920px) {
  .glassEffectBlocks p.subTitle {
    font-size: 20px;
  }
}

.glassGameZones {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
}

img.bigImg {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.wrapTopnav {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3019607843);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 110;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 100px;
  box-sizing: border-box;
}
@media only screen and (max-width: 2560px) {
  .wrapTopnav {
    padding: 15px 50px;
  }
}
.wrapTopnav ul.topNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapTopnav ul.topNav li:hover .inside {
  display: block;
  transition: ease 0.4s;
  padding: 0;
  margin: 0;
}
.wrapTopnav ul.topNav .inside {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  display: none;
  position: absolute;
  border-radius: 13px;
  box-sizing: border-box;
  background: rgba(2, 6, 23, 0.7);
  border-radius: 0px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 1;
  transition: ease 0.4s;
}
.wrapTopnav ul.topNav .inside li {
  padding: 10px;
  transition: ease 0.2s;
}
.wrapTopnav ul.topNav .inside li a {
  font-size: 28px;
  font-family: "HeadlinerNo.45";
  transition: ease 0.2s;
  color: #b4c6fc;
  font-weight: 500;
}
.wrapTopnav ul.topNav .inside li a:hover {
  background-color: #b4c6fc;
  color: #020617;
}
.wrapTopnav ul.topNav .inside li a.active {
  background-color: #b4c6fc;
  color: #020617;
}
.wrapTopnav ul.topNav li {
  transition: ease 0.4s;
}
.wrapTopnav ul.topNav li a {
  color: #0f172a;
  font-family: "HeadlinerNo.45";
  letter-spacing: 3px;
  font-size: 33px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  transition: ease 0.2s;
}
@media only screen and (max-width: 1920px) {
  .wrapTopnav ul.topNav li a {
    font-size: 25px;
  }
}
.wrapTopnav ul.topNav li a.active {
  color: #b4c6fc;
}
.wrapTopnav ul.topNav li a:hover {
  color: #94a3b8;
}
.wrapTopnav ul.topNav li a.logo {
  margin-right: 25px;
}
.wrapTopnav ul.topNav li a.logo img {
  border-radius: 50%;
  width: 45px;
}
@media only screen and (max-width: 1920px) {
  .wrapTopnav ul.topNav li a.logo img {
    width: 35px;
  }
}
.wrapTopnav ul.lang {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapTopnav ul.lang a.login {
  display: block;
  background-color: #a3e635;
  color: #020617;
  font-size: 20px;
  font-weight: 900;
  padding: 7px 15px;
  border-radius: 6px;
  margin-left: 30px;
}
.wrapTopnav ul.lang a.login:hover {
  background-color: #84cc16;
  color: #e2e8f0;
}
.wrapTopnav ul.lang .userName {
  display: block;
  background-color: #0f172a;
  padding: 2px 20px;
  border-radius: 6px;
  margin-left: 10px;
  font-size: 18px;
}
.wrapTopnav ul.lang .userName span {
  color: #bef264;
  display: block;
  margin-bottom: 1px;
  font-weight: 200;
  font-size: 14px;
}
.wrapTopnav ul.lang .logout {
  margin-left: 10px;
  font-size: 18px;
  color: #f87171;
  text-transform: uppercase;
  font-weight: 900;
}
.wrapTopnav ul.lang .logout:hover {
  color: #a3e635;
}
.wrapTopnav ul.lang li a.callToClub {
  display: block;
  background-color: #020617;
  color: #f1f5f9;
  font-size: 20px;
  font-weight: 900;
  padding: 8px 15px;
  border-radius: 6px;
}
.wrapTopnav ul.lang li a.callToClub:hover {
  background-color: #b4c6fc;
  color: #020617;
}
.wrapTopnav ul.lang li a.callToClub:hover span {
  color: #020617;
}
.wrapTopnav ul.lang li a.callToClub span {
  display: inline;
  margin-right: 10px;
  color: #84cc16;
  transition: ease 0.2s;
}

.utpWrap {
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1600px) {
  .utpWrap {
    margin-bottom: 20px;
  }
}
.utpWrap video {
  width: 100%;
  box-sizing: border-box;
}

.featuresLines {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) {
  .featuresLines {
    margin-bottom: 20px;
  }
}
.featuresLines .marquee-container {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.featuresLines .marquee {
  font-size: 80px;
  line-height: 80px;
  font-family: "Handjet", cursive;
  font-weight: 900;
  letter-spacing: 4px;
  padding: 2px 0;
  color: #6366f1;
  white-space: nowrap;
  animation: marquee 53.5s infinite linear; /* notice the infinite */
}
@media only screen and (max-width: 768px) {
  .featuresLines .marquee {
    font-size: 70px;
    line-height: 70px;
  }
}
.featuresLines .marquee:after {
  content: "НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА НАШИ ЗОНЫ = НАШИ ПРЕИМУЩЕСТВА";
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-25%);
  }
}

ul.ourFeatures {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 1920px) {
  ul.ourFeatures {
    width: 98%;
  }
}
@media only screen and (max-width: 1600px) {
  ul.ourFeatures {
    margin-bottom: 20px;
    gap: 10px;
  }
}
ul.ourFeatures li.item {
  padding: 40px 20px;
  text-align: center;
}
ul.ourFeatures li.item .animationBlock {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 40%;
  height: 80%;
  margin: 0 auto;
}
@media only screen and (max-width: 2560px) {
  ul.ourFeatures li.item .animationBlock {
    width: 50%;
    height: 70%;
  }
}
@media only screen and (max-width: 1920px) {
  ul.ourFeatures li.item .animationBlock {
    width: 100%;
    height: auto;
  }
}
ul.ourFeatures li.item .title {
  font-size: 20px;
  font-weight: 800;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #f3f4f6;
}
@media only screen and (max-width: 1600px) {
  ul.ourFeatures li.item .title {
    font-size: 20px;
  }
}
ul.ourFeatures li.item .subTitle {
  font-size: 16px;
  font-weight: 200;
  color: #e5e7eb;
  font-weight: 700;
}
@media only screen and (max-width: 1600px) {
  ul.ourFeatures li.item .subTitle {
    font-size: 18px;
  }
}

.promoPageDetailFix {
  padding: 40px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: 60% auto;
  gap: 40px;
}
@media only screen and (max-width: 1920px) {
  .promoPageDetailFix {
    margin-top: 20px;
    width: 98%;
  }
}
@media only screen and (max-width: 1600px) {
  .promoPageDetailFix {
    grid-template-columns: 40% auto;
  }
}
.promoPageDetailFix img.topPic {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
  margin-bottom: 40px;
}
.promoPageDetailFix .txtPart img {
  width: 100%;
  max-width: 100%;
}
.promoPageDetailFix .txtPart .rubric {
  text-decoration: none;
  background-color: #a3e635;
  color: #1e293b;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .promoPageDetailFix .txtPart .rubric {
    font-size: 16px;
  }
}
.promoPageDetailFix .txtPart .rubric:hover {
  background-color: #65a30d;
}
.promoPageDetailFix .txtPart .date {
  background-color: #1e293b;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
.promoPageDetailFix .txtPart .categoryList {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.promoPageDetailFix .txtPart .categoryList .availbaleInClub {
  font-size: 16px;
  font-weight: 300;
  color: #e2e8f0;
  border: 1px solid #6464E6;
  border-radius: 6px;
  padding: 5px 8px;
}
@media only screen and (max-width: 1920px) {
  .promoPageDetailFix .txtPart .categoryList .availbaleInClub {
    font-size: 14px;
  }
}
.promoPageDetailFix .txtPart .categoryList .categoryTag {
  display: block;
  background-color: rgba(100, 100, 230, 0.6);
  color: #f8fafc;
  border: 1px solid #020617;
  font-size: 18px;
  padding: 5px 8px;
  font-weight: 400;
  border-radius: 6px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1920px) {
  .promoPageDetailFix .txtPart .categoryList .categoryTag {
    font-size: 14px;
  }
}
.promoPageDetailFix .txtPart h1 {
  margin: 0;
  font-size: 55px;
  font-weight: 500;
  color: #84cc16;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) {
  .promoPageDetailFix .txtPart h1 {
    font-size: 40px;
  }
}
.promoPageDetailFix .txtPart p {
  font-size: 20px;
  font-weight: 400;
  color: #cbd5e1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1920px) {
  .promoPageDetailFix .txtPart p {
    font-size: 16px;
  }
}
.promoPageDetailFix .txtPart p strong {
  font-weight: 900;
}
.promoPageDetailFix .txtPart a {
  color: #f87171;
  text-decoration: underline;
}
.promoPageDetailFix .txtPart a:hover {
  text-decoration: none;
}
.promoPageDetailFix .txtPart a.goBack {
  text-decoration: none;
  background-color: #475569;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 8px 40px;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 40px;
}
@media only screen and (max-width: 1920px) {
  .promoPageDetailFix .txtPart a.goBack {
    font-size: 16px;
  }
}
.promoPageDetailFix .txtPart a.goBack:hover {
  background-color: #64748b;
}

.promoPageDetail {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1920px) {
  .promoPageDetail {
    margin-top: 20px;
    width: 98%;
  }
}
.promoPageDetail img.topPic {
  width: 100%;
  max-width: 100%;
  height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 13px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 2560px) {
  .promoPageDetail img.topPic {
    height: 600px;
  }
}
@media only screen and (max-width: 1920px) {
  .promoPageDetail img.topPic {
    height: 500px;
  }
}
.promoPageDetail .txtPart {
  width: 70%;
}
@media only screen and (max-width: 2560px) {
  .promoPageDetail .txtPart {
    width: 80%;
  }
}
@media only screen and (max-width: 1920px) {
  .promoPageDetail .txtPart {
    width: 100%;
  }
}
.promoPageDetail .txtPart img {
  width: 100%;
  max-width: 100%;
}
.promoPageDetail .txtPart .rubric {
  background-color: #a3e635;
  color: #1e293b;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
.promoPageDetail .txtPart .rubric:hover {
  background-color: #65a30d;
}
.promoPageDetail .txtPart .date {
  background-color: #1e293b;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
.promoPageDetail .txtPart h1 {
  margin: 0;
  font-size: 55px;
  font-weight: 500;
  color: #84cc16;
  margin-bottom: 40px;
}
.promoPageDetail .txtPart p {
  font-size: 20px;
  font-weight: 400;
  color: #cbd5e1;
  margin-bottom: 20px;
}
.promoPageDetail .txtPart p strong {
  font-weight: 900;
}
.promoPageDetail .txtPart a.goBack {
  background-color: #4f46e5;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 8px 40px;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 40px;
}
.promoPageDetail .txtPart a.goBack:hover {
  background-color: #6366f1;
}

.detailNewsAndPrmoInClubFix {
  padding: 40px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: 60% auto;
  gap: 40px;
}
@media only screen and (max-width: 1920px) {
  .detailNewsAndPrmoInClubFix {
    width: 98%;
  }
}
@media only screen and (max-width: 1920px) {
  .detailNewsAndPrmoInClubFix {
    grid-template-columns: 40% auto;
  }
}
.detailNewsAndPrmoInClubFix img.topPic {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
  margin-bottom: 40px;
}
.detailNewsAndPrmoInClubFix .txtPart img {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
  margin: 10px 0;
}
.detailNewsAndPrmoInClubFix .txtPart .rubric {
  text-decoration: none;
  background-color: #a3e635;
  color: #1e293b;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .detailNewsAndPrmoInClubFix .txtPart .rubric {
    font-size: 16px;
  }
}
.detailNewsAndPrmoInClubFix .txtPart .rubric:hover {
  background-color: #65a30d;
}
.detailNewsAndPrmoInClubFix .txtPart .date {
  background-color: #1e293b;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
.detailNewsAndPrmoInClubFix .txtPart h1 {
  margin: 0;
  font-size: 55px;
  font-weight: 500;
  color: #84cc16;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) {
  .detailNewsAndPrmoInClubFix .txtPart h1 {
    font-size: 40px;
  }
}
.detailNewsAndPrmoInClubFix .txtPart p {
  font-size: 20px;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1920px) {
  .detailNewsAndPrmoInClubFix .txtPart p {
    font-size: 16px;
  }
}
.detailNewsAndPrmoInClubFix .txtPart a {
  color: #f87171;
  text-decoration: underline;
}
.detailNewsAndPrmoInClubFix .txtPart a:hover {
  text-decoration: none;
}
.detailNewsAndPrmoInClubFix .txtPart a.goBack {
  text-decoration: none;
  background-color: #475569;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 8px 40px;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 40px;
}
@media only screen and (max-width: 1920px) {
  .detailNewsAndPrmoInClubFix .txtPart a.goBack {
    font-size: 16px;
  }
}
.detailNewsAndPrmoInClubFix .txtPart a.goBack:hover {
  background-color: #64748b;
}

.detailNewsAndPrmoInClub {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1920px) {
  .detailNewsAndPrmoInClub {
    margin-top: 20px;
    width: 98%;
  }
}
.detailNewsAndPrmoInClub img.topPic {
  width: 100%;
  max-width: 100%;
  height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 13px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 2560px) {
  .detailNewsAndPrmoInClub img.topPic {
    height: 600px;
  }
}
.detailNewsAndPrmoInClub .txtPart {
  background-color: rgba(15, 23, 42, 0.7);
  border-radius: 13px;
  padding: 40px;
  width: 70%;
}
@media only screen and (max-width: 2560px) {
  .detailNewsAndPrmoInClub .txtPart {
    width: 80%;
  }
}
.detailNewsAndPrmoInClub .txtPart img {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
  margin: 10px 0;
}
.detailNewsAndPrmoInClub .txtPart .rubric {
  background-color: #a3e635;
  color: #1e293b;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
.detailNewsAndPrmoInClub .txtPart .rubric:hover {
  background-color: #65a30d;
}
.detailNewsAndPrmoInClub .txtPart .date {
  background-color: #1e293b;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
.detailNewsAndPrmoInClub .txtPart h1 {
  margin: 0;
  font-size: 55px;
  font-weight: 500;
  color: #f87171;
  margin-bottom: 40px;
}
.detailNewsAndPrmoInClub .txtPart p {
  font-size: 20px;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 20px;
}
.detailNewsAndPrmoInClub .txtPart a.goBack {
  background-color: #4f46e5;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 8px 40px;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 40px;
}
.detailNewsAndPrmoInClub .txtPart a.goBack:hover {
  background-color: #6366f1;
}

.promoPage {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1920px) {
  .promoPage {
    margin-top: 20px;
    width: 98%;
  }
}
.promoPage .insideWrapNewsPromoList {
  margin-bottom: 160px;
}
.promoPage .insideWrapNewsPromoList .titleRazdel {
  font-size: 35px;
  font-weight: 900;
  margin-bottom: 20px;
  text-align: center;
  margin-bottom: 40px;
}
.promoPage .insideWrapNewsPromoList ul.newsList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 2560px) {
  .promoPage .insideWrapNewsPromoList ul.newsList {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsList {
    grid-template-columns: repeat(4, 1fr);
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews {
  padding: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews {
    margin-bottom: 5px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .categoryList {
  margin-right: 40px;
  position: absolute;
  top: 130px;
  left: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media only screen and (max-width: 3440px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .categoryList {
    top: 100px;
  }
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .categoryList {
    top: 135px;
    left: 35px;
  }
}
@media only screen and (max-width: 1600px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .categoryList {
    top: 110px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .categoryList .categoryTag {
  display: block;
  background-color: rgba(100, 100, 230, 0.9);
  color: #f8fafc;
  border: 1px solid #020617;
  font-size: 18px;
  padding: 5px 8px;
  font-weight: 400;
  border-radius: 6px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .categoryList .categoryTag {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1600px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .categoryList .categoryTag {
    font-size: 12px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .catNews {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #f87171;
  color: #020617;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-block;
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .date {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #059669;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-block;
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .title {
  display: block;
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #b4c6fc;
}
@media only screen and (max-width: 3440px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .title {
    font-size: 31px;
    margin-bottom: 20px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .title:hover {
  color: #818cf8;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .title {
    height: 80px;
    font-size: 28px;
  }
}
@media only screen and (max-width: 1600px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .title {
    height: 50px;
    font-size: 20px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews img {
  width: 100%;
  border-radius: 13px;
  height: 977px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 10px;
}
@media only screen and (max-width: 3440px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews img {
    height: 650px;
  }
}
@media only screen and (max-width: 2560px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews img {
    height: 600px;
  }
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews img {
    height: 400px;
  }
}
@media only screen and (max-width: 1600px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews img {
    height: 350px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .short {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 20px;
  height: 55px;
  overflow: hidden;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews .short {
    height: 47px;
    font-size: 16px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews a.more {
  display: block;
  background-color: #f87171;
  color: #020617;
  font-size: 18px;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews a.more {
    font-size: 16px;
    padding: 8px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsList li.cardNewNews a.more:hover {
  background-color: #ef4444;
}
.promoPage .insideWrapNewsPromoList ul.newsListNew {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 2560px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew {
    grid-template-columns: repeat(4, 1fr);
  }
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews {
  padding: 20px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews {
    margin-bottom: 5px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .categoryList {
  margin-right: 40px;
  position: absolute;
  top: 130px;
  left: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media only screen and (max-width: 3440px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .categoryList {
    top: 100px;
  }
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .categoryList {
    top: 135px;
    left: 35px;
  }
}
@media only screen and (max-width: 1600px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .categoryList {
    top: 110px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .categoryList .categoryTag {
  display: block;
  background-color: rgba(100, 100, 230, 0.9);
  color: #f8fafc;
  border: 1px solid #020617;
  font-size: 18px;
  padding: 5px 8px;
  font-weight: 400;
  border-radius: 6px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .categoryList .categoryTag {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1600px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .categoryList .categoryTag {
    font-size: 12px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .catNews {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #f87171;
  color: #020617;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-block;
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .date {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #059669;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-block;
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .title {
  display: block;
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #b4c6fc;
  flex: 1;
}
@media only screen and (max-width: 3440px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .title {
    font-size: 31px;
    margin-bottom: 20px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .title:hover {
  color: #818cf8;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1600px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .title {
    font-size: 20px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews img {
  width: 100%;
  border-radius: 13px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 10px;
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .short {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 20px;
  height: 55px;
  overflow: hidden;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews .short {
    height: 41px;
    font-size: 16px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews a.more {
  display: block;
  background-color: #f87171;
  color: #020617;
  font-size: 18px;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews a.more {
    font-size: 16px;
    padding: 8px;
  }
}
.promoPage .insideWrapNewsPromoList ul.newsListNew li.cardNewNews a.more:hover {
  background-color: #ef4444;
}
.promoPage .insideWrapNewsPromoList ul.promoList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  border: 1px solid red;
}
@media only screen and (max-width: 2560px) {
  .promoPage .insideWrapNewsPromoList ul.promoList {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.promoList {
    grid-template-columns: repeat(4, 1fr);
  }
}
.promoPage .insideWrapNewsPromoList ul.promoList li {
  padding: 10px;
  margin-bottom: 30px;
}
.promoPage .insideWrapNewsPromoList ul.promoList li .date {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #0ea5e9;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-block;
  margin-bottom: 30px;
}
.promoPage .insideWrapNewsPromoList ul.promoList li .title {
  display: block;
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 20px;
  color: #cbd5e1;
}
.promoPage .insideWrapNewsPromoList ul.promoList li .title:hover {
  color: #22d3ee;
}
.promoPage .insideWrapNewsPromoList ul.promoList li img {
  width: 100%;
  height: auto;
  border-radius: 13px;
  margin-bottom: 10px;
}
.promoPage .insideWrapNewsPromoList ul.promoList li .descr {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 20px;
  height: 60px;
}
.promoPage .insideWrapNewsPromoList ul.promoList li a.more {
  display: block;
  background-color: #f87171;
  color: #020617;
  font-size: 18px;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
}
.promoPage .insideWrapNewsPromoList ul.promoList li a.more:hover {
  background-color: #ef4444;
}
.promoPage .insideWrapNewsPromoList ul.promoListNew {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
@media only screen and (max-width: 2560px) {
  .promoPage .insideWrapNewsPromoList ul.promoListNew {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1920px) {
  .promoPage .insideWrapNewsPromoList ul.promoListNew {
    grid-template-columns: repeat(3, 1fr);
  }
}
.promoPage .insideWrapNewsPromoList ul.promoListNew li.itemPromo {
  padding: 10px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.promoPage .insideWrapNewsPromoList ul.promoListNew li.itemPromo .date {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #0ea5e9;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline;
  margin-bottom: 30px;
  align-self: start;
}
.promoPage .insideWrapNewsPromoList ul.promoListNew li.itemPromo .title {
  display: block;
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 20px;
  color: #cbd5e1;
  flex: 1;
}
.promoPage .insideWrapNewsPromoList ul.promoListNew li.itemPromo .title:hover {
  color: #22d3ee;
}
.promoPage .insideWrapNewsPromoList ul.promoListNew li.itemPromo img {
  width: 100%;
  height: auto;
  border-radius: 13px;
  margin-bottom: 10px;
}
.promoPage .insideWrapNewsPromoList ul.promoListNew li.itemPromo .descr {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 20px;
  height: 60px;
}
.promoPage .insideWrapNewsPromoList ul.promoListNew li.itemPromo a.more {
  display: inline;
  background-color: #f87171;
  color: #020617;
  font-size: 18px;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
}
.promoPage .insideWrapNewsPromoList ul.promoListNew li.itemPromo a.more:hover {
  background-color: #ef4444;
}
.promoPage .insideWrapNewsPromo {
  margin-bottom: 160px;
  display: grid;
  grid-template-columns: 20% auto;
  gap: 40px;
}
.promoPage .insideWrapNewsPromo .titleRazdel {
  font-size: 35px;
  font-weight: 900;
  margin-bottom: 20px;
}
.promoPage .insideWrapNewsPromo img {
  width: 100%;
}
.promoPage .insideWrapNewsPromo ul.promoList li {
  padding: 10px;
  margin-bottom: 30px;
}
.promoPage .insideWrapNewsPromo ul.promoList li .date {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #0ea5e9;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-block;
}
.promoPage .insideWrapNewsPromo ul.promoList li .title {
  display: block;
  font-size: 25px;
  font-weight: 900;
  margin-bottom: 20px;
  color: #cbd5e1;
}
.promoPage .insideWrapNewsPromo ul.promoList li .title:hover {
  color: #22d3ee;
}
.promoPage .insideWrapNewsPromo ul.promoList li img {
  width: 100%;
  border-radius: 13px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.promoPage .insideWrapNewsPromo ul.promoList li p {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 20px;
}
.promoPage .insideWrapNewsPromo ul.promoList li a.more {
  display: block;
  background-color: #f87171;
  color: #020617;
  font-size: 18px;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
}
.promoPage .insideWrapNewsPromo ul.promoList li a.more:hover {
  background-color: #ef4444;
}
.promoPage .insideWrapNewsPromo ul.newsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.promoPage .insideWrapNewsPromo ul.newsList li {
  padding: 20px;
  margin-bottom: 30px;
}
.promoPage .insideWrapNewsPromo ul.newsList li .catNews {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #f87171;
  color: #020617;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-block;
}
.promoPage .insideWrapNewsPromo ul.newsList li .date {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: #059669;
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-block;
}
.promoPage .insideWrapNewsPromo ul.newsList li .title {
  display: block;
  font-size: 35px;
  font-weight: 900;
  margin-bottom: 20px;
  color: #a3e635;
}
.promoPage .insideWrapNewsPromo ul.newsList li .title:hover {
  color: #22d3ee;
}
.promoPage .insideWrapNewsPromo ul.newsList li img {
  width: 100%;
  border-radius: 13px;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 2560px) {
  .promoPage .insideWrapNewsPromo ul.newsList li img {
    height: 300px;
  }
}
.promoPage .insideWrapNewsPromo ul.newsList li p {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 20px;
}
.promoPage .insideWrapNewsPromo ul.newsList li a.more {
  display: block;
  background-color: #f87171;
  color: #020617;
  font-size: 18px;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
}
.promoPage .insideWrapNewsPromo ul.newsList li a.more:hover {
  background-color: #ef4444;
}
.promoPage ul.wrapPromo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media only screen and (max-width: 1920px) {
  .promoPage ul.wrapPromo {
    gap: 20px;
  }
}
.promoPage ul.wrapPromo li {
  padding: 20px;
}
.promoPage ul.wrapPromo li .date {
  background-color: #0f172a;
  color: #f1f5f9;
  font-size: 22px;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 30px;
}
.promoPage ul.wrapPromo li a.title {
  display: block;
  font-size: 45px;
  color: #84cc16;
  font-weight: 900;
  margin-bottom: 50px;
}
@media only screen and (max-width: 2560px) {
  .promoPage ul.wrapPromo li a.title {
    font-size: 35px;
  }
}
.promoPage ul.wrapPromo li a.title:hover {
  color: #a3e635;
}
.promoPage ul.wrapPromo li img {
  width: 100%;
  max-width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
  border-radius: 10px;
}
@media only screen and (max-width: 2560px) {
  .promoPage ul.wrapPromo li img {
    height: 500px;
  }
}
.promoPage ul.wrapPromo li p {
  font-size: 25px;
  margin-bottom: 20px;
}
.promoPage ul.wrapPromo li p a {
  color: #0ea5e9;
}
.promoPage ul.wrapPromo li p a:hover {
  color: #f87171;
}
.promoPage ul.wrapPromo li a.more {
  display: block;
  text-align: center;
  background-color: #f87171;
  color: #020617;
  font-size: 20px;
  padding: 10px;
  border-radius: 6px;
}
.promoPage ul.wrapPromo li a.more:hover {
  background-color: #ef4444;
}
.promoPage ul.wrapPromoNews {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 250px;
}
@media only screen and (max-width: 1920px) {
  .promoPage ul.wrapPromoNews {
    gap: 20px;
  }
}
.promoPage ul.wrapPromoNews li {
  padding: 10px;
}
.promoPage ul.wrapPromoNews li .catNews {
  background-color: #65a30d;
  color: #0f172a;
  font-size: 18px;
  font-weight: 500;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 20px;
}
.promoPage ul.wrapPromoNews li .date {
  background-color: #0f172a;
  color: #f1f5f9;
  font-size: 18px;
  border-radius: 6px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 20px;
}
.promoPage ul.wrapPromoNews li a.title {
  display: block;
  font-size: 30px;
  color: #cbd5e1;
  font-weight: 900;
  margin-bottom: 30px;
}
@media only screen and (max-width: 2560px) {
  .promoPage ul.wrapPromoNews li a.title {
    font-size: 25px;
  }
}
.promoPage ul.wrapPromoNews li a.title:hover {
  color: #a3e635;
}
.promoPage ul.wrapPromoNews li img {
  width: 100%;
  max-width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
  border-radius: 10px;
}
@media only screen and (max-width: 2560px) {
  .promoPage ul.wrapPromoNews li img {
    height: 400px;
  }
}
.promoPage ul.wrapPromoNews li p {
  font-size: 25px;
  margin-bottom: 20px;
}
.promoPage ul.wrapPromoNews li p a {
  color: #0ea5e9;
}
.promoPage ul.wrapPromoNews li p a:hover {
  color: #f87171;
}
.promoPage ul.wrapPromoNews li a.more {
  display: block;
  text-align: center;
  background-color: #f87171;
  color: #020617;
  font-size: 20px;
  padding: 10px;
  border-radius: 6px;
}
.promoPage ul.wrapPromoNews li a.more:hover {
  background-color: #ef4444;
}

.clubsPage {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1920px) {
  .clubsPage {
    margin-top: 20px;
    width: 98%;
  }
}
.clubsPage ul.wrapClubs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.clubsPage ul.wrapClubs li.club {
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.clubsPage ul.wrapClubs li.club a.photoLink {
  display: block;
  margin-bottom: 20px;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
@media only screen and (max-width: 2560px) {
  .clubsPage ul.wrapClubs li.club a.photoLink {
    height: 420px;
  }
}
@media only screen and (max-width: 1920px) {
  .clubsPage ul.wrapClubs li.club a.photoLink {
    height: 300px;
  }
}
.clubsPage ul.wrapClubs li.club a.photoLink img {
  width: 100%;
  max-width: 100%;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  height: inherit;
  transition: ease 0.3s;
}
.clubsPage ul.wrapClubs li.club a.photoLink:hover img {
  transform: scale(103%);
}
.clubsPage ul.wrapClubs li.club .pcCount {
  font-size: 25px;
  font-weight: 500;
  color: #030712;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1920px) {
  .clubsPage ul.wrapClubs li.club .pcCount {
    margin-bottom: 5px;
  }
}
.clubsPage ul.wrapClubs li.club .title {
  color: #d1d5db;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 900;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.clubsPage ul.wrapClubs li.club .howMuchClubsInClubPage {
  box-sizing: border-box;
  background: rgba(2, 6, 23, 0.7);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
  display: block;
  border: none;
  margin-bottom: 30px;
  padding: 14px;
}
.clubsPage ul.wrapClubs li.club .howMuchClubsInClubPage .titleHowMuch {
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 10px;
}
.clubsPage ul.wrapClubs li.club .howMuchClubsInClubPage ul.listShortZones li {
  font-size: 18px;
  margin-bottom: 7px;
  display: flex;
  justify-content: space-between;
}
.clubsPage ul.wrapClubs li.club .howMuchClubsInClubPage ul.listShortZones li span {
  color: #38bdf8;
  font-weight: 500;
  margin-left: 14px;
}
.clubsPage ul.wrapClubs li.club ul.features {
  margin-bottom: 20px;
  height: 60px;
}
@media only screen and (max-width: 2560px) {
  .clubsPage ul.wrapClubs li.club ul.features {
    height: 85px;
  }
}
@media only screen and (max-width: 1920px) {
  .clubsPage ul.wrapClubs li.club ul.features {
    height: auto;
  }
}
.clubsPage ul.wrapClubs li.club ul.features li {
  background-color: #7c3aed;
  color: #f1f5f9;
  font-size: 18px;
  font-weight: 300;
  display: inline-block;
  margin-bottom: 2px;
  padding: 2px 10px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.clubsPage ul.wrapClubs li.club .timeworking {
  color: #cbd5e1;
  font-weight: 500;
  font-size: 14px;
}
.clubsPage ul.wrapClubs li.club a.more {
  background-color: #ee5151;
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 0;
  margin-top: 20px;
}
.clubsPage ul.wrapClubs li.club a.more:hover {
  background-color: #f87171;
}

.franchisePageNew {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew {
    width: 98%;
    margin-top: 20px;
  }
}
.franchisePageNew .topBanerFranchise {
  width: 100%;
  height: 900px;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media only screen and (max-width: 2560px) {
  .franchisePageNew .topBanerFranchise {
    height: 800px;
  }
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .topBanerFranchise {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1600px) {
  .franchisePageNew .topBanerFranchise {
    height: 700px;
  }
}
.franchisePageNew .topBanerFranchise .overlay {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
  box-sizing: border-box;
}
.franchisePageNew .topBanerFranchise .videoPartClub {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  box-sizing: border-box;
}
.franchisePageNew .topBanerFranchise .txtPart {
  z-index: 3;
  padding: 60px 80px;
  height: inherit;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 2560px) {
  .franchisePageNew .topBanerFranchise .txtPart {
    padding: 60px 80px;
  }
}
.franchisePageNew .topBanerFranchise .txtPart .firstLine .smallTitle {
  display: inline-block;
  background-color: rgba(163, 230, 53, 0.2);
  border: 1px solid #a3e635;
  font-size: 30px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 2560px) {
  .franchisePageNew .topBanerFranchise .txtPart .firstLine .smallTitle {
    margin-bottom: 20px;
  }
}
.franchisePageNew .topBanerFranchise .txtPart .firstLine h1.title {
  font-size: 300px;
  font-weight: 500;
  font-family: "HeadlinerNo.45";
  letter-spacing: 3px;
  margin: 0;
  line-height: 240px;
  color: #a3e635;
}
@media only screen and (max-width: 2560px) {
  .franchisePageNew .topBanerFranchise .txtPart .firstLine h1.title {
    font-size: 250px;
    line-height: 200px;
  }
}
@media only screen and (max-width: 1600px) {
  .franchisePageNew .topBanerFranchise .txtPart .firstLine h1.title {
    font-size: 180px;
    line-height: 150px;
  }
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine .addr {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 100;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine .addr span {
  background-color: #3f3f46;
  border-radius: 6px;
  padding: 2px 15px;
  font-weight: 600;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.features {
  display: flex;
  margin-bottom: 40px;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.features li {
  background-color: #d9f99d;
  color: #020617;
  border-radius: 6px;
  font-size: 24px;
  padding: 5px 15px;
  margin-right: 10px;
  font-weight: 500;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.phoneAndToMap {
  display: flex;
  align-items: center;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.phoneAndToMap li.wrapPhone {
  overflow: hidden;
  position: relative;
  margin-right: 20px;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.phoneAndToMap li.wrapPhone a.phone {
  display: block;
  border-radius: 6px;
  color: #020617;
  background-color: #f87171;
  padding: 10px 20px;
  font-weight: 900;
  font-size: 18px;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.phoneAndToMap li.wrapPhone a.phone:hover {
  background-color: #312e81;
  color: #e2e8f0;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.phoneAndToMap a.writeMeWidjet {
  display: block;
  border-radius: 6px;
  color: #e2e8f0;
  background-color: #312e81;
  padding: 10px 20px;
  font-weight: 900;
  font-size: 18px;
  margin-right: 20px;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.phoneAndToMap a.writeMeWidjet:hover {
  background-color: #6366f1;
  color: #e2e8f0;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.phoneAndToMap a.toMapBt {
  font-weight: 500;
  display: block;
  border-radius: 6px;
  color: #f1f5f9;
  background-color: rgba(248, 113, 113, 0.1);
  border: 1px solid #f87171;
  padding: 10px 20px;
  font-size: 18px;
}
.franchisePageNew .topBanerFranchise .txtPart .secondLine ul.phoneAndToMap a.toMapBt:hover {
  color: #ec4899;
}
.franchisePageNew .titleInfo {
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .titleInfo {
    font-size: 40px;
  }
}
.franchisePageNew .subTitleAbout {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 40px;
  text-align: center;
}
.franchisePageNew .aboutInfo {
  padding: 40px;
  margin-bottom: 60px;
}
.franchisePageNew .aboutInfo ul.listAbout {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.franchisePageNew .aboutInfo ul.listAbout li {
  background-color: rgba(2, 6, 23, 0.2);
  border: 1px solid #a3e635;
  text-align: center;
  border-radius: 13px;
  padding: 30px;
}
.franchisePageNew .aboutInfo ul.listAbout li .info {
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .aboutInfo ul.listAbout li .info {
    font-size: 30px;
  }
}
.franchisePageNew .aboutInfo ul.listAbout li .descr {
  font-size: 22px;
  font-weight: 300;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .aboutInfo ul.listAbout li .descr {
    font-size: 18px;
  }
}
.franchisePageNew .financeBlock {
  padding: 40px 50px;
  margin-top: 40px;
}
.franchisePageNew .financeBlock .financeHeader {
  margin-bottom: 26px;
}
.franchisePageNew .financeBlock .financeHeader p {
  margin: 10px 0 0;
  color: #cbd5e1;
  font-size: 18px;
}
.franchisePageNew .financeBlock .financeCards {
  display: flex;
  gap: 28px;
  overflow-x: auto;
  padding-bottom: 10px;
  scroll-snap-type: x mandatory;
}
.franchisePageNew .financeBlock .financeCard {
  position: relative;
  overflow: hidden;
  padding: 32px;
  border-radius: 18px;
  color: #f8fafc;
  background: #0b1322;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
  min-width: 60vw;
  flex: 0 0 65vw;
  max-width: 1100px;
  min-height: 520px;
  scroll-snap-align: start;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.franchisePageNew .financeBlock .financeCard:last-child {
  margin-right: 8px;
}
@media (max-width: 1200px) {
  .franchisePageNew .financeBlock .financeCard {
    min-width: 80vw;
    flex-basis: 80vw;
    min-height: 460px;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .franchisePageNew .financeBlock .financeCard {
    min-width: 90vw;
    flex-basis: 90vw;
    min-height: 420px;
    grid-template-columns: 1fr;
  }
}
.franchisePageNew .financeBlock .financeCard::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 20, 38, 0.75), rgba(12, 20, 38, 0.9));
  z-index: 1;
}
.franchisePageNew .financeBlock .financeCard::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 0 0 1px rgba(111, 143, 255, 0.15), 0 10px 25px rgba(0, 0, 0, 0.25) inset;
  z-index: 2;
  pointer-events: none;
}
.franchisePageNew .financeBlock .financeCard::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bg, none);
  background-size: cover;
  background-position: center;
  opacity: 0.35;
  z-index: 0;
}
.franchisePageNew .financeBlock .financeCard > * {
  position: relative;
  z-index: 2;
}
.franchisePageNew .financeBlock .financeCard .cardMeta {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.franchisePageNew .financeBlock .financeCard .cityBlock {
  display: flex;
  align-items: center;
  gap: 10px;
}
.franchisePageNew .financeBlock .financeCard .cityBlock .logoDot {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(140deg, #ef4444, #f97316);
  color: #0b1322;
  font-weight: 900;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}
.franchisePageNew .financeBlock .financeCard .clubCity {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.3px;
}
.franchisePageNew .financeBlock .financeCard .clubAddr {
  font-size: 14px;
  color: #cbd5e1;
}
.franchisePageNew .financeBlock .financeCard .profitBadge {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.6);
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 800;
  font-size: 18px;
  text-align: right;
  min-width: 180px;
  box-shadow: 0 6px 12px rgba(251, 191, 36, 0.2);
}
.franchisePageNew .financeBlock .financeCard .profitBadge span {
  display: block;
  font-size: 12px;
  color: #fef3c7;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.franchisePageNew .financeBlock .financeCard .cardBody {
  grid-column: 1 / 2;
  background: rgba(5, 10, 20, 0.7);
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 14px;
  padding: 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  line-height: 1.6;
}
.franchisePageNew .financeBlock .financeCard .cardBody .row span {
  font-weight: 700;
  color: #e2e8f0;
}
.franchisePageNew .financeBlock .financeCard .cardBody .row.muted {
  color: #cbd5e1;
  opacity: 0.8;
}
.franchisePageNew .financeBlock .financeCard .profitSide {
  grid-column: 2 / 3;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  /* background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.45); */
  border-radius: 12px;
  padding: 14px;
  /* box-shadow: 0 8px 18px rgba(251, 191, 36, 0.2); */
}
.franchisePageNew .financeBlock .financeCard .financeCta {
  margin-top: 10px;
  align-self: flex-start;
  background: linear-gradient(90deg, #ef4444, #f97316);
  color: #fff;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
}
.franchisePageNew .financeBlock .financeCard .financeCta:hover {
  filter: brightness(1.05);
}
.franchisePageNew .financeBlock .financeCard .profitBadge {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.6);
  border-radius: 10px;
  padding: 12px 16px;
  font-weight: 900;
  font-size: 55px;
  text-align: right;
  min-width: 200px;
  box-shadow: 0 6px 12px rgba(251, 191, 36, 0.2);
}
.franchisePageNew .financeBlock .financeCard .profitBadge span {
  display: block;
  font-size: 13px;
  color: #fef3c7;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.franchisePageNew .financeBlock .financeCard .profitNote {
  font-size: 14px;
  color: #e2e8f0;
}
.franchisePageNew .financeBlock .financeCard .profitExtra {
  font-size: 14px;
  color: #cbd5e1;
}
.franchisePageNew .revenueBlock {
  padding: 50px 60px;
  margin-top: 50px;
  background: radial-gradient(circle at 20% 20%, rgba(96, 165, 250, 0.15), transparent 30%), radial-gradient(circle at 80% 10%, rgba(251, 191, 36, 0.15), transparent 25%), linear-gradient(135deg, rgba(10, 15, 28, 0.95), rgba(18, 26, 46, 0.9));
}
.franchisePageNew .revenueBlock .revenueHeader {
  margin-bottom: 20px;
}
.franchisePageNew .revenueBlock .revenueHeader p {
  margin: 8px 0 0;
  color: #cbd5e1;
  font-size: 18px;
}
.franchisePageNew .revenueBlock .revenueContent {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 24px;
  align-items: start;
}
.franchisePageNew .revenueBlock .revenueText .subtitle {
  font-size: 18px;
  letter-spacing: 0.5px;
  color: #e2e8f0;
  margin-bottom: 10px;
}
.franchisePageNew .revenueBlock .revenueList {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  display: grid;
  gap: 8px;
}
.franchisePageNew .revenueBlock .revenueList li {
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 16px;
  color: #cbd5e1;
  display: flex;
  gap: 10px;
  align-items: baseline;
}
.franchisePageNew .revenueBlock .revenueList li span {
  color: #fbbf24;
  font-weight: 800;
}
.franchisePageNew .revenueBlock .example {
  margin-top: 10px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  background: rgba(15, 23, 42, 0.5);
}
.franchisePageNew .revenueBlock .example .subtitle {
  margin-bottom: 6px;
}
.franchisePageNew .revenueBlock .example .total {
  font-size: 17px;
  margin-bottom: 8px;
}
.franchisePageNew .revenueBlock .example .total strong {
  color: #fbbf24;
}
.franchisePageNew .revenueBlock .example .exampleList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 6px;
  font-size: 15px;
}
.franchisePageNew .revenueBlock .example .exampleList li span {
  font-weight: 700;
  color: #e2e8f0;
}
.franchisePageNew .revenueBlock .revenueChart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  position: relative;
}
.franchisePageNew .revenueBlock .ringWrap {
  position: relative;
  width: 320px;
  height: 320px;
}
.franchisePageNew .revenueBlock .ring {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(
    #60a5fa 0deg 118.8deg,
    #fbbf24 118.8deg 237.6deg,
    #f97316 237.6deg 291.0deg,
    #a855f7 291.0deg 360deg
  );
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35), 0 0 18px rgba(96, 165, 250, 0.25);
}
.franchisePageNew .revenueBlock .ring::after {
  content: "";
  position: absolute;
  inset: 34px;
  background: linear-gradient(160deg, #0b1322, #111827);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.25);
}
.franchisePageNew .revenueBlock .ringCenter {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  z-index: 2;
  color: #f8fafc;
  text-align: center;
}
.franchisePageNew .revenueBlock .ringCenter .ringTotal {
  font-size: 22px;
  font-weight: 800;
}
.franchisePageNew .revenueBlock .ringCenter .ringCaption {
  font-size: 14px;
  color: #cbd5e1;
}
.franchisePageNew .revenueBlock .ringLabels {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.franchisePageNew .revenueBlock .ringLabels .label {
  position: absolute;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(148, 163, 184, 0.35);
  color: #e5e7eb;
  font-size: 13px;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.franchisePageNew .revenueBlock .ringLabels .label.pc { left: 90%; top: 60px; transform: translateX(-50%); border-left: 3px solid #60a5fa; }
.franchisePageNew .revenueBlock .ringLabels .label.snack { right: -12px; top: 90%; transform: translateY(-50%); border-left: 3px solid #fbbf24; }
.franchisePageNew .revenueBlock .ringLabels .label.tv { left: -70px; bottom: 30%; border-left: 3px solid #f97316; }
.franchisePageNew .revenueBlock .ringLabels .label.subs { right: 180px; bottom: 250px; border-left: 3px solid #a855f7; }
@media (max-width: 1200px) {
  .franchisePageNew .revenueBlock .revenueContent {
    grid-template-columns: 1fr;
  }
  .franchisePageNew .revenueBlock .revenueChart {
    align-items: flex-start;
  }
  .franchisePageNew .revenueBlock .ringWrap {
    width: 280px;
    height: 280px;
  }
  .franchisePageNew .revenueBlock .ringLabels .label {
    font-size: 12px;
  }
  .franchisePageNew .supportBlock .supportGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .franchisePageNew .supportBlock .supportGrid {
    grid-template-columns: 1fr;
  }
}
.franchisePageNew .supportBlock {
  padding: 45px 50px;
  margin-top: 40px;
  margin-bottom: 50px;
  background: linear-gradient(145deg, rgba(12, 20, 38, 0.92), rgba(16, 24, 40, 0.88));
}
.franchisePageNew .supportBlock .supportHeader p {
  margin: 8px 0 18px;
  color: #cbd5e1;
  font-size: 17px;
}
.franchisePageNew .supportBlock .supportGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding-bottom: 6px;
}
.franchisePageNew .supportBlock .supportCol {
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}
.franchisePageNew .supportBlock .supportTitle {
  font-size: 18px;
  font-weight: 800;
  color: #f8fafc;
  margin-bottom: 10px;
}
.franchisePageNew .supportBlock ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /* display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); */
  gap: 8px;
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.5;
}
.franchisePageNew .supportBlock ul li::before {
  content: "•";
  color: #f97316;
  margin-right: 6px;
  font-weight: 900;
}
.franchisePageNew .supportBlock ul li {
  width: 100%;
}
.franchisePageNew .supportBlock .supportCta {
  margin-top: 18px;
  display: flex;
  gap: 14px;
  align-items: center;
  font-weight: 700;
  color: #e2e8f0;
}
.franchisePageNew .supportBlock .supportCta a {
  background: linear-gradient(90deg, #ef4444, #f97316);
  color: #fff;
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
}
.franchisePageNew .supportBlock .supportCta a:hover {
  filter: brightness(1.05);
}
.franchisePageNew .leasingBlock {
  position: relative;
  overflow: hidden;
  padding: 40px 50px;
  min-height: 340px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  background: linear-gradient(120deg, rgba(12, 20, 38, 0.9) 0%, rgba(12, 20, 38, 0.65) 60%), var(--leasing-bg, url("../img/cyberpunk.png")) center/cover no-repeat;
}
.franchisePageNew .leasingBlock::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.35), rgba(250, 204, 21, 0.35));
  pointer-events: none;
}
.franchisePageNew .leasingBlock .leasingContent {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 20px;
  color: #f8fafc;
}
.franchisePageNew .leasingBlock .leasingContent .leasingText {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.franchisePageNew .leasingBlock .leasingContent .smallTitle {
  font-size: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #cbd5e1;
}
.franchisePageNew .leasingBlock .leasingContent .title {
  font-size: 36px;
  font-weight: 800;
  margin: 0;
  color: #f8fafc;
}
.franchisePageNew .leasingBlock .leasingContent .subtitle {
  font-size: 18px;
  line-height: 1.5;
  color: #e2e8f0;
  margin: 0;
}
.franchisePageNew .leasingBlock .leasingContent .leasingStats {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.franchisePageNew .leasingBlock .leasingContent .leasingStats li {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 10px;
  padding: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #cbd5e1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.franchisePageNew .leasingBlock .leasingContent .leasingStats li span {
  font-size: 22px;
  font-weight: 800;
  color: #fbbf24;
}
.franchisePageNew .leasingBlock .leasingContent .leasingCta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ef4444, #f97316);
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  max-width: 280px;
  overflow: hidden;
}
.franchisePageNew .leasingBlock .leasingContent .leasingCta:hover {
  filter: brightness(1.05);
}
@media (max-width: 1024px) {
  .franchisePageNew .leasingBlock {
    padding: 30px;
    min-height: 280px;
  }
  .franchisePageNew .leasingBlock .leasingContent {
    grid-template-columns: 1fr;
  }
  .franchisePageNew .leasingBlock .leasingContent .title {
    font-size: 28px;
  }
}
.franchisePageNew .clubsList {
  padding: 40px;
  margin-top: 40px;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  background-color: rgba(2, 6, 23, 0.2);
  padding: 40px;
  border-radius: 13px;
  margin-bottom: 40px;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li:nth-child(even) {
  flex-direction: row-reverse;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li .picPart {
  width: 50%;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li .picPart img {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li .txtPart {
  width: 50%;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li .txtPart .titleClub {
  font-size: 50px;
  font-weight: 400;
  color: #a3e635;
  margin-bottom: 40px;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li .txtPart ul.featuresClubs {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li .txtPart ul.featuresClubs li {
  background-color: rgba(2, 6, 23, 0.3);
  padding: 10px !important;
  border-radius: 13px;
  text-align: center;
  font-size: 25px;
}
.franchisePageNew .clubsList ul.listFranchiseClubs li .txtPart p {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
}
.franchisePageNew .crmBlock {
  padding: 40px;
}
.franchisePageNew .crmBlock .wrapMorInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
  position: relative;
}
.franchisePageNew .crmBlock .wrapMorInfo img.avatar {
  position: absolute;
  top: -48px;
  left: 0;
  width: 450px;
  z-index: 0;
}
@media only screen and (max-width: 2560px) {
  .franchisePageNew .crmBlock .wrapMorInfo img.avatar {
    top: -26px;
  }
}
.franchisePageNew .crmBlock .wrapMorInfo .presentationFranchiseNew {
  background-color: rgba(2, 6, 23, 0.2);
  padding: 40px;
  border-radius: 13px;
  z-index: 2;
}
.franchisePageNew .crmBlock .wrapMorInfo .presentationFranchiseNew .titlePresent {
  font-size: 40px;
  font-weight: 900;
  color: #a3e635;
  margin-bottom: 40px;
  margin-left: 400px;
}
.franchisePageNew .crmBlock .wrapMorInfo .presentationFranchiseNew a.linkToPresentation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #0f172a;
  padding: 20px;
  border-radius: 13px;
  margin-left: 400px;
}
.franchisePageNew .crmBlock .wrapMorInfo .presentationFranchiseNew a.linkToPresentation:hover {
  background-color: #1e293b;
}
.franchisePageNew .crmBlock .wrapMorInfo .presentationFranchiseNew a.linkToPresentation .txt .smallTitle {
  font-size: 30px;
  font-weight: 300;
}
.franchisePageNew .crmBlock .wrapMorInfo .presentationFranchiseNew a.linkToPresentation .txt .title {
  font-size: 40px;
  font-weight: 900;
}
.franchisePageNew .crmBlock .wrapMorInfo .presentationFranchiseNew a.linkToPresentation img {
  width: 100px;
}
.franchisePageNew .whyNet {
  padding: 40px;
  margin-bottom: 60px;
  margin-top: 50px;
}
.franchisePageNew .whyNet ul.listAbout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.franchisePageNew .whyNet ul.listAbout li {
  background-color: rgba(2, 6, 23, 0.2);
  border: 1px solid #a3e635;
  text-align: center;
  border-radius: 13px;
  padding: 30px;
}
.franchisePageNew .whyNet ul.listAbout li .info {
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .whyNet ul.listAbout li .info {
    font-size: 30px;
  }
}
.franchisePageNew .whyNet ul.listAbout li .descr {
  font-size: 22px;
  font-weight: 300;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .whyNet ul.listAbout li .descr {
    font-size: 18px;
  }
}
.franchisePageNew .priceFranchise {
  padding: 40px;
  background-color: #020617;
  border-radius: 13px;
}
.franchisePageNew .priceFranchise .wrapWriteForFranchise {
  text-align: center;
  margin-bottom: 20px;
}
.franchisePageNew .priceFranchise .wrapWriteForFranchise .writeForFranchise {
  display: inline;
  border: 1px solid #a3e635;
  color: #e2e8f0;
  font-size: 20px;
  font-weight: 900;
  padding: 10px 20px;
  border-radius: 13px;
}
.franchisePageNew .priceFranchise .wrapWriteForFranchise .writeForFranchise:hover {
  background-color: #a3e635;
  color: #020617;
}
.franchisePageNew .priceFranchise ul.priceWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 120px;
}
.franchisePageNew .priceFranchise ul.priceWrap li {
  background-color: rgba(163, 230, 53, 0.8);
  text-align: center;
  border-radius: 13px;
  padding: 30px;
  color: #020617;
}
.franchisePageNew .priceFranchise ul.priceWrap li.one {
  grid-column-start: 1;
  grid-column-end: 3;
}
.franchisePageNew .priceFranchise ul.priceWrap li .info {
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .priceFranchise ul.priceWrap li .info {
    font-size: 30px;
  }
}
.franchisePageNew .priceFranchise ul.priceWrap li .descr {
  font-size: 28px;
  font-weight: 900;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .priceFranchise ul.priceWrap li .descr {
    font-size: 20px;
  }
}
.franchisePageNew .priceFranchise ul.fincnseModel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: 120px;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card {
  background-color: rgba(2, 6, 23, 0.2);
  border: 1px solid #a3e635;
  border-radius: 13px;
  padding: 20px;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card .devicesWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card .devicesWrap .pc {
  font-size: 35px;
  font-weight: 500;
  margin-right: 20px;
  border: 1px solid #a3e635;
  padding: 5px 10px;
  border-radius: 6px;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card .devicesWrap .sony {
  font-size: 35px;
  font-weight: 900;
  background-color: #a3e635;
  color: #0f172a;
  padding: 5px 10px;
  border-radius: 6px;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card .item {
  display: flex;
  justify-content: space-between;
  font-size: 26px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #a3e635;
  padding-bottom: 10px;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card .item .titleItem {
  font-weight: 300;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card .item .moneyItem {
  font-weight: 900;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card a.write {
  display: block;
  border: 1px solid #a3e635;
  background-color: #d9f99d;
  color: #020617;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 6px;
  margin-top: 60px;
}
.franchisePageNew .priceFranchise ul.fincnseModel li.card a.write:hover {
  background-color: #020617;
  color: #a3e635;
}
.franchisePageNew .priceFranchise ul.priceWrapMini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 120px;
}
.franchisePageNew .priceFranchise ul.priceWrapMini li {
  background-color: rgba(163, 230, 53, 0.8);
  text-align: center;
  border-radius: 13px;
  padding: 30px;
  color: #020617;
}
.franchisePageNew .priceFranchise ul.priceWrapMini li.one {
  grid-column-start: 1;
  grid-column-end: 3;
}
.franchisePageNew .priceFranchise ul.priceWrapMini li.last {
  grid-column-start: 1;
  grid-column-end: 4;
}
.franchisePageNew .priceFranchise ul.priceWrapMini li .info {
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .priceFranchise ul.priceWrapMini li .info {
    font-size: 30px;
  }
}
.franchisePageNew .priceFranchise ul.priceWrapMini li .descr {
  font-size: 28px;
  font-weight: 900;
}
@media only screen and (max-width: 1920px) {
  .franchisePageNew .priceFranchise ul.priceWrapMini li .descr {
    font: 20px;
  }
}

.franchisePage {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
}
@media only screen and (max-width: 1920px) {
  .franchisePage {
    margin-top: 20px;
    width: 98%;
  }
}
.franchisePage .insideFranchize {
  padding: 20px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) {
  .franchisePage .insideFranchize {
    margin-bottom: 20px;
  }
}
.franchisePage .insideFranchize h2 {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 40px;
}
.franchisePage .insideFranchize p {
  margin-bottom: 20px;
}
.franchisePage .insideFranchize span.pribil {
  color: #f1f5f9;
  background-color: #8b5cf6;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
}
.franchisePage .insideFranchize ul.listForHelp {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media only screen and (max-width: 1920px) {
  .franchisePage .insideFranchize ul.listForHelp {
    grid-template-columns: repeat(2, 1fr);
  }
}
.franchisePage .insideFranchize ul.listForHelp li {
  background-color: #0f172a;
  padding: 15px;
  border-radius: 6px;
  transition: ease 0.3s;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.franchisePage .insideFranchize ul.listForHelp li:hover {
  background-color: #020617;
}
.franchisePage .insideFranchize .btnWrap {
  margin-top: 60px;
  display: flex;
}
.franchisePage .insideFranchize .btnWrap a.phone {
  background-color: #ee5151;
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
  margin-right: 20px;
}
.franchisePage .insideFranchize .btnWrap a.phone:hover {
  background-color: #f87171;
}
.franchisePage .insideFranchize .btnWrap a.email {
  background-color: #22c55e;
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
}
.franchisePage .insideFranchize .btnWrap a.email:hover {
  background-color: #10b981;
}
.franchisePage .insideFranchize .presentationFranchise {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.franchisePage .insideFranchize .presentationFranchise .title {
  font-size: 35px;
  font-weight: 500;
  color: #cbd5e1;
}
.franchisePage .insideFranchize .presentationFranchise a {
  display: flex;
  align-items: center;
  background-color: #a3e635;
  padding: 5px 10px;
  border-radius: 13px;
}
.franchisePage .insideFranchize .presentationFranchise a:hover {
  background-color: #84cc16;
}
.franchisePage .insideFranchize .presentationFranchise a img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  margin-right: 10px;
}
.franchisePage .insideFranchize .presentationFranchise a .txt {
  display: flex;
  flex-direction: column;
}
.franchisePage .insideFranchize .presentationFranchise a .txt .smallTitle {
  font-size: 20px;
  font-weight: 300;
  color: #020617;
}
.franchisePage .insideFranchize .presentationFranchise a .txt .title {
  font-size: 20px;
  font-weight: 500;
  color: #020617;
}
.franchisePage p {
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 10px;
}
.franchisePage p span.rose {
  background-color: #f87171;
  color: #020617;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
}
.franchisePage p span.green {
  background-color: #84cc16;
  color: #020617;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
}
.franchisePage p span.blue {
  background-color: #06b6d4;
  color: #020617;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
}
.franchisePage p span.lightOrange {
  background-color: #fdba74;
  color: #020617;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
}
.franchisePage p span.orange {
  background-color: #f97316;
  color: #020617;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
}
.franchisePage p span.puash {
  background-color: #8b5cf6;
  color: #e2e8f0;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
}
.franchisePage p span.vznos {
  background-color: #fb7185;
  color: #020617;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
}

.contactPage {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
}
@media only screen and (max-width: 1920px) {
  .contactPage {
    margin-top: 20px;
    width: 98%;
  }
}
.contactPage ul.listsContactsClubs {
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 1920px) {
  .contactPage ul.listsContactsClubs {
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.contactPage ul.listsContactsClubs li.eachClub {
  padding: 20px;
}
.contactPage ul.listsContactsClubs li.eachClub a.title {
  display: block;
  color: #e5e7eb;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 800;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
@media only screen and (max-width: 1920px) {
  .contactPage ul.listsContactsClubs li.eachClub a.title {
    font-size: 30px;
  }
}
.contactPage ul.listsContactsClubs li.eachClub a.title:hover {
  color: #818cf8;
}
.contactPage ul.listsContactsClubs li.eachClub .street {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
@media only screen and (max-width: 1920px) {
  .contactPage ul.listsContactsClubs li.eachClub .street {
    font-size: 20px;
  }
}
.contactPage ul.listsContactsClubs li.eachClub a.photoLink {
  display: block;
  margin-bottom: 20px;
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 13px;
}
@media only screen and (max-width: 1920px) {
  .contactPage ul.listsContactsClubs li.eachClub a.photoLink {
    height: 300px;
  }
}
.contactPage ul.listsContactsClubs li.eachClub a.photoLink img {
  width: 100%;
  max-width: 100%;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  height: inherit;
  transition: ease 0.3s;
}
.contactPage ul.listsContactsClubs li.eachClub a.photoLink:hover img {
  transform: scale(103%);
}
.contactPage ul.listsContactsClubs li.eachClub .timeWork {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .contactPage ul.listsContactsClubs li.eachClub .timeWork {
    font-size: 18px;
  }
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: stretch;
  margin-top: 12px;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 15px;
  flex: 1 1 0;
  min-width: 0;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap a.phone {
  background-color: #0ea5e9;
  color: #f8fafc;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap a.phone:hover {
  background-color: #0284c7;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap a.book {
  background-color: #22c55e;
  color: #0f172a;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap a.book:hover {
  background-color: #16a34a;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap a.onMap {
  background-color: #0f172a;
  color: #f8fafc;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap a.onMap:hover {
  background-color: #64748b;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap.bottom {
  margin-top: 8px;
  display: flex;
  flex-wrap: nowrap;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap.bottom a.more {
  background-color: #ee5151;
  color: #fff;
  width: 100%;
}
.contactPage ul.listsContactsClubs li.eachClub .bntWrap.bottom a.more:hover {
  background-color: #f87171;
}

.topAlertHomePage {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  display: block;
  background-color: #84cc16;
  color: #020617;
  font-size: 34px;
  font-weight: 500;
  border-radius: 13px;
  padding: 30px 40px;
}
@media only screen and (max-width: 2560px) {
  .topAlertHomePage {
    font-size: 29px;
  }
}
@media only screen and (max-width: 1920px) {
  .topAlertHomePage {
    width: 90%;
    margin-top: 20px;
  }
}
.topAlertHomePage:hover {
  background-color: #f87171;
}

.clubPage {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
}
@media only screen and (max-width: 1920px) {
  .clubPage {
    width: 98%;
    margin-top: 20px;
  }
}
.clubPage .topAlert {
  background-color: #fca5a5;
  color: #020617;
  font-size: 25px;
  font-weight: 500;
  border-radius: 13px;
  padding: 20px 40px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1920px) {
  .clubPage .topAlert {
    margin-bottom: 20px;
  }
}
.clubPage .topBaner {
  width: 100%;
  min-height: 900px;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 60px;
}
@media only screen and (max-width: 2560px) {
  .clubPage .topBaner {
    height: 800px;
  }
}
@media only screen and (max-width: 1920px) {
  .clubPage .topBaner {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .topBaner {
    height: 700px;
  }
}
.clubPage .topBaner .overlay {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: inherit;
  min-height: inherit;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
  box-sizing: border-box;
}
.clubPage .topBaner .videoPartClub {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  box-sizing: border-box;
}
.clubPage .topBaner .txtPart {
  z-index: 3;
  padding: 60px 80px;
  height: inherit;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 2560px) {
  .clubPage .topBaner .txtPart {
    padding: 60px 80px;
  }
}
.clubPage .topBaner .txtPart .firstLine {
  margin-bottom: 40px;
}
/* .clubPage .topBaner .txtPart .firstLine .titleStack {
  flex: 1 1 320px;
} */

.clubPage .topBaner .txtPart {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.clubPage .topBaner .txtPart .clubMapThumb img {
  /* width: 520px; */
  max-height: 720px;
}

.clubPage .topBaner .txtPart .firstLine .smallTitle {
  display: inline-block;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 40px;
  font-size: 30px;
  font-family: "HeadlinerNo.45";
  letter-spacing: 2px;
  color: #38bdf8;
}
@media only screen and (max-width: 2560px) {
  .clubPage .topBaner .txtPart .firstLine .smallTitle {
    margin-bottom: 20px;
  }
}
.clubPage .topBaner .txtPart .firstLine h1.title {
  font-size: 300px;
  font-weight: 500;
  font-family: "HeadlinerNo.45";
  letter-spacing: 3px;
  margin: 0;
  line-height: 240px;
  color: #cbd5e1;
}
@media only screen and (max-width: 2560px) {
  .clubPage .topBaner .txtPart .firstLine h1.title {
    font-size: 250px;
    line-height: 200px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .topBaner .txtPart .firstLine h1.title {
    font-size: 180px;
    line-height: 150px;
  }
}
.clubPage .topBaner .txtPart .firstLine .clubMapThumb {
  flex: 0 1 320px;
  max-width: 360px;
  min-width: 240px;
  align-self: center;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(148, 163, 184, 0.35);
}
.clubPage .topBaner .txtPart .firstLine .clubMapThumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.clubPage .topBaner .txtPart .secondLine .howMuchClubs {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  border: none;
  margin-bottom: 20px;
  padding: 14px 30px;
}
.clubPage .topBaner .txtPart .secondLine .howMuchClubs .titleHowMuch {
  font-weight: 900;
  font-size: 22px;
  margin-bottom: 10px;
}
.clubPage .topBaner .txtPart .secondLine .howMuchClubs ul.listShortZones li {
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.clubPage .topBaner .txtPart .secondLine .howMuchClubs ul.listShortZones li span {
  color: #38bdf8;
  font-weight: 500;
  margin-left: 14px;
}
.clubPage .topBaner .txtPart .secondLine .addr {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 100;
}
.clubPage .topBaner .txtPart .secondLine .addr span {
  background-color: #3f3f46;
  border-radius: 6px;
  padding: 2px 15px;
  font-weight: 600;
}
.clubPage .topBaner .txtPart .secondLine ul.features {
  display: flex;
  margin-bottom: 40px;
}
.clubPage .topBaner .txtPart .secondLine ul.features li {
  background-color: #1f2937;
  border-radius: 30px;
  font-size: 18px;
  padding: 5px 10px;
  margin-right: 10px;
  font-weight: 500;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap {
  display: flex;
  align-items: center;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap li.wrapPhone {
  overflow: hidden;
  position: relative;
  margin-right: 20px;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap li.wrapPhone a.phone {
  display: block;
  border-radius: 6px;
  color: #e2e8f0;
  background-color: #7c3aed;
  padding: 10px 20px;
  font-weight: 900;
  font-size: 18px;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap li.wrapPhone a.phone:hover {
  background-color: #8b5cf6;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.toMapBt {
  font-weight: 700;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 6px;
  background-color: #0ea5e9;
  color: #e2e8f0;
  transition: background-color 0.2s ease;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.toMapBt:hover {
  background-color: #0284c7;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.bookBt {
  font-weight: 700;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 6px;
  background-color: #22c55e;
  color: #0f172a;
  transition: background-color 0.2s ease;
  margin-right: 20px;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.bookBt:hover {
  background-color: #16a34a;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.tgBt,
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.vkBt {
  font-weight: 700;
  display: inline-block;
  padding: 3px 5px;
  border-radius: 6px;
  color: #e2e8f0;
  margin-right: 20px;
}
.tgBt .tg-icon,
.vkBt .vk-icon{
  width: 30px;
  height: 30px;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.tgBt {
  background-color: #229ed9;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.tgBt:hover {
  background-color: #1787bd;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.vkBt {
  background-color: #4c75a3;
}
.clubPage .topBaner .txtPart .secondLine ul.phoneAndToMap a.vkBt:hover {
  background-color: #3b5c82;
}
.clubPage .newsBlockSlider {
  box-sizing: border-box;
  padding: 20px;
}
.clubPage .newsBlockSlider .titleNewsRazdel {
  font-size: 48px;
  margin-top: 10px;
  margin-bottom: 60px;
  font-weight: 700;
  text-align: center;
  color: #F1F5F9;
}
.clubPage .newsBlockSlider .margingRazdel {
  margin-bottom: 100px;
}
.clubPage .newsBlockSlider swiper-slide {
  box-sizing: border-box;
  background-color: #6875F5;
  border-radius: 13px;
  margin-bottom: 60px;
}
.clubPage .newsBlockSlider swiper-slide.promo {
  border: none;
  box-sizing: border-box;
  background: rgba(2, 6, 23, 0.7);
  border-radius: 13px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
}
.clubPage .newsBlockSlider swiper-slide.promo .titlePromo:hover {
  color: #a1a1aa;
}
.clubPage .newsBlockSlider swiper-slide.promo .moreBt {
  background-color: #64748b;
}
.clubReviews {
  padding: 20px;
  margin: 40px 0;
  height: 100%;
}
.clubReviews .reviewsSwiper {
  width: 100%;
  overflow: hidden;
}
.clubReviews .reviewsSwiper swiper-slide {
  transition: transform 0.35s ease, opacity 0.35s ease;
  opacity: 0.65;
  transform: scale(0.9);
}
.clubReviews .reviewsSwiper swiper-slide-prev,
.clubReviews .reviewsSwiper swiper-slide-next {
  opacity: 0.75;
  transform: scale(0.93);
  filter: brightness(0.9);
}
.clubReviews .reviewsSwiper swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  filter: none;
}
.reviewSlide .reviewCard {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(30, 64, 175, 0.7));
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 16px;
  padding: 24px;
  min-height: 240px;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.reviewSlide .reviewHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  color: #e2e8f0;
}
.reviewSlide .reviewRating {
  background-color: #f59e0b;
  color: #0f172a;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 800;
}
.reviewSlide .reviewText {
  color: #e2e8f0;
  line-height: 1.6;
  font-size: 17px;
  flex: 1;
}
.reviewSlide .reviewSource {
  font-size: 14px;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.reviewSlide .reviewCardPhoto{
  padding: 0;
  min-height: auto;
  background: none;
  border: none;
  box-shadow: none;
  display: block;
}
.reviewSlide .reviewCardPhoto img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}
.clubReviewsMobile {
  margin: 20px 0 30px;
  padding: 16px;
}
.clubReviewsMobile .reviewsSwiperMobile swiper-slide {
  transition: transform 0.35s ease, opacity 0.35s ease;
  opacity: 0.7;
  transform: scale(0.95);
}
.clubReviewsMobile .reviewsSwiperMobile swiper-slide-prev,
.clubReviewsMobile .reviewsSwiperMobile swiper-slide-next {
  opacity: 0.8;
  transform: scale(0.98);
  filter: brightness(0.9);
}
.clubReviewsMobile .reviewsSwiperMobile swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  filter: none;
}
.clubReviewsMobile .reviewCard {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(30, 64, 175, 0.7));
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.clubPage .newsBlockSlider swiper-slide a.pic {
  display: block;
}
.clubPage .newsBlockSlider swiper-slide a.pic img {
  width: 100%;
  height: 661px;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlockSlider swiper-slide a.pic img {
    height: 485px;
  }
}
@media only screen and (max-width: 1920px) {
  .clubPage .newsBlockSlider swiper-slide a.pic img {
    height: 442px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlockSlider swiper-slide a.pic img {
    height: 364px;
  }
}
.clubPage .newsBlockSlider swiper-slide .txtPart {
  padding: 0 20px 20px;
}
.clubPage .newsBlockSlider swiper-slide .titleNews {
  font-size: 30px;
  color: #e5e7eb;
  display: block;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 30px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.clubPage .newsBlockSlider swiper-slide .titleNews:hover {
  color: #020617;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlockSlider swiper-slide .titleNews {
    height: 70px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlockSlider swiper-slide .titleNews {
    font-size: 23px;
  }
}
.clubPage .newsBlockSlider swiper-slide .titlePromo {
  height: 72px;
  font-size: 30px;
  color: #e5e7eb;
  display: block;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 30px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.clubPage .newsBlockSlider swiper-slide .titlePromo:hover {
  color: #020617;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlockSlider swiper-slide .titlePromo {
    height: 72px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlockSlider swiper-slide .titlePromo {
    font-size: 23px;
    height: auto;
  }
}
.clubPage .newsBlockSlider swiper-slide .descr {
  font-size: 22px;
  color: #e5e7eb;
  font-weight: 500;
  margin-bottom: 20px;
  height: 60px;
  overflow: hidden;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlockSlider swiper-slide .descr {
    height: 75px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlockSlider swiper-slide .descr {
    font-size: 20px;
  }
}
.clubPage .newsBlockSlider swiper-slide a.moreBt {
  display: block;
  background-color: #1e293b;
  color: #e2e8f0;
  font-size: 18px;
  font-weight: 900;
  padding: 8px;
  border-radius: 6px;
  text-align: center;
  text-transform: uppercase;
}
.clubPage .newsBlockSlider swiper-slide a.moreBt:hover {
  background-color: #818cf8;
  color: #e2e8f0;
}
.clubPage .newsBlock {
  padding: 20px;
}
.clubPage .newsBlock .titleNewsRazdel {
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 900;
  text-align: center;
  color: #f87171;
}
.clubPage .newsBlock .titlePromoRazdel {
  font-size: 40px;
  margin-top: 80px;
  margin-bottom: 30px;
  font-weight: 900;
  text-align: center;
  color: #f87171;
}
.clubPage .newsBlock ul.listNews {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.clubPage .newsBlock ul.listNews li {
  background-color: #818cf8;
  border-radius: 13px;
  padding: 20px;
}
.clubPage .newsBlock ul.listNews li img {
  border-radius: 13px;
  margin-bottom: 20px;
  width: 100%;
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlock ul.listNews li img {
    height: 260px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlock ul.listNews li img {
    height: 200px;
  }
}
.clubPage .newsBlock ul.listNews li .rubric {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #cbd5e1;
  background-color: #0f172a;
  padding: 2px 4px;
  border-radius: 6px;
  display: none;
}
.clubPage .newsBlock ul.listNews li .titleNews {
  font-size: 30px;
  margin-bottom: 10px;
  color: #0f172a;
  font-weight: 900;
  display: block;
}
.clubPage .newsBlock ul.listNews li .titleNews:hover {
  color: #f87171;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlock ul.listNews li .titleNews {
    height: 70px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlock ul.listNews li .titleNews {
    font-size: 23px;
  }
}
.clubPage .newsBlock ul.listNews li .descr {
  font-size: 22px;
  color: #0f172a;
  font-weight: 500;
  margin-bottom: 20px;
  height: 60px;
  overflow: hidden;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlock ul.listNews li .descr {
    height: 75px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlock ul.listNews li .descr {
    font-size: 20px;
  }
}
.clubPage .newsBlock ul.listNews li a.moreBt {
  display: block;
  background-color: #f87171;
  color: #0f172a;
  font-size: 18px;
  font-weight: 900;
  padding: 8px;
  border-radius: 6px;
  text-align: center;
  text-transform: uppercase;
}
.clubPage .newsBlock ul.listNews li a.moreBt:hover {
  background-color: #4f46e5;
  color: #e2e8f0;
}
.clubPage .newsBlock ul.listPromo {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.clubPage .newsBlock ul.listPromo li {
  background-color: #0ea5e9;
  border-radius: 13px;
  padding: 20px;
}
.clubPage .newsBlock ul.listPromo li img {
  border-radius: 13px;
  margin-bottom: 20px;
  width: 100%;
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlock ul.listPromo li img {
    height: 260px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlock ul.listPromo li img {
    height: 200px;
  }
}
.clubPage .newsBlock ul.listPromo li .titlePromo {
  height: 72px;
  font-size: 30px;
  margin-bottom: 10px;
  color: #e2e8f0;
  font-weight: 900;
  display: block;
}
.clubPage .newsBlock ul.listPromo li .titlePromo:hover {
  color: #f87171;
}
@media only screen and (max-width: 2560px) {
  .clubPage .newsBlock ul.listPromo li .titlePromo {
    height: 72px;
  }
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlock ul.listPromo li .titlePromo {
    font-size: 23px;
    height: auto;
  }
}
.clubPage .newsBlock ul.listPromo li .descr {
  height: 100px;
  font-size: 22px;
  color: #0f172a;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .clubPage .newsBlock ul.listPromo li .descr {
    font-size: 20px;
    height: auto;
  }
}
.clubPage .newsBlock ul.listPromo li a.moreBt {
  display: block;
  background-color: #f87171;
  color: #0f172a;
  font-size: 18px;
  font-weight: 900;
  padding: 8px;
  border-radius: 6px;
  text-align: center;
  text-transform: uppercase;
}
.clubPage .newsBlock ul.listPromo li a.moreBt:hover {
  background-color: #4f46e5;
  color: #e2e8f0;
}
.clubPage ul.clubsZones {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media only screen and (max-width: 1600px) {
  .clubPage ul.clubsZones {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
.clubPage ul.clubsZones li {
  padding: 20px;
}
.clubPage ul.clubsZones li .zoneSmall {
  font-size: 12px;
  font-weight: 500;
  color: #e2e8f0;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 20px;
}
.clubPage ul.clubsZones li .wrapZoneName {
  margin-bottom: 30px;
}
@media only screen and (max-width: 2560px) {
  .clubPage ul.clubsZones li .wrapZoneName {
    height: auto;
  }
}
@media only screen and (max-width: 1920px) {
  .clubPage ul.clubsZones li .wrapZoneName {
    height: 80px;
  }
}
.clubPage ul.clubsZones li .wrapZoneName .zoneName {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-size: 33px;
  font-weight: 400;
  color: #e5e7eb;
}
.clubPage ul.clubsZones li .sliderLineWrap {
  position: relative;
}
.clubPage ul.clubsZones li .sliderLineWrap .zoomIn {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 1%;
  right: 1%;
  padding: 4px;
  background-color: rgba(203, 213, 225, 0.4);
  height: 40px;
  width: 40px;
  border-radius: 13px;
}
.clubPage ul.clubsZones li .sliderLineWrap .zoomIn img.zoomInPic {
  box-sizing: border-box;
  width: 40px;
  height: auto;
}
.clubPage ul.clubsZones li .sliderLineWrap .sliderLine a {
  display: block;
}
.clubPage ul.clubsZones li .sliderLineWrap .sliderLine a:nth-child(n+2) {
  display: none;
}
.clubPage ul.clubsZones li img {
  width: 100%;
  max-width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 13px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 2560px) {
  .clubPage ul.clubsZones li img {
    height: 300px;
  }
}
.clubPage ul.clubsZones li .btnWrap {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 75% auto;
  gap: 10px;
}
@media only screen and (max-width: 2560px) {
  .clubPage ul.clubsZones li .btnWrap {
    grid-template-columns: 70% auto;
  }
}
.clubPage ul.clubsZones li .btnWrap a.call {
  display: block;
  padding: 10px;
  background-color: #8b5cf6;
  border-radius: 6px;
  text-align: center;
  font-size: 18px;
}
.clubPage ul.clubsZones li .btnWrap a.call:hover {
  background-color: #7c3aed;
}
.clubPage ul.clubsZones li .btnWrap a.toMap {
  display: block;
  padding: 10px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  text-align: center;
  font-size: 18px;
  color: #94a3b8;
  font-weight: 500;
}
.clubPage ul.clubsZones li .btnWrap a.toMap:hover {
  background-color: #94a3b8;
  color: #1e293b;
  border: 1px solid #1e293b;
}
.clubPage ul.clubsZones li ul.params {
  margin-top: 40px;
  margin-bottom: 40px;
}
.clubPage ul.clubsZones li ul.params li {
  box-sizing: border-box;
  padding: 0px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) {
  .clubPage ul.clubsZones li ul.params li {
    margin-bottom: 20px;
  }
}
.clubPage ul.clubsZones li ul.params li .pTitle {
  display: inline-block;
  font-weight: 400;
  border-radius: 6px;
  font-size: 30px;
  color: #7dd3fc;
  margin-bottom: 10px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.clubPage ul.clubsZones li ul.params li .pDescr {
  color: #f1f5f9;
  font-size: 31px;
  font-weight: 500;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
@media only screen and (max-width: 2560px) {
  .clubPage ul.clubsZones li ul.params li .pDescr {
    font-size: 23px;
  }
}
@media only screen and (max-width: 1920px) {
  .clubPage ul.clubsZones li ul.params li .pDescr {
    font-size: 20px;
  }
}
.clubPage ul.clubsZones li ul.pricePnCht {
  margin-bottom: 20px;
  border-radius: 13px;
  padding: 10px;
  background-color: rgba(3, 7, 18, 0.6);
}
.clubPage ul.clubsZones li ul.pricePnCht p.titleTime {
  display: block;
  font-size: 25px;
  font-weight: 900;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-top: 10px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.clubPage ul.clubsZones li ul.pricePnCht .wrapTime li {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  font-size: 25px;
  border-bottom: 1px solid #64748b;
  padding-bottom: 4px;
  padding: 2px 5px;
  margin: 5px;
  border-radius: 6px;
  font-weight: 400;
  margin-right: 15px;
  display: inline-block;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
@media only screen and (max-width: 2560px) {
  .clubPage ul.clubsZones li ul.pricePnCht .wrapTime li {
    font-size: 22px;
    margin: 5px;
    padding: 7px;
  }
}
.clubPage ul.clubsZones li ul.pricePnCht .wrapTime li span {
  font-weight: 700;
  display: block;
  font-size: 25px;
  color: #e2e8f0;
  display: inline-block;
}
@media only screen and (max-width: 2560px) {
  .clubPage ul.clubsZones li ul.pricePnCht .wrapTime li span {
    font-size: 23px;
  }
}
.clubPage ul.clubsZones li ul.pricePtVs {
  margin-bottom: 20px;
  border-radius: 13px;
  padding: 10px;
  border: 1px solid #A78BFA;
  background-color: rgba(31, 41, 55, 0.6);
}
.clubPage ul.clubsZones li ul.pricePtVs p.titleTime {
  display: block;
  font-size: 25px;
  font-weight: 900;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-top: 10px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.clubPage ul.clubsZones li ul.pricePtVs p.smallTitle {
  display: block;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-top: 10px;
  color: #cbd5e1;
}
.clubPage ul.clubsZones li ul.pricePtVs .wrapTime li {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  font-size: 25px;
  border-bottom: 1px solid #64748b;
  padding: 2px 5px;
  transition: ease 0.2s;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  padding: 0;
  font-size: 24px;
  margin: 5px;
  border-radius: 6px;
  font-weight: 400;
  display: inline-block;
}
@media only screen and (max-width: 2560px) {
  .clubPage ul.clubsZones li ul.pricePtVs .wrapTime li {
    font-size: 22px;
    margin: 5px;
    padding: 7px;
  }
}
.clubPage ul.clubsZones li ul.pricePtVs .wrapTime li span {
  font-weight: 700;
  display: block;
  font-size: 25px;
  color: #e2e8f0;
  display: inline-block;
}
@media only screen and (max-width: 2560px) {
  .clubPage ul.clubsZones li ul.pricePtVs .wrapTime li span {
    font-size: 23px;
  }
}

.pictureForClub {
  padding: 20px;
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
}
@media only screen and (max-width: 1920px) {
  .pictureForClub {
    width: 98%;
    margin-top: 20px;
  }
}
.pictureForClub .title {
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 900;
  text-align: center;
  color: #f87171;
}
.pictureForClub img {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
}

.pictureForClub2 {
  padding: 40px 40px;
  width: 80%;
  margin: 0 auto;
  margin-top: 160px;
  margin-bottom: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  position: relative;
  z-index: 10;
}
.pictureForClub2 .txtPart {
  -moz-text-align-last: left;
       text-align-last: left;
}
.pictureForClub2 .txtPart .title {
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 900;
  text-align: center;
  color: #f87171;
}
.pictureForClub2 .txtPart .txt {
  font-size: 28px;
  font-weight: 300;
  color: #e2e8f0;
}
.pictureForClub2 .picPart {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-30%, -50%) rotate(10deg);
  width: 15%;
  transition: ease 0.5s;
}
.pictureForClub2 .picPart:hover {
  position: fixed;
  width: 100%;
  top: -400%;
  transform: translate(0%, 0%) rotate(0deg);
  transition: ease 0.7s;
}
.pictureForClub2 .picPart img {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
}

.pictureForClub3 {
  padding: 40px 40px;
  width: 80%;
  margin: 0 auto;
  margin-top: 160px;
  margin-bottom: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  position: relative;
  z-index: 10;
}
.pictureForClub3 .txtPart {
  -moz-text-align-last: left;
       text-align-last: left;
}
.pictureForClub3 .txtPart .title {
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 900;
  text-align: center;
  color: #F1F5F9;
}
.pictureForClub3 .txtPart .txt {
  font-size: 28px;
  font-weight: 300;
  color: #e2e8f0;
  margin-bottom: 20px;
}
.pictureForClub3 .txtPart a.showPicMap {
  display: inline-block;
  background-color: #7c3aed;
  border: 1px solid #7c3aed;
  color: #f1f5f9;
  padding: 6px 40px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.pictureForClub3 .txtPart a.showPicMap:hover {
  background-color: #8b5cf6;
}
.pictureForClub3 img.kartinka {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-30%, -50%) rotate(10deg);
  width: 15%;
  transition: ease 0.5s;
  border-radius: 13px;
}

.modal-gamezone {
  display: none; /* Скрываем модальное окно по умолчанию */
  position: fixed; /* Фиксируем положение окна */
  left: 0;
  top: 0px;
  width: 100%; /* Ширина модального окна */
  height: 100%; /* Высота модального окна */
  overflow: auto; /* Добавляем прокрутку, если контент модального окна больше */
  background-color: rgba(0, 0, 0, 0.4); /* Полупрозрачный фон */
  z-index: 10;
}

.modal-content-gamezone {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 20px;
  width: 80%;
  max-width: 1200px;
  padding: 10px 20px 20px 20px;
}

.modal-img-gamezone {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0px;
}

.modal-close-gamezone {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.modal-close-gamezone:hover,
.modal-close-gamezone:focus {
  color: black;
  text-decoration: none;
}

.animationRoute {
  padding: 20px;
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
}
@media only screen and (max-width: 1920px) {
  .animationRoute {
    width: 98%;
    margin-top: 20px;
  }
}
.animationRoute .title {
  font-size: 48px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 700;
  text-align: center;
  color: #F1F5F9;
}
.animationRoute .txt {
  margin-top: 20px;
  margin-bottom: 40px;
  border-left: 10px solid #f87171;
  border-radius: 6px;
  padding-left: 40px;
}
.animationRoute .txt p {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #f1f5f9;
}
.animationRoute .txt p a {
  color: #c4b5fd;
}
.animationRoute .txt p a:hover {
  color: #e0f2fe;
}
.animationRoute .txt p.likeTitle {
  font-weight: 900;
  color: #67e8f9;
}
.animationRoute img {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
}
.animationRoute video {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
}

.ourAdvantagesWithSlider {
  padding: 60px 0;
  margin-bottom: 40px;
}
.ourAdvantagesWithSlider .mainZones {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
.ourAdvantagesWithSlider .mainZones .itemZone {
  border: 1px solid red;
}
.ourAdvantagesWithSlider .mainZones .itemZone img {
  width: 100%;
  max-width: 100%;
  border: 1px solid green;
}

.ourAdvantages {
  padding: 50px 0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1600px) {
  .ourAdvantages {
    padding: 40px 0;
    margin-bottom: 20px;
  }
}
.ourAdvantages .title {
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  color: #6366f1;
  text-transform: uppercase;
}
.ourAdvantages .subTitle {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 60px;
  text-align: center;
}
.ourAdvantages ul.insideAdvantages {
  width: 100%;
  margin: 0 auto;
  padding: 0 clamp(12px, 3vw, 32px);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(16px, 2vw, 24px);
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.ourAdvantages ul.insideAdvantages li.zone {
  padding: 20px;
  border: none;
  box-sizing: border-box;
  background: rgba(17, 24, 39, 0.7);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3019607843);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
}
.ourAdvantages ul.insideAdvantages li.zone .zoneTitle {
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #6875f5;
}
@media only screen and (max-width: 1920px) {
  .ourAdvantages ul.insideAdvantages li.zone .zoneTitle {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1600px) {
  .ourAdvantages ul.insideAdvantages li.zone .zoneTitle {
    font-size: 24px;
  }
}
.ourAdvantages ul.insideAdvantages li.zone img {
  max-width: 100%;
  border-radius: 13px;
  margin-bottom: 20px;
}
.ourAdvantages ul.insideAdvantages li.zone .param {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #94a3b8;
  transition: ease 0.3s;
}
@media only screen and (max-width: 1920px) {
  .ourAdvantages ul.insideAdvantages li.zone .param {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1600px) {
  .ourAdvantages ul.insideAdvantages li.zone .param {
    font-size: 16px;
  }
}
.ourAdvantages ul.insideAdvantages li.zone .param span {
  font-weight: 900;
  color: #f1f5f9;
}

.adressListClubs {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.aboutPage{
  padding: clamp(40px, 6vw, 96px) 0 clamp(60px, 7vw, 120px);
  color: #e5e7eb;
}
.aboutPage .about-wrap{
  width: min(1180px, 94vw);
  margin: 0 auto;
  display: grid;
  gap: clamp(24px, 4vw, 36px);
}
.aboutPage .about-hero,
.aboutPage .about-quote{
  background: linear-gradient(135deg, rgba(84, 8, 208, 0.16), rgba(201, 2, 163, 0.12));
  border: 1px solid rgba(201, 2, 163, 0.32);
  border-radius: 22px;
  padding: clamp(22px, 4vw, 32px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(12px);
}
.aboutPage .about-kicker{
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  color: rgba(229, 231, 235, 0.78);
  margin: 0 0 10px;
}
.aboutPage h1{
  margin: 0 0 16px;
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 900;
  letter-spacing: .01em;
  color: #f3f4ff;
}
.aboutPage .about-lead{
  margin: 0 0 14px;
  font-size: clamp(16px, 2.2vw, 20px);
  line-height: 1.6;
  color: rgba(229, 231, 235, 0.86);
}
.aboutPage .about-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(16px, 2.4vw, 24px);
}
.aboutPage .about-card{
  background: rgba(15, 23, 42, 0.8);
  border-radius: 18px;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid rgba(201, 2, 163, 0.2);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
  display: grid;
  gap: 10px;
}
.aboutPage .about-card h3{
  margin: 0;
  font-size: clamp(18px, 2.6vw, 22px);
  font-weight: 800;
  color: #f3f4ff;
}
.aboutPage .about-card p,
.aboutPage .about-quote p{
  margin: 0;
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.6;
  color: rgba(226, 232, 240, 0.9);
}
.aboutPage .about-quote{
  text-align: center;
  font-weight: 800;
  border-style: dashed;
}
@media only screen and (max-width: 1920px) {
  .adressListClubs {
    width: 98%;
  }
}
@media only screen and (max-width: 1600px) {
  .adressListClubs {
    margin-bottom: 20px;
  }
}
.adressListClubs ul.clubsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 2560px) {
  .adressListClubs ul.clubsList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1600px) {
  .adressListClubs ul.clubsList {
    gap: 10px;
  }
}
.adressListClubs ul.clubsList li.club {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.adressListClubs ul.clubsList li.club .txtPart .phoneCountPc {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.adressListClubs ul.clubsList li.club .txtPart .phoneCountPc a.title {
  display: block;
  font-size: 24px;
  font-weight: 900;
  color: #a5b4fc;
  margin-right: 30px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubs ul.clubsList li.club .txtPart .phoneCountPc a.title {
    font-size: 30px;
  }
}
.adressListClubs ul.clubsList li.club .txtPart .phoneCountPc a.title:hover {
  color: #818cf8;
}
.adressListClubs ul.clubsList li.club .txtPart .phoneCountPc .pcCount {
  background-color: #cbd5e1;
  display: block;
  color: #020617;
  font-size: 20px;
  display: inline-block;
  padding: 4px 20px;
  font-weight: 900;
  border-radius: 30px;
}
.adressListClubs ul.clubsList li.club .txtPart .addr {
  font-size: 20px;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubs ul.clubsList li.club .txtPart .addr {
    font-size: 18px;
  }
}
.adressListClubs ul.clubsList li.club .txtPart a.phone {
  color: #f1f5f9;
  font-size: 20px;
}
.adressListClubs ul.clubsList li.club .txtPart a.phone:hover {
  color: #818cf8;
}
.adressListClubs ul.clubsList li.club .btnPart a.more {
  position: relative;
  overflow: hidden;
  background-color: #ee5151;
  color: #fff;
  font-size: 18px;
  display: inline-flex;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
  margin-bottom: 10px;
  width: 140px;
}
.adressListClubs ul.clubsList li.club .btnPart a.more:hover {
  background-color: #f87171;
}
.adressListClubs ul.clubsList li.club .btnPart a.call {
  background-color: #22c55e;
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
}
.adressListClubs ul.clubsList li.club .btnPart a.call:hover {
  background-color: #10b981;
}

.adressListClubsNew2 {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) {
  .adressListClubsNew2 {
    width: 98%;
  }
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew2 {
    margin-bottom: 20px;
  }
}
.adressListClubsNew2 ul.clubsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 2560px) {
  .adressListClubsNew2 ul.clubsList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew2 ul.clubsList {
    gap: 10px;
  }
}
.adressListClubsNew2 ul.clubsList li.club {
  padding: 20px;
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px;
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.club {
    grid-template-columns: 35% auto;
  }
}
.adressListClubsNew2 ul.clubsList li.club .txtPart .phoneCountPc {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.adressListClubsNew2 ul.clubsList li.club .txtPart .phoneCountPc a.title {
  display: block;
  font-size: 24px;
  font-weight: 900;
  color: #a5b4fc;
  margin-right: 30px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew2 ul.clubsList li.club .txtPart .phoneCountPc a.title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.club .txtPart .phoneCountPc a.title {
    font-size: 20px;
  }
}
.adressListClubsNew2 ul.clubsList li.club .txtPart .phoneCountPc a.title:hover {
  color: #818cf8;
}
.adressListClubsNew2 ul.clubsList li.club .txtPart .phoneCountPc .pcCount {
  background-color: #cbd5e1;
  display: block;
  color: #020617;
  font-size: 20px;
  display: inline-block;
  padding: 4px 20px;
  font-weight: 900;
  border-radius: 30px;
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.club .txtPart .phoneCountPc .pcCount {
    font-size: 18px;
  }
}
.adressListClubsNew2 ul.clubsList li.club .txtPart .addr {
  font-size: 20px;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew2 ul.clubsList li.club .txtPart .addr {
    font-size: 18px;
  }
}
.adressListClubsNew2 ul.clubsList li.club .txtPart a.phone {
  color: #f1f5f9;
  font-size: 20px;
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.club .txtPart a.phone {
    font-size: 16px;
  }
}
.adressListClubsNew2 ul.clubsList li.club .txtPart a.phone:hover {
  color: #818cf8;
}
.adressListClubsNew2 ul.clubsList li.club .rightPart {
  display: flex;
  justify-content: end;
  align-items: start;
}
.adressListClubsNew2 ul.clubsList li.club .howMuchZones {
  margin-right: 40px;
  box-sizing: border-box;
  background: rgba(2, 6, 23, 0.7);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
  display: block;
  border: none;
  margin-bottom: 0px;
  padding: 14px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew2 ul.clubsList li.club .howMuchZones {
    margin-right: 10px;
  }
}
.adressListClubsNew2 ul.clubsList li.club .howMuchZones .titleHowMuch {
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.club .howMuchZones .titleHowMuch {
    font-size: 16px;
  }
}
.adressListClubsNew2 ul.clubsList li.club .howMuchZones ul.listShortZones li {
  font-size: 12px;
  margin-bottom: 1px;
  display: flex;
  justify-content: space-between;
}
.adressListClubsNew2 ul.clubsList li.club .howMuchZones ul.listShortZones li span {
  color: #38bdf8;
  font-weight: 500;
  margin-left: 14px;
}
.adressListClubsNew2 ul.clubsList li.club .btnPart a.more {
  position: relative;
  overflow: hidden;
  background-color: #ee5151;
  color: #fff;
  font-size: 18px;
  display: inline-flex;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.adressListClubsNew2 ul.clubsList li.club .btnPart a.more:hover {
  background-color: #f87171;
}
.adressListClubsNew2 ul.clubsList li.club .btnPart a.call {
  background-color: #22c55e;
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
}
.adressListClubsNew2 ul.clubsList li.club .btnPart a.call:hover {
  background-color: #10b981;
}
.adressListClubsNew2 ul.clubsList li.club .btnPart {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 160px;
}
.adressListClubsNew2 ul.clubsList li.club .btnPart a {
  flex: 1 1 100px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart {
  padding: 20px;
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.clubNotStandart {
    grid-template-columns: 35% auto;
  }
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .txtPart .phoneCountPc {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .txtPart .phoneCountPc .titleNotStandart {
  display: block;
  font-size: 24px;
  font-weight: 900;
  color: #a5b4fc;
  margin-right: 30px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew2 ul.clubsList li.clubNotStandart .txtPart .phoneCountPc .titleNotStandart {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.clubNotStandart .txtPart .phoneCountPc .titleNotStandart {
    font-size: 20px;
  }
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .txtPart .phoneCountPc .pcCount {
  background-color: #cbd5e1;
  display: block;
  color: #020617;
  font-size: 20px;
  display: inline-block;
  padding: 4px 20px;
  font-weight: 900;
  border-radius: 30px;
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.clubNotStandart .txtPart .phoneCountPc .pcCount {
    font-size: 18px;
  }
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .txtPart .addr {
  font-size: 20px;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew2 ul.clubsList li.clubNotStandart .txtPart .addr {
    font-size: 18px;
  }
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .rightPart {
  display: flex;
  justify-content: end;
  align-items: start;
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .howMuchZones {
  margin-right: 40px;
  box-sizing: border-box;
  background: rgba(2, 6, 23, 0.7);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
  display: block;
  border: none;
  margin-bottom: 0px;
  padding: 14px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew2 ul.clubsList li.clubNotStandart .howMuchZones {
    margin-right: 10px;
  }
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .howMuchZones .titleHowMuch {
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 1512px) {
  .adressListClubsNew2 ul.clubsList li.clubNotStandart .howMuchZones .titleHowMuch {
    font-size: 16px;
  }
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .howMuchZones ul.listShortZones li {
  font-size: 12px;
  margin-bottom: 1px;
  display: flex;
  justify-content: space-between;
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .howMuchZones ul.listShortZones li span {
  color: #38bdf8;
  font-weight: 500;
  margin-left: 14px;
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .btnPart a.more {
  position: relative;
  overflow: hidden;
  background-color: #ee5151;
  color: #fff;
  font-size: 18px;
  display: inline-flex;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .btnPart a.more:hover {
  background-color: #f87171;
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .btnPart a.call {
  background-color: #22c55e;
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
}
.adressListClubsNew2 ul.clubsList li.clubNotStandart .btnPart a.call:hover {
  background-color: #10b981;
}

.adressListClubsNew {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) {
  .adressListClubsNew {
    width: 98%;
  }
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew {
    margin-bottom: 20px;
  }
}
.adressListClubsNew ul.clubsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 2560px) {
  .adressListClubsNew ul.clubsList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew ul.clubsList {
    gap: 10px;
  }
}
.adressListClubsNew ul.clubsList li.club {
  padding: 20px;
  display: flex;
  display: flex;
  flex-direction: column;
}
.adressListClubsNew ul.clubsList li.club .mainInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.adressListClubsNew ul.clubsList li.club .mainInfo .txtPart .phoneCountPc {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.adressListClubsNew ul.clubsList li.club .mainInfo .txtPart .phoneCountPc a.title {
  display: block;
  font-size: 24px;
  font-weight: 900;
  color: #a5b4fc;
  margin-right: 30px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew ul.clubsList li.club .mainInfo .txtPart .phoneCountPc a.title {
    font-size: 30px;
  }
}
.adressListClubsNew ul.clubsList li.club .mainInfo .txtPart .phoneCountPc a.title:hover {
  color: #818cf8;
}
.adressListClubsNew ul.clubsList li.club .mainInfo .txtPart .phoneCountPc .pcCount {
  background-color: #cbd5e1;
  display: block;
  color: #020617;
  font-size: 20px;
  display: inline-block;
  padding: 4px 20px;
  font-weight: 900;
  border-radius: 30px;
}
.adressListClubsNew ul.clubsList li.club .mainInfo .txtPart .addr {
  font-size: 20px;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .adressListClubsNew ul.clubsList li.club .mainInfo .txtPart .addr {
    font-size: 18px;
  }
}
.adressListClubsNew ul.clubsList li.club .mainInfo .txtPart a.phone {
  color: #f1f5f9;
  font-size: 20px;
}
.adressListClubsNew ul.clubsList li.club .mainInfo .txtPart a.phone:hover {
  color: #818cf8;
}
.adressListClubsNew ul.clubsList li.club .howMuchZones {
  box-sizing: border-box;
  background: rgba(2, 6, 23, 0.7);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(5px);
  display: block;
  border: none;
  margin-bottom: 30px;
  padding: 14px;
}
.adressListClubsNew ul.clubsList li.club .howMuchZones .titleHowMuch {
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.adressListClubsNew ul.clubsList li.club .howMuchZones ul.listShortZones li {
  font-size: 14px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.adressListClubsNew ul.clubsList li.club .howMuchZones ul.listShortZones li span {
  color: #38bdf8;
  font-weight: 500;
  margin-left: 14px;
}
.adressListClubsNew ul.clubsList li.club .btnPart a.more {
  position: relative;
  overflow: hidden;
  background-color: #ee5151;
  color: #fff;
  font-size: 18px;
  display: inline-flex;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.adressListClubsNew ul.clubsList li.club .btnPart a.more:hover {
  background-color: #f87171;
}
.adressListClubsNew ul.clubsList li.club .btnPart a.call {
  background-color: #22c55e;
  color: #fff;
  font-size: 18px;
  display: block;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 10px 20px;
}
.adressListClubsNew ul.clubsList li.club .btnPart a.call:hover {
  background-color: #10b981;
}

.mapWrap {
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1600px) {
  .mapWrap {
    margin-bottom: 20px;
  }
}
.mapWrap #map,
.mapWrap #mapDynamic {
  width: 100%;
  height: 800px;
  background-color: #020617;
  /* background-color: white; */
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .mapWrap #map,
  .mapWrap #mapDynamic {
    height: 500px;
  }
}
.mapWrap .ymaps-layers-pane {
  filter: invert(100%);
  -ms-filter: invert(100%);
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
}
.mapWrap #mapDynamic .ymaps-layers-pane,
.mapWrap #mapDynamic .ymaps-overlays-pane {
  filter: none !important;
  -ms-filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -o-filter: none !important;
}
.customPlacemark {
  position: relative;
  --pm-size: 75px;
  transform: translate(-50%, -90%);
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: auto;
}
.customPlacemark .pmLogo {
  width: var(--pm-size);
  height: var(--pm-size);
  border-radius: 0;
  background-image: var(--pm-logo);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: invert(100%);
  border: none;
  flex-shrink: 0;
  display: block;
  pointer-events: auto;
}
.customPlacemark .stem {
  width: 2px;
  height: 16px;
  background: #fff;
  margin-top: 6px;
  display: block;
  pointer-events: none;
}
.customPlacemark .stemDot {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  margin-top: 2px;
  display: block;
  pointer-events: none;
}
.customPlacemark .caption {
  /* margin-bottom: 6px; */
  background: #000;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

.bottomAbout {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  margin-top: 40px;
}
@media only screen and (max-width: 1920px) {
  .bottomAbout {
    width: 98%;
    margin-top: 20px;
  }
}
.bottomAbout .title {
  font-size: 48px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 700;
  text-align: center;
  color: #6366f1;
  text-transform: uppercase;
}
.bottomAbout .txt {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.bigGallery {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  margin-bottom: 40px;
  margin-top: 60px;
}
@media only screen and (max-width: 1920px) {
  .bigGallery {
    width: 98%;
  }
}
@media only screen and (max-width: 1600px) {
  .bigGallery {
    margin-bottom: 20px;
  }
}
.bigGallery .titleGallery {
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 900;
  text-align: center;
  color: #f1f5f9;
}
.bigGallery p {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.bigGallery img {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
}

.bigGalleryHomePageNewsSlider {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  margin-bottom: 60px;
  margin-top: 60px;
  overflow: hidden;
}
@media only screen and (max-width: 1920px) {
  .bigGalleryHomePageNewsSlider {
    width: 98%;
  }
}
@media only screen and (max-width: 1600px) {
  .bigGalleryHomePageNewsSlider {
    margin-bottom: 20px;
  }
}
.bigGalleryHomePageNewsSlider .wrapLinkNews {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
}
.bigGalleryHomePageNewsSlider .wrapLinkNews a.allNewsLinkBt {
  display: inline;
  border-radius: 6px;
  border: 1px solid #818cf8;
  color: #e2e8f0;
  text-transform: uppercase;
  padding: 10px 20px;
}
.bigGalleryHomePageNewsSlider .wrapLinkNews a.allNewsLinkBt:hover {
  background-color: #818cf8;
}
.bigGalleryHomePageNewsSlider .titleGallery {
  font-size: 48px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 700;
  text-align: center;
  color: #6366f1;
  text-transform: uppercase;
}
.bigGalleryHomePageNewsSlider .subTitle {
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 60px;
}
.bigGalleryHomePageNewsSlider .item {
  box-sizing: border-box;
  background-color: rgba(15, 23, 42, 0.3);
  border-radius: 13px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  height: auto;
}
.bigGalleryHomePageNewsSlider .item a.title {
  flex: 1;
  display: block;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 900;
  color: #b4c6fc;
  text-align: center;
}
@media only screen and (max-width: 2560px) {
  .bigGalleryHomePageNewsSlider .item a.title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1600px) {
  .bigGalleryHomePageNewsSlider .item a.title {
    font-size: 19px;
  }
}
.bigGalleryHomePageNewsSlider .item a.title:hover {
  color: #818cf8;
}
.bigGalleryHomePageNewsSlider .item a.newsPiclink {
  flex: 1;
  display: block;
  position: relative;
  z-index: 1;
}
.bigGalleryHomePageNewsSlider .item a.newsPiclink img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 13px;
}
.bigGalleryHomePageNewsSlider .item a.newsPiclink .categoryList {
  margin-right: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  z-index: 10;
}
.bigGalleryHomePageNewsSlider .item a.newsPiclink .categoryList .categoryTag {
  display: block;
  background-color: rgba(100, 100, 230, 0.9);
  color: #f8fafc;
  border: 1px solid #020617;
  font-size: 14px;
  padding: 5px 8px;
  font-weight: 400;
  border-radius: 6px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1920px) {
  .bigGalleryHomePageNewsSlider .item a.newsPiclink .categoryList .categoryTag {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1600px) {
  .bigGalleryHomePageNewsSlider .item a.newsPiclink .categoryList .categoryTag {
    font-size: 12px;
  }
}

.glassEffectFooter {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
  /* border: 1px solid rgba(255, 255, 255, 0.5); */
}

.footer {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 30px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1920px) {
  .footer {
    width: 98%;
  }
}
.footer ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  align-content: start;
}
.footer ul li a {
  font-size: 28px;
  font-family: "HeadlinerNo.45";
  transition: ease 0.2s;
  color: #020617;
  font-weight: 500;
  letter-spacing: 3px;
}
@media only screen and (max-width: 1920px) {
  .footer ul li a {
    font-size: 20px;
  }
}
.footer ul li a.active {
  color: #b4c6fc;
}
.footer ul li a:hover {
  color: #94a3b8;
}
.footer ul.clubs li {
  margin: 0 10px;
}
.footer ul a.politicsStyle {
  font-size: 20px;
}

.howFindClub {
  background-color: rgba(2, 6, 23, 0.8);
  margin-bottom: 40px;
  padding: 40px;
  border-radius: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.howFindClub img {
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  z-index: -1;
}
.howFindClub .titleHow {
  font-size: 50px;
  font-weight: 900;
  color: #e2e8f0;
  z-index: 1;
}
.howFindClub a.showWayToClub {
  display: block;
  background-color: #0284c7;
  color: #f1f5f9;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 60px;
  border-radius: 6px;
  text-transform: uppercase;
  z-index: 1;
}
.howFindClub a.showWayToClub:hover {
  background-color: #0ea5e9;
  color: #020617;
}

.wrapListGames {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  padding: 40px;
}
@media only screen and (max-width: 1920px) {
  .wrapListGames {
    width: 98%;
    margin-top: 20px;
  }
}
.wrapListGames .title {
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 900;
  text-align: center;
  color: #F1F5F9;
}
.wrapListGames .title span {
  color: #e2e8f0;
  font-weight: 300;
}
.wrapListGames .insideListGames {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapListGames .insideListGames a.gamesBt {
  display: inline-block;
  background-color: #7c3aed;
  border: 1px solid #7c3aed;
  color: #f1f5f9;
  padding: 6px 40px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.wrapListGames .insideListGames a.gamesBt:hover {
  background-color: #8b5cf6;
}
.wrapListGames .insideListGames .leftPart {
  width: 48%;
  text-align: center;
}
.wrapListGames .insideListGames .rightPart {
  width: 48%;
  text-align: center;
}

.modalGamesWrap {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.9);
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modalGamesWrap .insideModalGames {
  box-sizing: border-box;
  width: 500px;
  max-height: 80vh;
  overflow-y: scroll;
  max-width: 100%;
  background-color: #020617;
  border-radius: 20px;
  padding: 20px;
}
.modalGamesWrap .insideModalGames .lineCloseBt {
  text-align: right;
  margin-bottom: 40px;
}
.modalGamesWrap .insideModalGames .lineCloseBt a.closeModalGames, .modalGamesWrap .insideModalGames .lineCloseBt .closeModalTV {
  display: inline;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  color: #e2e8f0;
  padding: 2px 4px;
  border-radius: 4px;
}
.modalGamesWrap .insideModalGames .lineCloseBt a.closeModalGames:hover, .modalGamesWrap .insideModalGames .lineCloseBt .closeModalTV:hover {
  color: #94a3b8;
}
.modalGamesWrap .insideModalGames .titleModal {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #818cf8;
}
.modalGamesWrap .insideModalGames ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.modalGamesWrap .insideModalGames ul li {
  box-sizing: border-box;
  background-color: #1e293b;
  border: 1px solid rgba(148, 163, 184, 0.3);
  font-size: 16px;
  padding: 4px 6px;
  border-radius: 6px;
  transition: ease 0.2s;
}
.modalGamesWrap .insideModalGames ul li:hover {
  border: 1px solid rgba(148, 163, 184, 0.1);
  background-color: rgba(30, 41, 59, 0.2);
}

.ClubGamesModal {
  display: none;
}

.ClubGamesModal.show {
  display: flex;
}

.ClubTVsModal {
  display: none;
}

.ClubTVModal.show {
  display: flex;
}

.squareGallery {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media only screen and (max-width: 1920px) {
  .squareGallery {
    width: 98%;
  }
}
@media only screen and (max-width: 1600px) {
  .squareGallery {
    margin-bottom: 20px;
  }
}
.squareGallery .titleGallery {
  font-size: 48px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 700;
  text-align: center;
  color: #6366f1;
  text-transform: uppercase;
}
.squareGallery .subtitle {
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 60px;
}
.squareGallery .wrapListGalery {
  box-sizing: border-box;
}
.squareGallery .wrapListGalery .oneLine {
  display: grid;
  grid-template-columns: 35% 15% 20% auto; /* первый ряд */
  gap: 10px;
  margin-bottom: 10px;
}
.squareGallery .wrapListGalery .twoLine {
  display: grid;
  grid-template-columns: auto 20% 30% 35%; /* второй ряд */
  gap: 10px;
}
.squareGallery .wrapListGalery img {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 13px;
}

.politicsPage {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px;
  color: #cbd5e1;
}
@media only screen and (max-width: 1920px) {
  .politicsPage {
    margin-top: 20px;
    width: 98%;
  }
}
.politicsPage h3 {
  margin-top: 40px;
  margin-bottom: 10px;
  color: #e2e8f0;
}
.politicsPage p {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1920px) {
  .politicsPage p {
    font-size: 18px;
  }
}

.broniruyPc {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px;
}
@media only screen and (max-width: 1920px) {
  .broniruyPc {
    margin-top: 20px;
    width: 98%;
  }
}
.broniruyPc .subTitle {
  font-size: 16px;
  color: #e5e7eb;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.broniruyPc .makeBronTxt {
  display: block;
  margin-bottom: 30px;
  color: #e5e7eb;
  font-size: 30px;
  font-weight: 500;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.broniruyPc .makeBronTxt a {
  color: #a78bfa;
  text-decoration: underline;
}
.broniruyPc .makeBronTxt a:hover {
  color: #c4b5fd;
  text-decoration: none;
}
.broniruyPc .wrapLinkApp {
  display: flex;
  align-items: center;
  gap: 20px;
}
.broniruyPc .wrapLinkApp a.linkAppBlock {
  background-color: #f3f4f6;
  color: #4b5563;
  padding: 8px 14px;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.broniruyPc .wrapLinkApp a.linkAppBlock:hover {
  background-color: #e2e8f0;
}
.broniruyPc .wrapLinkApp a.linkAppBlock .logoPart {
  margin-right: 20px;
}
.broniruyPc .wrapLinkApp a.linkAppBlock .logoPart .kartinkaGoogle {
  width: 35px;
}
.broniruyPc .wrapLinkApp a.linkAppBlock .logoPart .kartinkaApple {
  width: 35px;
}
.broniruyPc .wrapLinkApp a.linkAppBlock .txtPart .txtTitle {
  font-size: 14px;
  font-weight: 300;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.broniruyPc .wrapLinkApp a.linkAppBlock .txtPart .txtSubtitle {
  font-size: 18px;
  font-weight: 500;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.contactPage .socialLinks {
  display: flex; /* Используем Flexbox */
  gap: 10px; /* Расстояние между ссылками */
  justify-content: flex-start; /* Выравнивание ссылок вправо */
  align-items: center; /* Выравнивание по вертикали */
  margin-top: 10px; /* Отступ сверху */
}

.contactPage .socialLinks .socialLink {
  font-size: 20px; /* Размер шрифта для ссылок */
  text-decoration: none; /* Убрать подчеркивание */
  color: #f1f5f9; /* Цвет текста */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.contactPage .socialLinks .socialLink img {
  width: 25px; /* Размер иконки */
  height: 25px;
  margin-right: 5px; /* Отступ между иконкой и текстом */
}
.venom-promo{    
  --accent:#c902a3;
  --bg:#070710;
  --bg2:#0b0b18;
  --text:#f3f4ff;
  --muted:rgba(243,244,255,.72);
  --muted2:rgba(243,244,255,.55);
  --radius:22px;

  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  padding:clamp(18px,3.2vw,34px);
  color:var(--text);

  background:
  radial-gradient(circle at 15% 25%, rgba(84,8,208,.18), transparent 45%),
  radial-gradient(circle at 85% 65%, rgba(201,2,163,.14), transparent 50%),
  linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
  linear-gradient(135deg, #5408d0 0%, #c902a3 100%);

  border:1px solid rgba(201,2,163,.28);
  box-shadow: 0 18px 50px rgba(0,0,0,.55);

}

.venom-promo::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(135deg, rgba(84,8,208,.55), transparent 40%, rgba(201,2,163,.25));
  opacity:.35;
  pointer-events:none;
}

.venom-promo__inner{position:relative; display:grid; gap:clamp(12px,2vw,18px);}

.venom-promo__badge{
  position:absolute;
  right:clamp(14px,2.2vw,22px);
  top:clamp(14px,2.2vw,22px);
  width:56px;height:56px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background: rgba(201,2,163,.16);
  border:1px solid rgba(201,2,163,.45);
  box-shadow: 0 10px 24px rgba(201,2,163,.15);
  backdrop-filter: blur(6px);
  z-index:2;
}
.venom-promo__badge svg{fill:var(--accent);}

.venom-promo__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size: clamp(12px, 1.6vw, 14px);
  letter-spacing:.02em;
}
.venom-promo__dot{
  width:8px;height:8px;border-radius:999px;
  background:var(--accent);
  box-shadow:0 0 0 6px rgba(201,2,163,.16);
}

.venom-promo__title{
  margin:0;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
  line-height:.92;
  font-size: clamp(32px, 5.4vw, 56px);
  text-shadow: 0 10px 30px rgba(0,0,0,.55);
}
.venom-promo__accent{
  color:var(--accent);
  text-shadow: 0 10px 30px rgba(201,2,163,.18);
}

.venom-promo__desc{
  margin:0;
  color:var(--muted);
  font-size: clamp(14px, 2.2vw, 18px);
  line-height:1.45;
  max-width: 60ch;
}

.venom-promo__promo{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:4px;
}
.venom-promo__label{
  color:var(--muted2);
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:13px;
}
.venom-promo__code{
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:10px 14px;
  border-radius:14px;
  background: rgba(201,2,163,.18);
  border: 1px solid rgba(201,2,163,.45);
  box-shadow: 0 12px 30px rgba(201,2,163,.12);
  user-select: all;
}

.venom-promo__note{
  color: rgba(243,244,255,.45);
  font-size: 12px;
}

.venom-promo__corner{
  position:absolute;
  right:-48px;
  bottom:-48px;
  width:140px;height:140px;
  border-radius:999px;
  background: radial-gradient(circle at 35% 35%, rgba(201,2,163,.35), rgba(201,2,163,.08) 60%, transparent 70%);
  border:1px solid rgba(201,2,163,.20);
  pointer-events:none;
}

/* --- Мобильная адаптация --- */
@media (max-width: 768px) {
  .contactPage .socialLinks {
      justify-content: center; /* Центрирование ссылок */
      gap: 15px; /* Увеличение расстояния между ссылками */
  }

  .contactPage .socialLinks .socialLink {
      font-size: 16px; /* Уменьшение размера шрифта для мобильных */
  }

  .contactPage .socialLinks .socialLink img {
      width: 15px; /* Уменьшение размера иконки */
      height: 15px;
  }
}

@media (max-width: 480px) { 
  .contactPage .socialLinks {
      flex-direction: column; /* Размещение ссылок в колонку */
      align-items: flex-start; /* Выравнивание по левому краю */
      gap: 10px; /* Расстояние между ссылками */
  }

  .contactPage .socialLinks .socialLink {
      font-size: 19px; /* Еще большее уменьшение размера шрифта */
  }

  .contactPage .socialLinks .socialLink img {
      width: 20px; /* Уменьшение размера иконки */
      height: 20px;
  }
}


.newsSplide { 
  padding: 10px 0 30px; 
  overflow: hidden;
}
.newsSplide .splide__track { overflow: visible; } /* чтобы боковые были видны */

.newsSplide .splide__slide{
  transform-origin: center center;
  transition: transform .35s ease, filter .35s ease, opacity .35s ease;
  opacity: .75;
  filter: saturate(.9) brightness(.9);
}

.newsSplide .splide__slide.is-active{
  transform: scale(1.05) translateZ(0);
  opacity: 1;
  filter: saturate(1) brightness(1);
}

.newsSplide .splide__slide.is-left{
  transform: perspective(900px) rotateY(14deg) scale(.95);
  opacity: .9;
}
.newsSplide .splide__slide.is-right{
  transform: perspective(900px) rotateY(-14deg) scale(.95);
  opacity: .9;
}

.newsSplide .splide__slide.is-far{
  transform: perspective(900px) rotateY(0deg) scale(.90);
  opacity: .55;
  filter: saturate(.85) brightness(.85);
}

/* Твои карточки (минимально) */
.newsSplide .pic img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border-radius:18px;
}
.newsSplide .txtPart{ padding: 12px 6px 0; }
.newsSplide .titleNews{ display:block; font-weight:800; text-decoration:none; }
.newsSplide .descr{ opacity:.85; }
.newsSplide .moreBt{ display:inline-block; margin-top:8px; }

/* Стрелки (если хочешь чуть “премиум”) */
.newsSplide .splide__arrow{
  width:44px; height:44px;
  border-radius:14px;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(99,102,241,.35);
}
.newsSplide .splide__arrow svg{ fill:#fff; }


.promoSplide { 
  padding: 10px 0 30px; 
  overflow: hidden;
}
.promoSplide .splide__track { overflow: visible; } /* чтобы боковые были видны */

.promoSplide .splide__slide{
  transform-origin: center center;
  transition: transform .35s ease, filter .35s ease, opacity .35s ease;
  opacity: .75;
  filter: saturate(.9) brightness(.9);
}

.promoSplide .splide__slide.is-active{
  transform: scale(1.05) translateZ(0);
  opacity: 1;
  filter: saturate(1) brightness(1);
}

.promoSplide .splide__slide.is-left{
  transform: perspective(900px) rotateY(14deg) scale(.95);
  opacity: .9;
}
.promoSplide .splide__slide.is-right{
  transform: perspective(900px) rotateY(-14deg) scale(.95);
  opacity: .9;
}

.promoSplide .splide__slide.is-far{
  transform: perspective(900px) rotateY(0deg) scale(.90);
  opacity: .55;
  filter: saturate(.85) brightness(.85);
}

/* Твои карточки (минимально) */
.promoSplide .pic img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border-radius:18px;
}
.promoSplide .txtPart{ padding: 12px 6px 0; }
.promoSplide .titleNews{ display:block; font-weight:800; text-decoration:none; }
.promoSplide .descr{ opacity:.85; }
.promoSplide .moreBt{ display:inline-block; margin-top:8px; }

/* Стрелки (если хочешь чуть “премиум”) */
.promoSplide .splide__arrow{
  width:44px; height:44px;
  border-radius:14px;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(99,102,241,.35);
}
.promoSplide .splide__arrow svg{ fill:#fff; }