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

<section class="hero">
   <div class="hero__wrapper">
      <div class="hero__body">
         <div class="hero-bg">
            <div class="hero-bg__wrapper">
               <div class="hero-bg__logo">
                  <img src="../../images/hero/logo.svg" alt="" />
               </div>
               <div class="hero-bg__media">
                  <div class="hero-bg__video hero-video">
                     <video muted loop playsinline>
                        <source src="../../video/hero.webm" type="video/webm" />
                        <source src="../../video/hero.mp4" type="video/mp4" />
                     </video>
                  </div>
                  <!-- <div class="hero-bg__image hero-image">
                     <img src="../../images/hero/hero.png" alt="" class="hero-bg__image" />
                  </div> -->
               </div>
            </div>
         </div>
         <div class="hero-content-position">
            <div class="container">
               <div class="hero-content">
                  <div class="hero-content__body">
                     <h1 class="hero-content__h1 h1">Event-агентство нового типа</h1>
                     <div class="hero-content__descr">
                        <p>С 2003 года удивляем, заряжаем, развиваем федеральные и региональные бренды</p>
                        <!-- <ul>
                        <li>Удивляем</li>
                        <li>Заряжаем</li>
                        <li>Развиваем</li>
                     </ul> -->
                     </div>
                     <div class="hero-content__btns">
                        <div class="hero-content__btn btn">Оставить заявку</div>
                        <a href="" class="hero-content__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>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="section services-block">
   <div class="services-block__wrapper">
      <div class="container">
         <div class="services-block__body">
            <div class="services-block__top">
               <div class="services-block__titles">
                  <h2 class="services-block__h2 h2">Наши услуги</h2>
                  <div class="services-block__descr h2-text-heading">
                     Мы разделили услуги на 4 большие категории, внутри которых вы найдёте интересующие вас мероприятия
                  </div>
               </div>
               <div class="services-block__slider-controls">
                  <div class="services-block__slider-nav">
                     <div class="services-slider__btn-prev slider-btn slider-btn--prev"></div>
                     <div class="services-slider__btn-next slider-btn slider-btn--next"></div>
                  </div>
                  <div class="services-block__slider-pag">
                     <div class="services-slider__pagination slider-pagination"></div>
                  </div>
               </div>
            </div>
            <div class="services-block__slider services-slider swiper">
               <div class="services-slider__wrapper swiper-wrapper">
                  <div class="services-slider__slide swiper-slide service-slide">
                     <div class="service-slide__wrapper">
                        <div class="service-slide__body">
                           <div class="service-slide__cover">
                              <div class="service-slide__image">
                                 <img src="../../images/services.jpg" alt="" />
                              </div>
                              <div class="service-slide__tabel">Offline | Online</div>
                           </div>
                           <h3 class="service-slide__title h4-text-heading">Деловые мероприятия</h3>
                           <div class="service-slide__descr">
                              Федеральные и региональные B2B-мероприятия, как инструменты достижения бизнес-целей:
                              роста, позиционирования, продаж, диалога с рынком
                           </div>
                           <div class="service-slide__links">
                              <a href="" class="service-slide__link link-format">Конференции</a>
                              <a href="" class="service-slide__link link-format">Презентации</a>
                              <a href="" class="service-slide__link link-format">Бизнес-завтраки</a>
                              <a href="" class="service-slide__link link-format">Форумы и семинары</a>
                              <a href="" class="service-slide__link link-format">Выставки</a>
                              <a href="" class="service-slide__link link-format">+7 форматов</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="services-slider__slide swiper-slide service-slide">
                     <div class="service-slide__wrapper">
                        <div class="service-slide__body">
                           <div class="service-slide__cover">
                              <div class="service-slide__image">
                                 <img src="../../images/services.jpg" alt="" />
                              </div>
                              <div class="service-slide__tabel">Offline | Online</div>
                           </div>
                           <h3 class="service-slide__title h4-text-heading">Деловые мероприятия</h3>
                           <div class="service-slide__descr">
                              Федеральные и региональные B2B-мероприятия, как инструменты достижения бизнес-целей:
                              роста, позиционирования, продаж, диалога с рынком
                           </div>
                           <div class="service-slide__links">
                              <a href="" class="service-slide__link link-format">Конференции</a>
                              <a href="" class="service-slide__link link-format">Презентации</a>
                              <a href="" class="service-slide__link link-format">Бизнес-завтраки</a>
                              <a href="" class="service-slide__link link-format">Форумы и семинары</a>
                              <a href="" class="service-slide__link link-format">Выставки</a>
                              <a href="" class="service-slide__link link-format">+7 форматов</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="services-slider__slide swiper-slide service-slide">
                     <div class="service-slide__wrapper">
                        <div class="service-slide__body">
                           <div class="service-slide__cover">
                              <div class="service-slide__image">
                                 <img src="../../images/services.jpg" alt="" />
                              </div>
                              <div class="service-slide__tabel">Offline | Online</div>
                           </div>
                           <h3 class="service-slide__title h4-text-heading">Деловые мероприятия</h3>
                           <div class="service-slide__descr">
                              Федеральные и региональные B2B-мероприятия, как инструменты достижения бизнес-целей:
                              роста, позиционирования, продаж, диалога с рынком
                           </div>
                           <div class="service-slide__links">
                              <a href="" class="service-slide__link link-format">Конференции</a>
                              <a href="" class="service-slide__link link-format">Презентации</a>
                              <a href="" class="service-slide__link link-format">Бизнес-завтраки</a>
                              <a href="" class="service-slide__link link-format">Форумы и семинары</a>
                              <a href="" class="service-slide__link link-format">Выставки</a>
                              <a href="" class="service-slide__link link-format">+7 форматов</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="services-slider__slide swiper-slide service-slide">
                     <div class="service-slide__wrapper">
                        <div class="service-slide__body">
                           <div class="service-slide__cover">
                              <div class="service-slide__image">
                                 <img src="../../images/services.jpg" alt="" />
                              </div>
                              <div class="service-slide__tabel">Offline | Online</div>
                           </div>
                           <h3 class="service-slide__title h4-text-heading">Деловые мероприятия</h3>
                           <div class="service-slide__descr">
                              Федеральные и региональные B2B-мероприятия, как инструменты достижения бизнес-целей:
                              роста, позиционирования, продаж, диалога с рынком
                           </div>
                           <div class="service-slide__links">
                              <a href="" class="service-slide__link link-format">Конференции</a>
                              <a href="" class="service-slide__link link-format">Презентации</a>
                              <a href="" class="service-slide__link link-format">Бизнес-завтраки</a>
                              <a href="" class="service-slide__link link-format">Форумы и семинары</a>
                              <a href="" class="service-slide__link link-format">Выставки</a>
                              <a href="" class="service-slide__link link-format">+7 форматов</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="services-slider__slide swiper-slide service-slide">
                     <div class="service-slide__wrapper">
                        <div class="service-slide__body">
                           <div class="service-slide__cover">
                              <div class="service-slide__image">
                                 <img src="../../images/services.jpg" alt="" />
                              </div>
                              <div class="service-slide__tabel">Offline | Online</div>
                           </div>
                           <h3 class="service-slide__title h4-text-heading">Деловые мероприятия</h3>
                           <div class="service-slide__descr">
                              Федеральные и региональные B2B-мероприятия, как инструменты достижения бизнес-целей:
                              роста, позиционирования, продаж, диалога с рынком
                           </div>
                           <div class="service-slide__links">
                              <a href="" class="service-slide__link link-format">Конференции</a>
                              <a href="" class="service-slide__link link-format">Презентации</a>
                              <a href="" class="service-slide__link link-format">Бизнес-завтраки</a>
                              <a href="" class="service-slide__link link-format">Форумы и семинары</a>
                              <a href="" class="service-slide__link link-format">Выставки</a>
                              <a href="" class="service-slide__link link-format">+7 форматов</a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<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 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 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>

<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>

<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')