sergey

На скриншоте текст уже выровнен по горизонтали и об этом сигнализирует иконка в верхней панели (собственно, там все выравнивание и делается). А выравнивания по вертикали внутри bounding box'a не предусмотрено в принципе (если захотеть, сделать можно руками, но специального инструмента нет).

Если очень нужно выровнять надпись относительно конкретного объекта (прямоугольника, например), то либо уменьшать bounding box до размеров надписи/текста и выравнивать, либо не использовать bounding box (т.е. не рисовать инструментом Type tool прямоугольник, а просто кликнуть в рабочей области и писать текст, таким образом, он будет без лишних границ).

PS Такое выравнивание по кнопке есть только в InDesign, а Ps и Ai лишены этой возможности. Это и логично, в общем-то.

не все браузеры понимают otf

Воспользуйтесь сервисом www.fontsquirrel.com/tools/webfont-generator для конвертирования вашего odt-шрифта в необходимые форматы. Этот же сервис сгенерирует вам правило font-face для правильного подключения сконвертированных шрифтов.

И да, галп здесь совсем не при делах.

Еще: если имя шрифта состоит из нескольких слов, его нужно заключать в кавычки.
font-family: "Proxima Nova Regular";

Ошибок и артефактов быть не должно, но проблема в другом: Зачем клеарфиксить все блоки? О_О
Это же лишняя работа для браузера и ненужные псевдоэлементы для пользователя.
Да и отлаживать такой код через инструменты разработчика в браузере будет не очень удобно.
Лучше расскажите какую проблему вы хотите решить таким ужасным костылем, а там может и сообщество нормальное решение подскажет.

function changeInputsVal(input, newValue) {
	input.val(newValue);
	input.attr('value', newValue); //Добавить вот это
	var inputNumber = input.siblings(this);
	inputNumber.val(newValue);
}

3 варианта:
- завести мак/хак/ядивайс(ы)
- возиться с виртуалкой
- пользоваться https://www.browserstack.com и подобными

Из-за свойства display: none в селекторах ".mobile-menu li ul " и ".mobile-menu ul" не меняется высота элемента. *Дополню

В чем сложность то ? codepen.io/skazi_premiere/pen/xEKkPK?editors=1100

sidebar - position:relative; z-index:100;

Добавьте к .sidebar:

position: relative;
z-index: 1;

name="Сообщение с комментарием"

попробуй одним словом, может пробелы не нравятся, все остальное одинаковое

Скорее всего проблема в разнице line-height шрифта. У вас захардкожена высота nav, из-за нее и вылезает полупиксель. Уберите эту высоту, а justify делайте через table-cell (вам же не нужно поддерживать ie7 и ниже?).

Параметр тени с rgba(102,175,233,.6) и есть синее свечение при фокусе

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}