<!doctype html>
<html lang="ru">
  <head>
<meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>sitemap</title>
    <meta name="description" content="" />

    <link rel="apple-touch-icon" sizes="57x57" href="/assets/template/img/i/apple-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/assets/template/img/i/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/assets/template/img/i/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/assets/template/img/i/apple-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/assets/template/img/i/apple-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/assets/template/img/i/apple-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/assets/template/img/i/apple-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/assets/template/img/i/apple-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/template/img/i/apple-icon-180x180.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/assets/template/img/i/android-icon-192x192.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/template/img/i/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/assets/template/img/i/favicon-96x96.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/template/img/i/favicon-16x16.png" />
    <link rel="manifest" href="/assets/template/img/i/manifest.json" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-TileImage" content="/assets/template/img/i/ms-icon-144x144.png" />
    <meta name="theme-color" content="#ffffff" />

    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
    <link rel="stylesheet" href="/assets/template/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="/assets/template/css/jquery.fancybox.min.css" />
    <link rel="stylesheet" href="/assets/template/css/butterpop.css" />
    <link rel="stylesheet" href="/assets/template/css/variables.css" />
    <link rel="stylesheet" href="/assets/template/css/base.css" />
    <link rel="stylesheet" href="/assets/template/css/routes.css" />
    <link rel="stylesheet" href="/assets/template/css/about-cards.css" />
    <link rel="stylesheet" href="/assets/template/css/header.css" />
    <link rel="stylesheet" href="/assets/template/css/hero.css" />
    <link rel="stylesheet" href="/assets/template/css/about.css" />
    <link rel="stylesheet" href="/assets/template/css/details.css" />
    <link rel="stylesheet" href="/assets/template/css/medals.css" />
    <link rel="stylesheet" href="/assets/template/css/fonts.css" />
    <link rel="stylesheet" href="/assets/template/css/devider.css" />
    <link rel="stylesheet" href="/assets/template/css/intro.css" />
    <link rel="stylesheet" href="/assets/template/css/gallery.css" />
    <link rel="stylesheet" href="/assets/template/css/partners.css" />
    <link rel="stylesheet" href="/assets/template/css/faq.css" />
    <link rel="stylesheet" href="/assets/template/css/application.css" />
    <link rel="stylesheet" href="/assets/template/css/footer.css" />
    <link rel="stylesheet" href="/assets/template/css/video-overlay.css" />
    <link rel="stylesheet" href="/assets/template/css/policy.css" />
    <link rel="stylesheet" href="/assets/template/css/gallery-pages.css" />
    <link rel="stylesheet" href="/assets/template/css/news-pages.css" />
    <link rel="stylesheet" href="/assets/template/css/news-article.css" />
    <link
      rel="preload"
      href="/assets/template/fonts/InterTight/InterTight-Bold.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />
    <link
      rel="preload"
      href="/assets/template/fonts/OpenSans/OpenSans-Regular.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />

  </head>
  <body>
    <div id="app">
<header class="header">
        <div class="header__container">
          <a href="/" class="header__logo">
            <img src="/assets/template/img/icons/logo_rus.svg" alt="КрутIT" class="header__logo-img" />
          </a>

          <nav class="header__nav header__nav--desktop" aria-label="Основная навигация">
            <ul class="nav-list">
              <li class="nav-list__item"><a href="/#about" class="nav-list__link">О фестивале</a></li>
              <li class="nav-list__item"><a href="/#details" class="nav-list__link">Подробнее</a></li>
              <li class="nav-list__item"><a href="/galereya/" class="nav-list__link">Галерея</a></li>
              <li class="nav-list__item"><a href="/novosti/" class="nav-list__link">Новости</a></li>
              <li class="nav-list__item"><a href="/#partners" class="nav-list__link">Партнеры</a></li>
              <li class="nav-list__item"><a href="/#faq" class="nav-list__link">Вопросы</a></li>
            </ul>
          </nav>

          <div class="header__actions">
            <div class="header__socials header__socials--desktop">
              <a target="_blank" href="https://vk.com/krutit64" class="header__social-link"
                ><img src="/assets/template/img/icons/vk-light.svg" alt="VK"
              /></a>
              <!-- <a href="#" class="header__social-link"><img src="/assets/template/img/icons/tg-light.svg" alt="TG" /></a> -->
            </div>

            <button
              class="header__burger"
              id="burgerBtn"
              aria-label="Открыть меню"
              aria-expanded="false"
              aria-controls="mobileMenu"
            >
              <img src="/assets/template/img/icons/burger-menu.svg" alt="" aria-hidden="true" />
            </button>

            <button
              class="header__close"
              id="closeBtn"
              aria-label="Закрыть меню"
              aria-expanded="false"
              aria-controls="mobileMenu"
            >
              <img src="/assets/template/img/icons/close-icon.svg" alt="" aria-hidden="true" />
            </button>
          </div>
        </div>
      </header>
      <div
        class="mobile-menu"
        id="mobileMenu"
        role="dialog"
        aria-modal="true"
        aria-label="Навигация"
        aria-hidden="true"
      >
        <div class="mobile-menu__content">
          <div class="mobile-menu__logo">
            <img src="/assets/template/img/icons/logo_for_menu_rus.svg" alt="КрутIT" />
          </div>

          <nav class="mobile-menu__nav">
            <a href="/#about" class="mobile-menu__link">О фестивале</a>
            <a href="/#details" class="mobile-menu__link">Подробнее</a>
            <a href="/#gallery" class="mobile-menu__link">Заезд 2025</a>
            <a href="/galereya/" class="mobile-menu__link">Галерея</a>
            <a href="/novosti/" class="mobile-menu__link">Новости</a>
            <a href="/#partners" class="mobile-menu__link">Партнеры</a>
            <a href="/#faq" class="mobile-menu__link">Вопросы</a>
          </nav>

          <a href="/#application" class="mobile-menu__apply">Подать заявку</a>

          <div class="mobile-menu__socials">
            <a href="https://vk.com/krutit64" target="_blank" class="mobile-menu__social-link"
              ><img src="/assets/template/img/icons/vk-dark.svg" alt="VK"
            /></a>
            <!-- <a href="#" class="mobile-menu__social-link"
              ><img src="/assets/template/img/icons/tg-dark.svg" alt="TG"
            /></a> -->
          </div>
        </div>
      </div>

      <main>
<section class="hero">
          <div class="hero__image-wrapper">
            <picture>
              <source media="(min-width: 1920px)" srcset="/assets/template/img/group-photo-1920.png" />
              <source media="(min-width: 1280px)" srcset="/assets/template/img/group-photo-1280.png" />
              <source media="(min-width: 768px)" srcset="/assets/template/img/group-photo-768.png" />
              <img
                src="/assets/template/img/group-photo-360.png"
                alt="Групповое фото участников велозаезда"
                class="hero__img"
                fetchpriority="high"
                decoding="sync"
              />
              <iframe
                class="iframe_hero_video hero__img"
                src="https://kinescope.io/embed/57DDd9E1mBozWTBjV3zazh"
                allow="
                  autoplay;
                  fullscreen;
                  picture-in-picture;
                  encrypted-media;
                  gyroscope;
                  accelerometer;
                  clipboard-write;
                  screen-wake-lock;
                "
                frameborder="0"
                allowfullscreen
                width="1920"
                height="1080"
              ></iframe>
              <!-- <iframe class="iframe_hero_video hero__img" src="https://kinescope.io/embed/57DDd9E1mBozWTBjV3zazh" allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write; screen-wake-lock;" frameborder="0" allowfullscreen width="1920" height="1080"></iframe> -->
            </picture>
            <div class="divider-bottom height" style="transform: scaleX(-1)"></div>
          </div>
          <!-- <div class="video-container">
            <div class="play-wrapper">
              <div class="play-circle">
                <img src="/assets/template/img/icons/play-icon.svg" alt="Play" class="play-icon" />
              </div>
            </div>
            <div class="label-wrapper">
              <span class="video-text">
                <p>Смотреть</p>
                <p>видео</p>
              </span>
              <img src="/assets/template/img/icons/play-arrow.svg" alt="" class="arrow-icon" />
            </div>
          </div> -->
        </section>

        <section class="intro">
          <div class="intro__container">
            <div class="intro__content">
              <h1 class="intro__title">Первый велозаезд<br />ИТ-специалистов Саратова</h1>
              <p class="intro__text">
                Мы верим, что физическая активность полезна не только для здоровья, но и для улучшения продуктивности в
                работе!
              </p>
            </div>
            <a href="#application"><button class="intro__button">Зарегистрироваться</button></a>
          </div>
          <div class="intro__image-wrapper">
            <img src="/assets/template/img/intro-bicycle.png" alt="" aria-hidden="true" class="intro__image" />
          </div>
        </section>

        <section class="about" id="about">
          <div class="about__container">
            <div class="about__header">
              <h2 class="about__title reveal reveal--bottom">О фестивале</h2>

              <div class="about__description">
                <p class="reveal reveal--bottom" style="transition-delay: 0.1s">
                  <b>КрутИТ</b> — это первый заезд в Саратове, где мы хотим объединить всех сотрудников ИТ компаний в
                  одном месте с пользой для здоровья.
                </p>
                <p class="reveal reveal--bottom" style="transition-delay: 0.2s">
                  Это повод получить новые знакомства, обсудить интересные задачи, да и просто знать, что нас таких
                  много!
                </p>
                <p class="reveal reveal--bottom" style="transition-delay: 0.3s">
                  Студенты увидят, какого это быть реальным айтишником, а реальные айтишники могут дать полезные советы
                  своим продолжателям.
                </p>
                <p class="reveal reveal--bottom" style="transition-delay: 0.4s">
                  Мы верим, что физическая активность полезна не только для здоровья, но и для улучшения продуктивности
                  в работе!
                </p>
              </div>
            </div>

            <div class="about__card-list">
              <div class="about-card reveal reveal--bottom" style="transition-delay: 0.5s">
                <div class="about-card__image">
                  <img
                    src="/assets/template/img/icons/calendar.png"
                    alt="Дата"
                    class="about-card__img"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="about-card__content">
                  <div class="about-card__text">
                    <h4 class="about-card__title"><span>Дата</span> проведения</h4>
                    <p class="about-card__description">Следующий заезд пройдет 16 мая 2026 года</p>
                  </div>
                </div>
              </div>

              <div class="about-card reveal reveal--bottom" style="transition-delay: 0.6s">
                <div class="about-card__image">
                  <img
                    src="/assets/template/img/icons/location.png"
                    alt="Место"
                    class="about-card__img"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="about-card__content">
                  <div class="about-card__text">
                    <h4 class="about-card__title"><span>Место </span>проведения</h4>
                    <p class="about-card__description">Заезд пройдет в Саратове в районе Кумысной поляны</p>
                  </div>
                </div>
              </div>

              <div class="about-card reveal reveal--bottom" style="transition-delay: 0.7s">
                <div class="about-card__image">
                  <img
                    src="/assets/template/img/icons/trophy.png"
                    alt="Дистанция"
                    class="about-card__img"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="about-card__content">
                  <div class="about-card__text">
                    <h4 class="about-card__title"><span>Дистанция</span></h4>
                    <p class="about-card__description">В процессе формирования маршрута</p>
                  </div>
                </div>
              </div>

              <div class="about-card reveal reveal--bottom" style="transition-delay: 0.8s">
                <div class="about-card__image">
                  <img
                    src="/assets/template/img/icons/clock.png"
                    alt="Сбор"
                    class="about-card__img"
                    loading="lazy"
                    decoding="async"
                  />
                </div>
                <div class="about-card__content">
                  <div class="about-card__text">
                    <h4 class="about-card__title"><span>Сбор</span> участников</h4>
                    <p class="about-card__description">Сбор и подготовительный инструктаж с 10:00</p>
                  </div>
                </div>
              </div>
            </div>

            <div class="about__bg-text1 reveal reveal--bottom" style="transition-delay: 0.9s" aria-hidden="true">
              <img src="/assets/template/img/about-bg-text1.svg" alt="" class="about__bg-img" />
            </div>
            <div class="about__bg-text2 reveal reveal--bottom" style="transition-delay: 1.1s" aria-hidden="true">
              <img src="/assets/template/img/about-bg-text2.svg" alt="" class="about__bg-img" />
            </div>

            <img
              src="/assets/template/img/about-rider.png"
              alt=""
              aria-hidden="true"
              class="about__image-rider reveal reveal--bottom"
              style="transition-delay: 1s"
            />
            <img
              src="/assets/template/img/about-bicycle.png"
              alt=""
              aria-hidden="true"
              class="about__image-bicycle reveal reveal--bottom"
              style="transition-delay: 1.2s"
            />
            <img
              src="/assets/template/img/about-krutit.png"
              alt=""
              aria-hidden="true"
              class="about__image-krutit reveal reveal--bottom"
              style="transition-delay: 1.3s"
            />
          </div>
          <!-- <div class="divider-bottom height bg-dark"></div> -->
        </section>
        <section class="routes" id="routes" style="padding: 0">
          <!-- <img
            src="/assets/template/img/about-helms.png"
            alt=""
            aria-hidden="true"
            class="routes__image-helms reveal reveal--left"
          />
          <div class="routes__header">
            <h2 class="routes__title reveal reveal--bottom">Маршруты</h2>
            <div class="routes__tabs reveal reveal--bottom" role="tablist" style="transition-delay: 0.2s">
              <button class="routes__tab-btn" role="tab" aria-selected="true" aria-controls="tab1" id="tab-10">
                10 км
              </button>
              <button class="routes__tab-btn" role="tab" aria-selected="false" aria-controls="tab2" id="tab-20">
                20 км
              </button>
            </div>
          </div>

          <div
            id="tab1"
            role="tabpanel"
            aria-labelledby="tab-10"
            class="reveal reveal--bottom"
            style="transition-delay: 0.4s"
          >
            <div class="routes__content">
              <div class="routes__map">
                <svg id="svg-root" viewBox="0 0 580 514" class="routes__svg">
                  <path
                    id="svg-path-10"
                    fill="none"
                    stroke="#FF6E2C"
                    class="routes__path"
                    d="M2.50098 214.435L2.53232
              214.282L3.81617 207.221C4.36338 204.211 4.80193 201.949 5.13181 200.435L6.67973 193.331C7.00961 191.817
              7.32188 190.3 7.61653 188.779L8.9991 181.641C9.29375 180.119 9.6197 178.605 9.97694 177.096L11.6532
              170.018C12.0105 168.51 12.2861 166.985 12.4803 165.443L13.3912 158.208C13.5853 156.667 13.8867 155.147
              14.2953 153.649L16.2129 146.621C16.6215 145.123 16.9695 143.612 17.2569 142.09L18.6053 134.945C18.8926
              133.422 19.2603 131.916 19.7084 130.426L21.8106 123.436C22.2587 121.946 22.5777 120.43 22.7677
              118.887L23.6595 111.648C23.8495 110.106 24.0823 108.572 24.3578 107.047L25.6504 99.8902C25.9259 98.3651
              26.4511 96.9441 27.2261 95.6274L30.8624 89.4489C31.6373 88.1322 32.7397 87.1565 34.1695 86.5216L40.8785
              83.5429C42.3083 82.9081 43.7673 82.3687 45.2556 81.9249L52.2393 79.8422C53.7276 79.3983 55.2479 79.1299
              56.8004 79.0368L64.0847 78.6004C65.6371 78.5074 67.1631 78.6516 68.6628 79.033L75.6996 80.8228C77.1993
              81.2042 78.7084 81.5577 80.2268 81.8833L87.3519 83.4108C88.8704 83.7364 90.3653 84.1442 91.8366
              84.6344L98.7405 86.9347C100.212 87.4249 101.662 87.45 103.092 87.01L109.803 84.9456C111.233 84.5056
              112.417 83.6902 113.354 82.4994L117.754 76.9114C118.692 75.7205 119.231 74.3482 119.37 72.7945L120.024
              65.5039C120.163 63.9502 120.363 62.4091 120.623 60.8808L121.842 53.7096C122.102 52.1813 122.289 50.6423
              122.402 49.0926L122.934 41.8211C123.047 40.2715 123.32 38.7453 123.754 37.2427L125.786 30.192C126.219
              28.6894 126.568 27.1713 126.833 25.6376L128.074 18.441C128.339 16.9073 129.157 15.7989 130.527
              15.1158L136.959 11.9104C138.33 11.2273 139.788 10.8786 141.333 10.8643L148.586 10.7974C150.131 10.7831
              151.671 10.9029 153.205 11.1566L160.402 12.3471C161.936 12.6008 163.478 12.6679 165.027 12.5483L172.297
              11.9871C173.846 11.8675 175.374 11.6363 176.881 11.2935L183.951 9.68509C185.458 9.3423 186.932 8.9091
              188.374 8.38547L195.14 5.92846C196.582 5.40483 198.041 4.95605 199.517 4.58211L206.443 2.82746C207.919
              2.45352 209.423 2.39984 210.957 2.66644L218.154 3.91739C219.688 4.18398 221.148 4.62285 222.534
              5.23398L229.041 8.10163C230.427 8.71276 231.882 9.18714 233.405 9.52476L240.549 11.109C242.072 11.4466
              243.27 11.8712 244.142 12.3828L248.238 14.7835C249.111 15.2951 249.071 16.1609 248.116 17.3809L243.637
              23.1053C242.683 24.3253 241.629 25.4538 240.475 26.4909L235.062 31.3573C233.908 32.3944 232.823 33.5018
              231.806 34.6796L227.034 40.2062C226.017 41.3839 225.068 42.5976 224.186 43.847L220.048 49.7097C219.166
              50.9592 218.809 52.3342 218.976 53.8349L219.761 60.8766C219.928 62.3773 220.445 63.7384 221.313
              64.9599L225.383 70.6916C226.251 71.9132 227.17 73.1281 228.142 74.3363L232.701 80.0058C233.673 81.2141
              234.588 82.4645 235.446 83.7571L239.474 89.8223C240.332 91.1149 241.191 92.4072 242.05 93.6992L246.081
              99.7618C246.94 101.054 247.746 102.367 248.497 103.701L252.023 109.96C252.774 111.294 253.701 112.516
              254.804 113.625L259.976 118.828C261.078 119.937 262.056 121.041 262.91 122.14L266.914 127.297C267.767
              128.396 268.159 129.72 268.091 131.268L267.768 138.532C267.699 140.08 267.584 141.627 267.422
              143.172L266.661 150.423C266.499 151.968 266.393 153.515 266.342 155.064L266.106 162.33C266.055 163.879
              265.999 165.427 265.937 166.975L265.647 174.24C265.586 175.789 265.606 177.339 265.71 178.892L266.195
              186.18C266.299 187.733 266.273 189.282 266.117 190.828L265.385 198.08C265.229 199.625 265.193 201.174
              265.276 202.727L265.667 210.011C265.751 211.564 265.725 213.113 265.592 214.659L264.964 221.914C264.831
              223.46 264.768 225.009 264.777 226.559L264.818 233.834C264.827 235.384 264.823 236.934 264.807
              238.483L264.731 245.755C264.715 247.304 264.65 248.852 264.536 250.399L264 257.657C263.886 259.203 263.749
              260.749 263.588 262.295L262.835 269.546C262.674 271.091 262.58 272.639 262.552 274.188L262.423
              281.457C262.395 283.007 262.443 284.558 262.565 286.112L263.138 293.402C263.26 294.956 263.207 296.504
              262.978 298.047L261.907 305.289C261.678 306.833 261.606 308.381 261.69 309.933L262.084 317.218C262.168
              318.771 262.184 320.321 262.133 321.87L261.89 329.136C261.838 330.684 261.801 332.232 261.779
              333.778L261.674 341.032C261.652 342.578 261.861 344.085 262.302 345.553L264.371 352.438C264.812 353.905
              265.425 355.288 266.211 356.585L269.898 362.674C270.684 363.971 271.704 365.073 272.96 365.979L278.853
              370.23C280.108 371.136 281.514 371.618 283.068 371.676L290.364 371.948C291.919 372.006 293.469 372.087
              295.014 372.191L302.264 372.68C303.809 372.784 305.354 372.912 306.9 373.064L314.15 373.778C315.695 373.93
              317.244 373.991 318.796 373.961L326.079 373.82C327.631 373.79 329.18 373.826 330.726 373.928L337.981
              374.404C339.527 374.506 341.075 374.578 342.625 374.62L349.895 374.817C351.444 374.859 352.994 374.881
              354.544 374.881L361.818 374.885C363.369 374.885 364.917 374.966 366.463 375.127L373.72 375.881C375.266
              376.042 376.814 376.14 378.364 376.175L385.635 376.34C387.185 376.375 388.735 376.39 390.286
              376.383L397.562 376.354C399.112 376.347 400.662 376.391 402.21 376.485L409.475 376.927C411.023 377.021
              412.567 377.101 414.107 377.167L421.333 377.476C422.873 377.541 424.389 377.722 425.883 378.018L432.89
              379.406C434.383 379.702 435.731 380.236 436.933 381.008L442.573 384.633C443.775 385.406 445.134 385.957
              446.65 386.286L453.765 387.832C455.281 388.162 456.797 388.496 458.313 388.837L465.428 390.433C466.944
              390.774 468.406 391.272 469.813 391.929L476.417 395.01C477.824 395.666 479.226 396.27 480.624
              396.822L487.182 399.41C488.579 399.962 490.038 400.393 491.557 400.702L498.684 402.154C500.203 402.464
              501.731 402.501 503.269 402.265L510.484 401.157C512.022 400.921 513.551 400.668 515.072 400.399L522.209
              399.136C523.73 398.867 525.217 398.468 526.671 397.94L533.495 395.459C534.949 394.93 536.298 394.257
              537.542 393.441L543.381 389.609C544.626 388.792 545.99 388.401 547.473 388.436L554.433 388.6C555.916
              388.634 557.289 389.084 558.552 389.948L564.476 394.002C565.739 394.865 566.974 395.779 568.183
              396.741L573.856 401.259C575.065 402.221 575.944 403.392 576.494 404.772L579.071 411.244C579.621 412.624
              579.254 413.544 577.971 414.005L571.953 416.169C570.671 416.63 569.3 416.603 567.84 416.089L560.991
              413.675C559.531 413.16 558.154 412.486 556.859 411.651L550.783 407.734C549.488 406.899 548.093 406.312
              546.599 405.974L539.586 404.386C538.092 404.048 536.589 404.058 535.078 404.416L527.988 406.096C526.477
              406.454 525.017 406.971 523.609 407.647L517.003 410.817C515.595 411.492 514.334 412.373 513.221
              413.458L507.998 418.552C506.884 419.637 505.873 420.821 504.963 422.104L500.695 428.123C499.785 429.405
              499.369 430.82 499.446 432.368L499.81 439.629C499.888 441.177 500.034 442.721 500.25 444.263L501.261
              451.496C501.476 453.037 501.578 454.584 501.565 456.135L501.506 463.415C501.494 464.966 501.502 466.517
              501.53 468.066L501.664 475.338C501.692 476.887 501.684 478.423 501.64 479.946L501.432 487.091C501.387
              488.614 500.916 489.873 500.019 490.868L495.806 495.539C494.909 496.534 493.738 496.816 492.296
              496.385L485.526 494.36C484.083 493.929 482.719 493.296 481.433 492.462L475.4 488.547C474.114 487.713
              472.761 486.982 471.341 486.355L464.679 483.411C463.259 482.784 461.774 482.382 460.224 482.205L452.949
              481.375C451.399 481.198 449.861 481.288 448.337 481.644L441.186 483.314C439.662 483.67 438.142 483.674
              436.628 483.325L429.519 481.688C428.005 481.339 426.48 481.058 424.945 480.845L417.744 479.843C416.209
              479.629 414.67 479.508 413.126 479.48L405.882 479.346C404.338 479.317 402.792 479.389 401.243
              479.562L393.978 480.372C392.43 480.545 390.916 480.875 389.436 481.362L382.493 483.647C381.013 484.134
              379.535 484.628 378.059 485.129L371.133 487.48C369.656 487.98 368.248 488.63 366.906 489.427L360.611
              493.17C359.269 493.968 357.974 494.825 356.726 495.743L350.871 500.047C349.623 500.965 348.337 501.825
              347.012 502.628L340.795 506.395C339.47 507.198 338.059 507.81 336.563 508.232L329.544 510.212C328.048
              510.634 326.538 510.998 325.014 511.306L317.861 512.748C316.337 513.055 314.798 513.237 313.244
              513.292L305.953 513.551C304.399 513.606 302.844 513.646 301.289 513.669L293.992 513.779C292.436 513.803
              290.918 513.569 289.437 513.077L282.487 510.771C281.006 510.28 279.575 509.692 278.193 509.008L271.709
              505.798C270.328 505.113 269.106 504.217 268.044 503.107L263.062 497.901C262 496.792 261.032 495.61 260.157
              494.356L256.051 488.474C255.176 487.221 254.315 485.946 253.467 484.65L249.489 478.567C248.642 477.271
              247.79 475.981 246.935 474.696L242.921 468.667C242.065 467.382 241.049 466.235 239.871 465.226L234.346
              460.493C233.168 459.484 231.907 458.58 230.563 457.781L224.257 454.032C222.913 453.233 221.627 452.433
              220.399 451.632L214.638 447.875C213.411 447.075 212.328 446.057 211.389 444.822L206.986 439.026C206.047
              437.791 205.123 436.546 204.214 435.29L199.946 429.396C199.036 428.14 198.147 426.869 197.278
              425.582L193.203 419.543C192.334 418.256 191.553 416.917 190.859 415.526L187.603 409.001C186.909 407.61
              186.314 406.172 185.817 404.688L183.488 397.723C182.992 396.238 182.765 394.716 182.807 393.155L183.007
              385.832C183.05 384.272 183.012 382.716 182.895 381.164L182.345 373.884C182.228 372.332 182.244 370.783
              182.392 369.236L183.087 361.978C183.236 360.431 183.337 358.891 183.392 357.357L183.647 350.161C183.702
              348.627 183.377 347.186 182.674 345.837L179.374 339.511C178.671 338.162 177.731 336.997 176.553
              336.014L171.028 331.403C169.85 330.421 168.53 329.681 167.068 329.185L160.204 326.858C158.741 326.362
              157.249 325.984 155.727 325.725L148.584 324.511C147.062 324.252 145.632 323.733 144.292 322.954L138.007
              319.299C136.668 318.52 135.334 317.732 134.005 316.936L127.768 313.199C126.439 312.402 125.1 311.622
              123.752 310.858L117.426 307.273C116.078 306.51 114.763 305.689 113.482 304.811L107.468 300.693C106.186
              299.815 104.894 298.957 103.59 298.119L97.4721 294.184C96.1684 293.346 94.7922 292.637 93.3435
              292.058L86.546 289.342C85.0973 288.763 83.6083 288.377 82.079 288.184L74.903 287.277C73.3737 287.084
              71.8507 287.082 70.3341 287.272L63.2175 288.165C61.7009 288.355 60.1855 288.313 58.6715 288.037L51.5673
              286.745C50.0533 286.47 48.5966 286.003 47.1971 285.344L40.6305 282.255C39.231 281.596 37.9259 280.783
              36.7152 279.816L31.0342 275.278C29.8235 274.311 28.6026 273.354 27.3714 272.408L21.5946 267.967C20.3634
              267.02 19.5394 266.303 19.1225 265.815L18.1444 264.671L16.6594 262.897L16.541 262.795"
                  />
                  <circle class="routes__route-point" cx="2.50098" cy="214.435" />
                  <circle class="routes__route-point" cx="16.541" cy="262.795" />
                  <circle id="marker1" fill="#FF6E2C" stroke="white" class="routes__marker" />
                </svg>
              </div>

              <div class="routes__info">
                <div class="routes__description">
                  <h3 class="routes__description-title">Описание маршрута</h3>
                  <p class="routes__description-text">
                    С другой стороны дальнейшее развитие различных форм деятельности способствует подготовки и
                    реализации позиций, занимаемых участниками в отношении поставленных задач. Значимость этих проблем
                    настолько очевидна, что сложившаяся структура организации способствует подготовки и реализации
                    направлений прогрессивного развития.
                  </p>
                </div>
                <div class="routes__actions">
                  <button class="routes__action-btn routes__action-btn--primary">Смотреть на карте</button>
                  <button class="routes__action-btn routes__action-btn--outline">Скачать gps-трек</button>
                </div>
              </div>
            </div>
          </div>

          <div
            id="tab2"
            class="hidden reveal reveal--bottom"
            role="tabpanel"
            aria-labelledby="tab-20"
            style="transition-delay: 0.4s"
          >
            <div class="routes__content">
              <div class="routes__map">
                <svg viewBox="0 0 580 514" class="routes__svg">
                  <path
                    id="svg-path-20"
                    fill="none"
                    stroke="#FF6E2C"
                    class="routes__path"
                    d="M2.50098 214.435L2.53232
              214.282L3.81617 207.221C4.36338 204.211 4.80193 201.949 5.13181 200.435L6.67973 193.331C7.00961 191.817
              7.32188 190.3 7.61653 188.779L8.9991 181.641C9.29375 180.119 9.6197 178.605 9.97694 177.096L11.6532
              170.018C12.0105 168.51 12.2861 166.985 12.4803 165.443L13.3912 158.208C13.5853 156.667 13.8867 155.147
              14.2953 153.649L16.2129 146.621C16.6215 145.123 16.9695 143.612 17.2569 142.09L18.6053 134.945C18.8926
              133.422 19.2603 131.916 19.7084 130.426L21.8106 123.436C22.2587 121.946 22.5777 120.43 22.7677
              118.887L23.6595 111.648C23.8495 110.106 24.0823 108.572 24.3578 107.047L25.6504 99.8902C25.9259 98.3651
              26.4511 96.9441 27.2261 95.6274L30.8624 89.4489C31.6373 88.1322 32.7397 87.1565 34.1695 86.5216L40.8785
              83.5429C42.3083 82.9081 43.7673 82.3687 45.2556 81.9249L52.2393 79.8422C53.7276 79.3983 55.2479 79.1299
              56.8004 79.0368L64.0847 78.6004C65.6371 78.5074 67.1631 78.6516 68.6628 79.033L75.6996 80.8228C77.1993
              81.2042 78.7084 81.5577 80.2268 81.8833L87.3519 83.4108C88.8704 83.7364 90.3653 84.1442 91.8366
              84.6344L98.7405 86.9347C100.212 87.4249 101.662 87.45 103.092 87.01L109.803 84.9456C111.233 84.5056
              112.417 83.6902 113.354 82.4994L117.754 76.9114C118.692 75.7205 119.231 74.3482 119.37 72.7945L120.024
              65.5039C120.163 63.9502 120.363 62.4091 120.623 60.8808L121.842 53.7096C122.102 52.1813 122.289 50.6423
              122.402 49.0926L122.934 41.8211C123.047 40.2715 123.32 38.7453 123.754 37.2427L125.786 30.192C126.219
              28.6894 126.568 27.1713 126.833 25.6376L128.074 18.441C128.339 16.9073 129.157 15.7989 130.527
              15.1158L136.959 11.9104C138.33 11.2273 139.788 10.8786 141.333 10.8643L148.586 10.7974C150.131 10.7831
              151.671 10.9029 153.205 11.1566L160.402 12.3471C161.936 12.6008 163.478 12.6679 165.027 12.5483L172.297
              11.9871C173.846 11.8675 175.374 11.6363 176.881 11.2935L183.951 9.68509C185.458 9.3423 186.932 8.9091
              188.374 8.38547L195.14 5.92846C196.582 5.40483 198.041 4.95605 199.517 4.58211L206.443 2.82746C207.919
              2.45352 209.423 2.39984 210.957 2.66644L218.154 3.91739C219.688 4.18398 221.148 4.62285 222.534
              5.23398L229.041 8.10163C230.427 8.71276 231.882 9.18714 233.405 9.52476L240.549 11.109C242.072 11.4466
              243.27 11.8712 244.142 12.3828L248.238 14.7835C249.111 15.2951 249.071 16.1609 248.116 17.3809L243.637
              23.1053C242.683 24.3253 241.629 25.4538 240.475 26.4909L235.062 31.3573C233.908 32.3944 232.823 33.5018
              231.806 34.6796L227.034 40.2062C226.017 41.3839 225.068 42.5976 224.186 43.847L220.048 49.7097C219.166
              50.9592 218.809 52.3342 218.976 53.8349L219.761 60.8766C219.928 62.3773 220.445 63.7384 221.313
              64.9599L225.383 70.6916C226.251 71.9132 227.17 73.1281 228.142 74.3363L232.701 80.0058C233.673 81.2141
              234.588 82.4645 235.446 83.7571L239.474 89.8223C240.332 91.1149 241.191 92.4072 242.05 93.6992L246.081
              99.7618C246.94 101.054 247.746 102.367 248.497 103.701L252.023 109.96C252.774 111.294 253.701 112.516
              254.804 113.625L259.976 118.828C261.078 119.937 262.056 121.041 262.91 122.14L266.914 127.297C267.767
              128.396 268.159 129.72 268.091 131.268L267.768 138.532C267.699 140.08 267.584 141.627 267.422
              143.172L266.661 150.423C266.499 151.968 266.393 153.515 266.342 155.064L266.106 162.33C266.055 163.879
              265.999 165.427 265.937 166.975L265.647 174.24C265.586 175.789 265.606 177.339 265.71 178.892L266.195
              186.18C266.299 187.733 266.273 189.282 266.117 190.828L265.385 198.08C265.229 199.625 265.193 201.174
              265.276 202.727L265.667 210.011C265.751 211.564 265.725 213.113 265.592 214.659L264.964 221.914C264.831
              223.46 264.768 225.009 264.777 226.559L264.818 233.834C264.827 235.384 264.823 236.934 264.807
              238.483L264.731 245.755C264.715 247.304 264.65 248.852 264.536 250.399L264 257.657C263.886 259.203 263.749
              260.749 263.588 262.295L262.835 269.546C262.674 271.091 262.58 272.639 262.552 274.188L262.423
              281.457C262.395 283.007 262.443 284.558 262.565 286.112L263.138 293.402C263.26 294.956 263.207 296.504
              262.978 298.047L261.907 305.289C261.678 306.833 261.606 308.381 261.69 309.933L262.084 317.218C262.168
              318.771 262.184 320.321 262.133 321.87L261.89 329.136C261.838 330.684 261.801 332.232 261.779
              333.778L261.674 341.032C261.652 342.578 261.861 344.085 262.302 345.553L264.371 352.438C264.812 353.905
              265.425 355.288 266.211 356.585L269.898 362.674C270.684 363.971 271.704 365.073 272.96 365.979L278.853
              370.23C280.108 371.136 281.514 371.618 283.068 371.676L290.364 371.948C291.919 372.006 293.469 372.087
              295.014 372.191L302.264 372.68C303.809 372.784 305.354 372.912 306.9 373.064L314.15 373.778C315.695 373.93
              317.244 373.991 318.796 373.961L326.079 373.82C327.631 373.79 329.18 373.826 330.726 373.928L337.981
              374.404C339.527 374.506 341.075 374.578 342.625 374.62L349.895 374.817C351.444 374.859 352.994 374.881
              354.544 374.881L361.818 374.885C363.369 374.885 364.917 374.966 366.463 375.127L373.72 375.881C375.266
              376.042 376.814 376.14 378.364 376.175L385.635 376.34C387.185 376.375 388.735 376.39 390.286
              376.383L397.562 376.354C399.112 376.347 400.662 376.391 402.21 376.485L409.475 376.927C411.023 377.021
              412.567 377.101 414.107 377.167L421.333 377.476C422.873 377.541 424.389 377.722 425.883 378.018L432.89
              379.406C434.383 379.702 435.731 380.236 436.933 381.008L442.573 384.633C443.775 385.406 445.134 385.957
              446.65 386.286L453.765 387.832C455.281 388.162 456.797 388.496 458.313 388.837L465.428 390.433C466.944
              390.774 468.406 391.272 469.813 391.929L476.417 395.01C477.824 395.666 479.226 396.27 480.624
              396.822L487.182 399.41C488.579 399.962 490.038 400.393 491.557 400.702L498.684 402.154C500.203 402.464
              501.731 402.501 503.269 402.265L510.484 401.157C512.022 400.921 513.551 400.668 515.072 400.399L522.209
              399.136C523.73 398.867 525.217 398.468 526.671 397.94L533.495 395.459C534.949 394.93 536.298 394.257
              537.542 393.441L543.381 389.609C544.626 388.792 545.99 388.401 547.473 388.436L554.433 388.6C555.916
              388.634 557.289 389.084 558.552 389.948L564.476 394.002C565.739 394.865 566.974 395.779 568.183
              396.741L573.856 401.259C575.065 402.221 575.944 403.392 576.494 404.772L579.071 411.244C579.621 412.624
              579.254 413.544 577.971 414.005L571.953 416.169C570.671 416.63 569.3 416.603 567.84 416.089L560.991
              413.675C559.531 413.16 558.154 412.486 556.859 411.651L550.783 407.734C549.488 406.899 548.093 406.312
              546.599 405.974L539.586 404.386C538.092 404.048 536.589 404.058 535.078 404.416L527.988 406.096C526.477
              406.454 525.017 406.971 523.609 407.647L517.003 410.817C515.595 411.492 514.334 412.373 513.221
              413.458L507.998 418.552C506.884 419.637 505.873 420.821 504.963 422.104L500.695 428.123C499.785 429.405
              499.369 430.82 499.446 432.368L499.81 439.629C499.888 441.177 500.034 442.721 500.25 444.263L501.261
              451.496C501.476 453.037 501.578 454.584 501.565 456.135L501.506 463.415C501.494 464.966 501.502 466.517
              501.53 468.066L501.664 475.338C501.692 476.887 501.684 478.423 501.64 479.946L501.432 487.091C501.387
              488.614 500.916 489.873 500.019 490.868L495.806 495.539C494.909 496.534 493.738 496.816 492.296
              496.385L485.526 494.36C484.083 493.929 482.719 493.296 481.433 492.462L475.4 488.547C474.114 487.713
              472.761 486.982 471.341 486.355L464.679 483.411C463.259 482.784 461.774 482.382 460.224 482.205L452.949
              481.375C451.399 481.198 449.861 481.288 448.337 481.644L441.186 483.314C439.662 483.67 438.142 483.674
              436.628 483.325L429.519 481.688C428.005 481.339 426.48 481.058 424.945 480.845L417.744 479.843C416.209
              479.629 414.67 479.508 413.126 479.48L405.882 479.346C404.338 479.317 402.792 479.389 401.243
              479.562L393.978 480.372C392.43 480.545 390.916 480.875 389.436 481.362L382.493 483.647C381.013 484.134
              379.535 484.628 378.059 485.129L371.133 487.48C369.656 487.98 368.248 488.63 366.906 489.427L360.611
              493.17C359.269 493.968 357.974 494.825 356.726 495.743L350.871 500.047C349.623 500.965 348.337 501.825
              347.012 502.628L340.795 506.395C339.47 507.198 338.059 507.81 336.563 508.232L329.544 510.212C328.048
              510.634 326.538 510.998 325.014 511.306L317.861 512.748C316.337 513.055 314.798 513.237 313.244
              513.292L305.953 513.551C304.399 513.606 302.844 513.646 301.289 513.669L293.992 513.779C292.436 513.803
              290.918 513.569 289.437 513.077L282.487 510.771C281.006 510.28 279.575 509.692 278.193 509.008L271.709
              505.798C270.328 505.113 269.106 504.217 268.044 503.107L263.062 497.901C262 496.792 261.032 495.61 260.157
              494.356L256.051 488.474C255.176 487.221 254.315 485.946 253.467 484.65L249.489 478.567C248.642 477.271
              247.79 475.981 246.935 474.696L242.921 468.667C242.065 467.382 241.049 466.235 239.871 465.226L234.346
              460.493C233.168 459.484 231.907 458.58 230.563 457.781L224.257 454.032C222.913 453.233 221.627 452.433
              220.399 451.632L214.638 447.875C213.411 447.075 212.328 446.057 211.389 444.822L206.986 439.026C206.047
              437.791 205.123 436.546 204.214 435.29L199.946 429.396C199.036 428.14 198.147 426.869 197.278
              425.582L193.203 419.543C192.334 418.256 191.553 416.917 190.859 415.526L187.603 409.001C186.909 407.61
              186.314 406.172 185.817 404.688L183.488 397.723C182.992 396.238 182.765 394.716 182.807 393.155L183.007
              385.832C183.05 384.272 183.012 382.716 182.895 381.164L182.345 373.884C182.228 372.332 182.244 370.783
              182.392 369.236L183.087 361.978C183.236 360.431 183.337 358.891 183.392 357.357L183.647 350.161C183.702
              348.627 183.377 347.186 182.674 345.837L179.374 339.511C178.671 338.162 177.731 336.997 176.553
              336.014L171.028 331.403C169.85 330.421 168.53 329.681 167.068 329.185L160.204 326.858C158.741 326.362
              157.249 325.984 155.727 325.725L148.584 324.511C147.062 324.252 145.632 323.733 144.292 322.954L138.007
              319.299C136.668 318.52 135.334 317.732 134.005 316.936L127.768 313.199C126.439 312.402 125.1 311.622
              123.752 310.858L117.426 307.273C116.078 306.51 114.763 305.689 113.482 304.811L107.468 300.693C106.186
              299.815 104.894 298.957 103.59 298.119L97.4721 294.184C96.1684 293.346 94.7922 292.637 93.3435
              292.058L86.546 289.342C85.0973 288.763 83.6083 288.377 82.079 288.184L74.903 287.277C73.3737 287.084
              71.8507 287.082 70.3341 287.272L63.2175 288.165C61.7009 288.355 60.1855 288.313 58.6715 288.037L51.5673
              286.745C50.0533 286.47 48.5966 286.003 47.1971 285.344L40.6305 282.255C39.231 281.596 37.9259 280.783
              36.7152 279.816L31.0342 275.278C29.8235 274.311 28.6026 273.354 27.3714 272.408L21.5946 267.967C20.3634
              267.02 19.5394 266.303 19.1225 265.815L18.1444 264.671L16.6594 262.897L16.541 262.795"
                  />
                  <circle class="routes__route-point" cx="2.50098" cy="214.435" />
                  <circle class="routes__route-point" cx="16.541" cy="262.795" />
                  <circle id="marker2" fill="#FF6E2C" stroke="white" class="routes__marker" />
                </svg>
              </div>

              <div class="routes__info">
                <div class="routes__description">
                  <h3 class="routes__description-title">Описание маршрута</h3>
                  <p class="routes__description-text">
                    С другой стороны дальнейшее развитие различных форм деятельности способствует подготовки и
                    реализации позиций, занимаемых участниками в отношении поставленных задач. Значимость этих проблем
                    настолько очевидна, что сложившаяся структура организации способствует подготовки и реализации
                    направлений прогрессивного развития.
                  </p>
                </div>
                <div class="routes__actions">
                  <button class="routes__action-btn routes__action-btn--primary">Смотреть на карте</button>
                  <button class="routes__action-btn routes__action-btn--outline">Скачать gps-трек</button>
                </div>
              </div>
            </div>
          </div>
          <div class="routes__bg-text reveal reveal--bottom" style="transition-delay: 0.6s" aria-hidden="true">
            <img src="/assets/template/img/routes-text.svg" alt="" class="routes__bg-img" />
          </div> -->

          <div class="divider-bottom height bg-light" style="transform: scaleX(-1)"></div>
        </section>

        <section class="details" id="details">
          <div class="details__container">
            <h2 class="details__title reveal reveal--bottom">Немного подробнее</h2>
            <div class="details__list">
              <div class="details__item reveal reveal--bottom" style="transition-delay: 0.2s">
                <div class="details__content">
                  <h4 class="details__item-title"><span>Для кого</span> предназначен заезд?</h4>
                  <p class="details__item-description">
                    Действующие специалисты и студенты профильных направлений, связанных с ИT
                  </p>
                </div>
              </div>
              <div class="details__item reveal reveal--bottom" style="transition-delay: 0.4s">
                <div class="details__content">
                  <h4 class="details__item-title">
                    Это <span>не соревнование</span>, а просто дружеские
                    <span>покатушки!</span>
                  </h4>
                  <p class="details__item-description">В любом случае все получат награду за заезд!</p>
                </div>
              </div>
              <div class="details__item reveal reveal--bottom" style="transition-delay: 0.6s">
                <div class="details__content">
                  <h4 class="details__item-title">Если велика <span>нет</span></h4>
                  <p class="details__item-description">
                    Мы его забронируем для вас. Вам останется только забрать его и оплатить часы заезда
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="details__bg-text reveal reveal--bottom" style="transition-delay: 0.8s" aria-hidden="true">
            <img src="/assets/template/img/details-bg-text.svg" alt="" />
          </div>
          <div class="details__bicycle reveal reveal--bottom" style="transition-delay: 1s" aria-hidden="true">
            <img src="/assets/template/img/details-bicycle.png" alt="" />
          </div>
        </section>
        <section class="medals" id="medals">
          <div class="medals__container">
            <div class="medals__image reveal reveal--bottom">
              <img src="/assets/template/img/medals.png" alt="Медали" loading="lazy" decoding="async" />
            </div>
            <div class="medals__content">
              <h2 class="medals__title reveal reveal--bottom" style="transition-delay: 0.2s">Медали</h2>
              <div class="medals__description">
                <p class="reveal reveal--bottom" style="transition-delay: 0.4s">
                  С первого велозаезда у нас появилась традиция, которая позволяет каждому участнику почувствовать себя
                  победителем, — медаль. Мы дарим ее каждому участнику заезда!
                </p>
              </div>
              <a href="#application" class="medals__button reveal reveal--bottom" style="transition-delay: 0.8s"
                >За медалями!</a
              >
            </div>
          </div>
          <div class="divider-top height bg-light"></div>
          <div class="divider-bottom-medals height bg-light"></div>
          <div class="medals__bg-text reveal reveal--bottom" style="transition-delay: 1s" aria-hidden="true">
            <img src="/assets/template/img/medals-bg-text.svg" alt="" />
          </div>
        </section>
        <section class="gallery" id="gallery">
          <h2 class="gallery__title">Смотри как это было</h2>

          <div class="swiper gallery__slider">
            <div class="swiper-wrapper">
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/1.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/1.webp" alt="Фото с маршрута 1" />
                </a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/2.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/2.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/4.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/4.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/5.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/5.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/6.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/6.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/7.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/7.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/9.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/9.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/10.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/10.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/11.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/11.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/12.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/12.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/13.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/13.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/14.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/14.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/15.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/15.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/16.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/16.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/18.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/18.webp" alt="Фото с маршрута 1"
                /></a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/20.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/20.webp" alt="Фото с маршрута 1" />
                </a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/22.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/22.webp" alt="Фото с маршрута 1" />
                </a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/23.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/23.webp" alt="Фото с маршрута 1" />
                </a>
              </div>
              <div class="swiper-slide gallery__item">
                <a href="/assets/template/img/compromat/25.webp" class="fancybox" data-fancybox="group1">
                  <img src="/assets/template/img/compromat/25.webp" alt="Фото с маршрута 1" />
                </a>
              </div>
            </div>

            <div class="gallery__nav">
              <div class="swiper-button-prev gallery__btn-prev"></div>
              <div class="swiper-button-next gallery__btn-next"></div>
            </div>
          </div>
          <div class="divider-bottom height bg-dark" style="transform: scaleX(-1)"></div>
        </section>

        <section class="partners" id="partners">
          <div class="partners__container">
            <h2 class="partners__title">Партнеры</h2>

            <div class="partners__slider swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide partners__grid">
                  <a href="https://site-creative.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/site-creative.svg" alt="site-creative"
                  /></a>
                  <a href="https://profsoft.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/profsoft.svg" alt="profsoft"
                  /></a>
                  <!-- <a href="#" class="partners__link"><img src="/assets/template/img/icons/asap.svg" alt="" /></a> -->
                  <a href="https://nopreset.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/nopreset.svg" alt="nopreset"
                  /></a>
                  <a href="https://sloy.design/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/sloy.svg" alt="sloy.design"
                  /></a>
                  <a href="https://fialka-express.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/fialka-express.svg" alt="fialka-express"
                  /></a>
                  <a href="https://velodrug.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/velodrug.svg" alt="velodrug"
                  /></a>
                  <a href="https://velosaratov.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/velosaratov.svg" alt="velosaratov"
                  /></a>
                  <a href="https://vk.com/krasch13" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/panteleev.svg" alt=""
                  /></a>
                  <a href="https://vk.com/sarmost" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/saratov_most.svg" alt=""
                  /></a>
                  <a href="https://xn----7sbqlzzeo.xn--p1ai/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/a-fitnes.svg" alt=""
                  /></a>
                </div>
                <!-- <div class="swiper-slide partners__grid">
                  <a href="https://nopreset.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/nopreset.svg" alt="nopreset"
                  /></a>
                  <a href="https://velodrug.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/velodrug.svg" alt="velodrug"
                  /></a>
                  <a href="https://velosaratov.ru/" target="_blank" class="partners__link"
                    ><img src="/assets/template/img/icons/velosaratov.svg" alt="velosaratov"
                  /></a>
                  <a href="https://vk.com/krasch13" target="_blank" class="partners__link"><img src="/assets/template/img/icons/panteleev.svg" alt="" /></a>
                </div> -->
              </div>

              <div class="partners__nav">
                <div class="swiper-button-prev partners__btn-prev"></div>
                <div class="swiper-button-next partners__btn-next"></div>
              </div>
            </div>
          </div>

          <div class="partners__contact">
            <h3 class="partners__contact-title">Хотите стать партнером?</h3>
            <p>Свяжитесь с нами</p>
            <div class="partners__contact-socials">
              <a href="tel:+79270567077" class="partners__contact-link">
                <img src="/assets/template/img/icons/phone.svg" alt="" />
              </a>
              <!-- <a href="#" class="partners__contact-link">
                <img src="/assets/template/img/icons/tg-light.svg" alt="" />
              </a> -->
              <!-- <a href="#" class="partners__contact-link">
                <img src="/assets/template/img/icons/whatsapp.svg" alt="" />
              </a> -->
              <a href="https://vk.com/krasch13" target="_blank" class="partners__contact-link">
                <img src="/assets/template/img/icons/vk-light.svg" alt="VK" />
              </a>
            </div>
          </div>
          <div class="divider-bottom height"></div>
          <div class="partners__helm" aria-hidden="true">
            <img src="/assets/template/img/partners-helm.png" alt="" />
          </div>
        </section>

        <section class="faq" id="faq">
          <div class="faq__container">
            <h2 class="faq__title">Часто задаваемые вопросы</h2>
            <div class="faq__accordion">
              <div class="faq__item">
                <div class="faq__header">
                  Что, если погода будет плохая?
                  <span class="faq__icon"></span>
                </div>
                <div class="faq__content">
                  <div class="faq__content-inner">
                    <p>
                      Мы мониторим погодные условия. При необходимости дата будет перенесена. Все подробности освещаем в
                      наших социальных сетях.
                    </p>
                  </div>
                </div>
              </div>
              <div class="faq__item">
                <div class="faq__header">
                  Что, если я не ИT-специалист?
                  <span class="faq__icon"></span>
                </div>
                <div class="faq__content">
                  <div class="faq__content-inner">
                    <p>
                      Мы ждем любого сотрудника из ИТ-компании, вы можете работать даже бухгалтером, но в компании,
                      связанной с информационными технологиями, мы ждем всех ИТ-специалистов.
                    </p>
                  </div>
                </div>
              </div>
              <div class="faq__item">
                <div class="faq__header">
                  Что я получу за участие в заезде?
                  <span class="faq__icon"></span>
                </div>
                <div class="faq__content">
                  <div class="faq__content-inner">
                    <p>Хорошее настроение, заряд бодрости и незабываемые впечатления!</p>
                  </div>
                </div>
              </div>
              <div class="faq__item">
                <div class="faq__header">
                  Что, если у меня нет велосипеда?
                  <span class="faq__icon"></span>
                </div>
                <div class="faq__content">
                  <div class="faq__content-inner">
                    <p>Велосипед можно взять в аренду в пунктах проката.</p>
                  </div>
                </div>
              </div>
              <div class="faq__item">
                <div class="faq__header">
                  Как подготовиться к заезду?
                  <span class="faq__icon"></span>
                </div>
                <div class="faq__content">
                  <div class="faq__content-inner">
                    <p>Взять с собой воду, перекус и хорошее настроение.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="divider-bottom height bg-dark"></div>
        </section>

        <section class="application" id="application">
          <div class="application__container">
            <div class="img_wrapper_application_back">
              <img src="/assets/template/img/form_back.png" alt="" />
            </div>
            <h2 class="application__title reveal reveal--bottom" style="transition-delay: 0.2s">
              Подайте заявку на участие
            </h2>
            <p class="reveal reveal--bottom" style="transition-delay: 0.4s">
              Заполните форму и примите участие в заезде
            </p>
            <a
              href="https://site-creative.timepad.ru/event/3892972/"
              target="_blank"
              class="medals__button reveal reveal--bottom"
              style="transition-delay: 0.8s"
              >Подать заявку</a
            >
            <div class="download_docement reveal reveal--bottom" style="transition-delay: 0.6s">
              <img src="/assets/template/img/icons/document-text.svg" alt="">
              <a target="_blank" href="https://docs.google.com/spreadsheets/d/1iFPSN6l6CmBosN1RUuV7qnLURyCweDB-ZEhXZaDgOdo/edit?gid=0#gid=0">Таблица распределения по командам</a>
            </div>
            <!-- <form class="application__form" id="applicationForm" action="#" method="POST" novalidate>
              <div class="application__form-fields">
                <div class="application__field field-name">
                  <label for="fullname">Имя и фамилия</label>
                  <input
                    type="text"
                    id="fullname"
                    class="application__input"
                    name="name"
                    placeholder="Имя и фамилия"
                    required
                  />
                  <span class="application__error-hint">Поле обязательно для заполнения</span>
                </div>
                <div class="application__field field-phone">
                  <label for="phone">Номер телефона</label>
                  <input
                    type="tel"
                    id="phone"
                    class="application__input"
                    name="phone"
                    placeholder="+7 (000) 000 00 00"
                    required
                    pattern="^\\+?\\d{10,15}$"
                  />
                  <span class="application__error-hint">Введите корректный номер телефона</span>
                </div>
                <div class="application__field field-tg">
                  <label for="telegram">Имя в Telegram</label>
                  <input type="text" id="telegram" class="application__input" name="telegram" placeholder="@Telegram" />
                  <span class="application__error-hint">Поле обязательно для заполнения</span>
                </div>
                <div class="application__field field-link">
                  <label for="message">Ссылка на сайт компании-работодателя или учебного заведения</label>
                  <input
                    type="url"
                    id="message"
                    class="application__input"
                    name="message"
                    placeholder="Ссылка на компанию/учебное заведение"
                    required
                  />
                  <span class="application__error-hint">Введите корректный URL</span>
                </div>
                <div class="application__field field-position">
                  <label for="position">Должность</label>
                  <input
                    type="text"
                    id="position"
                    class="application__input"
                    name="position"
                    placeholder="Занимаемая должность"
                  />
                  <span class="application__error-hint">Поле обязательно для заполнения</span>
                </div>
              </div>

              <div class="application__agreement">
                <label class="application__toggle" for="agreementToggle">
                  <input type="checkbox" name="checkbox" class="application__toggle-input" id="agreementToggle" />
                  <span class="application__toggle-slider"></span>
                </label>
                <label class="application__agreement-label" for="agreementToggle">
                  Даю 
                  <a href="/soglasie-na-obrabotku-personalnyix-dannyix.html" class="application__policy-link">согласие на обработку персональных данных</a>
                </label>
              </div>

              <div class="application__agreement">
                <label class="application__toggle" for="agreementPolicyToggle">
                  <input type="checkbox" name="checkbox" class="application__toggle-input" id="agreementPolicyToggle" />
                  <span class="application__toggle-slider"></span>
                </label>
                <label class="application__agreement-label" for="agreementPolicyToggle">
                  Я ознакомился/лась с 
                  <a href="/politika-konfidenczialnosti.html" class="application__policy-link">политикой конфиденциальности</a>
                </label>
              </div>

              <div class="application__submit-wrapper">
                <button type="submit" class="application__submit" id="submitBtn">Подать заявку</button>
              </div>
            </form> -->
          </div>
        </section>


      </main>
<footer class="footer">
        <div class="footer__container">
          <div class="footer__logo">
            <a href="/">
              <img src="/assets/template/img/icons/logo_rus_footer.svg" alt="Логотип" />
            </a>
          </div>
          <div class="footer__socials">
            <div class="footer__socials-item">
              <a href="https://vk.com/krutit64" target="_blank"
                ><img src="/assets/template/img/icons/vk-light.svg" alt="VK"
              /></a>
            </div>
            <!-- <div class="footer__socials-item">
              <a href="#"><img src="/assets/template/img/icons/tg-light.svg" alt="Telegram" /></a>
            </div> -->
          </div>

          <div class="footer__info">
            <a href="https://site-creative.ru/" class="footer__info-link footer__info-link-creative"
              >Разработано в Site-Creative</a
            >
            <a href="/politika-konfidenczialnosti.html" class="footer__info-link">Политика конфиденциальности</a>
            <a href="/soglasie-na-obrabotku-personalnyix-dannyix.html" class="footer__info-link"
              >Согласие на обработку персональных данных</a
            >
          </div>

          <div class="footer__bicycle" aria-hidden="true">
            <img src="/assets/template/img/footer-bicycle.png" alt="" />
          </div>
        </div>
      </footer>

    </div>
<div id="video-overlay" class="video-overlay">
      <div class="video-modal">
        <button class="video-close" id="video-close">&times;</button>
        <video id="hero-video" controls>Ваш браузер не поддерживает видео.</video>
      </div>
    </div>
    <script src="/assets/template/js/swiper-bundle.min.js"></script>
    <script src="/assets/template/js/butterpop.js"></script>
    <script src="/assets/template/js/app.js"></script>
    <script src="/assets/template/js/formjs.js"></script>

    <div id="cookie-banner" style="display: none">
      <div class="wrapper_content_cookie_popup">
        <div class="wrapper_image_cookie">
          <img src="/assets/template/img/velik.png" alt="" />
        </div>
        <div class="cookie-popup">
          <h3>Мы используем файлы cookies</h3>
          <p>
            Этот сайт применяет файлы cookie, чтобы обеспечить корректную работу, улучшить удобство использования и
            анализировать посещаемость. Продолжая пользоваться сайтом, вы соглашаетесь на обработку данных с
            использованием cookie в соответствии с нашей Политикой конфиденциальности.
          </p>
          <div class="cookie-buttons">
            <button onclick="acceptCookies()">Разрешить</button>
            <button onclick="declineCookies()">Запретить</button>
          </div>
        </div>
      </div>
    </div>

    <style>
      div#successfully {
        display: flex;
        max-width: 890px;
        max-height: 418px;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        border-radius: 25px;
      }
      .successfully__popup {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .successfully__popup img {
        width: 84px;
        height: 80px;
        padding-bottom: 18px;
      }
      p.successfully__title {
        color: #000000;
        font-size: 32px;
        padding-bottom: 8px;
        font-weight: 500;
      }
      p.successfully__text {
        font-size: 18px;
        text-align: center;
        font-weight: 300;
      }
      button.successfully_box_close {
        margin-top: 32px;
        padding: 10px 32px;
        border-radius: 3px;
        font-size: 14px;
        color: #ffffff;
        background-color: #ed5026;
        border: 1px solid #ed5026;
        transition: 0.5s;
      }
      button.successfully_box_close:hover {
        color: #ed5026;
        background-color: #ffffff;
        border: 1px solid #ed5026;
        cursor: pointer;
      }
      .fancybox__content > .f-button.is-close-btn {
        top: 8px;
        right: 6px;
        opacity: 0.85;
      }
    </style>

    <style>
      #cookie-banner {
        width: 1270px;
        margin: 0 auto;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--color-orange);
        color: white;
        text-align: center;
        padding: 20px 0;
        z-index: 1000;
      }
      .cookie-buttons {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
      }
      .cookie-buttons button {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
        width: 30%;
        background: #ff6e2c;
        border: 1px solid transparent;
        transition: all 0.3s;
      }
      .cookie-buttons button:hover {
        background: #ffffff;
        color: #ff6e2c;
        border: 1px solid #ff6e2c;
      }
      .wrapper_content_cookie_popup {
        display: flex;
        gap: 40px;
        align-items: center;
        background-color: #ffffff;
        border-radius: 32px;
        padding: 31px 24px;
      }
      .wrapper_image_cookie img {
        display: block;
      }
      .cookie-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: start;
        height: stretch;
        justify-content: space-between;
      }
      .cookie-popup h3 {
        color: #141414;
      }
      .cookie-popup p {
        color: #000000;
      }
      @media (max-width: 1300px) {
        .wrapper_content_cookie_popup {
          padding: 24px;
        }
        #cookie-banner {
          width: 95%;
        }
      }
      @media (max-width: 1024px) {
        .wrapper_content_cookie_popup {
          gap: 20px;
          flex-direction: column;
        }
        .cookie-buttons {
          justify-content: center;
          width: 100%;
        }
        .cookie-popup {
          gap: 20px;
        }
      }
      @media (max-width: 768px) {
        .cookie-buttons button {
          width: 100%;
        }
      }
      @media (max-width: 500px) {
        .wrapper_image_cookie img {
          display: block;
          width: 100%;
        }
      }
      @media (max-width: 400px) {
        .cookie-buttons {
          flex-direction: column;
        }
      }
    </style>
    <script>
      function acceptCookies() {
        localStorage.setItem("cookieConsent", "agreed");
        document.getElementById("cookie-banner").style.display = "none";
        loadYandexMetrika();
      }

      function declineCookies() {
        localStorage.removeItem("cookieConsent"); // чтобы показывалось снова
        document.getElementById("cookie-banner").style.display = "none";
      }

      function loadYandexMetrika() {
        if (window.ym) return;

        (function (m, e, t, r, i, k, a) {
          m[i] =
            m[i] ||
            function () {
              (m[i].a = m[i].a || []).push(arguments);
            };
          m[i].l = 1 * new Date();
          for (var j = 0; j < document.scripts.length; j++) {
            if (document.scripts[j].src === r) {
              return;
            }
          }
          ((k = e.createElement(t)),
            (a = e.getElementsByTagName(t)[0]),
            (k.async = 1),
            (k.src = r),
            a.parentNode.insertBefore(k, a));
        })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

        ym(104170814, "init", { webvisor: true, clickmap: true, accurateTrackBounce: true, trackLinks: true });
      }

      window.addEventListener("DOMContentLoaded", () => {
        const consent = localStorage.getItem("cookieConsent");
        if (consent === "agreed") {
          loadYandexMetrika();
        } else {
          document.getElementById("cookie-banner").style.display = "block";
        }
      });
    </script>

    <noscript
      ><div><img src="https://mc.yandex.ru/watch/104170814" style="position: absolute; left: -9999px" alt="" /></div
    ></noscript>

    <script src="/assets/template/js/jquery.min.3.7.1.js"></script>
    <script src="/assets/template/js/jquery.fancybox.min.js"></script>
    <script src="/assets/template/js/fancybox-init.js"></script>

  </body>
</html>
