Хотите узнать какой мотоблок подойдёт именно вам?
Ответьте на 7 вопросов и получите:
  • Вариант мотоблока для вас
  • Список необходимого оборудования
  • Подарок за прохождения теста
Пройдите этот тест за 1,5 минуты
И Вы сэкономите время наших менеджеров, узнаете какой мотоблок подходит именно Вам + получите подарок!
Сколько соток планируете обрабатывать?
Шаг 1/7
Эксплуатация только летом или круглый год?
Шаг 2/7
Нужно ли увозить мотоблок зимой в город?
Шаг 3/7
Какой двигатель предпочитаете?
Шаг 4/7
Какие работы будет выполнять мотоблок? (возможно несколько ответов)
Шаг 5/7
Какое оборудование может понадобиться?
Шаг 6/7
Отлично. Вы справились. Подарок исчезнет через 15 дней! Торопитесь.
Чтобы получить подарок и результаты теста, оставьте свои контакты.
Нажимая на кнопку Вы соглашаетесь с Политикой конфиденциальности
Иван Корж
Агроном
Очень важно при выборе мотоблока правильно учесть размер обрабатываемой территории. Оценивайте адекватно свои силы и возможности.
Ефим Григорьевич
Опытный дачник - МБ23С
Если уж я купил мотоблок, то хочу его эксплуатировать по-полной. Чтобы пахал, косил, убирал и возил. Вот такой мне нужен мотоблок.
Андрей Петров
Любитель МБ-Компакт
Увожу мотоблок на сезон в свой городской гараж. Т.к. иногда помощника нет, то приходиться выгружать самому. Для меня принципиален вес техники.
Дмитрий Афанасьевич
Специалист по двигателям
Все современные двигатели держат высокую планку качества. Весь секрет длительного моторесурса - это своевременное обслуживание! Лучше установить счётчик моточасов!
Константин Еремеев
Руководитель фермы
Мотоблок это супер универсальная машина. Компактная и неприхотливая. К современному мотоблоку Нева продаётся целая куча навески. Можно выполнять почти все типы работ.
Григорий Смирнов
Невавод 20 лет. МБ2Н-МА
Когда начинаешь работать с мотоблоком, то по понимаешь, что хочется делать много операций. Благо у Невы есть куча навески, которая легко подходит и к старым мотоблокам, и к новым. Лучше по оборудованию спрашивать информацию у экспертов-практиков. Если самостоятельно выбирать, то можно можно купить лишнего и складировать в гараже. Лучше чётко понимать: "Что мне действительно нужно?". Остальное можно докупить потом.
ВАШ ПОДАРОК
Счётчик моточасов
ТО автомобиля делается по пробегу. А как ТО мотоблоку? Конечно по часам работы. Но кто же их считает? Именно для этого и нужен счётчик моточасов. Незаменимый прибор для мототехники.
Подарок выдаётся при покупке мототехники
УТЕШИТЕЛЬНЫЙ ПРИЗ
Масло моторное НЕВА
Оригинальное моторное масло НЕВА. Гарантия качества продукции. Прекрасная замена после обкатки мотоблока. О том как заменить масло можно спросить у наших экспертов.
Подарок выдаётся при покупке мототехники
Санкт-Петербург
  • Шушары
  • 1-ый Бадаевский дом 1
ЧАСЫ РАБОТЫ
  • Ежедневно
  • с 09-00 до 21-00
ОГРН
  • 42623701620002

Квиз в контенте сайта для Tilda

Данный квиз состоит из нескольких штатных блоков.
Появляется он не в pop-up, а прямо в контенте сайта.
Данный квиз создан без ID и адаптировать его существенно легче.
Состав штатных блоков:
1-ый экран - это просто ZeroBlock с заголовком, видео и кнопкой
Квиз:
- Форма BF204N - основа квиза (полное сохранение штатного функционала, текст вопросов и ответов редактируется штатно)
- Блок TM103 - персоны и подарки (фото и текст для персон менять можно прямо в этом блоке)
- Блок GL12 фото для вопросов (можно менять прямо в этом блоке)
- Блок BF101 кнопка Дальше (настройки штатно, кроме Hover)

Форма завязана на GoogleSheets с отправкой письма клиенту штатным образом

1 - код - алгоритм квиза
2 - код - внешний вид
3 - код - progress bar
4 - код - эффекты для кнопок
5 - код - фон для квиза


Скрипт добавляется в блок ДРУГОЕ►Т123


1
<script>
//Скрываем лишние шаги
$(".t678 .t-input-group:eq(1)").css("display" , "none");
$(".t678 .t-input-group:eq(2)").css("display" , "none");
$(".t678 .t-input-group:eq(3)").css("display" , "none");
$(".t678 .t-input-group:eq(4)").css("display" , "none");
$(".t678 .t-input-group:eq(5)").css("display" , "none");
$(".t678 .t-input-group:eq(6)").css("display" , "none");
$(".t678 .t-input-group:eq(7)").css("display" , "none");
//Скрываем кнопку отправить
$(".t678 .t-submit").css("display" , "none");

//Скрываем основную форму
$("[data-record-type='678']").addClass("hithblk");
//Скрываем блок с персоной
$("[data-record-type='526']").addClass("hithblk");
//Скрываем блок кнопки и карточек товара
$("[data-record-type='191']").addClass("hithblk");
$("[data-record-type='603']").addClass("hithblk");
//Вставляем оригинальные фотографии для персон
$(".t526__bgimg:eq(0)").css('backgroundImage', 'url('+$(".t526__bgimg:eq(0)").data("original")+')');
$(".t526__bgimg:eq(1)").css('backgroundImage', 'url('+$(".t526__bgimg:eq(1)").data("original")+')');
$(".t526__bgimg:eq(2)").css('backgroundImage', 'url('+$(".t526__bgimg:eq(2)").data("original")+')');
$(".t526__bgimg:eq(3)").css('backgroundImage', 'url('+$(".t526__bgimg:eq(3)").data("original")+')');
$(".t526__bgimg:eq(4)").css('backgroundImage', 'url('+$(".t526__bgimg:eq(4)").data("original")+')');
$(".t526__bgimg:eq(5)").css('backgroundImage', 'url('+$(".t526__bgimg:eq(5)").data("original")+')');
$(".t526__bgimg:eq(6)").css('backgroundImage', 'url('+$(".t526__bgimg:eq(6)").data("original")+')');
$(".t526__bgimg:eq(7)").css('backgroundImage', 'url('+$(".t526__bgimg:eq(7)").data("original")+')');


 //Клонируем кнопки
 $(".t142 .t-btn").clone().appendTo(".t678 .t-form__submit");  
 //Блокируем кнопку при старте 
 $(".t142__submit").addClass("buttton-blk"); 
 
 //Функция блокировки кнопки 
function blockbutt(){
     $(".t142__submit").addClass("buttton-blk");
     $(".flash").removeClass("lighting"); 
          
};

 
//Добавляем прогресс бар
   $('.t678 .t-input-group').prepend('<div class="progress gradient stripe gloss"><span>14%</span></div>');   
   
//Добавляем новый класс для контейнера формы + Добавляем контейнер справа от формы 
  $(".t678 .t-container:eq(1)").addClass("vnblock").append('<div class="t-col t-col_4 managerr"></div>');   

//Добавляем нашего первого человека в правую колонку
   $(".t526 .t526__col:eq(0)").clone().appendTo(".managerr");
   
//Добавляем тающую скидку над менеджером
   $(".managerr").prepend("<div class='sktimer'><span>Ваш подарок пропадёт через 1,5 мин. Поторопитесь пройти тест!</span><div class='dsumma'><span><span>90000</span> сек</span></div></div>");
   

    //При клике на кнопку ТЕСТ скрываем первый экран и запускаем тест
   $(".tn-elem__413973841514537862400").click(function () {
        
 
         $(".tn-elem__413973841514544024804").empty();
        
       
        $("[data-record-type='396']").addClass("hithblk");
        $("[data-record-type='678']").removeClass("hithblk");
        $(".dsumma span span").html("90");
       
   });
   
   
   
     //Функция тающей скидки
       var output = $(".dsumma span span").html();
       
       var timerId = setInterval(function() {
         output = $(".dsumma span span").html();
         output=output-1; // Вычитаем по 1с
         if (output<=0) { 
         clearInterval(timerId); // Если дошли до 0 останавливаем счётчик
        
         };
            $(".dsumma span span").html(output);//Выводим новую скидку
               $( ".dsumma span" ).fadeToggle( 500, "linear"); //Запускаем мигание
        }, 1000); //время цикла 1сек
        
      
   
       
  
 

//Объявляем переменную переменную номера шага 
         var numstep=1;  
// Функция второго шага
function step2(){
           javascript:t190_scrollToTop();
             //Скрываем одну персону
             $(".t678 .t526__col:eq(0)").css("display" , "none");
             //Показываем другую персону
             $(".t526 .t526__col:eq(1)").clone().appendTo(".managerr"); 
            
            //Блокируем кнопку
             blockbutt(); 
           //Скрыть первый шаг
            $(".t678 .t-input-group:eq(0)").css("display" , "none");
           //Открыть второй
             $(".t678 .t-input-group:eq(1)").css("display" , "block");
            //Изменить надпись на 28% 
             $(".progress").html("<span>28%</span>");
            //Изменить ширину progress bar до 28%
             $(".progress > span").css("width" , "28%");
             numstep++;
};
// Функция третьего шага
function step3(){
            javascript:t190_scrollToTop();
             //Скрываем одну персону
             $(".t678 .t526__col:eq(1)").css("display" , "none");
             //Показываем другую персону
             $(".t526 .t526__col:eq(2)").clone().appendTo(".managerr");  
    
            //Блокируем кнопку
             blockbutt(); 
           //Скрыть первый шаг
            $(".t678 .t-input-group:eq(1)").css("display" , "none");
           //Открыть второй
             $(".t678 .t-input-group:eq(2)").css("display" , "block");
            //Изменить надпись на 42% 
             $(".progress").html("<span>42%</span>");
            //Изменить ширину progress bar до 42%
             $(".progress > span").css("width" , "42%");
             numstep++;
};
// Функция четвёртого шага
function step4(){
             javascript:t190_scrollToTop();
             //Скрываем одну персону
             $(".t678 .t526__col:eq(2)").css("display" , "none");
             //Показываем другую персону
             $(".t526 .t526__col:eq(3)").clone().appendTo(".managerr"); 
            //Блокируем кнопку
             blockbutt(); 
           //Скрыть первый шаг
            $(".t678 .t-input-group:eq(2)").css("display" , "none");
           //Открыть второй
             $(".t678 .t-input-group:eq(3)").css("display" , "block");
            //Изменить надпись на 56% 
             $(".progress").html("<span>56%</span>");
            //Изменить ширину progress bar до 56%
             $(".progress > span").css("width" , "56%");
             numstep++;
};
// Функция четвёртого шага
function step5(){
              javascript:t190_scrollToTop();
            //Скрываем одну персону
             $(".t678 .t526__col:eq(3)").css("display" , "none");
             //Показываем другую персону
             $(".t526 .t526__col:eq(4)").clone().appendTo(".managerr"); 
            //Блокируем кнопку
             blockbutt(); 
           //Скрыть первый шаг
            $(".t678 .t-input-group:eq(3)").css("display" , "none");
           //Открыть второй
             $(".t678 .t-input-group:eq(4)").css("display" , "block");
            //Изменить надпись на 70% 
             $(".progress").html("<span>70%</span>");
            //Изменить ширину progress bar до 70%
             $(".progress > span").css("width" , "70%");
             numstep++;
};
function step6(){
             //Скролл наверх
             javascript:t190_scrollToTop();
             //Скрываем одну персону
             $(".t678 .t526__col:eq(4)").css("display" , "none");
             //Показываем другую персону
             $(".t526 .t526__col:eq(5)").clone().appendTo(".managerr");  
            //Блокируем кнопку
             blockbutt(); 
           //Скрыть первый шаг
            $(".t678 .t-input-group:eq(4)").css("display" , "none");
           //Открыть второй
             $(".t678 .t-input-group:eq(5)").css("display" , "block");
            //Изменить надпись на 85% 
             $(".progress").html("<span>85%</span>");
            //Изменить ширину progress bar до 85%
             $(".progress > span").css("width" , "85%");
             numstep++;
};


function step7(){
             
              
              //Остановить таймер
             clearInterval(timerId);
             //Восстанавливаем надпись, если попало на исчезновение
             $( ".dsumma span" ).fadeIn( 500, "linear");
             
             //Скрываем одну персону
             $(".t678 .t526__col:eq(5)").css("display" , "none");
             
             if (output>0){
                 $(".t678 input:eq(-2)").val("Вы выиграли счётчик моточасов");  
              //Записываем в скрытое поле тип подарка  
              $(".t678 input:eq(-1)").val("Вы выиграли счётчик моточасов");   
             //Вывести надпись
              $(".dsumma span").html("").html("Ура. Вы успели");
              //Показываем главный приз
             $(".t526 .t526__col:eq(6)").clone().appendTo(".managerr");   
             } else {
             //Записываем в скрытое поле тип подарка
             $(".t678 input:eq(-2)").val("Вы получите утешительный приз Моторное масло НЕВА");      
             //Вывести надпись
              $(".dsumma span").html("").html("Время вышло, но...");  
              //Показываем утешительный приз
             $(".t526 .t526__col:eq(7)").clone().appendTo(".managerr");  
             };
           
        
            
           //Скрыть первый шаг
            $(".t678 .t-input-group:eq(5)").css("display" , "none");
            //Скрываем кнопку дальше
             $(".t678 .t142__submit").css("display" , "none");
             //Скрываем последний прогресс
             $(".progress:eq(7)").css("display" , "none");
             //Добавляем Отступ от телефона
             $(".t-input-subtitle").css("margin-bottom" , "20px");
             
           //Открыть второй
             $(".t678 .t-input-group:eq(6)").css("display" , "block");
             $(".t678 .t-input-group:eq(7)").css("display" , "block");
             //Показать кнопку ОТПРАВИТЬ
             $(".t678 .t-submit").css("display" , "block");
             //Изменить надпись на 100% 
             $(".progress").html("<span>100%</span>");
            //Изменить ширину progress bar до 100%
             $(".progress > span").css("width" , "100%");
             numstep++;
};

 //Описываем действия при клике на кнопку Дальше
   $(function(){
       $(".t678 .t142__submit").click(function () {
         
         //Если первый шаг пройден вызываем функцию второго шага
         if (numstep==1) {
            step2();
            return;
           
         };
         //Если второй шаг пройден вызываем функцию третьего шага
         if (numstep==2) {
           step3();
           return;
         };    
         //Если третий шаг пройден вызываем функцию четвёртого шага
         if (numstep==3) {
           step4();
           return;
         };     
         //Если четвёртый шаг пройден вызываем функцию пятого шага
         if (numstep==4) {
           step5();
           return;
         };  
         //Если пятый шаг пройден вызываем функцию шестого шага
         if (numstep==5) {
           step6();
           return;
         }; 
         //Если шестой шаг пройден вызываем функцию седьмого шага
         if (numstep==6) {
           step7();
           return;
         }; 
         
      });
    });
   
//Добавляем фото к переключателям
//0-я radio
  $(".t678 .t-radio__control:eq(0)").wrap("<div class='radio0 rbcont'></div>");
  $('.radio0').prepend('<img src="" alt="">');
  $('.radio0 img').attr('src', $(".t603__blockimg:eq(0)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio0 img").click(function () { $(".t-radio:eq(0)").prop('checked', true)});  
//1-я radio  
  $(".t678 .t-radio__control:eq(1)").wrap("<div class='radio1 rbcont'></div>");
  $('.radio1').prepend('<img src="" alt="">');
  $('.radio1 img').attr('src', $(".t603__blockimg:eq(1)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio1 img").click(function () { $(".t-radio:eq(1)").prop('checked', true)}); 
//2-я radio    
  $(".t678 .t-radio__control:eq(2)").wrap("<div class='radio2 rbcont'></div>");
  $('.radio2').prepend('<img src="" alt="">');
  $('.radio2 img').attr('src', $(".t603__blockimg:eq(2)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio2 img").click(function () { $(".t-radio:eq(2)").prop('checked', true)}); 
//3-я radio 
  $(".t678 .t-radio__control:eq(3)").wrap("<div class='radio3 rbcont'></div>");
  $('.radio3').prepend('<img src="" alt="">');
  $('.radio3 img').attr('src', $(".t603__blockimg:eq(3)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio3 img").click(function () { $(".t-radio:eq(3)").prop('checked', true)}); 
//4-я radio
  $(".t678 .t-radio__control:eq(4)").wrap("<div class='radio4 rbcont'></div>");
  $('.radio4').prepend('<img src="" alt="">');
  $('.radio4 img').attr('src', $(".t603__blockimg:eq(4)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio4 img").click(function () { $(".t-radio:eq(4)").prop('checked', true)}); 
//5-я radio
  $(".t678 .t-radio__control:eq(5)").wrap("<div class='radio5 rbcont'></div>");
  $('.radio5').prepend('<img src="" alt="">');
  $('.radio5 img').attr('src', $(".t603__blockimg:eq(5)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio5 img").click(function () { $(".t-radio:eq(5)").prop('checked', true)}); 
//6-я radio
  $(".t678 .t-radio__control:eq(6)").wrap("<div class='radio6 rbcont'></div>");
  $('.radio6').prepend('<img src="" alt="">');
  $('.radio6 img').attr('src', $(".t603__blockimg:eq(6)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio6 img").click(function () { $(".t-radio:eq(6)").prop('checked', true)}); 
//7-я radio
  $(".t678 .t-radio__control:eq(7)").wrap("<div class='radio7 rbcont'></div>");
  $('.radio7').prepend('<img src="" alt="">');
  $('.radio7 img').attr('src', $(".t603__blockimg:eq(7)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio7 img").click(function () { $(".t-radio:eq(7)").prop('checked', true)}); 
//8-я radio
  $(".t678 .t-radio__control:eq(8)").wrap("<div class='radio8 rbcont'></div>");
  $('.radio8').prepend('<img src="" alt="">');
  $('.radio8 img').attr('src', $(".t603__blockimg:eq(8)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio8 img").click(function () { $(".t-radio:eq(8)").prop('checked', true)});   
//9-я radio
  $(".t678 .t-radio__control:eq(9)").wrap("<div class='radio9 rbcont'></div>");
  $('.radio9').prepend('<img src="" alt="">');
  $('.radio9 img').attr('src', $(".t603__blockimg:eq(9)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio9 img").click(function () { $(".t-radio:eq(9)").prop('checked', true)}); 
//10-я radio
  $(".t678 .t-radio__control:eq(10)").wrap("<div class='radio10 rbcont'></div>");
  $('.radio10').prepend('<img src="" alt="">');
  $('.radio10 img').attr('src', $(".t603__blockimg:eq(10)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio10 img").click(function () { $(".t-radio:eq(10)").prop('checked', true)});
//11-я radio
  $(".t678 .t-radio__control:eq(11)").wrap("<div class='radio11 rbcont'></div>");
  $('.radio11').prepend('<img src="" alt="">');
  $('.radio11 img').attr('src', $(".t603__blockimg:eq(11)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio11 img").click(function () { $(".t-radio:eq(11)").prop('checked', true)});  
//12-я radio
  $(".t678 .t-radio__control:eq(12)").wrap("<div class='radio12 rbcont'></div>");
  $('.radio12').prepend('<img src="" alt="">');
  $('.radio12 img').attr('src', $(".t603__blockimg:eq(12)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $(".radio12 img").click(function () { $(".t-radio:eq(12)").prop('checked', true)});     




//0-я checkBbox
  $(".t678 .t-checkbox__control:eq(0)").wrap("<div class='checkbox0 rbcont'></div>");
  $('.checkbox0').prepend('<img src="" alt="">');
  $('.checkbox0 img').attr('src', $(".t603__blockimg:eq(13)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox0 img').click(function(){ $('.t-checkbox__control:eq(0)')[0].click()});
//1-я checkBbox
  $(".t678 .t-checkbox__control:eq(1)").wrap("<div class='checkbox1 rbcont'></div>");
  $('.checkbox1').prepend('<img src="" alt="">');
  $('.checkbox1 img').attr('src', $(".t603__blockimg:eq(14)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox1 img').click(function(){ $('.t-checkbox__control:eq(1)')[0].click() });
//2-я checkBbox
  $(".t678 .t-checkbox__control:eq(2)").wrap("<div class='checkbox2 rbcont'></div>");
  $('.checkbox2').prepend('<img src="" alt="">');
  $('.checkbox2 img').attr('src', $(".t603__blockimg:eq(15)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox2 img').click(function(){$('.t-checkbox__control:eq(2)')[0].click()  });
//3-я checkBbox
  $(".t678 .t-checkbox__control:eq(3)").wrap("<div class='checkbox3 rbcont'></div>");
  $('.checkbox3').prepend('<img src="" alt="">');
  $('.checkbox3 img').attr('src', $(".t603__blockimg:eq(16)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox3 img').click(function(){$('.t-checkbox__control:eq(3)')[0].click()});
//4-я checkBbox
  $(".t678 .t-checkbox__control:eq(4)").wrap("<div class='checkbox4 rbcont'></div>");
  $('.checkbox4').prepend('<img src="" alt="">');
  $('.checkbox4 img').attr('src', $(".t603__blockimg:eq(17)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox4 img').click(function(){$('.t-checkbox__control:eq(4)')[0].click()});
//5-я checkBbox
  $(".t678 .t-checkbox__control:eq(5)").wrap("<div class='checkbox5 rbcont'></div>");
  $('.checkbox5').prepend('<img src="" alt="">');
  $('.checkbox5 img').attr('src', $(".t603__blockimg:eq(18)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox5 img').click(function(){$('.t-checkbox__control:eq(5)')[0].click()});
//6-я checkBbox
  $(".t678 .t-checkbox__control:eq(6)").wrap("<div class='checkbox6 rbcont'></div>");
  $('.checkbox6').prepend('<img src="" alt="">');
  $('.checkbox6 img').attr('src', $(".t603__blockimg:eq(19)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox6 img').click(function(){$('.t-checkbox__control:eq(6)')[0].click()});
//7-я checkBbox
  $(".t678 .t-checkbox__control:eq(7)").wrap("<div class='checkbox7 rbcont'></div>");
  $('.checkbox7').prepend('<img src="" alt="">');
  $('.checkbox7 img').attr('src', $(".t603__blockimg:eq(20)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox7 img').click(function(){$('.t-checkbox__control:eq(7)')[0].click()});    
//8-я checkBbox
  $(".t678 .t-checkbox__control:eq(8)").wrap("<div class='checkbox8 rbcont'></div>");
  $('.checkbox8').prepend('<img src="" alt="">');
  $('.checkbox8 img').attr('src', $(".t603__blockimg:eq(21)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox8 img').click(function(){$('.t-checkbox__control:eq(8)')[0].click()});    
//9-я checkBbox
  $(".t678 .t-checkbox__control:eq(9)").wrap("<div class='checkbox9 rbcont'></div>");
  $('.checkbox9').prepend('<img src="" alt="">');
  $('.checkbox9 img').attr('src', $(".t603__blockimg:eq(22)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox9 img').click(function(){$('.t-checkbox__control:eq(9)')[0].click()});  
//10-я checkBbox
  $(".t678 .t-checkbox__control:eq(10)").wrap("<div class='checkbox10 rbcont'></div>");
  $('.checkbox10').prepend('<img src="" alt="">');
  $('.checkbox10 img').attr('src', $(".t603__blockimg:eq(23)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox10 img').click(function(){$('.t-checkbox__control:eq(10)')[0].click()});  
//11-я checkBbox
  $(".t678 .t-checkbox__control:eq(11)").wrap("<div class='checkbox11 rbcont'></div>");
  $('.checkbox11').prepend('<img src="" alt="">');
  $('.checkbox11 img').attr('src', $(".t603__blockimg:eq(24)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox11 img').click(function(){$('.t-checkbox__control:eq(11)')[0].click()});  
//12-я checkBbox
  $(".t678 .t-checkbox__control:eq(12)").wrap("<div class='checkbox12 rbcont'></div>");
  $('.checkbox12').prepend('<img src="" alt="">');
  $('.checkbox12 img').attr('src', $(".t603__blockimg:eq(25)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox12 img').click(function(){$('.t-checkbox__control:eq(12)')[0].click()});      
//13-я checkBbox
  $(".t678 .t-checkbox__control:eq(13)").wrap("<div class='checkbox13 rbcont'></div>");
  $('.checkbox13').prepend('<img src="" alt="">');
  $('.checkbox13 img').attr('src', $(".t603__blockimg:eq(26)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox13 img').click(function(){$('.t-checkbox__control:eq(13)')[0].click()});  
//14-я checkBbox
  $(".t678 .t-checkbox__control:eq(14)").wrap("<div class='checkbox14 rbcont'></div>");
  $('.checkbox14').prepend('<img src="" alt="">');
  $('.checkbox14 img').attr('src', $(".t603__blockimg:eq(27)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox14 img').click(function(){$('.t-checkbox__control:eq(14)')[0].click()});    
//15-я checkBbox
  $(".t678 .t-checkbox__control:eq(15)").wrap("<div class='checkbox15 rbcont'></div>");
  $('.checkbox15').prepend('<img src="" alt="">');
  $('.checkbox15 img').attr('src', $(".t603__blockimg:eq(28)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox15 img').click(function(){$('.t-checkbox__control:eq(15)')[0].click()}); 
//16-я checkBbox
  $(".t678 .t-checkbox__control:eq(16)").wrap("<div class='checkbox16 rbcont'></div>");
  $('.checkbox16').prepend('<img src="" alt="">');
  $('.checkbox16 img').attr('src', $(".t603__blockimg:eq(29)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox16 img').click(function(){$('.t-checkbox__control:eq(16)')[0].click()}); 
//17-я checkBbox
  $(".t678 .t-checkbox__control:eq(17)").wrap("<div class='checkbox17 rbcont'></div>");
  $('.checkbox17').prepend('<img src="" alt="">');
  $('.checkbox17 img').attr('src', $(".t603__blockimg:eq(30)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox17 img').click(function(){$('.t-checkbox__control:eq(17)')[0].click()});  
//18-я checkBbox
  $(".t678 .t-checkbox__control:eq(18)").wrap("<div class='checkbox18 rbcont'></div>");
  $('.checkbox18').prepend('<img src="" alt="">');
  $('.checkbox18 img').attr('src', $(".t603__blockimg:eq(31)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox18 img').click(function(){$('.t-checkbox__control:eq(18)')[0].click()});  
//19-я checkBbox
  $(".t678 .t-checkbox__control:eq(19)").wrap("<div class='checkbox19 rbcont'></div>");
  $('.checkbox19').prepend('<img src="" alt="">');
  $('.checkbox19 img').attr('src', $(".t603__blockimg:eq(32)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox19 img').click(function(){$('.t-checkbox__control:eq(19)')[0].click()});  
//20-я checkBbox
  $(".t678 .t-checkbox__control:eq(20)").wrap("<div class='checkbox20 rbcont'></div>");
  $('.checkbox20').prepend('<img src="" alt="">');
  $('.checkbox20 img').attr('src', $(".t603__blockimg:eq(33)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox20 img').click(function(){$('.t-checkbox__control:eq(20)')[0].click()});  
//21-я checkBbox
  $(".t678 .t-checkbox__control:eq(21)").wrap("<div class='checkbox21 rbcont'></div>");
  $('.checkbox21').prepend('<img src="" alt="">');
  $('.checkbox21 img').attr('src', $(".t603__blockimg:eq(34)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox21 img').click(function(){$('.t-checkbox__control:eq(21)')[0].click()});  
//22-я checkBbox
  $(".t678 .t-checkbox__control:eq(22)").wrap("<div class='checkbox22 rbcont'></div>");
  $('.checkbox22').prepend('<img src="" alt="">');
  $('.checkbox22 img').attr('src', $(".t603__blockimg:eq(35)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox22 img').click(function(){$('.t-checkbox__control:eq(22)')[0].click()});  
//23-я checkBbox
  $(".t678 .t-checkbox__control:eq(23)").wrap("<div class='checkbox23 rbcont'></div>");
  $('.checkbox23').prepend('<img src="" alt="">');
  $('.checkbox23 img').attr('src', $(".t603__blockimg:eq(36)").data("original"));
  //Если кликают по фото, то активируем соответствующий переключатель
  $('.checkbox23 img').click(function(){$('.t-checkbox__control:eq(23)')[0].click()});  



 //При клике на переключатель или фото разблокируем кнопку 
 $(".rbcont").click(function () {
    $(".t142__submit").removeClass("buttton-blk"); 
    $(".flash").addClass("lighting"); 
    
});
  

</script>

2
<style>
/*Скрываем родительские блоки*/
.hithblk{
    display:none;
    opacity:0;
}

/*Положение кнопки слева*/
.t678 .t-form__submit {
    
    text-align: left !important;
    
}



/*Рамка и отступы вокруг менеджера*/
.managerr {
    border: 1px solid #ffffff;
    padding: 10px 0 20px 0;
    height: fit-content;
    display: grid;
}
/*Цвет радио-буттон и текста*/
.t678 .t-radio__control,
.t-checkbox__control,
.t678 .t-input-title{
    color:#ffffff;
}
/*Цвет обводки радио-буттон + чек-бокс*/
.t678 .t-radio__indicator,
.t-checkbox__indicator {
    border-color: #ffffff !important;
}
/*Цвет точки радио-буттон*/
.t678 .t-radio__indicator:after{
    background: #ffffff;
}
/*Цвет галочки чек-бокс*/
.t-checkbox__indicator:after{
    border-top-color: rgb(255, 255, 255) !important;
    border-top-style: solid;
    border-top-width: 0px;
    border-right-color: rgb(255, 255, 255) !important;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: rgb(255, 255, 255) !important;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(255, 255, 255) !important;
    border-left-style: solid;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
   
    border-width: 0 2px 2px 0;
}



/*Задаём стили подзаголовка блока*/
.t678 .t-section__descr div{
      font-size:22px;
      margin-bottom: 20px !important;
     /*Задаёт цвет и прозрачность*/
      background-color: rgba(255,115,0,.6);
      /*Если убрать строчку ниже, то окраситься не построчно, а целиком*/
      display: inline !important;
      
}
/*Увеличиваем ширину подзаголовка блока*/
.t678 .t-section__descr {
    max-width: 800px !important;
}




/*Задаём стили вопроса*/
.t678 .t-input-title.t-descr.t-descr_md {
    font-size: 24px !important;
    font-weight: 300 !important;
    padding: 10px 0 10px 0;
    
}

/*Отступ кнопки сверху*/
.t678 .t-submit {
    margin-top: 30px;
}


/*Ширина фотографий*/
.t678 .t-input-group img {
    width: 150px;
    margin-bottom: 5px;
    transition: transform 0.15s linear;
}
/*Позиция и отступы блоков с  фотографиями*/
.rbcont {
    display: inline-block;
    margin: 30px 20px 30px 0;
}

    /*Фото  - эффект при наведении*/
   .t678 .t-input-group img:hover {
    transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);
     position: relative;
     z-index: 2;
    -webkit-box-shadow: 0px 0px 4px 4px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 4px 4px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 4px 4px rgba(255,255,255,0.75);
}
/*Отключить эффект для картинок на экранах меньше 960рх*/
   @media screen and (max-width: 960px) {

    .t698__mainwrapper img {
    transform: none!important;
}}

/*Стили для тающей скидки*/
.sktimer {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 40px 0;
    font-family: 'Open Sans',serif;
    font-weight: 300;
    display: inline-grid;
    width: 100%;
}
/*Стили для тающей скидки*/
    .sktimer .dsumma {
    background: rgba(255,191,73,0.3);
    margin-top: 10px;
    padding: 10px;
    border: 1px solid;
    font-size: 24px;
    font-weight: 600;
    height: 35px;
    margin-top: 10px;
}  
/*Стили для тающей скидки*/
   .sktimer{
      margin-top: 0px; 
   }

  
    
     /*Стиль для блокировки кнопки*/  
       .buttton-blk{
       background-color: #6b4412 !important;
       pointer-events: none;
       
   }
   /*Политика конфиденциальности*/   
.t678__form-bottom-text {
    margin: 30px 0 30px 0 !important;
    text-align: left !important;
    font-size: 10px !important;
}
/*Стили для надписи шагов*/
.t678 .t-input-subtitle
  {
    padding-bottom: 0px !important;
    color: #ffffff;
    font-size: 16px;
    background-color: rgba(255,115,0,.6);
    width: fit-content;
    text-align: center;
}




/*Имя персоны по центру*/
   .t526__persname, .t526__persdescr {
    text-align: center;
}


  /*Размер  полей ввода 100% по ширине для экранов меньше 640px*/
    @media screen and (max-width: 640px){
    .t678 .t-input {
    width: 100%;
}}
    /*Размер поля ввода на большом экране*/
    .t678 .t-input {
     width: 350px;
     height: 50px;
}
 /*Отступ от телефона сверху*/
.input.t-input.js-tilda-rule.js-tilda-mask {
    margin-top: 20px !important;
}

  /*Задаём цвет таблички успешной отправки дпнных*/  
   .t-form__successbox {
    background: rgba(255,115,0,.6) !important;
   }
 /*Персона проекта*/   
.t678 .t526__col {
    margin-left: auto;
    margin-right: auto;
}
 /*Ширина текста для персоны на экранах < 960px*/   
@media screen and (max-width: 960px){

.t526__col-mobstyle {
    width: 100% !important;
    margin-bottom: 0px !important;
}    
.t526__itemwrapper{
    max-width: none !important;
    
    
}}

.t526__col-mobstyle {
    width: 100% !important;
    margin-bottom: 0px !important;
}

/*Ширина кнопки на экранах < 640px*/   
@media screen and (max-width: 640px){

.t678 .t-submit {
    width: 350px !important;
}}
 


/*Ширина текста для персоны на экранах > 960px*/   
.t526__col {
    max-width: none !important;
}

</style>

3
<style>

/*Прогресс бар*/

 .progress span{
    color: #ffffff;
    font-family: roboto;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
 }  
   
   
   
   
   
    .progress {
margin: 5px 0 3px;
border: 1px solid #ffffff;
background: rgba(255, 115, 0, 0.46);
overflow: hidden;
-webkit-border-radius: 50px;
   -moz-border-radius: 50px;
        border-radius: 50px;

-webkit-box-shadow: 1px 1px 1px #000000;
   -moz-box-shadow: 1px 1px 1px #000000;
        box-shadow: 1px 1px 1px #000000;
}
.progress > span {
display: block;
height: 20px;
width: 20%;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
}

.gradient > span {
-webkit-box-shadow: 0 5px 5px rgba(255,255,255,0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset;
   -moz-box-shadow: 0 5px 5px rgba(255,255,255,0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset;
        box-shadow: 0 5px 5px rgba(255,255,255,0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset;

filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#33ffffff',
endColorstr='#33000000',
GradientType=0 );
}
    
    
.gloss > span {
background-image: -moz-linear-gradient(top,
rgba(255,255,255,0.2) 0%,
rgba(255,255,255,0.1) 45%,
rgba(0,0,0,0.2) 55%,
rgba(0,0,0,0.1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(255,255,255,0.2)),
color-stop(45%,rgba(255,255,255,0.1)),
color-stop(55%,rgba(0,0,0,0.2)),
color-stop(100%,rgba(0,0,0,0.1)));
background-image: -webkit-linear-gradient(top,
rgba(255,255,255,0.5) 0%,
rgba(255,255,255,0.1) 45%,
rgba(0,0,0,0.2) 55%,
rgba(0,0,0,0.1) 100%);
background-image: -o-linear-gradient(top,
rgba(255,255,255,0.2) 0%,
rgba(255,255,255,0.1) 45%,
rgba(0,0,0,0.2) 55%,
rgba(0,0,0,0.1) 100%);
background-image: -ms-linear-gradient(top,
rgba(255,255,255,0.2) 0%,
rgba(255,255,255,0.1) 45%,
rgba(0,0,0,0.2) 55%,
rgba(0,0,0,0.1) 100%);
background-image: linear-gradient(to bottom,
rgba(255,255,255,0.2) 0%,
rgba(255,255,255,0.1) 45%,
rgba(0,0,0,0.2) 55%,
rgba(0,0,0,0.1) 100%);
}    
    
 .stripe > span {
background-size: 30px 30px;
background-image: -moz-linear-gradient(-45deg,
rgba(255,255,255,0.15) 0%,
rgba(255,255,255,0.15) 25%,
rgba(255,255,255,0) 25%,
rgba(255,255,255,0) 50%,
rgba(255,255,255,0.15) 50%,
rgba(255,255,255,0.15) 75%,
rgba(255,255,255,0) 75%,
rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right bottom,
color-stop(0%,rgba(255,255,255,0.2)),
color-stop(25%,rgba(255,255,255,0.2)),
color-stop(25%,rgba(255,255,255,0)),
color-stop(50%,rgba(255,255,255,0)),
color-stop(50%,rgba(255,255,255,0.2)),
color-stop(75%,rgba(255,255,255,0.2)),
color-stop(75%,rgba(255,255,255,0)),
color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(-45deg,
rgba(255,255,255,0.3) 0%,
rgba(255,255,255,0.3) 25%,
rgba(255,255,255,0) 25%,
rgba(255,255,255,0) 50%,
rgba(255,255,255,0.3) 50%,
rgba(255,255,255,0.3) 75%,
rgba(255,255,255,0) 75%,
rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(-45deg,
rgba(255,255,255,0.15) 0%,
rgba(255,255,255,0.15) 25%,
rgba(255,255,255,0) 25%,
rgba(255,255,255,0) 50%,
rgba(255,255,255,0.15) 50%,
rgba(255,255,255,0.15) 75%,
rgba(255,255,255,0) 75%,
rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(-45deg,
rgba(255,255,255,0.15) 0%,
rgba(255,255,255,0.15) 25%,
rgba(255,255,255,0) 25%,
rgba(255,255,255,0) 50%,
rgba(255,255,255,0.15) 50%,
rgba(255,255,255,0.15) 75%,
rgba(255,255,255,0) 75%,
rgba(255,255,255,0) 100%);
background-image: linear-gradient(135deg,
rgba(255,255,255,0.15) 0%,
rgba(255,255,255,0.15) 25%,
rgba(255,255,255,0) 25%,
rgba(255,255,255,0) 50%,
rgba(255,255,255,0.15) 50%,
rgba(255,255,255,0.15) 75%,
rgba(255,255,255,0) 75%,
rgba(255,255,255,0) 100%);
}   
    
</style>

4
<script>
    
    //Блики для кнопок
    
    
    
    $('.t142__submit , .t-submit , .tn-elem__413973841514537862400 .tn-atom').append('<div class="flash lighting" style="height: 60px;width: 40px;top: 0px;left: -140px;"></div>');
    
   
    
    $(".t142__submit div").removeClass("lighting"); 

</script>

<style>

    .t142__submit , .t-submit , .tn-elem__413973841514537862400 .tn-atom
   
    {
        position: relative;
        overflow: hidden;
    }

   .flash
    
    {
       content: "";
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 3em;
    display: block;
    position: absolute;
    top: 0;
    left: -4.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    -webkit-transition: none;
    transition: none;
    }
    
    .lighting {
    webkit-animation: moving 4s ease-in-out infinite;
    -moz-animation: moving 4s ease-in-out infinite;
    -ms-animation: moving 4s ease-in-out infinite;
    -o-animation: moving 4s ease-in-out infinite;
    animation: moving 4s ease-in-out infinite;
   
    }
    
  @keyframes moving {  
     50% {  webkit-transform: skewX(-45deg) translateX(13.5em);
        transform: skewX(-45deg) translateX(40.5em);   
        
        }
   
    100% {  webkit-transform: skewX(-45deg) translateX(13.5em);
        transform: skewX(-45deg) translateX(40.5em);   
        
        }
     }
      
</style>

5
<style type=text/css>

/*Добавляем фон*/

#rec41138931 {
 
 background-image: linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .9)), url(https://static.tildacdn.com/tild3430-3564-4634-b934-653963356533/motoblokneva03.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    
}


</style> 
Made on
Tilda