/* Определение переменных
   ========================================================================== */
/*
@pfdinTextProMedium: 'PFDinTextPro-Medium';
@pfdinTextProRegular: 'PFDinTextPro-Regular';
@openSansLight: 'OpenSans-light';
@openSansItalic: 'OpenSans-italic';
@openSansSemiboldItalick: 'OpenSans-semiboldItalic';
@calibri: 'Calibri';
*/
/* Прозрачность.
   ========================================================================== */
/* Стандартная рамка с круглымы углами.
   ========================================================================== */
/* Скругленые углы.
   ========================================================================== */
/* Тень.
   ========================================================================== */
/* Тень текста.
   ========================================================================== */
/* Центрирование абсолютно спозиционированного элемента по горизонтали и вертикали.
   ========================================================================== */
/* Центрирование абсолютно спозиционированного элемента по горизонтали.
   ========================================================================== */
/* Центрирование абсолютно спозиционированного элемента по вертикали.
   ========================================================================== */
/* Шрифт.
   ========================================================================== */
/* Плавная смена свойств.
   ========================================================================== */
/* Трасформация.
   ========================================================================== */
/* Поворт элемента.
   ========================================================================== */
/* Зумирование элемента.
   ========================================================================== */
/* Убираем отступы у inline-block элементов.
   ========================================================================== */
/* Размытие
   ========================================================================== */
/* Background cover
   ========================================================================== */
/* Используется для перекрытия блока.
   ========================================================================== */
/* Метод выделения.
   ========================================================================== */
.f-form .title {
  display: none;
}
.f-form .f-element {
  margin-bottom: 20px;
}
.f-form .f-element-text {
  position: relative;
}
.f-form .f-element-text input {
  width: 451px;
  height: 58px;
  padding: 0 10px;
  border: 1px solid #c7d0d8;
  font: 16px 'OpenSans', sans-serif;
  line-height: 1.2;
  color: #323235;
  outline: none;
}
.f-form .f-element-text.has-error input {
  border-color: #ba1434;
}
.f-form .f-element-textarea {
  position: relative;
}
.f-form .f-element-textarea textarea {
  width: 451px;
  height: 212px;
  padding: 10px 10px;
  border: 1px solid #c7d0d8;
  font: 16px 'OpenSans', sans-serif;
  line-height: 1.2;
  color: #323235;
  resize: none;
  outline: none;
}
.f-form .f-placeholder {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  font: 16px 'OpenSans', sans-serif;
  line-height: 60px;
  color: #323235;
  cursor: text;
}
.f-form .f-placeholder .f-placeholder-inner {
  padding: 0 10px;
}
.f-form .f-element-button {
  text-align: right;
}
.f-form .f-element-button input {
  border: 0;
  outline: none;
}
.f-form .error {
  position: absolute;
  bottom: -16px;
  left: 10px;
  font: 12px 'OpenSans', sans-serif;
  line-height: 1.2;
  color: #ba1434;
}
.f-form .success-message {
  padding: 30px 0 0 0;
  text-align: center;
  font: 30px 'OpenSans-bold', sans-serif;
  line-height: 1.2;
  color: #323235;
}