@@include('../blocks/head.html', { "classname": "sticky" })

<div class="simple-bredcrumbs bredcrumbs">
   <div class="container">
      <div class="bredcrumbs__body">
         <div class="bredcrumbs__list">
            <a href="##" class="bredcrumbs__item text">Главная</a>
            <span class="bredcrumbs__item text">
               <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                     d="M4.89556 0.357422L10 5.35742L4.89556 10.3574M10 5.35742L-1.49012e-07 5.35742"
                     stroke="white"
                  />
               </svg>
            </span>
            <a href="##" class="bredcrumbs__item text">Услуги</a>
            <span class="bredcrumbs__item text">
               <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                     d="M4.89556 0.357422L10 5.35742L4.89556 10.3574M10 5.35742L-1.49012e-07 5.35742"
                     stroke="white"
                  />
               </svg>
            </span>
            <a href="##" class="bredcrumbs__item text">Деловые мероприятия</a>
            <span class="bredcrumbs__item text">
               <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                     d="M4.89556 0.357422L10 5.35742L4.89556 10.3574M10 5.35742L-1.49012e-07 5.35742"
                     stroke="white"
                  />
               </svg>
            </span>
            <a href="##" class="bredcrumbs__item text">Конференции</a>
         </div>
      </div>
   </div>
</div>

<div class="section text-media">
   <div class="container">
      <div class="text-media__wrapper">
         <div class="text-media__body">
            <div class="text-media__left">
               <h1 class="text-media__title h1-secondary">Организация конференций по всей России</h1>
               <p class="text-media__descr">
                  Конференция — потребность современного мира, без которой обойтись просто нельзя. Она представляет
                  собой бизнес-собрание, обычно использующиеся для B2B и D2C маркетинга. Мы поможем организовать любую.
               </p>
               <div class="text-media__actions">
                  <button class="text-media__btn btn">Оставить заявку</button>
                  <a href="" class="text-media__link arrow-link">
                     <span class="arrow-link__arrow">
                        <img src="../../icons/header/arraw.svg" alt="" />
                     </span>
                     <span class="arrow-link__text">смотреть кейсы</span>
                  </a>
               </div>
            </div>
            <div class="text-media__right">
               <!-- Если видео -->
               <div class="text-media__video">
                  <img src="../../images/seo.png" alt="" />
                  <a
                     data-type="video"
                     href="https://vkvideo.ru/video-60044904_456239151"
                     class="play glightbox-video-service"
                     aria-label="Смотреть видео"
                  ></a>
               </div>
               <!-- Если картинка -->
               <!-- <div class="text-media__image">
                  <img src="../../images/seo.png" alt="" />
               </div> -->
            </div>
         </div>
      </div>
   </div>
</div>
<div class="section service-block">
   <div class="container">
      <div class="service-block__wrapper">
         <div class="service-block__image">
            <img src="../../images/do.jpg" alt="" />
         </div>
         <div class="service-block__over-image">
            <div class="service-block__subtitle subtitle h2">услуга</div>
            <h2 class="service-block__h2 h2-text-heading">Организация конференций под ключ</h2>
         </div>

         <div class="service-block__under-image">
            <div class="service-block__content">
               <p class="text service-block__text">
                  Конфереция хорошо влияет на продвижение товара или услуг компании на деловом рынке. Благодаря развитым
                  технологиям такие ивенты можно организовывать онлайн и офлайн. Мы организовываем:
               </p>
               <div class="service-block__types">
                  <a href="" class="service-block__type">
                     <span class="service-block__type-icon">
                        <img src="../../icons/znak.svg" alt="" />
                     </span>
                     <span class="service-block__type text"> Научные конференции</span>
                  </a>
                  <a href="" class="service-block__type">
                     <span class="service-block__type-icon">
                        <img src="../../icons/znak.svg" alt="" />
                     </span>
                     <span class="service-block__type text"> Бизнес-конференции</span>
                  </a>
                  <a href="" class="service-block__type">
                     <span class="service-block__type-icon">
                        <img src="../../icons/znak.svg" alt="" />
                     </span>
                     <span class="service-block__type text"> Корпоративные конференции</span>
                  </a>
                  <a href="" class="service-block__type">
                     <span class="service-block__type-icon">
                        <img src="../../icons/znak.svg" alt="" />
                     </span>
                     <span class="service-block__type text">Отраслевые конференции и многие другие</span>
                  </a>
               </div>
               <div class="service-block__accordion accordion">
                  <div class="accordion__f-a-q">
                     <button class="accordion__question h4-text-heading">
                        <div>Что входит в услугу?</div>
                        <span class="accordion__question-icon acc-btn"></span>
                     </button>
                     <div class="accordion__content">
                        <ul class="service-block__list">
                           <p>Разработка программы, организационных и временных параметров</p>
                           <p>Подбор наиболее подходящего места для проведения конференции</p>
                           <p>Организационное сопровождение участников</p>
                           <p>Оформление помещения (сценические декорации, баннеры, рекламные стенды)</p>
                           <p>Организация кофе-брейков и фуршетов</p>
                           <p>Организация пресс-пула</p>
                           <p>Составление пресс-пакета</p>
                           <p>Техническое оснащение места проведения</p>
                           <p>Пост-мониторинг СМИ</p>
                           <p>Комплексная маркетинговая поддержка конференций</p>
                           <p>Размещение рекламы, анонсов</p>
                           <p>Дизайн и печать рекламно-информационных материалов</p>
                           <p>Сувенирная продукция</p>
                           <p>Фото и видеосъёмка</p>
                           <p>Создание презентационного ролика</p>
                           <p>Координация конференции во время проведения</p>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<section class="section cases">
   <div class="cases__wrapper">
      <div class="container">
         <div class="cases__body">
            <h2 class="cases__title h2">кейсы</h2>
            <div class="cases__descr h2-text-heading dark-text">проекты, которыми мы гордимся</div>

            <div class="cases__tabs tabs">
               <div class="tabs__body">
                  <div class="tabs__nav tabs-nav">
                     <div class="tabs-nav__list">
                        <div class="tabs-nav__item active" data-tab="1" data-slug="all"><span>Все</span></div>
                        <div class="tabs-nav__item" data-tab="2" data-slug=""><span>Новые</span></div>
                        <div class="tabs-nav__item" data-tab="3" data-slug=""><span>Event</span></div>
                        <div class="tabs-nav__item" data-tab="4" data-slug=""><span>PR Event</span></div>
                        <div class="tabs-nav__item" data-tab="2" data-slug=""><span>Новые</span></div>
                        <div class="tabs-nav__item" data-tab="3" data-slug=""><span>Event</span></div>
                        <div class="tabs-nav__item" data-tab="4" data-slug=""><span>PR Event</span></div>
                        <div class="tabs-nav__item" data-tab="2" data-slug=""><span>Новые</span></div>
                        <div class="tabs-nav__item" data-tab="3" data-slug=""><span>Event</span></div>
                        <div class="tabs-nav__item" data-tab="4" data-slug=""><span>PR Event</span></div>
                        <div class="tabs-nav__item" data-tab="2" data-slug=""><span>Новые</span></div>
                        <div class="tabs-nav__item" data-tab="3" data-slug=""><span>Event</span></div>
                        <div class="tabs-nav__item" data-tab="4" data-slug=""><span>PR Event</span></div>
                     </div>
                  </div>
                  <div class="tabs__content cases__content">
                     <div class="cases__list">
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Торжественная встреча фитнес-тренеров РУДН</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Межправительственный совет дорожников</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
            <a href="" class="cases__link arrow-link dark">
               <span class="arrow-link__arrow">
                  <img src="../../icons/header/arrow-dark.svg" alt="" />
               </span>
               <span class="arrow-link__text dark-text">смотреть все кейсы</span>
            </a>
         </div>
      </div>
   </div>
</section>

<section class="section contacts-form">
   <div class="container">
      <div class="contacts-form__wrapper">
         <div class="contacts-form__body">
            <div class="contacts-form__form">
               <h3 class="contacts-form__title h3">Давайте сделаем яркое мероприятие вместе</h3>
               <div class="contacts-form__descr text">
                  Оставьте заявку и мы свяжемся с вамив течение 30 минут, чтобы обсудить детали
               </div>
               <form action="" class="callback-form">
                  <div class="callback-form__body">
                     <div class="callback-form__input input">
                        <input type="text" placeholder="Ваше имя" required />
                     </div>
                     <div class="callback-form__input input input--tel">
                        <input type="tel" placeholder="+7 999 999-99-99" required />
                     </div>

                     <div class="callback-form__consent consent-block">
                        <div class="consent-block__ckeckbox">
                           <input type="checkbox" id="consent" class="consent-block__input" />
                           <label for="consent" class="consent-block__label legal-text">
                              <span class="consent-block__label-text"
                                 >Даю  <a href=""> согласие на Обработку персональных данных</a> и ознакомлен(а) с 
                                 <a href="">условиями Политики конфиденциальности</a>
                              </span>
                           </label>
                        </div>
                     </div>

                     <button type="submit" class="callback-form__btn btn">Отправить</button>
                  </div>
               </form>
            </div>
            <div class="contacts-form__manager img-manager">
               <div class="img-manager__bg">
                  <div class="img-manager__img">
                     <img src="../../images/managers/2.png" alt="" />
                  </div>
                  <div class="img-manager__info img-manager--main">
                     <div class="img-manager__name h5">Юлия Фокина</div>
                     <div class="img-manager__post text">Event-продюсер</div>
                  </div>
               </div>
               <div class="img-manager__info img-manager--second">
                  <div class="img-manager__name h5">Юлия Фокина</div>
                  <div class="img-manager__post text">Event-продюсер</div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<div class="section stages">
   <div class="stages__wrapper">
      <div class="container">
         <div class="stages__body">
            <div class="stages__titles">
               <div class="stages__subtitle h2">этапы работы</div>
               <h2 class="stages__title h2-text-heading">Как мы организуем конференции под ключ в России и Самаре</h2>
            </div>

            <div class="stages__slider-controls">
               <div class="stages__slider-nav slider-btns">
                  <div class="stages-slider__btn-prev slider-btn slider-btn--prev"></div>
                  <div class="stages-slider__btn-next slider-btn slider-btn--next"></div>
               </div>
               <div class="stages__slider-pagination">
                  <div class="stages-slider__pagination slider-pagination"></div>
               </div>
            </div>

            <div class="stages__slider stages-slider swiper">
               <div class="swiper-wrapper">
                  <div class="stages-slider__slide swiper-slide stages-slide">
                     <div class="stages-slide__wrapper">
                        <div class="stages-slide__num h4-h5">1</div>
                        <div class="stages-slide__content">
                           <div class="stages-slide__title h4-h5">Аналитика и концепция</div>
                           <div class="stages-slide__text text">
                              Начинаем с цели: какие задачи решает конференция и какой результат должен быть
                              зафиксирован. Формируем формат и сценарную архитектуру.
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="stages-slider__slide swiper-slide stages-slide">
                     <div class="stages-slide__wrapper">
                        <div class="stages-slide__num h4-h5">1</div>
                        <div class="stages-slide__content">
                           <div class="stages-slide__title h4-h5">Аналитика и концепция</div>
                           <div class="stages-slide__text text">
                              Начинаем с цели: какие задачи решает конференция и какой результат должен быть
                              зафиксирован. Формируем формат и сценарную архитектуру.
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="stages-slider__slide swiper-slide stages-slide">
                     <div class="stages-slide__wrapper">
                        <div class="stages-slide__num h4-h5">2</div>
                        <div class="stages-slide__content">
                           <div class="stages-slide__title h4-h5">Аналитика и концепция</div>
                           <div class="stages-slide__text text">
                              Начинаем с цели: какие задачи решает конференция и какой результат должен быть
                              зафиксирован. Формируем формат и сценарную архитектуру.
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="stages-slider__slide swiper-slide stages-slide">
                     <div class="stages-slide__wrapper">
                        <div class="stages-slide__num h4-h5">3</div>
                        <div class="stages-slide__content">
                           <div class="stages-slide__title h4-h5">Аналитика и концепция</div>
                           <div class="stages-slide__text text">
                              Начинаем с цели: какие задачи решает конференция и какой результат должен быть
                              зафиксирован. Формируем формат и сценарную архитектуру.
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<section class="section about">
   <div class="about__wrapper">
      <div class="container">
         <div class="about__body">
            <div class="about__content">
               <div class="about__title h2">Об агентстве</div>
               <div class="about__subtitle h2-text-heading">
                  АртПикник — ваш заботливый партнёр, специалист по корпоративным мероприятиям, в уровне которых
                  вы будете уверены!
               </div>
               <div class="about__advantages">
                  <div class="about__advantages-item advantages-item">
                     <div class="advantages-item__num h2-text-heading">20+</div>
                     <div class="advantages-item__text text">Года в организации мероприятий</div>
                  </div>
                  <div class="about__advantages-item advantages-item">
                     <div class="advantages-item__num h2-text-heading">150+</div>
                     <div class="advantages-item__text text">Релизованных форматов мероприятий</div>
                  </div>
                  <div class="about__advantages-item advantages-item">
                     <div class="advantages-item__num h2-text-heading">9170</div>
                     <div class="advantages-item__text text">Мероприятий реализовано за 2025</div>
                  </div>
                  <div class="about__advantages-item advantages-item">
                     <div class="advantages-item__num h2-text-heading">2000</div>
                     <div class="advantages-item__text text">
                        Максимальное число гост dfdgdgf fdgdfg ddsvsdv dvdvsdv dvdvd ей на мероприятии
                     </div>
                  </div>
               </div>

               <a href="" class="about__link arrow-link dark">
                  <span class="arrow-link__arrow">
                     <img src="../../icons/header/arrow-dark.svg" alt="" />
                  </span>
                  <span class="arrow-link__text dark-text">узнать больше</span>
               </a>
            </div>
            <div class="about__bg">
               <div class="about__bg-wrapper">
                  <div class="about__team">
                     <picture>
                        <source srcset="../../images/team1600.png" type="image/webp" media="(min-width: 1200px)" />
                        <source srcset="../../images/team.png" type="image/webp" media="(min-width: 768px)" />
                        <source srcset="../../images/team540.png" type="image/webp" media="(min-width: 567px)" />
                        <img src="../../images/team360.png" alt="" />
                     </picture>
                  </div>
                  <div class="about__znak">
                     <img src="../../images/logo-or.svg" alt="" />
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<div class="section advantages">
   <div class="container">
      <div class="advantages__wrapper">
         <div class="advantages__subtitle h2">Преимущества</div>
         <h2 class="advantages__title h2-text-heading">почему с нами легко, просто и эффективно</h2>
         <div class="advantages__body">
            <div class="advantages__main adv-main">
               <div class="adv-main__body">
                  <div class="adv-main__item">
                     <div class="adv-main__bg">
                        <picture>
                           <source
                              media="(min-width: 1400px)"
                              srcset="../../images/adv/adv-1400.jpg"
                              type="image/webp"
                           />
                           <source
                              media="(min-width: 1200px)"
                              srcset="../../images/adv/adv-1200.jpg"
                              type="image/webp"
                           />
                           <source
                              media="(min-width: 1024px)"
                              srcset="../../images/adv/adv-1024.jpg"
                              type="image/webp"
                           />
                           <source media="(min-width: 768px)" srcset="../../images/adv/adv-768.jpg" type="image/webp" />
                           <img src="../../images/adv/adv.jpg" alt="" />
                        </picture>
                     </div>
                     <div class="adv-main__content">
                        <div class="adv-main__title">Персональный менеджер и кураторская команда</div>
                        <p class="adv-main__text text">
                           Индивидуальный подход и оперативная коммуникация по всем вопросам
                        </p>
                     </div>
                  </div>
                  <div class="adv-main__item">
                     <div class="adv-main__bg">
                        <picture>
                           <source
                              media="(min-width: 1400px)"
                              srcset="../../images/adv/adv2-1400.jpg"
                              type="image/webp"
                           />
                           <source
                              media="(min-width: 1200px)"
                              srcset="../../images/adv/adv2-1200.jpg"
                              type="image/webp"
                           />
                           <source
                              media="(min-width: 1024px)"
                              srcset="../../images/adv/adv2-1024.jpg"
                              type="image/webp"
                           />
                           <source
                              media="(min-width: 768px)"
                              srcset="../../images/adv/adv2-768.jpg"
                              type="image/webp"
                           />
                           <img src="../../images/adv/adv2.jpg" alt="" />
                        </picture>
                     </div>
                     <div class="adv-main__content">
                        <div class="adv-main__title">Обмен документами по ЭДО</div>
                        <p class="adv-main__text text">
                           Индивидуальный подход и оперативная льный подход и оперативная льный подход и оперативная
                           коммуникация по всем вопросам
                        </p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="advantages__features features">
               <div class="features__list">
                  <div class="features__item">
                     <div class="features__icon"><img src="../../icons/adv/adv-i.svg" alt="" /></div>
                     <h4 class="features__title">Прозрачный юридический контракт с фиксацией всех договоренностей</h4>
                     <p class="features__text text">
                        Работаем с документацией по стандартам клиента: от договоров до актов и спецификаций
                     </p>
                  </div>
                  <div class="features__item">
                     <div class="features__icon"><img src="../../icons/adv/adv-i2.svg" alt="" /></div>
                     <h4 class="features__title">Продуманная эстетика события</h4>
                     <p class="features__text text">Визуал, который усиливает имидж</p>
                  </div>
                  <div class="features__item">
                     <div class="features__icon"><img src="../../icons/adv/adv-i.svg" alt="" /></div>
                     <h4 class="features__title">Служба сервиса и заботы</h4>
                     <p class="features__text text">
                        Работаем с документацией по стандартам клиента: от договоров до актов и спецификаций
                     </p>
                  </div>
                  <div class="features__item">
                     <div class="features__icon"><img src="../../icons/adv/adv-i2.svg" alt="" /></div>
                     <h4 class="features__title">Надежность и предсказуемость на всех этапах</h4>
                     <p class="features__text text">
                        Работаем с документацией по стандартам клиента: от договоров до актов и спецификаций
                     </p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<section class="section logos">
   <div class="logos__wrapper">
      <div class="container">
         <h2 class="logos__title h2">клиенты</h2>
         <div class="logos__subtitle h2-text-heading">Нам доверяют бренды по всей России</div>
         <div class="logos__list">
            <div class="logos__track">
               <div class="logos__item">
                  <img src="../../images/logos/1.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/2.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/3.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/4.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/1.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/2.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/3.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/4.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/4.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/1.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/2.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/3.png" alt="" />
               </div>
               <div class="logos__item">
                  <img src="../../images/logos/4.png" alt="" />
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<section class="section awards">
   <div class="awards__wrapper">
      <div class="container">
         <div class="awards__top">
            <div class="awards__titles">
               <h2 class="awards__h2 h2">Награды и достижения</h2>
               <div class="awards__descr h2-text-heading">30+ номинаций и призовых мест</div>
            </div>
            <div class="awards__slider-controls">
               <div class="awards__slider-nav">
                  <div class="awards-slider__btn-prev slider-btn slider-btn--prev"></div>
                  <div class="awards-slider__btn-next slider-btn slider-btn--next"></div>
               </div>
               <div class="awards__slider-pag">
                  <div class="awards-slider__pagination slider-pagination"></div>
               </div>
            </div>
         </div>
         <div class="awards__slider awards-slider swiper">
            <div class="awards-slider__wrapper swiper-wrapper">
               <div class="awards-slider__slide swiper-slide awards-slide">
                  <div class="awards-slide__wrapper">
                     <div class="awards-slide__body">
                        <div class="awards-slide__num">
                           <img src="../../images/awards.png" alt="" />
                        </div>
                        <div class="awards-slide__info">
                           <div class="awards-slide__title h4-text-heading">Лучшее корпоративное мероприятие</div>
                           <div class="awards-slide__text">
                              <ul class="ol">
                                 <li class="li">Ивент про TECH</li>
                                 <li class="li">VOLGA BRAND</li>
                              </ul>
                              <p>dvdvdvd</p>
                           </div>
                           <div class="awards-slide__btn-more btn-more open">
                              <span class="btn-more__arrow">
                                 <img src="../../icons/btn-more.png" alt="" />
                              </span>
                              <span class="btn-more__text">развернуть</span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="awards-slider__slide swiper-slide awards-slide">
                  <div class="awards-slide__wrapper">
                     <div class="awards-slide__body">
                        <div class="awards-slide__num">
                           <img src="../../images/awards2.png" alt="" />
                        </div>
                        <div class="awards-slide__info">
                           <div class="awards-slide__title h4-text-heading">
                              Лучшее применение аудио и видео технологий в EVENT
                           </div>
                           <div class="awards-slide__text">
                              <ul class="ol">
                                 <li class="li">Ивент про TECH</li>
                                 <li class="li">VOLGA BRAND</li>
                              </ul>
                           </div>
                           <div class="awards-slide__btn-more btn-more">
                              <span class="btn-more__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                              <span class="btn-more__text">развернуть</span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>

               <div class="awards-slider__slide swiper-slide awards-slide">
                  <div class="awards-slide__wrapper">
                     <div class="awards-slide__body">
                        <div class="awards-slide__num">
                           <img src="../../images/awards.png" alt="" />
                        </div>
                        <div class="awards-slide__info">
                           <div class="awards-slide__title h4-text-heading">
                              Лучшее применение аудио и видео технологий в EVENT
                           </div>
                           <div class="awards-slide__text">
                              <ul class="ol">
                                 <li class="li">Ивент про TECH</li>
                                 <li class="li">VOLGA BRAND</li>
                              </ul>
                           </div>
                           <div class="awards-slide__btn-more btn-more">
                              <span class="btn-more__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                              <span class="btn-more__text">развернуть</span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="awards-slider__slide swiper-slide awards-slide">
                  <div class="awards-slide__wrapper">
                     <div class="awards-slide__body">
                        <div class="awards-slide__num">
                           <img src="../../images/awards.png" alt="" />
                        </div>
                        <div class="awards-slide__info">
                           <div class="awards-slide__title h4-text-heading">
                              Лучшее применение аудио и видео технологий в EVENT
                           </div>
                           <div class="awards-slide__text">
                              <ul class="ol">
                                 <li class="li">Ивент про TECH</li>
                                 <li class="li">VOLGA BRAND</li>
                              </ul>
                           </div>
                           <div class="awards-slide__btn-more btn-more">
                              <span class="btn-more__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                              <span class="btn-more__text">развернуть</span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="awards-slider__slide swiper-slide awards-slide">
                  <div class="awards-slide__wrapper">
                     <div class="awards-slide__body">
                        <div class="awards-slide__num">
                           <img src="../../images/awards.png" alt="" />
                        </div>
                        <div class="awards-slide__info">
                           <div class="awards-slide__title h4-text-heading">
                              Лучшее применение аудио и видео технологий в EVENT
                           </div>
                           <div class="awards-slide__text">
                              <ul class="ol">
                                 <li class="li">Ивент про TECH</li>
                                 <li class="li">VOLGA BRAND</li>
                              </ul>
                           </div>
                           <div class="awards-slide__btn-more btn-more">
                              <span class="btn-more__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                              <span class="btn-more__text">развернуть</span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<section class="section faq">
   <div class="faq__wrapper">
      <div class="container">
         <div class="faq__body">
            <div class="faq__top">
               <h2 class="faq__title h2">часто задаваемые вопросы</h2>
               <div class="faq__subtitle h2-text-heading">Все об Артпикник от «А» до «К»</div>
            </div>

            <div class="faq__accordion accordion">
               <div class="accordion__f-a-q">
                  <div class="accordion__question h5">
                     <p>Чем ваши программы отличаются от других агентств?</p>
                     <div class="accordion__trigger">
                        <img src="../../icons/plus.svg" alt="" />
                     </div>
                  </div>
                  <div class="accordion__content">
                     <div class="accordion__content-inner text">
                        Ответственность за соблюдением тайминга и работы всех сотрудников, координация размещения
                        гостей, подключения аппаратуры и всей техники, выход артистов, производит расчёт со всеми
                        подрядчиками, правая рука клиента в день мероприятия.
                        <ul>
                           <li>ddvddvv</li>
                           <li>ddvddvv</li>
                           <li>ddvddvv</li>
                        </ul>
                        <p></p>
                     </div>
                  </div>
               </div>
               <div class="accordion__f-a-q">
                  <div class="accordion__question h5">
                     <p>Чем ваши программы отличаются от других агентств?</p>
                     <div class="accordion__trigger">
                        <img src="../../icons/plus.svg" alt="" />
                     </div>
                  </div>
                  <div class="accordion__content">
                     <div class="accordion__content-inner text">
                        Ответственность за соблюдением тайминга и работы всех сотрудников, координация размещения
                        гостей, подключения аппаратуры и всей техники, выход артистов, производит расчёт со всеми
                        подрядчиками, правая рука клиента в день мероприятия.
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<section class="section contact-block">
   <div class="container">
      <div class="contact-block__body">
         <div class="contact-block__header">
            <div class="contact-block__header-top">
               <h2 class="contact-block__title h2">Контакты</h2>
               <div class="contact-block__subtitle h2-text-heading">
                  Свяжитесь с нами <br />
                  или приезжайте в гости в офис: обсудим мероприятие за чашкой чая или кофе
               </div>
            </div>
            <div class="contact-block__links">
               <div class="contact-block__link">
                  <a href="tel:89991112233" class="header-contacts__item">
                     <div class="header-contacts__icon">
                        <img src="../../icons/header/phone-red.svg" alt="" />
                     </div>
                     <div class="header-contacts__value">8&nbsp;800&nbsp;707-30-76</div>
                  </a>
               </div>
               <div class="contact-block__link">
                  <a href="mailto:hello@artpiknik.ru" class="header-contacts__item">
                     <div class="header-contacts__icon">
                        <img src="../../icons/header/mail-red.svg" alt="" />
                     </div>
                     <div class="header-contacts__value">hello@artpiknik.ru</div>
                  </a>
               </div>
            </div>
         </div>
         <div class="contact-block__maps zr-tabs">
            <div class="contact-block__map-tabs">
               <div class="contact-block__map-tab subtitle zr-tabs__trigger">Самара</div>
               <div class="contact-block__map-tab subtitle zr-tabs__trigger active">Москва</div>
            </div>
            <div class="contact-block__map-items zr-tabs__contents">
               <div class="contact-block__map-item map-card zr-tabs__content">
                  <div class="map-card__body">
                     <div
                        class="map-card__canvas js-map"
                        data-coords="37.601744,55.598334"
                        data-marker="../../icons/marker.svg"
                     ></div>
                     <div class="map-card__content">
                        <div class="map-card__city subtitle">САМАРА</div>
                        <div class="map-card__addresss h4-text-heading">Проспект Ленина, 16</div>
                        <div class="map-card__grafik text">
                           Понедельник–Пятница <br />
                           9:00–18:00
                        </div>
                        <div class="map-card__link">
                           <a href="##" class="arrow-link">
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                              <span class="arrow-link__text">открыть в яндекс картах</span>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="contact-block__map-item map-card zr-tabs__content active">
                  <div class="map-card__body">
                     <div
                        class="map-card__canvas js-map"
                        data-coords="37.601744,55.598334"
                        data-marker="../../icons/marker.svg"
                     ></div>
                     <div class="map-card__content">
                        <div class="map-card__city subtitle">Москва</div>
                        <div class="map-card__addresss h4-text-heading">ул. 3-я Хорошёвская, 18, корп. 1</div>
                        <div class="map-card__grafik text">
                           Понедельник–Пятница <br />
                           9:00–18:00
                        </div>
                        <div class="map-card__link">
                           <a href="##" class="arrow-link">
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                              <span class="arrow-link__text">открыть в яндекс картах</span>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <form action="##" class="contact-block__footer-form contact-form">
            <div class="contact-form__body">
               <div class="contact-form__descr text">
                  Оставьте заявку и мы свяжемся с вами <br />в течение 30 минут, чтобы обсудить детали
               </div>
               <div class="contact-form__form-wrapper">
                  <div class="contact-form__fields">
                     <div class="contact-form__field">
                        <div class="input">
                           <input type="text" placeholder="Ваше имя" name="name" required="" />
                        </div>
                     </div>
                     <div class="contact-form__field">
                        <div class="input">
                           <input type="text" placeholder="Ваш e-mail" name="email" required="" />
                        </div>
                     </div>
                     <div class="contact-form__field">
                        <div class="input input--tel">
                           <input type="tel" placeholder="+7&nbsp;999&nbsp;999-99-99" required="" />
                        </div>
                     </div>
                  </div>
                  <div class="contact-form__consent">
                     <div class="consent-block">
                        <div class="consent-block__ckeckbox">
                           <input type="checkbox" id="consent222" required class="consent-block__input" />
                           <label for="consent222" class="consent-block__label legal-text">
                              <span class="consent-block__label-text"
                                 >Даю&nbsp;
                                 <a href=""> согласие на&nbsp;Обработку персональных данных</a> и&nbsp;ознакомлен(а)
                                 с&nbsp;
                                 <a href="">условиями Политики конфиденциальности</a>
                              </span>
                           </label>
                        </div>
                     </div>
                  </div>
                  <div class="contact-form__submit">
                     <button class="btn">Отправить</button>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</section>

@@include('../blocks/footer.html')