:root {
  --font-family-sans-serif: "Open Sans", sans-serif;
  --font-family-finder-icons: "finder-icons";
  --font-family-icomoon: "icomoon";
}

@media print {
  body * {
    visibility: hidden;
  }

  #content,
  #content * {
    visibility: visible;
  }

  #content {
    left: 0;
    top: 0;
  }
}

* {
  outline: none !important;

  /*outline: 1px solid red;*/
}

html,
body {
  width: 100%;
  height: auto !important;
}

body {
  margin: 0;
  padding: 0;
  font: 1.4em/1.2 var(--font-family-sans-serif);
  font-family: var(--font-family-sans-serif); /* свойство отдельно для bootstrap */
  background-color: #fff;
}

#root {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  width: 100%;
  min-height: 0;

  /* min-height: 50vh; */
}

label {
  font-weight: 600;
}

/*a:hover, */

a:focus,
a:active {
  color: #23527c;
  text-decoration: none;
}

.v-link {
  border-bottom: 1px dashed #8fbade;
  color: #337ab7;
  text-decoration: none;
}

.v-link:hover {
  border-color: #23527c;
  color: #23527c;
  cursor: pointer;
  text-decoration: none;
}

.navbar #navbar-cart {
  display: none;
}

.btn {
  outline: none !important;
}

.tr-clickable {
  cursor: pointer;
}

.wrapper {
  position: relative;
  display: block;
  background-color: #fff;
  min-height: 700px;
  height: auto;
  outline: 0 solid #d20001;
}

.wrapper.mobile_banner_margin.top {
  margin-top: 85px;
}

#footer.mobile_banner_margin {
  padding-bottom: 75px;
}

#header {
  min-height: 92px;
  position: relative;
  margin-top: -7px;
}

.header-logo_box a {
  display: block;
  width: 227px;
  height: 61px;
  margin: 12px 0;
  text-indent: -1000px;
  outline: none;
  overflow: hidden;
  background: url("../images/logo_ea_site.png") no-repeat 0 0;
}

.blue-line-top,
.blue-line-top-fixnav {
  background-color: #d7d7d7;
  font-size: 2px;
  color: #d7d7d7;
}

.grey-line-top,
.grey-line-top-fixnav {
  background-color: #00a9e9;
  font-size: 2px;
  color: #00a9e9;
}

.headerPhone {
  font-size: 13px;
  text-align: right;
  height: auto;
  float: right;
  margin: 19px 0 0 0;
}

.headerPhone .byCity {
  font-size: 1.1em;
}

.posts-previews li a img {
  width: 100%;
  max-width: 224px;
  height: auto;
}

#content_left {
  width: 175px;
  min-height: 500px;
  float: left;
}

#content_middle {
  margin-left: 190px;
  padding: 0 15px 5px 0;
  position: relative;
  display: table;
}

/*#content_middle_inner {padding:0 0 5px 15px;min-height:600px;}*/

#content_right {
  overflow: hidden;
  width: 8%;
  min-width: 150px;
  float: left;
  margin-left: 10px;
}

#content_bottom {
  clear: both;
}

fieldset {
  border: none;
}

#easearchInput {
  color: #aaa;
}

.smalltext {
  font-size: 8pt;
}

#orig_nr_input {
  width: 150px;
}

a.login {
  color: #ff3333;
}

table {
  font-size: 9pt;
}

#content {
  position: relative;
  margin: 0 0 20px;
  width: 100%;
}

#content .page-header {
  margin-top: 16px;
}

.banner-accums {
  position: relative;
  width: 100%;
  height: 152px;
  z-index: 15;
}

.banner-accums > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 152px;
  z-index: -1;
}

.banner-accums > div {
  width: 100%;
  height: 100%;
  outline: 1px solid red;
  display: flex;
  justify-content: flex-end;
}

.banner-accums > div > div {
  width: 140px;
  height: 30px;
  cursor: pointer;
  margin-right: 30px;
  margin-bottom: 20px;
  margin-top: auto;
}

.banner-accums > div > div > div {
  width: 100%;
  height: 100%;
  z-index: 10;
}

.btn-brigade {
  -ms-align-self: flex-end;
  align-self: flex-end;
  margin-top: 10px;
  background-color: #777;
  border-color: #777;
}

.banner-blog-wrap {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;

  margin-bottom: 30px;
  border-radius: 8px;
  overflow: auto;
}

.banner-blog-wrap:hover {
  text-decoration: none;
  cursor: pointer;
}

.banner-blog-wrap:hover .banner-blog-message {
  background: #0069c1;
  background: -moz-linear-gradient(left, #025eb1 1%, #22cff7 100%);
  background: -webkit-linear-gradient(left, #025eb1 1%, #22cff7 100%);
  background: linear-gradient(to right, #025eb1 1%, #22cff7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#025eb1', endColorstr='#22cff7', GradientType=1);
}

.banner-blog-wrap:hover .banner-blog-message-description-button {
  -webkit-box-shadow: 0px 0px 24px 0px rgba(255, 255, 255, 0.77);
  -moz-box-shadow: 0px 0px 24px 0px rgba(255, 255, 255, 0.77);
  box-shadow: 0px 0px 24px 0px rgba(255, 255, 255, 0.77);
}

.banner-blog-img {
  width: 240px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.banner-blog-message {
  padding: 20px 30px;
  background: #0069c1;
  background: -moz-linear-gradient(left, #0066c1 1%, #19c9f1 100%);
  background: -webkit-linear-gradient(left, #0066c1 1%, #19c9f1 100%);
  background: linear-gradient(to right, #0066c1 1%, #19c9f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066c1', endColorstr='#19c9f1', GradientType=1);

  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.banner-blog-message-title {
  font-size: 23px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 10px;
}

.banner-blog-message-description {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.banner-blog-message-description-list {
  width: 680px;
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  padding: 0;
  margin: 0;
  padding-left: 20px;
}

.banner-blog-message-description-list li {
  width: 330px;
  color: rgba(255, 255, 255, 0.77);
  font-size: 13px;
  line-height: 25px;
}

.banner-blog-message-description-button {
  font-size: 13px;
  color: #fff;
  background: #333f47;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 4px;

  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.banner-sto-cta {
  -webkit-box-orient: vertical !important;
  -moz-box-orient: vertical !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: justify !important;
  -moz-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;

  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.banner-sto-cta-phone {
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  width: 100%;
  text-align: right;
}

@media (max-width: 1199px) {
  .banner-blog-message-description {
    justify-content: space-between !important;
  }

  .banner-blog-message-description-list {
    width: 460px;
  }

  .banner-blog-message-description-list li {
    width: 290px;
  }
}

@media (max-width: 991px) {
  .banner-blog-wrap,
  .banner-blog-message-description {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .banner-blog-img {
    width: 100%;
    height: 240px;
  }

  .banner-blog-message-title {
    margin-bottom: 20px;
  }

  .banner-blog-message {
    width: 100%;
  }

  .banner-blog-message-description-list {
    width: 100%;
    margin-bottom: 15px;
  }

  .banner-blog-message-description-list li {
    width: 100%;
    line-height: 15px;
    margin-bottom: 10px;
  }

  .banner-blog-message-description-button {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .banner-sto-cta-phone {
    text-align: left;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
  }
}

div.menu {
  margin-bottom: 32px;
}

.menu div a.list-group-item {
  padding: 7px 15px;
}

div.menu .title {
  margin-bottom: 0;
  font-size: 9pt;
  font-weight: bold;
  padding: 2px 2px 2px 0;
  line-height: 160%;
  color: #04448f;
  text-transform: uppercase;
  text-align: center;
}

h1,
.h1 {
  font-size: 23pt;
}

h2,
.h2 {
  font-size: 20pt;
}

h3,
.h3 {
  font-size: 17pt;
}

h1,
.h1 {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #4b4f54;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  display: block;
}

.parts_left div.group ul {
  margin: 0;
}

.parts_left div.group {
  background: #fff url("../images/plus.png") no-repeat scroll center left;
  padding-left: 14px;
  line-height: 1em;
  margin: 5px 0;
}

.parts_left div.group_minus {
  background: url("../images/minus.png") no-repeat scroll center left;
  padding-left: 14px;
  line-height: 16px;
}

td {
  vertical-align: top;
  padding: 3px;
}

#parts_tabs {
  padding: 5px 5px 5px 0;
  margin-bottom: 25px;
  clear: right;
  margin-left: 5px;
}

#parts_tabs ul li {
  display: block;
  float: left;
  padding: 3px 7px 3px 0;
  overflow: hidden;
}

#parts_tabs a {
  font-size: 10pt;
}

a.parts_tabs_selected {
  color: #666 !important;
}

#parts ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#parts_right {
  margin-left: 284px;
  min-width: 320px;
}

#parts_right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

table.parts_table {
  margin-top: 3px;
  width: 100%;
  margin-bottom: 10px;
}

table.parts_table thead tr th {
  background-color: #f2f2f3;
  padding: 5px;
  vertical-align: top;
}

table.parts_table tr td {
  background-color: #f2f2f3;
  word-wrap: break-word;
}

table.parts_table_new thead tr th {
  background-color: #e0f5ff;
}

table.parts_table_new tr td {
  background-color: #e0f5ff;
}

tr.parts-table-header th {
  text-align: left;
  font-weight: bold;
  color: #000;
  vertical-align: top;
  padding: 0;
}

table.parts_table tr td.shops {
  word-wrap: normal;
}

td.shops a:link {
  text-decoration: none;
}

td.shops a:active {
  text-decoration: none;
}

td.shops a:visited {
  text-decoration: none;
}

td.shops a:hover {
  text-decoration: underline;
}

span.is_kit {
  color: #aa3333;
}

.image_dialog .ui-dialog-titlebar {
  display: none;
}

.image_dialog .ui-dialog-content {
  padding: 0;
}

h1.whereiam,
.h1.whereiam {
  font-size: 10pt;
  margin-left: 5px;
  color: #04448f;
}

h1.whereiam a,
.h1.whereiam a {
  font-size: 10pt;
}

div.search_result {
  padding: 3px;
  margin: 2px;
}

div.olo img {
  border: solid 1px #ddd;
}

#sto_bottom {
  border: solid 3px #ddd;
  margin-top: 10px;
}

#sto_bottom_inner {
  border: solid 1px #aaa;
  padding: 5px;
  background-color: #fafafa;
}

div.sto_bottom_item {
  width: 235.5px;
  margin-right: 8px;
  float: left;
}

div.sto_bottom_item img {
  border: none;
}

div.sto_bottom_item strong {
  color: #333;
}

div.sto_bottom_item h3,
div.sto_bottom_item .h3 {
  color: #333;
  font-size: 9pt;
  font-weight: bold;
  border-bottom: solid 1px #c0c0c0;
  line-height: 20px;
}

#sto_bottom_inner_box {
  width: 1000px;
  margin: 0 auto;
}

.cities strong {
  font-weight: normal;
}

.cities a:link {
  text-decoration: none;
}

.cities a:visited {
  text-decoration: none;
}

.cities a:active {
  text-decoration: none;
}

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

p {
  margin: 0;
}

table.borders_collapsed {
  border: solid 1px #555;
  border-collapse: collapse;
}

table.borders_collapsed td {
  border: solid 1px #555;
}

ul.sto_fieldset {
  list-style: none;
  padding: 0;
  margin: 0;
  clear: both;
}

ul.sto_fieldset li {
  float: left;
  width: 320px;
}

ul.sto_fieldset li ul li {
  clear: both;
}

ul.sto_fieldset li ul {
  list-style: none;
}

.dlg {
  border: solid 1px #eee;
  z-index: 52;
}

.dlg_inner {
  border: solid 1px #336699;
  background-color: #fff;
}

.dlg_title_blue {
  color: #79acdf;
  margin: 5px;
  font-size: 11pt;
}

input.sto_order_button {
  width: 160px;
}

input.radio {
  border: none !important;
}

input.submit {
  font-size: 10pt;
  border: 1px solid #d3d3d3;
  /* background: #e6e6e6 url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; */
  font-weight: normal;
  color: #555555;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

input.submit:hover {
  font-size: 10pt;
  border: 1px solid #999999;
  /* background: #dadada url(smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; */
  font-weight: normal;
  color: #212121;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

div.pages {
  padding-bottom: 3px;
  padding-top: 3px;
}

a.tag_link:link {
  text-decoration: none;
}

a.tag_link:visited {
  text-decoration: none;
}

a.tag_link:active {
  text-decoration: none;
}

a.tag_link:hover {
  color: #04448f !important;
  text-decoration: none;
}

h2.title1,
.h2.title1 {
  color: #04428f;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 13px;
}

div.title1-wrapper {
  background-color: #1a8ec9;
  padding: 2px 2px 1px 2px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}

div#news p {
  margin-bottom: 5px;
}

#news-previews {
  margin-bottom: 5px;
}

#news-previews .title {
  border: none !important;
  line-height: 15px;
}

/*######*/

.clear {
  /* generic container (i.e. div) for floating buttons */
  overflow: hidden;
  width: 100%;
}

/* Left menu */

span.lmenu_br a {
  display: block;
  background: #fff url("../images/buttons/lmenu_bm_off.png") repeat-x;
  height: 29px;
  padding-top: 4px;
  float: left;
  width: 165px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: bold;
  text-align: center;
  color: #111;
  text-transform: uppercase;
}

span.lmenu_b:hover span.lmenu_br a {
  background: #fff url("../images/buttons/lmenu_bm_on.png") repeat-x;
  color: #111;
}

span.lmenu_b {
  background: #fff url("../images/buttons/lmenu_bl_off.png") no-repeat left;
  height: 29px;
  padding-left: 3px;
  display: block;
  margin-bottom: 3px;
}

span.lmenu_b:hover {
  background: #fff url("../images/buttons/lmenu_bl_on.png") no-repeat left;
}

span.lmenu_br {
  text-align: right;
  background: #fff url("../images/buttons/lmenu_br_off.png") no-repeat top right;
  padding-right: 3px;
  display: block;
  clear: right;
  height: 29px;
  float: left;
}

span.lmenu_b:hover span.lmenu_br {
  background: #fff url("../images/buttons/lmenu_br_on.png") no-repeat top right;
}

.vikup {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 7px 5px;
}

.vikup legend {
  border: none !important;
  margin-bottom: 3px;
}
@media screen and (max-width: 1199px) and (min-width: 767px) {
  .left-menu-razbor,
  .menu.well a {
    white-space: normal;
    line-height: 1.2;
    padding: 5px;
  }
}

/* Top menu */
table.usage_list {
  width: 100%;
  border-collapse: collapse;
  margin-top: 3px;
}

table.usage_list thead th {
  padding: 5px;
  font-weight: normal;
}

table.usage_list thead {
  border-bottom: solid 2px #333;
}

table.usage_list tbody tr {
  border-bottom: dashed 1px #e0e0e0;
}

table.usage_list tbody {
  border-bottom: solid 1px #333;
}

table.usage_list tr td {
  font-size: 8pt;
}

div#originalparts a:link {
  white-space: nowrap;
  font-size: 17px;
  color: #0033cc;
  margin-right: 0;
  text-decoration: none;
  padding: 1px 5px 1px 5px;
}

div#originalparts a:hover {
  color: #333;
  background-color: #ddd;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
}

span.paginator span {
  padding: 2px;
  font-size: 13px;
  font-weight: bold;
}

#chat-fixed {
  position: fixed;
  right: 0;
  top: 30%;
  height: 100px;
  width: 40px;
  background-color: #ddd;
  border-radius: 6px 0 0 6px;
  border: solid 2px #ccc;
}

table.cities tr td a:link {
  color: #111;
  text-decoration: underline !important;
}

table.cities tr td a:hover {
  color: #333;
}

table.cities tr td a:visited {
  color: #111;
}

#shops-button:hover ul {
  display: block;
}

#shops-button ul {
  display: none;
  position: absolute;
  margin-top: 2px;
  border-top: none;
  list-style: none;
  z-index: 100;
}

#shops-button li:hover {
  background-color: #29c1f1;
}

#shops-button ul li:hover {
  background-color: #29c1f1;
}

.chat_icon {
  position: fixed;
  top: 40%;
  right: 0;
  cursor: pointer;
  z-index: 2;
}

#telegram-chat {
  font-size: 33px;
  margin-right: 3px;
  color: #0088cc;
}

div.no-posts {
  font-size: 15px;
}

.firms-list {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

.firms-list td {
  background-color: #f5f5f5;
}

.firms-list tr td ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.firms-list ul li {
  padding: 5px;
  list-style: none;
}

.firms-list a:link {
  color: #010101;
  font-size: 13px;
}

.firms-list a:visited {
  color: #010101;
}

.firms-list a:hover {
  color: #515151;
}

.firms-list a:active {
  color: #010101;
}

.firms-list .itm {
  padding: 5px 0;
}

table.parts-search {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

table.parts-search tr td {
  vertical-align: middle;
  padding-left: 0;
}

table.parts-search tr td h3,
table.parts-search tr td .h3 {
  padding: 0;
  margin: 0;
}

table.parts-search tr td a:link {
  color: #010101;
}

table.parts-search tr td a:visited {
  color: #010101;
}

table.parts-search tr td a:hover {
  color: #04448f;
}

table.parts-search tr td a:active {
  color: #010101;
}

table.parts-search tr td h3 a:link,
table.parts-search tr td .h3 a:link {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
  color: #04448f;
}

table.parts-search tr td h3 a:visited,
table.parts-search tr td .h3 a:visited {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
  color: #04448f;
}

table.parts-search tr td h3 a:hover,
table.parts-search tr td .h3 a:hover {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
  color: #04448f;
}

table.parts-search tr td h3 a:active,
table.parts-search tr td .h3 a:active {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
  color: #04448f;
}

table.parts-search tr td table tr td {
  text-align: center;
  padding: 9px 5px 10px 5px;
}

div.error {
  color: #ff3333;
  margin-top: 15px;
}

ul.complaint_form {
  list-style: none;
  padding: 0;
}

ul.complaint_form li label {
  display: block;
  width: 200px;
  float: left;
}

ul.complaint_form textarea {
  width: 500px;
  height: 200px;
}

ul.complaint_form input.text {
  width: 300px;
}

ul.complaint_form li {
  padding-top: 5px;
}

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

ul.top_menu li {
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  width: 170px;
}

li.blackcolormenu li {
  list-style-type: none;
  margin-left: 30px;

  /*color:#FFA6BD;*/
}

table.loginTbl {
  width: 100%;
}

table.loginTbl td {
  vertical-align: middle;
}

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

ul.shops li {
  padding-bottom: 3px;
}

#seo h2,
#seo .h2 {
  font-weight: bold;
  font-size: 12px;
}

div.chatMenu {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 105px;
  border: solid 1px #999;
  padding: 5px;
  line-height: 110%;
  box-shadow: 0 0 3px 1px #aaa;
  -moz-box-shadow: 0 0 3px 1px #aaa;
  -webkit-box-shadow: 0 0 3px 1px #aaa;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.chatMenu a {
  font-weight: bold;
}

div.chatMenu a:hover {
  color: #111;
}

.paginator {
  margin: 10px 0 10px 5px;
  font-size: 13px;
  line-height: 130%;
}

.paginator ul li a {
  font-size: 13px;
}

.paginator ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
}

.paginator ul li {
  display: inline;
}

a.event-title {
  color: #04448f !important;
  text-decoration: underline !important;
}

/* News, Events, Magazine */

ul.posts-previews li {
  padding-bottom: 5px !important;
}

ul.posts-previews,
ul.posts-previews ul {
  padding: 0;
  list-style: none;
}

ul.posts-previews li.posts-title a {
  font-size: 12px;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

li.posts-text ul {
  list-style: disc !important;
  margin-left: 15px !important;
}

/* Overlay */

.tint {
  position: relative;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  opacity: 0.4;
  border: solid 2px transparent;
}

.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.tint:hover {
  opacity: 0.7;
}

.tint.tint-selected:hover {
  opacity: 1;
}

.tint-selected:before,
.tint:hover:before {
  background: none !important;
  opacity: 0.7;
}

.tint-selected {
  border: solid 2px #5cb85c;
  opacity: 1;
}

.tint img {
  display: block;
}

ul.thumbnails {
  list-style: none;
  padding: 0;
  margin: 10px 0 10px 0;
}

ul.thumbnails li {
  display: inline-block;
  margin-right: 10px;
}

button.spinner-control {
  width: 25px;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
  font-size: 9pt !important;
}

.brc-hack {
  margin-top: 14px;
}

.posts-box {
  margin: 0 0 20px 0;
}

.post-item {
  margin: 12px 0;
}

.no-photo {
  background: url("../static/images/no-photo/no-photo.jpg") no-repeat;
  background-size: contain;
  background-position: top center;
}

.price .parts-price_num {
  font-weight: 600;
}

#kitContent .modal-body {
  padding: 0;
  min-height: 40px;
}

.label-kit:hover {
  cursor: pointer;
}

.tooltip-inner {
  max-width: 320px;
}

.popover {
  z-index: 99;
  min-width: 310px;
}
@media screen and (max-width: 320px) {
  .popover {
    min-width: 280px;
  }
}

.price-box {
  margin-top: -10px;
}

.label-ea {
  background-color: white;
  border: 1px solid;
}

.label.label-ea {
  font-size: 64.5%;
}

.label-new {
  color: #07c98b;
}

.label-used {
  color: #1dace8;
}

.label-info {
  color: #337ab7;
}

.label-action {
  color: #eb3333;
}

.label-kit {
  color: #fdbc31;
}

.label-full_kit:hover {
  cursor: default;
}

.btn-show-kit:hover {
  cursor: pointer;
}

.chosen-container,
.chzn-container {
  width: 100% !important;
}

#box-404 {
  margin-top: 7%;
}

#box-404 h1 {
  font-size: 4.5em;
}

#box-404 .img-and-link {
  margin-top: 54px;
}

#box-404 .box-button {
  margin-top: 64px;
}

.blue {
  border-color: #337ab7 !important;
}

.blue.active {
  background-color: #337ab7 !important;
}

.hdr1 {
  display: inline;
  font-weight: bold;
  color: #04428f;
  font-style: oblique;
  font-size: 22px;
  line-height: 22px;
}

.hdr2 {
  display: inline-block;
  color: #04448f;
  font-weight: bold;
  font-size: 15px;
  max-width: 100%;
  margin-top: 3px;
  margin-bottom: 5px;
}

.al {
  background-image: url("../images/ajax-loader.gif");
  background-repeat: no-repeat;
  min-height: 32px;
  min-width: 32px;
}

.al2 {
  background-image: url("../images/ajax_spinner.gif");
  background-repeat: no-repeat;
  min-height: 18px;
  min-width: 18px;
}

.al3 {
  background-image: url("../images/ajax-loader_auto.gif");
  background-repeat: no-repeat;
  min-height: 118px;
  min-width: 15px;
}

.al-default {
  background-position: center;
}

.al-top {
  background-position: center 2%;
}

.al-botton {
  background-position: 96% center;
}

.al-left {
  background-position: 4% center;
  padding-left: 24px;
}

.al-opacity {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.al-right {
  background-position: 96% center;
  padding-right: 24px;
}

.badge-primary {
  background-color: #00a9e9;
}

.badge-info {
  background-color: #5bc0de;
  color: #fff;
}

.affix-top {
  top: 0;
}

.navbar.affix .home-link {
  text-indent: -9999px;
  background: url("../images/logo-navbar.png") center center no-repeat;
  width: 64px;
}

.navbar.affix #navbar-cart {
  display: block;
}

#navbar-cart .badge {
  border-radius: 5px !important;
}

#pagination-block {
  margin-top: 14px;
}

#locality {
  text-decoration: none;
  cursor: pointer;
  font-size: 13px;
  margin-right: 10px;
}

.locality {
  position: relative !important;
  min-width: 136px;
}

#city-popover-content > div > hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

#city-popover-content button.city-ok-btn {
  width: 60px;
}

/* точечки в характеристиках */

.features > div {
  clear: left;
  margin-bottom: 5px;
  float: left;
}

.features > div > div {
  background: url("../images/dots.gif") repeat-x bottom right;
  width: 200px;
  float: left;
}

.features > div > div > span {
  background-color: #fff;
}

.features > div > span {
  top: 0;
  padding-left: 4px;
  width: 200px;
}

div.tooltip_content {
  text-align: left;
}

div.tooltip_content a {
  color: #fff;
  text-decoration: underline;
}

div.boxheader > div {
  font-weight: normal;
}

.dropdown-menu li.dropdown-menu__cat_mane div {
  border-bottom: 1px solid #e7e7e7;
  margin: 15px 10px 7px;
  padding-bottom: 4px;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 0.85em;
  color: #4b4f54;
}

.dropdown-menu li.dropdown-menu__cat_mane:first-child div {
  margin-top: 5px;
  margin-bottom: 3px;
}

.dropdown-menu li.separator {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 10px 0 10px;
  color: #4b4f54;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .menu-arrow {
  right: 13px;
  border-color: #333 !important;
  transform: rotate(-45deg);
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
}

.dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.nav-tabs {
  border: none;
}

.nav-tabs > li > a {
  border: none;
  border-bottom: 2px solid #f1f1f1;
  color: inherit;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  background-color: #fff;
  cursor: pointer;
  border: none;
  border-bottom: 2px solid #d7d7d7;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  outline: none !important;
  color: #555;
  cursor: default;
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #00a9e9;
}

.aboveTabList {
  margin-bottom: 1px;
}

.panel-signin {
  margin-bottom: 10px;
}

.panel-signin-data {
  width: 100%;
  text-align: center;
  margin-bottom: 13px;
  display: inline-block;
}

.tab-content div.tab-pane {
  padding: 15px 15px;
  font-weight: normal;
}

.item-img,
.item-img img {
  width: 116px;
  height: 88px;
}

.item-img img:not(.no-hov):hover {
  cursor: pointer;
}

.remote-img {
  text-align: center;
}

.remote-img img {
  width: auto;
  height: 88px;
}

.price_start4good {
  text-decoration: line-through;
  font-size: 1.4em;
  margin-bottom: -20px;
  margin-top: 10px;
}

#phone_free > .popover {
  min-width: 150px;
}

.rub {
  font-weight: 200 !important;
}

.ya-page_js_yes .ya-site-form_inited_no {
  display: none;
}

span.highlight {
  background-color: #c6d9db;
  cursor: pointer;
  border-radius: 2px;
  padding: 0 3px;
}

.btn-white {
  border: 1px solid #fff;
  background-color: #fff;
  color: #000;
}

.btn-transparent {
  background-color: transparent !important;
}

.btn-white.text-white {
  color: #fff;
}

.parts-list {
  margin-bottom: 7px;
}

div.in_cart {
  margin-top: 10px;
}

div.tire_variant4car {
  margin-bottom: 10px;
  line-height: 25px;
}

.label-ea.label-primary {
  color: #337ab7;
}

.label-ea.label-danger {
  color: #eb3333;
}

.fx-box {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;

  /*display: inline-flex;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;*/
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.fx-col,
.fx-box-direction-col {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
}

.fx-justify-content-start {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.fx-justify-content-space-between {
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.fx-justify-content-end {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.fx-row,
.fx-box-direction-row {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.fx-wrap-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fx-align-content-stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.fx-align-items-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fx-align-items-baseline {
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.fx-align-items-flex-end {
  align-items: flex-end;
}

.catalog-auto {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
}

.catalog-auto__side-category {
  width: 325px;
  padding-left: 15px;
  padding-right: 15px;
  /* display: block !important; */
}

.catalog-auto__side-content {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 845px;
  width: 100%;
}

.filter-panel {
  font-size: 1rem;
  line-height: 25px;
  padding: 10px 15px;
  width: 100%;
}

.filter-block_pos_right {
  text-align: right;
}

.filter-block_pos_left,
.filter-block_pos_right {
  flex-grow: 0.5;
}

.filters-available,
.filters-condition {
  display: inline-block;
  margin-right: 15px;
}

.filter-block__item {
  display: inline-block;
}

.filter-item__link {
  background-color: #f0f0f0;
  border-radius: 4px;
  border: none;
  color: #333f48;
  display: inline-block;
  font-size: 1.3rem;
  padding: 0 8px;
}

.filter-item__link:visited {
  color: #333f48;
}

/*.filter-item__link:focus,*/
.filter-item__link:hover {
  background-color: #e5e5e5;
  color: #333f48;
  cursor: pointer;
  text-decoration: none;
}

.filter-item__link_selected_no {
  /*border-bottom: 1px dashed #8fbade;*/
  color: #333f48;
}

.filter-item__link_selected_yes {
  background-color: #307bb8;
  color: #fff;
  padding: 0 8px;
}

.filter-item__link_selected_yes:hover {
  background-color: #286090;
  color: #fff;
}

.filter-item__link_disabled_yes,
.filter-item__link_disabled_yes:hover,
.filter-item__link_disabled_yes:visited {
  background-color: #f5f5f5;
  color: #777;
  cursor: default;
  opacity: 0.5;
  text-decoration: none;
}

.filter-item__link_action_remove_vin {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.filter-item__link_action_remove_vin:hover {
  color: red;
  cursor: pointer;
  text-decoration: none;
}

.x-close-filter {
  display: none;
  height: 13px;
  opacity: 0.6;
  position: relative;
  width: 9px;
}

.x-close-filter:before,
.x-close-filter:after {
  background-color: #fff;
  content: " ";
  height: 9px;
  left: 5px;
  position: absolute;
  top: 4px;
  width: 1px;
}

.x-close-filter:before {
  transform: rotate(45deg);
}

.x-close-filter:after {
  transform: rotate(-45deg);
}

.filter-item__link_selected_yes .x-close-filter {
  display: inline-block;
}

.filter-block__item_applicability_to_cars {
  position: relative;
}

.filter-block__item_applicability_to_cars__popover_open .filter-item__link {
  color: #4b4f54;
}

.applicability_to_cars__popover {
  display: none;
}

.applicability_to_cars__popover_active {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 2px solid #00a9e9;
  padding: 2px 15px;
  position: absolute;
  top: 28px;
  width: 275px;
  z-index: 4;
  font-size: 1.2rem;
}

.applicability_to_cars__popover_body {
  background-color: #fff;
  margin: 0px -13px;
  padding: 7px 8px;
}

.filter-sorter__label {
  color: #999;
  display: none;
  font-size: 1.3rem;
  margin-right: 3px;
}

.filter-sorter__link_price {
  padding: 0;
  white-space: nowrap;
}

.filter-sorter__link_price .fa {
  font-size: 0.8em;
}

.filter-sorter__link_price:hover {
  color: #23527c;
}

.filter-sorter_sort_desc .filter-sorter__link {
  /*background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiIGZpbGw9IiM2NTY1NjUiPjxwYXRoIGQ9Ik0wIDZoNHYyaC00ek0wIDNoNnYyaC02ek0wIDBoOHYyaC04eiIvPjwvc3ZnPgo=') no-repeat right 50%;*/
  background-color: transparent;

  /*padding-right: 15px;*/
}

.filter-sorter_sort_asc .filter-sorter__link {
  /*background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiIGZpbGw9IiM2NTY1NjUiPjxwYXRoIGQ9Ik0wIDBoNHYyaC00ek0wIDNoNnYyaC02ek0wIDZoOHYyaC04eiIvPjwvc3ZnPgo=') no-repeat right 50%;*/
  background-color: transparent;

  /*padding-right: 15px;*/
}

.filter-sorter_sort_asc .fa::before {
  content: "\f160";
}

.filter-sorter_sort_desc .fa::before {
  content: "\f161";
}

.model-tile {
  display: inline-block;
  padding: 5px 15px 10px;
  text-decoration: none;
}

.model-list_w_100 {
  width: 100%;
}

.brand-auto .filter-block__item {
  margin-right: 3px;
}

.brand-auto .filter-block__item:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .brand-auto .filter-block_pos_left {
    flex: auto;
  }
}

@media (max-width: 767px) {
  .brand-auto .filter-block__item {
    margin-bottom: 7px;
  }
}

/********* тайлы для каталога	марок и моделей ***********/

.model-tile:hover,
.model-tile:focus {
  color: #547eb7;
  text-decoration: none;
  background: #fbfbfb;
}

.model-tile:last-child {
  margin-right: -2px;
}

.model-tile__view {
  width: 100%;
  max-width: 150px;
  height: 90px;
  display: inline-block;
}

.view__img {
  max-width: 128px;
  width: 100%;
  padding: 10px 0 15px;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

.model-tile__sub-info {
  font-size: 12px;
  color: #777;
}

.sub-info__param {
  display: inline-block;
  color: #333;
}

.model-tile span.row {
  display: block;
}

.no-photo-auto {
  background: url("../images/nocar.png") no-repeat center center;
  background-size: contain;
}

.track .no-photo-auto {
  background: url("../images/notruck.png") no-repeat center center;
  background-size: contain;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  font-size: 0.8em;
  margin-bottom: 10px;
  padding: 0;
}

.breadcrumb > li > a {
  text-decoration: none;
  color: #1dace8;
}

.breadcrumb > li > a:hover {
  color: #1596cc;
}

.breadcrumb .btn {
  margin-right: 0.2em;
}

.crumbs-w-dropdown li:not(.mobile-crumbs) {
  display: none;
}

li.mobile-crumbs {
  display: inline-flex;
  align-items: center;
}

li.mobile-crumbs::before {
  /* Перебивает bootstrap */
  content: "<" !important;
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb-dropdown {
  position: relative;
}

.breadcrumb-dropdown > .breadcrumb-link {
  position: relative;
  padding-right: 10px;
}

.breadcrumb-dropdown-menu {
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  max-height: 328px;
  width: 256px;
  padding: 8px 4px;
  position: absolute;
  top: 15px;
  left: 10px;
  background-color: #ffffff;
  border: 1px solid #efecf3;
  border-radius: 8px;
  list-style: none;
  box-shadow: 2px 4px 16px 0px #69797e29;
  transition: visibility 0s linear 300ms, opacity 300ms ease-in-out;
  z-index: 99;
  scrollbar-gutter: stable;
  /* Safari iOS скролл */
  -webkit-overflow-scrolling: touch;
}

.breadcrumb-dropdown-menu li {
  background-color: #fff;
  border-radius: 6px;
  transition: background-color 0.2s;
}

.breadcrumb-dropdown-menu li:hover {
  background-color: #1dace8;
  cursor: pointer;
}

.breadcrumb-dropdown-menu li a {
  width: 100%;
  text-decoration: none;
  color: #1dace8;
  transition: color 0.2s;
}

.breadcrumb-dropdown-menu li:hover a {
  color: white;
}

.breadcrumb-dropdown-menu::-webkit-scrollbar {
  width: 6px;
}

.breadcrumb-dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
}

.breadcrumb-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #d8ddea;
  border-radius: 8px;
}

.breadcrumb-dropdown-menu:hover::-webkit-scrollbar,
.breadcrumb-dropdown-menu:focus-within::-webkit-scrollbar,
.breadcrumb-dropdown-menu:active::-webkit-scrollbar {
  width: 8px;
}

/* Firefox скролл */
@-moz-document url-prefix() {
  .breadcrumb-dropdown-menu {
    scrollbar-width: thin;
    scrollbar-color: #d8ddea transparent(51, 122, 183, 0.15);
  }
}

.breadcrumb-dropdown-menu li {
  padding: 6px 8px;
  font-size: 12px;
}

@media (max-width: 991px) {
  .breadcrumb > li {
    margin-bottom: 7px;
  }
}

@media (min-width: 1024px) {
  .crumbs-w-dropdown li:not(.mobile-crumbs) {
    display: flex;
  }

  li.mobile-crumbs {
    display: none;
  }

  .breadcrumb-dropdown > .breadcrumb-link::after {
    content: "";
    width: 5px;
    height: 5px;
    border: 1px solid #337ab7;
    position: absolute;
    right: 0;
    bottom: 5px;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
  }

  .breadcrumb-dropdown:hover .breadcrumb-dropdown-menu {
    visibility: visible;
    opacity: 1;
  }
}

/* /тайлы длякаталога	марок и моделей */

/**
 * Блок выбора категорий
 */

.b-tree,
.b-tree-search {
  position: relative;
  padding: 0 5px;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.input-group .form-control.input-group__input_search {
  z-index: 0;
}

.b-tree:hover {
  background-color: #fbfbfb;
}

.b-tree:hover .title__content {
  color: #337ab7;
}

.b-tree:last-child {
  border-bottom: none;
}

.b-tree_pos_aside {
  border-bottom: 1px solid #efefef;
}

.b-tree_active_yes {
  -moz-box-shadow: -2px 0 0 #00a9e9;
  -webkit-box-shadow: -2px 0 0 #00a9e9;
  background-color: #fafafa;
  box-shadow: -2px 0 0 #00a7e9;
}

.b-tree_active_yes .b-tree__header .title::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.b-tree:hover .b-tree__header .title::after {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}

.b-tree__header {
  margin-left: -5px;
  margin-right: -5px;
  position: relative;
  z-index: 1;
}

.b-tree__header .title {
  margin: 0;
  padding: 15px 8px 15px 40px;
  font-weight: 400;
}

.b-tree__header .title::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPlNoYXBlIDI8L3RpdGxlPjxwYXRoIGQ9Ik0uOCAwTDYgNC42IDExLjIgMGwuOC43TDYgNiAwIC43LjggMHoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  cursor: pointer;
  height: 6px;
  margin-top: -2px;
  opacity: 0.3;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 24px;
}

.b-tree__sub_groups {
  display: none;
  list-style: none;
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-top: 1px solid #eee;
  margin-left: -5px;
  margin-right: -5px;
  overflow: auto;
  max-height: 250px;
}

.b-tree-searched > .b-tree__sub_groups {
  background: #fff;
}

@media (min-width: 993px) {
  .b-tree__sub_groups {
    background: #337ab7;
    scrollbar-width: thin;
    scrollbar-color: #72a0cc transparent;
  }

  .b-tree__sub_groups::-webkit-scrollbar {
    width: 12px;
  }

  .b-tree__sub_groups::-webkit-scrollbar-track {
    background: transparent;
  }

  .b-tree__sub_groups::-webkit-scrollbar-thumb {
    background: #72a0cc;
    border-radius: 20px;
    border: 2px solid #337ab7;
  }

  .b-tree-searched > .b-tree__sub_groups {
    scrollbar-color: #eee transparent;
  }

  .b-tree-searched > .b-tree__sub_groups::-webkit-scrollbar-thumb {
    background: #eee;
    border: 2px solid #fff;
  }
}

.sub_groups__item {
  border-bottom: 1px solid #efefef;
}

.sub_groups__item:last-child {
  border-bottom: none;
}

.sub_groups__item-link {
  color: #000;
  display: block;
  padding: 10px 5px 10px 35px;
  text-decoration: none;
}

.sub_groups__item-link:hover {
  background-color: #fbfbfb;
  color: #337ab7;
  text-decoration: none;
}

/** */

.b-tree__quick_filter {
  padding: 10px 15px 8px 15px;
}

.b-tree__quick_filter_msg {
  padding: 10px 0 8px 0;
}

.b-popular_categories {
  background-color: #337ab7;
}

.b-popular_categories.b-tree:hover {
  background-color: #286090;
}

.b-popular_categories.b-tree:hover .title__content {
  color: #fff;
}

.b-popular_categories.b-tree_pos_aside {
  border-bottom: 1px solid #2b689e;
}

.b-popular_categories .h5 {
  color: #fff;
}

.b-popular_categories .b-tree__header {
  display: block;
  text-decoration: none;
}

.b-tree__header.loading:hover:after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjRkZGRkZGIiAvPjxnPjxlbGxpcHNlIGN4PSI2NCIgY3k9IjE4Ljc1IiByeD0iNi4yNSIgcnk9IjE4Ljc1IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAiLz48ZWxsaXBzZSBjeD0iNjQiIGN5PSIxOC43NSIgcng9IjYuMjUiIHJ5PSIxOC43NSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwIiB0cmFuc2Zvcm09InJvdGF0ZSgzMCA2NCA2NCkiLz48ZWxsaXBzZSBjeD0iNjQiIGN5PSIxOC43NSIgcng9IjYuMjUiIHJ5PSIxOC43NSIgZmlsbD0iI2VkZmJmYSIgZmlsbC1vcGFjaXR5PSIwLjEiIHRyYW5zZm9ybT0icm90YXRlKDYwIDY0IDY0KSIvPjxlbGxpcHNlIGN4PSI2NCIgY3k9IjE4Ljc1IiByeD0iNi4yNSIgcnk9IjE4Ljc1IiBmaWxsPSIjZGJmNmY1IiBmaWxsLW9wYWNpdHk9IjAuMiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNjQgNjQpIi8+PGVsbGlwc2UgY3g9IjY0IiBjeT0iMTguNzUiIHJ4PSI2LjI1IiByeT0iMTguNzUiIGZpbGw9IiNjOGYyZjAiIGZpbGwtb3BhY2l0eT0iMC4zIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjAgNjQgNjQpIi8+PGVsbGlwc2UgY3g9IjY0IiBjeT0iMTguNzUiIHJ4PSI2LjI1IiByeT0iMTguNzUiIGZpbGw9IiNiN2VlZWIiIGZpbGwtb3BhY2l0eT0iMC40IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNjQgNjQpIi8+PGVsbGlwc2UgY3g9IjY0IiBjeT0iMTguNzUiIHJ4PSI2LjI1IiByeT0iMTguNzUiIGZpbGw9IiNhNGU5ZTYiIGZpbGwtb3BhY2l0eT0iMC41IiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNjQgNjQpIi8+PGVsbGlwc2UgY3g9IjY0IiBjeT0iMTguNzUiIHJ4PSI2LjI1IiByeT0iMTguNzUiIGZpbGw9IiM5MmU1ZTEiIGZpbGwtb3BhY2l0eT0iMC42IiB0cmFuc2Zvcm09InJvdGF0ZSgyMTAgNjQgNjQpIi8+PGVsbGlwc2UgY3g9IjY0IiBjeT0iMTguNzUiIHJ4PSI2LjI1IiByeT0iMTguNzUiIGZpbGw9IiM4MGUxZGMiIGZpbGwtb3BhY2l0eT0iMC43IiB0cmFuc2Zvcm09InJvdGF0ZSgyNDAgNjQgNjQpIi8+PGVsbGlwc2UgY3g9IjY0IiBjeT0iMTguNzUiIHJ4PSI2LjI1IiByeT0iMTguNzUiIGZpbGw9IiM2ZWRkZDciIGZpbGwtb3BhY2l0eT0iMC44IiB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNjQgNjQpIi8+PGVsbGlwc2UgY3g9IjY0IiBjeT0iMTguNzUiIHJ4PSI2LjI1IiByeT0iMTguNzUiIGZpbGw9IiM1Y2Q4ZDIiIGZpbGwtb3BhY2l0eT0iMC45IiB0cmFuc2Zvcm09InJvdGF0ZSgzMDAgNjQgNjQpIi8+PGVsbGlwc2UgY3g9IjY0IiBjeT0iMTguNzUiIHJ4PSI2LjI1IiByeT0iMTguNzUiIGZpbGw9IiM0YWQ0Y2QiIGZpbGwtb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoMzMwIDY0IDY0KSIvPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgNjQgNjQ7MzAgNjQgNjQ7NjAgNjQgNjQ7OTAgNjQgNjQ7MTIwIDY0IDY0OzE1MCA2NCA2NDsxODAgNjQgNjQ7MjEwIDY0IDY0OzI0MCA2NCA2NDsyNzAgNjQgNjQ7MzAwIDY0IDY0OzMzMCA2NCA2NCIgY2FsY01vZGU9ImRpc2NyZXRlIiBkdXI9IjcyMG1zIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvZz48L3N2Zz4=");
  position: absolute;
  right: 40px;
  top: 15px;
}

.b-popular_categories .content__count_product {
  color: #82abd2;
}

.b-popular_categories.b-tree_active_yes {
  background-color: #286090;
}

.b-popular_categories .b-tree__header .title::after,
.b-tree__wolf_link .b-tree__header .title::after {
  background-size: 29px auto;
  height: 24px;
  margin-top: -12px;
  width: 30px;
  opacity: unset;
}

.b-popular_categories.b-tree__wolf {
  background: linear-gradient(90deg, #9fb2ba, #8396a1);
  border-bottom: none;
}

.b-tree__wolf_link {
  display: block;
}

.b-tree__wolf_link.b-tree:hover .b-tree__header .title::after,
.b-popular_categories.b-tree_active_yes .b-tree__header .title::after,
.b-popular_categories.b-tree:hover .b-tree__header .title::after {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/* яркий лейбл для наборов ТО */
.popular_categories-to .title__content.with-label sup {
  background: #dc3545;
  border-radius: 10px;
  padding: 1px 6px;
  margin-left: 3px;
  font-size: 70%;
  top: -0.8rem;
  line-height: 1;
  letter-spacing: 0.2px;
}

.popular_categories-1404.b-tree__header .title::after {
  background-image: url(../static/images/catalog_tree/engine.svg);
}

.popular_categories-4430.b-tree__header .title::after {
  background-image: url(../static/images/catalog_tree/cabin.svg);
}

.popular_categories-6191.b-tree__header .title::after {
  background-image: url(../static/images/catalog_tree/diff.svg);
}

.popular_categories-12219.b-tree__header .title::after {
  background-image: url(../static/images/catalog_tree/gearbox-auto.svg);
}

.popular_categories-12206.b-tree__header .title::after {
  background-image: url(../static/images/catalog_tree/gearbox-man.svg);
}

.popular_categories-to.b-tree__header .title::after {
  background-image: url("https://file.euroauto.ru/v2/file/web/to/2.svg");
  background-size: contain;
}
.popular_categories-tyres.b-tree__header .title::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJf0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB2aWV3Qm94PSIwIDAgODAgODAiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IHJnYigxMzAsIDE3MSwgMjEwKTsKOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im00MCwxLjY4QzE4Ljk2LDEuNjgsMS44NCwxOC44LDEuODQsMzkuODVzMTcuMTIsMzguMTYsMzguMTYsMzguMTYsMzguMTYtMTcuMTIsMzguMTYtMzguMTZTNjEuMDQsMS42OCw0MCwxLjY4Wm0zNi43NCwzOS4xNmMtLjA1LDEuOTUtLjI2LDMuODktLjYxLDUuNzdsLTIuMDItLjQtLjI3LDEuMzcsMi4wMS40Yy0uNDMsMS44OS0xLjAxLDMuNzUtMS43Myw1LjU0bC0xLjg3LS43Ny0uNTQsMS4yOSwxLjg1Ljc3Yy0uNzksMS43Ni0xLjcyLDMuNDctMi43OCw1LjA4bC0xLjY0LTEuMS0uNzgsMS4xNiwxLjYzLDEuMDljLTEuMTIsMS41OC0yLjM2LDMuMDctMy43LDQuNDRsLTEuMzctMS4zNy0uOTkuOTksMS4zNiwxLjM2Yy0xLjQxLDEuMzQtMi45MiwyLjU3LTQuNDgsMy42NWwtMS4wNy0xLjU5LTEuMTYuNzgsMS4wNiwxLjU4Yy0xLjY1LDEuMDUtMy4zNiwxLjk2LTUuMSwyLjcxbC0uNzMtMS43Ny0xLjI5LjU0LjczLDEuNzVjLTEuODEuNy0zLjY3LDEuMjYtNS41MywxLjY2bC0uMzctMS44Ny0xLjM3LjI3LjM3LDEuODVjLTEuODkuMzMtMy44Mi41Mi01Ljc1LjU1di0xLjg5aC0xLjR2MS44OGMtMS45Mi0uMDQtMy44NS0uMjMtNS43NC0uNTdsLjM3LTEuODYtMS4zNy0uMjctLjM3LDEuODZjLTEuODctLjQxLTMuNzItLjk4LTUuNTItMS42OWwuNzMtMS43Ni0xLjI5LS41NC0uNzMsMS43NmMtMS43NC0uNzctMy40NS0xLjY4LTUuMDktMi43M2wxLjA2LTEuNTktMS4xNi0uNzgtMS4wNiwxLjU5Yy0xLjU3LTEuMDktMy4wNy0yLjMzLTQuNDYtMy42N2wxLjM2LTEuMzYtLjk5LS45OS0xLjM3LDEuMzdjLTEuMzQtMS4zOC0yLjU4LTIuODgtMy42OC00LjQ2bDEuNjMtMS4wOS0uNzgtMS4xNi0xLjY0LDEuMDljLTEuMDUtMS42My0xLjk4LTMuMzQtMi43NS01LjFsMS44Ni0uNzctLjU0LTEuMjktMS44Ni43N2MtLjcxLTEuOC0xLjI5LTMuNjctMS43LTUuNTRsMi4wMi0uNC0uMjctMS4zNy0yLjAyLjRjLS4zNC0xLjg5LS41NC0zLjg0LS41OC01Ljc4aDIuMDl2LTEuNGgtMi4xYy4wMy0xLjkzLjIyLTMuODguNTUtNS43OWwyLjA5LjQyLjI3LTEuMzctMi4xLS40MmMuNC0xLjg4Ljk3LTMuNzUsMS42OC01LjU4bDIuMDEuODMuNTQtMS4yOS0yLjAxLS44M2MuNzYtMS43NiwxLjY5LTMuNDksMi43NS01LjE0bDEuODMsMS4yMi43OC0xLjE2LTEuODMtMS4yMmMxLjEtMS41OCwyLjM1LTMuMSwzLjctNC41MWwxLjU3LDEuNTcuOTktLjk5LTEuNTctMS41N2MxLjQtMS4zNSwyLjkyLTIuNiw0LjUxLTMuNzFsMS4yNSwxLjg3LDEuMTYtLjc4LTEuMjUtMS44OGMxLjY1LTEuMDYsMy4zOC0xLjk5LDUuMTUtMi43N2wuODgsMi4xMSwxLjI5LS41NC0uODctMi4xMWMxLjgzLS43MiwzLjcxLTEuMjksNS42LTEuN2wuNDUsMi4yNiwxLjM3LS4yNy0uNDUtMi4yNWMxLjkyLS4zNCwzLjg4LS41Myw1LjgzLS41NnYyLjNoMS40di0yLjNjMS45Ni4wNCwzLjkxLjI0LDUuODIuNTlsLS40NSwyLjI2LDEuMzcuMjcuNDUtMi4yNWMxLjkuNDIsMy43OCwxLDUuNTksMS43M2wtLjg4LDIuMTEsMS4yOS41NC44Ny0yLjExYzEuNzguNzksMy41LDEuNzMsNS4xNCwyLjc5bC0xLjI2LDEuODgsMS4xNi43OCwxLjI1LTEuODdjMS42LDEuMTMsMy4xMSwyLjM4LDQuNDksMy43M2wtMS41OCwxLjU4Ljk5Ljk5LDEuNTctMS41N2MxLjM2LDEuNDMsMi42LDIuOTUsMy42OCw0LjUzbC0xLjg0LDEuMjMuNzgsMS4xNiwxLjgyLTEuMjJjMS4wNiwxLjY3LDEuOTgsMy40LDIuNzMsNS4xNWwtMi4wMi44NC41NCwxLjI5LDItLjgzYy43MSwxLjg0LDEuMjcsMy43MiwxLjY2LDUuNThsLTIuMTEuNDIuMjcsMS4zNywyLjA5LS40MmMuMzMsMS45Mi41LDMuODYuNTMsNS43OWgtMi4xdjEuNGgyLjA5WiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTQwLDE0Ljc2Yy0xMy44MywwLTI1LjA5LDExLjI1LTI1LjA5LDI1LjA5czExLjI1LDI1LjA5LDI1LjA5LDI1LjA5LDI1LjA5LTExLjI2LDI1LjA5LTI1LjA5LTExLjI2LTI1LjA5LTI1LjA5LTI1LjA5Wm0wLDQ4Ljc4Yy0xMy4wNiwwLTIzLjY5LTEwLjYzLTIzLjY5LTIzLjY5czEwLjYzLTIzLjY5LDIzLjY5LTIzLjY5LDIzLjY5LDEwLjYzLDIzLjY5LDIzLjY5LTEwLjYzLDIzLjY5LTIzLjY5LDIzLjY5WiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTYyLjY3LDM5Ljg1YzAtMi42NC0uNDUtNS4yMy0xLjM0LTcuNjloMHMtLjI5LS43My0uMjktLjczYy0uMTItLjI5LS4yNC0uNTgtLjM3LS44N2wtLjA0LS4wOGMtLjA0LS4wOS0uMDgtLjE5LS4xMy0uMjgtLjEzLS4yOS0uMjgtLjU3LS40Mi0uODVsLS4wNi0uMTFjLS4wMy0uMDYtLjA2LS4xMi0uMDktLjE4LS4xOC0uMzMtLjM4LS42Ny0uNTktMS4wMi0uMDctLjEyLS4xNS0uMjMtLjIyLS4zNWwtLjA5LS4xNGMtLjEyLS4xOC0uMjMtLjM2LS4zNi0uNTQtLjAyLS4wNC0uMDUtLjA3LS4wNy0uMTEtLjAzLS4wNC0uMDYtLjA5LS4wOS0uMTNsLS4yOC0uNC0uMDgtLjFoMGMtMy41Ny00Ljc3LTguOTYtNy45OS0xNC44MS04Ljg2bC0uNjYtLjA5Yy0uNDItLjA1LS44My0uMDktMS4yMy0uMTFoLS4xNGMtLjk1LS4wNy0xLjY4LS4wNy0yLjYzLDBoLS4xNGMtLjQuMDQtLjgxLjA3LTEuMjMuMTJsLS41My4wNi0uMTMuMDJoMGMtNS44NS44Ny0xMS4yNCw0LjA5LTE0LjgxLDguODZoLS4wMXMtLjM2LjUtLjM2LjVjLS4wMy4wNC0uMDYuMDktLjA5LjEzLS4wMi4wNC0uMDUuMDctLjA3LjExLS4xMi4xOC0uMjQuMzUtLjM1LjUzbC0uMS4xNWMtLjA3LjExLS4xNS4yMi0uMjEuMzQtLjIxLjM0LS40MS42OS0uNTksMS4wMi0uMDMuMDUtLjA2LjExLS4wOC4xNmwtLjA2LjEyYy0uMTUuMjgtLjI5LjU3LS40My44Ni0uMDQuMDgtLjA4LjE3LS4xMi4yNmwtLjA0LjA5Yy0uMTMuMjgtLjI1LjU3LS4zNi44NWwtLjAzLjA3cy0uMDMuMDctLjA0LjFsLS4yMi41N2gwYy0uODksMi40Ni0xLjM0LDUuMDUtMS4zNCw3LjY5cy40NSw1LjIyLDEuMzQsNy42OGgwcy4yMy41OC4yMy41OGMuMDEuMDMuMDMuMDcuMDQuMWwuMDQuMDhjLjExLjI4LjIzLjU2LjM2LjgzbC4wNS4xMWMuMDQuMDkuMDguMTcuMTIuMjYuMTMuMjguMjcuNTYuNDIuODNsLjA3LjEzYy4wMy4wNi4wNi4xMi4wOS4xOC4xOC4zMy4zOC42Ny41OCwxLjAxLjA4LjEzLjE2LjI2LjI0LjM4bC4wNy4xMWMuMTEuMTguMjMuMzUuMzUuNTNsLjA3LjFzLjA2LjA5LjA5LjE0bC4yOC40LjA4LjFoMGMzLjU3LDQuNzcsOC45Niw3Ljk5LDE0LjgxLDguODZsLjYzLjA4Yy40Ni4wNS44OS4wOSwxLjMyLjEyaC4wNmMuNDkuMDMuOTIuMDUsMS4zMy4wNXMuODQtLjAxLDEuMzMtLjA0aC4wNmMuNDMtLjAzLjg2LS4wNywxLjM0LS4xM2wuNjItLjA4aDBjNS44Ni0uODcsMTEuMjQtNC4xLDE0LjgxLTguODdoLjAxcy4zNi0uNS4zNi0uNWMuMDMtLjA1LjA2LS4xLjEtLjE0bC4wNi0uMDljLjEyLS4xOC4yNC0uMzYuMzYtLjU0bC4wOS0uMTNjLjA4LS4xMi4xNS0uMjMuMjItLjM1LjIxLS4zNS40MS0uNjguNTktMS4wMS4wMy0uMDYuMDctLjEyLjEtLjE5bC4wNi0uMTJjLjE0LS4yNy4yOC0uNTUuNDEtLjgzLjA2LS4xMi4xMS0uMjUuMTctLjM3LjEzLS4yOC4yNS0uNTYuMzYtLjg1LjAxLS4wMy4wMi0uMDUuMDMtLjA4LjAxLS4wMy4wMy0uMDYuMDQtLjA5bC4yMi0uNTdoMGMuODktMi40NiwxLjM0LTUuMDUsMS4zNC03LjY5Wm0tMTIuOC0xLjUxbDEwLjE5LTUuNDhjLjgsMi4yOSwxLjIxLDQuNjQsMS4yMSw3cy0uNDEsNC43MS0xLjIxLDdsLTEwLjE5LTUuNDhjLjA4LS41NC4xMy0xLjA0LjEzLTEuNTJzLS4wNC0uOTctLjEzLTEuNTFabS0yNy42LDEzLjI2Yy0uMTUtLjIyLS4yOC0uNDYtLjQyLS42OGwtLjE1LS4yNWMtLjA1LS4wOS0uMTEtLjE4LS4xNy0uMjctLjA5LS4xNC0uMTgtLjI4LS4yNi0uNDMtLjA5LS4xNi0uMTctLjMzLS4yNC0uNS0uMDUtLjEtLjEtLjIxLS4xNS0uMzFsLS4xNC0uMjhjLS4xMS0uMjItLjIyLS40NS0uMzMtLjdsMTAuMDItNS4zOWMuMzksMS4yNSwxLDIuNCwxLjg0LDMuNDJsLTEwLjAyLDUuMzlabTEwLjAyLTE4LjA5Yy0uODQsMS4wMS0xLjQ2LDIuMTYtMS44NCwzLjQybC0xMC4wMi01LjM5Yy4xLS4yMi4yMS0uNDUuMzItLjY2bC4xNS0uM2MuMDUtLjEuMS0uMi4xNC0uMy4wOC0uMTguMTYtLjM1LjI1LS41Mi4wNy0uMTMuMTUtLjI1LjIyLS4zNy4wNS0uMDkuMTEtLjE3LjE2LS4yNmwuMTMtLjIyYy4xNS0uMjYuMzEtLjUzLjQ4LS43OGwxMC4wMiw1LjM5Wm0tOS4xOC02LjUzYzMuMzQtNC4zOCw4LjE0LTcuMjUsMTMuNTUtOC4xdjExLjU2Yy0xLjI0LjQ0LTIuMzgsMS4xMi0zLjM2LDIuMDJsLTEwLjE4LTUuNDhabTEwLjE4LDIwLjI4Yy45OS44OSwyLjEyLDEuNTcsMy4zNiwyLjAydjExLjU3Yy01LjQtLjg2LTEwLjItMy43My0xMy41NS04LjFsMTAuMTgtNS40OFptMTUuMzEtNy40YzAsNC43NC0zLjg2LDguNi04LjYsOC42cy04LjYtMy44Ni04LjYtOC42LDMuODYtOC42LDguNi04LjYsOC42LDMuODYsOC42LDguNlptLS44OSw2LjM1Yy44NC0xLjAxLDEuNDYtMi4xNiwxLjg0LTMuNDJsMTAuMDIsNS4zOWMtLjA5LjItLjE4LjM5LS4yOC41OC0uMDUuMS0uMS4yMS0uMTUuMzEtLjA1LjEtLjEuMjEtLjE1LjMxLS4wOS4yLS4xOC4zOS0uMjkuNTktLjA3LjEyLS4xNC4yNC0uMjIuMzYtLjA1LjA5LS4xMS4xNy0uMTYuMjZsLS4xMS4xOWMtLjE2LjI3LS4zMi41NS0uNDkuODFsLTEwLjAyLTUuMzlabTEwLjAyLTE4LjA5Yy4xNy4yNy4zNC41NC40OS44MmwuMTIuMmMuMDUuMDguMS4xNi4xNS4yNC4wOC4xMi4xNS4yNC4yMi4zNy4xLjE4LjE4LjM3LjI3LjU1LjA1LjExLjEuMjEuMTUuMzEuMDUuMS4xLjIxLjE1LjMxLjEuMi4yLjQxLjI5LjYxbC0xMC4wMiw1LjM5Yy0uMzktMS4yNi0xLjAxLTIuNDEtMS44NC0zLjQybDEwLjAyLTUuMzlabS0xMS4wMiw0LjM0Yy0uOTktLjg5LTIuMTItMS41Ny0zLjM2LTIuMDJ2LTExLjU2YzUuNC44NiwxMC4yLDMuNzMsMTMuNTUsOC4xbC0xMC4xOCw1LjQ4Wm0xMC4xOCwyMC4yOGMtMy4zNCw0LjM4LTguMTQsNy4yNS0xMy41NSw4LjF2LTExLjU3YzEuMjUtLjQ0LDIuMzgtMS4xMiwzLjM2LTIuMDJsMTAuMTgsNS40OFptLTE0Ljk1LTIyLjY5Yy0uNjUtLjEzLTEuMy0uMi0xLjk0LS4ycy0xLjI5LjA3LTEuOTQuMnYtMTEuMzdjMS4zMi0uMTIsMi41Ni0uMTIsMy44OCwwdjExLjM3Wm0tMjEuNywxLjUzaDAsMFptOS44OCw5Ljc5bC0xMC4xOSw1LjQ4Yy0uOC0yLjI5LTEuMjEtNC42NC0xLjIxLTdzLjQxLTQuNzEsMS4yMS03bDEwLjE5LDUuNDhjLS4wOC41NC0uMTMsMS4wNC0uMTMsMS41MXMuMDQuOTcuMTMsMS41MlptNy45Myw4LjI5YzEuMjkuMjYsMi41OS4yNiwzLjg4LDB2MTEuMzdjLTEuMzIuMTItMi41Ni4xMi0zLjg4LDB2LTExLjM3Wm0zLjMyLDEyLjY3aDBzMCwwLDAsMFoiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im00MCwzNS41N2MtMi4zNiwwLTQuMjgsMS45Mi00LjI4LDQuMjhzMS45Miw0LjI4LDQuMjgsNC4yOCw0LjI4LTEuOTIsNC4yOC00LjI4LTEuOTItNC4yOC00LjI4LTQuMjhabTAsNy4xNmMtMS41OSwwLTIuODgtMS4yOS0yLjg4LTIuODhzMS4yOS0yLjg4LDIuODgtMi44OCwyLjg4LDEuMjksMi44OCwyLjg4LTEuMjksMi44OC0yLjg4LDIuODhaIi8+Cjwvc3ZnPg==");
  background-size: contain;
}

.popular_categories-oil-item.b-tree__header .title::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iX9Ch0LvQvtC5XzEiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMSIgdmlld0JveD0iMCAwIDY0IDY0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjODJhYmQyYzk7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQoKICAgICAgLmNscy0zIHsKICAgICAgICBjbGlwLXBhdGg6IHVybCgjY2xpcHBhdGgpOwogICAgICB9CgogICAgICAuY2xzLTQgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXBwYXRoIj4KICAgICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSIuMDIiIHk9Ii4wMiIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBjbGFzcz0iY2xzLTMiPgogICAgPGc+CiAgICAgIDxnPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYwLjc4LDY0LjA0SDI3LjEzYy0xLjc3LDAtMy4yMS0xLjMyLTMuMjEtMi45NVY5LjE2YzAtMS42MywxLjQ0LTIuOTUsMy4yMS0yLjk1aDE0LjZjMy4xMywuMSw0LjIyLC45Miw1Ljc0LDIuMjMsMy4yLDIuNzcsOC4xOSw3LjQ4LDE0LjQxLDEzLjYybC4yMiwuMjJjMS44OCwyLjA0LDEuODksNC4yOCwxLjg3LDQuNzJWNjEuMDljMCwxLjYzLTEuNDQsMi45NS0zLjIsMi45NVpNNDEuNjksOC44MWgtMTQuNTZjLS4zNywwLS42MSwuMjEtLjYxLC4zNlY2MS4wOWMwLC4xNCwuMjQsLjM1LC42MSwuMzVINjAuNzhjLjM3LDAsLjYxLS4yMSwuNjEtLjM1VjI2Ljg3cy4wNy0xLjQ2LTEuMTUtMi43OWwtLjE4LS4xN2MtNi4xOC02LjEtMTEuMTItMTAuNzctMTQuMjktMTMuNS0xLjI0LTEuMDgtMS43Ni0xLjUyLTQuMDktMS42WiIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU3LjU4LDU5LjU0SDMwLjMyYy0xLjQzLDAtMi41OS0xLjA3LTIuNTktMi4zOVYxNC4xYzAtMS4zMiwxLjE2LTIuMzksMi41OS0yLjM5aDExLjgzYzIuNTQsLjA4LDMuNDIsLjc0LDQuNjUsMS44MSwyLjU3LDIuMjIsNi43Myw2LjE1LDExLjcsMTEuMDZsLjE1LC4xNWMxLjY2LDEuODEsMS41MiwzLjgsMS41MSwzLjg4djI4LjU0YzAsMS4zMi0xLjE2LDIuMzktMi41OSwyLjM5Wk00Mi4xMiwxMy44MWgtMTEuOGMtLjMsMC0uNDksLjE3LS40OSwuMjlWNTcuMTVjMCwuMTEsLjIsLjI5LC40OSwuMjloMjcuMjZjLjMsMCwuNDktLjE3LC40OS0uMjlWMjguNTJjMC0uMTIsLjA2LTEuMjctLjkzLTIuMzRsLS4xMi0uMTFjLTQuOTQtNC44OC05LjA2LTguNzctMTEuNi0xMC45Ny0xLjAxLS44Ny0xLjQzLTEuMjMtMy4zMS0xLjI5WiIvPgogICAgICAgIDxnPgogICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzMi43MyIgeT0iMTguMiIgd2lkdGg9IjQuMDIiIGhlaWdodD0iMi4yMSIvPgogICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzOC4xNyIgeT0iMTguMiIgd2lkdGg9IjQuMDIiIGhlaWdodD0iMi4yMSIvPgogICAgICAgIDwvZz4KICAgICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMzLjYxIiB5PSI1MC4xOSIgd2lkdGg9IjIwLjgzIiBoZWlnaHQ9IjIuMjEiLz4KICAgICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMzLjYxIiB5PSI1My43IiB3aWR0aD0iMjAuODMiIGhlaWdodD0iMi4yMSIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQzLjkyLDQ2LjA2Yy0yLjQsMC0zLjY3LTEuMDItNC4zMi0xLjg4LTEuNjYtMi4xOC0uOTctNS4yNy0uNzItNi4xNywuNjktMi40OCwzLjktOS42Nyw0LjAzLTkuOThsLjk5LTIuMjEsMS4wMywyLjE5Yy4xNCwuMywzLjQ1LDcuMzksNC4xMyw5Ljk4LC4yNCwuOTEsLjg5LDQuMDQtLjc4LDYuMi0uNjYsLjg1LTEuOTQsMS44Ny00LjM1LDEuODdabS4wMi0xNC44N2MtMS4wMiwyLjM2LTIuNTIsNS45Mi0yLjk0LDcuNDItLjM2LDEuMjctLjQ4LDMuMTUsLjM1LDQuMjQsLjUxLC42NywxLjM1LDEsMi41NiwxczIuMDgtLjMzLDIuNi0xLjAxYy44NC0xLjA4LC43NS0yLjkyLC4zOS00LjI5LS40LTEuNTQtMS45My01LjA0LTIuOTctNy4zNloiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00Mi43Miw4LjA3aC0yLjIxVjIuMjJoLTExLjgzdjUuODZzLTIuMjEsMC0yLjIxLDBWMS44NmMtLjAxLS4wOC0uMDItLjY3LC40Ni0xLjIsLjI4LS4zLC44LS42NiwxLjczLS42NmgxMS44N2MxLjYxLDAsMi4xOSwxLjExLDIuMTksMS44NnY2LjIxWk0yOC42OCwxLjc3di4xMnMwLS4wNywwLS4xMloiLz4KICAgICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjI3Ljc5IiB5PSIzLjE1IiB3aWR0aD0iMTMuMzciIGhlaWdodD0iMi4yMSIvPgogICAgICA8L2c+CiAgICAgIAogICAgICA8Zz4KICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOS4yOCw2NC4wMUgyLjU5Yy0xLjQ0LDAtMi42Mi0xLjE3LTIuNjItMi42MlYyOC41MmMwLTEuNDQsMS4xNy0yLjYyLDIuNjItMi42MkgyOS4yOGMxLjQ0LDAsMi42MiwxLjE3LDIuNjIsMi42MlY2MS40YzAsMS40NC0xLjE3LDIuNjItMi42MiwyLjYyWk0yLjU5LDI4LjExYy0uMjIsMC0uNDEsLjE4LS40MSwuNDFWNjEuNGMwLC4yMiwuMTgsLjQxLC40MSwuNDFIMjkuMjhjLjIyLDAsLjQxLS4xOCwuNDEtLjQxVjI4LjUyYzAtLjIyLS4xOC0uNDEtLjQxLS40MUgyLjU5WiIvPgogICAgICAgIDxnPgogICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS4zOSIgeT0iMjIuNjUiIHdpZHRoPSI5LjQxIiBoZWlnaHQ9IjIuMjEiLz4KICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIyLjA2LDI3LjAxaC0yLjIxdi01Ljg2aC03LjgzdjUuODZzLTIuMjEsMC0yLjIxLDB2LTYuMjFjLS4wMS0uMDgtLjAyLS42NywuNDYtMS4yLC4yOC0uMywuOC0uNjYsMS43My0uNjZoNy44N2MxLjYxLDAsMi4xOSwxLjExLDIuMTksMS44NnY2LjIxWm0tMTAuMDQtNi4yNXYwWiIvPgogICAgICAgIDwvZz4KICAgICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjcuODEiIHk9IjI5LjYxIiB3aWR0aD0iMTYuMjUiIGhlaWdodD0iMi4yMSIvPgogICAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iLjg3IiB5PSIzNC4zNiIgd2lkdGg9IjMwLjEzIiBoZWlnaHQ9IjIuMjEiLz4KICAgICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9Ii44NyIgeT0iNTMuMDkiIHdpZHRoPSIzMC4xMyIgaGVpZ2h0PSIyLjIxIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuOTQsNTIuMjVjLTEuNzgsMC0yLjczLS43Ny0zLjIyLTEuNDItMS4yMy0xLjYxLS43My0zLjg2LS41NS00LjUsLjQ4LTEuNzEsMi42Ny02LjYzLDIuNzYtNi44M2wuOTktMi4yMSwxLjAyLDIuMTljLjEsLjIxLDIuMzYsNS4wNiwyLjgzLDYuODQsLjE3LC42NiwuNjQsMi45Mi0uNTksNC41Mi0uNSwuNjQtMS40NiwxLjQxLTMuMjQsMS40MVptLjAyLTkuNThjLS42OCwxLjU5LTEuNDMsMy40NC0xLjY2LDQuMjUtLjI0LC44NS0uMjcsMS45OCwuMTgsMi41NywuMSwuMTMsLjQxLC41NCwxLjQ2LC41NHMxLjM4LS40MSwxLjQ5LS41NWMuNDktLjY0LC40Mi0xLjgsLjIxLTIuNjEtLjIyLS44My0uOTgtMi42NS0xLjY3LTQuMjFaIi8+CiAgICAgICAgPGc+CiAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjE2LDU5LjE0aC0zLjA2Yy0uNzQsMC0uODMtLjY1LS44NC0uNjV2LTEuODlIMy4wNnYxLjljMCwxLC44OSwyLjg2LDMuMDUsMi44NmgzLjA2di0yLjIxWiIvPgogICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS4zNyIgeT0iNTkuMTQiIHdpZHRoPSI0LjA5IiBoZWlnaHQ9IjIuMjEiLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
  background-size: contain;
}

.b-tree__wolf_link .b-tree__header .title::after {
  background-image: url(../images/wolf.svg);
}
.b-tree-search--comment {
  display: none;
}

.content__count_product,
.sub_groups__count_product {
  color: #999;
  font-size: 12px;
}

.island {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
  .b-tree_active_yes .b-tree__sub_groups,
  .b-tree.b-tree-searched .b-tree__sub_groups {
    display: block;
  }

  .b-tree__header .title::after {
    left: 10px;
  }
}

@media (min-width: 992px) {
  .b-tree-searched .b-tree__header .title {
    padding: 15px 8px 15px 35px;
    margin: 0;
  }

  .b-tree.b-tree-searched .b-tree__header .title::after,
  .b-tree.b-tree-searched:hover .b-tree__header .title::after {
    left: 11px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .b-tree.b-tree-searched .b-tree__sub_groups {
    display: block;
    position: relative;
    max-height: 250px;
    width: unset;
  }

  .b-tree.b-tree-searched:hover .b-tree__sub_groups {
    top: unset;
    bottom: unset;
    left: unset;
    position: relative;
    max-height: 250px;
    width: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
  }

  .b-tree.b-tree-searched:hover .sub_groups__item:last-child {
    border-bottom: none;
  }

  .b-tree.b-tree-searched:hover .sub_groups__item {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
  }

  .b-tree.b-tree-searched:hover .sub_groups__item-link {
    color: #000;
  }

  .b-tree.b-tree-searched:hover .sub_groups__item-link:hover {
    text-decoration: none;
    background-color: #fbfbfb;
    color: #337ab7;
  }

  .b-tree.b-tree-searched:hover .sub_groups__count_product {
    color: #999;
  }

  /**
		 * Вывод групп в бок
		 */
  .b-tree__header .title {
    padding: 15px 40px 15px 16px;
    margin: 0;
  }

  .b-tree__header .title::after {
    right: 10px;
  }

  .b-tree__wolf_link .title {
    padding: 18px 40px 18px 16px;
    font-weight: bold;
    color: #2b2f34;
  }

  .b-tree__wolf_link:hover {
    text-decoration: none;
  }

  .b-tree:hover .b-tree__header .title::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .b-tree:hover .b-tree__sub_groups {
    z-index: 5;
    display: block;
    position: absolute;
    left: calc(100% + 5px);
    max-height: 417px;
    width: 420px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.07);
  }

  @media (max-height: 880px) {
    .b-tree:hover .b-tree__sub_groups {
      max-height: 302px;
    }
  }

  @media (max-height: 624px) {
    .b-tree:hover .b-tree__sub_groups {
      max-height: 228px;
    }
  }

  .b-tree.b-tree-searched .sub_groups_items {
    display: none;
  }

  .b-tree:hover .sub_groups__item {
    background-color: #337ab7;
    border-bottom: 1px solid #4e89bb;
  }

  .b-tree:hover .sub_groups__item-link {
    color: #fff;
  }

  .b-tree:hover .sub_groups__item-link:hover {
    text-decoration: none;
    background-color: #2a73b1;
    color: #aed1eb;
  }

  .b-tree:hover .sub_groups__count_product {
    color: #aed1eb;
  }

  .b-tree__sub_groups.sub_groups_items,
  .b-tree__sub_groups.search_items {
    border: none;
  }
}

/**
 * /Блок выбора категорий
 */

/**
 * Банер доставки и записи на сто в каталоге поиска по марке и модели и другие банера
 */

.banners {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}

.banner {
  -moz-box-align: center;
  -moz-box-pack: justify;
  -ms-flex-align: center;
  -ms-flex-line-pack: stretch;
  -ms-flex-pack: justify;
  -webkit-align-content: stretch;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  align-content: stretch;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  padding: 10px 15px;
  background: #333f47;
  border-radius: 8px;
}

.sto-icon {
  width: 73px;
  height: 45px;
  margin-left: -33px;
  margin-bottom: -10px;
  overflow: hidden;

  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.sto-message {
  text-align: center;
  line-height: 17px;
}

.sto-title {
  font-size: 15px;

  /*font-weight: 700;*/
  color: #fff;
}

.sto-old-price {
  position: relative;
  text-decoration: line-through #f00;
}

.sto-price {
  font-size: 11px;
  color: #c5c5c5;
}

.sto-price-num {
  color: #fff;
  line-height: 16px;
}

.sto-price-br {
  display: none;
}

a.sto-map-link {
  color: #c5c5c5;
  border-bottom: 1px solid #02a9e9;
  text-decoration: none;
}

a.sto-map-link:hover,
a.sto-map-link:active {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.33);
}

a.sto-button {
  cursor: pointer;
  font-size: 13px;
  color: #fff;
  border: 1px solid #02a9e9;
  border-radius: 4px;
  padding: 4px 12px;
}

a.sto-button:hover,
a.sto-button:active {
  background: #02a9e9;
  border-color: #02a9e9;
  color: #ffffff;
}

a.sto-button:hover,
a.sto-button:active,
a.sto-button:visited {
  text-decoration: none;
}

@media (max-width: 768px) {
  .banner {
    padding: 0 10px;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .sto-icon {
    margin: 0 auto 0 auto;
    transform: rotate(135deg);
  }

  .sto-icon svg {
    width: 100%;
    height: 100%;
  }

  .sto-message {
    margin-bottom: 7px;
  }

  a.sto-button {
    margin-bottom: 15px;
  }

  .sto-price {
    margin-bottom: 10px;
  }
}

@media (max-width: 420px) {
  .sto-price-br {
    display: block;
  }
}

.banner-delivery {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.banners .banner-delivery-icon {
  width: 71px;
  height: 55px;
  margin-left: -11px;
  margin-bottom: -10px;
  margin-top: -10px;
  overflow: hidden;

  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: end;
}

.banner-delivery-title {
  font-size: 15px;
  color: #fff;
  text-align: center;

  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

a.banner-delivery-link {
  color: #ffffff;
  border-bottom: 1px solid #02a9e9;
  text-decoration: none;
}

a.banner-delivery-link:hover,
a.banner-delivery-link:active {
  color: #c5c5c5;
  border-color: rgba(255, 255, 255, 0.33);
}

.banner-delivery-subtitle {
  font-size: 14px;
  line-height: 28px;
  color: #999999;
}

@media (max-width: 768px) {
  .banners .banner-delivery-icon {
    width: 36px;
    height: 30px;
    margin: 10px auto 5px;
  }

  .banner-delivery-title {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 17px;
  }
}

/**
 * /Банер доставки и записи на сто в каталоге поиска по марке и модели и другие банера
 */

#phone-consultant {
  z-index: 1;
}

#carousel-main-page .carousel-indicators {
  bottom: -29px;
  z-index: 1;
}

#carousel-main-page .carousel-control {
  width: 6%;
}

#carousel-main-page .carousel-control .glyphicon {
  font-size: 20px;
  margin-top: -11px;
}

@media (max-width: 1200px) {
}

@media (max-width: 1199px) {
  .price-box {
    margin-top: -10px;
  }
}

@media (max-width: 1024px) {
  .price-box {
    margin-top: -8px;
  }

  .contacts_drop {
    display: none;
  }

  .wrapper {
    margin-bottom: 0;
  }

  #footer {
    position: relative;
    z-index: 0;
  }

  #vk_groups {
    display: none;
  }

  .mibile_model-list_w_auto {
    width: auto;
  }

  .model-list_w_100 {
    width: inherit;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .contacts_drop {
    display: none;
  }
}

@media (max-width: 991px) {
  #theContent {
    margin-top: 64px;
  }

  .catalog-auto {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }

  .catalog-auto__side-category {
    max-width: 100%;
    width: 100%;
    min-height: 5vh;
    order: 1;
  }

  .catalog-auto__side-content {
    order: 0;
    width: 100%;
    max-width: 100%;
  }

  #carousel-main-page .carousel-control {
    width: 8%;
  }

  .b-popular_categories .b-tree__header .title::after {
    background-size: 25px auto;
    height: 25px;
    margin-top: -12px;
    width: 25px;
    left: 9px;
  }
}

.modal-supplier-order-err-wrap {
  display: inline-block;
  line-height: 1;
  margin-bottom: 15px;
}
.modal-header .modal-title {
  padding-right: 15px;
}
.cart-modal-chat-list {
  flex-grow: 1;
  gap: 16px;
}

.cart-modal-chat-item {
  border-radius: 8px;
  display: inline-block;
  flex: 1 1 auto;
  font-size: 11px;
  max-width: 67px;
  padding: 7px;

  text-align: center;
  width: auto;
}

.cart-modal-chat-label {
  line-height: 1.4;
  width: 250px;
}

.cart-modal-chat-item:hover {
  background-color: #f5f5f5;
  cursor: pointer;
  text-decoration: none;
}

.cart-modal-chat-item-img {
  height: 28px;
  margin-bottom: 5px;
  vertical-align: bottom;
  width: auto;
}

.cart-modal-chat-item-text {
  display: block;
}

.cart-modal-vin-text {
  font-size: 13px;
  margin-bottom: 25px;
}

.cart-modal-vin-circle.vin-circle {
  display: inline-block;
  height: 23px;
  vertical-align: bottom;
  width: 23px;
}

.vin-result-ask .cart-modal-vin-circle.vin-circle:after {
  font-size: 15px;
  left: 7px;
}

.vin-result-no .cart-modal-vin-circle.vin-circle:before,
.vin-result-no .cart-modal-vin-circle.vin-circle:after {
  height: 15px;
  left: 10px;
  top: 3px;
  width: 1px;
}

.catalog-auto__side-content--grid {
  display: grid;
  align-items: start;
  max-width: none;
}

.catalog-auto__side-content--grid.sequence_with_disassembly {
  grid-template-areas:
    "side-category breadcrumb"
    "side-category auto-preview"
    "side-category auto-disassembly"
    "side-category parts-popularity"
    "side-category you-see"
    "side-category .";
  grid-template-columns: 325px 1fr;
}

.catalog-auto__side-content--grid.sequence_without_disassembly {
  grid-template-areas:
    "side-category breadcrumb"
    "side-category auto-preview"
    "side-category parts-popularity"
    "side-category you-see"
    "side-category .";
}

.catalog-auto__side-content--grid.catalog-auto-content--parts-list {
  grid-template-areas:
    "side-category breadcrumb"
    "side-category auto-preview"
    "side-category catalog-listing"
    "side-category you-see"
    "side-category cons-v2"
    "side-category .";
}
.catalog-auto__side-content--grid .catalog-auto__side-preview {
  grid-area: auto-preview;
  z-index: 2;
}

.catalog-auto__side-content--grid .catalog-auto__side-category {
  grid-area: side-category;
  padding-right: 30px;
  padding-left: 0;
}

.catalog-auto__side-content--grid .parts-popularity {
  grid-area: parts-popularity;
}

.catalog-auto__side-content--grid .disassembly {
  grid-area: auto-disassembly;
}

.catalog-auto__side-content--grid .you-see {
  grid-area: you-see;
}
.catalog-auto__side-content--grid .catalog-auto__catalog-listing {
  grid-area: catalog-listing;
  margin-top: 30px;
}
.catalog-auto__side-content--grid .cons-v2 {
  grid-area: cons-v2;
}

@media (max-width: 991px) {
  .catalog-auto__side-content.catalog-auto__side-content--grid {
    grid-template-columns: 100%;
    grid-template-areas:
      "breadcrumb"
      "auto-preview"
      "side-category"
      "auto-disassembly"
      "parts-popularity"
      "you-see";
  }
  .catalog-auto__side-content--grid.catalog-auto-content--parts-list {
    grid-template-columns: 100%;
    grid-template-areas:
      "breadcrumb"
      "auto-preview"
      "catalog-listing"
      "side-category"
      "you-see"
      "cons-v2";
  }

  .catalog-auto__side-content--grid .catalog-auto__side-category {
    padding: 0;
  }
  .catalog-auto__side-category--mobile {
    margin: 30px 0 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .contacts_drop {
    display: none;
  }
}

@media (max-width: 767px) {
  .ya_map {
    display: none;
  }

  .filter-sorter__link_price {
    display: inline-block;
  }

  .filter-panel {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 15px;
  }

  .filter-block__item {
    margin-bottom: 15px;
  }

  .filter-block_pos_right {
    text-align: left;
    width: 100%;
  }

  .filter-sorter__label {
    display: inline-block;
  }

  .filter-sorter {
    margin-bottom: 0;
  }

  .filter-sorter-mobile-symbol {
    text-transform: lowercase;
  }
}

@media (min-width: 640px) and (max-width: 768px) {
  .bs-rev-col-xs {
    width: 48%;
  }
}

@media (max-width: 640px) {
  .navbar.affix .home-link {
    background: none;
    text-indent: 0;
  }
}

@media (max-width: 620px) {
  .modal-part-services {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .catalog-auto__side-category--mobile .b-tree__container {
    display: none;
  }

  .catalog-auto__side-category--mobile {
    margin: 20px 0 30px;
  }

  .catalog-auto__side-category--mobile #b-groups-tree {
    padding: 15px;
    border: 1px solid #337ab7;
    border-radius: 5px;
  }

  .catalog-auto__side-category--mobile .b-tree-search {
    background-color: rgba(51, 122, 183, 0.231);
    border-radius: 5px;
    box-shadow: 0px 2px 16px 0px rgba(50, 50, 50, 0.14);
  }

  .catalog-auto__side-category--mobile .b-tree__container {
    box-shadow: 0 0 24px 0 rgba(50, 50, 50, 0.16);
  }

  .catalog-auto__side-category--mobile .b-tree-search--comment {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    color: #337ab7;
  }

  .catalog-auto__side-category--mobile .b-tree__header {
    border-top: 1px solid rgba(51, 122, 183, 0.231);
  }

  .catalog-auto__side-category--mobile .b-tree_active_yes {
    box-shadow: -2px 0 0 #337ab7;
  }

  .b-tree-search--comment + .catalog-auto__side-category--mobile {
    background-color: #0033cc;
  }
}

@media (max-width: 360px) {
  .item-model-img {
    margin-top: 32px;
  }

  .item-model-info {
    left: 10px;
  }
}

@media (max-width: 320px) {
}

div.title-left-menu {
  font-size: 1.1em;
  font-weight: bold;
  margin: 20px 0 5px;
}

.button-sto-news {
  color: white;
  text-decoration: none;
}

.button-sto-news div a,
.button-sto-news div a:hover,
.button-sto-news div a:focus,
.button-sto-news div a:visited {
  color: white;
  text-decoration: none;
}

.form-franchise {
  width: 400px;
  display: inline-block;
}

ymaps[class*="-placemark-overlay"] ymaps[class*="-image"] {
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(51, 51, 51, 0.44);
  width: 30px;
  height: 30px;
}

ymaps[class*="-placemark-overlay"] ymaps[class*="-image"]:hover {
  box-shadow: 0 1px 6px 0 rgba(51, 51, 51, 0.77);
  cursor: pointer;
}

.modal-related-wrap {
  border-top: 1px solid #e5e5e5;
  margin: 15px 0 0;
}

.modal-related-item {
  width: 100%;
  padding: 15px;
  border-right: 1px solid #e5e5e5;
}

.modal-related-item:last-child {
  border-right: none;
}

.modal-related-item-img {
  width: 75px;
  flex: none;
  margin-right: 10px;
}

.modal-related-item-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.modal-related-item-content-type {
  font-size: 11px;
  color: #999999;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-related-item-content-title {
  font-size: 11px;
  height: 45px;
}

.modal-related-item-content-footer {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

button.related {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

.modal-related-item-content-footer-price {
  font-weight: 700;
}

.cart-related-th {
  margin: -15px 0 0 0;
  display: block;
}

.cart-items-related {
  margin: 0 0 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 880px) {
  .modal-related-wrap,
  .cart-items-related {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modal-related-item {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }

  .modal-related-item:last-child {
    border-bottom: none;
  }

  .modal-related-item-content-title {
    height: auto;
    margin-bottom: 15px;
  }
}

.num-store-on-map-active {
  color: #337ab7;
  font-size: 0.89em;
}

/*--------------------------- VIN ICON ---------------------------*/

.header-main-vin-icon {
  position: relative;
}

.header-main-icon-badge-vin {
  width: 18px;
  height: 18px;
  padding: 3px 3px;
}

.header-main-icon:hover .header-main-icon-badge-vin svg path {
  fill: #ffffff;
}

@media (max-width: 992px) {
  .header-main-icon-badge-vin {
    top: 12px;
    left: 20px;
  }
}

/*--------------------------- VIN POPUP ---------------------------*/

.vin-popup-car-list {
  padding: 5px 0 10px;
}

.vin-popup-car {
  display: block;
  margin-bottom: 10px;
}

.vin-popup-car:last-child {
  margin-bottom: 0;
}

.vin-popup-car:hover {
  text-decoration: none;
}

.vin-popup-car-title {
  font-size: 12px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.vin-popup-car-num {
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
}

.vin-popup-car:hover .vin-popup-car-title {
  color: #337ab7;
}

.vin-popup-car:hover .vin-popup-car-num {
  color: #94b9da;
}

.city-change-block *[role="tooltip"] {
  color: #4b4f54;
}

.mob-app-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-app-container img {
  max-width: 270px;
  width: 100%;
  height: auto;
}

@media (max-width: 640px) {
  .mob-app-container {
    flex-direction: column;
  }
}

.mob-app-container > div {
  padding: 25px;
}

.closest-store-icon {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 3px;
}

.closest-store-icon.my-shop-select-icon {
  width: 13px;
  height: 13px;
}

.closest-store-icon.my-shop-title-icon {
  width: 18px;
  height: 18px;
}

.closest-store-icon.my-shop-title-icon svg path,
.closest-store-icon.my-shop-select-icon svg path {
  fill: #bb6d89;
}

.my-shop-modal-control-toggle {
  margin-bottom: 20px;

  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.my-shop-modal-icon {
  display: block;
  width: 20px;
  height: 16px;
}

.my-shop-modal-icon:hover svg path {
  cursor: pointer;
  fill: #337ab7;
}

.my-shop-modal-control {
  padding: 15px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-right: 15px;
}

.my-shop-modal-control-checkbox {
  margin: 3px 0 0;
  order: 1;
}

.my-shop-modal-control-checkbox-icon {
  display: inline-block;
  width: 16px;
  height: 17px;
  vertical-align: -3px;
  margin: 0 2px 0 0;
}

.my-shop-modal-control .checkbox-control {
  margin: 0 0 0 25px;
}

.checkbox:checked ~ .checkbox-control,
.checkbox:checked:hover ~ .checkbox-control {
  background-color: #00a9e9 !important;
  border-color: #00a9e9 !important;
}

.checkbox:checked ~ .checkbox-control::after {
  content: "";
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  display: block;
  position: absolute;
  left: 5px;
  bottom: 4px;
  height: 9px;
  width: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.my-shop-tooltip-content {
  font-size: 11px;
}

@media (max-width: 768px) {
  #modal-tooltip-my-shop .popover {
    max-width: 300px;
    min-width: 100px;
  }
}

.auto-card-address-closest-label {
  display: inline-block;
  border: 1px solid #9ae3fc;
  background: #f1fbff;
  font-size: 8px;
  line-height: 16px;
  color: #1f5da0;
  padding: 0 5px;
  text-transform: uppercase;
  letter-spacing: 0.88px;
  border-radius: 3px;
}

.auto-card-address-closest .closest-store-icon {
  display: inline-block;
  width: 9px;
  height: 9px;
  vertical-align: text-top;
}

.auto-card-address-closest-label.my-shop-label {
  border-color: #ffc3d5;
  background: #fff7f7;
  color: #961313;
}

.auto-card-address-closest-label.my-shop-label .closest-store-icon svg path {
  fill: #bb6d89;
}

.auto-card-address-closest-label.my-shop-label .closest-store-icon {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 640 512'%3E%3Cpath fill='%23bb6d89' d='M635.7 176.1l-91.4-160C538.6 6.2 528 0 516.5 0h-393C112 0 101.4 6.2 95.7 16.1l-91.4 160C-7.9 197.5 7.4 224 32 224h32v254.5C64 497 78.3 512 96 512h256c17.7 0 32-15 32-33.5V224h160v280c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V224h32c24.6 0 39.9-26.5 27.7-47.9zM352 478.5c0 .9-.3 1.4-.2 1.5l-255.2.2s-.6-.5-.6-1.7V352h256v126.5zm0-158.5H96v-96h256v96zM32.1 192l91.4-160h393L608 192H32.1z'/%3E%3C/svg%3E");
}

.oferta_page p {
  text-indent: 2em;
}

.oferta_page .requisites p {
  text-indent: 0;
}

.lg-backdrop.in {
  background-color: #000000df !important;
  z-index: 1060 !important;
}

.lg-outer {
  z-index: 1070 !important;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 97px !important;
}

.error-message {
  font-size: 11px;
  color: #a94442;
}

input.error {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.carousel-indicators li {
  margin: 1px 3px;
}

.custom-checkbox-link {
  display: inline-block;
}

.custom-checkbox-link:hover {
  cursor: pointer;
  text-decoration: none;
}

.custom-checkbox {
  font-size: 13px;
  font-weight: 400 !important;
  margin: 0;

  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-transition: all 0.22s ease-out;
  -moz-transition: all 0.22s ease-out;
  -o-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out;
}

.custom-checkbox:hover {
  cursor: pointer;
  text-decoration: none;
}

.custom-checkbox input.checkbox {
  display: none;
}

.checkbox-label {
  color: #333333;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-checkbox:not(.checkbox-disabled):hover .checkbox-label {
  color: #00a9e9;
}

.custom-checkbox.checkbox-disabled {
  cursor: default;
}

.custom-checkbox.checkbox-disabled .checkbox-control {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
}

.checkbox-label-num {
  font-size: 11px;
  color: #aaaaaa;
}

.checkbox-control {
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-right: 7px;
  flex: none;

  -webkit-transition: all 0.22s ease-out;
  -moz-transition: all 0.22s ease-out;
  -o-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out;
}

.checkbox:hover .checkbox-control {
  background-color: #f5f5f5;
}

.checkbox:checked + .checkbox-control,
.checkbox:checked:hover + .checkbox-control {
  background-color: #00a9e9 !important;
  border-color: #00a9e9 !important;
}

.checkbox:checked + .checkbox-control::after {
  content: "";
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  display: block;
  position: absolute;
  left: 5px;
  bottom: 4px;
  height: 9px;
  width: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custom-checkbox-link.disabled-control {
  cursor: default;
}

.custom-checkbox-link.disabled-control .checkbox-label,
.custom-checkbox-link.disabled-control .checkbox-label:hover {
  color: #999999;
}

.custom-checkbox-link.disabled-control .checkbox-label-num {
  display: none;
}

.custom-checkbox-link.disabled-control .checkbox-control,
.custom-checkbox-link.disabled-control .checkbox-control:hover {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

input[type="checkbox"].ui-custom-checkbox {
  appearance: none;
  box-shadow: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #373d42;
  border-radius: 3px;
  background-color: #ffffff;
  cursor: pointer;
  margin: 0;
}

input[type="checkbox"].ui-custom-checkbox.error {
  border-color: #eb3333;
}

input[type="checkbox"].ui-custom-checkbox:checked {
  border-color: #1dace8;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%231DACE8' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

input[type="checkbox"].ui-custom-checkbox:disabled {
  pointer-events: none;
  opacity: 0.5;
  & ~ label {
    opacity: 0.5;
  }
}

h1 .city-select {
  display: inline;
}

h1 .city-select .v-link {
  display: inline;
}

h1.h1-catalog {
  margin-bottom: 18px;
}

.chosen-container .chosen-drop {
  z-index: 4;
}

.engines_group_title {
  border-bottom: 1px solid #777;
  padding-bottom: 10px;
}

.engines_items_list {
  display: flex;
  width: 100%;
  /* justify-content: space-around; */
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: space-around;
  list-style: none;
  padding-left: 0;
}

.engines_items_list .itm {
  width: 24%;
}

@media screen and (max-width: 1199px) {
  .engines_items_list .itm {
    width: 33%;
  }
}

@media (max-width: 991px) {
  .engines_items_list .itm {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .engines_items_list .itm {
    width: auto;
    min-width: 50%;
  }
}

@media screen and (max-width: 420px) {
  .firms-list a:link {
    font-size: 11px;
  }
}

.banner-for-engine {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.banner-for-engine .auto-banner-closest-store-button-wrap {
  z-index: 1;
}
.form-for-engine {
  max-width: 130px;
  margin: 5px auto;
}
.form-for-engine .form-group {
  margin-bottom: 2px;
  margin-top: 2px;
}
.form-for-engine .input-group {
  width: 100%;
}
.form-for-engine .form-control {
  border-radius: 50px !important;
}
.form-for-engine .auto-banner-closest-store-button {
  font-size: 14px;
  border: 1px solid #ccc;
  width: 100%;
}
.form-for-engine .tooltip.top {
  display: none !important;
}
.banner-for-engine .auto-banner-link-text {
  padding: 17px 20px 10px;
  transition: all 0.22s ease-out;
}
@media (max-width: 600px) {
  .banner-for-engine:hover .auto-banner-link-text {
    padding: 0px 20px 10px;
    margin-top: -1px;
  }
  .banner-for-engine .auto-banner-closest-store-button-wrap {
    margin: 0px 0 20px;
  }
}
.ui-modal-body.modal-body {
  overflow: inherit;
}

.pagination.pagination-sm .catalog-pagination-dots {
  display: flex;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: 1px solid #dee2e6;
  margin-left: -1px;
}

.form-control:focus {
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;
}

.position-relative {
  position: relative;
}

/* статья на странице приложений */
.article-body {
  font-size: 16px;
  line-height: 1.5;
}
.article-body img {
  max-width: 750px;
  width: 100%;
  margin: auto;
  display: block;
}
.article-body p {
  margin: 20px 0;
}
.article-body video {
  margin: auto;
  display: block;
  max-width: 100%;
}
/* END статья на странице приложений */

/* баннер "Наборы для ТО" */
.to_banner {
  background: #f7f7fb url("https://file.euroauto.ru/v2/file/web/to/13.png");
  background-repeat: repeat-x;
  display: flex;
  align-items: center;
  flex: 1;
  background-position: 365px center;
  font-weight: 600;
  font-size: 16px;
  border-radius: 12px;
  align-self: flex-end;
  box-shadow: 0 4px 12px 0px rgb(0 0 0 / 38%);
  background-size: 800px;
  overflow: hidden;
  animation: 30s infinite linear infinite-bg;
  justify-content: flex-end;
}
.to_banner.auto-page {
  font-weight: 700;
  box-shadow: none;
}
@keyframes infinite-bg {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: -800px;
  }
}
.to_part_page.to_banner {
  margin-bottom: 25px;
  background-position: 440px center;
}
.to_banner > div {
  font-size: 18px;
  padding: 20px 30px;
  box-shadow: 0 0 51px 62px #f7f7fb;
  background: #f7f7fb;
  transition-duration: 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.to_banner a,
.to_banner .to_link {
  color: #ffffff;
  background: #1dace8;
  padding: 0.575em 1.5em;
  font-size: 16px;
  border-radius: 0.5em;
  border: none;
  font-weight: bold;
  box-shadow: 0 0.25em 0.25em 0.125em rgba(55, 61, 66, 0.1),
    0 0.375em 0.75em -0.125em rgba(55, 61, 66, 0.4);
  transition-duration: 0.2s;
  cursor: pointer;
}
.to_banner a:hover,
.to_banner .to_link:hover {
  background-color: #1596cc;
  text-decoration: none;
}
.products-quantity-wrap .to_banner {
  flex: auto;
  margin-top: 15px;
}
.to_banner-container .to_banner {
  width: 100%;
}
.catalog-auto .catalog-auto__side-content .b-search-vin__to_vehicle_info.with-to-banner {
  margin: 30px 0 15px;
}
.b-search-vin__to_vehicle_info.with-to-banner .b-main-vehicle {
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.38);
  border-radius: 12px;
  text-align: center;
  position: relative;
  height: 111px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-search-vin__to_vehicle_info.with-to-banner {
  border-radius: 12px;
  gap: 0;
  background-color: #f7f7fb;
  z-index: 9;
  position: relative;
  border: 1px solid #efecf3;
}
.with-to-banner .b-main-vehicle .many_photos .vehicle__image {
  left: 0;
}
.products-quantity-wrap.with-to-banner {
  background: transparent;
  border: 0;
}
.with-to-banner .b-main-vehicle.many_photos_wrap {
  box-shadow: none;
}
.with-to-banner.products-quantity-wrap {
  gap: 40px;
}
.with-to-banner .no-photo-auto {
  width: 150px;
}
.to_banner.with-margin {
  margin: 1em 0 1.5em;
}
@media screen and (min-width: 1200px) {
  .to_banner span {
    margin-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .to_banner {
    background-position: 340px center;
  }
  .to_part_page.to_banner {
    background-position: 370px center;
  }
}
@media screen and (max-width: 768px) and (min-width: 750px) {
  .to_banner {
    background-position: 340px center;
  }
}
@media (max-width: 768px) {
  .with-to-banner .vehicle__image {
    margin-bottom: 0;
  }
  .with-to-banner .b-main-vehicle {
    margin-right: 0;
  }
}
@media screen and (max-width: 580px) {
  .to_banner,
  .to_part_page.to_banner {
    flex: auto;
    background-size: 550px;
    background-position: center bottom;
    padding: 15px 20px 60px;
    border-radius: 12px;
    background-color: rgb(247, 247, 251);
    z-index: 9;
    position: relative;
    border: 1px solid #efecf3;
    width: 100%;
    background-color: #f7f7fb !important;
  }
  .to_banner > div {
    max-width: 100%;
    width: 100%;
    padding: 0;
    box-shadow: none !important;
    padding: 0;
    flex-direction: revert;
    justify-content: space-between;
  }
  .to_banner span {
    display: block;
  }
  .catalog-auto .catalog-auto__side-content .b-search-vin__to_vehicle_info.with-to-banner {
    flex-direction: column;
    gap: 16px;
    border: 0;
    background-color: transparent;
  }
  .b-search-vin__to_vehicle_info.with-to-banner .b-main-vehicle {
    margin-right: 0;
    box-shadow: none;
  }
  .with-to-banner .vehicle__image {
    margin-bottom: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 440px) {
  .b-search-vin__to_vehicle_info.with-to-banner .to_banner > div,
  .to_banner > div {
    flex-direction: column;
  }
}
@media screen and (max-width: 360px) {
  .with-to-banner .vehicle__image {
    width: auto;
    max-width: 150px;
  }
}
/* END баннер "Наборы для ТО" */

.callback-order-containers {
  position: relative;
}
.callback-order-containers input[name="common"][data-type="popover"] ~ .callback-orders {
  min-height: 30px;
  min-width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.callback-order-containers input[name="common"][data-type="collapse"] ~ .callback-orders,
.callback-order-containers input[name="common"][data-type="modal"] ~ .callback-orders,
.callback-order-containers input[name="common"][data-type="common"] ~ .callback-orders {
  min-height: 45px;
  min-width: 45px;
}
/* стили для кластерного баллуна */
.cluster-list-items {
  display: flex;
  flex-direction: column;
  padding: 5px;
  margin-bottom: 0;
  list-style: none;
  align-items: flex-start;
}

/* кнопка вверх на сайте */
.scroll-top {
  position: fixed;
  width: 35px;
  height: 35px;
  bottom: 16px;
  right: 16px;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;

  border-radius: 50%;
  border: none;
  background-color: rgba(31, 27, 45, 0.25);
  color: #fff;
  text-align: center;
  opacity: 1;

  transition: opacity 0.15s linear;
  /* не больше 16, чтобы не перебивать side menu */
  z-index: 15;
}
/* Для лейаутов где был подключен новый хэдер (2024). Когда все переведем, нужно будет перенести стили в базовый класс .scroll-top */
.scroll-top--modified {
  width: 46px;
  height: 46px;
  position: fixed;
  right: 6px;
  bottom: 128px;
}
.scroll-top.hide {
  opacity: 0;
  pointer-events: none;
}
.scroll-top__tooltip {
  position: absolute;
  top: calc(50% - 7px);
  right: 100%;

  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;

  visibility: hidden;
  opacity: 0;

  color: #6c757d !important;
  font-size: 14px;
  margin-right: 8px;
}
.scroll-top:hover {
  background-color: rgba(31, 27, 45, 0.5);
  color: #ffffff;
}
.scroll-top:hover .scroll-top__tooltip {
  visibility: visible;
  opacity: 1;
}
.scroll-top__icon {
  fill: #ffffff;
  width: 20px;
  height: 20px;
}
@media (hover: none) and (pointer: coarse) {
  .scroll-top:hover .scroll-top__tooltip {
    visibility: hidden;
    opacity: 0;
  }
  /* увеличиваем область клика для небольших устройств */
  .scroll-top::after {
    content: "";
    position: absolute;
    width: 45px;
    height: 45px;
  }
}
/* кнопка закрытия поповера, только мобильная версия и планшетные версии */
@media (hover: none) and (pointer: coarse) {
  [data-with-close="true"] .popover-body,
  [data-with-close="true"] .popover-content {
    padding-top: 25px;
  }
  [data-with-close="true"] .popover-close-btn {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 28px;
    height: 28px;
    padding: 7px;
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExNjZfMzE1KSI+CjxwYXRoIGQ9Ik0wLjU0NTQ2NiAwLjU0NDQ4OEMwLjYzNDg3MyAwLjQ1NDg1NCAwLjc0MTA4NyAwLjM4MzczOSAwLjg1ODAyIDAuMzM1MjE2QzAuOTc0OTU1IDAuMjg2NjkzIDEuMTAwMzEgMC4yNjE3MTkgMS4yMjY5MiAwLjI2MTcxOUMxLjM1MzUyIDAuMjYxNzE5IDEuNDc4ODggMC4yODY2OTMgMS41OTU4IDAuMzM1MjE2QzEuNzEyNzUgMC4zODM3MzkgMS44MTg5NiAwLjQ1NDg1NCAxLjkwODM3IDAuNTQ0NDg4TDcuMDAxOTIgNS42Mzk5NkwxMi4wOTU1IDAuNTQ0NDg4QzEyLjE4NSAwLjQ1NDk5OSAxMi4yOTEyIDAuMzg0MDEyIDEyLjQwODEgMC4zMzU1OEMxMi41MjUgMC4yODcxNSAxMi42NTA0IDAuMjYyMjIzIDEyLjc3NjkgMC4yNjIyMjNDMTIuOTAzNSAwLjI2MjIyMyAxMy4wMjg4IDAuMjg3MTUgMTMuMTQ1NyAwLjMzNTU4QzEzLjI2MjYgMC4zODQwMTIgMTMuMzY4OSAwLjQ1NDk5OSAxMy40NTg0IDAuNTQ0NDg4QzEzLjU0NzkgMC42MzM5NzcgMTMuNjE4OCAwLjc0MDIxNiAxMy42NjczIDAuODU3MTRDMTMuNzE1NyAwLjk3NDA2MyAxMy43NDA2IDEuMDk5MzggMTMuNzQwNiAxLjIyNTk0QzEzLjc0MDYgMS4zNTI1IDEzLjcxNTcgMS40Nzc4MiAxMy42NjczIDEuNTk0NzNDMTMuNjE4OCAxLjcxMTY2IDEzLjU0NzkgMS44MTc5MSAxMy40NTg0IDEuOTA3MzlMOC4zNjI4OSA3LjAwMDkzTDEzLjQ1ODQgMTIuMDk0NUMxMy41NDc5IDEyLjE4NCAxMy42MTg4IDEyLjI5MDIgMTMuNjY3MyAxMi40MDcxQzEzLjcxNTcgMTIuNTI0MSAxMy43NDA2IDEyLjY0OTQgMTMuNzQwNiAxMi43NzU5QzEzLjc0MDYgMTIuOTAyNSAxMy43MTU3IDEzLjAyNzggMTMuNjY3MyAxMy4xNDQ3QzEzLjYxODggMTMuMjYxNyAxMy41NDc5IDEzLjM2NzkgMTMuNDU4NCAxMy40NTc0QzEzLjM2ODkgMTMuNTQ2OSAxMy4yNjI2IDEzLjYxNzkgMTMuMTQ1NyAxMy42NjYzQzEzLjAyODggMTMuNzE0NyAxMi45MDM1IDEzLjczOTYgMTIuNzc2OSAxMy43Mzk2QzEyLjY1MDQgMTMuNzM5NiAxMi41MjUgMTMuNzE0NyAxMi40MDgxIDEzLjY2NjNDMTIuMjkxMiAxMy42MTc5IDEyLjE4NSAxMy41NDY5IDEyLjA5NTUgMTMuNDU3NEw3LjAwMTkyIDguMzYxOTFMMS45MDgzNyAxMy40NTc0QzEuODE4ODggMTMuNTQ2OSAxLjcxMjYzIDEzLjYxNzkgMS41OTU3MiAxMy42NjYzQzEuNDc4NzkgMTMuNzE0NyAxLjM1MzQ3IDEzLjczOTYgMS4yMjY5MiAxMy43Mzk2QzEuMTAwMzYgMTMuNzM5NiAwLjk3NTA0MSAxMy43MTQ3IDAuODU4MTE3IDEzLjY2NjNDMC43NDExOTMgMTMuNjE3OSAwLjYzNDk1NCAxMy41NDY5IDAuNTQ1NDY2IDEzLjQ1NzRDMC40NTU5NzcgMTMuMzY3OSAwLjM4NDk5IDEzLjI2MTcgMC4zMzY1NTggMTMuMTQ0N0MwLjI4ODEyNiAxMy4wMjc4IDAuMjYzMTk5IDEyLjkwMjUgMC4yNjMxOTkgMTIuNzc1OUMwLjI2MzE5OSAxMi42NDk0IDAuMjg4MTI2IDEyLjUyNDEgMC4zMzY1NTggMTIuNDA3MUMwLjM4NDk5IDEyLjI5MDIgMC40NTU5NzcgMTIuMTg0IDAuNTQ1NDY2IDEyLjA5NDVMNS42NDA5NCA3LjAwMDkzTDAuNTQ1NDY2IDEuOTA3MzlDMC40NTU4MzEgMS44MTc5OCAwLjM4NDcxNSAxLjcxMTc3IDAuMzM2MTk0IDEuNTk0ODNDMC4yODc2NzEgMS40Nzc5IDAuMjYyNjk1IDEuMzUyNTQgMC4yNjI2OTUgMS4yMjU5NEMwLjI2MjY5NSAxLjA5OTM0IDAuMjg3NjcxIDAuOTczOTc3IDAuMzM2MTk0IDAuODU3MDQ0QzAuMzg0NzE1IDAuNzQwMTA5IDAuNDU1ODMxIDAuNjMzODk2IDAuNTQ1NDY2IDAuNTQ0NDg4WiIgZmlsbD0iIzYyNjI2MiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExNjZfMzE1Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  }
}