Nwton

Ответить на вопрос, какая именно информация должна быть на общей страничке, сможет только тот, кто занимается покупкой тракторов на постоянной основе и регулярно просматривает подобные паспорта.

У такого человека в голове уже сформировался шаблон из вопросов, ответы на которые дают понять подходит/нет. И в первую очередь он будет чекать информацию по этим вопросам. Очевидно, станет удобнее, если все ответы будут вынесены на одну страничку.

Ваша задача узнать какую информацию по аппарату клиент просматривает в первую очередь и агрегировать её в одном блоке. Проводите опросы, следите за поведением клиентов, собирайте статистику, тестируйте разные варианты.

при загрузке сайта сначала появилась карта

1) window onload запускаем css анимацию opacity 0 > 1 для div с чистой картой

линии анимировано разъехались по разным сторонам

2) Поверх div с чистой картой ставим svg слой с кривыми и их анимацией

А что тут думать? Пишите корзину в базу. Может человек захочет с планшета войти, а у вас корзина в localstorage и он будет неприятно удивлен.

Каждый месяц запускайте авто проверку корзин и если дата обновления корзины больше месяца - очищайте. Или сразу ставьте expires, если bd позволяет.

rgba вместо opacity
https://jsfiddle.net/mdgt0amk/3/

Добавь margin-top: -370px к .next
codepen.io/anon/pen/ORQBxo

https://jsfiddle.net/0b618kph/3/

var calc_active = false;

$('*').on('input', function () {
	if(calc_active == false){
		calc_active = true;
		calcNow();
		setTimeout(function(){
			calc_active = false;
		}, 1000);
	}
});

calcNow будет запускаться не чаще 1 раза в секунду.

1) Заходишь на сайт крупного ВУЗа
2) Идешь в раздел для студентов заочников
3) Ищешь программу занятий, со списком предметов для 1-4 курсов
4) Ищешь методичку по каждому предмету связанному с математикой
5) В методичке узнаешь какие темы изучаются на курсе
6) В этой же методичке смотришь список литературы
7) Достаешь литературу в интернете и изучаешь

1) В bd отправлять строго только одно значение. Например, вы решили, что основной единицей будет ваше МЛ, тогда в не зависимости от того, что вводит пользователь, вы переводите его ввод в МЛ и кладете в базу. Далее достаете из базы и переводите в любые другие единицы.
2) По поводу того, как перевести из одной ед. в другую. А что здесь не понятного? Как сложить 2 + 2?

Черновой вариант, в качестве демонстрации.
https://jsfiddle.net/twwom7zm/

Какой вопрос, такой и ответ. Классика:

Для старта пойдет.
https://jsfiddle.net/a0szd3fd/

Чистым css менять цвета отдельных букв нельзя.

jsfiddle.net/LM9zZ/439