@charset "UTF-8";
/**
 * Стили для клиентской части сайта.
 */
/**
 * Глобальные переменные.
 */
/*
 * Базовая единица.
 * Будет задано как значение font-size тега html.
 * Изменение этого значения приведёт к масштабированию всех размеров страницы.
 */
/*
 * Размеры для адаптивного дизайна.
 */
/* Значения для белого и чёрного цветов. */
/* Оттенки серого. */
/*
 * Основные цвета.
 */
/* Основной текст. */
/* Заголовки. */
/* Ссылки. */
/* Слои оси Z. */
/*
 * В шапке у многих элементов размеры должны совпадать или быть кратными. Для этого задаём здесь
 * основной размер — ширину и высоту условной ячейки.
 */
/* Высота шапки сайта. */
/**
 * Шрифты.
 */
@font-face {
  font-family: 'Clear Sans';
  src: url(/custom/customized/assets/fonts/clear/clearsans-regular.eot);
  src: url(/custom/customized/assets/fonts/clear/clearsans-regular.eot?) format('embedded-opentype');
  src: local('Clear Sans'), url(/custom/customized/assets/fonts/clear/clearsans-regular.woff2) format('woff2'), url(/custom/customized/assets/fonts/clear/clearsans-regular.woff) format('woff'), url(/custom/customized/assets/fonts/clear/clearsans-regular.ttf) format('truetype'), url(/custom/customized/assets/fonts/clear/clearsans-regular.svg#clear_sansregular) format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Clear Sans';
  src: url(/custom/customized/assets/fonts/clear/clearsans-bold.eot);
  src: url(/custom/customized/assets/fonts/clear/clearsans-bold.eot?) format('embedded-opentype');
  src: local('Clear Sans'), url(/custom/customized/assets/fonts/clear/clearsans-bold.woff2) format('woff2'), url(/custom/customized/assets/fonts/clear/clearsans-bold.woff) format('woff'), url(/custom/customized/assets/fonts/clear/clearsans-bold.ttf) format('truetype'), url(/custom/customized/assets/fonts/clear/clearsans-bold.svg#clear_sansbold) format('svg');
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Clear Sans';
  src: url(/custom/customized/assets/fonts/clear/clearsans-italic.eot);
  src: url(/custom/customized/assets/fonts/clear/clearsans-italic.eot?) format('embedded-opentype');
  src: local('Clear Sans'), url(/custom/customized/assets/fonts/clear/clearsans-italic.woff2) format('woff2'), url(/custom/customized/assets/fonts/clear/clearsans-italic.woff) format('woff'), url(/custom/customized/assets/fonts/clear/clearsans-italic.ttf) format('truetype'), url(/custom/customized/assets/fonts/clear/clearsans-italic.svg#clear_sansitalic) format('svg');
  font-weight: normal;
  font-style: italic; }
/**
 * Визуальные эффекты.
 */
/*
 * При изменении размеров области просмотра и срабатывании media queries, все изменения будут
 * плавными.
 */
* {
  -webkit-transition: all, linear, 0.3s;
  -moz-transition: all, linear, 0.3s;
  -o-transition: all, linear, 0.3s;
  transition: all linear 0.3s; }
/**
 * Адаптивный дизайн.
 */
/**
 * Стили для планшетов в вертикальном положении (600+ пикселей).
 *
 * @link http://css-live.ru/articles-css/pravilnye-kontrolnye-tochki-v-css.html
 */
/**
 * Стили для для планшетов в горизонтальном положении (900+ пикселей).
 *
 * @link http://css-live.ru/articles-css/pravilnye-kontrolnye-tochki-v-css.html
 */
/**
 * Стили для настольных компьютеров (1200+ пикселей).
 *
 * @link http://css-live.ru/articles-css/pravilnye-kontrolnye-tochki-v-css.html
 */
/**
 * Стили для широкоформатных устройств (1800+ пикселей).
 *
 * @link http://css-live.ru/articles-css/pravilnye-kontrolnye-tochki-v-css.html
 */
/**
 * Примеси стилей.
 */
/**
 * Обычная тень.
 */
/*
 * Обычный текст.
 */
/*
 * Стили главной кнопки.
 */
/*
 * Контакт в шапке.
 */
/*
 * Поле ввода
 */
/**
 * Ссылка.
 */
/**
 * Ссылка в заголовке.
 */
/*
 * Список.
 */
/*
 * Параграф обычного текста.
 */
/**
 * Стили тегов.
 *
 * Располагайте теги в алфавитном порядке.
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, blockquote:before, q:after, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: #1860aa;
  cursor: pointer;
  outline: none;
  text-decoration: underline; }
  a:visited {
    color: #114478;
    text-decoration: underline; }
  a:hover {
    color: #ffc425;
    text-decoration: underline; }

body {
  font-size: 1rem; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  button::-moz-focus-inner {
    border: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Montserrat', sans-serif;
  margin: 1ex 0;
  text-align: center; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0; }
  @media (min-width: 600px) {
  h1, h2, h3, h4, h5, h6 {
    text-align: left; } }
/*
 * Настройки заголовков.
 */
h1 {
  color: #333; }

h2 {
  color: #333; }

h3 {
  color: #333; }

h4 {
  color: #333; }

h5 {
  color: #333; }

h6 {
  color: #333; }

h1 {
  font-size: 1.21477em; }

h2 {
  font-size: 1.13849em; }

h3 {
  font-size: 1.067em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.93721em; }

h6 {
  font-size: 0.87836em; }

@media (min-width: 600px) {
  h1 {
    font-size: 1.42383em; }
    h2 {
      font-size: 1.26563em; }
    h3 {
      font-size: 1.125em; }
    h4 {
      font-size: 1em; }
    h5 {
      font-size: 0.88889em; }
    h6 {
      font-size: 0.79012em; } }

@media (min-width: 900px) {
  h1 {
    font-size: 1.728em; }
    h2 {
      font-size: 1.44em; }
    h3 {
      font-size: 1.2em; }
    h4 {
      font-size: 1em; }
    h5 {
      font-size: 0.83333em; }
    h6 {
      font-size: 0.69444em; } }

@media (min-width: 1200px) {
  h1 {
    font-size: 1.728em; }
    h2 {
      font-size: 1.44em; }
    h3 {
      font-size: 1.2em; }
    h4 {
      font-size: 1em; }
    h5 {
      font-size: 0.83333em; }
    h6 {
      font-size: 0.69444em; } }

@media (min-width: 1800px) {
  h1 {
    font-size: 1.95313em; }
    h2 {
      font-size: 1.5625em; }
    h3 {
      font-size: 1.25em; }
    h4 {
      font-size: 1em; }
    h5 {
      font-size: 0.8em; }
    h6 {
      font-size: 0.64em; } }

html {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 100%; }

input {
  /*    &[type=button],
   &[type=submit] {
   border: none;
   cursor: pointer;
   font-family: $textFontFamily;
   }*/ }
  input[type=checkbox] {
    margin: 0; }
  input[type=number], input[type=search], input[type=tel], input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    border-radius: 0;
    border: solid 1px #e6e6e6;
    color: #686868;
    font-size: 0.875rem;
    height: 3em;
    line-height: 3em;
    padding: 0 0.7em; }
    input[type=number]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover {
      border-color: #aaa;
      outline: none; }
    input[type=number]:active, input[type=search]:active, input[type=tel]:active, input[type=text]:active {
      border-color: #1860aa;
      outline: none; }
    input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus {
      border-color: #1860aa;
      outline: none; }
  input[type=radio] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    border-radius: 50%;
    border: solid 1px #aaa;
    cursor: pointer;
    display: inline-block;
    height: 0.6em;
    margin: 0;
    overflow: hidden;
    padding: 0.3em;
    vertical-align: middle;
    width: 0.6em; }
    input[type=radio]:checked::before {
      background: #1860aa;
      border-radius: 50%;
      content: ' ';
      display: block;
      height: 0.6em;
      width: 0.6em; }
    input[type=radio]:focus {
      outline: none; }

label > * {
  vertical-align: middle; }

li {
  margin: 0;
  padding: 0;
  border: 0;
  margin: 0.3rem 0 0.3rem 2em; }

ol {
  list-style: none;
  line-height: 1.5;
  text-align: left;
  list-style: disc;
  margin: 1em 0;
  list-style-type: decimal; }

ul {
  list-style: none;
  line-height: 1.5;
  text-align: left;
  list-style: disc;
  margin: 1em 0; }

p {
  line-height: 1.5;
  text-align: left;
  margin: 0.5em 0 0.7em; }

strong {
  font-weight: bolder; }
/**
 * Корзина.
 */
.basket {
  display: none; }
/**
 * Заказ.
 */
.cart {
  /* Форма (имя по схеме DIAFAN). */
  /* Форма */ }
  .cart_form {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    font-size: 1rem;
    margin: 3rem 0 1rem;
    max-width: 40rem;
    overflow: hidden;
    padding: 0 0 1rem;
    /* Поле формы. */
    /* Кнопка отправки */ }
    @media (min-width: 600px) {
  .cart_form {
    background-size: 300px; } }
    .cart_form > [class^=order_form_param] {
      margin: 0.5rem 0;
      /* Подпись. */
      /* Подпись к группе полей. */
      /* Поле ввода. */ }
      .cart_form > [class^=order_form_param] > .infofield {
        margin: 0 0 0.5em; }
      .cart_form > [class^=order_form_param] > .infoform {
        line-height: 1.5; }
      .cart_form > [class^=order_form_param] > input {
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        border-radius: 0;
        border: solid 1px #e6e6e6;
        color: #686868;
        font-size: 0.875rem;
        height: 3em;
        line-height: 3em;
        padding: 0 0.7em;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        width: 20em; }
        .cart_form > [class^=order_form_param] > input:hover {
          border-color: #aaa;
          outline: none; }
        .cart_form > [class^=order_form_param] > input:active {
          border-color: #1860aa;
          outline: none; }
        .cart_form > [class^=order_form_param] > input:focus {
          border-color: #1860aa;
          outline: none; }
    .cart_form > .button.solid {
      margin: 0;
      padding: 0;
      border: 0;
      background: #fff;
      border-radius: 4px;
      border: solid 1px #e6e6e6;
      color: #4a4a4a;
      cursor: pointer;
      display: inline-block;
      font-family: 'Montserrat', sans-serif;
      font-size: 0.75rem;
      font-weight: bold;
      line-height: 1.4;
      margin: 0;
      max-width: 100%;
      outline: none;
      overflow: visible;
      padding: 1em;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      background: #1860aa;
      border-color: #1860aa;
      color: #fff;
      margin: 1rem 0 1rem 0.5rem; }
      .cart_form > .button.solid:visited {
        color: #4a4a4a; }
      .cart_form > .button.solid:hover {
        border-color: #aaa;
        outline: none; }
      .cart_form > .button.solid:active {
        outline: none; }
      .cart_form > .button.solid:focus {
        outline: none; }
      .cart_form > .button.solid[disabled] {
        cursor: default;
        opacity: 0.5; }
        .cart_form > .button.solid[disabled]:hover {
          border-color: #e6e6e6; }
      .cart_form > .button.solid::-moz-focus-inner {
        border: 0;
        padding: 0; }
      @media print {
  .cart_form > .button.solid {
    display: none; } }
      .cart_form > .button.solid_style_primary {
        background: #1860aa;
        border-color: #1860aa;
        color: #fff; }
        .cart_form > .button.solid_style_primary:visited {
          background: #1860aa;
          border-color: #1860aa;
          color: #fff; }
        .cart_form > .button.solid_style_primary:hover {
          background: #114478;
          border-color: #114478;
          color: #fff; }
        .cart_form > .button.solid_style_primary:disabled:hover {
          background: #1860aa;
          border-color: #1860aa; }
      .cart_form > .button.solid:visited {
        background: #1860aa;
        border-color: #1860aa;
        color: #fff; }
      .cart_form > .button.solid:hover {
        background: #114478;
        border-color: #114478;
        color: #fff; }
      .cart_form > .button.solid:disabled:hover {
        background: #1860aa;
        border-color: #1860aa; }
    .cart_form .required_field {
      font-size: 80%;
      color: #4a4a4a;
      margin: 0; }
  .cart-form {
    /* Разные формы */ }
    .cart-form_id {
      /* Ремонт принтера. */
      /* Заправка картриджа. */ }
      .cart-form_id_14 {
        background-color: #fff;
        background-image: url(/custom/customized/assets/img/form-repair.jpg);
        background-position: 100% 50%;
        background-repeat: no-repeat;
        background-size: 150px; }
        @media (min-width: 600px) {
  .cart-form_id_14 {
    background-size: 250px; } }
      .cart-form_id_22 {
        background-color: #fff;
        background-image: url(/custom/customized/assets/img/form-refill.jpg);
        background-position: 100% 70%;
        background-repeat: no-repeat;
        background-size: 150px; }
        @media (min-width: 600px) {
  .cart-form_id_22 {
    background-size: 300px; } }
  .cart_table__delete > input {
    display: none; }
    .cart_table__delete > label {
      color: #1860aa;
      cursor: pointer;
      outline: none;
      text-decoration: underline; }
      .cart_table__delete > label:visited {
        color: #114478;
        text-decoration: underline; }
      .cart_table__delete > label:hover {
        color: #ffc425;
        text-decoration: underline; }
/*
 * Форма быстрого заказа.
 */
.cart_one_click_form {
  font-size: 0.875rem;
  /* Поле формы. */
  /* Кнопка */ }
  .cart_one_click_form .good__heading {
    margin: 1rem 0;
    font-size: 120%; }
  .cart_one_click_form > [class^=order_form_param] {
    margin: 1.5rem 0;
    /* Подпись. */
    /* Поле ввода. */ }
    .cart_one_click_form > [class^=order_form_param] > .infofield {
      margin: 0 0 0.5rem; }
    .cart_one_click_form > [class^=order_form_param] > input {
      width: 100%; }
  .cart_one_click_form > .button {
    margin-right: 1rem; }
  .cart_one_click_form .required_field {
    font-size: 80%;
    color: #4a4a4a;
    margin: 1rem 0; }
/**
 * Обратная связь.
 */
.feedback {
  /* Форма (имя по схеме DIAFAN). */
  /* Форма */
  /* Сообщение об успешной отправке формы. */ }
  .feedback_form {
    max-width: 40rem;
    overflow: hidden;
    /* Заголовок. */ }
    .feedback_form > form {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
      flex-flow: column;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      font-size: 1rem;
      border-top: solid 3px #1860aa;
      border-bottom: solid 3px #b53c75;
      margin: 0 0 1rem;
      padding: 0 0 1rem;
      /* Поле формы. */
      /* Кнопка отправки */ }
    @media (min-width: 600px) {
    .feedback_form > form {
      background-size: 300px; } }
    .feedback_form > form > [class^=feedback_form_param] {
      margin: 0.5rem 0;
      width: 100%;
      /* Подпись. */
      /* Подпись к группе полей. */
      /* Поле ввода. */
      /* Текстовое поле ввода. */ }
      .feedback_form > form > [class^=feedback_form_param] > .infofield {
        margin: 0 0 0.5em; }
      .feedback_form > form > [class^=feedback_form_param] > .infoform {
        line-height: 1.5; }
      .feedback_form > form > [class^=feedback_form_param] > input {
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        border-radius: 0;
        border: solid 1px #e6e6e6;
        color: #686868;
        font-size: 0.875rem;
        height: 3em;
        line-height: 3em;
        padding: 0 0.7em;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        width: 20em; }
      .feedback_form > form > [class^=feedback_form_param] > input:hover {
        border-color: #aaa;
        outline: none; }
      .feedback_form > form > [class^=feedback_form_param] > input:active {
        border-color: #1860aa;
        outline: none; }
      .feedback_form > form > [class^=feedback_form_param] > input:focus {
        border-color: #1860aa;
        outline: none; }
      .feedback_form > form > [class^=feedback_form_param] > textarea {
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        border-radius: 0;
        border: solid 1px #e6e6e6;
        color: #686868;
        font-size: 0.875rem;
        height: 3em;
        line-height: 3em;
        padding: 0 0.7em;
        -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
        height: auto;
        line-height: normal;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
        width: 100%; }
      .feedback_form > form > [class^=feedback_form_param] > textarea:hover {
        border-color: #aaa;
        outline: none; }
      .feedback_form > form > [class^=feedback_form_param] > textarea:active {
        border-color: #1860aa;
        outline: none; }
      .feedback_form > form > [class^=feedback_form_param] > textarea:focus {
        border-color: #1860aa;
        outline: none; }
    .feedback_form > form > .button.solid {
      margin: 0;
      padding: 0;
      border: 0;
      background: #fff;
      border-radius: 4px;
      border: solid 1px #e6e6e6;
      color: #4a4a4a;
      cursor: pointer;
      display: inline-block;
      font-family: 'Montserrat', sans-serif;
      font-size: 0.75rem;
      font-weight: bold;
      line-height: 1.4;
      margin: 0;
      max-width: 100%;
      outline: none;
      overflow: visible;
      padding: 1em;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      background: #1860aa;
      border-color: #1860aa;
      color: #fff;
      margin: 1rem 0 1rem 0.5rem; }
      .feedback_form > form > .button.solid:visited {
        color: #4a4a4a; }
      .feedback_form > form > .button.solid:hover {
        border-color: #aaa;
        outline: none; }
      .feedback_form > form > .button.solid:active {
        outline: none; }
      .feedback_form > form > .button.solid:focus {
        outline: none; }
      .feedback_form > form > .button.solid[disabled] {
        cursor: default;
        opacity: 0.5; }
      .feedback_form > form > .button.solid[disabled]:hover {
        border-color: #e6e6e6; }
      .feedback_form > form > .button.solid::-moz-focus-inner {
        border: 0;
        padding: 0; }
      @media print {
    .feedback_form > form > .button.solid {
      display: none; } }
      .feedback_form > form > .button.solid_style_primary {
        background: #1860aa;
        border-color: #1860aa;
        color: #fff; }
        .feedback_form > form > .button.solid_style_primary:visited {
          background: #1860aa;
          border-color: #1860aa;
          color: #fff; }
        .feedback_form > form > .button.solid_style_primary:hover {
          background: #114478;
          border-color: #114478;
          color: #fff; }
        .feedback_form > form > .button.solid_style_primary:disabled:hover {
          background: #1860aa;
          border-color: #1860aa; }
      .feedback_form > form > .button.solid:visited {
        background: #1860aa;
        border-color: #1860aa;
        color: #fff; }
      .feedback_form > form > .button.solid:hover {
        background: #114478;
        border-color: #114478;
        color: #fff; }
      .feedback_form > form > .button.solid:disabled:hover {
        background: #1860aa;
        border-color: #1860aa; }
    .feedback_form .required_field {
      font-size: 80%;
      color: #4a4a4a;
      margin: 0; }
    .feedback_form__title {
      background-color: #1860aa;
      color: #fff;
      width: 100%;
      margin: 0;
      padding: 0.5rem 1rem; }
    .feedback_form .feedback__success-26 {
      display: none; }
  .feedback-form {
    /* Разные формы */ }
    .feedback-form_id {
      /* Ремонт принтера. */
      /* Заправка картриджа. */
      /* Не нашли что искали? */ }
    .feedback-form_id_14 {
      background-color: #fff;
      background-image: url(/custom/customized/assets/img/form-repair.jpg);
      background-position: 100% 50%;
      background-repeat: no-repeat;
      background-size: 150px; }
      @media (min-width: 600px) {
    .feedback-form_id_14 {
      background-size: 250px; } }
    .feedback-form_id_22 {
      background-color: #fff;
      background-image: url(/custom/customized/assets/img/form-refill.jpg);
      background-position: 100% 70%;
      background-repeat: no-repeat;
      background-size: 150px; }
      @media (min-width: 600px) {
    .feedback-form_id_22 {
      background-size: 300px; } }
    .feedback-form_id_26 .feedback__success-default {
      display: none; }
      .feedback-form_id_26 .feedback__success-26 {
        display: block; }
  .feedback__success {
    font-weight: bold;
    margin: 1rem;
    text-align: center; }

.paginator {
  margin: 1rem 0; }

.search_name {
  margin: 1rem 0 0.5rem; }
/**
 * Адрес.
 */
.address {
  font-size: 1rem;
  color: #111;
  text-decoration: underline; }
  .address:visited, .address:active, .address:focus {
    color: #111;
    text-decoration: underline; }
  .address:hover {
    color: #111;
    text-decoration: none; }

.footer .address {
  text-decoration: none; }
/**
 * Список адресов.
 */
.footer .addresses {
  list-style: none;
  margin: 0; }
/**
 * Подсказки для поиска.
 */
.autocomplete-suggestion {
  cursor: pointer;
  padding: 0.5em; }
  .autocomplete-suggestion:hover {
    background-color: rgba(255, 196, 37, .2); }
  .autocomplete-suggestions {
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    background: #fff;
    border: solid 1px #aaa;
    overflow: hidden; }
/**
 * Блок атрибуции.
 */
.branding {
  margin: 0;
  padding: 0;
  border: 0;
  margin-right: 1rem;
  display: none;
  font-size: 1rem;
  /* Девиз. */
  /* Название. */ }
  @media (min-width: 600px) {
  .branding {
    display: block; } }
  @media (min-width: 900px) {
  .branding {
    -webkit-flex: 1 1;
    flex: 1 1; } }
  @media (min-width: 1200px) {
  .branding {
    -webkit-flex: 0 1;
    flex: 0 1; } }
  .branding__slogan {
    display: none;
    font-size: 0.6rem;
    min-width: 15rem;
    white-space: normal;
    width: 15rem; }
  @media (min-width: 900px) {
    .branding__slogan {
      display: block; } }
  @media (min-width: 1200px) {
    .branding__slogan {
      font-size: 0.8rem;
      width: 15rem; } }
  .branding__title {
    color: #fff;
    font-size: 1.8rem;
    text-decoration: none;
    white-space: nowrap; }
  @media (min-width: 1200px) {
    .branding__title {
      font-size: 2rem; } }
  .branding__title:visited {
    color: #fff;
    text-decoration: none; }
  .branding__title:hover {
    color: #ffc425;
    text-decoration: none; }
/**
 * Блок производителей.
 */
.brands {
  -webkit-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  /* Производитель. */
  /* Логотип. */
  /* Название. */ }
  @media (min-width: 600px) {
  .brands {
    -webkit-justify-content: flex-start;
    justify-content: flex-start; } }
  .brands__item {
    align-items: center;
    display: flex;
    margin: 0.5rem;
    text-align: center;
    width: 8rem; }
  @media (min-width: 600px) {
    .brands__item {
      padding: 0.5rem;
      width: auto; } }
  .brands__item:hover {
    box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, .1);
    transform: scale(1.1); }
  .brands__logo {
    display: block;
    margin: 0 auto;
    max-width: 10rem; }
  .brands__title {
    display: block;
    text-align: center; }
/**
 * Кнопка.
 */
.button {
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  color: #4a4a4a;
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  max-width: 100%;
  outline: none;
  overflow: visible;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }
  .button:visited {
    color: #4a4a4a; }
  .button:hover {
    border-color: #aaa;
    outline: none; }
  .button:active {
    outline: none; }
  .button:focus {
    outline: none; }
  .button[disabled] {
    cursor: default;
    opacity: 0.5; }
  .button[disabled]:hover {
    border-color: #e6e6e6; }
  .button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  @media print {
  .button {
    display: none; } }
  .button_style_primary {
    background: #1860aa;
    border-color: #1860aa;
    color: #fff; }
  .button_style_primary:visited {
    background: #1860aa;
    border-color: #1860aa;
    color: #fff; }
  .button_style_primary:hover {
    background: #114478;
    border-color: #114478;
    color: #fff; }
  .button_style_primary:disabled:hover {
    background: #1860aa;
    border-color: #1860aa; }
/**
 * Обратный звонок.
 */
.callback {
  color: #fff;
  display: none;
  font-size: 0.8rem;
  padding: 0;
  text-decoration: underline;
  vertical-align: bottom; }
  @media (min-width: 600px) {
  .callback {
    display: inline-block;
    line-height: 1.33333rem; } }
  .callback:visited {
    color: #fff;
    text-decoration: underline; }
  .callback:hover {
    color: #ffc425;
    text-decoration: underline; }
  .callback:active {
    color: #ffc425;
    text-decoration: underline; }

#callback {
  display: none; }
/**
 * Виджет корзины.
 */
.cart-link {
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  color: #4a4a4a;
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  max-width: 100%;
  outline: none;
  overflow: visible;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #1860aa;
  border-color: #1860aa;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-color: #fff;
  height: 2rem;
  margin-right: 0.5rem;
  min-height: 2rem;
  min-width: 2rem;
  padding: 0;
  text-decoration: none;
  width: 2rem;
  /* Состояния корзины. */
  /* Стоимость товаров в корзине. */
  /* Валюта. */ }
  .cart-link:visited {
    color: #4a4a4a; }
  .cart-link:hover {
    border-color: #aaa;
    outline: none; }
  .cart-link:active {
    outline: none; }
  .cart-link:focus {
    outline: none; }
  .cart-link[disabled] {
    cursor: default;
    opacity: 0.5; }
  .cart-link[disabled]:hover {
    border-color: #e6e6e6; }
  .cart-link::-moz-focus-inner {
    border: 0;
    padding: 0; }
  @media print {
  .cart-link {
    display: none; } }
  .cart-link_style_primary {
    background: #1860aa;
    border-color: #1860aa;
    color: #fff; }
  .cart-link_style_primary:visited {
    background: #1860aa;
    border-color: #1860aa;
    color: #fff; }
  .cart-link_style_primary:hover {
    background: #114478;
    border-color: #114478;
    color: #fff; }
  .cart-link_style_primary:disabled:hover {
    background: #1860aa;
    border-color: #1860aa; }
  .cart-link:visited {
    background: #1860aa;
    border-color: #1860aa;
    color: #fff; }
  .cart-link:hover {
    background: #114478;
    border-color: #114478;
    color: #fff; }
  .cart-link:disabled:hover {
    background: #1860aa;
    border-color: #1860aa; }
  @media (min-width: 900px) {
  .cart-link {
    padding: 0.5rem;
    min-width: auto;
    width: auto; } }
  .cart-link:visited {
    text-decoration: none; }
  .cart-link:hover {
    text-decoration: none; }
  .cart-link_is {
    /* В корзине есть товары. */ }
  .cart-link_is_filled {
    -webkit-animation: cart-link_is_filled 10s infinite;
    -moz-animation: cart-link_is_filled 10s infinite;
    -ms-animation: cart-link_is_filled 10s infinite;
    -o-animation: cart-link_is_filled 10s infinite;
    animation: cart-link_is_filled 10s infinite; }

@-moz-keyframes cart-link_is_filled {
        0% {
          background-color: transparent; }
        30% {
          background-color: #ffc425; }
        60% {
          background-color: #ffc425; }
        90% {
          background-color: transparent; } }

@-webkit-keyframes cart-link_is_filled {
        0% {
          background-color: transparent; }
        30% {
          background-color: #ffc425; }
        60% {
          background-color: #ffc425; }
        90% {
          background-color: transparent; } }

@-o-keyframes cart-link_is_filled {
        0% {
          background-color: transparent; }
        30% {
          background-color: #ffc425; }
        60% {
          background-color: #ffc425; }
        90% {
          background-color: transparent; } }

@-ms-keyframes cart-link_is_filled {
        0% {
          background-color: transparent; }
        30% {
          background-color: #ffc425; }
        60% {
          background-color: #ffc425; }
        90% {
          background-color: transparent; } }

@keyframes cart-link_is_filled {
        0% {
          background-color: transparent; }
        30% {
          background-color: #ffc425; }
        60% {
          background-color: #ffc425; }
        90% {
          background-color: transparent; } }
  .cart-link::before {
    background-image: url(/custom/customized/assets/img/cart.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: ' ';
    display: block;
    height: 1.2rem;
    margin-left: -5%;
    width: 1.2rem; }
  @media (min-width: 900px) {
    .cart-link::before {
      margin-right: 0.5rem; } }
  .cart-link__cost {
    display: none; }
  @media (min-width: 900px) {
    .cart-link__cost {
      display: inline; } }
  .cart-link__currency {
    display: none;
    padding-left: 1ex;
    text-transform: lowercase; }
  @media (min-width: 900px) {
    .cart-link__currency {
      display: inline; } }
/**
 * Счётчик.
 */
.counter {
  list-style: none;
  margin: 0; }
/**
 * Электронная почта.
 */
.email {
  /* В шапке. */ }
  .header__contacts > .email {
    color: #fff;
    outline: none;
    text-decoration: underline;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: none;
    font-size: 0.8rem;
    min-height: 19px;
    padding: 0 0 0 19px;
    background-image: url(/custom/customized/assets/img/email.png); }
  .header__contacts > .email:visited {
    color: #fff;
    text-decoration: underline; }
  .header__contacts > .email:hover {
    color: #ffc425;
    text-decoration: underline; }
  @media (min-width: 600px) {
    .header__contacts > .email {
      display: block;
      line-height: 1.33333rem; } }
/**
 * Находка в результатах поиска.
 */
.finding {
  font-size: 1rem;
  /**
   * Заголовок.
   */ }
  .finding__title {
    font-size: 120%;
    margin-bottom: 1rem;
    text-align: center; }
  @media (min-width: 600px) {
    .finding__title {
      text-align: left; } }
/**
 * Находки (результаты поиска).
 */
.findings {
  font-size: 1rem;
  /**
   * Отдельная находка.
   */ }
  .findings__item {
    margin-bottom: 2rem; }
/**
 * Подвал сайта.
 */
.footer {
  margin: 0;
  padding: 0;
  border: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ffc425;
  color: #111;
  font-size: 1rem;
  margin: 0 auto;
  max-width: 1180px;
  padding: 1rem; }
/**
 * Товар.
 */
.good {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 1rem;
  line-height: 1.5;
  /* Заглавие */
  /* Текст */
  /*
   * Изображение.
   * Применяется к тегу figure, содержащему тег img.
   */
  /* Кнопки заказа товара. */
  /* Раздел сведений о товаре. */
  /* Свойства товара. */
  /* Свойство */
  /*
   * Разные стили отображения товара.
   */
  /*
   * Разные типы товаров.
   */ }
  .good__heading {
    -webkit-flex: 1 100%;
    flex: 1 100%; }
  .good__text {
    -webkit-flex: 1 100%;
    flex: 1 100%; }
  .good__image {
    overflow: hidden;
    text-align: center;
    /* Размеры изображений. */ }
  .good__image_size {
    /* Средний размер. */ }
  @media (min-width: 600px) {
        .good__image_size_medium {
          height: 270px;
          width: 420px; } }
  .good__image > img {
    max-width: 100%; }
  .good__section {
    -webkit-flex: 1 100%;
    flex: 1 100%;
    padding-right: 1rem; }
  @media (min-width: 600px) {
    .good__section {
      -webkit-flex: 1 50%;
      flex: 1 50%; } }
  .good__properties {
    font-size: 90%;
    margin-bottom: 1em; }
  .good__prop-name {
    border-bottom: dotted 1px #e6e6e6;
    margin: 0.5rem 0;
    padding-right: 1em; }
  .good__prop-name::after {
    content: ':'; }
  .good__prop-value {
    border-bottom: dotted 1px #e6e6e6;
    margin: 0.5rem 0;
    text-align: right; }
  .good_style {
    /* Находка в результатах поиска. */
    /* Полная карточка товара. */
    /* В списке товаров. */
    /* В форме быстрого заказа. */ }
  .good_style_finding {
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: column;
    flex-flow: column; }
  @media (min-width: 600px) {
      .good_style_finding {
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap; } }
  .good_style_finding .good__properties {
    margin-bottom: 1rem; }
  .good_style_finding .good__section {
    margin-bottom: 1rem;
    max-width: 20rem; }
    .good_style_finding .good__section_buttons {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
      flex-flow: column;
      text-align: center; }
    .good_style_finding .good__section_buttons .button {
      margin-bottom: 0.5rem; }
  .good_style_full {
    margin-bottom: 2rem;
    /* Раздел сведений о товаре. */
    /* Цена */ }
  .good_style_full .good__image {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto; }
    @media (min-width: 1200px) {
      .good_style_full .good__image {
        margin-bottom: 1rem; } }
  .good_style_full .good__ordering {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    vertical-align: middle; }
  .good_style_full .good__section > h2 {
    border-top: solid 3px #1860aa;
    font-size: 1.2rem;
    padding-top: 1rem;
    margin: 1rem 0; }
    @media (min-width: 600px) {
        .good_style_full .good__section > h2 {
          border-top: none; }
          .good_style_full .good__section > h2::after {
            background: #1860aa;
            content: ' ';
            display: block;
            font-size: 1px;
            margin-top: 0.5rem;
            height: 3px;
            width: 250px; } }
  .good_style_full .price {
    /* Подпись. */ }
    .good_style_full .price__label {
      display: block; }
  .good_style_list-item {
    /* Цены. */
    /* Раздел сведений о товаре. */
    /* Цена */ }
  .good_style_list-item .good__properties {
    width: 100%; }
  @media (min-width: 600px) {
        .good_style_list-item .good__section {
          border-right: none; } }
  .good_style_list-item .price {
    text-align: center; }
    @media (min-width: 1200px) {
      .good_style_list-item .price {
        /* Подпись. */ }
        .good_style_list-item .price__label {
          display: none; } }
  .good_style_list-item_style {
    /* Компактный стиль. */ }
    .good_style_list-item_style_compact {
      /* Название производителя. */ }
    .good_style_list-item_style_compact .good__brand {
      display: none; }
  .good_style_quick-order {
    -webkit-flex-flow: column;
    flex-flow: column; }
  .good_style_quick-order .good__heading {
    margin-top: 0;
    text-align: center; }
  /*
   * Список товаров.
   */

.goods {
  /*
   * Различные стили списка.
   */ }
  .goods_style {
    /* Табличный вид. */ }
  .goods_style_table {
    font-size: 0.9rem;
    max-width: 100%;
    /* Заголовок таблицы. */ }
  .goods_style_table > .table__header {
    display: none; }
    @media (min-width: 1200px) {
      .goods_style_table > .table__header {
        display: table-header-group; } }
  .goods_style_table .goods {
    /* Метка ячейки. */
    /* Элемент списка */
    /* Собственно сам список. */ }
    .goods_style_table .goods__cell-label {
      color: #4a4a4a;
      display: block;
      font-size: 90%;
      margin-bottom: 1ex; }
    @media (min-width: 1200px) {
        .goods_style_table .goods__cell-label {
          display: none; } }
    .goods_style_table .goods__cell-label::after {
      content: ':'; }
    .goods_style_table .goods__item {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      margin: 0.5rem 0;
      /* Блок сообщений об ошибках и успехах (sic!) */ }
    @media (min-width: 1200px) {
        .goods_style_table .goods__item {
          display: table-row;
          margin: 0; } }
    .goods_style_table .goods__item:hover {
      background-color: rgba(255, 196, 37, .2); }
    .goods_style_table .goods__item > * {
      display: block;
      padding-right: 0;
      padding-left: 0; }
      @media (min-width: 900px) {
        .goods_style_table .goods__item > * {
          padding: 0.5rem; } }
      @media (min-width: 1200px) {
        .goods_style_table .goods__item > * {
          border-right: solid 1px #f8f8f8;
          display: table-cell;
          font-size: 90%; } }
    .goods_style_table .goods__item > th[scope=row] {
      -webkit-flex: 1 100%;
      flex: 1 100%;
      border-bottom: solid 1px #e6e6e6;
      border-top: solid 2px #1860aa;
      font-size: 130%;
      text-align: center; }
      @media (min-width: 1200px) {
        .goods_style_table .goods__item > th[scope=row] {
          border-bottom: none;
          border-right: solid 1px #f8f8f8;
          border-top: none;
          font-size: 90%;
          text-align: left; } }
    .goods_style_table .goods__item .good__prop-name, .goods_style_table .goods__item .good__prop-value {
      margin: 0.1em 0; }
    .goods_style_table .goods__item .error_message {
      margin-top: 0.2rem;
      text-align: center; }
    .goods_style_table .goods__list {
      display: block; }
    @media (min-width: 1200px) {
        .goods_style_table .goods__list {
          display: table-row-group; } }
/**
 * Шапка сайта.
 */
.header {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #1860aa;
  color: #fff;
  font-size: 1rem;
  margin: 0 auto;
  max-width: 1180px;
  padding: 0.5rem 0.5rem 0.25rem;
  /* Контакты. */ }
  @media (min-width: 1200px) {
  .header {
    padding-left: 0;
    padding-right: 0; } }
  .header__contacts {
    height: 2rem;
    line-height: 1.3;
    margin-right: 0.5rem;
    max-height: 2rem; }
  @media (min-width: 600px) {
    .header__contacts {
      max-height: 4rem;
      height: 4rem; } }
  @media (min-width: 1200px) {
    .header__contacts {
      max-height: 4rem;
      height: 4rem; } }
/**
 * ICQ.
 */
.icq {
  background-position: 0 50%;
  background-repeat: no-repeat;
  display: none;
  font-size: 0.8rem;
  min-height: 19px;
  padding: 0 0 0 19px;
  background-image: url(/custom/customized/assets/img/icq.png); }
  @media (min-width: 600px) {
  .icq {
    display: block;
    line-height: 1.33333rem; } }
/**
 * Раскладка.
 */
.layout {
  /* Стили раскладок. */ }
  .layout_style {
    /* Потоковая раскладка. */ }
  .layout_style_stream {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: row wrap;
    flex: row wrap;
    -webkit-justify-content: center;
    justify-content: center; }
/**
 * Текущее положение на сайте.
 *
 * Оно же «хлебные крошки».
 */
.location {
  color: #1860aa;
  font-size: 0.7rem;
  margin: 0.5rem 0 1rem;
  text-align: center;
  /* Ссылка. */ }
  @media (min-width: 600px) {
  .location {
    text-align: left; } }
  @media (min-width: 900px) {
  .location {
    font-size: 0.8rem; } }
  .location__link {
    color: #1860aa;
    text-decoration: underline; }
  .location__link:visited {
    color: #1860aa;
    text-decoration: underline; }
  .location__link:hover {
    color: #1860aa;
    text-decoration: none; }
/**
 * Логотип.
 */
.logo {
  background-image: url(/custom/customized/assets/img/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 2rem;
  margin-right: 0.5rem;
  min-height: 2rem;
  min-width: 2rem;
  width: 2rem; }
  @media (min-width: 600px) {
  .logo {
    height: 4rem;
    min-height: 4rem;
    min-width: 4rem;
    width: 4rem; } }
/**
 * Область главного содержимого.
 */
.main {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-flex: 1 100%;
  flex: 1 100%;
  -webkit-order: 1;
  order: 1;
  background: #fff;
  display: block;
  font-size: 1rem;
  max-width: 1180px;
  padding: 1rem; }
  @media (min-width: 900px) {
  .main {
    -webkit-flex: 3 0;
    flex: 3 0;
    -webkit-order: 2;
    order: 2;
    padding: 1rem 1rem 0 0; } }
/**
 * Главное меню.
 */
.nav-main {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-flex: 1 100%;
  flex: 1 100%;
  background: #1860aa;
  bottom: 0;
  left: 100%;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 2.75rem;
  z-index: 102;
  /* Пункт меню. */
  /* Меню открыто. */ }
  @media (min-width: 600px) {
  .nav-main {
    top: 4.75rem; } }
  @media (min-width: 1200px) {
  .nav-main {
    display: block;
    font-size: 0.8rem;
    white-space: nowrap; } }
  @media (min-width: 1200px) {
  .nav-main {
    -webkit-flex: 0 1;
    flex: 0 1;
    margin-right: 1rem;
    overflow: visible;
    position: static;
    z-index: auto; } }
  .nav-main__item {
    margin: 0;
    padding: 0;
    border: 0;
    /* Ссылка. */ }
  @media (min-width: 1200px) {
    .nav-main__item {
      display: inline-block; } }
  .nav-main__item > a {
    border-top: solid 1px #fff;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 1rem;
    text-transform: uppercase;
    text-decoration: none; }
  @media (min-width: 1200px) {
      .nav-main__item > a {
        border-top: none;
        display: inline-block;
        padding: 0.5em 0.8em; } }
  .nav-main__item > a:hover {
    background: #fff;
    color: #1860aa; }
  .nav-main__item_current > a {
    background: #fff;
    color: #1860aa; }
  .nav-main__item_current:first-child > a {
    background: #1860aa;
    color: #fff; }
  .nav-main_opened {
    left: 0; }
  @media (min-width: 600px) {
    .nav-main_opened {
      -webkit-box-shadow: -0.5rem 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, .3);
      -moz-box-shadow: -0.5rem 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, .3);
      box-shadow: -0.5rem 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, .3);
      left: 40%; } }
  @media (min-width: 900px) {
    .nav-main_opened {
      left: 65%; } }
/* Кнопка для мобильных. */
#nav-main-mobile {
  border-top: solid 4px #fff;
  color: #fff;
  display: block;
  font-size: 0.75rem;
  margin: 0;
  max-height: 2rem;
  text-decoration: none;
  position: relative;
  top: 1px; }
  @media (min-width: 1200px) {
  #nav-main-mobile {
    display: none; } }
  #nav-main-mobile:visited {
    color: #fff;
    text-decoration: none; }
  #nav-main-mobile:hover {
    text-decoration: none; }
  #nav-main-mobile::before {
    border-bottom: solid 4px #fff;
    border-top: solid 4px #fff;
    content: ' ';
    display: block;
    margin-bottom: 3px;
    margin-top: 3px;
    padding-top: 3px; }
/**
 * Меню услуг.
 */
.nav-services {
  background: #f8f8f8;
  border-bottom: solid 1px #e6e6e6;
  color: #111;
  font-size: 1rem;
  overflow: hidden;
  /* Пункт меню. */
  /* Список пунктов. */
  /* Ссылка. */
  /* Второстепенный текст. */ }
  @media (min-width: 900px) {
  .nav-services {
    background: transparent;
    border: none;
    margin: 1rem 0 0 0.5rem; } }
  .nav-services__item {
    margin: 0;
    padding: 0;
    border: 0;
    display: block; }
  @media (min-width: 900px) {
    .nav-services__item {
      -webkit-align-items: center;
      align-items: center;
      display: -webkit-inline-flex;
      display: inline-flex;
      border-radius: 3rem 4px 4px 3rem;
      border: solid 1px transparent;
      line-height: 1.5;
      margin: 0 1rem 0.5rem 0;
      padding: 0; }
      .nav-services__item::before {
        background: #f8f8f8 no-repeat center center;
        border-radius: 50%;
        border: solid 1px #e6e6e6;
        content: ' ';
        display: block;
        height: 3rem;
        margin-right: 0.5rem;
        min-height: 3rem;
        min-width: 3rem;
        width: 3rem;
        position: relative;
        left: -1px; }
        [data-icon=repair].nav-services__item::before {
          background-image: url(/custom/customized/assets/img/service-repair.gif); }
        [data-icon=refill].nav-services__item::before {
          background-image: url(/custom/customized/assets/img/service-refill.gif); }
        [data-icon=sell].nav-services__item::before {
          background-image: url(/custom/customized/assets/img/service-sell.gif); } }
  .nav-services__item:hover, .nav-services__item_current {
    background: #e6e6e6; }
  @media (min-width: 900px) {
    .nav-services__item:hover, .nav-services__item_current {
      background: #f8f8f8;
      border-color: #e6e6e6; } }
  .nav-services__items {
    margin: 0;
    padding: 0;
    border: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    list-style: none; }
  @media (min-width: 900px) {
    .nav-services__items {
      -webkit-flex-flow: column;
      flex-flow: column; } }
  .nav-services__link {
    -webkit-flex: 1 100%;
    flex: 1 100%;
    color: #4a4a4a;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.4rem 1.2rem;
    text-decoration: none;
    white-space: nowrap; }
  @media (min-width: 900px) {
    .nav-services__link {
      font-size: 0.9rem;
      padding: 0 1rem 0 0;
      height: 3rem;
      line-height: 3rem;
      vertical-align: middle; } }
  .nav-services__link:visited {
    color: #4a4a4a;
    text-decoration: none; }
  .nav-services__link:hover {
    color: #4a4a4a;
    text-decoration: none; }
  .nav-services__minor {
    display: none; }
  @media (min-width: 600px) {
    .nav-services__minor {
      display: inline; } }
/**
 * Навигатор принтеров и картридж.
 */
.navi {
  background: #f8f8f8;
  padding: 1rem;
  /* Блок-«вкладка». */
  /* Заголовок */
  /* Пункты выпадающего списка. */
  /* Пункт выпадающего списка. */
  /* Текст пункта. */
  /* Ссылка. */
  /* Выпадающий список. */
  /* Тип товаров (принтеры/картриджи) */ }
  .navi__header {
    font-size: 120%;
    font-weight: bold;
    margin: 1rem 0; }
  .navi__items {
    margin: 0;
    padding: 0;
    border: 0;
    display: none;
    left: 0;
    max-height: 50vh;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1; }
  .navi__item {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    border-radius: 0;
    border: solid 1px #e6e6e6;
    color: #686868;
    font-size: 0.875rem;
    height: 3em;
    line-height: 3em;
    padding: 0 0.7em;
    padding: 0;
    position: relative; }
  .navi__item:hover {
    border-color: #aaa;
    outline: none; }
  .navi__item:active {
    border-color: #1860aa;
    outline: none; }
  .navi__item:focus {
    border-color: #1860aa;
    outline: none; }
  .navi__item:hover {
    border-color: #1860aa; }
  .navi__item + .navi__item {
    border-top: none; }
  .navi__item-text {
    bottom: 0;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 0; }
  .navi__link {
    bottom: 0;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 0; }
  .navi__select {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    border-radius: 0;
    border: solid 1px #e6e6e6;
    color: #686868;
    font-size: 0.875rem;
    height: 3em;
    line-height: 3em;
    padding: 0 0.7em;
    cursor: pointer;
    margin: 1rem 0;
    position: relative; }
  .navi__select:hover {
    border-color: #aaa;
    outline: none; }
  .navi__select:active {
    border-color: #1860aa;
    outline: none; }
  .navi__select:focus {
    border-color: #1860aa;
    outline: none; }
  .navi__select::after {
    content: '▼';
    font-size: 80%;
    position: absolute;
    right: 0.2rem; }
  .navi__type {
    display: block;
    margin: 0.5rem 0;
    vertical-align: middle; }
/**
 * Заказ.
 */
/**
 * Блок заказа (кнопки заказа).
 */

.ordering {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 13em;
  /* Дополнительный раздел. */ }
  .ordering > * {
    margin: 0.2rem; }
  .ordering__extra {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center; }
/**
 * Переключатель страниц.
 */
.paginator {
  font-size: 1rem;
  font-weight: bold;
  text-align: center; }
  .paginator > a {
    border: solid 1px #1860aa;
    display: inline-block;
    padding: 0.5em 0;
    text-align: center;
    text-decoration: none;
    width: 2em; }
  .paginator > a:visited {
    border: solid 1px #1860aa;
    text-decoration: none; }
  .paginator > a:hover {
    background: #ffc425;
    border: solid 1px #ffc425;
    color: #1860aa;
    text-decoration: none; }
  .paginator > .active {
    background: #1860aa;
    border: solid 1px #1860aa;
    color: #fff;
    display: inline-block;
    padding: 0.5em 0;
    text-align: center;
    width: 2em; }
/**
 * Пиктограммы.
 */
.pictus {
  margin: 0;
  padding: 0;
  border: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0.9rem;
  margin: 1rem 0;
  /* Пиктограмма. */ }
  @media (min-width: 600px) {
  .pictus {
    -webkit-justify-content: flex-start;
    justify-content: flex-start; } }
  .pictus__item {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    margin: 0.5rem;
    max-width: 120px;
    text-align: center; }
  .pictus__item > img {
    display: block;
    margin: 0 auto 1rem;
    width: 100px;
    height: 100px; }
/**
 * Всплывающий блок.
 */
.popup {
  -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, .5);
  -moz-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, .5);
  box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, .5);
  background: #fff;
  font-size: 1rem;
  padding: 2.5rem 1rem 1rem;
  position: absolute;
  z-index: 202;
  /* Затенение. */
  /* Кнопка «Закрыть». */
  /* Шапка. */ }
  .popup-shade {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 201; }
  .popup-shade > .popup {
    position: relative; }
  .popup__close {
    background: url(/custom/customized/assets/img/close.png) no-repeat center center;
    color: #1860aa;
    cursor: pointer;
    font-size: 3rem;
    height: 26px;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 26px; }
  .popup__close:hover {
    color: #ffc425; }
  .popup__heading {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 2rem; }
/**
 * Цена.
 */
.price {
  white-space: nowrap;
  /* Дополнительные сведения о ценах. */ }
  .price__details {
    display: none;
    /* Выключатель доп. сведений */ }
  .price__details-switch {
    display: none; }
/* Цена заправки картритиджа в карточке товаров. */
.good_type_refill-cartridge.good_style_full .good__section.price .price__details-switch {
  border-bottom: dotted 1px;
  display: inline;
  font-size: 90%;
  text-decoration: none; }
  .good_type_refill-cartridge.good_style_full .good__section.price .price__details-switch::after {
    content: '';
    display: block;
    margin-bottom: 1em; }
  .good_type_refill-cartridge.good_style_full .good__section.price .price__value {
    font-size: 150%; }
/* Цена товара в списке товаров. */
.good_style_list-item .price__currency {
  color: #4a4a4a;
  font-size: 120%; }
  .good_style_list-item .price__label {
    color: #4a4a4a;
    font-size: 120%; }
  .good_style_list-item .price__value {
    color: #4a4a4a;
    font-size: 120%; }
  @media (min-width: 1200px) {
  .good_style_list-item .price + .price {
    margin-top: 1rem; } }
/*
 * Ввод количества.
 */
.quantity {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
  width: 4.8rem;
  /* Поле ввода. */
  /* Кнопка «➕» или «➖» */ }
  .quantity__input {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    border-radius: 0;
    border: solid 1px #e6e6e6;
    color: #686868;
    font-size: 0.875rem;
    height: 3em;
    line-height: 3em;
    padding: 0 0.7em;
    float: left;
    height: 3rem;
    text-align: center;
    width: 3rem; }
  .quantity__input:hover {
    border-color: #aaa;
    outline: none; }
  .quantity__input:active {
    border-color: #1860aa;
    outline: none; }
  .quantity__input:focus {
    border-color: #1860aa;
    outline: none; }
  .quantity__step {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    background: #aaa;
    border-radius: 4px;
    clear: right;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    height: 1.2rem;
    line-height: 1;
    margin: 1px 0.2rem;
    text-align: center;
    width: 1.2rem; }
  .quantity__step:hover {
    background: #1860aa; }
  .quantity__step + .quantity__step {
    margin-top: 0.1rem; }
/**
 * Форма быстрого заказа.
 */
.quick-order {
  /* Блок, хранящий форму до востребования. */
  /* Цены и стоимости. */ }
  .quick-order-container {
    display: none; }
  .quick-order__pricing {
    font-size: 90%;
    margin-bottom: 1rem;
    white-space: nowrap; }
  .quick-order__pricing_extra {
    display: none; }
  .quick-order__pricing_total {
    font-weight: bold;
    display: none; }
/**
 * Форма поиска.
 */
.search-form {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-order: 6;
  order: 6;
  font-size: 1rem;
  margin: 0 auto;
  max-width: 1180px;
  padding: 0;
  width: 100%;
  /* Поле ввода. */
  /* Подпись. */ }
  @media (min-width: 1200px) {
  .search-form {
    padding: 0 2rem; } }
  .search-form__input {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    height: 2rem !important;
    padding: 0.2rem; }
  .search-form__label {
    display: none;
    font-size: 1.3rem;
    margin-right: 1ex;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap; }
  @media (min-width: 1200px) {
    .search-form__label {
      display: inline; } }
  .search-form > .button_type_search {
    background: #1860aa;
    border-color: #1860aa;
    color: #fff;
    display: block;
    height: 2rem;
    margin: 0 0 0 0.5rem;
    min-height: 2rem;
    min-width: 2rem;
    padding: 0;
    width: 2rem;
    position: relative; }
  .search-form > .button_type_search:visited {
    background: #1860aa;
    border-color: #1860aa;
    color: #fff; }
  .search-form > .button_type_search:hover {
    background: #114478;
    border-color: #114478;
    color: #fff; }
  .search-form > .button_type_search:disabled:hover {
    background: #1860aa;
    border-color: #1860aa; }
  @media (min-width: 900px) {
    .search-form > .button_type_search {
      min-width: 8em;
      padding-left: 1rem;
      padding-right: 1rem;
      width: auto; } }
  .search-form > .button_type_search::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
    content: ' ';
    display: block;
    height: 0.66667rem;
    left: 1.2rem;
    position: absolute;
    top: 1rem;
    width: 3px; }
  @media (min-width: 900px) {
      .search-form > .button_type_search::after {
        display: none; } }
  .search-form > .button_type_search::before {
    border-radius: 50%;
    border: solid 3px #fff;
    content: ' ';
    display: block;
    height: 0.66667rem;
    left: 0.33333rem;
    position: absolute;
    top: 0.33333rem;
    width: 0.66667rem; }
  @media (min-width: 900px) {
      .search-form > .button_type_search::before {
        display: none; } }
  .search-form > .button_type_search > .button__label {
    display: none; }
  @media (min-width: 900px) {
      .search-form > .button_type_search > .button__label {
        display: inline; } }
/**
 * Боковая панель.
 */
.sidebar {
  -webkit-order: 1;
  order: 1;
  font-size: 1rem;
  width: 100%;
  /* Блок панели. */ }
  @media (min-width: 900px) {
  .sidebar {
    -webkit-order: 2;
    order: 2;
    padding-right: 1rem;
    width: 17rem; } }
  .sidebar__block {
    display: none;
    /* Стили блоков. */ }
  @media (min-width: 900px) {
    .sidebar__block {
      display: block;
      margin: 1rem 0; } }
  .sidebar__block_style {
    /* Выровненный по середине. */ }
  .sidebar__block_style_centered {
    text-align: center; }
/**
 * Сайт (вся страница).
 *
 * В Safari 5.0 (600) при использовании [вложенных] контейнеров с flex-flow: column неправильно
 * считается высота дочерних блоков, если она не задана явно с помощью height или min-height. Из-за
 * этого используем flex-flow: row wrap.
 */
.site {
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  background: #fff;
  color: #111;
  font-size: 1rem;
  min-height: 100vh;
  min-width: 320px;
  padding: 6.75rem 0 0 0;
  /*@include for-desktop-and-wider {
   padding-top: $headerHeightDesktop;
   }*/
  /* Окно прокручено вниз. */
  /*
   * Тело страницы сайта.
   */
  /*
   * Подвал сайта.
   */
  /*
   * Шапка сайта.
   */
  /* Область главного содержимого. */
  /* Блок поиска. */ }
  @media (min-width: 600px) {
  .site {
    padding-top: 9.5rem; } }
  .site_scrolled .site__header {
    -webkit-box-shadow: 0 0 0.5rem 0.5em rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 0.5rem 0.5em rgba(0, 0, 0, .3);
    box-shadow: 0 0 0.5rem 0.5em rgba(0, 0, 0, .3);
    height: 2.75rem; }
  @media (min-width: 600px) {
      .site_scrolled .site__header {
        height: 4.75rem; } }
  @media (min-width: 900px) {
      .site_scrolled .site__header {
        height: 9.5rem; } }
  @media (min-width: 1200px) {
      .site_scrolled .site__header {
        height: 9.5rem; } }
  .site__body {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-flex: 1 100%;
    flex: 1 100%; }
  .site__footer {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -webkit-flex: 1 100%;
    flex: 1 100%;
    background: #ffc425;
    display: block; }
  .site__header {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-flex: 1 100%;
    flex: 1 100%;
    background: #1860aa;
    display: block;
    height: 6.75rem;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 102; }
  @media (min-width: 600px) {
    .site__header {
      height: 9.5rem; } }
  @media (min-width: 1200px) {
    .site__header {
      height: 9.5rem; } }
  .site__main {
    margin: 0;
    padding: 0;
    border: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 100%;
    flex: 1 100%;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 100vw;
    overflow: hidden; }
  @media (min-width: 900px) {
    .site__main {
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap; } }
  @media (min-width: 1200px) {
    .site__main {
      max-width: 1180px; } }
  .site__search {
    background: #fff;
    padding: 0.25rem 0.25rem calc(.25rem - 1px) 0.25rem;
    border-bottom: solid 1px #e6e6e6; }
  @media (min-width: 1200px) {
    .site__search {
      padding: calc(.5rem - 1px) 0; } }
/**
 * Skype.
 */
.skype {
  color: #fff;
  outline: none;
  text-decoration: underline;
  background-position: 0 50%;
  background-repeat: no-repeat;
  display: none;
  font-size: 0.8rem;
  min-height: 19px;
  padding: 0 0 0 19px;
  background-image: url(/custom/customized/assets/img/skype.png);
  white-space: nowrap; }
  .skype:visited {
    color: #fff;
    text-decoration: underline; }
  .skype:hover {
    color: #ffc425;
    text-decoration: underline; }
  @media (min-width: 600px) {
  .skype {
    display: block;
    line-height: 1.33333rem; } }
/**
 * Панель вкладок.
 */
.tabbed {
  /* Кнопка вкладки. */
  /* Вкладка. */
  /* Панель кнопок */ }
  .tabbed__button {
    border: 1px solid #1860aa;
    border-bottom-width: 0;
    display: inline-block;
    padding: 0.5rem 1rem;
    /* Активная кнопка. */ }
  .tabbed__button_is_active {
    background: #1860aa;
    color: #fff; }
  .tabbed__tab {
    display: none;
    padding: 1rem 0; }
  .tabbed__tab_is_active {
    display: block; }
  .tabbed__tabs {
    display: -webkit-flex;
    display: flex;
    border-bottom: solid 3px #1860aa; }
/*
 * Таблица.
 */
.table {
  font-size: 0.8rem;
  /* Шапка таблицы. */
  /* Данные. */ }
  .table > thead > tr {
    /* Ячейка заголовка. */ }
  .table > thead > tr > * {
    border-right: solid 1px #f8f8f8;
    padding: 0.5rem; }
    .table > thead > tr > *:last-child {
      border-right: none; }
  .table > thead > tr > th {
    color: #4a4a4a;
    font-size: 90%;
    font-weight: bold;
    white-space: nowrap; }
  .table > tbody {
    /* Строка данных. */ }
  .table > tbody > tr {
    /* Заголовок строки. */ }
  .table > tbody > tr > * {
    border-right: solid 1px #f8f8f8;
    padding: 0.5rem; }
    .table > tbody > tr > *:last-child {
      border-right: none; }
  .table > tbody > tr > th[scope=row] {
    font-weight: bold;
    padding: 0.5rem;
    text-align: right; }
/**
 * Номер телефона.
 */
.tel {
  text-decoration: none;
  white-space: nowrap;
  /* Код страны. */
  /* Код оператора. */
  /* В шапке. */ }
  .tel::after {
    content: ','; }
  .tel + .tel::after {
    content: ''; }
  .tel:hover {
    text-decoration: none; }
  .tel__cc {
    display: none; }
  .tel__ndc::after {
    content: ' '; }
  .tel__ndc::before {
    content: '8 '; }
  .header__contacts > .tel {
    color: #fff;
    outline: none;
    text-decoration: underline;
    display: block;
    font-size: 1rem;
    line-height: 1;
    font-weight: bold;
    text-decoration: none; }
  .header__contacts > .tel:visited {
    color: #fff;
    text-decoration: underline; }
  .header__contacts > .tel:hover {
    color: #ffc425;
    text-decoration: underline; }
  .header__contacts > .tel::after {
    content: ''; }
  @media (min-width: 600px) {
    .header__contacts > .tel {
      line-height: 1.33333rem; } }
  .header__contacts > .tel:hover {
    text-decoration: none; }
/**
 * Предупреждение.
 */
.warning {
  background: #ffc425;
  padding: 0.2em 0.5em; }
/**
 * Время работы.
 */
.work-time {
  /* Минуты. */
  /* В шапке. */ }
  .work-time__minutes {
    font-size: 80%;
    vertical-align: super; }
  .site__header > .work-time {
    color: #fff;
    display: block;
    font-size: 0.8rem;
    height: 1rem;
    line-height: 1rem;
    margin: 0 0 0.5rem;
    text-align: center; }
  @media (min-width: 600px) {
    .site__header > .work-time {
      line-height: 2rem;
      height: 2rem;
      margin-bottom: 0.25rem; } }
  @media (min-width: 1200px) {
    .site__header > .work-time {
      line-height: 1.33333rem;
      height: 1.33333rem;
      margin-bottom: 0.5rem; } }