fix log

assets/css/gp-style-core.css

@@ -204,6 +204,7 @@ body{
     background-color: rgba(17, 17, 20, 0);
 
     cursor: pointer;
+    border: none;
 }
 .btn-big--border{
     padding: 21px 32px;

assets/css/gp-style-desktop.css

@@ -26,6 +26,17 @@
 .text-3{
     font-size: 16px;
 }
+@media only screen and (min-width: 992px) and (max-width: 1500px) {
+.wrapper{
+    max-width: 100%;
+    width: 100%;
+
+    padding: 0 20px;
+}
+.header__wrapper{
+    padding: 20px;
+}
+}
 /* text */
 
 /* header */
@@ -103,6 +114,7 @@
 .header-menu__list li:first-child{
     margin-left: 0;
 }
+
 .header-menu__list a{
     color: var(--text-white);
     text-decoration: none;
@@ -113,6 +125,72 @@
     background-image: url(/assets/img/icon/arrow-bottom.svg);
     background-repeat: no-repeat;
     background-position: center right;
+
+    display: block;
+}
+.header-menu-list__sub{
+    margin-top: 30px;
+
+    position: absolute;
+
+    width: 300px;
+
+    padding: 14px 0;
+
+    list-style-type: none;
+    background-color: var(--background-grey);
+
+    opacity: 0;
+    pointer-events: none;
+
+    transition: all .3s;
+}
+.header-menu-list__sub.open{
+    opacity: 1;
+    pointer-events: auto;
+}
+.header-menu-list__sub li{
+    margin-left: 0;
+}
+.header-menu-list__sub li > a{
+    padding: 14px 24px;
+
+    transition: all .3s;
+
+    display: block;
+}
+.header-menu-list__sub > li:hover{
+    padding-right: 23px;
+
+    background-color: var(--background-grey-hover);
+    border-right: 1px solid var(--text-white);
+}
+.header-menu-list__sub > li > ul{
+    transition: all .3s;
+}
+.header-menu-list__sub > li:hover > ul{
+    opacity: 1;
+    pointer-events: auto;
+}
+.header-menu-list__sub ul{
+    position: absolute;
+    top: 0;
+    left: 100%;
+
+    width: 100%;
+    height: 100%;
+
+    display: block;
+
+    background-color: var(--background-grey-hover);
+    list-style-type: none;
+
+    opacity: 0;
+    pointer-events: none;
+}
+.header-menu-list__sub ul.open{
+    opacity: 1;
+    pointer-events: auto;
 }
 .header-menu__search{
     display: flex;
@@ -191,6 +269,11 @@
 
     background-color: var(--background-grey-hover);
     border-radius: 4px;
+
+    display: none;
+}
+.header-menu-search__found.active{
+    display: block;
 }
 .header-menu-search__error{}
 .header-menu-search__item{
@@ -274,13 +357,18 @@
 /* footer */
 
 /* Стили для лептопов  */
-@media only screen and (min-width: 992px) and (max-width: 1400px) {
+@media only screen and (min-width: 992px) and (max-width: 1500px) {
 .wrapper{
     width: 100%;
 
     padding: 20px;
 }
-
+.header-menu-list-next__content {
+    top: 72px;
+}
+.header-menu-search__block {
+    top: 78px;
+}
 /* header */
 .header__wrapper{
     flex-wrap: wrap;
@@ -455,7 +543,7 @@
 
 @media only screen and (min-width: 992px) {
 .gym__item{
-    width: calc(50% - 40px) !important;
+    width: calc(50% - 44px) !important;
 }
 .gym .swiper-slide:nth-child(3){
     width: 100% !important;
@@ -473,7 +561,7 @@
 .projects__item{
     margin: 20px;
 
-    width: calc(50% - 40px) !important;
+    width: calc(50% - 44px) !important;
 
     display: flex;
     flex-direction: column;
@@ -762,6 +850,26 @@
 
     flex-shrink: 0;
 }
+.reviews-item__img-block{
+    margin-left: 164px;
+
+    width: 577px;
+    height: 600px;
+    border-radius: 4px;
+
+    object-fit: cover;
+
+    flex-shrink: 0;
+
+    position: relative;
+}
+.reviews .reviews-item__img-block .swiper-pagination{
+    bottom: 16px;
+
+    padding-right: 0px;
+
+    text-align: center;
+}
 .reviews .swiper-pagination{
     position: absolute;
     right: 32px;
@@ -954,16 +1062,38 @@
 
 /* modal */
 .modal__item{
-    width: 1000px;;
+    width: 1000px;
+
+    position: relative;
 }
 .modal__item > .title-1{
     text-align: center;
 }
+.modal__item > .text-1{
+    text-align: center;
+}
 .modal__item > .text-1{
     margin-top: 24px;
 }
 .modal__item > .form{
     padding: 56px 36px 0 36px;
 }
+.modal-item__close{
+    position: absolute;
+    top: 40px;
+    right: 40px;
+
+    width: 24px;
+    aspect-ratio: 1;
+
+    background-image: url(/assets/img/icon/close.svg);
+    background-repeat: no-repeat;
+    background-position: center;
+
+    background-color: rgba(42, 42, 45, 0);
+    border: none;
+
+    cursor: pointer;
+}
 /* modal */
 @media only screen and (min-width: 992px) and (max-width: 1032px) {}

assets/css/gp-style-tablet.css

@@ -110,14 +110,14 @@
     height: 100vh;
     overflow-y: auto;
 }
-.phone-menu__block-content{
+/* .phone-menu__block-content{
     height: 0;
     overflow: hidden;
 
     z-index: 10;
 
     transition: all .5s;
-}
+} */
 .phone-menu__content{
     padding: 104px 16px 40px 16px;
 
@@ -127,20 +127,24 @@
     position: absolute;
     top: 0;
     left: 100%;
-    width: 100%;
-    transition: all .3s;
 
-    height: 100vh;
+    width: 100%;
+    height: 100%;
+
+    padding: 104px 16px 40px 16px;
 
     background-color: var(--background-main);
-}
+
-.phone-menu__sub.active{
+    transition: all .5s;
-    left: 0;
 
     overflow-y: auto;
 }
-.phone-menu__sub .title-1{
+.phone-menu__sub.open{
-    margin-bottom: 32px;
+    left: 0;
+}
+.phone-menu__sub > li:nth-child(2) a{
+    font-weight: 700;
+    font-size: 32px;
 }
 .phone-menu-content__close{
     position: absolute;
@@ -213,14 +217,12 @@
 .phone-menu__text--no-line{
     text-decoration: none;
 }
-
 .phone-social{
     margin-top: 24px;
 
     display: flex;
     align-items: center;
 }
-
 .phone-menu{
     display: block;
 }
@@ -625,6 +627,9 @@ main{
 .form__checkbox-block{
     align-items: start;
 }
+.free .title-1{
+    text-align: center;
+}
 }
 
 /* reviews */
@@ -661,6 +666,26 @@ main{
     height: 300px;
     width: 100%;
 }
+.reviews-item__img-block{
+    margin-top: 24px;
+    margin-left: 0;
+
+    height: 300px;
+    width: 100%;
+}
+.swiper-reviews-img{
+    height: 100%;
+}
+.reviews-item__img-block .swiper-slide{
+    width: 100%;
+    height: 100%;
+}
+.reviews-item__img-block .swiper-slide img{    
+    width: 100%;
+    height: 100%;
+
+    object-fit: cover;
+}
 .reviews .swiper-pagination{
     bottom: 87px;
 
@@ -751,5 +776,21 @@ main{
 }
 /* call */
 
+/* modal */
+.modal__item{
+    padding: 64px 16px;
+}
+.modal__item > .form{
+    padding: 40px 0 0 0;
+}
+.modal-item__close{
+    top: 20px;
+    right: 20px;
+}
+.modal__item .text--bo-line.form__link{
+    margin-top: 6px;
+    margin-left: 0;
+}
+/* modal */
 
 @media only screen and (max-width: 992px) {}

assets/js/main.js

@@ -15,6 +15,7 @@ const gymSwiper = new Swiper('.gym-swiper', {
 
 const reviewsSwiper = new Swiper('.reviews-swiper', {
     spaceBetween: 24,
+    allowTouchMove: false,
     // If we need pagination
     pagination: {
         el: '.swiper-pagination',
@@ -40,6 +41,25 @@ const reviewsSwiper = new Swiper('.reviews-swiper', {
     }
 })
 
+let swiperReviews = document.querySelectorAll('.swiper-reviews-img');
+let reviewsSwiperImgs = {};
+swiperReviews.forEach((review, index) => {
+    let newClass = `swiper-reviews-img-${index}`;
+    review.classList.add(newClass);
+
+    reviewsSwiperImgs[index] = new Swiper(`.${newClass}`, {
+        pagination: {
+            el: ".swiper-pagination",
+            clickable: true,
+            renderBullet: function (index, className) {
+                return '<span class="' + className + '">' + "</span>";
+            },
+        },
+    });
+})
+
+
+
 const projectsSwiper = new Swiper('.projects-swiper', {
     direction: 'horizontal',
     breakpoints: {
@@ -48,7 +68,7 @@ const projectsSwiper = new Swiper('.projects-swiper', {
             spaceBetween: 24,
         },
         996: {
-            slidesPerView: 1
+            slidesPerView: 10
         },
     },
     // Navigation arrows
@@ -143,51 +163,58 @@ function howPhone() {
 // how end
 
 // phone menu
+addClosePhoneMenu('.phone-menu__content');
+addClosePhoneMenu('.phone-menu__sub');
+
 let btnOpenMenu = document.querySelector('.button-menu__open');
-
 btnOpenMenu.onclick = function () {
-    let phoneMenu = document.querySelector('.phone-menu'),
+    let block = document.querySelector('.phone-menu'),
-        block = document.querySelector('.phone-menu__block-content.main'),
+        content = document.querySelector('.phone-menu__content'),
-        content = document.querySelector('.phone-menu__content.main'),
+        contentHeight = content.offsetHeight + 'px';
-        newHeigh = content.offsetHeight + 'px';
 
-    phoneMenu.classList.add('active');
+    block.style.height = contentHeight;
-    // block.classList.add('active');
-    block.style.height = newHeigh;
 }
 
-let closeMainMenu = document.querySelector('.phone-menu-content__close.main');
+let closeMenu = document.querySelector('.phone-menu-content__close');
+closeMenu.onclick = function () {
+    let block = document.querySelector('.phone-menu');
 
-closeMainMenu.onclick = function () {
+    block.style.height = '0px';
-    let phoneMenu = document.querySelector('.phone-menu'),
-        block = document.querySelector('.phone-menu__block-content.main'),
-        content = document.querySelector('.phone-menu__content.main');
-
-    phoneMenu.classList.remove('active');
-    block.style.height = 0;
 }
 
+let phoneList = document.querySelectorAll('.phone-menu__list');
+phoneList.forEach(list => {
+    let elementList = list.querySelectorAll('li');
 
-let nextPhoneMenu = document.querySelectorAll('.phone-menu--next');
+    elementList.forEach(element => {
+        let nextList = element.querySelector('.phone-menu__sub');
 
-nextPhoneMenu.forEach(next => {
+        if (nextList) {
-    next.onclick = function () {
+            let button = element.querySelector('a');
-        let subName = next.dataset.menu,
-            blockSub = document.querySelector(`.phone-menu__sub.${subName}`);
 
-        blockSub.classList.add('active');
+            button.onclick = function () {
-    }
+                nextList.classList.add('open')           
+            }
+            
+            nextList.querySelector('.phone-menu-content__close').onclick = function () {
+                nextList.classList.remove('open')           
+            }
+            
+        }
+    })
 })
 
-let subPhone = document.querySelectorAll('.phone-menu__sub');
+function addClosePhoneMenu(classAdd) {
+    document.querySelectorAll(classAdd).forEach(element => {
+        let button = document.createElement('button');
+        button.className = "phone-menu-content__close";
 
-subPhone.forEach(menu => {
+        let referenceElement = element.firstElementChild;
-    let close = menu.querySelector('.phone-menu-content__close');
 
-    close.onclick = function () {
+        element.insertBefore(button, referenceElement);
-        menu.classList.remove('active');
+    })
-    }
+    
-})
+}
 // phone menu end
 
 // search
@@ -214,8 +241,202 @@ btnOpenSearchPhone.onclick = function () {
     searchPhone.classList.toggle('active');
 }
 
+// pc
+let inputSearchPc = document.querySelector('.header-menu-search__input'),
+    btnSearchPc = document.querySelector('.header-menu-search__btn');
+
+btnSearchPc.onclick = function () {
+    let value = inputSearchPc.value,
+        newPost = {
+            value: value,
+        };
+
+    postSearch(newPost, 'pc');
+}
+
+// phone
+let inputSearchPhone = document.querySelector('.phone-search__input');
+
+inputSearchPhone.addEventListener('input', function(event) {
+    let value = event.target.value,
+        newPost = {
+            value: value,
+        };
+
+    postSearch(newPost, 'phone');
+});
+
+function postSearch(newPost, device) {
+    let contentPc = document.querySelector('.header-menu-search__found'),
+        contentPhone = document.querySelector('.phone-search__found');
+
+    fetch('http://jsonplaceholder.typicode.com/posts', {
+        method: 'POST',
+        // body: JSON.stringify(newPost),
+        headers: {
+          'Content-type': 'application/json; charset=UTF-8',
+        },
+      })
+        .then((data) => {
+            if (device == 'pc') {
+                contentPc.innerHTML = '';
+
+                contentPc.innerHTML = `<div class="header-menu-search__item">
+                                    <img src="assets/img/photo/header-menu-search.png" alt="" class="header-menu-search-item__img">
+
+                                    <div class="header-menu-search-item__content">
+                                        <p class="text-2">Беговая дорожка механическая DRAXFIT+</p>
+                                        <p class="header-menu-search-item__art text-2">Артикул:&nbsp;STP1000C</p>
+                                    </div>
+                                </div>`;
+
+                contentPc.classList.add('active');
+            }else{
+                contentPhone.innerHTML = '';
+
+                contentPhone.innerHTML = `<div class="phone-search__item">
+                            <img src="assets/img/photo/header-menu-search.png" alt="" class="phone-search-item__img">
+                        
+                            <div class="phone-search-item__content">
+                                <p class="text-2">Беговая дорожка механическая DRAXFIT+</p>
+                                <p class="phone-search-item__art text-2">Артикул:&nbsp;STP1000C</p>
+                            </div>
+                        </div>`;
+
+                contentPhone.classList.add('active');
+            }
+        }).catch(
+            () => {
+              if (device == 'pc') {
+                postError(contentPc);
+              }else{
+                postError(contentPhone);
+              }
+            }
+        )
+}
+
+function postError(divContent) {
+    divContent.innerHTML = ''
+                
+    let p = document.createElement("p");
+    p.textContent = "Произошла ошибка"
+    p.className = "header-menu-search__error text-2";
+
+    divContent.appendChild(p);
+}
+
+
 // search end
 
+// open-modal
+
+let openModals = document.querySelectorAll('.open-modal'),
+    modal = document.querySelector('.modal');
+
+openModals.forEach(openModal => {
+    let modalName = openModal.dataset.modal;
+
+    openModal.onclick = function () {
+        let modalItem = document.querySelector(`.modal__item.${modalName}`);
+
+        modalItem.classList.add('active');
+        modal.classList.add('active');
+    }
+})
+
+modal.onclick = function (event) {
+    if (event.srcElement.classList.contains('modal')) {
+        document.querySelector(`.modal__item.active`).classList.remove('active');
+        modal.classList.remove('active');
+    }
+}
+
+let itemModels = document.querySelectorAll('.modal__item');
+
+itemModels.forEach(item => {
+    let btnClose = item.querySelector('.modal-item__close');
+
+    btnClose.onclick = function () {
+        item.classList.remove('active');
+        modal.classList.remove('active');
+    }
+})
+// open-modal end
+
+// masks
+
+let phoneInputs = document.querySelectorAll('.input__field[type=phone]');
+
+phoneInputs.forEach(phoneInput => {
+    phoneInput.onfocus = function (event) {
+        let value = phoneInput.value;
+
+        if (value.length == 0) {
+            phoneInput.value = '+7 '
+        }
+    }
+
+    phoneInput.addEventListener('input', function(event) {
+        let value = phoneInput.value,
+            data = event.data,
+            length = value.length;
+
+        if (value.charAt(0) == '+' && length == 1) return;
+
+        if (isNaN(data)) {
+            phoneInput.value = value.slice(0, -1);
+        }
+    
+        if (typeof data != 'object') {
+            if (length == 2 || length == 6 || length == 10) {
+                phoneInput.value = value + ' ';
+            }
+            if (length == 3 || length == 7 || length == 11) {
+                if (data != ' ') {
+                    phoneInput.value = value.slice(0, -1) + ' ' + data;
+                }
+            }
+        }
+        
+        if (length <= 3) {
+            phoneInput.value = '+7 '
+        }
+                
+    });
+})
+
+// masks end
+
+// pc menu
+
+let listMenu = document.querySelectorAll('.header-menu__list > li');
+
+listMenu.forEach(li => {
+    if (li.querySelector('.header-menu-list__next')) {
+        let nextButton = li.querySelector('.header-menu-list__next'),
+            sub = li.querySelector('.header-menu-list__sub');
+
+        nextButton.addEventListener('mouseover', function (event) {
+            let openSubMenu = document.querySelector('.header-menu-list__sub.open');
+
+            if (openSubMenu) {
+                openSubMenu.classList.remove('open');
+            }
+
+            sub.classList.add('open');
+        })
+
+        sub.addEventListener('mouseout', function (event) {
+            if (event.relatedTarget.offsetParent.tagName != 'UL') {
+                sub.classList.remove('open');
+            }
+        })
+    };
+})
+
+// pc menu end
+
 // resize
 window.addEventListener('resize', () => {
     let screenWidth = window.screen.width;

index.html

@@ -6,17 +6,17 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>SEO title</title>
         <meta name="description" content="SEO Description">
-        <link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
 
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
 
         <!-- Базовые стили -->
-        <link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
-        <link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
         <!-- Адаптив -->
-        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
-        <link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 992px)" href="assets/css/gp-style-tablet.css?v=1.0">
-        <link rel="stylesheet" media="screen and (max-width: 576px)" href="/assets/css/gp-style-mobile.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 576px)" href="assets/css/gp-style-mobile.css?v=1.0">
     
 
         <!-- Яндекс.Вебмастер + Google Search Console -->
@@ -68,38 +68,38 @@
                     </div>
                     <div class="header-main__item">
                         <a href="#" class="btn-social">
-                            <img src="/assets/img/social/telegram.svg" alt="">
+                            <img src="assets/img/social/telegram.svg" alt="">
                         </a>
 
                         <a href="#" class="btn-social">
-                            <img src="/assets/img/social/whatsapp.svg" alt="">
+                            <img src="assets/img/social/whatsapp.svg" alt="">
                         </a>
                     </div>
                     <div class="header-main__item">
-                        <button href="" class="btn-big btn-big--border btn-big--border--blood header-main__btn">
+                        <button href="" class="btn-big btn-big--border btn-big--border--blood header-main__btn open-modal" data-modal="modal-call">
                             Заказать звонок
                         </button>
-                        <a href="" class="btn-big btn-big--blood header-main__btn">
+                        <button href="" class="btn-big btn-big--blood header-main__btn open-modal" data-modal="modal-project">
                             спецификация
-                        </a>
+                        </button>
                     </div>
                 </div>
 
                 <div class="header__phone">
-                    <div class="header-phone__item">
+                    <div class="header-phone__item open-modal" data-modal="modal-call">
-                        <img src="/assets/img/icon/device-phone.svg" alt="phone">
+                        <img src="assets/img/icon/device-phone.svg" alt="phone">
                     </div>
     
                     <div class="header-phone__item">
                         <button class="phone__open-search">
-                            <img src="/assets/img/icon/search.svg" alt="search">
+                            <img src="assets/img/icon/search.svg" alt="search">
-                            <img src="/assets/img/icon/close.svg" alt="search">
+                            <img src="assets/img/icon/close.svg" alt="search">
                         </button>
                     </div>
     
                     <div class="header-phone__item">
                         <div class="button-menu">
-                            <img src="/assets/img/icon/menu-hamburger.svg" class="button-menu__open" alt="open"> 
+                            <img src="assets/img/icon/menu-hamburger.svg" class="button-menu__open" alt="open"> 
                         </div>
                     </div>
                 </div>
@@ -111,11 +111,97 @@
                         <li>
                             <a href="#">О компании</a>
                         </li>
-                        <li >
+                        <li>
                             <a href="#" class="header-menu-list__next">каталог</a>
+
+                            <ul class="header-menu-list__sub">
+                                <li>
+                                    <a href="#">Кардио</a>
+                                    <ul>
+                                        <li>
+                                            <a href="#">беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li>
+                                    <a href="#">механическое кардио</a>
+                                    <ul>
+                                        <li>
+                                            <a href="#">беговые дорожки 2</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки 2</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки 2</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки 2</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li>
+                                    <a href="#">силовые тренажеры</a>
+                                </li>
+                                <li>
+                                    <a href="#">скамьи</a>
+                                </li>
+                            </ul>
                         </li>
                         <li>
                             <a href="#" class="header-menu-list__next">бренды</a>
+
+                            <ul class="header-menu-list__sub">
+                                <li>
+                                    <a href="#">Кардио</a>
+                                    <ul>
+                                        <li>
+                                            <a href="#">беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li>
+                                    <a href="#">механическое кардио</a>
+                                    <ul>
+                                        <li>
+                                            <a href="#">беговые дорожки 2</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки 2</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки 2</a>
+                                        </li>
+                                        <li>
+                                            <a href="#">беговые дорожки 2</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li>
+                                    <a href="#">силовые тренажеры</a>
+                                </li>
+                                <li>
+                                    <a href="#">скамьи</a>
+                                </li>
+                            </ul>
                         </li>
                         <li>
                             <a href="#">зонирование</a>
@@ -133,8 +219,8 @@
 
                     <div class="header-menu__search">
                         <button class="header-menu-search__open">
-                            <img src="/assets/img/icon/search.svg" alt="" >
+                            <img src="assets/img/icon/search.svg" alt="" >
-                            <img src="/assets/img/icon/close.svg" alt="" >
+                            <img src="assets/img/icon/close.svg" alt="" >
                         </button>
 
                         <div class="header-menu-search__block">
@@ -142,8 +228,8 @@
                             <input type="text" class="header-menu-search__input" placeholder="Поиск">
 
                             <div class="header-menu-search__found">
-                                <div class="header-menu-search__item">
+                                <!-- <div class="header-menu-search__item">
-                                    <img src="/assets/img/photo/header-menu-search.png" alt="" class="header-menu-search-item__img">
+                                    <img src="assets/img/photo/header-menu-search.png" alt="" class="header-menu-search-item__img">
 
                                     <div class="header-menu-search-item__content">
                                         <p class="text-2">Беговая дорожка механическая DRAXFIT+</p>
@@ -152,13 +238,13 @@
                                 </div>
 
                                 <div class="header-menu-search__item">
-                                    <img src="/assets/img/photo/header-menu-search.png" alt="" class="header-menu-search-item__img">
+                                    <img src="assets/img/photo/header-menu-search.png" alt="" class="header-menu-search-item__img">
 
                                     <div class="header-menu-search-item__content">
                                         <p class="text-2">Беговая дорожка механическая DRAXFIT+</p>
                                         <p class="header-menu-search-item__art text-2">Артикул: STP1000C</p>
                                     </div>
-                                </div>
+                                </div> -->
 
                                 <!-- <p class="header-menu-search__error text-2">
                                     К сожалению, по вашему запросу ничего не найдено
@@ -171,107 +257,94 @@
             </div>
 
             <div class="phone-menu">
-                <div class="phone-menu__block-content main">
+                <div class="phone-menu__content">
-                    <div class="phone-menu__content main">
+                    <ul class="phone-menu__list">
-                        <button class="phone-menu-content__close main"></button>
+                        <li>
+                            <a href="#">спецификация</a>
+                        </li>
+                        <li>О компании</li>
+                        <li>
+                            <a href="#" class="phone-menu--next" data-menu="catalog">каталог</a>
+                            <ul class="phone-menu__sub phone-menu__list">
+                                <li>
+                                    <a href="#">Каталог</a>
+                                </li>
+                                <li>
+                                    <a href="#" class="phone-menu--next">Кардио</a>
+                                    <ul class="phone-menu__sub phone-menu__list">
+                                        <li>
+                                            <a href="#">Кардио</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" class="phone-menu--next">Беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" class="phone-menu--next">Беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" class="phone-menu--next">Беговые дорожки</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" class="phone-menu--next">Беговые дорожки</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li>
+                                    <a href="#" class="phone-menu--next">механическое кардио</a>
+                                </li>
+                                <li>
+                                    <a href="#" class="phone-menu--next">силовые тренажеры</a>
+                                </li>
+                                <li>
+                                    <a href="#" class="phone-menu--next">скамьи</a>
+                                </li>
+                                <li>
+                                    <a href="#" class="phone-menu--next">свободные веса</a>
+                                </li>
+                                <li>
+                                    <a href="#" class="phone-menu--next">Функциональный тренинг</a>
+                                </li>
+                                <li>
+                                    <a href="#">Уникальные продукты</a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="#" class="phone-menu--next" data-menu="brand">бренды</a>
+                        </li>
+                        <li>зонирование</li>
+                        <li>проекты</li>
+                        <li>интересное</li>
+                        <li>контакты</li>
+                    </ul>
 
-                        <ul class="phone-menu__list">
+                    <div class="phone-menu__block">
-                            <li>
+                        <p class="phone-menu__text">
-                                <a href="#">спецификация</a>
+                            Работаем с гос.заказчиками по<br>
-                            </li>
+                            <a href="">44-ФЗ/223-ФЗ</a>
-                            <li>О компании</li>
+                        </p>
-                            <li>
-                                <a href="#" class="phone-menu--next" data-menu="catalog">каталог</a>
-                            </li>
-                            <li>
-                                <a href="#" class="phone-menu--next" data-menu="brand">бренды</a>
-                            </li>
-                            <li>зонирование</li>
-                            <li>проекты</li>
-                            <li>интересное</li>
-                            <li>контакты</li>
-                        </ul>
 
-                        <div class="phone-menu__block">
+                        <a class="phone-menu__text phone-menu__text--no-line" href="tel:+74957988081">+7 (495) 798-80-81</a>
-                            <p class="phone-menu__text">
-                                Работаем с гос.заказчиками по<br>
-                                <a href="">44-ФЗ/223-ФЗ</a>
-                            </p>
 
-                            <a class="phone-menu__text phone-menu__text--no-line" href="tel:+74957988081">+7 (495) 798-80-81</a>
+                        <a class="phone-menu__text phone-menu__text--no-line" href="mailto:sales@bestinfitness.ru">sales@bestinfitness.ru</a>
 
-                            <a class="phone-menu__text phone-menu__text--no-line" href="mailto:sales@bestinfitness.ru">sales@bestinfitness.ru</a>
+                        <div class="phone-social">
+                            <a href="#" class="btn-social">
+                                <img src="assets/img/social/telegram.svg" alt="">
+                            </a>
 
-                            <div class="phone-social">
+                            <a href="#" class="btn-social">
-                                <a href="#" class="btn-social">
+                                <img src="assets/img/social/whatsapp.svg" alt="">
-                                    <img src="/assets/img/social/telegram.svg" alt="">
-                                </a>
-    
-                                <a href="#" class="btn-social">
-                                    <img src="/assets/img/social/whatsapp.svg" alt="">
-                                </a>
-                            </div>
-                        </div>
-
-                        <div class="phone-menu__block">
-                            <a href="#" class="btn-big btn-big--border btn-big--border--blood">
-                                Заказать звонок
                             </a>
                         </div>
                     </div>
-                </div>
 
-                <div class="phone-menu__sub catalog">
+                    <div class="phone-menu__block">
-                    <div class="phone-menu__content">
+                        <a href="#" class="btn-big btn-big--border btn-big--border--blood">
-                        <button class="phone-menu-content__close"></button>
+                            Заказать звонок
-    
+                        </a>
-                        <p class="title-1">
-                            Каталог
-                        </p>
-
-                        <ul class="phone-menu__list">
-                            <li>
-                                <a href="#" class="phone-menu--next" data-menu="cardio">Кардио</a>
-                            </li>
-                            <li>
-                                <a href="#" class="phone-menu--next">механическое кардио</a>
-                            </li>
-                            <li>
-                                <a href="#" class="phone-menu--next">силовые тренажеры</a>
-                            </li>
-                            <li>
-                                <a href="#" class="phone-menu--next">скамьи</a>
-                            </li>
-                            <li>
-                                <a href="#" class="phone-menu--next">свободные веса</a>
-                            </li>
-                            <li>
-                                <a href="#" class="phone-menu--next">Функциональный тренинг</a>
-                            </li>
-                            <li>
-                                <a href="#" class="phone-menu--next">Уникальные продукты</a>
-                            </li>
-                        </ul>
                     </div>
                 </div>
-
-                <div class="phone-menu__sub cardio">
-                    <div class="phone-menu__content">
-                        <button class="phone-menu-content__close"></button>
-                        
-                        <p class="title-1">
-                            Кардио
-                        </p>
-
-                        <ul class="phone-menu__list">
-                            <li>Беговые дорожки</li>
-                            <li>Беговые дорожки</li>
-                            <li>Беговые дорожки</li>
-                            <li>Беговые дорожки</li>
-                        </ul>
-                    </div>
-                </div>
-
             </div>
 
             <div class="phone-search">
@@ -283,14 +356,14 @@
                             К сожалению, по вашему запросу ничего не найдено
                         </p> -->
 
-                        <div class="phone-search__item">
+                        <!-- <div class="phone-search__item">
-                            <img src="/assets/img/photo/header-menu-search.png" alt="" class="phone-search-item__img">
+                            <img src="assets/img/photo/header-menu-search.png" alt="" class="phone-search-item__img">
                         
                             <div class="phone-search-item__content">
                                 <p class="text-2">Беговая дорожка механическая DRAXFIT+</p>
                                 <p class="phone-search-item__art text-2">Артикул:&nbsp;STP1000C</p>
                             </div>
-                        </div>
+                        </div> -->
                     </div>
                 </div>
             </div>
@@ -304,7 +377,7 @@
 
                 <div class="space__content">
                     <div class="space__statistics">
-                        <img src="/assets/img/photo/space.png" alt="" class="space-statistics__img">
+                        <img src="assets/img/photo/space.png" alt="" class="space-statistics__img">
 
                         <div class="space-statistics__item">
                             <p class="title-3">
@@ -329,7 +402,7 @@
                             Увеличиваем посещаемость клубов на 18% за счет оптимального зонирования и подбора оборудования
                         </p>
 
-                        <a href="" class="btn-big btn-big--blood">
+                        <a class="btn-big btn-big--blood open-modal" data-modal="modal-call">
                             Получить бесплатную консультацию
                         </a>
                     </div>
@@ -344,7 +417,7 @@
                 <article class="gym gym-swiper">
                     <div class="swiper-wrapper">
                         <div class="gym__item swiper-slide">
-                            <img src="/assets/img/photo/gym-1.png" alt="" class="gym-item__img gym-item-img--padding">
+                            <img src="assets/img/photo/gym-1.png" alt="" class="gym-item__img gym-item-img--padding">
     
                             <div class="gym-item__text gym-item-text--padding">
                                 <div class="gym-item-text__header">
@@ -363,7 +436,7 @@
                             </div>
                         </div>
                         <div class="gym__item swiper-slide">
-                            <img src="/assets/img/photo/gym-2.png" alt="" class="gym-item__img gym-item-img--padding">
+                            <img src="assets/img/photo/gym-2.png" alt="" class="gym-item__img gym-item-img--padding">
     
                             <div class="gym-item__text gym-item-text--padding">
                                 <div class="gym-item-text__header">
@@ -384,7 +457,7 @@
                         
                         <div class="swiper-slide">
                             <div class="gym__item">
-                                <img src="/assets/img/photo/gym-3.png" alt="" class="gym-item__img">
+                                <img src="assets/img/photo/gym-3.png" alt="" class="gym-item__img">
                             </div>
 
                             <div class="gym__item">
@@ -417,18 +490,18 @@
                 <article class="projects projects-swiper">
                     <div class="swiper-wrapper">
                         <div class="projects__item swiper-slide">
-                            <img src="/assets/img/photo/projects-1.png" alt="" class="projects-item__img">
+                            <img src="assets/img/photo/projects-1.png" alt="" class="projects-item__img">
     
                             <div class="projects-item__content">
                                 <div class="projects-item__tags">
                                     <div class="projects-item__tag">
-                                        <img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
+                                        <img src="assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
         
                                         <p class="projects-item-tag__name text-2">Локация</p>
                                     </div>
     
                                     <div class="projects-item__tag">
-                                        <img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
+                                        <img src="assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
         
                                         <p class="projects-item-tag__name text-2">Площадь</p>
                                     </div>
@@ -444,18 +517,18 @@
                         </div>
     
                         <div class="projects__item swiper-slide">
-                            <img src="/assets/img/photo/projects-2.png" alt="" class="projects-item__img">
+                            <img src="assets/img/photo/projects-2.png" alt="" class="projects-item__img">
     
                             <div class="projects-item__content">
                                 <div class="projects-item__tags">
                                     <div class="projects-item__tag">
-                                        <img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
+                                        <img src="assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
         
                                         <p class="projects-item-tag__name text-2">Локация</p>
                                     </div>
     
                                     <div class="projects-item__tag">
-                                        <img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
+                                        <img src="assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
         
                                         <p class="projects-item-tag__name text-2">Площадь</p>
                                     </div>
@@ -471,18 +544,18 @@
                         </div>
     
                         <div class="projects__item swiper-slide">
-                            <img src="/assets/img/photo/projects-3.png" alt="" class="projects-item__img">
+                            <img src="assets/img/photo/projects-3.png" alt="" class="projects-item__img">
     
                             <div class="projects-item__content">
                                 <div class="projects-item__tags">
                                     <div class="projects-item__tag">
-                                        <img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
+                                        <img src="assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
         
                                         <p class="projects-item-tag__name text-2">Локация</p>
                                     </div>
     
                                     <div class="projects-item__tag">
-                                        <img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
+                                        <img src="assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
         
                                         <p class="projects-item-tag__name text-2">Площадь</p>
                                     </div>
@@ -498,18 +571,18 @@
                         </div>
     
                         <div class="projects__item swiper-slide">
-                            <img src="/assets/img/photo/projects-4.png" alt="" class="projects-item__img">
+                            <img src="assets/img/photo/projects-4.png" alt="" class="projects-item__img">
     
                             <div class="projects-item__content">
                                 <div class="projects-item__tags">
                                     <div class="projects-item__tag">
-                                        <img src="/assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
+                                        <img src="assets/img/icon/pin.svg" alt="" class="projects-item-tag__icon">
         
                                         <p class="projects-item-tag__name text-2">Локация</p>
                                     </div>
     
                                     <div class="projects-item__tag">
-                                        <img src="/assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
+                                        <img src="assets/img/icon/square.svg" alt="" class="projects-item-tag__icon">
         
                                         <p class="projects-item-tag__name text-2">Площадь</p>
                                     </div>
@@ -599,7 +672,7 @@
                                         </p>
                                     </div>
     
-                                    <img src="/assets/img/photo/how-1.png" alt="" class="how-content-item__img how-content-item__img--1">
+                                    <img src="assets/img/photo/how-1.png" alt="" class="how-content-item__img how-content-item__img--1">
                                 </div>
                             </div>
                         </div>
@@ -629,7 +702,7 @@
                                         </p>
                                     </div>
     
-                                    <img src="/assets/img/photo/how-2.png" alt="" class="how-content-item__img how-content-item__img--2">
+                                    <img src="assets/img/photo/how-2.png" alt="" class="how-content-item__img how-content-item__img--2">
                                 </div>
                             </div>
                         </div>
@@ -653,7 +726,7 @@
                                         </p>
                                     </div>
     
-                                    <img src="/assets/img/photo/how-3.png" alt="" class="how-content-item__img how-content-item__img--3">
+                                    <img src="assets/img/photo/how-3.png" alt="" class="how-content-item__img how-content-item__img--3">
                                 </div>
                             </div>
                         </div>
@@ -671,20 +744,20 @@
                         <form class="form" method="post" action="/send-telegram.php">
                             <div class="form__item">
                                 <div class="input__block">
-                                    <input class="input__field" type="text" name="Имя" minlength="2" placeholder="" required>
+                                    <input class="input__field" type="text"  minlength="2" placeholder="" required>
                                     <label class="input__label">Имя</label>
                                     <span class="input__error">Имя введено не верно</span>
                                 </div>
                             </div>
                             <div class="form__item form__item--two">
                                 <div class="input__block">
-                                    <input class="input__field" type="phone" name="Имя" minlength="2" placeholder="" required>
+                                    <input class="input__field" type="phone" pattern="+7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" minlength="15" maxlength="15" placeholder="" required>
                                     <label class="input__label">Телефон</label>
                                     <span class="input__error">Телефон введен не верно</span>
                                 </div>
     
                                 <div class="input__block">
-                                    <input class="input__field" type="email" name="Имя" minlength="2" placeholder="" required>
+                                    <input class="input__field" type="email"  minlength="2" placeholder="" required>
                                     <label class="input__label">E-mail</label>
                                     <span class="input__error">E-mail введен не верно</span>
                                 </div>
@@ -693,9 +766,9 @@
                             <div class="form__additional">
                                 <input type="file" id="free__file">
                                 <label for="free__file" class="form__file">
-                                    <button href="#" class="btn-social form__mini-btn">
+                                    <div href="#" class="btn-social form__mini-btn">
-                                        <img src="/assets/img/icon/paper-clip.svg" alt="">
+                                        <img src="assets/img/icon/paper-clip.svg" alt="">
-                                    </button>
+                                    </div>
                                     <p class="form-additional__text text-3">Загрузить свой проект на просчет</p>
                                 </label>
                             </div>
@@ -729,7 +802,7 @@
                         <div class="reviews__item swiper-slide">
                             <div class="reviews-item__content">
                                 <div class="reviews-item-content__header">
-                                    <img src="/assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
+                                    <img src="assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
     
                                     <div class="reviews-item-content-header__block">
                                         <div class="reviews-item-content-header__item">
@@ -751,13 +824,34 @@
                                 </div>
                             </div>
     
-                            <img src="/assets/img/photo/reviews.png" alt="" class="reviews-item__img">
+                            <div class="reviews-item__img-block">
+                                <div class="swiper swiper-reviews-img">
+                                    <div class="swiper-wrapper">
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                    </div>
+                                    <div class="swiper-pagination"></div>
+                                  </div>
+                            </div>
                         </div>
 
                         <div class="reviews__item swiper-slide">
                             <div class="reviews-item__content">
                                 <div class="reviews-item-content__header">
-                                    <img src="/assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
+                                    <img src="assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
     
                                     <div class="reviews-item-content-header__block">
                                         <div class="reviews-item-content-header__item">
@@ -780,13 +874,34 @@
                                 </div>
                             </div>
     
-                            <img src="/assets/img/photo/reviews.png" alt="" class="reviews-item__img">
+                            <div class="reviews-item__img-block">
+                                <div class="swiper swiper-reviews-img">
+                                    <div class="swiper-wrapper">
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                    </div>
+                                    <div class="swiper-pagination"></div>
+                                  </div>
+                            </div>
                         </div>
 
                         <div class="reviews__item swiper-slide">
                             <div class="reviews-item__content">
                                 <div class="reviews-item-content__header">
-                                    <img src="/assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
+                                    <img src="assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
     
                                     <div class="reviews-item-content-header__block">
                                         <div class="reviews-item-content-header__item">
@@ -809,13 +924,34 @@
                                 </div>
                             </div>
     
-                            <img src="/assets/img/photo/reviews.png" alt="" class="reviews-item__img">
+                            <div class="reviews-item__img-block">
+                                <div class="swiper swiper-reviews-img">
+                                    <div class="swiper-wrapper">
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                    </div>
+                                    <div class="swiper-pagination"></div>
+                                  </div>
+                            </div>
                         </div>
 
                         <div class="reviews__item swiper-slide">
                             <div class="reviews-item__content">
                                 <div class="reviews-item-content__header">
-                                    <img src="/assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
+                                    <img src="assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
     
                                     <div class="reviews-item-content-header__block">
                                         <div class="reviews-item-content-header__item">
@@ -838,13 +974,34 @@
                                 </div>
                             </div>
     
-                            <img src="/assets/img/photo/reviews.png" alt="" class="reviews-item__img">
+                            <div class="reviews-item__img-block">
+                                <div class="swiper swiper-reviews-img">
+                                    <div class="swiper-wrapper">
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                    </div>
+                                    <div class="swiper-pagination"></div>
+                                  </div>
+                            </div>
                         </div>
 
                         <div class="reviews__item swiper-slide">
                             <div class="reviews-item__content">
                                 <div class="reviews-item-content__header">
-                                    <img src="/assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
+                                    <img src="assets/img/photo/reviews-person.png" alt="" class="reviews-item-content-header__img">
     
                                     <div class="reviews-item-content-header__block">
                                         <div class="reviews-item-content-header__item">
@@ -867,11 +1024,31 @@
                                 </div>
                             </div>
     
-                            <img src="/assets/img/photo/reviews.png" alt="" class="reviews-item__img">
+                            <div class="reviews-item__img-block">
+                                <div class="swiper swiper-reviews-img">
+                                    <div class="swiper-wrapper">
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                      <div class="swiper-slide">
+                                        <img src="assets/img/photo/reviews.png" alt="">
+                                      </div>
+                                    </div>
+                                    <div class="swiper-pagination"></div>
+                                  </div>
+                            </div>
                         </div>
                     </div>
 
-                    <div class="swiper-pagination"></div>
 
                     <div class="reviews__counter">
                         <div class="swiper-button-prev"></div>
@@ -900,21 +1077,21 @@
                         <form action="" class="form">
                             <div class="form__item">
                                 <div class="input__block">
-                                    <input class="input__field" type="text" name="Имя" minlength="2" placeholder="" required="">
+                                    <input class="input__field" type="text"  minlength="2" placeholder="" required="">
                                     <label class="input__label">Имя</label>
                                     <span class="input__error">Имя введино не верно</span>
                                 </div>
                             </div>
                             <div class="form__item">
                                 <div class="input__block">
-                                    <input class="input__field" type="phone" name="Имя" minlength="2" placeholder="" required="">
+                                    <input class="input__field" type="phone" pattern="+7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" minlength="15" maxlength="15"   minlength="2" placeholder="" required="">
                                     <label class="input__label">Телефон</label>
                                     <span class="input__error">Телефон введен не верно</span>
                                 </div>
                             </div>
                             <div class="form__item">
                                 <div class="input__block">
-                                    <input class="input__field" type="email" name="Имя" minlength="2" placeholder="" required="">
+                                    <input class="input__field" type="email"  minlength="2" placeholder="" required="">
                                     <label class="input__label">E-mail</label>
                                     <span class="input__error">E-mail введен не верно</span>
                                 </div>
@@ -923,7 +1100,7 @@
                                 <input type="file" id="text-form__file">
                                 <label for="text-form__file" class="form__file">
                                     <div href="#" class="btn-social form__mini-btn">
-                                        <img src="/assets/img/icon/paper-clip.svg" alt="">
+                                        <img src="assets/img/icon/paper-clip.svg" alt="">
                                     </div>
                                     <p class="form-additional__text text-3">Загрузить свой проект на просчет</p>
                                 </label>
@@ -951,7 +1128,7 @@
 
                 <article class="services">
                     <div class="services__item">
-                        <img src="/assets/img/icon/services-1.svg" alt="" class="services__img">
+                        <img src="assets/img/icon/services-1.svg" alt="" class="services__img">
                         
                         <div class="services__content">
                             <p class="title-4">Доставка</p>
@@ -959,7 +1136,7 @@
                         </div>
                     </div>
                     <div class="services__item">
-                        <img src="/assets/img/icon/services-2.svg" alt="" class="services__img">
+                        <img src="assets/img/icon/services-2.svg" alt="" class="services__img">
                         
                         <div class="services__content">
                             <p class="title-4">Сервис и запчасти</p>
@@ -967,7 +1144,7 @@
                         </div>
                     </div>
                     <div class="services__item">
-                        <img src="/assets/img/icon/services-3.svg" alt="" class="services__img">
+                        <img src="assets/img/icon/services-3.svg" alt="" class="services__img">
                         
                         <div class="services__content">
                             <p class="title-4">Трейд-Ин</p>
@@ -975,7 +1152,7 @@
                         </div>
                     </div>
                     <div class="services__item">
-                        <img src="/assets/img/icon/services-4.svg" alt="" class="services__img">
+                        <img src="assets/img/icon/services-4.svg" alt="" class="services__img">
                         
                         <div class="services__content">
                             <p class="title-4">Обучение персонала</p>
@@ -983,7 +1160,7 @@
                         </div>
                     </div>
                     <div class="services__item">
-                        <img src="/assets/img/icon/services-5.svg" alt="" class="services__img">
+                        <img src="assets/img/icon/services-5.svg" alt="" class="services__img">
                         
                         <div class="services__content">
                             <p class="title-4">Лизинг</p>
@@ -1021,7 +1198,7 @@
 
         <footer class="footer">
             <div class="wrapper footer__wrapper">
-                <img src="/assets/img/main/logo.svg" alt="" class="footer__logo">
+                <img src="assets/img/main/logo.svg" alt="" class="footer__logo">
 
                 <div class="footer__item">
                     <div class="footer__menu">
@@ -1057,29 +1234,29 @@
     
                         <div class="footer__media">
                             <a href="#" class="btn-social">
-                                <img src="/assets/img/social/telegram.svg" alt="">                        
+                                <img src="assets/img/social/telegram.svg" alt="">                        
                             </a>
     
                             <a href="#" class="btn-social">
-                                <img src="/assets/img/social/whatsapp.svg" alt="">                        
+                                <img src="assets/img/social/whatsapp.svg" alt="">                        
                             </a>
     
                             <a href="#" class="btn-social">
-                                <img src="/assets/img/social/YouTube.svg" alt="">                        
+                                <img src="assets/img/social/YouTube.svg" alt="">                        
                             </a>
     
                             <a href="#" class="btn-social">
-                                <img src="/assets/img/social/Вконтакте.svg" alt="">                        
+                                <img src="assets/img/social/Вконтакте.svg" alt="">                        
                             </a>
     
                             <a href="#" class="btn-social">
-                                <img src="/assets/img/social/yandex-zen.svg" alt="">                        
+                                <img src="assets/img/social/yandex-zen.svg" alt="">                        
                             </a>
                         </div>
                     </div>
                     
                     <div class="footer__item">
-                        <img src="/assets/img/photo/review.png" alt="" class="footer__review">
+                        <img src="assets/img/photo/review.png" alt="" class="footer__review">
                     </div>
                 </div>
 
@@ -1093,6 +1270,8 @@
 
         <div class="modal">
             <div class="modal__item modal-project">
+                <button class="modal-item__close"></button>
+
                 <p class="title-1">
                     Получи проект бесплатно
                 </p>
@@ -1100,20 +1279,20 @@
                 <form class="form" method="post" action="/send-telegram.php">
                     <div class="form__item">
                         <div class="input__block">
-                            <input class="input__field" type="text" name="Имя" minlength="2" placeholder="" required="">
+                            <input class="input__field" type="text"  minlength="2" placeholder="" required="">
                             <label class="input__label">Имя</label>
                             <span class="input__error">Имя введено не верно</span>
                         </div>
                     </div>
                     <div class="form__item form__item--two">
                         <div class="input__block">
-                            <input class="input__field" type="phone" name="Имя" minlength="2" placeholder="" required="">
+                            <input class="input__field" type="phone" pattern="+7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" minlength="15" maxlength="15"   minlength="2" placeholder="" required="">
                             <label class="input__label">Телефон</label>
                             <span class="input__error">Телефон введен не верно</span>
                         </div>
 
                         <div class="input__block">
-                            <input class="input__field" type="email" name="Имя" minlength="2" placeholder="" required="">
+                            <input class="input__field" type="email"  minlength="2" placeholder="" required="">
                             <label class="input__label">E-mail</label>
                             <span class="input__error">E-mail введен не верно</span>
                         </div>
@@ -1122,20 +1301,20 @@
                     <div class="form__additional">
                         <input type="file" id="free__file">
                         <label for="free__file" class="form__file">
-                            <button href="#" class="btn-social form__mini-btn">
+                            <div href="#" class="btn-social form__mini-btn">
-                                <img src="/assets/img/icon/paper-clip.svg" alt="">
+                                <img src="assets/img/icon/paper-clip.svg" alt="">
-                            </button>
+                            </div>
                             <p class="form-additional__text text-3">Загрузить свой проект на просчет</p>
                         </label>
                     </div>
 
 
                     <div class="form__additional">
-                        <label for="free__agreement" class="form__checkbox-block">
+                        <label for="free__agreement-1" class="form__checkbox-block">
-                            <input type="checkbox" id="free__agreement" class="form__checkbox" required="">
+                            <input type="checkbox" id="free__agreement-1" class="form__checkbox" required="">
                             <div class="form-checkbox__square"></div>
                             <p class="form-additional__text text-3">
-                                Я принимаю
+                                Я принимаю<br>
                                 <a href="#" class="text--bo-line form__link">Политику конфиденциальности</a>
                             </p>
                         </label>
@@ -1147,6 +1326,8 @@
             </div>
 
             <div class="modal__item modal-call">
+                <button class="modal-item__close"></button>
+
                 <p class="title-1">
                     Обратный звонок
                 </p>
@@ -1158,31 +1339,31 @@
                 <form class="form" method="post" action="/send-telegram.php">
                     <div class="form__item">
                         <div class="input__block">
-                            <input class="input__field" type="text" name="Имя" minlength="2" placeholder="" required="">
+                            <input class="input__field" type="text"  minlength="2" placeholder="" required="">
                             <label class="input__label">Имя</label>
                             <span class="input__error">Имя введено не верно</span>
                         </div>
                     </div>
                     <div class="form__item form__item--two">
                         <div class="input__block">
-                            <input class="input__field" type="phone" name="Имя" minlength="2" placeholder="" required="">
+                            <input class="input__field" type="phone" pattern="+7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" minlength="15" maxlength="15"   minlength="2" placeholder="" required="">
                             <label class="input__label">Телефон</label>
                             <span class="input__error">Телефон введен не верно</span>
                         </div>
 
                         <div class="input__block">
-                            <input class="input__field" type="email" name="Имя" minlength="2" placeholder="" required="">
+                            <input class="input__field" type="email"  minlength="2" placeholder="" required="">
                             <label class="input__label">E-mail</label>
                             <span class="input__error">E-mail введен не верно</span>
                         </div>
                     </div>
 
                     <div class="form__additional">
-                        <label for="free__agreement" class="form__checkbox-block">
+                        <label for="free__agreement-2" class="form__checkbox-block">
-                            <input type="checkbox" id="free__agreement" class="form__checkbox" required="">
+                            <input type="checkbox" id="free__agreement-2" class="form__checkbox" required="">
                             <div class="form-checkbox__square"></div>
                             <p class="form-additional__text text-3">
-                                Я принимаю
+                                Я принимаю<br>
                                 <a href="#" class="text--bo-line form__link">Политику конфиденциальности</a>
                             </p>
                         </label>
@@ -1195,6 +1376,6 @@
         </div>
 
         <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
-        <script src="/assets/js/main.js"></script>
+        <script src="assets/js/main.js"></script>
     </body>
 </html>