.container {
  max-width: 1900px;
  margin: 0 auto; }

.header {
  height: 1096px;
  background-color: #9A0E22; }

.header__logo {
  width: 1180px; }
.header__imgbox {
  display: flex;
  justify-content: center; }

.nav {
  display: flex;
  justify-content: center;
  padding-top: 34px;
  margin-bottom: 237px; }
  .nav__list {
    display: flex;
    gap: 213px; }
  .nav__item {
    display: flex; }
  .nav__link {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000; }

.main {
  background-color: #120202; }

.spin {
  position: relative; }
  .spin__innerwrp {
    display: flex;
    position: relative; }
  .spin__shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -298px; }
    .spin__shadow > img {
      width: 100%;
      height: 100%; }
  .spin__text {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-top: 118px;
    margin-bottom: 52px;
    width: 512px; }
  .spin__button {
    border: 5px solid #FFFFFF;
    display: flex;
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    background-color: transparent;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    width: 333px;
    height: 109px;
    gap: 5px; }
  .spin__arrow {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF; }
  .spin__img--land {
    margin-left: 436px;
    margin-right: 163px; }
  .spin__img--onehand {
    position: absolute;
    top: 0;
    left: 0;
    width: 227px;
    height: 186px; }
  .spin__img--twohand {
    position: absolute;
    top: 0;
    right: 0;
    width: 227px;
    height: 186px; }
  .spin__img--threehand {
    position: absolute;
    top: 502px;
    left: 65px;
    width: 227px;
    height: 186px; }
  .spin__img--fourhand {
    position: absolute;
    top: 537px;
    right: 0;
    width: 227px;
    height: 186px; }
  .spin__box {
    display: flex; }
  .spin__img--land {
    width: 489px;
    height: 699px; }

.tournaments {
  position: relative; }
  .tournaments__text {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000; }
    .tournaments__text--title {
      font-family: "OptimalC";
      font-weight: 700;
      font-size: 96px;
      line-height: 100%;
      letter-spacing: 0%;
      text-align: center;
      color: #FFFFFF;
      margin-bottom: 20px;
      text-align: center; }
  .tournaments__button {
    border: 5px solid #FFFFFF;
    border-radius: 50px;
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    background-color: transparent;
    width: 333px;
    height: 109px; }
    .tournaments__buttonbox {
      display: flex;
      justify-content: center; }
  .tournaments__box {
    display: flex;
    justify-content: center; }
  .tournaments__shell {
    position: relative;
    z-index: 10;
    border: 20px solid #A81025;
    border-radius: 40px;
    background: #03A94F;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1324px;
    margin-bottom: 80px; }
  .tournaments__shell::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1206px;
    height: 604px;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 80px 40px #03A94F;
    border-radius: 30px;
    z-index: -1; }
  .tournaments__list {
    display: flex;
    gap: 80px;
    margin-bottom: 74px; }
  .tournaments__text {
    text-align: center;
    margin-bottom: 83px;
    margin-top: 41px; }
    .tournaments__textbox {
      display: flex;
      justify-content: space-between; }
  .tournaments__button {
    margin-bottom: 96px; }

.games__list {
  display: flex;
  gap: 115px;
  justify-content: center;
  margin-bottom: 70px; }
.games__item {
  position: relative;
  width: 481px;
  height: 604px;
  background-color: #000000;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .games__item::before {
    z-index: 0;
    content: "";
    background-image: url(../img/games-shadow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 461px;
    height: 604px; }
.games__img {
  margin-bottom: 54px; }
.games__title {
  font-family: "OptimalC";
  font-weight: 700;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  margin-bottom: 104px;
  color: #FFFFFF; }
.games__button {
  border: 5px solid #FFFFFF;
  border-radius: 50px;
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  background-color: transparent;
  width: 333px;
  height: 109px;
  margin-bottom: 128px; }
  .games__buttonbox {
    display: flex;
    justify-content: center; }
.games__text--big {
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin-bottom: 15px; }
.games__text--little {
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  width: 385px; }

.slider {
  position: relative;
  margin-top: 60px;
  margin-bottom: 347px; }
  .slider__innerwrp {
    position: relative;
    width: 833px;
    margin: 0 auto; }
  .slider__list {
    position: relative;
    width: 833px;
    height: 416px;
    overflow: hidden; }
  .slider__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 833px;
    background-color: #FFFFFF;
    height: 416px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
    z-index: 1;
    border-radius: 30px; }
    .slider__item.active {
      opacity: 1;
      pointer-events: auto;
      z-index: 2; }
  .slider__buttonwrp {
    width: 833px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none; }
  .slider__button {
    background: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: background 0.2s;
    background-color: transparent; }
    .slider__button:hover {
      background: rgba(0, 0, 0, 0.8); }
    .slider__button img {
      width: 32px;
      height: 32px; }
  .slider__text--land {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #000000;
    margin-bottom: 82px;
    width: 331px; }
  .slider__text--little {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #000000; }

.shop__title {
  font-family: "OptimalC";
  font-weight: 700;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 154px; }
.shop__button {
  border: 5px solid #FFFFFF;
  border-radius: 50px;
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  background-color: transparent;
  width: 333px;
  height: 109px; }
  .shop__buttonbox {
    display: flex;
    justify-content: center;
    margin-bottom: 124px; }
.shop__list {
  display: flex;
  justify-content: center;
  gap: 91px;
  margin-bottom: 98px; }
.shop__img {
  width: 485px;
  height: 553px;
  margin-bottom: 30px; }
.shop__text {
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF; }
  .shop__textbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .shop__text--low {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF; }

.header-new {
  background-color: #120202; }
  .header-new__imgbox {
    display: flex;
    align-items: center;
    margin-bottom: 47px; }
  .header-new__innerwrp {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .header-new__text {
    font-family: "OptimalC";
    font-weight: 700;
    font-size: 200px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #9A0E22; }

.nav-new {
  display: flex;
  justify-content: center;
  margin-bottom: 214px; }
  .nav-new__list {
    margin-top: 108px;
    width: 1500px;
    display: flex;
    gap: 186px; }
  .nav-new__link {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #9A0E22; }

.about-page__list {
  display: flex;
  justify-content: center;
  gap: 109px;
  margin-bottom: 109px; }
.about-page__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
.about-page__img {
  border: 2px solid #FFFFFF;
  border-radius: 50px;
  margin-bottom: 46px; }
.about-page__text {
  font-family: "OptimalC";
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF; }
  .about-page__text--box {
    display: flex;
    justify-content: center;
    margin-bottom: 116px; }
  .about-page__text--low {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
    width: 994px;
    text-align: center;
    display: flex;
    justify-content: center; }

.shema {
  display: flex;
  gap: 124px;
  padding-bottom: 169px; }
  .shema__img {
    padding: 20px;
    background-color: #9A0E22;
    border-radius: 40px; }
  .shema__box {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .shema__text--big {
    font-family: "OptimalC";
    font-weight: 700;
    font-size: 96px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 64px; }
  .shema__text--little {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF; }
    .shema__text--little:not(:last-child) {
      margin-bottom: 37px; }

.lasfrogas__list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 800px;
  background-image: url(../images/las-frogas.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 80px;
  margin-bottom: 139px;
  gap: 109px; }
.lasfrogas__item {
  display: flex;
  flex-direction: column;
  align-items: center; }
.lasfrogas__text {
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF; }
  .lasfrogas__text--low {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF; }
    .lasfrogas__text--low:not(:last-child) {
      margin-bottom: 28px; }
    .lasfrogas__text--low:last-child {
      margin-bottom: 139px; }

.schedule__box {
  display: flex;
  flex-direction: column;
  align-items: center; }
.schedule__img {
  margin-bottom: 93px; }
.schedule__title {
  font-family: "OptimalC";
  font-weight: 700;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin-bottom: 133px; }
.schedule__list {
  display: flex;
  gap: 176px;
  margin-bottom: 416px; }
.schedule__item {
  display: flex;
  flex-direction: column;
  align-items: center; }
.schedule__text--big {
  font-family: "OptimalC";
  font-weight: 700;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 36px; }
.schedule__text--low {
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF; }

.games-page__subtitle {
  font-family: "OptimalC";
  font-weight: 700;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin-bottom: 36px;
  margin-bottom: 40px; }
.games-page__descr {
  font-family: FuturaBook;
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 142px; }
.games-page__list {
  display: flex;
  gap: 205px;
  flex-wrap: wrap;
  justify-content: center;
  width: 1428px;
  margin-bottom: 96px; }
.games-page__innerbox {
  display: flex;
  flex-direction: column;
  align-items: center; }
.games-page__text {
  font-family: "OptimalC";
  font-weight: 700;
  font-size: 96px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin-bottom: 38px; }
  .games-page__text--ruletka {
    font-family: "OptimalC";
    font-weight: 700;
    font-size: 96px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 96px; }
  .games-page__text--low {
    font-family: FuturaBook;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    width: 1185px;
    text-align: center;
    margin-bottom: 183px; }
.games-page__img {
  width: 203px;
  height: 293px; }
  .games-page__img--big {
    margin-bottom: 96px;
    width: 1300px;
    height: 1300px; }
.games-page__imgbox {
  display: flex;
  justify-content: center;
  margin-bottom: 96px; }

.question__innerbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1520px;
  gap: 128px; }
  .question__innerbox--reverse {
    flex-direction: row-reverse;
    max-width: 1520px; }
.question__textbox {
  display: flex;
  flex-direction: column;
  gap: 30px; }
.question__text {
  font-family: "OptimalC";
  font-weight: 700;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF; }
  .question__text--low {
    font-family: FuturaBook;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    width: 655px; }
.question__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 166px; }
.question__img {
  width: 692px;
  height: 489px; }
  .question__img--shema {
    margin-bottom: 179px; }
.question__textbox {
  display: flex;
  justify-content: space-between; }

.shop-page__innerwrp {
  display: flex;
  flex-direction: column;
  align-items: center; }
.shop-page__imgbox {
  display: flex;
  gap: 82px; }
.shop-page__textbox {
  display: flex;
  justify-content: space-between; }
.shop-page__box {
  width: max-content;
  padding: 28px;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  margin-bottom: 124px; }
.shop-page__text {
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin-bottom: 20px; }
  .shop-page__text--price {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF; }
.shop-page__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 57px; }
.shop-page__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
.shop-page__shell {
  width: 473px;
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #EFEFEF;
  margin-bottom: 35px; }
.shop-page__textbox {
  display: flex;
  justify-content: space-between;
  width: 100%; }
.shop-page__imgrect {
  display: flex; }
.shop-page__info {
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 80px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin-bottom: 37px;
  width: 1135px;
  text-align: center; }

.sale__innerwrp {
  display: flex;
  justify-content: center;
  gap: 126px;
  align-items: center;
  padding-bottom: 271px; }
.sale__text {
  font-family: "FuturaBook";
  font-weight: 400;
  font-size: 80px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF; }
  .sale__text--low {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    width: 644px; }

.footer {
  border-top: 1px solid #FFFFFF;
  padding-top: 23px;
  padding-bottom: 91px;
  background-color: #120202; }
  .footer__box {
    display: flex;
    gap: 290px;
    margin-bottom: 70px; }
    .footer__box--bottom {
      display: flex;
      gap: 40px; }
  .footer__list {
    display: flex;
    flex-direction: column;
    gap: 10px; }
  .footer__link {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF; }
  .footer__innerwrp {
    display: flex;
    justify-content: center; }
  .footer__text {
    font-family: "FuturaBook";
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF; }
    .footer__text--land {
      font-family: FuturaBook;
      font-weight: 400;
      font-size: 32px;
      line-height: 100%;
      letter-spacing: 0%;
      color: #FFFFFF; }
      .shop__img{
        background-color: #EFEFEF !important;
      }
      @media screen and (max-width: 1280px) {
        .slider__img--frogone {
          position: absolute;
          top: -161px;
          left: -340px;
          width: 284px;
          height: 404px;
          object-fit: contain;
          display: none;
        }
        .slider__img--frogtwo {
          width: 228px;
          height: 337px;
          position: absolute;
          object-fit: contain;
          top: -296px;
          left: 119px;
          display: none;
         
        }
      }
      .slider__img--frogone {
        position: absolute;
        top: -161px;
        left: -340px;
        width: 455px;
        height: 632px;
        object-fit: contain;
      }
      .slider__img--frogtwo {
        width: 310px;
        height: 635px;
        position: absolute;
        object-fit: contain;
        top: -296px;
        left: 830px;
       
      }
      @media screen and (max-width: 1700px) {
        .slider__img--frogtwo {
          width: 310px;
          height: 635px;
          position: absolute;
          object-fit: contain;
          top: -296px;
          left: 244px;
         
        }
  
        
      }
     
      .slider{
        position: relative;
      }
      

/*# sourceMappingURL=style.css.map */

/* --- Креативные hover-анимации для оживления сайта --- */

/* Секции: лёгкое увеличение и тень при наведении */
.animate-on-scroll:hover {
  transform: scale(1.025) translateY(-4px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 1.5px 6px rgba(0,0,0,0.08);
  transition: transform 0.35s cubic-bezier(.4,1.4,.6,1), box-shadow 0.35s cubic-bezier(.4,1.4,.6,1);
  z-index: 2;
}

/* Кнопки: плавное увеличение, подсветка и лёгкая тень */
button, .button, .shop__button, .tournaments__button, .games__button, .spin__button {
  transition: transform 0.25s cubic-bezier(.4,1.4,.6,1), box-shadow 0.25s cubic-bezier(.4,1.4,.6,1), background 0.25s;
}
button:hover, .button:hover, .shop__button:hover, .tournaments__button:hover, .games__button:hover, .spin__button:hover {
  transform: scale(1.07) translateY(-2px);

 
  color: #222;
}

/* Изображения внутри секций: плавное увеличение и лёгкая прозрачность */
section img, .animate-on-scroll img {
  transition: transform 0.35s cubic-bezier(.4,1.4,.6,1), opacity 0.35s;
}
section img:hover, .animate-on-scroll img:hover {
  transform: scale(1.06) rotate(-2deg);
  opacity: 0.92;
}

/* Заголовки внутри секций: лёгкое появление подчеркивания */
.animate-on-scroll h1:hover, .animate-on-scroll h2:hover, .animate-on-scroll h3:hover, .animate-on-scroll p:hover {
  text-shadow: 0 2px 8px rgba(255, 200, 80, 0.15);
  transition: text-shadow 0.3s;
}