<!DOCTYPE html>
<html lang="ru">
    <!--<< Header Area >>-->
    <head>
        <base href="https://msk-gruzoperevozki.ru/">
        <!-- ========== Meta Tags ========== -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="author" content="modinatheme">
        <meta name="description" content="">
        <!-- ======== Page title ============ -->
        <title></title>
        <!-- Favicons - Place favicon.ico in the root directory -->
        <link rel="shortcut icon" type="image/x-icon" href="img/logo/favicon.png">
        <!--<< Bootstrap min.css >>-->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <!--<< Font Awesome.css >>-->
        <link rel="stylesheet" href="css/font-awesome.css">
        <!--<< Animate.css >>-->
        <link rel="stylesheet" href="css/animate.css">
        <!--<< Magnific Popup.css >>-->
        <link rel="stylesheet" href="css/magnific-popup.css">
        <!--<< MeanMenu.css >>-->
        <link rel="stylesheet" href="css/meanmenu.css">
        <!--<< Swiper Bundle.css >>-->
        <link rel="stylesheet" href="css/swiper-bundle.min.css">
        <!--<< Nice Select.css >>-->
        <link rel="stylesheet" href="css/nice-select.css">
        <!--<< Main.css >>-->
        <link rel="stylesheet" href="css/main.css">
        <!--<< Style.css >>-->
        <link rel="stylesheet" href="style.css">
    </head>
    
    <body>

        <!-- Preloader Start -->
        <div id="preloader" class="preloader">
            <div class="animation-preloader">
                <div class="spinner">                
                </div>
                <div class="txt-loading">
                    <span data-text-preloader="Н" class="letters-loading">
                        Н
                    </span>
                    <span data-text-preloader="О" class="letters-loading">
                        О
                    </span>
                    <span data-text-preloader="Б" class="letters-loading">
                        Б
                    </span>
                    <span data-text-preloader="Е" class="letters-loading">
                        Е
                    </span>
                    <span data-text-preloader="Т" class="letters-loading">
                        Т
                    </span>
                    <span data-text-preloader="Е" class="letters-loading">
                        Е
                    </span>
                    <span data-text-preloader="К" class="letters-loading">
                        К
                    </span>
                </div>
                <p class="text-center">Загрузка</p>
            </div>
            <div class="loader">
                <div class="row">
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--<< Mouse Cursor Start >>-->  
        <div class="mouse-cursor cursor-outer"></div>
        <div class="mouse-cursor cursor-inner"></div>

         <!-- Offcanvas Area Start -->
        <div class="fix-area">
            <div class="offcanvas__info">
                <div class="offcanvas__wrapper">
                    <div class="offcanvas__content">
                        <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
                            <div class="offcanvas__logo">
                                <img src="img/logo/logo-black.png" alt="logotip">
                            </div>
                            <div class="offcanvas__close">
                                <button>
                                <i class="fas fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <p class="text d-none d-lg-block">
                            Наша компания предлагает выгодные условия для долгосрочного сотрудничества.
                        </p>
                        <div class="mobile-menu fix mb-3"></div>
                        <div class="offcanvas__contact">
                            <h4>Контакты</h4>
                            <ul>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="far fa-phone"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="tel:8 (999) 879-01-06">8 (999) 879-01-06</a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="fal fa-envelope"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="mailto:mail@msc-plitka.ru  ">mail@msc-plitka.ru  </a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="fab fa-whatsapp iconka-footer"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="https://wa.me/74996740697" target="_blank">Написать в Whatsapp</a>
                                    </div>
                                </li>
<!--                                 <li class="d-flex align-items-center">
    <div class="offcanvas__contact-icon mr-15">
        <i class="fal fa-clock"></i>
    </div>
    <div class="offcanvas__contact-text">
        <a target="_blank" href="#">Пн - Вск: 9:00 - 17:00 </a>
    </div>
</li> -->
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon">
                                        <i class="fal fa-map-marker-alt"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a target="_blank" href="#">Наро-Фоминский г/о, д. Скугорово</a>
                                    </div>
                                </li>
                            </ul>
                            <div class="header-button mt-4">
                                <button data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn text-center">
                                    Связаться с нами
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="offcanvas__overlay"></div>

        <!-- Header Section Start -->
        <header>
            <div class="header-tops-section fix">
                <div class="container">
                    <div class="header-tops-wrapper">
                        <ul class="contact-list">
                            <li>
                                <i class="far fa-envelope"></i>
                                <a href="mailto:mail@msc-plitka.ru  " class="link">mail@msc-plitka.ru  </a>
                            </li>
                            <li>
                                <i class="fas fa-phone-alt"></i>
                                <a href="tel:84954310302">8 (999) 879-01-06</a>
                            </li>
                        </ul>
                        <div class="top-right">
                            <div class="social-icon d-flex align-items-center">
                                <span>Написать в Whatsapp:</span>
                                <a href="https://wa.me/74996740697" target="_blank"><i class="fab fa-whatsapp"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="header-sticky" class="header-3">
                <div class="container">
                    <div class="mega-menu-wrapper">
                        <div class="header-main style-2">
                            <div class="header-left">
                                <div class="logo">
                                    <a href="/" class="header-logo">
                                        <img src="img/logo/logomain.svg" alt="logotip">
                                    </a>
                                </div>
                            </div>
                            <div class="header-right d-flex justify-content-end align-items-center">
                                <div class="mean__menu-wrapper">
                                    <div class="main-menu">
                                        <nav id="mobile-menu">
                                            <ul>
                                                <li><a href="#about">О компании</a></li>
                                                <li><a href="#advantages">Преимущества</a></li>
                                                <li><a href="#manipulator">Манипуляторы</a></li>
                                                <li><a href="#calculator">Калькулятор</a></li>
                                            </ul>
                                        </nav>
                                                                                        <div class="btn-header">
                                                    <button class="theme-btn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                        Связаться с нами
                                                    </button>
                                                </div>
                                    </div>
                                </div>
                                <div class="header__hamburger d-xl-none d-lg-none my-auto">
                                    <div class="sidebar__toggle">
                                        <i class="fas fa-bars"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!-- Hero Section Start -->
        <section class="hero-section hero-1">
            <div class="hero-slider">
                <div class="height-banner">
                    <div class="">
                        <div class="hero-image bg-cover" style="background-image: url('img/gruzovikiii.jpg');"></div>
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-xl-12">
                                   <div class="hero-content text-center">
                                        <h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
                                            Грузоперевозки <br> манипуляторами 20 тонн   
                                        </h1>
                                        <div class="hero-button">
                                            <button data-animation="fadeInUp" data-delay="1.5s" class="theme-btn hover-white" data-bs-toggle="modal" data-bs-target="#exampleModal">Оставить заявку</button>
                                        </div>
                                   </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Cta Section Start -->
        <section class="cta-section" id="about">
            <div class="container">
               <div class="cta-wrapper">
                    <div class="row g-4">
                        <div class="col-lg-8">
                            <div class="cta-right">
                                <div class="shape-image">
                                   
                                </div>
                                <div class="cta-content">
                                    <h3>Выгодные условия</h3>
                                    <span>грузоперевозок манипуляторами</span>
                                </div>
                                <div class="call-area">
                                    <p>Свяжитесь с нами</p>
                                    <a href="tel:8 (999) 879-01-06">8 (999) 879-01-06</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="cta-left">
                                <div class="call-area">
                                    <p>Напишите в мессенджер</p>
                                     <a href="https://wa.me/74996740697" target="_blank"><i class="fab fa-whatsapp"></i> Whatsapp</a>
                                </div>
                            </div>
                        </div>

                    </div>
               </div>
            </div>
        </section>

        <!-- About Section Start -->
        <section class="choose-us-section fix section-padding">
            <div class="container">
                <div class="choose-wrapper style-2 mb-0">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6">
                            <img src="img/gruzovikiii.jpg" alt="000«НОБЕТЕК»" class="w-100">
                        </div>
                        <div class="col-xl-6 col-lg-6 mt-5 mt-lg-0">
                            <div class="choose-content">
                                <div class="section-title wow fadeInUp" data-wow-delay=".3s">
                                     <h2>000«НОБЕТЕК»</h2>
                                </div>
                                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">Завод Нобетек по производству тротуарной плитки имеет второе направление деятельности - грузоперевозки. Для этого мы используем собственный парк современных манипуляторов с грузоподъемностью до 20 тонн. Вся техника оборудована системами GPS-навигации и регулярно проходит технический осмотр. Перевозки выполняются опытными водителями, каждый из которых имеет стаж работы не менее 5 лет. Осуществляем доставку грузов по Москве и Московской области, а также в соседние регионы.</p>
                                <div class="about-author wow fadeInUp" data-wow-delay=".9s">
                                    <div class="about-button">
                                        <button class="theme-btn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                            Свяжитесь с нами
                                        </button>
                                    </div>
                                </div>
                             </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="choose-content">
                                <div class="icon-area style-2 wow fadeInUp" data-wow-delay=".7s">
                                     <div class="icon-items">
                                         <div class="icon">
                                            <i class="flaticon-cargo"></i>
                                         </div>
                                         <div class="content">
                                             <h5>Качество</h5>
                                             <p>Ответственность за сохранность, профессиональная упаковка и надежное крепление грузов.</p>
                                         </div>
                                     </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="choose-content">
                                <div class="icon-area style-2 wow fadeInUp" data-wow-delay=".7s">
                                     <div class="icon-items">
                                        <div class="icon">
                                            <i class="flaticon-transportation"></i>
                                        </div>
                                        <div class="content">
                                            <h5><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Выгодные условия</font></font></h5>
                                            <p>Грузоперевозки осуществляем по Москве, Московской области и в соседние регионы.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Banners Section Start -->
        <div class="marque-section">
            <div class="marquee-wrapper text-slider">
                <div class="marquee-inner to-left">
                    <ul class="marqee-list d-flex">
                        <li class="marquee-item">
                            <span class="text-slider">Нобетек </span><span class="text-slider">Грузоперевозки</span><span class="text-slider">Манипуляторами 20 тонн</span><span class="text-slider">Нобетек</span><span class="text-slider">Грузоперевозки </span><span class="text-slider">Манипуляторами 20 тонн</span><span class="text-slider">Нобетек</span><span class="text-slider">Грузоперевозки</span><span class="text-slider">Манипуляторами 20 тонн</span>
                            <span class="text-slider">Нобетек </span><span class="text-slider">Грузоперевозки</span><span class="text-slider">Манипуляторами 20 тонн</span><span class="text-slider">Нобетек</span><span class="text-slider">Грузоперевозки </span><span class="text-slider">Манипуляторами 20 тонн</span><span class="text-slider">Нобетек</span><span class="text-slider">Грузоперевозки</span><span class="text-slider">Манипуляторами 20 тонн</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Advantages Section Start -->
        <section class="service-provide section-padding bg-grey" id="advantages">
            <div class="shape-image">
                <img src="img/service/arrow-shape.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-lg-6">
                        <div class="section-title style-2">
                            <span class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">сотрудничество с нами </span>
                            <h2 class="wow fadeInUp text-white" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                                Премущества
                            </h2>
                        </div>
                    </div>
                    <div class="col-lg-5 wow fadeInUp" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                        Мы предлагаем нашим клиентам выгодные тарифы и гибкие условия для долгосрочного сотрудничества в сфере грузоперевозок.
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="overflow-hidden">
                        <div class="service-provide-items text-center active">
                            <div class="icon">
                                <i class="flaticon-transportation"></i>
                            </div>
                            <div class="content">
                                <h5 class="text-white">
                                       Гибкость
                                </h5>
                                <p>
                                    Мы понимаем, что в бизнесе могут возникать непредвиденные обстоятельства, поэтому готовы адаптироваться к изменяющимся графикам и требованиям клиентов.
                                </p>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                        <div class="overflow-hidden">
                        <div class="service-provide-items text-center active">
                            <div class="icon">
                                <i class="fal fa-headset"></i>
                            </div>
                            <div class="content">
                                <h5 class="text-white">
                                        Поддержка
                                </h5>
                                <p>
                                    Наша команда всегда готова предоставить консультации и поддержку на всех этапах сотрудничества, начиная от планирования перевозки и заканчивая доставкой груза
                                </p>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
                        <div class="overflow-hidden">
                        <div class="service-provide-items text-center active">
                            <div class="icon">
                                <i class="flaticon-approved"></i>
                            </div>
                            <div class="content">
                                <h5 class="text-white">
                                        Качество
                                </h5>
                                <p>
                                    Мы располагаем собственным автопарком современных автомобилей, которые проходят регулярное техническое обслуживание. 
                                </p>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".9s" style="visibility: visible; animation-delay: 0.9s; animation-name: fadeInUp;">
                        <div class="overflow-hidden">
                        <div class="service-provide-items text-center active">
                            <div class="icon">
                                <i class="fal fa-headset"></i>
                            </div>
                            <div class="content">
                                <h5 class="text-white">
                                        Гарантия
                                </h5>
                                <p>
                                    Мы берем на себя полную материальную ответственность за сохранность вашего груза на протяжении всего процесса перевозки.
                                </p>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Manipulator Section Start -->
        <section class="pricing-section section-padding" id="manipulator">
            <div class="shape-image">
                <img src="img/service/arrow-shape.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="section-title text-center">
                    <span class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Собственный автопарк</span>
                    <h2 class="wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        Манипуляторы 20 тонн
                    </h2>
                </div>
                <div class="row">
                    <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="single-pricing-items">
                            <div class="pricing-header">
                                <img src="img/tracks1.jpg" alt="манипулятор 20тонн">
                            </div>
                            <ul>
                                <li>
                                    <i class="fas fa-check"></i>
                                    общая длина 11,6 м
                                </li>
                                <li>
                                    <i class="fas fa-check"></i>
                                    длина кузова 8 м
                                </li>
                                <li>
                                    <i class="fas fa-check"></i>
                                    вылет стрелы 6 м - грузоподъемность 2т
                                </li>
                                <li>
                                    <i class="fas fa-check"></i>
                                    вылет стрелы 13 м - грузоподьемность до 300 кг
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <button data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn">Заказать</button>
                            </div>
                            <div class="shape-image">
                                <img src="img/shape-2.png" alt="shape-img">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                        <div class="single-pricing-items">
                            <div class="pricing-header">
                                <img src="img/traks2.jpg" alt="манипулятор 20тонн">
                            </div>
                            <ul>
                                <li>
                                    <i class="fas fa-check"></i>
                                    общая длина 10,4 м
                                </li>
                                <li>
                                    <i class="fas fa-check"></i>
                                    длина кузова 6,5 м
                                </li>
                                <li>
                                    <i class="fas fa-check"></i>
                                    вылет стрелы 5 м
                                </li>
                                <li>
                                    <i class="fas fa-check"></i>
                                    грузоподъемность стрелы 2т
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <button data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn">Заказать</button>
                            </div>
                            <div class="shape-image">
                                <img src="img/shape-2.png" alt="shape-img">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Calculator -->
        <section class="request-a-quote-section bg-cover calculate-wrapper section-padding" style="background-image: url('img/image-calc.jpg')" id="calculator">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-12">
                        <div class="block-contents mb-20 pr-30">
                            <div class="section-title">
                                <span class="text-white">Оставьте заявку</span>
                                <h2 class="text-white mb-3">Калькулятор стоимости</h2>
                                <p class="text-white">Заполните свои контактные данные и введите расстояние до пункта назначения. Наши менеджеры свяжуться с вами для уточнения данных в ближайшее время!</p>
                            </div>
                        </div>
                        <div class="row me-xl-5 text-white">
                            <div class="col-sm-6">
                                <div class="single-request-element">
                                    <div class="icon">
                                        <i class="fal fa-warehouse"></i>
                                    </div>
                                    <h6>Надежность</h6>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="single-request-element">
                                    <div class="icon">
                                        <i class="fal fa-location"></i>
                                    </div>
                                    <h6>Скорость</h6>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="single-request-element">
                                <div class="icon">
                                        <i class="fal fa-headset"></i>
                                    </div>
                                    <h6>Поддержка</h6>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="single-request-element">
                                    <div class="icon">
                                        <i class="fal fa-shield-check"></i>
                                    </div>
                                    <h6>Качество</h6>
                                </div>
                            </div>
                        </div>
                    </div>
    
                    <div class="col-xl-7 col-12">
                        <div class="request-quote-form-wrapper mt-5 mt-xl-0 ms-xl-3">
                            <h4>Рассчитать стоимость подачи машины</h4>
                            <div class="request-quote-form">
<form action="" method="post" class="ajax_form af_example" id="myForm">

    <div class="row g-4 d-flex align-item-center">
        <div class="col-sm-12 col-12">
            <input type="text" name="name" placeholder="Ваше имя...">
        </div>
        <div class="col-sm-6 col-12">
            <input type="text" name="email" placeholder="Эл.почта...">
        </div>
        <div class="col-sm-6 col-12">
            <input type="text" name="phone" placeholder="Телефон...">
        </div>
        <div class="col-sm-12 col-12">
            <input type="text" id="distance" name="distance" placeholder="Введите расстояние">
        </div>
        <div class="col-sm-6 col-12">
            <div class="result-block">
              <h4>Стоимость подачи машины:</h4>
              <p class="text-calc" id="result">0 руб.</p>
              <input type="text" id="totalInput" name="total" class="d-none">
            </div>
        </div>
        <div class="col-sm-12 col-12">
            <label class="checkbox-content">
                <input type="checkbox" class="checkbox-input d-none" required checked>
                <p class="text mb-3">Я даю <a href="/soglasie-na-obrabotku-personalnyix-dannyix-2/">Согласие на обработку персональных данных</a></p>
            </label>
        </div>
        <div class="col-sm-12">
            <button type="button" id="btnCalc" class="theme-btn w-100">Рассчитать стоимсоть</button>
            <button type="submit" id="btnSubmit" class="theme-btn w-100">Отправить заявку</button>
        </div>
    </div>

    
    

	<input type="hidden" name="af_action" value="3e05833a8f1ed773f49d2a8c602a363c" />
</form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Faq Section Start -->
        <section class="faq-sectcol-xl-4 ion fix section-padding" id="faq">
            <div class="container">
                <div class="faq-wrapper">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="faq-image bg-cover" style="background-image: url('img/gruzoviki.jpg');">
                                <div class="counter-area float-bob-y">
                                    <div class="">
                                        <img src="img/logo/logo-black.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-5 mt-lg-0">
                            <div class="faq-content">
                                <div class="section-title">
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        Частые<br>
                                        Вопросы-ответы
                                    </h2>
                                </div>
                                <div class="faq-accordion">
                                    <div class="accordion" id="accordion">
                                        <div class="accordion-item wow fadeInUp" data-wow-delay=".3s">
                                            <h5 class="accordion-header">
                                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="true" aria-controls="faq1">
                                                    Что произойдет, если мой груз будет поврежден или потерян во время транспортировки?
                                                </button>
                                            </h5>
                                            <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#accordion">
                                                <div class="accordion-body">
                                                    Мы берем на себя полную ответственность за безопасность вашего груза. В случае повреждения или потери мы будем работать с вами, чтобы быстро и справедливо решить проблему. У нас есть комплексная страховая политика, которая покрывает груз от повреждений, потерь или кражи, и мы предоставим компенсацию в соответствии с условиями нашего соглашения.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item wow fadeInUp" data-wow-delay=".5s">
                                            <h5 class="accordion-header">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" aria-expanded="false" aria-controls="faq2">
                                                    Предоставляете ли вы услуги по упаковке груза?
                                                </button>
                                            </h5>
                                            <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#accordion">
                                                <div class="accordion-body">
                                                    Да, мы предлагаем услуги по упаковке груза. Наша команда профессионалов обеспечит надежную упаковку вашего груза, чтобы минимизировать риски повреждений во время транспортировки. Мы используем качественные материалы и методы упаковки, соответствующие требованиям вашего груза.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item wow fadeInUp" data-wow-delay=".7s">
                                            <h5 class="accordion-header">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" aria-expanded="false" aria-controls="faq3">
                                                    Какая стоимость доставки моего груза?
                                                </button>
                                            </h5>
                                            <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#accordion">
                                                <div class="accordion-body">
                                                    Стоимость доставки зависит от расстояния до места доставки. Мы рекомендуем вам обратиться к нашему менеджеру для получения точной оценки стоимости, а также предварительную стоимость грузоперевозки вы можете рассчитать в калькуляторе на нашем сайте.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item wow fadeInUp" data-wow-delay=".9s">
                                            <h5 class="accordion-header">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4" aria-expanded="false" aria-controls="faq4">
                                                    Как вы обеспечиваете безопасность моего груза?
                                                </button>
                                            </h5>
                                            <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#accordion">
                                                <div class="accordion-body">
                                                    Мы располагаем собственным автопарком современных автомобилей, которые проходят регулярное техническое обслуживание. Системы GPS-мониторинга позволяют отслеживать местоположение автомобиля в реальном времени, что обеспечивает прозрачность и уверенность в процессе доставки. На работу принимаем только опытных водителей со стажем более 5 лет, а так же мы уделяем особое внимание креплению грузов в автомобиле.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item wow fadeInUp" data-wow-delay=".11s">
                                            <h5 class="accordion-header">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq5" aria-expanded="false" aria-controls="faq5">
                                                    Какие документы нужны для отправки груза?
                                                </button>
                                            </h5>
                                            <div id="faq5" class="accordion-collapse collapse" data-bs-parent="#accordion">
                                                <div class="accordion-body">
                                                    Для отправки груза обычно требуются следующие документы: накладная, счет-фактура, упаковочный лист и, в некоторых случаях, сертификаты соответствия или разрешения. Мы поможем вам подготовить все необходимые документы и проконсультируем вас по требованиям.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Cta Section Start -->
        <section class="cta-section-3 fix section-padding bg-cover overlay-color" style="background-image: url('');">
            <div class="container">
                <div class="cta-wrapper-3">
                    <div>
                    <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
                        Остались вопросы?
                    </h2>
                    <p class="text-white">Оставьте заявку и наши менеджеры свяжутся с Вами в ближайшее время.</p>
                    </div>
                    <button data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn hover-white wow fadeInUp" data-wow-delay=".5s">Оставить заявку</button>
                </div>
            </div>
        </section>

        <!-- Footer Section Start -->
        <footer class="footer-section fix footer-bg">
        <div class="container">
            <div class="footer-widgets-wrapper">
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-12 wow fadeInUp" data-wow-delay=".3s">
                        <div class="single-footer-widget">
                            <div class="widget-head">
                                <a href="/">
                                    <img src="img/logo/logomain.svg" alt="logotip" width="250">
                                </a>
                            </div>
                            <div class="footer-content">
                                <p>Наша компания занимает одну из ведущих позиций на российском рынке в производстве тротуарной плитки и брусчатки. Вторым основным направлением нашей деятельности являются грузоперевозки. </p>
                            </div>
                        </div>
                    </div>
                    <div class="offset-lg-1 offset-xl-1 col-xl-3 col-lg-3 col-md-12 wow fadeInUp" data-wow-delay=".5s">
                        <div class="single-footer-widget">
                            <div class="widget-head">
                                <h3>Навигация</h3>
                            </div>
                            <ul class="list-area">
                                <li><a href="#about">О компании</a></li>
                                <li><a href="#advantages">Преимущества</a></li>
                                <li><a href="#manipulator">Манипуляторы</a></li>
                                <li><a href="#calculator">Калькулятор</a></li>
                                <li><a href="#faq">Вопросы - Ответы</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="offset-lg-1 offset-xl-1 col-xl-3 col-lg-3 col-md-12 wow fadeInUp" data-wow-delay=".9s">
                        <div class="single-footer-widget">
                            <div class="widget-head">
                                <h3>Контакты</h3>
                            </div>
                            <div class="footer-content">
                                <ul class="list-area">
                                    <li><i class="far fa-phone iconka-footer"></i><a href="tel:8 (999) 879-01-06">8 (999) 879-01-06</a></li>
                                    <li><i class="fab fa-whatsapp iconka-footer"></i><a href="https://wa.me/74996740697" target="_blank">Написать в Whatsapp</a></li>
                                    <li><i class="fal fa-envelope iconka-footer"></i><a href="mailto:mail@msc-plitka.ru  ">mail@msc-plitka.ru  </a></li>
                                    <!-- <li><i class="fal fa-clock iconka-footer"></i><a href="#">Пн - Вск: 9:00 - 17:00 </a></li> -->
                                    <li><i class="fal fa-map-marker-alt iconka-footer"></i><a href="#">Наро-Фоминский г/о, д. Скугорово</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="footer-bottom-wrapper">
                    <p>
                        Сайт разработан в студии<a href="https://piter-web.ru/"> Питер-WEB</a>  
                    </p>
                    <p><a href="/politika-konfidenczialnosti/">Политика конфиденциальности</a></p>
                </div>
            </div>
        </div>
        </footer>
        
        <!-- Модальное окно -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Оставить заявку</h5>
        <button type="button" class="btn-close-modal" data-bs-dismiss="modal" aria-label="Закрыть">&#10006;</button>
      </div>
      <div class="modal-body">
<form action="" method="post" class="ajax_form af_example modal-wrapper">

            <div class="row">
                <div class="col-md-12">
                    <div class="form-group mb-3">
                        <input type="text" class="form-control" name="name" value="" placeholder="Ваше имя*">
                        <i class="fal fa-user"></i>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group mb-3">
                        <input type="text" class="form-control" name="phone" value="" placeholder="Телефон*">
                        <i class="fal fa-phone"></i>
                    </div>
                    <label class="checkbox-content">
                        <input type="checkbox" class="checkbox-input" required checked>
                        <p class="text mb-3">Я даю <a href="/soglasie-na-obrabotku-personalnyix-dannyix/">Согласие на обработку персональных данных</a></p>
                    </label>
                </div>
                <div class="form-btn col-12">
                    <button class="theme-btn text-center w-100">Отправить</button>
                </div>
            </div>

    
    

	<input type="hidden" name="af_action" value="a23aa0ff50c2b89d6461a6e6c19d60e6" />
</form>
      </div>
    </div>
  </div>
</div>

        <!-- Back To Top Start -->
        <div class="scroll-up">
            <svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
                <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
            </svg>
        </div>

        <!--<< All JS Plugins >>-->
        <script src="js/jquery-3.7.1.min.js"></script>
        <!--<< Viewport Js >>-->
        <script src="js/viewport.jquery.js"></script>
        <!--<< Bootstrap Js >>-->
        <script src="js/bootstrap.bundle.min.js"></script>
        <!--<< Nice Select Js >>-->
        <script src="js/jquery.nice-select.min.js"></script>
        <!--<< Waypoints Js >>-->
        <script src="js/jquery.waypoints.js"></script>
        <!--<< Counterup Js >>-->
        <script src="js/jquery.counterup.min.js"></script>
        <!--<< Swiper Slider Js >>-->
        <script src="js/swiper-bundle.min.js"></script>
        <!--<< MeanMenu Js >>-->
        <script src="js/jquery.meanmenu.min.js"></script>
        <!--<< Magnific Popup Js >>-->
        <script src="js/jquery.magnific-popup.min.js"></script>
        <!--<< Wow Animation Js >>-->
        <script src="js/wow.min.js"></script>
        <!--<< Circle Progress Js >>-->
        <script src="js/circle-progress.js"></script>
        <!--<< Main.js >>-->
        <script src="js/main.js"></script>
<script>
    //скрывать модальное меню
$(document).on('af_complete', function(event,res) {
  if(res.success) {
 $('.btn-close-modal').click();
 }
});
</script>

<script>
$(function(){
    // Антиспам
$('.ajax_form').append('<input type="text" name="org" value="" class="org" style="visibility:hidden; height: 0; width: 0; padding: 0; border:none;"/>')
    // Антиспам х
})
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
  const btnCalc = document.getElementById("btnCalc");
  const btnSubmit = document.getElementById("btnSubmit");
  const totalInput = document.getElementById("totalInput");
  const distanceInput = document.getElementById("distance");
  const result = document.getElementById("result");

  toggleButtons(true, false);

  function calculateCost() {
    const distance = parseFloat(distanceInput.value);
    if (isNaN(distance) || distance < 0) {
      result.innerText = "Некорректное значение расстояния.";
      return;
    }
    const cost = 20000 + distance * 2 * 100;
    result.innerText = `${cost} руб.`;
    totalInput.value = result.innerText;
  }

  function resetForm() {
    toggleButtons(true, false);
  }

  function toggleButtons(calcVisible, submitVisible) {
    btnCalc.style.display = calcVisible ? "block" : "none";
    btnSubmit.style.display = submitVisible ? "block" : "none";
  }

  btnCalc.addEventListener("click", () => {
    calculateCost();
    toggleButtons(false, true);
  });
  
  $(document).on('af_complete', function(event, res) {
    if (res.success) {
      result.innerText = "0 руб."; // Обновляем результат после успешной отправки
    }
  });

  distanceInput.addEventListener("focus", resetForm);
  distanceInput.addEventListener("input", resetForm);
});
</script>
<div id="cookie_note">
    <p>Мы используем файлы cookies для улучшения работы сайта. Оставаясь на нашем сайте, вы соглашаетесь с условиями
        использования файлов cookies. Чтобы ознакомиться с нашими Положениями о конфиденциальности и об использовании
        файлов cookie, <a href="/politika-konfidenczialnosti/" target="_blank">нажмите здесь</a>.</p>
    <button class="button cookie_accept btn th-btn theme-btn">Я согласен</button>
</div>
<script>
    function setCookie(name, value, days) {
        let expires = "";
        if (days) {
            let date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; path=/";
    }

    function getCookie(name) {
        let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
        return matches ? decodeURIComponent(matches[1]) : undefined;
    }


    function checkCookies() {
        let cookieNote = document.getElementById('cookie_note');
        let cookieBtnAccept = cookieNote.querySelector('.cookie_accept');

        // Если куки cookies_policy нет или она просрочена, то показываем уведомление
        if (!getCookie('cookies_policy')) {
            cookieNote.classList.add('show');
        }

        // При клике на кнопку устанавливаем куку cookies_policy на один год
        cookieBtnAccept.addEventListener('click', function () {
            setCookie('cookies_policy', 'true', 365);
            cookieNote.classList.remove('show');
        });
    }

    checkCookies();
    
</script>
    </body>
</html>