Юпитер Макс

пишите обработчик на php и отправляйте данные из формы на почту

у child уберите top в процентах и transform сделайте по оси y

top: 0;
transformY: translate(-50%);

ну а дальше уже поиграйте со значениями для остальных элементов

Проще вытащить нужный блок в обертку row и все, чем выдумывать новый сценарий

да вырезайте ее картинкой и не заморачивайтесь :)

Стиль: Поводи мышкой по монитору если нечем заняться :)

<? //тут пых ?>
<!--тут хтмл-->
<? //тут тоже пых ?>

// или так

<?
//тут пых
?>
<!--тут хтмл-->
<?
//тут пых
?>

так у вас же стоит запрет перехода по ссылкам

$('.menu a').bind('click', function(e) {
    e.preventDefault(); // <========ВОТ ТУТ
    if( $(this).parent().children('ul').length == 0  ) return;
    
    $(this).parent().children('ul').addClass('open');
    $(this).parents('ul').addClass('sub-open');
  });

https://jsfiddle.net/wu4p7h6g/2/

а текст у вас тоже в свг? или отдельными блоками?

то есть края блоков по дизайну равны 1170 а не 1140?

тут просто поставьте свои значения value при совпадении будет показывать то что нужно

вот этот парень тут лишний :)

чтобы отступы слева, справа, сверху, снизу были равны 10px
-- в самой форме?
если да, то надо сделать у формы padding:10px; а сам инпут без абсолютной позиции. Чтобы он полностью занимал обертку, дать ему width:100%

ну прям наворотили! Зачем такие извращения? Ве равно никто не читает эту политику. Просто сделайте ссылку на отдельную страницу и все!

ничего не пропадает. Смотрите через консоль. Скорее всего есть какой-то скрипт, который удаляет класс selected

я вообще никогда не заморачиваюсь и всегда использую только px и % никаких проблем не возникает, уже 7 лет :)

а в консоли что показывает в первом случае? ошибки какие-нибудь есть?

можно и из slider range такой сделать или тут