@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic-ext");

.layout__holder:before, .footer__menu:before, .footer__links:before, .sidebar__list:before, .menu_type_trucking:before, .menu__list:before, .index-section__inner:before, .form__holder:before, .form__row:before, .banner_type_product:before, .mode__list li:before, .mode__week:before, .tags:before, .specification__list li:before, .year-navigation__list:before, .navigation__box:before, .b-specification:before, .b-specification__list li:before, .catalog-tags:before, .breadcrumbs__list:before, .content .list-three:before, .contacts:before, .social:before, .files__list:before, .gallery__list:before, .country:before, .services:before, .services__holder:before, .shop__header:before, .shop__box:before, .shop__collections:before, .collection__category:before, .region__navigation:before, .city:before, .dealer__header:before, .dealer__inner:before, .about__holder:before, .product__section:before, .product__info:before, .description__header:before, .layout__holder:after, .footer__menu:after, .footer__links:after, .sidebar__list:after, .menu_type_trucking:after, .menu__list:after, .index-section__inner:after, .form__holder:after, .form__row:after, .banner_type_product:after, .mode__list li:after, .mode__week:after, .tags:after, .specification__list li:after, .year-navigation__list:after, .navigation__box:after, .b-specification:after, .b-specification__list li:after, .catalog-tags:after, .breadcrumbs__list:after, .content .list-three:after, .contacts:after, .social:after, .files__list:after, .gallery__list:after, .country:after, .services:after, .services__holder:after, .shop__header:after, .shop__box:after, .shop__collections:after, .collection__category:after, .region__navigation:after, .city:after, .dealer__header:after, .dealer__inner:after, .about__holder:after, .product__section:after, .product__info:after, .description__header:after {
  content: " ";
  display: table;
}

.layout__holder:after, .footer__menu:after, .footer__links:after, .sidebar__list:after, .menu_type_trucking:after, .menu__list:after, .index-section__inner:after, .form__holder:after, .form__row:after, .banner_type_product:after, .mode__list li:after, .mode__week:after, .tags:after, .specification__list li:after, .year-navigation__list:after, .navigation__box:after, .b-specification:after, .b-specification__list li:after, .catalog-tags:after, .breadcrumbs__list:after, .content .list-three:after, .contacts:after, .social:after, .files__list:after, .gallery__list:after, .country:after, .services:after, .services__holder:after, .shop__header:after, .shop__box:after, .shop__collections:after, .collection__category:after, .region__navigation:after, .city:after, .dealer__header:after, .dealer__inner:after, .about__holder:after, .product__section:after, .product__info:after, .description__header:after {
  clear: both;
}

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/subset-MyriadPro-Regular.woff2") format("woff2"), url("../fonts/subset-MyriadPro-Regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/subset-MyriadPro-Semibold.woff2") format("woff2"), url("../fonts/subset-MyriadPro-Semibold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/subset-MyriadPro-Bold.woff2") format("woff2"), url("../fonts/subset-MyriadPro-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/subset-MyriadPro-Black.woff2") format("woff2"), url("../fonts/subset-MyriadPro-Black.woff") format("woff");
  font-style: normal;
  font-weight: 900;
}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: border-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

p {
  margin: 0;
}

.footer-mobile-links {
  display: none;
  margin-bottom: 12px;
}

.footer-mobile-links p {
  margin-top: 8px;
}

.footer-mobile-links a {
  color: #bebdbe;
  font-size: 14px;
  line-height: 18px;
}

@media screen and (max-width: 660px) {
  .footer-mobile-links {
    display: block;
  }
}

.layout__holder, .header__holder, .footer__holder, .index-section__holder, .breadcrumbs__holder, .promo__box {
  box-sizing: border-box;
  margin: auto;
  max-width: 970px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .layout__holder, .header__holder, .footer__holder, .index-section__holder, .breadcrumbs__holder, .promo__box {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.layout__name, .index-section__name {
  margin: 0;
  color: #4f4b4b;
  font-family: "MyriadPro", Arial, sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: .52px;
  text-transform: uppercase;
}

@media screen and (max-width: 750px) {
  .layout__name, .index-section__name {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .36px;
  }
}

.layout__title, .content h3, .vacancy__department, .department__name, .shop__name, .settings__title, .settings-table__title {
  display: block;
  margin: 0;
  color: #23232d;
  font-size: 15px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: .42px;
  text-transform: uppercase;
}

.layout__name, .index-section__name {
  box-sizing: border-box;
  display: inline-block;
  padding-left: 20px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.layout__name:before, .index-section__name:before {
  display: block;
  height: calc(100% - 10px);
  width: 4px;
  position: absolute;
  top: 5px;
  left: 0;
  background: #7F9441;
  content: '';
}

@media screen and (max-width: 750px) {
  .layout__name, .index-section__name {
    padding-left: 12px;
  }

  .layout__name:before, .index-section__name:before {
    height: calc(100% - 6px);
    top: 3px;
  }
}

.form__button, .arrow, .promo__button, .cart__link, .product__button, .settings__button, .settings-table__confirmation {
  transition: all 0.3s;
  background: #7F9441;
  color: #fff;
}

.form__button:hover, .arrow:hover, .promo__button:hover, .cart__link:hover, .product__button:hover, .settings__button:hover, .settings-table__confirmation:hover {
  background: #6F8239;
}

.form__button:active, .arrow:active, .promo__button:active, .cart__link:active, .product__button:active, .settings__button:active, .settings-table__confirmation:active {
  background: #6F8239;
}

.error-box__button {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.error-box__button:hover {
  background: #fff;
  color: #7F9441;
}

.sale__button, .cart__reset, .settings-table__reset {
  border-color: #ddd;
  color: #2b2b2b;
}

.sale__button:hover, .cart__reset:hover, .settings-table__reset:hover {
  border-color: #898989;
}

.year-navigation__link, .region__item {
  transition: all 0.3s;
  box-sizing: border-box;
  display: block;
  padding: 10px 5px;
  background: #f7f7f7;
  color: #2f3030;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.year-navigation__link:hover, .region__item:hover {
  color: #7F9441;
}

.state-current.year-navigation__link, .state-current.region__item {
  background: #7F9441;
  color: #fff;
}

.layout {
  overflow: hidden;
  color: #2f3030;
  font: normal 16px/24px "MyriadPro", Arial, sans-serif;
  letter-spacing: .32px;
}

@media screen and (max-width: 750px) {
  .layout {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .28px;
  }
}

.layout__main {
  box-sizing: border-box;
  min-height: calc(100vh - 230px);
  padding-top: 116px;
}

.layout__main_type_trucking, .layout__main_type_english {
  padding: 92px 0 60px;
}

.layout__main_type_index {
  padding-bottom: 50px;
}

@media screen and (max-width: 750px) {
  .layout__main {
    min-height: 0;
    padding: 0;
  }

  .layout__main_type_trucking, .layout__main_type_english {
    padding-bottom: 50px;
  }

  .layout__main_type_index {
    padding-bottom: 45px;
  }
}

.layout__page {
  margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
  .layout__page {
    margin-bottom: 0;
  }
}

.layout__header {
  margin: 25px 0;
}

@media screen and (max-width: 650px) {
  .layout__header_type_dealer {
    margin: 0;
  }
}

.layout__heading {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}

.layout__info {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  padding-left: 30px;
  line-height: 36px;
}

@media screen and (max-width: 650px) {
  .layout__info {
    margin-top: 10px;
    padding-left: 0;
    line-height: normal;
  }

  .layout__header_type_catalog .layout__info {
    margin-top: 0;
  }

  .layout__header_type_dealer .layout__info {
    font-size: 1px;
    line-height: 0;
    text-align: justify;
    text-justify: newspaper;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 0;
    padding: 12px 0;
    width: 100%;
  }

  .layout__header_type_dealer .layout__info:after {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    content: '';
  }

  .lt-ie8 .layout__header_type_dealer .layout__info {
    text-align-last: justify;
    zoom: 1;
  }
}

.layout__header .layout__holder {
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.layout__header .layout__holder:before, .layout__header .layout__holder:after {
  content: normal;
}

.layout__header_type_dealer .layout__holder {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 650px) {
  .layout__header_type_dealer .layout__holder {
    -moz-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 650px) {
  .layout__header_type_dealer .layout__name {
    margin: 16px 0;
  }
}

.layout__link {
  display: inline-block;
  color: #7F9441;
  font-size: 14px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: .56px;
  text-transform: uppercase;
  vertical-align: middle;
}

.layout__inner {
  float: right;
  width: calc(100% - 250px);
}

@media screen and (max-width: 992px) {
  .layout__inner {
    width: 100%;
  }
}

.layout__box:not(:first-of-type) {
  margin-top: 25px;
}

.layout__box_type_color {
  padding: 20px;
  background: #f7f7f7;
}

@media screen and (max-width: 750px) {
  .layout__box_type_color {
    margin: 0 -10px;
    padding: 20px 10px;
  }
}

@media screen and (max-width: 750px) {
  .layout__box:last-of-type:not(.layout__box_type_color) {
    padding-bottom: 40px;
  }
}

.layout__title {
  margin-bottom: 20px;
}

.layout__section {
  margin-top: 25px;
}

.layout__section_type_color {
  padding: 20px 0;
  background: #f7f7f7;
}

.layout__section:last-of-type:not(.layout__section_type_color) {
  margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
  .layout__section:last-of-type:not(.layout__section_type_color) {
    margin-bottom: 40px;
  }
}

.layout__description {
  margin: -5px 0 20px;
  font-size: 14px;
  line-height: 22px;
}

.layout__download {
  display: inline-block;
  padding-left: 35px;
  position: relative;
  color: #7F9441;
  font-size: 12px;
  font-weight: 900;
  line-height: 26px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}

.layout__download:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 26px;
  width: 21px;
  position: absolute;
  top: 50%;
  left: 0;
  background: url("../img/files/3d__icon.svg") no-repeat;
  content: '';
}

.layout__download span {
  transition: all 0.3s;
  border-bottom: 1px dashed #7F9441;
  display: inline-block;
  line-height: 14px;
}

.layout__download:hover span {
  border-bottom-color: transparent;
}

@media screen and (max-width: 992px) {
  .layout__download {
    display: none;
  }
}

.layout__container {
  display: flex;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 15px 0;
}

@media screen and (max-width: 650px) {
  .layout__container {
    display: block;
  }
}

.layout__cart {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 80px;
  padding-left: 31px;
  position: relative;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
  vertical-align: middle;
}

.layout__cart:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 16px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  background-image: url("../img/header/header-link__icons.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  content: '';
}

.layout__cart span {
  display: inline-block;
  margin-left: -3px;
  padding: 0 5px;
  background: #fff;
  color: #7F9441;
  vertical-align: top;
}

.layout__cart span i {
  font-style: normal;
}

.layout__cart.state-current {
  color: #7F9441;
  text-decoration: none;
}

@media screen and (max-width: 1100px) {
  .layout__cart {
    margin-right: 55px;
  }
}

@media screen and (max-width: 650px) {
  .layout__cart {
    margin-right: 0;
  }
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a,
a:focus,
a:active,
button,
button:focus,
button:active {
  outline: none;
}

.test {
  display: table;
  vertical-align: middle;
}

.test div {
  display: table-cell;
  vertical-align: middle;
}

.header {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 100;
}

@media screen and (max-width: 750px) {
  .header {
    position: relative;
  }
}

.header__container {
  position: relative;
  z-index: 5;
  background: #fff;
}

.header.menu-state-opened .header__container,
.header_state_scrolling .header__container,
.header_type_trucking .header__container,
.header_type_error .header__container,
.header_type_english .header__container {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 750px) {
  .header__container {
    box-shadow: none;
  }

  .header_type_trucking .header__container,
  .header_type_english .header__container {
    box-shadow: none;
    padding: 14px 0 10px;
  }
}

.header__holder {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
}

.header__holder:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .header__holder {
  text-align-last: justify;
  zoom: 1;
}

.header__logo {
  display: inline-block;
  height: 72px;
  width: 248px;
  background-image: url("../img/header/header-logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

@media screen and (max-width: 992px) {
  .header__logo {
    height: 58px;
    width: 200px;
  }
}

.header_state_scrolling .header__logo {
  height: 48px;
  width: 164px;
}

.header_type_trucking .header__logo,
.header_type_english .header__logo {
  height: 50px;
  width: 175px;
  background-image: url("../img/header/header-logo.svg");
}

@media screen and (max-width: 750px) {
  .header__logo {
    display: none;
  }
}

.header__logo_25 {
  position: relative;
  top: -10px;
  right: -30px;
  background-image: url("../img/header/header-logo-25.png");
}

@media screen and (max-width: 992px) {
  .header__logo_25 {
    right: 0;
  }
}

.header__inner {
  display: inline-block;
  width: 640px;
  vertical-align: middle;
}

.header_state_scrolling .header__inner {
  width: 675px;
}

@media screen and (max-width: 992px) {
  .header__inner {
    width: calc(100% - 220px);
  }

  .header_state_scrolling .header__inner {
    width: calc(100% - 220px);
  }
}

@media screen and (max-width: 750px) {
  .header__inner {
    width: 100%;
  }
}

.header__bottom {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  box-sizing: border-box;
}

.header__bottom:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .header__bottom {
  text-align-last: justify;
  zoom: 1;
}

.header__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
}

.header__top:before {
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f3f3f3;
  content: '';
}

.header_state_scrolling .header__top {
  display: none;
}

@media screen and (max-width: 750px) {
  .header__top {
    height: auto;
  }

  .header__top::before {
    z-index: 105;
  }
}

.header__bottom {
  padding: 15px 0;
}

.header__rightside {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  display: inline-block;
  width: 250px;
  position: relative;
  vertical-align: middle;
}

.header__contacts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 250px;
}

.header__rightside:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .header__rightside {
  text-align-last: justify;
  zoom: 1;
}

@media screen and (max-width: 992px) {
  .header__contacts {
    width: 220px;
  }

  .header__rightside {
    width: 220px;
  }
}

@media screen and (max-width: 750px) {
  .header__contacts {
    width: 100%;
    align-items: flex-start;
  }

  .header__rightside {
    width: 100%;
  }

  .header__language {
    margin-top: 5px;
  }
}

.header__language {
  display: inline-block;
  padding-left: 26px;
  position: relative;
  color: #828282;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}

.header__language:hover {
  text-decoration: underline;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .header__language:before {
    background-image: url("../img/header/header-language__icons@2x.png");
    background-size: 20px 28px;
  }
}

.header__language_type_english:before {
  background-position: 0 0px;
}

.header__language_type_russian:before {
  background-position: 0 -14px;
}

.header__link {
  box-sizing: border-box;
  display: inline-block;
  padding-left: 31px;
  position: relative;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  vertical-align: middle;
  text-transform: uppercase;
}

.header__link_type_order {
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
}

.header__link_type_order strong {
  font-size: 15px;
  font-weight: bold;
}

.header__link.state-current {
  color: #7F9441;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .header__link {
    font-size: 13px;
  }
}

@media screen and (max-width: 750px) {
  .header__link {
    font-size: 11px;
  }

  .header_type_trucking .header__link {
    display: none;
  }

  .header__link_type_order {
    font-size: 12px;
  }
}

.header__link:before {
  background-image: url("../img/header/header-link__icons.svg");
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 20px;
  width: 22px;
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .header__link:before {
    background-image: url("../img/header/header-link__icons.svg");
    background-size: 22px 40px;
  }
}

.header__link_type_shop:before {
  background-position: 0 0px;
}

.header__link_type_factory:before {
  background-position: 0 -20px;
}

.header__box {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  display: inline-block;
  padding: 20px 0 18px;
  vertical-align: middle;
}

.header__box:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .header__box {
  text-align-last: justify;
  zoom: 1;
}

.header__box_type_trucking {
  width: calc(100% - 200px);
}

@media screen and (max-width: 992px) {
  .header__box_type_trucking {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 750px) {
  .header__box_type_trucking {
    padding: 0;
    width: auto;
  }
}

.header__box_type_english {
  width: calc(100% - 290px);
  padding: 34px 0;
}

@media screen and (max-width: 992px) {
  .header__box_type_english {
    width: calc(100% - 220px);
  }
}

@media screen and (max-width: 750px) {
  .header__box_type_english {
    padding: 0;
    width: auto;
  }
}

.header__title {
  box-sizing: border-box;
  /* border-left: 1px solid #d9d9d9; */
  display: inline-block;
  max-width: 140px;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 900;
  line-height: 24px;
  text-transform: uppercase;
  vertical-align: middle;
}

@media screen and (max-width: 992px) {
  .header__title {
    display: none;
  }
}

.header__menu {
  transition: all 0.3s;
  filter: alpha(opacity=0);
  opacity: 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  display: block;
  padding: 15px 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f7f7f7;
}

.header__menu.menu-state-opened {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.header__menu a {
  transition: all 0.3s;
  display: inline-block;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
}

.header__menu a:hover {
  color: #7F9441;
}

.header__mobile-logo {
  background-image: url("../img/header/header-logo.svg");
  background-repeat: no-repeat;
  display: none;
  height: 30px;
  width: 100px;
  vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .header__mobile-logo {
    background-image: url("../img/header/header-logo.svg");
    background-size: 100px 30px;
  }
}

.header_type_trucking .header__mobile-logo,
.header_type_english .header__mobile-logo {
  background-image: url("../img/header/header-logo.svg");
  background-repeat: no-repeat;
  height: 40px;
  width: 138px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {

  .header_type_trucking .header__mobile-logo,
  .header_type_english .header__mobile-logo {
    background-image: url("../img/header/header-logo.svg");
    background-size: 138px 40px;
  }
}

@media screen and (max-width: 750px) {
  .header__mobile-logo {
    display: inline-block;
  }
}

.header__mobile-logo_25 {
  background-image: url("../img/header/header-logo-25.png");
}

.footer__menu a, .footer__phone, .footer__developer, .social__link {
  transition: all 0.3s;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.footer__menu a:hover, .footer__phone:hover, .footer__developer:hover, .social__link:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.footer__about, .footer__menu, .footer__phone, .footer__links, .footer__developer, .social {
  display: inline-block;
  vertical-align: middle;
}

.footer {
  background: #686565;
}

.footer_type_trucking {
  padding: 20px 0;
  background: #4f4b4b;
}

.footer__top {
  padding: 20px 0 19px;
}

@media screen and (max-width: 750px) {
  .footer__about {
    display: none;
  }
}

.footer__logo {
  display: block;
  height: 48px;
  width: 162px;
  margin-left: -10px;
  background-image: url("../img/footer/footer__logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 992px) {
  .footer__logo {
    height: 42px;
    width: 142px;
  }
}

.footer__copyright {
  filter: alpha(opacity=60);
  opacity: 0.6;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}

@media screen and (max-width: 992px) {
  .footer__copyright {
    font-size: 11px;
  }
}

.footer__copyright_type_mobile {
  display: none;
  margin: 20px 0 15px;
}

@media screen and (max-width: 750px) {
  .footer__copyright_type_mobile {
    display: block;
  }
}

.footer__copyright span {
  display: inline-block;
  font-size: 11px;
  line-height: 11px;
  vertical-align: bottom;
}

.footer__link {
  display: inline-block;
  margin-top: 8px;
  color: #bebdbe;
  font-size: 14px;
  line-height: 18px;
  vertical-align: top;
}

.footer__link:hover {
  color: #fff;
}

.footer__menu {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 -22px;
}

.footer__menu li {
  float: left;
  padding: 0 22px;
  position: relative;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: .3px;
}

.footer__menu li:not(:first-of-type):before {
  height: calc(100% - 4px);
  width: 1px;
  position: absolute;
  top: 2px;
  left: 0;
  background: rgba(255, 255, 255, 0.4);
  content: '';
}

.footer__menu a {
  transition: none;
  display: block;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .footer__menu {
    margin: 0 -15px;
  }

  .footer__menu li {
    padding: 0 15px;
  }
}

@media screen and (max-width: 750px) {
  .footer__menu {
    display: block;
    margin: 0;
    padding: 5px 0;
  }

  .footer__menu li {
    float: none;
    display: block;
  }

  .footer__menu li:not(:first-of-type) {
    margin-top: 15px;
  }

  .footer__menu li:before {
    content: normal !important;
  }

  .footer__menu a {
    display: block;
    text-align: center;
  }
}

.footer__holder {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
}

.footer__holder:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .footer__holder {
  text-align-last: justify;
  zoom: 1;
}

@media screen and (max-width: 750px) {
  .footer__holder {
    text-align: center;
  }
}

.footer__bottom {
  padding: 13px 0 14px;
  background: #4f4b4b;
}

.footer__phone {
  padding-left: 24px;
  position: relative;
  color: #fff;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: .32px;
  text-decoration: none;
  pointer-events: none;
}

@media screen and (max-width: 1100px) {
  .footer__phone {
    pointer-events: visible;
  }
}

@media screen and (max-width: 992px) {
  .footer__phone {
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) {
  .footer_type_trucking .footer__phone {
    margin-bottom: 15px;
  }
}

.footer__phone strong {
  font-weight: bold;
}

.footer__phone:before {
  background-image: url("../img/footer/footer-phone__icon.png");
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .footer__phone:before {
    background-image: url("../img/footer/footer-phone__icon@2x.png");
    background-size: 14px 14px;
  }
}

.footer__links {
  margin: 0 -22px;
}

.footer__links a {
  float: left;
  margin: 0 22px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .28px;
}

@media screen and (max-width: 992px) {
  .footer__links {
    margin: 0 -15px;
  }

  .footer__links a {
    margin: 0 15px;
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) {
  .footer__links {
    display: block;
    margin: 15px 0;
  }

  .footer__links a {
    float: none;
    display: block;
    margin: 15px 0 0 0;
  }

  .footer__links a:first-of-type {
    margin-top: 0;
  }
}

.footer__developer {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  height: 16px;
  width: 34px;
  position: relative;
}

.footer__developer:before {
  background-image: url("../img/footer/footer-developer__icon.png");
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 12px;
  width: 34px;
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .footer__developer:before {
    background-image: url("../img/footer/footer-developer__icon@2x.png");
    background-size: 34px 12px;
  }
}

.sidebar {
  float: left;
  width: 220px;
}

@media screen and (max-width: 992px) {
  .sidebar {
    width: 100%;
  }
}

.sidebar__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 992px) {
  .sidebar__list {
    margin-left: -5px;
  }
}

.sidebar__item {
  margin-top: 5px;
}

.sidebar__item:first-of-type {
  margin-top: 0;
}

@media screen and (max-width: 992px) {
  .sidebar__item {
    float: left;
    margin: 0;
    padding-bottom: 20px;
    padding-left: 5px;
  }
}

.sidebar__link {
  transition: all 0.3s;
  box-sizing: border-box;
  display: block;
  padding: 10px 20px;
  background: #f7f7f7;
  color: #2f3030;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
}

.sidebar__link:hover {
  background: #e9e9e9;
}

.sidebar__link.state-current {
  background: #7F9441;
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .sidebar__link {
    font-size: 13px;
  }
}

.menu {
  display: none;
  position: relative;
}

.menu_type_trucking {
  background: #f7f7f7;
}

@media screen and (max-width: 750px) {
  .menu {
    display: block;
  }
}

.menu__header {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  padding: 12px 10px;
  background: #f7f7f7;
}

.menu__header:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .menu__header {
  text-align-last: justify;
  zoom: 1;
}

.menu__name {
  display: inline-block;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: .48px;
  text-transform: uppercase;
  vertical-align: middle;
}

.menu__button {
  background-image: url("../img/menu/menu-button__icon.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  width: 26px;
  cursor: pointer;
  vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .menu__button {
    background-image: url("../img/menu/menu-button__icon@2x.png");
    background-size: 26px 40px;
  }
}

.menu__button.state-opened {
  background-position: 0 -20px;
}

.menu__holder {
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #464242;
}

.menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu__item {
  box-sizing: border-box;
  float: left;
  width: 33.33%;
}

.menu__link {
  display: block;
  padding: 42px 10px 10px;
  position: relative;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: .26px;
  text-align: center;
  text-decoration: none;
}

.menu__link:before {
  background-image: url("../img/menu/menu__icons.png");
  background-repeat: no-repeat;
  display: block;
  height: 22px;
  margin-left: -18px;
  width: 34px;
  position: absolute;
  top: 12px;
  left: 50%;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .menu__link:before {
    background-image: url("../img/menu/menu__icons@2x.png");
    background-size: 34px 132px;
  }
}

.menu__link.icon-0:before {
  background-position: 0 22px;
}

.menu__link.icon-1:before {
  background-position: 0 0px;
}

.menu__link.icon-2:before {
  background-position: 0 -22px;
}

.menu__link.icon-3:before {
  background-position: 0 -44px;
}

.menu__link.icon-4:before {
  background-position: 0 -66px;
}

.menu__link.icon-5:before {
  background-position: 0 -88px;
}

.menu__link.icon-6:before {
  background-position: 0 -110px;
}

.menu__link.icon-7:before {
  background-position: 0 -132px;
}

.menu__link.icon-8:before {
  background-position: 0 -154px;
}

.menu__link.icon-9:before {
  background-position: 0 -176px;
}

.menu__link:hover, .menu__link.state-current {
  background: #565252;
}

.menu__catalog {
  display: block;
  padding: 15px;
  position: relative;
  background: #333030;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.menu__catalog:before {
  background-image: url("../img/menu/menu-catalog__icon.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 28px;
  margin-right: 10px;
  width: 20px;
  vertical-align: top;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .menu__catalog:before {
    background-image: url("../img/menu/menu-catalog__icon@2x.png");
    background-size: 20px 28px;
  }
}

.menu__catalog:after {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-color: #333030 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
}

.menu__category {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
}

.menu__category a {
  display: block;
  padding: 15px;
  color: #fff;
  text-decoration: none;
}

.menu__category a:hover, .menu__category a.state-current {
  background: #565252;
}

.menu__box {
  box-sizing: border-box;
  float: left;
  height: 44px;
  width: 25%;
  position: relative;
  line-height: 44px;
  text-align: center;
}

.menu__box:not(:first-of-type) {
  border-left: 1px solid #e1e1e1;
}

.menu__box_type_factory {
  width: 50%;
  background: #ddd;
  color: #2f3030;
  font-size: 12px;
  font-weight: bold;
}

.menu__box_type_phone:before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("../img/menu/mobile-menu__icons.png");
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: 0 0px;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .menu__box_type_phone:before {
    background-image: url("../img/menu/mobile-menu__icons@2x.png");
    background-size: 24px 96px;
  }
}

.menu__box_type_email:before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("../img/menu/mobile-menu__icons.png");
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: 0 -24px;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .menu__box_type_email:before {
    background-image: url("../img/menu/mobile-menu__icons@2x.png");
    background-size: 24px 96px;
  }
}

.menu__box_type_whatsapp:before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("../img/menu/mobile-menu__icons.png");
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: 0 -48px;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .menu__box_type_whatsapp:before {
    background-image: url("../img/menu/mobile-menu__icons@2x.png");
    background-size: 24px 96px;
  }
}

.menu__box_type_skype:before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("../img/menu/mobile-menu__icons.png");
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: 0 -72px;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .menu__box_type_skype:before {
    background-image: url("../img/menu/mobile-menu__icons@2x.png");
    background-size: 24px 96px;
  }
}

.menu__factory {
  display: inline-block;
  padding-left: 32px;
  position: relative;
  text-decoration: underline;
  text-transform: uppercase;
  vertical-align: top;
}

.menu__factory:before {
  background-image: url("../img/header/header-link__icons.svg");
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 20px;
  width: 22px;
  position: absolute;
  top: 50%;
  left: 0;
  background-position: 0 -20px;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .menu__factory:before {
    background-image: url("../img/header/header-link__icons.svg");
    background-size: 22px 40px;
  }
}

.menu__box:hover .menu__factory {
  text-decoration: none;
}

.index-section {
  margin-top: 50px;
}

.index-section_type_view {
  margin: 0;
  padding: 45px 0;
  background: #f7f7f7;
}

@media screen and (max-width: 1100px) {
  .index-section_type_view {
    padding: 15px 0;
  }
}

@media screen and (max-width: 1100px) {
  .index-section {
    margin-top: 30px;
  }
}

.index-section:first-of-type {
  margin-top: 0;
}

.index-section__holder {
  max-width: 1280px;
}

.index-section__name {
  margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
  .index-section__name {
    font-size: 26px;
    line-height: 36px;
  }
}

@media screen and (max-width: 992px) {

  .services .index-section__name,
  .certificate .index-section__name {
    margin-bottom: 15px;
  }
}

.index-section__description {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: .36px;
  text-align: justify;
}

@media screen and (max-width: 1100px) {
  .index-section__description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .32px;
  }
}

@media screen and (max-width: 992px) {
  .index-section__description {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .28px;
  }
}

.index-section__description p:not(:first-of-type) {
  margin-top: 10px;
}

.index-section__box {
  box-sizing: border-box;
  float: left;
  width: 50%;
}

@media screen and (max-width: 750px) {
  .index-section__box {
    width: 100%;
  }
}

.form__field, .form__textarea, .search__field {
  transition: all 0.3s;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  display: block;
  padding: 10px 12px;
  width: 100%;
  outline: none;
  color: #2b2b2b;
  font: normal 14px/18px "MyriadPro", Arial, sans-serif;
}

.form__field::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder, .search__field::-webkit-input-placeholder {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #868686;
}

.form__field:-moz-placeholder, .form__textarea:-moz-placeholder, .search__field:-moz-placeholder {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #868686;
}

.form__field::-moz-placeholder, .form__textarea::-moz-placeholder, .search__field::-moz-placeholder {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #868686;
}

.form__field:-ms-input-placeholder, .form__textarea:-ms-input-placeholder, .search__field:-ms-input-placeholder {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #868686;
}

.form_type_color .form__field, .form_type_color .form__textarea, .form_type_color .search__field {
  border-color: #ebebeb;
  background: #f7f7f7;
}

.form__field:focus, .form__textarea:focus, .search__field:focus {
  border-color: #898989;
}

.state-error.form__field, .state-error.form__textarea, .state-error.search__field {
  border-color: #ca2921;
}

.form {
  position: relative;
}

.form_type_trucking {
  margin-left: 60px;
}

.form_type_feedback {
  margin-bottom: 15px;
}

.form_type_cart {
  padding-bottom: 40px;
}

@media screen and (max-width: 992px) {
  .form_type_trucking {
    margin-left: 25px;
  }
}

@media screen and (max-width: 750px) {
  .form_type_trucking {
    margin-top: 25px;
    margin-left: 0;
  }

  .form_type_cart {
    padding-bottom: 20px;
  }
}

.form_type_feedback .form__container {
  max-width: 475px;
}

.form__holder {
  margin: 0 -10px;
}

.form__inner {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 50%;
}

@media screen and (max-width: 750px) {
  .form__inner {
    width: 100%;
  }

  .form__inner:not(:first-of-type) {
    margin-top: 20px;
  }
}

.form__row {
  margin: 20px -15px 0;
}

.form__inner .form__row {
  margin: 20px 0 0;
}

.form__row:first-of-type {
  margin-top: 0;
}

.form__cell {
  box-sizing: border-box;
  float: left;
  padding: 0 15px;
  width: 100%;
  position: relative;
}

.form__inner .form__cell {
  padding: 0;
}

.form__cell_column_2 {
  width: 50%;
}

@media screen and (max-width: 650px) {
  .form__cell_column_2 {
    margin-top: 20px;
    width: 100%;
  }

  .form__cell_column_2:first-of-type {
    margin-top: 0;
  }
}

.form__field {
  height: 40px;
}

.form__textarea {
  height: 112px;
  overflow: hidden;
  resize: none;
}

.form__textarea_color_dark {
  border-color: #ebebeb;
  background-color: #f7f7f7;
}

.form__textarea_type_order {
  height: 160px;
}

.form__button {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 162px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  border: none;
  padding: 11px 30px;
}

.form__button.is-disabled {
  opacity: .5;
  pointer-events: none;
}

.form__error {
  transition: all 0.3s;
  filter: alpha(opacity=0);
  opacity: 0;
  box-sizing: border-box;
  display: block;
  padding: 4px 15px 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  color: #CA2921;
  font: normal 11px/12px "Roboto", sans-serif;
}

.form__field.state-error~.form__error,
.form__textarea.state-error~.form__error {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.online-form {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  float: right;
  margin-bottom: 15px;
  margin-left: 30px;
  padding: 10px 20px;
  width: 220px;
  background: #f7f7f7;
  font-size: 16px;
  font-weight: bold;
  line-height: 93px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 650px) {
  .online-form {
    margin: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 56px;
  }
}

.online-form__link {
  display: inline-block;
  color: #7F9441;
  line-height: 28px;
  vertical-align: middle;
}

.success {
  transition: all 0.3s;
  filter: alpha(opacity=0);
  opacity: 0;
  display: block;
  height: 100%;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: #fff;
}

.success.state-opened {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.success_type_color {
  background: #f7f7f7;
}

.success__holder {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  box-sizing: border-box;
  display: block;
  padding: 10px 20px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
}

.success__icon {
  display: inline-block;
  height: 65px;
  width: 76px;
  background: url("../img/success/success__icon.svg") no-repeat;
  vertical-align: top;
}

.success__message {
  margin: 20px 0;
  color: #2b2b2b;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}

.success__close {
  transition: all 0.3s;
  display: inline-block;
  border-bottom: 1px dashed #7F9441;
  color: #7F9441;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
  vertical-align: top;
}

.success__close:hover {
  border-bottom-color: transparent;
}

.header-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 10px;
  width: 330px;
  vertical-align: middle;
}

.header-menu:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .header-menu {
  text-align-last: justify;
  zoom: 1;
}

@media screen and (max-width: 992px) {
  .header-menu {
    width: 270px;
  }
}

@media screen and (max-width: 750px) {
  .header-menu {
    display: none;
  }
}

.header-menu__item {
  display: inline-block;
  vertical-align: top;
}

.header-menu__item_type_expanded {
  position: relative;
  padding-right: 18px;
}

.header-menu__item_type_expanded:before {
  display: block;
  height: 20px;
  margin-top: -5px;
  width: 11px;
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url("../img/icons/caret-8_5.svg");
  background-repeat: no-repeat;
  content: '';
}

.header-menu__item_type_expanded.menu-state-opened:before {
  background-position: -15px 0;
}

.header-menu__link {
  transition: all 0.3s;
  display: block;
  position: relative;
  color: #2b2b2b;
  line-height: 20px;
  text-decoration: none;
}

.header-menu__link:hover {
  color: #7F9441;
}

.header-menu_type_top .header-menu__link {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: .26px;
}

.header-menu_type_top .header-menu__link.state-current {
  color: #7F9441;
}

.header-menu_type_bottom .header-menu__link {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .6px;
  text-transform: uppercase;
}

@media screen and (max-width: 992px) {
  .header-menu_type_bottom .header-menu__link {
    font-size: 13px;
    letter-spacing: .52px;
  }
}

.header-menu_type_bottom .header-menu__link:before {
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
  background: #7F9441;
}

.header-menu_type_bottom .header-menu__link.state-current:before {
  content: '';
}

.header-menu__item_type_expanded .header-menu__link:after {
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  transform: translate(-50%, 0) rotate(45deg);
  transition: all 0.3s;
  filter: alpha(opacity=0);
  opacity: 0;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0 1px 1px 0;
  display: block;
  height: 14px;
  visibility: hidden;
  width: 14px;
  background: #fff;
  position: absolute;
  bottom: -31px;
  left: 50%;
  content: "";
}

.header-menu__item_type_expanded.menu-state-opened .header-menu__link:after {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.search_type_header {
  display: inline-block;
  vertical-align: middle;
}

.search__icon, .search__button {
  transition: all 0.3s;
  box-sizing: border-box;
  display: block;
  height: 36px;
  width: 36px;
  position: relative;
  background-color: #4f4b4b;
  cursor: pointer;
}

.search__icon:before, .search__button:before {
  background-image: url("../img/search/search__icon.png");
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .search__icon:before, .search__button:before {
    background-image: url("../img/search/search__icon@2x.png");
    background-size: 16px 16px;
  }
}

.search__icon:hover, .search__button:hover {
  background-color: #373434;
}

.search__icon:active, .search__button:active {
  background-color: #212121;
}

.search__form {
  position: relative;
}

.search__form_type_header {
  transition: all 0.3s;
  filter: alpha(opacity=0);
  opacity: 0;
  display: block;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.search__form_type_header.state-opened {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.search__field {
  padding: 8px 50px 8px 12px;
  background: #fafafa;
}

.search_type_results .search__field {
  border-color: #c2c2c2;
  background: #f7f7f7;
}

.search__button {
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.arrow {
  display: block;
  height: 40px;
  width: 40px;
  position: relative;
  cursor: pointer;
}

.arrow:before {
  display: block;
  height: 19px;
  margin-top: -9px;
  margin-left: -5px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("../img/icons/arrows-10_19.png");
  background-repeat: no-repeat;
  content: '';
}

.arrow_type_prev:before {
  background-position: 0 -38px;
}

.arrow_type_next:before {
  background-position: -10px -38px;
}

.banner {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 10px;
  left: -15px;
  z-index: 10;
}

.banner li {
  margin-top: 10px;
}

.banner li:first-of-type {
  margin-top: 0;
}

.banner_type_product {
  margin: 0 -12px;
  position: relative;
  top: 0;
  left: 0;
}

.banner_type_product li {
  float: left;
  margin: 0;
  padding: 0 12px 10px;
}

.banner__item {
  box-sizing: border-box;
  display: inline-block;
  min-width: 80px;
  padding: 5px 7px;
  position: relative;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
}

.banner__item:before {
  border-color: transparent;
  border-style: solid;
  border-width: 7px 0 0 15px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
}

.banner_type_product .banner__item:before {
  content: normal;
}

.banner__item:after {
  display: block;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  left: 100%;
  background-image: url("../img/banner/banner__patterns.svg");
  background-repeat: no-repeat;
  content: '';
}

.banner__item_type_sale {
  background-color: #e13c3b;
}

.banner__item_type_sale:before {
  border-top-color: #911a1d;
}

.banner__item_type_sale:after {
  background-position: 0 0px;
}

.banner__item_type_stock {
  background-color: #9C3BE1;
}

.banner__item_type_stock:before {
  border-top-color: #682A95;
}

.banner__item_type_stock:after {
  background-position: 0 -30px;
}

.banner__item_type_new {
  background-color: #36B639;
}

.banner__item_type_new:before {
  border-top-color: #247E27;
}

.banner__item_type_new:after {
  background-position: 0 -60px;
}

.banner__item_type_hit {
  background-color: #F1922A;
}

.banner__item_type_hit:before {
  border-top-color: #A66D00;
}

.banner__item_type_hit:after {
  background-position: 0 -90px;
}

.banner__item_type_discount {
  background-color: #e13c3b;
}

.banner__item_type_discount:before {
  border-top-color: #911a1d;
}

.banner__item_type_discount:after {
  background-position: 0 -120px;
}

.banner__item_type_discount {
  font-size: 18px;
}

.banner__item_type_discount sub {
  bottom: 0;
}

.mode {
  color: #2f3030;
  font-size: 14px;
  line-height: 18px;
}

.mode__title {
  display: block;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mode__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mode__list li {
  margin-top: 10px;
}

.mode__week {
  float: left;
  margin: 3px -4px;
  line-height: 12px;
}

@media screen and (max-width: 992px) {
  .mode__week {
    margin: 3px -2px;
  }
}

.mode__day {
  box-sizing: border-box;
  border: 1px solid #7F9441;
  float: left;
  height: 12px;
  margin: 0 4px;
  width: 12px;
  background: #fff;
}

.mode__day.state-active {
  background: #7F9441;
}

@media screen and (max-width: 992px) {
  .mode__day {
    margin: 0 2px;
  }
}

.mode__time {
  float: left;
  margin-left: 15px;
}

.tags {
  margin: 0 -7px;
  padding-right: 20px;
  padding-left: 30px;
}

@media screen and (max-width: 992px) {
  .tags {
    margin: 0 -5px;
    padding-right: 15px;
    padding-left: 20px;
  }
}

.tags__item {
  border: 1px dashed #7F9441;
  float: left;
  margin: 7px;
  padding: 0 20px;
  background: #fff;
  color: #7F9441;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: .36px;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .tags__item {
    margin: 5px;
    padding: 0 15px;
  }
}

.shop-benefits {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .shop-benefits {
    margin-top: 10px;
  }
}

.shop-benefits__item {
  box-sizing: border-box;
  padding: 10px 20px 10px 30px;
  width: 50%;
}

@media screen and (max-width: 992px) {
  .shop-benefits__item {
    padding: 10px 20px;
  }
}

.shop-benefits__box {
  box-sizing: border-box;
  padding-left: 45px;
  position: relative;
  color: #2f3030;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .36px;
}

.shop-benefits__box:before {
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/shop/shop-benefits__icons.png");
  background-repeat: no-repeat;
  content: '';
}

.shop-benefits__box.icon-0:before {
  background-position: 0 30px;
}

.shop-benefits__box.icon-1:before {
  background-position: 0 0px;
}

.shop-benefits__box.icon-2:before {
  background-position: 0 -30px;
}

.shop-benefits__box.icon-3:before {
  background-position: 0 -60px;
}

.shop-benefits__box.icon-4:before {
  background-position: 0 -90px;
}

.shop-benefits__box p {
  margin: 0;
}

.shop-benefits__title {
  display: block;
  margin-bottom: 5px;
  font-weight: 900;
  text-transform: uppercase;
}

.price {
  display: inline-block;
  margin: 0;
  position: relative;
  color: #CA2921;
  vertical-align: top;
  font: bold 18px/28px "MyriadPro", Arial, sans-serif;
}

.price_type_cart {
  font-size: 15px;
  font-weight: 900;
}

@media screen and (max-width: 992px) {
  .price_type_cart {
    font-weight: bold;
  }
}

.price_type_summary {
  margin-left: 2px;
  font-weight: 900;
  vertical-align: middle;
}

@media screen and (max-width: 992px) {
  .price_type_summary {
    font-weight: bold;
  }
}

.price_color_black {
  color: #2f3030;
}

.price_type_discount {
  color: #2b2b2b;
  font-size: 16px;
  font-weight: normal;
}

.price_type_discount:before {
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(50% + 1px);
  background: #2b2b2b;
  content: '';
}

.b-specification__price .price {
  font-size: 20px;
  line-height: 20px;
}

.b-specification__price .price_type_discount {
  margin-left: 25px;
  font-size: 18px;
}

@media screen and (max-width: 650px) {
  .b-specification__price .price {
    font-size: 16px;
  }

  .b-specification__price .price_type_discount {
    margin-left: 15px;
    font-size: 16px;
  }

  .b-specification__price .price_type_discount sub {
    font-weight: normal;
  }
}

.price__info {
  font-size: 14px;
}

.specification__name {
  display: inline-block;
  color: #7F9441;
  font-size: 13px;
  font-weight: 900;
  line-height: 22px;
  text-transform: uppercase;
  vertical-align: top;
}

.specification__name[href] {
  text-decoration: none;
}

.specification__name[href]:hover {
  text-decoration: underline;
}

.cart__mobile .specification__name {
  margin-bottom: 5px;
}

.specification__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

.specification__list li:not(:first-of-type) {
  margin-top: 8px;
}

.specification__title, .specification__value, .specification__subtitle {
  float: left;
  color: #2f3030;
}

.specification__title strong, .specification__value strong, .specification__subtitle strong {
  font-weight: 900;
  text-transform: uppercase;
}

.specification__title {
  width: 90px;
  color: #000;
  font-weight: normal;
}

@media screen and (max-width: 992px) {
  .specification__title {
    display: none;
  }
}

.specification__subtitle {
  margin-left: 10px;
  font-weight: normal;
}

.specification_type_cart .specification__subtitle {
  display: none;
  float: right;
}

@media screen and (max-width: 992px) {
  .specification_type_cart .specification__subtitle {
    display: block;
  }
}

.shop-banner {
  box-sizing: border-box;
  display: block;
  height: 400px;
  padding: 20px;
  background: #efa007;
}

@media screen and (max-width: 1100px) {
  .shop-banner {
    height: 250px;
    padding: 15px;
  }
}

.shop-banner__holder {
  box-sizing: border-box;
  border: 6px solid #fff;
  height: 100%;
  padding: 24px 0;
  line-height: 300px;
}

@media screen and (max-width: 1100px) {
  .shop-banner__holder {
    border-width: 5px;
    padding: 20px 0;
    line-height: 170px;
  }
}

.shop-banner__box {
  display: inline-block;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

@media screen and (max-width: 1100px) {
  .shop-banner__box {
    font-size: 14px;
    line-height: 20px;
  }
}

.shop-banner__title {
  display: block;
  margin-bottom: 40px;
  padding-bottom: 40px;
  position: relative;
  font-size: 48px;
  font-weight: 900;
  line-height: 60px;
}

.shop-banner__title:before {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  height: 2px;
  width: 74px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  background: #fff;
  content: '';
}

@media screen and (max-width: 1100px) {
  .shop-banner__title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
  }
}

.year-navigation__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 0 -10px -5px;
}

.year-navigation__item {
  box-sizing: border-box;
  float: left;
  padding: 0 0 20px 5px;
  width: calc(100% / 7);
}

@media screen and (max-width: 650px) {
  .year-navigation__item {
    width: 75px;
  }
}

.pagination {
  margin-top: 60px;
  text-align: center;
}

.pagination_type_mobile {
  display: none;
}

@media screen and (max-width: 750px) {
  .pagination_type_mobile {
    display: block;
  }
}

.pagination_type_collection {
  margin: 45px 0 35px;
}

.pagination_type_table {
  margin-top: 45px;
}

@media screen and (max-width: 750px) {
  .pagination_type_collection {
    margin: 45px 0 20px;
  }
}

@media screen and (max-width: 650px) {
  .pagination {
    margin-top: 45px;
  }
}

.pagination__list {
  display: inline-block;
  margin-left: -3px;
  vertical-align: top;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.pagination__item {
  box-sizing: border-box;
  float: left;
  height: 32px;
  margin-left: 3px;
  padding: 6px;
  width: 32px;
  background: #f7f7f7;
  color: #2f3030;
  text-align: center;
  text-decoration: none;
}

.pagination__item[href]:hover {
  color: #7F9441;
}

.pagination__item[href].state-current {
  background: #7F9441;
  color: #fff;
}

.pagination__item_type_prev, .pagination__item_type_next {
  position: relative;
}

.pagination__item_type_prev:before, .pagination__item_type_next:before {
  display: block;
  height: 19px;
  margin-top: -9px;
  margin-left: -5px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("../img/icons/arrows-10_19.png");
  background-repeat: no-repeat;
  content: '';
}

.pagination__item_type_prev:before {
  background-position: 0 0;
}

.pagination__item_type_prev:hover:before {
  background-position: 0 -19px;
}

.pagination__item_type_next:before {
  background-position: -10px 0;
}

.pagination__item_type_next:hover:before {
  background-position: -10px -19px;
}

.navigation {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  padding: 7px 0;
}

.navigation:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .navigation {
  text-align-last: justify;
  zoom: 1;
}

.navigation_type_center {
  padding: 16px 0;
  text-align: center;
}

@media screen and (max-width: 650px) {
  .navigation {
    text-align: center;
  }
}

.navigation__link {
  display: inline-block;
  color: #7F9441;
  font-size: 15px;
  font-weight: 900;
  line-height: 22px;
  letter-spacing: .56px;
  text-decoration: underline;
  text-transform: uppercase;
  vertical-align: middle;
}

.navigation__link:hover {
  text-decoration: none;
}

.navigation__box {
  display: inline-block;
  margin: 0 -10px;
  vertical-align: middle;
}

@media screen and (max-width: 650px) {
  .navigation__box {
    display: none;
  }
}

.navigation__item {
  float: left;
  margin: 0 10px;
  position: relative;
}

.navigation__hint {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.3s;
  filter: alpha(opacity=0);
  opacity: 0;
  box-sizing: border-box;
  display: block;
  height: 80px;
  margin-bottom: 18px;
  padding: 17px 20px;
  visibility: hidden;
  width: 210px;
  border: 1px solid #e1e1e1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  background: #fff;
  color: #000;
  font-size: 12px;
  font-weight: 900;
  line-height: 22px;
  letter-spacing: .48px;
  text-align: left;
  text-transform: uppercase;
}

.navigation__hint:before {
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  transform: translate(-50%, 0) rotate(45deg);
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0 1px 1px 0;
  display: block;
  height: 14px;
  width: 14px;
  background: #fff;
  position: absolute;
  bottom: -8px;
  left: 50%;
  content: "";
}

.navigation__item:hover .navigation__hint {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.category {
  display: inline-block;
  margin-left: 70px;
  position: relative;
  line-height: 36px;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .category {
    display: block;
    margin-left: 0;
  }
}

.category__label {
  transition: all 0.3s;
  border-bottom: 1px dashed #7F9441;
  display: inline-block;
  position: relative;
  color: #7F9441;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  vertical-align: middle;
}

.category__label:before {
  display: block;
  border-color: #7F9441 transparent transparent;
  border-style: solid;
  border-width: 4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  right: -15px;
  content: '';
}

.category__label.state-opened:before {
  border-color: transparent transparent #7F9441;
  margin-top: -6px;
}

.category__label:hover {
  border-bottom-color: transparent;
}

@media screen and (max-width: 750px) {
  .category__label {
    position: absolute;
    top: -20px;
    right: 20px;
  }

  .category__label.state-opened {
    border-bottom-color: transparent;
  }
}

.category__holder {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  display: none;
  padding: 15px;
  width: 530px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  background: #fff;
}

@media screen and (max-width: 992px) {
  .category__holder {
    width: 500px;
  }
}

@media screen and (max-width: 750px) {
  .category__holder {
    box-shadow: none;
    border: none;
    padding: 15px 0 0;
    width: 100%;
    position: relative;
  }
}

.category__close {
  display: block;
  height: 13px;
  width: 13px;
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url("../img/icons/close__icons.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.category__close:hover {
  background-position: 0 -12px;
}

@media screen and (max-width: 750px) {
  .category__close {
    display: none;
  }
}

.category__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  line-height: 18px;
}

@media screen and (max-width: 750px) {
  .category__list {
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
  }
}

.category__item {
  box-sizing: border-box;
  padding: 10px 15px;
  width: 33.3333333%;
}

@media screen and (max-width: 750px) {
  .category__item {
    padding: 10px 15px 10px 0;
    width: 50%;
  }
}

.category__link {
  display: inline-block;
  color: #7F9441;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
}

.category__anchor {
  transition: all 0.3s;
  color: #2b2b2b;
  font-size: 13px;
  letter-spacing: .42px;
  text-decoration: underline;
}

.category__link:hover .category__anchor {
  color: #7F9441;
  text-decoration: none;
}

.b-specification {
  margin-top: -5px;
}

.b-specification__list {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  color: #2f3030;
  font-size: 14px;
  line-height: 22px;
}

@media screen and (max-width: 992px) {
  .b-specification__list {
    float: left;
    padding-left: 30px;
    width: 45%;
  }

  .b-specification__list:first-of-type {
    padding-left: 0;
    width: 55%;
  }
}

@media screen and (max-width: 750px) {
  .b-specification__list {
    float: none;
    padding-left: 0;
    width: 100%;
  }

  .b-specification__list:first-of-type {
    width: 100%;
  }
}

.b-specification__list li {
  margin-top: 5px;
}

.b-specification__title, .b-specification__value, .b-specification__subtitle {
  float: left;
}

.b-specification__title {
  color: #000;
  width: 100px;
}

.b-specification__value {
  color: #2f3030;
  font-weight: 900;
}

.b-specification__value[href] {
  text-decoration: underline;
}

.b-specification__value[href]:hover {
  color: #7F9441;
  text-decoration: none;
}

.b-specification__abbreviation {
  margin-left: 20px;
}

.b-specification__price {
  float: left;
  width: calc(100% - 100px);
}

.table {
  margin: 0;
  padding: 0;
  list-style: none;
}

.table__item {
  border-top: 1px solid #e1e1e1;
  padding: 10px 0;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: .6px;
}

.table__item:first-of-type {
  border-top: none;
}

@media screen and (max-width: 650px) {
  .table__item {
    font-size: 14px;
    letter-spacing: .28px;
  }
}

.table__title, .table__value {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 10px;
  color: #2f3030;
  vertical-align: top;
}

@media screen and (max-width: 650px) {
  .table__title, .table__value {
    padding: 0;
  }
}

.table__title {
  width: 325px;
}

@media screen and (max-width: 650px) {
  .table__title {
    width: auto;
  }

  .table__title:after {
    display: inline-block;
    vertical-align: top;
    content: ':';
  }
}

.table__value {
  font-weight: bold;
  max-width: calc(100% - 330px);
}

@media screen and (max-width: 650px) {
  .table__value {
    margin-left: 3px;
    max-width: 100%;
    line-height: 18px;
  }
}

.table__value[href] {
  text-decoration: underline;
}

.table__value[href]:hover {
  color: #7F9441;
  text-decoration: none;
}

.catalog-tags {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 -30px;
}

@media screen and (max-width: 992px) {
  .catalog-tags {
    margin: 0 -25px;
  }
}

@media screen and (max-width: 750px) {
  .catalog-tags {
    margin: 0 -12px;
  }
}

.catalog-tags__item {
  box-sizing: border-box;
  float: left;
  padding: 14px 30px;
}

@media screen and (max-width: 992px) {
  .catalog-tags__item {
    padding: 14px 25px;
  }
}

@media screen and (max-width: 750px) {
  .catalog-tags__item {
    padding: 14px 12px;
  }
}

.catalog-tags__anchor {
  transition: all 0.3s;
  border-bottom: 1px dashed #2f3030;
  display: block;
  color: #2f3030;
  font-size: 15px;
  font-weight: 900;
  line-height: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.catalog-tags__anchor:hover, .catalog-tags__anchor.state-current {
  border-bottom-color: transparent;
  color: #7F9441;
}

.select {
  display: block;
  position: relative;
  color: #868686;
  font-size: 14px;
  line-height: 20px;
}

.select input[type=hidden] {
  position: absolute;
  top: 0;
  left: 0;
}

.select__header {
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  padding: 10px 34px 10px 12px;
  position: relative;
  background: #fff;
  cursor: pointer;
}

.select__header:before {
  box-sizing: border-box;
  border-color: #868686 transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  display: block;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  right: 12px;
  content: '';
}

.select__header.state-opened {
  transition: all 0.3s;
  border-color: #898989 #898989 #ebebeb;
}

.select__header.state-opened:before {
  border-width: 0 5px 5px;
}

.select__header.state-selected {
  color: #2b2b2b;
}

.select__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select__box {
  filter: alpha(opacity=0);
  opacity: 0;
  box-sizing: border-box;
  border-color: #898989;
  border-style: solid;
  border-width: 0 1px 1px;
  display: block;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  background: #fff;
}

.select__box.state-opened {
  transition: all 0.3s;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.select__list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 200px;
  overflow: auto;
}

.select__item {
  box-sizing: border-box;
  padding: 10px 12px;
  color: #2b2b2b;
  cursor: pointer;
}

.select__item:hover, .select__item.state-selected {
  background: #7F9441;
  color: #fff;
}

.attention {
  box-sizing: border-box;
  border: 1px dashed #7F9441;
  padding: 18px 25px 12px;
}

.attention__title {
  display: inline-block;
  padding-left: 35px;
  position: relative;
  color: #7F9441;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  vertical-align: top;
}

.attention__title:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url("../img/attention/attention__icon.png");
  background-repeat: no-repeat;
  display: block;
  height: 18px;
  width: 21px;
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .attention__title:before {
    background-image: url("../img/attention/attention__icon@2x.png");
    background-size: 21px 18px;
  }
}

.attention__message {
  margin: 10px 0 0;
  color: #181818;
  font-size: 14px;
  line-height: 20px;
}

.date {
  position: relative;
}

.date__field {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  outline: none;
  padding: 10px 30px 10px 12px;
  width: 100%;
  color: #868686;
  font: normal 15px/18px "MyriadPro", Arial, sans-serif;
}

.date__icon {
  background-image: url("../img/icons/calendar__icons.svg");
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  right: 12px;
  background-position: 0 0;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .date__icon {
    background-image: url("../img/icons/calendar__icons.svg");
    background-size: 16px 32px;
  }
}

.date:hover .date__icon,
.date__field:focus~.date__icon {
  background-position: 0 -17px;
}

.breadcrumbs {
  padding: 5px 0;
  position: relative;
  background: #f7f7f7;
  color: #919191;
}

@media screen and (max-width: 750px) {
  .breadcrumbs {
    display: none;
  }
}

.breadcrumbs__holder {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 18px;
}

.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 -9px;
}

.breadcrumbs__item {
  box-sizing: border-box;
  float: left;
  margin: 5px 0;
  padding: 0 9px;
  position: relative;
}

.breadcrumbs__item:not(:last-of-type):before {
  display: block;
  position: absolute;
  top: 0;
  right: -2px;
  font-size: 12px;
  content: '/';
}

.breadcrumbs__item a,
.breadcrumbs__item span {
  display: block;
  letter-spacing: .22px;
}

.breadcrumbs__item a {
  color: #7F9441;
  text-decoration: none;
}

.breadcrumbs__item a:hover {
  text-decoration: underline;
}

.content {
  color: #2f3030;
  margin-top: -15px;
}

.content h3 {
  margin: 15px 0;
}

.content p {
  margin: 15px 0 0;
  font: normal 16px/24px "MyriadPro", Arial, sans-serif;
  letter-spacing: .32px;
  text-align: justify;
}

@media screen and (max-width: 750px) {
  .content p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .28px;
  }
}

.content img {
  display: block;
  margin: 15px 0;
  max-width: 100%;
}

.content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 22px;
}

.content ul li {
  position: relative;
  margin-top: 5px;
  padding-left: 18px;
}

.content ul li:first-of-type {
  margin-top: 0;
}

.content ul li:before {
  display: block;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #7F9441;
  content: '';
}

@media screen and (max-width: 750px) {
  .content ul li {
    font-size: 14px;
    line-height: 20px;
  }

  .content ul li:before {
    top: 7px;
  }
}

.content a {
  color: #7F9441;
}

@media screen and (max-width: 750px) {
  .content {
    margin-top: -10px;
  }
}

@media screen and (max-width: 650px) {
  .content_type_vacancies {
    padding-bottom: 100px;
    position: relative;
  }
}

.content .list-three {
  margin: 0 -15px;
}

.content .list-three ul {
  float: left;
  padding: 0 15px;
  width: 33.333333333%;
}

@media screen and (max-width: 750px) {
  .content .list-three ul {
    width: 50%;
    margin-top: 5px;
  }
}

@media screen and (max-width: 650px) {
  .content .list-three ul {
    width: 100%;
  }
}

.content_type_seo p {
  font-size: 18px;
  line-height: 26px;
}

@media screen and (max-width: 750px) {
  .content_type_seo p {
    font-size: 14px;
    line-height: 22px;
  }
}

.contacts {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contacts_type_header {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {

  .header_type_trucking .contacts_type_header,
  .header_type_english .contacts_type_header {
    display: none;
  }
}

.contacts_type_map {
  padding: 5px 0 5px 5px;
}

.contacts__box {
  margin-top: 15px;
  padding-left: 26px;
  position: relative;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .32px;
}

.contacts_type_header .contacts__box {
  font-size: 17px;
}

@media screen and (max-width: 992px) {
  .contacts_type_header .contacts__box {
    font-size: 14px;
  }
}

.contacts__box:before {
  background-image: url("../img/contacts/contacts__icons.svg");
  background-repeat: no-repeat;
  box-sizing: border-box;
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 4px;
  left: 0;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .contacts__box:before {
    background-image: url("../img/contacts/contacts__icons.svg");
    background-size: 16px 96px;
  }
}

.contacts__box_type_phone:before {
  background-position: 0 0px;
}

.contacts__box_type_address:before {
  background-position: 0 -17px;
}

.contacts__box_type_email:before {
  background-position: 0 -34px;
}

.contacts__box_type_whatsapp:before {
  background-position: 0 -48px;
}

.contacts__box_type_skype:before {
  background-position: 0 -64px;
}

.contacts__box_type_site:before {
  background-position: 0 -80px;
}

.contacts_type_header .contacts__box,
.contacts_type_map .contacts__box {
  margin-top: 10px;
}

.contacts_type_inline .contacts__box {
  float: left;
  margin-top: 0;
  line-height: 24px;
}

.contacts_type_inline .contacts__box:not(:first-of-type) {
  margin-left: 25px;
}

.contacts__box_type_social {
  padding-left: 0;
}

.contacts__box_type_social:before {
  content: normal;
}

.contacts__box:first-of-type {
  margin-top: 0;
}

.contacts__box p {
  margin: 0;
}

.contacts__phone {
  display: inline-block;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
  pointer-events: none;
}

.contacts__phone span {
  display: inline-block;
  margin-right: 2px;
  position: relative;
  top: 1px;
  font-weight: normal;
  vertical-align: top;
}

@-moz-document url-prefix() {
  .contacts__phone span {
    top: 0;
  }
}

.contacts_type_header .contacts__phone {
  color: #2b2b2b;
}

.contacts_type_header .contacts__phone span {
  top: 0;
  color: #a1a1a1;
}

@media screen and (max-width: 1100px) {
  .contacts__phone {
    pointer-events: visible;
  }
}

.contacts__email {
  display: inline-block;
  color: #7F9441;
  text-decoration: underline;
  vertical-align: top;
}

.contacts__email:hover {
  text-decoration: none;
}

.contacts__link {
  background-image: url("../img/contacts/contacts__icons.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 24px;
  width: 24px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .contacts__link {
    background-image: url("../img/contacts/contacts__icons.svg");
    background-size: 24px 96px;
  }
}

.contacts__link_type_phone {
  background-position: 0 0px;
}

.contacts__link_type_email {
  background-position: 0 -24px;
}

.contacts__link_type_whatsapp {
  background-position: 0 -74px;
}

.contacts__link_type_skype {
  background-position: 0 -97px;
}

.map {
  height: 390px;
  width: 100%;
  margin-bottom: 40px;
  background-color: #ebebeb;
  background-image: url("../img/cover/cover__map.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.map_type_cities {
  margin: 10px 0 15px;
}

@media screen and (max-width: 750px) {
  .map_type_cities {
    margin: 15px 0;
  }
}

.map [class*="ymaps-2-1"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.social {
  margin: 0 -6px;
}

.social__link {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  box-sizing: border-box;
  float: left;
  height: 34px;
  margin: 0 6px;
  width: 34px;
  position: relative;
  text-align: center;
}

.social__link:before {
  background-image: url("../img/social/social__icons.png");
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .social__link:before {
    background-image: url("../img/social/social__icons@2x.png");
    background-size: 34px 170px;
  }
}

.social__link_type_vk:before {
  background-position: 0 0px;
}

.social__link_type_facebook:before {
  background-position: 0 -34px;
}

.social__link_type_instagram:before {
  background-position: 0 -68px;
}

.social__link_type_ok:before {
  background-position: 0 -102px;
}

.social__link_type_youtube:before {
  background-position: 0 -136px;
}

.vacancy {
  border-top: 1px solid #f3f3f3;
  padding-top: 25px;
}

@media screen and (max-width: 650px) {
  .vacancy {
    border-top: none;
    padding-top: 0;
  }
}

.vacancy__holder:not(:first-of-type) {
  margin-top: 50px;
}

@media screen and (max-width: 650px) {
  .vacancy__holder:not(:first-of-type) {
    margin-top: 40px;
  }
}

.vacancy__list {
  margin-top: 20px;
}

.vacancy__item {
  background: #f7f7f7;
}

.vacancy__item:not(:first-of-type) {
  margin-top: 30px;
}

.vacancy__post {
  transition: all 0.3s;
  box-sizing: border-box;
  display: block;
  padding: 17px 55px 17px 20px;
  position: relative;
  color: #23232d;
  cursor: pointer;
  font-size: 15px;
  font-weight: 900;
  line-height: 20px;
  text-transform: uppercase;
}

.vacancy__post:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 8px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  background-image: url("../img/icons/arrows-14_8.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 200%;
  content: '';
}

.vacancy__post:hover {
  color: #7F9441;
}

.vacancy__post:hover:before {
  background-position: 0 -8px;
}

.vacancy__post.state-opened {
  background: #7F9441;
  color: #fff;
}

.vacancy__post.state-opened:before {
  background-position: -14px -16px;
}

.vacancy__box {
  box-sizing: border-box;
  display: none;
  padding: 15px 20px 20px;
}

.vacancy__description {
  float: left;
  width: 500px;
  text-align: justify;
}

.vacancy__description p:not(:first-of-type) {
  margin-top: 10px;
}

@media screen and (max-width: 750px) {
  .vacancy__description {
    width: 100%;
  }
}

.vacancy__salary {
  float: right;
  width: calc(100% - 550px);
  font-size: 16px;
  letter-spacing: .56px;
  text-align: right;
}

.vacancy__salary strong {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .72px;
}

@media screen and (max-width: 750px) {
  .vacancy__salary {
    margin-top: 15px;
    width: 100%;
    text-align: left;
  }

  .vacancy__salary p {
    display: inline-block;
  }
}

.vacancy__questionnaire {
  clear: both;
  padding-top: 25px;
  line-height: 14px;
}

@media screen and (max-width: 750px) {
  .vacancy__questionnaire {
    padding-top: 15px;
  }
}

.vacancy__response {
  transition: all 0.3s;
  display: inline-block;
  border-bottom: 1px dashed #7F9441;
  position: relative;
  color: #7F9441;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  letter-spacing: .28px;
  text-transform: uppercase;
  vertical-align: top;
}

.vacancy__response:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 6px;
  margin-top: -1px;
  width: 10px;
  position: absolute;
  top: 50%;
  right: -18px;
  background-image: url("../img/icons/arrows-10_6.svg");
  background-repeat: no-repeat;
  background-position: 0 -1px;
  content: '';
}

.vacancy__response.state-opened:before {
  background-position: -10px 0;
}

.vacancy__response:hover {
  border-bottom-color: transparent;
}

.vacancy__form {
  display: none;
  margin: 20px 0 10px;
}

.files_type_section {
  margin: 15px 0;
}

.files__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
}

.files__box {
  box-sizing: border-box;
  display: inline-block;
  padding: 15px;
  vertical-align: top;
}

.files_column_three .files__box {
  width: 33.33333333%;
}

@media screen and (max-width: 750px) {
  .files_column_three .files__box {
    width: 50%;
  }
}

@media screen and (max-width: 650px) {
  .files_column_three .files__box {
    width: 100%;
  }
}

.files_column_four .files__box {
  width: 25%;
}

@media screen and (max-width: 992px) {
  .files_column_four .files__box {
    width: 33.33333333%;
  }
}

@media screen and (max-width: 750px) {
  .files_column_four .files__box {
    width: 50%;
  }
}

@media screen and (max-width: 650px) {
  .files_column_four .files__box {
    width: 100%;
  }
}

.files__link {
  transition: all 0.3s;
  box-sizing: border-box;
  display: block;
  min-height: 63px;
  padding-left: 63px;
  position: relative;
  color: #2f3030;
  font-size: 14px;
  letter-spacing: .28px;
  line-height: 18px;
  text-decoration: none;
}

.files__link:before {
  display: block;
  height: 63px;
  width: 49px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/files/files__icons.png");
  background-repeat: no-repeat;
  content: '';
}

.files__download .files__link {
  max-width: 180px;
  color: #000;
}

@media screen and (max-width: 650px) {
  .files__download .files__link {
    max-width: 100%;
  }
}

.files__link:hover {
  color: #7F9441;
}

.files__link_type_pdf:before {
  background-position: 0 0px;
}

.files__link_type_doc:before {
  background-position: 0 -63px;
}

.files__link_type_xls:before {
  background-position: 0 -126px;
}

.files__link_type_rar:before {
  background-position: 0 -189px;
}

.files__link_type_zip:before {
  background-position: 0 -252px;
}

.files__link_type_ppt:before {
  background-position: 0 -315px;
}

.files__name {
  display: inline-block;
  vertical-align: top;
}

.files__size {
  display: block;
  color: #8d8d8d;
  font-size: 12px;
}

.files__download .files__size {
  margin-top: 5px;
}

.files__download {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e1e1e1;
  margin-top: 5px;
  margin-left: 30px;
  padding: 20px;
  background: #fff;
}

@media screen and (max-width: 650px) {
  .files__download {
    margin: 0 0 35px;
  }
}

.gallery {
  margin-bottom: 20px;
}

.gallery__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
}

@media screen and (max-width: 750px) {
  .gallery__list {
    margin: -10px;
  }
}

.gallery__box {
  box-sizing: border-box;
  display: inline-block;
  padding: 15px;
  vertical-align: top;
}

.gallery_column_three .gallery__box {
  width: 33.33333333%;
}

.gallery_column_four .gallery__box {
  width: 25%;
}

@media screen and (max-width: 992px) {
  .gallery_column_four .gallery__box {
    width: 33.33333333%;
  }
}

@media screen and (max-width: 750px) {
  .gallery__box {
    padding: 10px;
    text-align: center;
  }
}

.gallery__link {
  display: block;
  position: relative;
}

.gallery__link:before {
  transition: all 0.3s;
  filter: alpha(opacity=0);
  opacity: 0;
  display: block;
  height: 100%;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url("../img/gallery/gallery__zoom.png");
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.gallery__link:hover:before {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.gallery__link img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .gallery__link {
    display: inline-block;
    vertical-align: top;
  }
}

.video {
  margin-bottom: 35px;
  background-image: url("../img/cover/cover__video.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.video__holder {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video__holder iframe,
.video__holder object,
.video__holder embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.articles {
  color: #2f3030;
  font-size: 14px;
  line-height: 18px;
}

.articles__item {
  display: flex;
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  min-height: 172px;
  background: #f7f7f7;
}

.articles__item:not(:first-of-type) {
  margin-top: 35px;
}

@media screen and (max-width: 650px) {
  .articles__item {
    box-shadow: none;
    display: block;
  }
}

.articles__thumbnail {
  min-height: 172px;
  width: 240px;
  background-position: 50%;
  background-size: cover;
}

@media screen and (max-width: 650px) {
  .articles__thumbnail {
    display: block;
    height: 215px;
    width: 100%;
  }
}

.articles__box {
  box-sizing: border-box;
  padding: 15px 15px 20px 20px;
  width: calc(100% - 240px);
  letter-spacing: .28px;
}

@media screen and (max-width: 650px) {
  .articles__box {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
  }
}

.articles__date {
  display: block;
  color: #7F9441;
}

.layout__header .articles__date {
  font-size: 15px;
  letter-spacing: .3px;
}

.articles__link {
  transition: all 0.3s;
  display: inline-block;
  margin: 10px 0;
  color: #000;
  font-size: 15px;
  font-weight: 900;
  line-height: 22px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
}

.articles__link:hover {
  color: #7F9441;
}

.articles__annotation {
  text-align: justify;
}

.promo__slide {
  display: block;
  height: 540px;
  position: relative;
  background-position: 50%;
  background-size: cover;
  line-height: 540px;
  text-align: center;
  /*&:before {
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: transparentize($colorBlackRGBA, .8);
            content: '';
        }*/
}

.promo_type_sale .promo__slide,
.promo_type_pictures .promo__slide {
  height: 445px;
  line-height: 445px;
}

@media screen and (max-width: 992px) {
  .promo__slide {
    height: 520px;
    line-height: 520px;
  }
}

@media screen and (max-width: 750px) {
  .promo__slide {
    height: 480px;
    line-height: 480px;
  }
}

.promo__box {
  display: inline-block;
  position: relative;
  z-index: 10;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: .8px;
  vertical-align: middle;
  text-transform: uppercase;
}

@media screen and (max-width: 992px) {
  .promo__box {
    padding: 0 100px;
  }
}

@media screen and (max-width: 750px) {
  .promo__box {
    padding: 0 15px;
    font-size: 14px;
    letter-spacing: .56px;
  }
}

.promo__title {
  display: block;
  font-size: 46px;
  font-weight: 900;
  line-height: 60px;
  letter-spacing: 1.84px;
  text-shadow: 0 0 13px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 992px) {
  .promo__title {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 1.44px;
  }
}

@media screen and (max-width: 750px) {
  .promo__title {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: .96px;
  }
}

.promo__description {
  margin: 15px 0 0;
  text-shadow: 0 0 13px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 992px) {
  .promo__description {
    margin-top: 10px;
  }
}

.promo__button {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 184px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  border: none;
  padding: 11px 30px;
  display: inline-block;
  margin-top: 50px;
}

.department {
  margin: -15px -15px 0;
}

.department_type_trucking, .department_type_english {
  margin-top: 15px;
}

@media screen and (max-width: 750px) {
  .department_type_trucking, .department_type_english {
    margin-top: 0;
  }
}

.department__list {
  display: flex;
  flex-wrap: wrap;
}

.department__item {
  box-sizing: border-box;
  padding: 15px;
  width: 50%;
}

.department_type_trucking .department__item {
  max-width: 400px;
  width: auto;
}

.department_type_english .department__item {
  max-width: 440px;
  width: auto;
}

@media screen and (max-width: 750px) {
  .department__item {
    width: 100%;
  }

  .department_type_trucking .department__item {
    width: 100%;
  }
}

.department__box {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  height: 100%;
  padding: 20px 15px;
  background: #fff;
}

.department_type_trucking .department__box {
  padding: 30px;
  background: #f7f7f7;
}

@media screen and (max-width: 750px) {
  .department_type_trucking .department__box {
    padding: 20px 15px 15px;
  }
}

.department_type_english .department__box {
  padding: 30px;
  background: #f7f7f7;
}

@media screen and (max-width: 750px) {
  .department_type_english .department__box {
    padding: 20px 15px 15px;
  }
}

.department__name {
  margin-bottom: 15px;
  font-size: 14px;
}

.country {
  box-sizing: border-box;
  padding: 60px 0;
  position: relative;
  background-image: url("../img/cover/cover__country.jpg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

@media screen and (max-width: 992px) {
  .country {
    padding: 30px 0;
  }
}

@media screen and (max-width: 750px) {
  .country {
    text-align: center;
  }
}

.country__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 60px;
  float: left;
}

@media screen and (max-width: 1100px) {
  .country__list {
    margin-left: 45px;
  }
}

@media screen and (max-width: 992px) {
  .country__list {
    margin-left: 20px;
  }
}

@media screen and (max-width: 750px) {
  .country__list {
    display: inline-block;
    float: none;
    margin-left: 25px;
    text-align: left;
    vertical-align: top;
  }

  .country__list:first-of-type {
    margin-left: 0;
  }
}

.country__item {
  margin-top: 45px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (max-width: 992px) {
  .country__item {
    margin-top: 15px;
    font-size: 12px;
    line-height: 36px;
  }
}

.country__item:first-of-type {
  margin-top: 0;
}

.country__picture {
  display: inline-block;
  vertical-align: middle;
}

.country__picture img {
  display: block;
  max-width: 100%;
}

@media screen and (max-width: 992px) {
  .country__picture {
    width: 32px;
  }
}

.country__name {
  display: inline-block;
  margin-left: 25px;
  line-height: 18px;
  vertical-align: middle;
}

@media screen and (max-width: 1100px) {
  .country__name {
    margin-left: 10px;
    max-width: 120px;
  }
}

@media screen and (max-width: 992px) {
  .country__name {
    margin-left: 6px;
  }
}

@media screen and (max-width: 750px) {
  .country__name {
    max-width: 80px;
  }
}

.question {
  margin-bottom: 35px;
  color: #2f3030;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .32px;
}

@media screen and (max-width: 750px) {
  .question {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .28px;
  }
}

.question__list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: li;
}

.question__item {
  margin-top: 30px;
  position: relative;
}

.question__item:before {
  transition: all 0.3s;
  box-sizing: border-box;
  border: 2px solid #7F9441;
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  left: 0;
  color: #7F9441;
  font: 900 18px/26px "Roboto", sans-serif;
  text-align: center;
  counter-increment: li;
  content: counters(li, ".");
}

.question__item.state-opened:before {
  background: #7F9441;
  color: #fff;
}

.question__item:first-of-type {
  margin-top: 0;
}

.question__header {
  box-sizing: border-box;
  min-height: 30px;
  padding-left: 50px;
  font-size: 16px;
  font-weight: 900;
  line-height: 26px;
}

@media screen and (max-width: 750px) {
  .question__header {
    padding-top: 2px;
    font-size: 14px;
    line-height: 22px;
  }
}

.question__name {
  transition: all 0.3s;
  border-bottom: 1px dashed #7F9441;
  cursor: pointer;
}

.question__name:hover {
  border-bottom-color: transparent;
}

.question__item.state-opened .question__name {
  border-bottom-color: transparent;
}

.question__answer {
  border-left: 2px solid #7F9441;
  display: none;
  margin-top: 15px;
  margin-left: 14px;
  padding-left: 24px;
  padding-bottom: 8px;
  position: relative;
}

.question__answer:before {
  display: block;
  height: 2px;
  width: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #7F9441;
  content: '';
}

.question__answer p {
  margin-top: 10px;
}

.question__answer p:first-of-type {
  margin-top: 0;
}

.certificate {
  position: relative;
  background: #f7f7f7;
}

.certificate__visual {
  display: block;
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.certificate__visual_type_mobile {
  display: none;
  height: 100%;
  width: calc(100% + 20px);
  right: -10px;
}

@media screen and (max-width: 750px) {
  .certificate__visual {
    display: none;
  }

  .certificate__visual_type_mobile {
    display: block;
  }
}

.certificate__table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .certificate__table {
    display: block;
  }
}

.certificate__box {
  box-sizing: border-box;
  display: table-cell;
  width: 50%;
}

.certificate__box_type_description {
  padding: 50px 40px 50px 0;
  vertical-align: top;
}

.certificate__box_type_slider {
  padding: 15px 0;
  vertical-align: middle;
}

@media screen and (max-width: 992px) {
  .certificate__box_type_description {
    padding: 25px 20px 25px 0;
  }

  .certificate__box_type_slider {
    padding: 15px 0 25px;
  }
}

@media screen and (max-width: 750px) {
  .certificate__box {
    display: block;
    width: 100%;
  }

  .certificate__box_type_slider {
    position: relative;
  }

  .certificate__box_type_slider:before {
    filter: alpha(opacity=80);
    opacity: 0.8;
    display: block;
    height: 100%;
    width: calc(100% + 20px);
    position: absolute;
    top: 0;
    left: -10px;
    background-image: url("../img/cover/cover__certificate.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.certificate__slider {
  padding: 0 100px;
}

@media screen and (max-width: 1100px) {
  .certificate__slider {
    padding-left: 0;
  }
}

@media screen and (max-width: 992px) {
  .certificate__slider {
    padding: 0;
  }
}

.certificate__slide {
  text-align: center;
  padding: 30px;
}

.certificate__slide img {
  box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.34);
  display: inline-block !important;
  max-width: 100%;
  vertical-align: top;
}

.services {
  display: flex;
  padding: 30px 0 50px;
}

@media screen and (max-width: 750px) {
  .services {
    flex-wrap: wrap;
    padding: 10px 0 0;
  }
}

.services__holder {
  width: 50%;
  float: left;
  position: relative;
}

.services__holder_type_description {
  padding: 50px 0 40px;
  z-index: 10;
  background: #f7f7f7;
}

.services__holder_type_info {
  top: 40px;
}

@media screen and (max-width: 992px) {
  .services__holder_type_description {
    width: 400px;
    padding: 20px 0;
  }

  .services__holder_type_info {
    top: 25px;
    width: calc(100% - 400px);
  }
}

@media screen and (max-width: 750px) {
  .services__holder_type_description, .services__holder_type_info {
    width: 100%;
    top: 0;
  }
}

.services__box {
  box-sizing: border-box;
  max-width: 640px;
  width: 100%;
}

.services__holder_type_description .services__box {
  float: right;
  padding-right: 40px;
  padding-left: 15px;
}

@media screen and (max-width: 992px) {
  .services__holder_type_description .services__box {
    padding-right: 15px;
  }
}

.services__holder_type_info .services__box {
  float: left;
  padding-right: 15px;
  padding-left: 60px;
}

@media screen and (max-width: 992px) {
  .services__holder_type_info .services__box {
    padding-left: 20px;
  }
}

.services__picture {
  height: 100%;
  width: calc(100% + 65px);
  position: absolute;
  top: 0;
  left: -65px;
  background-position: 0 50%;
  background-size: cover;
}

.services__picture:before {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  content: '';
}

.services__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 35px 0 30px;
  position: relative;
  z-index: 10;
}

.services__list li:not(:first-of-type) {
  margin-top: 45px;
}

@media screen and (max-width: 750px) {
  .services__list li:not(:first-of-type) {
    margin-top: 20px;
  }
}

.services__list li:nth-of-type(even) {
  text-align: right;
}

.services__item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  text-align: left;
}

.services__list li:nth-of-type(even) .services__item {
  width: 330px;
}

@media screen and (max-width: 992px) {
  .services__list li:nth-of-type(even) .services__item {
    width: 250px;
  }
}

@media screen and (max-width: 750px) {
  .services__list li:nth-of-type(even) .services__item {
    width: 180px;
  }
}

.services__value {
  display: block;
  padding-bottom: 5px;
  color: #7F9441;
  font-size: 100px;
  font-weight: 900;
  line-height: 70px;
  letter-spacing: 2px;
}

@media screen and (max-width: 992px) {
  .services__value {
    font-size: 80px;
    line-height: 55px;
  }
}

@media screen and (max-width: 750px) {
  .services__value {
    font-size: 55px;
    line-height: 36px;
  }
}

.services__title {
  display: block;
  position: absolute;
  bottom: 0;
  color: #000;
  font-size: 20px;
  font-weight: 900;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

.services__list li:nth-of-type(odd) .services__title {
  left: 75px;
}

.services__list li:nth-of-type(even) .services__title {
  right: 0;
}

@media screen and (max-width: 992px) {
  .services__title {
    font-size: 16px;
    line-height: 12px;
  }
}

@media screen and (max-width: 750px) {
  .services__title {
    font-size: 11px;
    line-height: 10px;
  }

  .services__list li:nth-of-type(odd) .services__title {
    left: 40px;
  }
}

.index-slide {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .index-slide {
    display: block;
  }
}

.index-slide__box {
  width: 50%;
}

@media screen and (max-width: 992px) {
  .index-slide__box_type_picture {
    width: 385px;
  }

  .index-slide__box_type_description {
    width: calc(100% - 385px);
  }
}

@media screen and (max-width: 750px) {
  .index-slide__box {
    width: 100%;
  }
}

.index-slide__picture {
  display: block;
}

.index-slide__picture img {
  max-width: 100%;
}

@media screen and (max-width: 750px) {
  .index-slide__picture {
    text-align: center;
  }

  .index-slide__picture img {
    display: inline-block !important;
    vertical-align: top;
  }
}

.index-slide__description {
  box-sizing: border-box;
  display: block;
  padding: 20px 35px;
  width: calc(100% + 55px);
  position: relative;
  left: -55px;
  background: #f7f7f7;
  color: #2f3030;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .index-slide__description {
    padding: 20px;
    width: calc(100% + 110px);
    left: -110px;
  }
}

@media screen and (max-width: 750px) {
  .index-slide__description {
    padding: 15px;
    width: 100%;
    left: 0;
  }
}

.sale {
  color: #2f3030;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .32px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .sale {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .56px;
  }
}

.sale__item {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 70px;
  text-align: left;
}

@media screen and (max-width: 992px) {
  .sale__item {
    margin-top: 60px;
  }
}

@media screen and (max-width: 750px) {
  .sale__item {
    display: block;
    margin-top: 35px;
  }
}

.sale__item:first-of-type {
  margin-top: 0;
}

.sale__box {
  width: 50%;
  position: relative;
}

.sale__box_type_description {
  z-index: 10;
}

.sale__box img {
  max-width: 100%;
}

@media screen and (max-width: 992px) {
  .sale__box_type_picture {
    width: 380px;
  }

  .sale__box_type_description {
    width: calc(100% - 380px);
  }
}

@media screen and (max-width: 750px) {
  .sale__box_type_picture, .sale__box_type_description {
    width: 100%;
  }
}

.sale__description {
  box-sizing: border-box;
  display: block;
  padding: 25px 30px;
  width: calc(100% + 55px);
  position: relative;
  left: -55px;
  background: #f7f7f7;
  color: #2f3030;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .sale__description {
    padding: 20px;
    width: calc(100% + 110px);
    left: -110px;
  }
}

@media screen and (max-width: 750px) {
  .sale__description {
    width: 100%;
    left: 0;
  }
}

.sale__header {
  margin-bottom: 15px;
}

.sale__slide .sale__header {
  margin-bottom: 20px;
}

@media screen and (max-width: 992px) {
  .sale__header {
    margin-bottom: 10px;
  }

  .sale__slide .sale__header {
    margin-bottom: 10px;
  }
}

.sale__name {
  transition: all 0.3s;
  display: inline-block;
  color: #2b2b2b;
  font-size: 15px;
  font-weight: 900;
  line-height: 22px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: top;
}

.sale__description:hover .sale__name,
.index-slide__description:hover .sale__name {
  color: #7F9441;
}

.sale__slide .sale__name {
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
}

@media screen and (max-width: 992px) {
  .sale__slide .sale__name {
    font-size: 15px;
    font-weight: 900;
    line-height: 22px;
  }
}

.sale__period {
  box-sizing: border-box;
  display: inline-block;
  padding: 5px 15px;
  background: #7F9441;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .32px;
  vertical-align: top;
}

.sale__period_type_past {
  background: #898989;
}

.sale__preview {
  margin-top: 15px;
  text-align: justify;
}

.sale__slide .sale__preview {
  margin-top: 20px;
}

.sale__preview p:not(:first-of-type) {
  margin-top: 10px;
}

@media screen and (max-width: 992px) {
  .sale__preview {
    margin-top: 10px;
  }

  .sale__slide .sale__preview {
    margin-top: 10px;
  }
}

.sale__button {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 200px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  margin-top: 60px;
}

@media screen and (max-width: 750px) {
  .sale__button {
    margin-top: 40px;
  }
}

.catalog {
  margin: 0 -15px;
}

.catalog_type_collection {
  margin: 10px 0 0;
}

.catalog_type_furniture {
  margin-top: 0;
}

@media screen and (max-width: 992px) {
  .catalog_type_furniture {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .catalog_type_collection {
    margin: 25px 0 0;
  }

  .catalog_type_furniture {
    margin-top: 0;
  }
}

.catalog__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); 
  gap: 30px;
}

@media screen and (max-width: 992px) {
  .catalog__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
  } 
}

@media screen and (max-width: 750px) {
  .catalog__grid {
    grid-template-columns: repeat(2, minmax(0, 250px));
    justify-content: center;
  } 
}

@media screen and (max-width: 550px) {
  .catalog__grid {
    grid-template-columns: minmax(0, 250px);
  } 
}

.catalog__slider:not(.catalog__slider_type_center) {
  padding: 10px 0;
}

.catalog__slider:not(.catalog__slider_type_center) .slick-track {
  display: flex;
}

.catalog__slider:not(.catalog__slider_type_center) .slick-slide {
  height: auto;
}

@media screen and (max-width: 992px) {
  .catalog__slider:not(.catalog__slider_type_center) {
    margin: 0 15px;
    padding-top: 0;
    text-align: center;
  }
}

.catalog__slider_type_center {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.catalog__box {
  transition: all 0.3s;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  display: inline-block;
  height: 100%;
  max-width: 250px;
  width: 100%;
  position: relative;
  background: #f7f7f7;
  text-align: left;
  text-decoration: none;
}

.catalog__box:hover {
  border-color: #c8c8c8;
  background: #e1e1e1;
}

.catalog__picture {
  box-sizing: border-box;
  height: 220px;
  padding: 10px;
  background: #fff;
  line-height: 200px;
  text-align: center;
}

.catalog__picture img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.slick-slider .catalog__picture img {
  display: inline-block;
}

.catalog__info {
  transition: all 0.3s;
  border-top: 3px solid #e1e1e1;
  padding: 10px 15px 15px;
}

.catalog__box:hover .catalog__info {
  border-color: #c8c8c8;
}

.catalog__price {
  transition: all 0.3s;
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  border-top: 1px solid #e1e1e1;
  margin-top: 15px;
  padding-top: 15px;
}

.catalog__price:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .catalog__price {
  text-align-last: justify;
  zoom: 1;
}

.catalog__box:hover .catalog__price {
  border-color: #c8c8c8;
}

.shop__item:not(:first-of-type) {
  margin-top: 40px;
}

.shop__name {
  margin-bottom: 25px;
}

.shop__description {
  display: flex;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #f7f7f7;
  min-height: 260px;
}

@media screen and (max-width: 750px) {
  .shop__description {
    display: block;
  }
}

.shop__visual {
  width: 300px;
  background-position: 50%;
  background-size: cover;
}

@media screen and (max-width: 992px) {
  .shop__visual {
    width: 230px;
  }
}

@media screen and (max-width: 750px) {
  .shop__visual {
    height: 260px;
    width: 100%;
  }
}

.shop__container {
  width: calc(100% - 300px);
}

@media screen and (max-width: 992px) {
  .shop__container {
    width: calc(100% - 230px);
  }
}

@media screen and (max-width: 750px) {
  .shop__container {
    width: 100%;
  }
}

.shop__header {
  padding: 20px 30px;
  background: #e1e1e1;
}

@media screen and (max-width: 992px) {
  .shop__header {
    font-size: 1px;
    line-height: 0;
    text-align: justify;
    text-justify: newspaper;
    padding: 20px;
  }

  .shop__header:after {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    content: '';
  }

  .lt-ie8 .shop__header {
    text-align-last: justify;
    zoom: 1;
  }
}

@media screen and (max-width: 750px) {
  .shop__header {
    display: none;
  }
}

.shop__tab {
  float: left;
  margin-left: 70px;
  color: #7F9441;
  cursor: pointer;
  font-size: 15px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.shop__tab span {
  transition: all 0.3s;
  border-bottom: 1px dashed #7F9441;
  display: inline-block;
  line-height: 14px;
}

.shop__tab:first-of-type {
  margin-left: 0;
}

@media screen and (max-width: 992px) {
  .shop__tab {
    display: inline-block;
    float: none;
    margin-left: 0;
    vertical-align: top;
  }
}

.shop__tab:hover span, .shop__tab.state-opened span {
  border-bottom-color: transparent;
}

.shop__tab.state-opened {
  pointer-events: none;
  color: #000;
}

.shop__holder {
  position: relative;
}

.shop__box {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.shop__box.state-opened {
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.3s;
  visibility: visible;
  position: relative;
}

@media screen and (max-width: 750px) {
  .shop__box {
    display: none;
  }
}

.shop__box_type_contacts {
  display: flex;
  padding: 20px 0;
}

@media screen and (max-width: 750px) {
  .shop__box_type_contacts {
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
    padding: 0 20px;
    visibility: visible;
    position: relative;
  }
}

.shop__box_type_collection {
  padding: 17px 0;
}

.shop__box_type_description {
  padding: 10px 0;
}

.shop__contacts, .shop__mode {
  box-sizing: border-box;
  float: left;
  padding-left: 30px;
  padding-right: 15px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .shop__contacts, .shop__mode {
    padding-left: 20px;
    padding-right: 15px;
  }
}

.shop__contacts {
  width: 55%;
  border-right: 1px solid #e1e1e1;
}

@media screen and (max-width: 992px) {
  .shop__contacts {
    width: 265px;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
  }
}

@media screen and (max-width: 750px) {
  .shop__contacts {
    padding: 15px 0;
    width: 100%;
  }
}

.shop__mode {
  width: 45%;
  padding-bottom: 30px;
}

@media screen and (max-width: 992px) {
  .shop__mode {
    width: calc(100% - 265px);
  }
}

@media screen and (max-width: 750px) {
  .shop__mode {
    padding: 15px 0;
    width: 100%;
  }
}

.shop__map {
  display: block;
  position: absolute;
  bottom: 0;
  left: 30px;
  color: #7F9441;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}

.shop__map span {
  transition: all 0.3s;
  border-bottom: 1px dashed #7F9441;
  display: inline-block;
  line-height: 14px;
}

.shop__map:hover span {
  border-bottom-color: transparent;
}

@media screen and (max-width: 992px) {
  .shop__map {
    left: 20px;
  }
}

@media screen and (max-width: 750px) {
  .shop__map {
    margin-top: 20px;
    position: relative;
    left: 0;
  }
}

.shop__collections {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 12px;
  position: relative;
  text-align: center;
}

.shop__collections:before {
  display: block;
  height: 100%;
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  background: #f7f7f7;
  content: '';
}

.shop__collections li {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: -.28em;
  padding: 0 18px;
  position: relative;
  font-size: 14px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.shop__collections li:before {
  display: block;
  height: 14px;
  width: 2px;
  position: absolute;
  right: -1px;
  top: 3px;
  background: #e1e1e1;
  content: '';
}

.shop__collections li:last-of-type:before {
  content: normal;
}

.shop__collections a {
  transition: all 0.3s;
  display: block;
  position: relative;
  z-index: 10;
  color: #000;
  text-decoration: none;
}

.shop__collections a:hover {
  color: #7F9441;
}

.collection {
  margin-top: 10px;
  color: #2f3030;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .4px;
}

@media screen and (max-width: 992px) {
  .collection {
    margin-top: 0;
  }
}

.collection__header {
  display: flex;
  margin: 0 -15px;
}

@media screen and (max-width: 750px) {
  .collection__header {
    flex-wrap: wrap;
    margin: 0;
  }
}

.collection__tab {
  box-sizing: border-box;
  padding: 0 15px;
  width: 33.333333333%;
}

@media screen and (max-width: 750px) {
  .collection__tab {
    padding: 0;
    width: 100%;
  }

  .collection__tab:not(:first-of-type) {
    margin-top: 20px;
  }
}

.collection__holder_type_mobile {
  display: none;
}

@media screen and (max-width: 750px) {
  .collection__holder_type_desktop {
    display: none;
  }

  .collection__holder_type_mobile {
    display: block;
  }
}

.collection__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media screen and (max-width: 992px) {
  .collection__list {
    margin: 0 -10px;
  }
}

@media screen and (max-width: 750px) {
  .collection__list {
    margin: 30px 0 0;
  }
}

.collection__item {
  box-sizing: border-box;
  padding: 30px 15px 0;
  width: 33.333333333%;
}

@media screen and (max-width: 992px) {
  .collection__item {
    padding: 30px 10px 0;
    width: 50%;
  }
}

@media screen and (max-width: 750px) {
  .collection__item {
    margin: auto;
    max-width: 355px;
    padding: 0;
    width: 100%;
  }

  .collection__item:not(:first-of-type) {
    margin-top: 30px;
  }
}

.collection__box {
  height: 100%;
  position: relative;
  background: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .collection__box {
    margin-left: 15px;
  }

  .collection_without_banner .collection__box {
    margin-left: 0;
  }
}

.collection__visual {
  display: block;
  height: 192px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.collection_with_border .collection__visual {
  border: 1px solid #e1e1e1;
}

.collection__picture {
  transition: all 0.3s;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background-position: 50%;
  background-size: cover;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.collection__visual:hover .collection__picture {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.collection__name {
  transition: all 0.3s;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 9px 15px 7px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e1e1e1;
  color: #7F9441;
  font-size: 19px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: .5px;
}

.collection__visual:hover .collection__name {
  background: #7F9441;
  color: #fff;
}

.collection__category {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 8px 0;
}

.collection__category li {
  box-sizing: border-box;
  float: left;
  padding: 0 10px 0 15px;
  width: 50%;
}

.collection__category a {
  transition: all 0.3s;
  display: inline-block;
  padding-left: 12px;
  position: relative;
  color: #2f3030;
  text-decoration: none;
  vertical-align: top;
}

.collection__category a:before {
  display: block;
  height: 4px;
  width: 4px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #7F9441;
  content: '';
}

.collection__category a:hover {
  color: #7F9441;
}

.region {
  position: relative;
}

.region__navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -10px -5px;
}

.region__navigation li {
  box-sizing: border-box;
  float: left;
  padding: 10px 5px;
  width: 20%;
}

@media screen and (max-width: 750px) {
  .region__navigation li {
    width: 50%;
  }
}

.region__item {
  text-transform: none;
}

@media screen and (max-width: 750px) {
  .region__item {
    font-size: 14px;
  }
}

.region__header {
  margin-top: 35px;
}

@media screen and (max-width: 750px) {
  .region__header {
    font-size: 1px;
    line-height: 0;
    text-align: justify;
    text-justify: newspaper;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 20px;
    padding-bottom: 10px;
  }

  .region__header:after {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    content: '';
  }

  .lt-ie8 .region__header {
    text-align-last: justify;
    zoom: 1;
  }
}

.region__name {
  display: inline-block;
  color: #2f3030;
  font-size: 21px;
  font-weight: 900;
  line-height: 24px;
  text-transform: uppercase;
  vertical-align: top;
}

@media screen and (max-width: 750px) {
  .region__name {
    font-size: 17px;
  }
}

.region__all {
  display: inline-block;
  margin-left: 65px;
  color: #7F9441;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: .42px;
  text-decoration: none;
  vertical-align: top;
}

.region__all span {
  transition: all 0.3s;
  border-bottom: 1px dashed #7F9441;
  display: inline-block;
  line-height: 15px;
}

.region__all:hover span {
  border-bottom-color: transparent;
}

.region__cities {
  display: block;
  width: 100%;
  position: absolute;
  top: 72px;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 750px) {
  .region__cities {
    position: relative;
    top: 0;
    z-index: 10;
  }
}

.region__visual {
  position: relative;
  padding-top: 15px;
}

.region__map {
  display: inline-block;
  margin-top: -20px;
  padding-right: 20px;
  position: absolute;
  top: 0;
  right: 0;
  color: #7F9441;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
}

.region__map:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 6px;
  width: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url("../img/icons/arrows-10_6.svg");
  background-repeat: no-repeat;
  content: '';
}

.region__map span {
  transition: all 0.3s;
  border-bottom: 1px dashed #7F9441;
  display: inline-block;
  line-height: 14px;
}

.region__map.state-opened:before {
  background-position: -10px 0;
}

.region__map:hover span {
  border-bottom-color: transparent;
}

@media screen and (max-width: 750px) {
  .region__map {
    margin-top: 0;
    position: relative;
  }
}

.city {
  filter: alpha(opacity=0);
  opacity: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 25px 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}

.city.state-opened {
  transition: all 0.3s;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

@media screen and (max-width: 750px) {
  .city {
    filter: alpha(opacity=100);
    opacity: 1;
    box-shadow: none;
    border-bottom: 1px solid #e1e1e1;
    display: none;
    padding: 15px 0;
    visibility: visible;
    position: relative;
    background: transparent;
  }
}

.city__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.city__list li {
  box-sizing: border-box;
  padding: 10px 25px;
  width: 25%;
}

@media screen and (max-width: 750px) {
  .city__list {
    margin: 0 -10px;
  }

  .city__list li {
    padding: 10px;
    width: 50%;
  }
}

.city__item {
  display: inline-block;
  color: #7F9441;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
}

.city__name {
  transition: all 0.3s;
  color: #2b2b2b;
  text-decoration: underline;
}

.city__item:hover .city__name {
  color: #7F9441;
  text-decoration: none;
}

.city__close {
  display: block;
  height: 13px;
  width: 13px;
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url("../img/icons/close__icons.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.city__close:hover {
  background-position: 0 -12px;
}

@media screen and (max-width: 750px) {
  .city__close {
    display: none;
  }
}

.overlay {
  filter: alpha(opacity=30);
  opacity: 0.3;
  background-color: #373233;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 150;
}

.dealer__link, .dealer__anchor {
  transition: all 0.3s;
  box-sizing: border-box;
  border: 2px solid #7F9441;
  display: block;
  padding: 15px;
  position: relative;
  background: transparent;
  color: #7F9441;
  font-size: 15px;
  font-weight: 900;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.dealer__link:before, .dealer__anchor:before {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  filter: alpha(opacity=0);
  opacity: 0;
  border-color: #7F9441 transparent transparent;
  border-style: solid;
  border-width: 8px;
  display: block;
  margin-top: 2px;
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
}

.dealer__link:hover, .dealer__anchor:hover {
  background: #7F9441;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .dealer {
    margin-top: 5px;
  }
}

.dealer__header {
  margin: 10px -10px 20px;
}

@media screen and (max-width: 750px) {
  .dealer__header {
    display: none;
  }
}

.dealer__tab {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 50%;
}

.dealer__tab.state-active .dealer__link {
  background: #7F9441;
  color: #fff;
  pointer-events: none;
}

.dealer__tab.state-active .dealer__link:before {
  transition: all 0.3s;
  filter: alpha(opacity=100);
  opacity: 1;
}

.dealer__container {
  position: relative;
}

.dealer__holder {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #f7f7f7;
}

.dealer__holder.state-opened {
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.3s;
  visibility: visible;
  position: relative;
}

@media screen and (max-width: 750px) {
  .dealer__holder {
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
    position: relative;
    background: transparent;
  }

  .dealer__holder:not(:first-of-type) {
    margin-top: 30px;
  }
}

.dealer__inner {
  padding: 35px 10px;
}

@media screen and (max-width: 750px) {
  .dealer__inner {
    display: none;
    margin-top: 20px;
    padding: 0 20px 40px;
    background: #f7f7f7;
  }
}

.dealer__box {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 50%;
}

.dealer__box_type_right {
  float: right;
}

@media screen and (max-width: 750px) {
  .dealer__box {
    margin-top: 25px;
    padding: 0;
    width: 100%;
  }

  .dealer__box_type_right {
    float: left;
  }
}

.dealer__anchor {
  display: none;
}

@media screen and (max-width: 750px) {
  .dealer__anchor {
    display: block;
  }
}

.dealer__anchor.state-active {
  background: #7F9441;
  color: #fff;
}

.dealer__anchor.state-active:before {
  transition: all 0.3s;
  filter: alpha(opacity=100);
  opacity: 1;
}

.dealer__logout {
  box-sizing: border-box;
  display: inline-block;
  padding-left: 25px;
  position: relative;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
  vertical-align: middle;
}

.dealer__logout:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 22px;
  width: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  background: url("../img/icons/logout__icon.svg") no-repeat;
  content: '';
}

.error-box {
  min-height: calc(100vh - 170px - 116px);
  display: table;
  width: 100%;
  background-image: url("../img/cover/cover__404.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .error-box {
    min-height: 0;
  }
}

.error-box__holder {
  display: table-cell;
  vertical-align: middle;
}

.error-box__inner {
  box-sizing: border-box;
  display: block;
  margin: auto;
  max-width: 820px;
  padding: 0 30px;
}

@media screen and (max-width: 750px) {
  .error-box__inner {
    padding: 0 15px;
  }
}

.error-box__content {
  padding: 175px 0 35px 190px;
  position: relative;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: .36px;
}

@media screen and (max-width: 992px) {
  .error-box__content {
    padding-top: 145px;
  }
}

@media screen and (max-width: 750px) {
  .error-box__content {
    padding: 110px 0 110px 45px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: .6px;
  }
}

.error-box__visual {
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  color: #7F9441;
  font-size: 230px;
  font-weight: 900;
  line-height: 160px;
  letter-spacing: 9px;
}

@media screen and (max-width: 992px) {
  .error-box__visual {
    font-size: 175px;
    line-height: 120px;
    letter-spacing: 7px;
  }
}

@media screen and (max-width: 750px) {
  .error-box__visual {
    font-size: 120px;
    line-height: 80px;
    letter-spacing: 4.8px;
  }
}

.error-box__title {
  display: block;
  margin-bottom: 25px;
  position: relative;
  font-size: 40px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

@media screen and (max-width: 992px) {
  .error-box__title {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 1.2px;
  }
}

@media screen and (max-width: 750px) {
  .error-box__title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .72px;
  }
}

.error-box__button {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 200px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
}

@media screen and (max-width: 750px) {
  .error-box__button {
    margin-top: 20px;
  }
}

.results {
  border-bottom: 1px solid #f3f3f3;
}

.results__header {
  margin-bottom: 25px;
  color: #000;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .28px;
}

.results__header strong {
  font-weight: bold;
}

.results__form {
  margin: 25px 0;
}

.results__list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: li;
  margin: 25px 0;
  color: #2b2b2b;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .32px;
}

.results__list li:not(:first-of-type) {
  margin-top: 15px;
}

.results__list p {
  text-align: justify;
}

.results__link {
  transition: all 0.3s;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: top;
  color: #7F9441;
  font-weight: bold;
  text-decoration: none;
}

.results__link:before {
  counter-increment: li;
  content: counters(li, ".") ". ";
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

.results__link:hover {
  color: #2f3030;
}

.cart {
  color: #2f3030;
}

.cart__header {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
}

.cart__header:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .cart__header {
  text-align-last: justify;
  zoom: 1;
}

.cart__title {
  display: inline-block;
  font-size: 16px;
  font-weight: 900;
  line-height: 20px;
  text-transform: uppercase;
  vertical-align: middle;
}

.cart__reset {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 1px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  margin-top: 0;
  padding: 5px 20px;
  vertical-align: middle;
  font-weight: normal;
  text-transform: none;
}

.cart__reset:before {
  display: inline-block;
  height: 13px;
  margin-top: 3px;
  margin-right: 8px;
  width: 13px;
  background: url("../img/icons/close__icons.svg") no-repeat;
  background-size: cover;
  vertical-align: top;
  content: '';
}

.cart__table {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  display: table;
  margin: 25px 0 20px;
  width: 100%;
  background: #fff;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .cart__table {
    display: block;
  }
}

.cart__heading {
  display: table-header-group;
  background: #f7f7f7;
  color: #2f3030;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

@media screen and (max-width: 750px) {
  .cart__heading {
    display: none;
  }
}

.cart__list {
  display: table-row-group;
}

@media screen and (max-width: 750px) {
  .cart__list {
    display: block;
  }
}

.cart__item {
  display: table-row;
}

@media screen and (max-width: 750px) {
  .cart__item {
    box-sizing: border-box;
    padding: 15px 40px 25px 100px;
    position: relative;
    display: block;
  }

  .cart__item:not(:first-of-type) {
    border-top: 1px solid #e1e1e1;
  }
}

.cart__cell {
  box-sizing: border-box;
  display: table-cell;
  padding: 15px;
  line-height: 22px;
  vertical-align: middle;
}

.cart__item .cart__cell {
  border-top: 1px solid #e1e1e1;
}

.cart__item .cart__cell[data-name=cart-info] {
  text-align: left;
}

.cart__cell[data-name=cart-info] {
  padding-left: 0;
}

.cart__cell[data-name=cart-price] {
  width: 120px;
  min-width: 120px;
}

.cart__cell[data-name=cart-counter] {
  width: 140px;
  min-width: 140px;
}

.cart__cell[data-name=cart-cost] {
  width: 130px;
  min-width: 130px;
}

.cart__cell[data-name=cart-remove] {
  min-width: 110px;
  padding-right: 20px;
  width: 110px;
}

@media screen and (max-width: 992px) {
  .cart__cell[data-name=cart-remove] {
    min-width: 50px;
    width: 50px;
  }

  .cart__cell[data-name=cart-price] {
    min-width: 110px;
    padding: 15px 10px;
    width: 110px;
  }

  .cart__cell[data-name=cart-cost] {
    min-width: 120px;
    padding: 15px 10px;
    width: 120px;
  }
}

@media screen and (max-width: 750px) {
  .cart__cell {
    display: block;
    padding: 0;
  }

  .cart__item .cart__cell {
    border-top: none;
    display: block;
    text-align: left;
  }

  .cart__cell[data-name=cart-info] {
    position: absolute;
    top: 20px;
    left: 0;
  }

  .cart__cell[data-name=cart-price] {
    display: none;
  }

  .cart__cell[data-name=cart-counter] {
    width: 100%;
  }

  .cart__cell[data-name=cart-cost] {
    display: none;
  }

  .cart__cell[data-name=cart-remove] {
    min-width: 40px;
    padding: 0 13px;
    width: 40px;
    position: absolute;
    top: 15px;
    right: 0;
  }
}

.cart__remove {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  vertical-align: top;
}

.cart__remove:before {
  display: inline-block;
  height: 13px;
  margin-top: 4px;
  margin-right: 7px;
  width: 13px;
  background-image: url("../img/icons/close__icons.svg");
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: top;
  content: '';
}

.cart__remove:hover {
  color: #7F9441;
}

.cart__remove:hover:before {
  background-position: 0 -12px;
}

@media screen and (max-width: 992px) {
  .cart__remove {
    height: 22px;
    font-size: 0;
  }

  .cart__remove:before {
    margin-right: 0;
  }
}

.cart__info {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.cart__picture {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 15px;
  width: 220px;
  text-align: center;
}

.cart__picture img {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

@media screen and (max-width: 992px) {
  .cart__picture {
    width: 130px;
    padding: 0 10px;
  }
}

@media screen and (max-width: 750px) {
  .cart__picture {
    padding: 0 15px 0 10px;
    width: 100px;
  }
}

.cart__specification {
  display: inline-block;
  padding-left: 10px;
}

@media screen and (max-width: 750px) {
  .cart__specification {
    display: none;
  }
}

.cart__counter {
  display: inline-block;
  width: 110px;
  vertical-align: top;
}

.cart__footer {
  text-align: right;
  text-transform: uppercase;
}

.cart__total {
  display: inline-block;
  color: #2f3030;
  font-size: 15px;
  font-weight: 900;
  line-height: 21px;
  vertical-align: middle;
}

@media screen and (max-width: 992px) {
  .cart__total {
    font-size: 14px;
  }
}

.cart__message {
  display: none;
  padding: 75px 0;
  font-size: 21px;
  font-weight: 900;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 750px) {
  .cart__message {
    padding: 50px 0;
    font-size: 16px;
    line-height: 24px;
  }
}

.cart__link {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 120px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  border: none;
  padding: 11px 30px;
}

.cart__mobile {
  display: none;
  margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
  .cart__mobile {
    display: block;
  }
}

.about {
  display: flex;
  padding: 30px 0 50px;
}

@media screen and (max-width: 750px) {
  .about {
    flex-wrap: wrap;
    padding: 10px 0 0;
  }
}

.about__holder {
  width: 50%;
  position: relative;
}

.about__holder_type_description {
  padding: 50px 0 40px;
  z-index: 10;
  background: #f7f7f7;
}

.about__holder_type_info {
  top: 40px;
}

@media screen and (max-width: 992px) {
  .about__holder_type_description {
    width: 400px;
    padding: 20px 0;
  }

  .about__holder_type_info {
    top: 25px;
    width: calc(100% - 400px);
  }
}

@media screen and (max-width: 750px) {
  .about__holder_type_description, .about__holder_type_info {
    min-height: 310px;
    width: 100%;
    top: 0;
  }
}

.about__box {
  box-sizing: border-box;
  max-width: 640px;
  width: 100%;
}

.about__holder_type_description .about__box {
  float: right;
  padding-right: 40px;
  padding-left: 15px;
}

@media screen and (max-width: 992px) {
  .about__holder_type_description .about__box {
    padding-right: 15px;
  }
}

.about__picture {
  height: 100%;
  width: calc(100% + 65px);
  position: absolute;
  top: 0;
  left: -65px;
  background-position: 0 50%;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .about__picture {
    width: 100%;
    left: 0;
  }
}

.news__list {
  margin: 0 -10px;
}

.news__item {
  box-sizing: border-box;
  width: 25%;
  padding: 0 10px;
}

.news__box {
  display: block;
  box-sizing: border-box;
  height: 100%;
  padding: 15px 20px 20px;
  background: #f7f7f7;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 18px;
}

.news__date {
  display: block;
  color: #7F9441;
}

.news__name {
  transition: all 0.3s;
  display: inline-block;
  margin-top: 10px;
  color: #2b2b2b;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
}

.news__name:hover {
  color: #7F9441;
}

.news__annotation {
  margin-top: 10px;
}

.subscription {
  position: relative;
  display: flex;
  margin-top: 50px;
  background-color: #f9f9f9;
}

.subscription:before, .subscription:after {
  position: absolute;
  left: 0;
  z-index: 5;
  height: 1px;
  width: 100%;
  background-color: #e8e8e8;
  content: '';
}

.subscription:before {
  top: 0;
}

.subscription:after {
  bottom: 0;
}

.subscription.is-state-focused:before, .subscription.is-state-focused:after {
  background-color: #898989;
}

@media screen and (max-width: 1100px) {
  .subscription {
    flex-wrap: wrap;
    background-color: transparent;
  }

  .subscription:before, .subscription:after {
    content: normal;
  }
}

@media screen and (max-width: 650px) {
  .subscription {
    margin-top: 35px;
  }
}

.subscription__heading {
  position: relative;
  z-index: 5;
  box-sizing: border-box;
  flex-shrink: 0;
  background: #7F9441;
  padding: 20px 35px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}

.subscription__heading:before {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 100%;
  border-color: transparent transparent transparent #7F9441;
  border-style: solid;
  border-width: 12px;
  content: '';
}

@media screen and (max-width: 650px) {
  .subscription__heading {
    width: 100%;
    text-align: center;
  }

  .subscription__heading:before {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 100%;
    left: 50%;
    border-color: #7F9441 transparent transparent transparent;
  }
}

.subscription__field {
  box-sizing: border-box;
  border: none;
  flex-grow: 1;
  outline: none;
  height: 60px;
  padding: 20px 34px;
  background-color: transparent;
  color: #2b2b2b;
  font: normal 18px/20px "MyriadPro", Arial, sans-serif;
}

.subscription__field.state-error {
  border-color: #7F9441;
}

.subscription__field::-webkit-input-placeholder {
  opacity: 1;
  color: #a1a1a1;
}

.subscription__field:-ms-input-placeholder {
  opacity: 1;
  color: #a1a1a1;
}

.subscription__field::-ms-input-placeholder {
  opacity: 1;
  color: #a1a1a1;
}

.subscription__field::placeholder {
  opacity: 1;
  color: #a1a1a1;
}

@media screen and (max-width: 1100px) {
  .subscription__field {
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    background-color: #f9f9f9;
  }

  .subscription__field:focus {
    border-color: #898989;
  }
}

@media screen and (max-width: 650px) {
  .subscription__field {
    border-width: 0 1px 1px;
    padding: 24px 12px 16px;
    font-size: 16px;
    text-align: center;
  }
}

.subscription__events {
  display: flex;
  flex-shrink: 0;
}

@media screen and (max-width: 1100px) {
  .subscription__events {
    margin-top: 20px;
    width: 100%;
  }
}

@media screen and (max-width: 650px) {
  .subscription__events {
    align-items: center;
    margin-top: 16px;
  }
}

.subscription__button {
  transition: background-color .3s, opacity .3s;
  box-sizing: border-box;
  border: none;
  flex-shrink: 0;
  height: 60px;
  opacity: 1;
  width: 60px;
  background-color: #4f4b4b;
  color: #fff;
  font: bold 16px/20px "MyriadPro", Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
}

.subscription__button.is-state-disabled {
  opacity: .5;
  pointer-events: none;
}

.subscription__button:hover {
  background-color: #373434;
}

.subscription__button:active {
  background-color: #212121;
}

@media screen and (max-width: 1100px) {
  .subscription__button {
    flex-grow: 1;
    width: auto;
  }
}

@media screen and (max-width: 650px) {
  .subscription__button {
    height: 50px;
  }
}

.subscription-checkbox {
  position: relative;
  flex-shrink: 0;
  padding: 14px 20px;
}

.subscription-checkbox:before {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  height: 40px;
  width: 1px;
  background-color: #e8e8e8;
  content: '';
}

@media screen and (max-width: 1100px) {
  .subscription-checkbox {
    padding: 14px 30px 14px 0;
  }

  .subscription-checkbox:before {
    content: normal;
  }
}

@media screen and (max-width: 650px) {
  .subscription-checkbox {
    padding: 0 8px 0 0;
  }
}

.subscription-checkbox__input {
  position: absolute;
  opacity: 0;
}

.subscription-checkbox__label {
  position: relative;
  display: block;
  padding-left: 52px;
  font-size: 18px;
  line-height: 32px;
  color: #4f4b4b;
}

.subscription-checkbox__label:before {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  border: 1px solid #e8e8e8;
  height: 32px;
  width: 32px;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
}

.subscription-checkbox__label a {
  color: #7F9441;
}

@media screen and (max-width: 650px) {
  .subscription-checkbox__label {
    box-sizing: border-box;
    max-width: 200px;
    font-size: 14px;
    line-height: 14px;
  }
}

.subscription-checkbox__input:checked~.subscription-checkbox__label:before {
  border-color: #898989;
  background-image: url("../img/icons/subscription-checkbox-icon.svg");
}

.view__holder {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

@media screen and (max-width: 1100px) {
  .view__holder {
    margin: 0 -10px;
  }
}

@media screen and (max-width: 750px) {
  .view__holder {
    margin: 0;
  }
}

.view__box {
  box-sizing: border-box;
  padding: 12px;
  width: 33.333333333%;
}

.view__box_type_large {
  width: 66.666666667%;
}

@media screen and (max-width: 1100px) {
  .view__box {
    padding: 10px;
  }
}

@media screen and (max-width: 750px) {
  .view__box {
    width: 100%;
  }

  .view__box_type_large {
    width: 100%;
  }
}

.view__slider {
  margin-right: -40px;
}

@media screen and (max-width: 1366px) {
  .view__slider {
    margin-right: -20px;
  }
}

@media screen and (max-width: 1100px) {
  .view__slider {
    margin-right: -10px;
  }
}

.view__slide {
  padding-right: 40px;
}

@media screen and (max-width: 1366px) {
  .view__slide {
    padding-right: 20px;
  }
}

@media screen and (max-width: 1100px) {
  .view__slide {
    padding-right: 10px;
  }
}

.view__item {
  display: block;
  position: relative;
}

.view__visual {
  height: 400px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .view__visual {
    height: 250px;
  }
}

.view__picture {
  transition: all 0.3s;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background-position: 50%;
  background-size: cover;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.view__item:hover .view__picture {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.view__name {
  display: block;
  position: absolute;
  z-index: 10;
  color: #4f4b4b;
  font-size: 22px;
  font-weight: bold;
  line-height: 28px;
  text-transform: uppercase;
}

.view__name:before {
  height: calc(100% - 7px);
  width: calc(100% - 28px);
  position: absolute;
  top: 18px;
  background-image: url("../img/view/view__pattern.png");
  background-repeat: repeat;
  content: '';
}

.view__name_x_right {
  right: -40px;
}

.view__name_x_right:before {
  right: 40px;
  background-position: 0 0;
}

.view__name_x_left {
  left: -40px;
}

.view__name_x_left:before {
  left: 42px;
  background-position: 100% 0;
}

.view__name_y_top {
  top: 50px;
}

.view__name_y_bottom {
  bottom: 60px;
}

@media screen and (max-width: 1366px) {
  .view__name:before {
    width: calc(100% - 8px);
  }

  .view__name_x_right {
    right: -20px;
  }

  .view__name_x_right:before {
    right: 20px;
  }

  .view__name_x_left {
    left: -20px;
  }

  .view__name_x_left:before {
    left: 22px;
  }
}

@media screen and (max-width: 1100px) {
  .view__name {
    font-size: 16px;
    line-height: 24px;
  }

  .view__name:before {
    height: calc(100% - 4px);
    width: calc(100% + 2px);
    top: 16px;
  }

  .view__name_x_right {
    right: -10px;
  }

  .view__name_x_right:before {
    right: 10px;
  }

  .view__name_x_left {
    left: -10px;
  }

  .view__name_x_left:before {
    left: 12px;
  }

  .view__name_y_top {
    top: 30px;
  }

  .view__name_y_bottom {
    bottom: 40px;
  }
}

.view__anchor {
  display: block;
  padding: 15px 30px;
  position: relative;
  z-index: 5;
  background: #e1e1e1;
}

@media screen and (max-width: 1100px) {
  .view__anchor {
    padding: 10px 15px;
  }
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.tabs_type_catalog {
  margin: 0 -15px;
}

.tabs_type_product {
  margin: -10px -5px 0;
}

@media screen and (max-width: 992px) {
  .tabs_type_catalog {
    margin: 0 -10px;
  }
}

@media screen and (max-width: 750px) {
  .tabs_type_product {
    margin: -8px -4px 0;
  }
}

.tabs__item {
  box-sizing: border-box;
  padding: 10px 5px;
}

.tabs_type_catalog .tabs__item {
  padding: 0 15px;
  width: 33.333333333%;
}

.tabs_type_collection .tabs__item {
  width: 20%;
}

@media screen and (max-width: 992px) {
  .tabs_type_catalog .tabs__item {
    padding: 0 10px;
  }

  .tabs_type_collection .tabs__item {
    width: 25%;
  }
}

@media screen and (max-width: 750px) {
  .tabs_type_product .tabs__item {
    padding: 8px 4px;
  }

  .tabs_type_catalog .tabs__item {
    width: 100%;
  }

  .tabs_type_catalog .tabs__item:not(:first-of-type) {
    margin-top: 20px;
  }

  .tabs_type_collection .tabs__item {
    width: 50%;
  }

  .tabs_type_product .tabs__item_type_all {
    width: 100%;
  }
}

.tabs__link {
  transition: all 0.3s;
  box-sizing: border-box;
  display: block;
  padding: 10px 20px;
  background: #f7f7f7;
  color: #2f3030;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
}

.tabs__link:hover {
  color: #7F9441;
}

.tabs__link.state-current {
  background: #7F9441;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .tabs__link {
    padding: 10px 15px;
  }
}

.product {
  padding-bottom: 30px;
}

@media screen and (max-width: 992px) {
  .product {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 750px) {
  .product {
    padding-bottom: 10px;
  }
}

.product__section:not(:first-of-type) {
  margin-top: 45px;
}

@media screen and (max-width: 992px) {
  .product__section:not(:first-of-type) {
    margin-top: 40px;
  }
}

@media screen and (max-width: 750px) {
  .product__section:not(:first-of-type) {
    margin-top: 30px;
  }
}

.product__holder {
  box-sizing: border-box;
  float: right;
  width: 360px;
}

@media screen and (max-width: 992px) {
  .product__holder {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .product__info {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 750px) {
  .product__info {
    padding-bottom: 0;
  }
}

.product__actions {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  padding-bottom: 10px;
}

.product__actions:after {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  content: '';
}

.lt-ie8 .product__actions {
  text-align-last: justify;
  zoom: 1;
}

@media screen and (max-width: 992px) {
  .product__actions {
    float: right;
    padding: 0;
    width: 50%;
  }
}

@media screen and (max-width: 750px) {
  .product__actions {
    float: none;
    width: 100%;
  }
}

.product__link {
  transition: all 0.3s;
  display: inline-block;
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: .48px;
  text-decoration: underline;
  text-transform: uppercase;
  vertical-align: top;
}

.product__link:before {
  background-image: url("../img/contacts/contacts__icons.svg");
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  box-sizing: border-box;
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
}

.product__link:hover {
  color: #7F9441;
  text-decoration: none;
}

.product__link_type_address:before {
  background-position: 0 -17px;
}

.product__link_type_online:before {
  background-image: url("../img/icons/cart__icon.svg");
  background-size: contain;
}

@media screen and (max-width: 992px) {
  .product__link {
    margin: 5px 0;
  }
}

@media screen and (max-width: 750px) {
  .product__link {
    margin: 0 0 10px;
    font-size: 12px;
  }
}

.product__banner {
  border-top: 1px solid #e1e1e1;
  padding: 20px 0;
}

@media screen and (max-width: 992px) {
  .product__banner {
    border-top: none;
    float: left;
    padding: 0;
    width: 50%;
  }
}

@media screen and (max-width: 750px) {
  .product__banner {
    border-top: 1px solid #e1e1e1;
    float: none;
    padding: 20px 0;
    width: 100%;
  }
}

.product__description {
  padding: 20px;
  background: #f7f7f7;
}

.product__description_type_mobile {
  display: none;
}

@media screen and (max-width: 750px) {
  .product__description {
    padding: 20px 10px;
  }

  .product__description_type_desktop {
    display: none;
  }

  .product__description_type_mobile {
    display: block;
  }
}

.product__button {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 100%;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  border: none;
  padding: 11px 30px;
  margin-bottom: 10px;
}

.product__features {
  padding-top: 20px;
}

.product__features_type_tablet {
  display: none;
}

@media screen and (max-width: 992px) {
  .product__features_type_desktop {
    display: none;
  }

  .product__features_type_tablet {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .product__features_type_tablet {
    display: none;
  }
}

.product__visual {
  float: left;
  width: 550px;
}

@media screen and (max-width: 992px) {
  .product__visual {
    float: none;
    margin: 30px 0 5px;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .product__visual {
    margin: 0 0 35px;
  }
}

.product__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.product__video iframe,
.product__video object,
.product__video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.description__header {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 -10px 20px;
}

.description__header li {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 50%;
}

@media screen and (max-width: 650px) {
  .description__header {
    margin: 0 -5px 20px;
  }

  .description__header li {
    padding: 0 5px;
  }
}

.description__link {
  transition: all 0.3s;
  box-sizing: border-box;
  border: 2px solid #e1e1e1;
  display: block;
  padding: 15px;
  position: relative;
  background: transparent;
  color: #363636;
  font-weight: 900;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.description__link:before {
  filter: alpha(opacity=0);
  opacity: 0;
  border-color: #e1e1e1 transparent transparent;
  border-style: solid;
  border-width: 8px;
  display: block;
  visibility: hidden;
  margin-top: 2px;
  margin-left: -8px;
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
}

.description__link:hover {
  background: #e1e1e1;
}

.description__link.state-active {
  background: #e1e1e1;
  color: #191919;
}

.description__link.state-active:before {
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.3s;
  visibility: visible;
}

@media screen and (max-width: 650px) {
  .description__link {
    font-size: 12px;
    letter-spacing: .36px;
  }
}

.description__holder {
  box-sizing: border-box;
  padding: 15px 25px;
  position: relative;
  background: #f7f7f7;
}

@media screen and (max-width: 650px) {
  .description__holder {
    padding: 15px 10px;
  }
}

.description__box {
  filter: alpha(opacity=0);
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.description__box.state-opened {
  transition: all 0.3s;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  position: relative;
}

.visual__holder {
  box-sizing: border-box;
  background: #fff;
}

.visual__picture {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  display: block;
  height: 410px;
  width: 100%;
  background-size: cover;
  background-position: 50%;
}

@media screen and (max-width: 650px) {
  .visual__picture {
    height: 247px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.visual__preview {
  margin: 0 -5px;
}

@media screen and (max-width: 992px) {
  .visual__preview {
    display: none;
  }
}

.visual__item {
  padding: 10px 5px 0;
}

.visual__thumbnail {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  display: block;
  height: 100px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: 50%;
  cursor: pointer;
}

.visual__thumbnail:before {
  filter: alpha(opacity=0);
  opacity: 0;
  box-sizing: border-box;
  border: 4px solid #7F9441;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.visual__item.slick-current .visual__thumbnail:before {
  transition: all 0.3s;
  filter: alpha(opacity=100);
  opacity: 1;
}

.visual__thumbnail:after {
  box-sizing: border-box;
  border-color: transparent transparent #7F9441;
  border-style: solid;
  border-width: 8px;
  display: none;
  margin-left: -8px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  content: '';
}

.visual__item.slick-current .visual__thumbnail:after {
  display: block;
}

.visual__thumbnail:hover:before {
  transition: all 0.3s;
  filter: alpha(opacity=100);
  opacity: 1;
}

.settings {
  box-sizing: border-box;
  padding: 25px 20px 30px;
  background: #f7f7f7;
}

.settings__title {
  margin-bottom: 25px;
}

.settings__title span {
  color: #7F9441;
}

@media screen and (max-width: 750px) {
  .settings__title {
    text-align: center;
  }
}

.settings__row {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -15px 0;
}

.settings__row:first-of-type {
  margin-top: 0;
}

.settings__row_type_date {
  position: relative;
}

.settings__row_type_date:before {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #868686;
  content: '';
}

@media screen and (max-width: 750px) {
  .settings__row {
    margin: 20px 0 0;
  }
}

.settings__box {
  box-sizing: border-box;
  padding: 0 15px;
  width: 50%;
}

@media screen and (max-width: 750px) {
  .settings__box {
    margin-top: 20px;
    padding: 0;
    width: 100%;
  }

  .settings__box:first-of-type {
    margin-top: 0;
  }
}

.settings__note {
  display: block;
  margin-top: 5px;
  color: #868686;
  font-size: 12px;
  line-height: 16px;
}

.settings__action {
  text-align: center;
}

.settings__button {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 160px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  border: none;
  padding: 11px 30px;
}

.settings__footer {
  display: none;
  margin-top: 20px;
  text-align: center;
}

@media screen and (max-width: 650px) {
  .settings__footer {
    display: block;
  }
}

.settings__toggle {
  display: inline-block;
  padding-right: 18px;
  position: relative;
  cursor: pointer;
  color: #7F9441;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  text-transform: uppercase;
  vertical-align: top;
}

.settings__toggle:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 6px;
  width: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url("../img/icons/arrows-10_6.svg");
  background-position: -10px 0;
  background-repeat: no-repeat;
  content: '';
}

.settings__toggle.state-closed:before {
  background-position: 0 0;
}

.settings__label {
  transition: all 0.3s;
  display: block;
  border-bottom: 1px dashed #7F9441;
}

.settings__label_type_closed {
  display: none;
}

.settings__toggle.state-closed .settings__label_type_closed {
  display: block;
}

.settings__toggle.state-closed .settings__label_type_opened {
  display: none;
}

.settings-table__title {
  margin-bottom: 20px;
}

.settings-table__actions .settings-table__title {
  margin-bottom: 0;
}

.settings-table__comment .settings-table__title {
  margin-bottom: 10px;
  font-size: 14px;
}

.settings-table__container {
  box-sizing: border-box;
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 0 1px 1px;
  display: table;
  width: 100%;
  background: #fff;
  color: #868686;
  font: normal 14px/18px "MyriadPro", Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
}

.settings-table__container[data-name=history] {
  color: #686565;
}

@media screen and (max-width: 650px) {
  .settings-table__container {
    font-size: 12px;
    line-height: 16px;
  }
}

.settings-table__header {
  display: table-header-group;
  background: #868686;
  color: #fff;
  font: bold 14px/16px "MyriadPro", Arial, sans-serif;
}

.settings-table__holder {
  display: table-row-group;
  background: #fff;
}

.settings-table__row {
  display: table-row;
}

.settings-table__row:nth-of-type(even) {
  background: #f7f7f7;
}

.settings-table__cell {
  box-sizing: border-box;
  display: table-cell;
  height: 70px;
  padding: 8px;
  vertical-align: middle;
}

.settings-table__cell.state-hidden {
  display: none;
}

.settings-table__cell:not(:first-of-type) {
  border-left: 1px solid #e1e1e1;
}

.settings-table__header .settings-table__cell {
  height: 60px;
  padding: 0 2px;
}

.settings-table__header .settings-table__cell:first-of-type, .settings-table__header .settings-table__cell:last-of-type {
  position: relative;
}

.settings-table__header .settings-table__cell:first-of-type:before, .settings-table__header .settings-table__cell:last-of-type:before {
  display: block;
  height: 60px;
  width: 1px;
  position: absolute;
  top: 0;
  background: #868686;
  content: '';
}

.settings-table__header .settings-table__cell:first-of-type:before {
  left: -1px;
}

.settings-table__header .settings-table__cell:last-of-type:before {
  right: -1px;
}

.settings-table__holder .settings-table__cell[data-name=order-info] {
  text-align: left;
}

.settings-table__cell[data-name=order-balance], .settings-table__cell[data-name=order-size], .settings-table__cell[data-name=order-storage], .settings-table__cell[data-name=order-remove] {
  max-width: 76px;
  min-width: 76px;
  width: 76px;
}

.settings-table__container[data-name=order-other-warehouse] .settings-table__cell[data-name=order-balance], .settings-table__container[data-name=order-other-warehouse] .settings-table__cell[data-name=order-size], .settings-table__container[data-name=order-other-warehouse] .settings-table__cell[data-name=order-storage], .settings-table__container[data-name=order-other-warehouse] .settings-table__cell[data-name=order-remove] {
  max-width: 150px;
  min-width: 150px;
  width: 150px;
}

.settings-table__container[data-name=cart] .settings-table__cell[data-name=order-balance], .settings-table__container[data-name=cart] .settings-table__cell[data-name=order-size], .settings-table__container[data-name=cart] .settings-table__cell[data-name=order-storage], .settings-table__container[data-name=cart] .settings-table__cell[data-name=order-remove] {
  max-width: 140px;
  min-width: 140px;
  width: 140px;
}

.settings-table__cell[data-name=order-number] {
  min-width: 129px;
  width: 129px;
}

.settings-table__cell[data-name=order-storage] {
  white-space: nowrap;
}

.settings-table__cell[data-name=order-button] {
  min-width: 117px;
  width: 117px;
}

.settings-table__cell.mobile-show {
  display: none;
}

.settings-table__container[data-name=history] .settings-table__cell {
  width: 25%;
  min-width: 25%;
  padding: 10px;
}

@media screen and (max-width: 750px) {
  .settings-table__cell.mobile-hide {
    display: none;
  }

  .settings-table__cell.mobile-show {
    display: table-cell;
  }
}

@media screen and (max-width: 650px) {
  .settings-table__cell {
    padding: 6px 4px;
  }

  .settings-table__header .settings-table__cell {
    padding: 0 6px;
  }

  .settings-table__cell[data-name=order-button] {
    min-width: 86px;
    width: 86px;
  }

  .settings-table__cell[data-name=order-number] {
    min-width: 60px;
    width: 60px;
  }

  .settings-table__container[data-name=cart] .settings-table__cell[data-name=order-balance], .settings-table__container[data-name=cart] .settings-table__cell[data-name=order-remove] {
    min-width: 68px;
    padding: 6px 8px;
    width: 68px;
  }

  .settings-table__container[data-name=history] .settings-table__cell {
    width: 33.33333333%;
    min-width: 33.33333333%;
    padding: 10px 4px;
  }

  .settings-table__container[data-name=history] .settings-table__holder .settings-table__cell {
    height: auto;
  }
}

.settings-table__name {
  display: block;
  color: #2f3030;
  text-transform: uppercase;
}

.settings-table__button {
  transition: all 0.3s;
  box-sizing: border-box;
  border: 2px solid #7F9441;
  display: block;
  background: #7F9441;
  color: #fff;
  padding: 9px 0;
  width: 100%;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.settings-table__button:hover {
  border-color: #6F8239;
  background: #6F8239;
}

.settings-table__button:active {
  border-color: #6F8239;
  background: #6F8239;
}

.settings-table__button.state-added {
  border-color: #e1e1e1;
  background: transparent;
  color: #292626;
  pointer-events: none;
}

.settings-table__button_type_outline {
  background: #fff;
  color: #7F9441;
}

.settings-table__button_type_outline:hover {
  border-color: #7F9441;
  background: #7F9441;
  color: #fff;
}

@media screen and (max-width: 650px) {
  .settings-table__button {
    font-size: 12px;
  }
}

.settings-table__container[data-name=history] .settings-table__button {
  font-size: 12px;
}

@media screen and (max-width: 650px) {
  .settings-table__container[data-name=history] .settings-table__button span {
    display: none;
  }
}

.settings-table__info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  margin-top: 5px;
  color: #5d5a5a;
  text-align: left;
}

.settings-table__info span {
  color: #2f3030;
}

@media screen and (max-width: 750px) {
  .settings-table__info {
    display: block;
  }
}

.settings-table__container[data-name=history] .settings-table__info {
  margin-top: 0;
}

.settings-table__message {
  box-sizing: border-box;
  border: 1px dashed #7F9441;
  display: inline-block;
  margin: 6px 0 2px;
  padding: 0 8px;
  color: #7F9441;
  font-size: 12px;
  line-height: 18px;
  vertical-align: top;
}

@media screen and (max-width: 650px) {
  .settings-table__message {
    padding: 4px 10px;
    line-height: 12px;
    text-align: center;
  }
}

.settings-table__actions {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.settings-table__actions_type_top {
  margin-bottom: 12px;
}

.settings-table__actions_type_bottom {
  margin-top: 30px;
}

@media screen and (max-width: 650px) {
  .settings-table__actions_type_bottom {
    margin-top: 20px;
  }
}

.settings-table__remove {
  display: inline-block;
  color: #2f3030;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  vertical-align: top;
}

.settings-table__remove:before {
  display: inline-block;
  height: 13px;
  margin-top: 4px;
  margin-right: 7px;
  width: 13px;
  background-image: url("../img/icons/close__icons.svg");
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: top;
  content: '';
}

.settings-table__remove:hover {
  color: #7F9441;
}

.settings-table__remove:hover:before {
  background-position: 0 -12px;
}

@media screen and (max-width: 992px) {
  .settings-table__remove {
    height: 22px;
    font-size: 0;
  }

  .settings-table__remove:before {
    margin-right: 0;
  }
}

.settings-table__reset {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 1px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  margin-top: 0;
  padding: 5px 20px;
  vertical-align: middle;
  font-weight: normal;
  text-transform: none;
}

.settings-table__reset:before {
  display: inline-block;
  height: 13px;
  margin-top: 3px;
  margin-right: 8px;
  width: 13px;
  background: url("../img/icons/close__icons.svg") no-repeat;
  background-size: cover;
  vertical-align: top;
  content: '';
}

.settings-table__comment {
  margin-top: 25px;
}

.settings-table__total {
  color: #2f3030;
  font-size: 16px;
  font-weight: 900;
  line-height: 22px;
  text-transform: uppercase;
}

.settings-table__total span {
  color: #7F9441;
}

.settings-table__total span i {
  font-style: normal;
}

@media screen and (max-width: 650px) {
  .settings-table__total {
    margin-bottom: 20px;
  }
}

.settings-table__confirmation {
  transition: all 0.3s;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  margin-top: 30px;
  min-width: 210px;
  padding: 9px 30px;
  cursor: pointer;
  font: bold 13px/20px "MyriadPro", Arial, sans-serif;
  letter-spacing: .48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  border: none;
  padding: 11px 30px;
  margin-top: 0;
}

@media screen and (max-width: 650px) {
  .settings-table__confirmation {
    width: 100%;
  }
}

.label-view_mobile {
  display: none;
}

@media screen and (max-width: 650px) {
  .label-view_desktop {
    display: none;
  }

  .label-view_mobile {
    display: block;
  }
}

.message {
  box-sizing: border-box;
  padding: 65px 0;
  background: #f7f7f7;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.message_type_hidden {
  display: none;
}

.message__icon {
  display: inline-block;
  height: 70px;
  vertical-align: top;
}

.message__icon_type_success {
  background-image: url("../img/message/message-success__icon.svg");
  background-repeat: no-repeat;
  width: 71px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .message__icon_type_success {
    background-image: url("../img/message/message-success__icon.svg");
    background-size: 71px 70px;
  }
}

.message__icon_type_empty {
  background-image: url("../img/message/message-empty__icon.svg");
  background-repeat: no-repeat;
  background-position-x: -2px;
  width: 96px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
  .message__icon_type_empty {
    background-image: url("../img/message/message-empty__icon.svg");
    background-size: 96px 70px;
  }
}

.message__title {
  margin: 20px 0 0;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
}

.message__description {
  margin: 10px 0 0;
}

.online-shopping-banner {
  display: block;
  margin-bottom: 30px;
  padding: 24px 20px 15px;
  background-color: #efa007;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
}

@media screen and (max-width: 992px) {
  .online-shopping-banner {
    padding: 11px 10px;
    font-size: 18px;
    line-height: 22px;
  }
}

@media screen and (max-width: 650px) {
  .online-shopping-banner {
    margin-bottom: 25px;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
  }
}

.online-shopping-banner__holder {
  border: 4px solid #fff;
  display: flex;
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .online-shopping-banner__holder {
    border-width: 2px;
  }
}

@media screen and (max-width: 650px) {
  .online-shopping-banner__holder {
    justify-content: center;
  }
}

.online-shopping-banner__box {
  flex-shrink: 0;
  padding: 14px 40px 8px;
}

@media screen and (max-width: 992px) {
  .online-shopping-banner__box {
    padding: 14px 20px 15px 10px;
  }
}

@media screen and (max-width: 650px) {
  .online-shopping-banner__box {
    padding: 14px 10px;
    text-align: center;
  }
}

.online-shopping-banner__title {
  display: block;
  font-size: 36px;
  line-height: 44px;
}

@media screen and (max-width: 992px) {
  .online-shopping-banner__title {
    font-size: 34px;
    line-height: 40px;
  }
}

@media screen and (max-width: 650px) {
  .online-shopping-banner__title {
    font-size: 22px;
    line-height: 26px;
  }
}

.online-shopping-banner__subtitle {
  display: block;
  margin-top: 4px;
}

@media screen and (max-width: 650px) {
  .online-shopping-banner__subtitle {
    margin-top: 8;
  }
}

.online-shopping-banner__picture {
  position: relative;
  flex-grow: 1;
}

.online-shopping-banner__picture img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50%;
  object-position: 50%;
}

@media screen and (max-width: 650px) {
  .online-shopping-banner__picture {
    display: none;
  }
}

.video-consultation-button {
  transition: background-color .3s, color .3s;
  border-radius: 8px;
  border: 2px solid #7F9441;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  margin-top: 24px;
  background-color: #7F9441;
  color: #fff;
  text-decoration: none;
}

.video-consultation-button_type_mobile {
  display: none;
}

@media screen and (max-width: 992px) {
  .video-consultation-button_type_mobile {
    display: flex;
  }

  .video-consultation-button_type_desktop {
    display: none;
  }
}

.video-consultation-button:hover {
  background-color: transparent;
  color: #000;
}

.video-consultation-button__anchor {
  padding-left: 32px;
  background: url("../img/video-consultation-icon-white.svg") 0 2px no-repeat;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}

.video-consultation-button:hover .video-consultation-button__anchor {
  background-image: url("../img/video-consultation-icon-red.svg");
}

.news__list .slick-slider {
  height: 100%;
}

@media screen and (max-width: 650px) {
  .news__list .slick-slider {
    height: auto;
  }
}

.news__list .slick-list {
  height: 100%;
}

@media screen and (max-width: 650px) {
  .news__list .slick-list {
    height: auto;
  }
}

.news__list .slick-track {
  display: table !important;
  height: 100%;
}

@media screen and (max-width: 650px) {
  .news__list .slick-track {
    display: block !important;
    height: auto;
  }
}

.slick-slide {
  outline: none;
}

.news__list .slick-slide {
  box-sizing: border-box;
  display: table-cell !important;
  float: none;
}

@media screen and (max-width: 650px) {
  .news__list .slick-slide {
    display: block !important;
    float: left;
  }
}

.slick-prev,
.slick-next {
  position: absolute;
  z-index: 10;
}

.promo .slick-prev, .promo .slick-next {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}

.visual__holder .slick-prev, .visual__holder .slick-next {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}

.visual__holder .slick-prev.slick-disabled, .visual__holder .slick-next.slick-disabled {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
}

.index-section__slider .slick-prev, .index-section__slider .slick-next {
  margin-bottom: 28px;
  bottom: 100%;
}

.certificate__slider .slick-prev, .certificate__slider .slick-next {
  top: 30px;
}

.catalog__slider .slick-prev, .catalog__slider .slick-next {
  bottom: 100%;
}

.catalog__slider .slick-list {
  border-right: 1px solid #e1e1e1;
}

.promo .slick-prev {
  left: 20px;
}

.visual__holder .slick-prev {
  left: 0;
}

.index-section__slider .slick-prev {
  right: 60px;
}

.certificate__slider .slick-prev {
  right: 60px;
}

.catalog__slider .slick-prev {
  right: 75px;
}

.promo .slick-next {
  right: 20px;
}

.visual__holder .slick-next {
  right: 0;
}

.index-section__slider .slick-next {
  right: 0;
}

.certificate__slider .slick-next {
  right: 0;
}

.catalog__slider .slick-next {
  right: 15px;
}

.slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  line-height: 8px;
  text-align: center;
  width: 100%;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

.slick-dots li button {
  transition: all 0.3s;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  box-sizing: border-box;
  border: none;
  display: block;
  height: 8px;
  width: 8px;
  padding: 0;
  background: #fff;
}

.promo .slick-dots {
  position: absolute;
  bottom: 40px;
  left: 0;
}

.promo_type_pictures .slick-dots {
  bottom: 30px;
}

.index-section__slider .slick-dots {
  margin-top: 40px;
}

@media screen and (max-width: 750px) {
  .index-section__slider .slick-dots {
    margin-top: 15px;
  }
}

.index-section__slider .slick-dots li button {
  background: #898989;
}

.gallery__list .slick-dots {
  margin-top: 15px;
}

.gallery__list .slick-dots li button {
  background: #898989;
}

.slider_type_dark .slick-dots li button {
  background: #898989;
}

.catalog__slider .slick-dots {
  margin-top: 20px;
}

.catalog__slider .slick-dots li button {
  background: #898989;
}

.visual__holder .slick-dots {
  margin-top: 20px;
}

.visual__holder .slick-dots li button {
  background: #898989;
}

.news__list .slick-dots {
  margin-top: 25px;
}

.news__list .slick-dots li button {
  background: #898989;
}

.view__slider .slick-dots {
  padding-right: 40px;
  position: absolute;
  bottom: 20px;
  left: 0;
}

.view__slider .slick-dots li button {
  background: #898989;
}

.slick-dots li:hover button {
  background: #7F9441;
}

.slick-dots li.slick-active button {
  background: #7F9441;
  width: 32px;
}

.box-spinner .ui-spinner {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  padding: 0 34px;
  display: block;
  width: 100%;
  background: #fff;
}

.box-spinner .ui-spinner-input {
  box-sizing: border-box;
  display: block;
  outline: none;
  margin: 0;
  padding: 5px;
  width: 100%;
  background: #fff;
  color: #2f3030;
  font: normal 18px/24px "MyriadPro", Arial, sans-serif;
  text-align: center;
}

.box-spinner .ui-spinner-button {
  box-sizing: border-box;
  display: block;
  height: 100%;
  width: 34px;
  background: #f7f7f7;
  cursor: pointer;
}

.box-spinner .ui-spinner-button:before {
  display: block;
  height: 13px;
  margin-top: -6px;
  width: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("../img/icons/spinner__icons.svg");
  content: '';
}

.box-spinner .ui-spinner-button span {
  display: none;
}

.box-spinner .ui-spinner-up {
  right: 0;
}

.box-spinner .ui-spinner-up:before {
  margin-left: -5px;
  background-position: -13px 0;
}

.box-spinner .ui-spinner-up:hover:before {
  background-position: -13px -13px;
}

.box-spinner .ui-spinner-down {
  left: 0;
}

.box-spinner .ui-spinner-down:before {
  margin-left: -7px;
  background-position: 0 0;
}

.box-spinner .ui-spinner-down:hover:before {
  background-position: 0 -13px;
}

.box-spinner_type_dealer {
  display: inline-block;
  max-width: 112px;
  vertical-align: top;
}

@media screen and (max-width: 650px) {
  .box-spinner_type_dealer .ui-spinner {
    padding: 0;
  }

  .box-spinner_type_dealer .ui-spinner-button {
    display: none;
  }

  .box-spinner_type_dealer .ui-spinner-input {
    padding: 8px 2px;
  }
}

body .ui-datepicker {
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e1e1e1;
  margin-top: 3px;
  margin-left: 60px;
  padding: 0;
  width: 250px;
  background: #fff;
  font-family: "MyriadPro", Arial, sans-serif;
}

@media screen and (max-width: 992px) {
  body .ui-datepicker {
    margin-left: 0;
    width: 300px;
  }
}

@media screen and (max-width: 320px) {
  body .ui-datepicker {
    width: 260px;
  }
}

body .ui-datepicker .ui-datepicker-header {
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
  padding: 2px;
}

body .ui-datepicker .ui-datepicker-title {
  box-sizing: border-box;
  margin: 0;
  padding: 5px 40px;
  color: #7F9441;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase;
}

body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
  height: 32px;
  width: 32px;
  background: #f7f7f7;
  cursor: pointer;
}

body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span {
  display: none;
}

body .ui-datepicker .ui-datepicker-prev:before,
body .ui-datepicker .ui-datepicker-next:before {
  display: block;
  height: 19px;
  margin-top: -9px;
  margin-left: -5px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("../img/icons/arrows-10_19.png");
  background-repeat: no-repeat;
  content: '';
}

body .ui-datepicker .ui-datepicker-prev {
  top: 2px !important;
  left: 2px !important;
}

body .ui-datepicker .ui-datepicker-prev:before {
  background-position: 0 0;
}

body .ui-datepicker .ui-datepicker-prev:hover:before {
  background-position: 0 -19px;
}

body .ui-datepicker .ui-datepicker-next {
  top: 2px !important;
  right: 2px !important;
}

body .ui-datepicker .ui-datepicker-next:before {
  background-position: -10px 0;
}

body .ui-datepicker .ui-datepicker-next:hover:before {
  background-position: -10px -19px;
}

body .ui-datepicker .ui-datepicker-calendar {
  border: 10px solid #fff;
  margin: 0;
}

body .ui-datepicker th,
body .ui-datepicker td {
  border: none;
  height: 24px;
  padding: 4px;
  width: 24px;
  font: normal 14px/24px "MyriadPro", Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
}

body .ui-datepicker th span,
body .ui-datepicker th a,
body .ui-datepicker td span,
body .ui-datepicker td a {
  display: block;
  padding: 0;
  text-align: center;
}

body .ui-datepicker th {
  color: #373737;
}

body .ui-datepicker td a {
  color: #868686;
}

body .ui-datepicker td a:hover {
  color: #7F9441;
}

body .ui-datepicker td a.ui-state-active {
  background: #7F9441;
  color: #fff;
}