/* Определение переменных
   ========================================================================== */
/*
@pfdinTextProMedium: 'PFDinTextPro-Medium';
@pfdinTextProRegular: 'PFDinTextPro-Regular';
@openSansLight: 'OpenSans-light';
@openSansItalic: 'OpenSans-italic';
@openSansSemiboldItalick: 'OpenSans-semiboldItalic';
@calibri: 'Calibri';
*/
/* Прозрачность.
   ========================================================================== */
/* Стандартная рамка с круглымы углами.
   ========================================================================== */
/* Скругленые углы.
   ========================================================================== */
/* Тень.
   ========================================================================== */
/* Тень текста.
   ========================================================================== */
/* Центрирование абсолютно спозиционированного элемента по горизонтали и вертикали.
   ========================================================================== */
/* Центрирование абсолютно спозиционированного элемента по горизонтали.
   ========================================================================== */
/* Центрирование абсолютно спозиционированного элемента по вертикали.
   ========================================================================== */
/* Шрифт.
   ========================================================================== */
/* Плавная смена свойств.
   ========================================================================== */
/* Трасформация.
   ========================================================================== */
/* Поворт элемента.
   ========================================================================== */
/* Зумирование элемента.
   ========================================================================== */
/* Убираем отступы у inline-block элементов.
   ========================================================================== */
/* Размытие
   ========================================================================== */
/* Background cover
   ========================================================================== */
/* Используется для перекрытия блока.
   ========================================================================== */
/* Метод выделения.
   ========================================================================== */
.p-wrap {
  position: relative;
  min-width: 1000px;
  padding-bottom: 207px;
}
.p-header {
  position: fixed;
  width: 100%;
  min-width: 1000px;
  left: 0;
  top: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
}
.p-header .separator {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 58px;
  left: 0;
  background: rgba(255, 255, 255, 0.36);
}
.p-header .header-inner {
  position: relative;
  height: 113px;
  width: 1000px;
  margin: 0 auto;
  z-index: 1;
}
.p-header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -85.5px;
  margin-top: -85.5px;
  width: 171px;
  height: 171px;
  background: url('../images/logo.png') no-repeat;
}
.p-header .menu {
  position: absolute;
  top: 26px;
  width: 425px;
}
.p-header .menu.left {
  left: 16px;
}
.p-header .menu.right {
  right: 16px;
  text-align: right;
}
.p-header .menu .items {
  display: table;
  margin-left: -45px;
  font-size: 0px;
}
.p-header .menu .item {
  display: inline-block;
  margin-left: 45px;
}
.p-header .menu .item .label {
  text-transform: uppercase;
  text-decoration: none;
  font: 14px 'OpenSans', sans-serif;
  line-height: 1.2;
  color: #ffffff;
}
.p-header .menu .item.second-row {
  margin-top: 36px;
}
.index .p-header {
  margin-top: 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.index .p-header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -140.5px;
  margin-top: -129px;
  width: 281px;
  height: 258px;
  background: url('../images/logo-big.png') no-repeat;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.index .p-header.scroll {
  margin-top: 0px;
}
.index .p-header.scroll .logo {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}
.p-content .header-content {
  padding: 150px 0 44px;
  background: url('../images/content-header-bg-small.png') no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.p-content .header-content .content-title {
  width: 976px;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  font: 30px 'OpenSans-bold', sans-serif;
  line-height: 1.2;
  color: #ffffff;
}
.p-footer {
  position: absolute;
  width: 100%;
  min-width: 1000px;
  left: 0px;
  bottom: 0px;
  text-align: center;
  background: url('../images/footer-bg.png') repeat;
}
.p-footer .inner {
  position: relative;
  width: 1000px;
  height: 207px;
  margin: 0 auto;
}
.p-footer .info {
  position: absolute;
  width: 100%;
  top: 70px;
}
.p-footer .made-in {
  font: 13px 'OpenSans', sans-serif;
  line-height: 1.2;
  color: #ffffff;
}
.p-footer .made-in a {
  text-decoration: none;
  vertical-align: middle;
  color: #fff;
}
.p-footer .made-in .image {
  display: inline-block;
  width: 24px;
  height: 31px;
  margin: 0 3px;
  vertical-align: middle;
  background: url('../images/made-in-image.png') no-repeat;
}
.p-footer .technical {
  margin-top: 5px;
  font: 13px 'OpenSans', sans-serif;
  line-height: 1.2;
  color: #ffffff;
}
.p-footer .technical a {
  position: relative;
  top: 1px;
  text-decoration: none;
  font: 13px 'OpenSans', sans-serif;
  line-height: 1.2;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.p-footer .technical a .blue {
  color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.p-footer .technical a .red {
  color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.p-footer .technical a:hover {
  color: #0083FE;
}
.p-footer .technical a:hover .blue {
  color: #0083FE;
}
.p-footer .technical a:hover .red {
  color: #ed2024;
}
.p-footer .copyright {
  margin-top: 10px;
  font: 14px 'OpenSans', sans-serif;
  line-height: 1.2;
  color: #999999;
}