@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

:root {
  --link-blue: #06c;
  --main-blue: #0050B5;
  --main-blue-dark: #09428A;
  --main-blue-hover: #1b5dc8;
  --green: #019763;
  --green-focus: #02a069;
  --green-bright: #008443;
  --green-light: #24b770;
  --beige: #fffae0;
  --light-gray: #f6f6f6;
  --big-br: 20px;
  --mid-br: 10px;
  --bar-height: 60px;
  --bar-index: 99999999;
}


html,body {
  height: 100%;
  font-family: 'Inter', Arial, sans-serif;
  scroll-behavior: smooth;
}

.html-open {
  overflow: hidden;
}


.html-open body {
  position: static;
  overflow: initial !important;
}

img {
  max-width: 100%;
}

a {
  color: var(--link-blue);
}

a[href^="tel:"] {
  wrap: no-wrap;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.yellow-sticker {
  background-color: var(--beige);
  padding: 15px;
  font-size: 16px;
  max-width: 800px;
  border-radius: var(--mid-br);
}

.ten-km-ban {
  padding: 10px 12px;
  border-radius: 8px;
  box-shadow: #0000002e 0px 2px 20px;
  margin-bottom: 17px;
}

/* Volteka */

.volteka-box {
border-radius: var(--big-br);
  padding: 20px;
  margin-top: 60px;
  position: relative;
  background: url("/uploads/images/v-promo-image.jpg");
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
  background-color: #f6f6f6;

}

.volteka-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.volteka-box ul li {
  padding: 10px;
}

.volteka-box ul li a {
  font-size: 20px;
  color: #0021e2;
}

.volteka-logo {
  position: absolute;
  top: 15px;
  right: 16px;
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
}

.volteka-logo img {
  width: 116px;
  height: 26px;
}

/* End Volteka */

/* Cookie */

.cookie-box {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  max-width: 290px;
  z-index: 99999999;
  box-shadow: 0 8px 16px rgba(30,34,72,.16);
}

.cookie-head {
  font-size: 20px;
  font-weight: 800;
}

.cookie-btn {
  background-color: var(--main-blue);
  color: #fff;
}

.cookie-btn:hover, .cookie-btn:active, .cookie-btn:focus {
  background-color: var(--main-blue-hover);
  color: #fff !important;
}

/* End of Cookie */


/* Bar */

.bar-panel {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 -1px #0000000f;
  /*height: var(--bar-height);*/
  height: calc(var(--bar-height) + env(safe-area-inset-bottom));
  position: fixed;
  width: 100%;
  z-index: var(--bar-index);
  display: flex;
  padding-bottom: env(safe-area-inset-bottom);
}

.bar-item {
  display: flex;
  flex-flow: column;
  margin: auto;
  align-items: center;
}

.bar-item a:hover, .bar-item a:active, .bar-item a:focus {
    text-decoration: none;
}

.bar-item__text {
  font-size: 13px;
  text-color: #426FB5;
  text-decoration: none;
}

.bar-item__icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  margin: auto;
}

.bar-item__icon__index {
  background-image: url("/templates/images/favicon/apple-touch-icon.png");
}

.bar-item__icon__catalog {
  background-image: url("/uploads/images/menu_icon.svg");
}

.bar-item__icon__basket {
  background-image: url("/uploads/images/shopping-cart_icon.svg");
}

.bar-item__icon__podbor {
   background-image: url("/uploads/images/car-front_icon.svg");
}

.bar-item__icon__phone {
   background-image: url("/uploads/images/phone-call_icon.svg");
}

.mm-hasnavbar-top-1 .mm-panels {
  bottom: 20px;
}

#retailcrm-consultant-app {
  bottom: calc(70px + env(safe-area-inset-bottom)) !important;
}

/* End Bar */

/* Blog */

.articles_header {
    text-align: center;
}

.articles_header h1{
    font-size: 32px;
    margin-top: 40px;
}

.articles_header p{
    font-weight: 400;
    font-size: 24px;
    color: #666666;
}

.article-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
}

.article-item {
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: #f2f2f2;
  width: 268px;
  border: 3px solid #0050B5;
  display: flex;
  flex-direction: column;
    align-items: center;
    text-align: center;
}

.article-item a {
  color: #2b2d33;
  font-weight: 600;
  font-size: 18px;
    flex-grow: 1;
}

.article-item img {
    border-radius: 10px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .articles_header h1 {
        font-size: 24px;
        margin-top: 20px;
    }

    .articles_header p {
        font-size: 16px;
    }

    .article-items {
        margin-top: 30px;
    }

    .article-item {
        width: 48%;
        padding: 6px;
        margin-bottom: 10px;
    }

    .article-item a {
        font-size: 12px;
    }
}

.article_banner:first-child {
    text-align: center;
    margin: 20px 0;
}
.article_banner img {
    border-radius: 0;
}

.div_sub_section {
  margin-right: auto;
  font-size: 16px;
  line-height: 1.45;
}

.div_sub_section p {
  margin-bottom: 16px;
  color: #696969;
}

.div_sub_section img {
  border-radius: 20px;
  margin-bottom: 15px;
}

.article-preview__header {
    font-family: Inter;
    font-weight: 600;
    font-size: 28px;
    line-height: 115%;
    letter-spacing: -0.6px;
    text-align: center;
    margin-bottom: 46px;
}

.article-preview__sections {
    list-style: none;
    padding: 0;
    margin: 0 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.article-preview__sections li a {
    color: #6A6A6A;
    font-family: Inter, Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 114.99999999999999%;
    letter-spacing: -0.6px;
    border-bottom: 2px solid #E3E3E3;
}

.article-preview__sections li a:hover {
    text-decoration: none;
    color: #606060;
    border-bottom: 2px solid #6A6A6A;
}

.article-preview__content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .content.blog .bread-title {
        font-size: 20px;
    }

    .article-preview__header{
        margin-bottom: 20px;
        font-size: 20px;
    }

    .article-preview__content {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .article-preview__sections {
        gap: 15px;
    }

    .article-preview__sections li a {
        font-size: 14px;
    }

    .article-preview__articles {
        margin-top: 30px;
    }

    .article-preview__article a img {
        min-width: 100px;
        max-width: 100px;
        min-height: 66px;
    }

    .article-preview__content .article-preview__article-text {
        width: auto;
        margin-left: 10px;
    }
}

.article-preview__article {
    display: flex;
    padding: 27px 25px;
    margin-top: 40px;
    background: #F8F8F8;
    border-radius: 10px;
    box-shadow: 0px 2px 11px 0px #00000026;
}
.article-preview__article:first-child {
    margin-top: 0;
}

.article-preview__article a img {
    border-radius: 8px;
    margin-bottom: 0;
    min-width: 120px;
    max-width: 120px;
    min-height: 80px;
}

.article-preview__article-text {
    width: 250px;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

.article-preview__article-title {
    font-family: Inter;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.48px;
    color: #333;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.article-preview__article-title:hover {
    text-decoration: none;
    color: #000;
}

.article-preview__article-button {
    font-size: 13px;
    font-family: Inter;
    color: white;
    display: inline-block;
    background: #317EDE;
    border-radius: 5px;
    padding: 3px 13px;
}

.article-preview__article-button:hover {
    color: white;
    text-decoration: none;
    background: #255FAD;
}

.blog .bread-title {
  font-size: 30px;
  font-weight: 800;
  max-width: 800px;
}

/* End Blog */

/* Replacement */

.replacement-photos {
  margin-top: 30px;
}

.replacement-photos-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 20px;
}

.replacement-photos-item {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-basis: 30%;
  flex-shrink: 1;
  min-width: 30%;
}

.replacement-photos-item-img-a {
  display: block;
}



.install-desc-image {
  border-radius: var(--mid-br);
  margin-top: 10px;
  margin-bottom: 10px;
}

.install-samples-a {
  left: 18px !important;
  bottom: 16px !important;
  right: auto !important;
  top: auto !important;
  background-color: white;
  padding: 4px 13px;
  border-radius: 20px;
}

.install-samples-a:hover, .install-samples-a:active, .install-samples-a:focus {
  text-decoration: none;
  color: white;
  background-color: black;
}

.install-samples-a::after {
  content: '149';
  position: absolute;
  background-color: red;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  padding: 3px 8px;
  font-size: 12px;
  top: -10px;
}

.replacement-img {
  margin-bottom: 20px;
  border-radius: var(--big-br);
  width: 100%;
  max-width: 900px;
}

.replacement-link {
  margin-bottom: 20px;
  display: block;
  width: 100%;
  max-width: 650px;
  padding: 13px 20px;
  padding-right: 40px;
  border-radius: 23px;
  border: 1px solid #939393;
  color: #000;
  position: relative;
}

.replacement-link:hover, .replacement-link:focus {
  background-color: #f7f7f7;
  color: #000;
  text-decoration: none;
}

.replacement-link::after {
  position: absolute;
  right: 4px;
  top: 3px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m14.707 12.707-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 1 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414z" style="fill:%23939393"/></svg>');
  background-repeat: no-repeat;
  content: "";
  border-radius: 40px;
  border: 1px solid #939393;
  background-position: 1px 0px;
}

/* Replacement end */


/* Delivery */

.delivery-inner-ban {
  background: #469dd3;
  min-width: 100%;
  min-height: 240px;
  border-radius: var(--big-br);
  padding-bottom: 10px;
  overflow: hidden;
}

.delivery-inner-ban .delivery-inner-ban-left {
  display: inline-block;
  width: 57%;
  min-width: 297px;
}

.delivery-inner-ban .delivery-inner-ban-right {
  display: inline-block;
}

.delivery-inner-ban p {
  color: #fff;
  padding: 20px;
  font-size: 18px;
  margin-bottom: 0;
}

.delivery-inner-ban img {
  width: 100%;
  max-width: 390px;
}


/* Check Status page */

.order_status {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 4px 10px;
  display: inline-block;
  border-radius: var(--mid-br);
  background-color: var(--green) !important;
  color: #fff;
}

.text-block {
  overflow: scroll;
  max-width: 100vw;
  margin-bottom: 20px;
}

.order_info .logo_block {
  display: block;
  height: 60px;
  padding: 20px 0px;
}

.order_info .logo {
  display: block;
}

.auto-check-status table {
  font-size: 13px;
}

/* Check Status page end */

/* Filter fix */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #f1f1f1 !important;
}
/* Filter fix end */

/* Garant */

.garant-city-list ul {
  padding-left: 0;
}

.garant-city-list li {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 10px;
}


/* Jobs */

.job-box {
  padding-top: 30px;
  margin-bottom: 40px
}

.job {
  box-shadow: 0 3px 15px 0 rgba(26,26,26,.12),0 0 0 1px rgba(26,26,26,.08);
  padding: 15px 30px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.job .salary {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.job h2 {
  font-weight: 700;
}

.job-places-title {
  display: inline-block;
  font-weight: 600;
}

.job-places {
  list-style: none;
  padding-left: 0;
  display: inline;
}

.job-places li {
  display: inline-block;
  background: var(--light-gray);
  padding: 6px 16px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 100px
}

.job-places li span {
  display: inline-block;
  color: red;
  font-weight: 700;
  padding-right: 2px;
}

.job-contact {
  margin-top: 20px;
}

.job-contact a {
  font-size: 18px;
}

.job summary {
  display: inline-block;
  background: var(--green-bright);
  padding: 6px 16px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
}

.job summary:hover {
  background: var(--green-focus);
}

/* Jobs end */


.storage_yandex_links {
  margin-top: 20px;
  margin-bottom: 15px;
  display: inline-block;
  background-color: var(--green);
  color: #fff;
  padding: 6px 13px;
  border-radius: 6px;
}

.storage_yandex_links:hover, .storage_yandex_links:focus, .storage_yandex_links:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--green-focus);
}

.facets-holder .facet-reset:nth-child(n-1) {
  position: sticky;
  bottom: 0;
  background-color: #f1f1f1;
  padding: 15px 0px;
  z-index: 1;
}

.brand-sert {
  float: left;
  width: 100%;
  max-width: 345px;
  padding: 10px;
  margin-right: 20px;
}

.auto-block-logos .auto-logo {
  height: auto;
}

.auto-block-logos .row {
  padding: 20px;
}

.auto-block-logos .auto-logo img {
  width: 50px;
  height: 50px;
}

.auto-block-logos .auto-logo:nth-child(n+5) .thumbnail {
    display: none;
}

.auto-block-logos .auto-logo:last-child {
    display: block;
    width: 100%;
    flex: auto;
}

.auto-block-logos .auto-logo:last-child a {
    font-weight: 600;
    display: inline-block;
    background-color: #e6e6e6;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 20px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}

.auto-logo {
    flex: 0 0 25%;
    height: 100px;
    height: 40px;
}

.auto-logo a {
    font-size: 14px;
    text-align: left;
}

.index_cars .thumbnail {
  display: none;
}

.filter-storage-name img {
  width: 22px;
  bottom: 2px;
}

#one-click .box {
  width: auto;
  padding: 30px;
  border-radius: 30px;
  max-width: 330px;
}

#one-click .arrow {
  display: none;
}

#one_click_input {
  width: 100%;
}

#one_click_send {
  background: var(--green) !important;
  border-bottom: 0;
}

#one_click_send: hover, #one_click_send: active {
  background: var(--green-focus) !important;
  border-bottom: 0;
}

#modal {
  z-index: 100;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.alert-success {
 background-color: #fff;
 border-width: 2px;
 border-color: #71b972;
}

/* filter tags */

.filter-tags {
  margin-bottom: 20px;
}

.filter-tag {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: var(--main-blue);
  border-radius: 9999999px;
  padding: 5px 7px;
}

.filter-tag-text {
  display: inline-block;
}

.filter-tag button {
  background: transparent;
  border: none;
  color: #fff;
}

.filter-tag-close {
  display: inline-flex;
  background-color: #fff;
  border-radius: 99999px;
  width: 22px;
  height: 22px;
  text-align: center;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-family: Arial;
}

.filter-tag-close button {
  color: #fff;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  height: 22px;
  width: 22px;
  margin: auto;
  position: relative;
}

.filter-tag-close button::after {
  content: '×';
  position: absolute;
  font-size: 22px;
  line-height: 22px;
  left: 0;
  right: 0;
  top: 1px;
  bottom: 0;
  color: #277ae1;
}


.clear-filter-tag {
  background-color: #e6e6e6;
}

.clear-filter-tag .filter-tag-text button {
  color: #555;
}

/* filter tags end */

/* head update */

/* Nnov delivery hide */
.nnovgorod .index-gb-top-right {
  width: 100% !important;
}

.nnovgorod .index-gb-top-left {
  display: none !important;
}

/* Nnov delivery hide END */

.spb .ign .grid-video-box, .moscow .ign .grid-video-box {
  background: url("") !important;
}

.ign .grid-video-box .index-video {
  height: initial;
}

.ign .index-grid-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ign .index-gb-top, .ign .index-gb-bot {
  height: 190px;
  height: -webkit-fill-available;
  display: flex;
  gap: 15px;
}

.ign .index-gb-top-left {
  border-radius: 10px;
  background-color: #f9f1e1;
  padding: 20px;
}

.ign .index-grid-box .ig-title {
  font-size: 33px;
  font-weight: 800;
  line-height: 33px;
  padding-bottom: 12px;
}

.ign .index-gb-top-right .ig-title {
  color: #fff;
}

.ign .index-grid-box .ig-semititle {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}

.ign .index-grid-box .index-gb-bot-left .ig-semititle {
  color: white;
}

.ign .index-grid-box .index-gb-bot-left .ig-text {
  color: white;
}

.ig-text .top {
  border: none !important;
  padding: 6px 10px;
}

.ign .index-grid-box .ig-text p {
  margin: 0;
}

.ign .index-gb-bot-left {
  border-radius: 10px;
  padding: 15px;
  background-color: #000000;
}

.index-gb-bot-left::after {
    content: '♲';
    color: var(--green-light);
    font-size: 60px;
    position: absolute;
    right: 8px;
    bottom: -8px;
}

.ign .index-gb-top-right {
  background-color: #efaa59;
  border-radius: 10px;
  padding: 20px;
}

.ign .index-gb-bot-right {
  background: url('/uploads/images/deliv-car-s.webp') no-repeat, #469dd3;
  background-size: contain;
  border-radius: 10px;
  padding: 18px;
  background-position: 147px 16px;
  background-color: #469dd3;
}

.index-gb-bot-right .ig-text {
  color: #fff;
}

.index-gb-bot-right .tag {
  z-index: auto;
}

.tag.top {
  background-color: var(--beige);
  color: #555;
  border: 1px solid #ccc;
}

.index-gb-bot-right span {
  box-shadow: 10px 10px 13px #d5d5d573;
}


.cat-button-box {
  margin-left: 15px;
  margin-right: 20px;
  float: left;
  font-size: 14px;
}

.cat-button-box .cat-button {
  padding: 3px 10px;
  width: inherit;
  height: 36px;
  margin-left: 20px;
  width: 100px;
}

.tm-l-links .city {
  margin: 0;
  padding: 0;
  float: none;
  font-size: 14px;
  display: inline-block;
}

.tm-l-links .city a {
  margin-top: 0;
}


.top-r {
  float: right;
  display: flex;
}

.top-search {
  display: inline-block;
  padding-top: 8px;
}

.top-search-form #header_input {
  height: 28px;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  width: 166px;
  position: absolute;
  right: 23px;
  margin-right: 8px;
  padding-left: 6px;
  transition: all .3s ease-in-out;
}

.top-search-form #header_input:hover {
  border-color: #426fb5;
}

.top-search-form #header_input:focus {
  width: 320px;
  border-color: #426fb5;
}

.top-search .input-group-btn {
  width: inherit;
}

.top-search-btn {
  border: none;
  background-color: #fff;
  margin-top: 4px;
}

.top-search-icon {
  width: 17px;
  height: 18px;
}

.basket-line span {
  background-color: red;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 400;
  margin-left: -6px;
  line-height: 1.5;
}

.basket-line {
  margin-top: 4;
}

.basket-line.empty {
  display: inline-block;
  margin-top: 0;
}



/* head update end */


/* first main block */

.first-main-block {
    position: relative;
    padding: 15px 30px;
    margin-bottom: 20px;
    border-radius: var(--big-br);
    margin-top: 20px;
    background: url('/templates/images/howter-banner.webp');
    background-position: right;
    /*background-position-x: 410px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
}

.first-main-block h1 {
    margin-top: 15px;
    max-width: 650px;
    font-size: 24px;
    background-color: #f6f6f6;
    border-radius: 3px;
    display: inline-block;
    padding-right: 4px;
    font-weight: 800;
}

.first-main-block .input-group {
    max-width: 273px;
}

.first-main-block .agreement {
  font-size: 12px;
  max-width: 450px;
}

.first-main-block .agreement a {
  color: #333;
}

.index-inci-link {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  left: 54%
}

.offer-time {
  padding-top: 8px;
  font-size: 12px;
}

/* Franchise page */

.fran-page {
  background-color: #f0f0f0;
  padding: 30px 0;
}

.fran {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px 24px;
}

.fran h1, .fran h2 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
}

.fran h2 {
  font-size: 30px;
  margin-bottom: 25px;
}

.fran h1 {
  font-size: 47px;
  margin-bottom: 15px;
}

.fran .phone-block, .opt-page .phone-block {
  float: right;
}

.fran .phone-block .phone p a {
  font-weight: 600;
  border: none;
}

.weoffer {
  display: flex;
  gap: 30px;
  padding: 10px 50px 30px 50px;
}

.weoffer__item {
  flex: 1 1 0;
  padding: 10px;
  font-size: 16px;
}

.fran-choices {
  display: flex;
  gap: 20px;
}

.fran-choice {
  padding: 28px 25px;
  margin-bottom: 30px;
  border-radius: 6px;
  flex: 1 1 0;
  border: 1px solid #e8e8e8;
  position: relative;
  background-color: #373737;
}

.fran-choice::after {
  position: absolute;
  top: 22px;
  left: 24px;
  font-size: 40px;
}

.fran-choice--expert::after {
  content: '💼';
}

.fran-choice--middle::after {
  content: '🎿';
}

.fran-choice--junior::after {
  content: '🍀';
}

.fran-choice__title {
  font-size: 17px;
  color: #426fb5;
  margin-bottom: 6px;
  height: 70px;
  padding-left: 60px;
  color: #fff;
}

.fran-choice__text {
  font-size: 15px;
  color: #cecece;
}

.f-cities {
  display: flex;
  background: #FFEFBA;
  background: -webkit-linear-gradient(to right, #FFF7DE, #FFEFBA);
  background: linear-gradient(to right, #FFF7DE, #FFEFBA);
  padding: 30px;
  border-radius: 10px;
}

.f-cities__list {
  flex: 1 0 0;
}

.f-cities__list ul {
  padding-left: 0;
  list-style: none;
  column-count: 2;
}

.f-cities__list ul li {
  margin-bottom: 10px;
  font-size: 20px;
  padding: 4px 11px;

  border-radius: 8px;
}

.f-cities__list p {
  font-weight: 600;
  padding-bottom: 20px;
  text-align: center;
}

.f-cities__list--top {}

.f-cities__list--opened {
  color: #7e7e7e;
  cursor: no-drop;
}

.f-cities__list--top ul li:hover {
  background-color: #ffe8a0;
  cursor: pointer;
}

.fran-bullet {
  background-color: #aea07d;
  padding: 2px 6px;
  color: white;
  border-radius: 5px;
  margin-left: 6px;
  font-size: 13px;
}

.fran-approach {
  padding: 60px 0 40px 0px;
}

.fran-offers {
  display: flex;
  gap: 20px;
}

.fran-offer {
  padding: 28px 30px;
  margin-bottom: 30px;
  border-radius: 6px;
  flex: 1 1 0;
  border: 1px solid #e8e8e8;
  position: relative;
  display: grid;
  grid-auto-rows: max-content 1fr 0.6fr;
}

.fran-offer__title {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  font-size: 52px;
}

.fran-offer__text {
  font-size: 16px;
  margin-bottom: 20px;
}

.fran-offer__pros {
  font-size: 16px;
}

.fren-offer__pros--green {
  color: darkgreen;
}

.fren-offer__pros--gray {
  color: #757575;
}

.fran-mailto {
  font-size: 38px;
  margin-bottom: 40px;
}


/* Franchise page end */


.page {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.content .text {
  margin-top: 20px;
}

.mm-page {
    height: 100%;
}

.page .container {
  flex: 1 1 auto;
  min-width: 310px;
}

.another_commercial {
    font-size: 20px;
}

.del-btns-nav {
    margin-bottom: 20px;
    margin-top: 20px;
    position: sticky;
    display: block;
    top: 0;
    z-index: 90;
    background-color: #fff;
    padding: 10px 10px 10px 0px;
}

.del-btns-nav a {
  margin-right: 4px;
  border: 1px solid #555;
  color: #000;
}




/* Thanks page */

#send_order_thanx {
    margin-top: 20px;
}

#send_order_thanx table {
    max-width: 800px;
}

#send_order_thanx td, #send_order_thanx th {
    padding: 4px;
}

.social_buttons {
    margin-bottom: 20px;
}

.social_buttons img {
    width: 30px;
    margin: 10px 0 15px;
}

.reso-thanks {
    padding: 22px 20px;
    border-radius: 10px;
    margin-bottom: 40px;
    margin-top: 20px;
    max-width: 480px;
    box-shadow: 2px 10px 20px #00000029;
}

.reso-thanks-head {
    font-weight: 600;
    font-size: 18px;
}

.reso-thanks-semihead {
    font-weight: 600;
    margin-top: 90px;
    position: relative;
}

.reso-thanks-semihead:before {
  content: '';
  top: -80px;
  position: absolute;
  display: block;
  width: 150px;
    height: 74px;
  background: url('https://akbmag.ru/uploads/images/reso-logo-new.png');
  background-size: contain;
}

.reso-thanks .btn-primary {
    background-color: #4c973d;
    border-color: #67b758;
  border-radius: 26px;
    padding: 13px 20px;
    box-shadow: #34ffbb 0px 8px 10px;
}

.reso-thanks .btn-primary:hover {
    background-color: #67b758;
}


/* GRID BOX */

.index-grid-box {
    height: 100%;
}

.index-gb-top {
    height: 50%;
    display: flex;
}

.index-gb-top-left {
    height: 100%;
    width: 50%;
    display: flex;
}

.index-gb-top-right {
    height: 100%;
    width: 50%;
    display: flex;
    border-radius: 0 10px 0 0;
}

.index-gb-bot {
    height: 50%;
    display: flex;
}

.index-gb-bot-left {
    height: 100%;
    width: 33.35%;
    border-radius: 0 0 0 10px;
}

.index-gb-bot-right {
    height: 100%;
    width: 66.65%;
    border-radius: 0 0 10px 0;
}

.index-grid-box div>div {
    position: relative;
    transition: 0.3s;
}

.index-grid-box div > div::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: calc(0px + 10px);
  z-index: -1;
  transition: border-radius 0.3s, box-shadow 0.3s;
  pointer-events: none;
}

.index-grid-box div > div:hover::before {
  border-radius: calc(10px + 10px);
  transition: border-radius 0.3s, box-shadow 0.3s;
}

.index-gb-top-left::before {
  box-shadow: 0 0 0 0 #f9f1e1;
}

.index-gb-top-left:hover::before {
  box-shadow: 0 0 0 10px #f9f1e1;
}

.index-gb-top-right::before {
  box-shadow: 0 0 0 0 #efaa59;
}

.index-gb-top-right:hover::before {
  box-shadow: 0 0 0 10px #efaa59;
}

.index-gb-bot-left::before {
  box-shadow: 0 0 0 0 #000;
}

.index-gb-bot-left:hover::before {
  box-shadow: 0 0 0 10px #000;
}

.index-gb-bot-right::before {
  box-shadow: 0 0 0 0 #469dd3;
}

.index-gb-bot-right:hover::before {
  box-shadow: 0 0 0 10px #469dd3;
}

.index-grid-box a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.index-grid-box div>div:hover {
    transition: 0.3s;
}

.index-grid-box .index-gb-bot-right>div:hover {
  box-shadow: none;
}


.max800 {
  max-width: 800px;
}

.payvars {
}

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

.payvars ul li {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.pv-visa {
  background: url('/uploads/images/brand-logo_name_visa.svg');
}

.pv-android {
  background: url('/uploads/images/brand-logo_name_android-pay.svg');
}

.pv-itunes {
  background: url('/uploads/images/brand-logo_name_itunes.svg');
}

.pv-maestro {
  background: url('/uploads/images/brand-logo_name_maestro.svg');
}

.pv-mastercard {
  background: url('/uploads/images/brand-logo_name_mastercard.svg');
}

.pv-mir {
  background: url('/uploads/images/brand-logo_name_mir.svg');
}


.tab-upak th, .tab-upak td {
  padding:6px;
}

.tab-upak th {
  background-color: #eaf5ff;
}

.list-metro-item, .list-district-item {
    display: inline-block;
    padding: 10px;
    background-color: azure;
    margin-bottom: 10px;
    border-radius: 5px;
    margin-right: 10px;
}

.index-categories-box {
  padding-top: 20px;
}

.categories-box {
    margin-top: 15px;
    list-style: none;
    padding-left: 0;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
}

.categories-box li {
    padding-bottom: 10px;
    font-size: 18px;
}

.countries-list {
    list-style: none;
    padding-left:0;
    font-size: 20px;
    margin-bottom: 60px;
}

.countries-list li {
    margin-bottom: 15px;
}

.tag {
    position:relative;
}

.tag.red {
  background: #cc0101;
}

.card-header-block .tag:after {
    content: attr(data-title);
    display: none;
    position: absolute;
    bottom: 130%;
    left: 0px;
    background-color: var(--beige);
    color: #000;
    padding: 6px;
    text-align: left;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);
    box-shadow: 0 1px 1px rgba(0,0,0,.16);
    font-size: 12px;
    min-width: 250px;
}

.card-header-block .tag:hover::after {
    display: block;
}

/*#order_form .recommend-goods-block {
    margin-bottom: 20px;
    overflow: auto;
    position: relative;
    max-width: 100%;
}

#order_form .recommend-goods-block .goods-box {
    width: 1690px;
}


#order_form .recommend-goods-block .goods-box .product-tile {
    width: 210px;
}

#order_form .recommend-goods-block::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 40px;
    background: linear-gradient(-90deg, #fff, rgba(255, 255, 255, 0));
}

#order_form .recommend-goods-block .product-tile-title {
    font-weight: 300;
    font-size: 15px;
}
*/

.tags-card-box .tags {
    top:4px;
}

.panel-title {
    margin: 0 !important;
}

.halva-icon {
    width: 236px;
    margin-top:4px;
    margin-bottom: 3px;
}

/* filters */

.discounts-filter-list {

}

.discounts-filter-list ul {
    padding-left: 0;
    list-style: none;
}

.discounts-filter-list ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 8px;
}

.discounts-filter-list ul li a {
    display: block;
    padding: 10px 14px;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    background-color: var(--main-blue);
    text-decoration: none;
}

.discounts-filter-list ul li a:hover {
    background-color: #3a70c6;
}

.discounts-filter-list .d-filter-active a {
    background-color: var(--green-bright);
    position:relative;
    padding-right: 30px;
}

.discounts-filter-list .d-filter-active a:hover {
    background-color: #3a70c6;
}

.discounts-filter-list .d-filter-active a:after {
    content: '✖';
    position: absolute;
    right: 13px;
}

.podarok-text p {
    line-height: 24px;
}
.disc-menu {
    color: #e90201 !important;
    font-weight: 600;
}

.index-offer {
    line-height:1.7;
    font-size: 14px;
    max-width: 480px;
}

.deshevle a {
    text-decoration: underline;
    font-size: 15px !important;
}

.top-graph a {color: #fff !important; text-decoration: underline;}

#to_sale {
    font-size: 16px !important;
    max-height: 50px;
    padding-top: 13px !important;
    min-height: 50px !important;
    background: url('/uploads/images/200ws.gif') !important;
    /*background: url('https://i.giphy.com/media/aRZ4vTsHnyW6A/200w.gif') !important;*/
    background-color: var(--main-blue);
}
/*
#to_sale:before {
    content: '';
    display:block;
    background: url('/uploads/images/rock.png');
    width:190px;
    height:47px;
    position: absolute;
    top: 3px;
    left: 6%;
}
*/


/* OPT-REVIEWS */

.opt-reviews {
    te
}

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

.opt-reviews ul li {
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.07);
    max-width: 597px;
    margin: auto;
    margin-bottom: 10px;
}

.opt-reviews ul li img {

}

/* DISCOUNTS */

.discounts-holder {

}

.discounts {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

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

.disc-el-holder {
    padding: 10px;
    width: 33.333%;
    float: left;
}

.disc-el-holder a {
    border-radius: 20px;
    display: block;
    text-decoration: none;
    position: relative;
}

.disc-el-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    background-color: rgba(264,246,246,.1);
    transition: opacity .1s ease-out;
    border-radius: 20px;
}

.disc-el-mask:hover {
    opacity: 1;
    transition: opacity .1s ease-out;
}

.disc-el {
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.15);
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.disc-el img {
    max-width: 100%;
    -webkit-filter: brightness(98%);
    filter: brightness(98%);
}


.disc-offer {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: var(--green-bright);
    color: #fff;
    padding: 4px 11px;
    border-radius: 14px;
}

.disc-name {
    min-height: 78px;
    height: 78px;
    overflow: hidden;
    padding: 20px 24px 0px 24px;
}

.disc-name p {

    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.disc-desc {
    color: #000;
    padding: 0px 24px 20px 24px;
    height: 90px;
    min-height: 90px;
    overflow: hidden;
}

.disc-list-holder {

}

.disc-list {
    list-style: none;
    padding-left: 0;
}

.dl-p {
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.15);
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.dl-info {
    color: #000;
    height: 90px;
    min-height: 90px;
    overflow: hidden;
}

.dl-info-box {

}

.dl-img-holder {

}

.dl-img-holder img {
    width: 100%;
    max-width: 400px;
    margin: auto;
}

.dl-terms {

}

.dl-term {

}

.dl-term-l {
    padding-top: 10px;
}

.dl-term-r {
    font-size: 24px;
    font-weight: 600;
    margin-top: 6px;
    border-bottom: 1px dashed #ececec;
}

/* DISCOUNTS END */

.popular-products-box {
    margin-top:20px;
}

.tag {
    left: 0% !important;
    font-weight: 300 !important;
    font-size: 12px !important;
}


/* adv */

.pack-block {
    text-align: center;
}

.pack-box {


    width: 32%;
    display: inline-block;
    min-width: 236px;
}

.pack {
    text-align: left;
    margin: 20px;
    padding: 30px 20px;
    border: 3px solid #000;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}

.pack-h {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 16px;
}

.pack-p span {
    font-size: 16px;
    font-weight: 600;
}

.pack a {
    font-size: 13px;
    display: block;
    border-radius: 20px;
    height: 42px;
    text-align: center;
    text-decoration: none;
    color: #000;
    line-height: 38px;
    border: 2px solid #ccc;
    margin-top: 20px;
}

.pack a:hover {
    text-decoration: none;
    color: #000;
    border: 2px solid #000;
}

.index-video {
    margin-top: 10px;
    margin-bottom: 10px;
/*    height: 320px;*/
}

.index-podbor-box {
    background-color: var(--green-bright);
    background: linear-gradient(180deg, var(--green-bright), var(--green-light));
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.index-podbor {
    max-width: 500px;
    margin: auto;
}

.index-podbor.small_podbor {
    background-color: var(--green-bright);
    background: linear-gradient(180deg, var(--green-bright), var(--green-light));
    padding: 9px;
    border-radius: var(--mid-br);
    margin-top: 10px;
}

.index-podbor p {
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.index-podbor select {
    margin-bottom: 16px;
    border: 0;
    font-size: 16px;
}

.index-podbor.small_podbor select {
    font-size: 14px;
    padding: 6px;
}

.index-podbor select option {
    border: 0;
}

.index-batteries {
    background-color: #ececec;
    padding: 20px 30px;
}

.index-batteries-big-head {
    font-size: 22px;
    display: none;
}

.index-batteries-head a, .index-batteries-big-head a {
    color: #000;
    font-weight: 800;
}

.index-batteries-head span {
    font-size: 18px;
    color: #555;
}

.index-batteries-lnk a {
    text-decoration: underline;
    font-size: 16px;
    display: inline-block;
}

.index-batteries-lnk img {
    width: 46px;
    margin-right: 10px;
    aspect-ratio: 10/6;
}

.index-car-batteries div {
    border-radius: 8px;
    margin-bottom: 20px;
}

.index-batteries-vars {
    background-color: #424242;
    padding: 20px 30px;
}

.index-batteries-vars ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.index-batteries-vars ul li {
    margin-bottom: 8px;
    display: inline-block;
    margin-right: 20px;
}

.index-batteries-vars ul li:last-child {
    margin-bottom: 0px;
}

.index-batteries-vars a {
    color: #fff;
    text-decoration: underline;
    font-size: 15px;
}

.index-dif-cats {
    width: 100%;
}

.index-dif-cats div {
    padding: 15px;
    min-height: 50px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.index-dif-cats a {
    font-size: 16px;
    color: #fff;
    padding-left: 8px;
    display: inline-block;
}

.index-dif-cats .idc-moto {
    background-color: var(--green-bright);
}

.index-dif-cats img {
    width: 44px;
}

.idc-moto img {
    height: 22px;
}

.idc-marine img {
    height: 25px;
}

.idc-ups img {
    height: 31px;
}

.index-dif-cats .idc-marine {
    background: #4aa6cb;
    background: -moz-linear-gradient(-45deg, #4aa6cb 0%, #215981 100%);
    background: -webkit-linear-gradient(-45deg, #4aa6cb 0%,#215981 100%);
    background: linear-gradient(135deg, #4aa6cb 0%,#215981 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa6cb', endColorstr='#215981',GradientType=1 );
}

.index-dif-cats .idc-ups {
    background-color: #fdba1a;
}

.index-dif-cats .idc-ups a {
    color: #202020;
}

.pop-goods-list {
    background-color: #ececec;
    padding: 30px;
    border-radius: 8px;
}

.pop-goods-list ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.pop-goods-list ul li {
    margin-bottom: 10px;
}

.pop-goods-list ul li:last-child {
    margin-bottom: 0px;
}

.pop-goods-list ul li a {
    color: #555;
    font-size: 15px;
}

.all-dops {
    margin-top: 20px;
    font-size: 12px;
    text-decoration: underline;
}

.big-btn {
    background-color: var(--main-blue);
    color: #fff;
    border-radius: var(--mid-br);
    border: none;
    padding: 5px;
    width: 100%;
    height: 40px;
    font-size: 16px;
}

.big-btn:hover {
    background-color: var(--main-blue-hover);
}

.modal-video {
    height: 320px;
}

.tag {
    position: relative !important;
    margin-bottom: 4px;
    display: inline-block;
    margin-right: 10px;
}

.tags {
    position: absolute;
    text-align: left;
    max-width: 150px;
}

.card-info-holder .tags {
  position: relative;
  max-width: 100%;
}

.video-i {
    width: 68px;
    background: #e80015 !important;
}


.lg-thumb-item {
    cursor: pointer;
}

.lg-thumb-item.vid-pre {
    position: relative;
}

.lg-thumb-item.vid-pre:after {
    display: block;
    color: #000;
    text-align: center;
    position: absolute;
    top: 19px;
    left: 30px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 20px;
    opacity: 0.7;
    content: "►";
    padding: 4px 11px;
    font-size: 24px;
}

.agreement {
    margin-top: 14px;
    font-size: 12px;
}

#lg-zoom-out {display:none;}
#lg-zoom-in {display:none;}
#lg-actual-size {display:none;}
#lg-counter {color: #fff !important;}

.lg-toolbar .lg-icon {
    color: #fff !important;
}

.lg-outer {
    background-color: #fff !important;
}

.lg-outer .lg-thumb-item {
    border-radius: 0 !important;
    background-color: #fff;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #6499ff !important;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    color: #d8d8d8 !important;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    color: #FFF !important;
}

.red-text {
    margin-top: 12px;
}

.red-text span {
    color: red;
    font-weight: 600;
    font-size: 18px;
}

.highslide-image {
    border: none !important;
}

.drive-teas {
    background-color: #f5f5f5;
    width: 100%;
    max-width: 320px;
    padding: 6px 10px;
    font-weight: 600;
    margin-bottom: 20px;
    border-left: 3px solid #c03;
}

.drive-teas-header {
    font-size: 17px;
}

.drive-teas-text {
    font-weight: 200;
}

.drive-teas-text p span {
    font-size: 12px;
}

.items .item {
    margin-bottom: 14px;
}

.drive2:after {
    content: '';
    display: inline-block;
    width: 45px;
    height: 20px;
    background: url(/uploads/images/drive2.png);
    background-size: 45px;
    position: absolute;
    top: -10px;
    right: -21px;
    background-repeat: no-repeat;
}

.author-drive2 {
    font-weight: 600;
    position: relative;
    padding-left: 50px;
}

.author-drive2:before {
    content: '';
    display: inline-block;
    width: 90px;
    height: 20px;
    background: url(/uploads/images/drive2.png);
    background-size: 45px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
}

.top-graph .check-status {
/*    padding-top: 7px;
    font-size: 18px;*/
}

.top-graph .check-status a {
    color: #fff !important;
    display: inline-block;
    width: 152px;
    text-decoration: underline;
}

.status-form {
    border: 3px solid var(--main-blue);
    border-radius: 9px;
    padding: 10px 20px;
}

.status-info {
    margin: 10px 0;
    color: #888;
}

.status-form input {
    font-size: 16px !important;
    max-width: 300px;
    margin-bottom: 8px !important;
}

#order_status {
    margin: 10px 0px;
}

#order_status_result {
    margin: 20px 0px;
    font-size: 16px;
}

.util-box .errors {
    color: red;
    margin-top: 10px;
    margin-bottom: 4px;
}

.util-box .radio {
    margin-left: 0px;
}

.order_form_callback_oskabs {
    padding: 0 !important;
}

.our_export {
    margin-top: 0;
}

.our_export_params input {
    font-size: 16px;
}

.our_export label {
    font-size: 16px;
    font-weight: 600;
}

.util-phone {
    margin: 5px 0;
}

.util-phone-i {
    color: #888;
    font-size: 13px;
}

.present-icon {
    position: absolute;
    top: 50px;
    display: none;
}

.storage-on-delivery {
    border-left: 5px #1ab365 solid;
    margin-left: -8px;
    padding-left: 5px;
}

.storage-on-delivery .get-today-delivery {
    border-color: #1ab365;
}

.storage-on-delivery .get-today-delivery:hover, .storage-on-delivery .get-today-delivery:focus {
    background-color: #1ab365;
    border-color: #1ab365;
}

.top-graph {
    font-size: 13px !important;
    padding-top: 10px !important;
    height: inherit !important;
    min-height: 40px !important;
}

.open-now {
    float: right;
}

.goods-box .best-choice {
    background-color: #fffef6;
}

.goods-box .best-choice:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    background: url(/uploads/images/green-like.png);
    background-size: 32px;
}

/* Скрыть строку Только самовывоз */
.storage .type {
    display: none;
}

.storage .visa {
    padding-top: 2px;
}

.storage .visa img {
    max-width: 100px;
    height: auto !important;
}

.util-box {
    border: 3px solid var(--main-blue);
    border-radius: 9px;
    overflow: auto;
}

.util-box .podbor-block {
    border: none;
}

.util-box .itogo {
    margin-left: 44px;
    font-size: 24px;
}

.util-box .podbor-index-block {
    float: none;
    margin-bottom: 0;
}

.util-box .oskab-table {
    margin-left: 20px;
    margin-top: 20px;
}


/* Утилизация в моб.меню */
.yellow_link {
    color: #bdb76b !important;
}


/* Доставка сегодня */

.deliv-today {
    display: none;
}

/* 24/7 */

/*.phone p a span:after {
    content: "круглосуточно";
    font-size: 12px !important;
    margin-left: 6px;
    color: #568431 !important;
}*/

.telegram {
    background: transparent url("/uploads/images/telegram-s.png") no-repeat scroll 0% 0%;
    padding: 0px 22px;
    font-size: 14px !important;
    display: block;
    margin-top: 17px;
    line-height: 1.1;
}

.viber {
    background: transparent url("/uploads/images/viber-s.png") no-repeat scroll 0% 0%;
    padding: 0px 22px;
    font-size: 14px !important;
    display: block;
    margin-top: 0px;
    line-height: 1.1;
}

/* Корзина компактнее */

#order_form {
    max-width: 940px;
}

/* График работы */

.phone .graph {
    font-size: 11px;
    text-align: right;
    margin-top: -52px;
    font-weight: 300;
    color: rgb(149, 149, 149);
    margin-right: -66px;
}

/* series in brands */
.brand-series {
    margin-right: 12px;
    border-bottom: 1px solid;
    border-color: #ccc;
    line-height: 1.9;
}

.brand-series:hover {
    text-decoration: none;
}

/* Руб */

.product-price span {
    font-weight: 300;
    margin-left: -2px;
}

.product-price-current span {
    font-weight: 300;
    font-size: 13px;
}

.product-red-price strong span {
    font-size: 13px;
    display: inline-block;
    padding-left: 0;
    margin-left: -4px;
}

/* Задать вопрос */

.send-quest {
    margin-left: 63px;
    border: 1px solid;
    border-radius: 4px;
    padding: 7px 8px;
}

.send-quest:hover {
    text-decoration: none;
}

.send-quest::before {
    display: inline-block;
    content: "?";
    margin-right: 7px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 13px;
    border: 1px solid #b4b4b4;
    padding: 0px 6px;
    background: var(--beige);
}

/* Поколения с фотографиями */

.new-generations {
    width: 100%;
}

.new-generations ul {
    padding-left: 0;
    position: relative;
}

.new-generations ul li {
    list-style: none;
    width: 238px;
    height: 179px;
    max-height: 179px;
    overflow: hidden;
    display: inline-block;
    background-color: var(--light-gray);
    margin-bottom: 4px;
    position: relative;
    margin-bottom: 0;
    min-height: initial;
}

.new-generations ul li img {
    width: 100%;
    margin: 0;
}

.new-generations ul li a {
    height: 100%;
}

.new-generations ul li .new-gen-title {
    width: 100%;
    height: 30%;
    color: #fff;
    font-size: 15px;
    padding: 6px;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */
}


@media (max-width: 450px) {

 .replacement-photos {
   max-width: calc(100vw - 35px);
 }

 .replacement-photos-box {
   flex-wrap: nowrap;
   overflow-x: auto;
   scrollbar-width: none;
   margin-left: -20px;
   margin-right: -20px;
   padding: 0 20px;
 }

 .replacement-photos-item {
   flex: 0 0 auto;
   min-width: 60%;
   max-width: 70%;
 }

    .job {
        padding: 15px 19px;
    }

    .new-generations ul li {
        width: 100%;
        margin-bottom: 6px;
    }
    
    .print_order {
      display: none;
    }

    .discount-box {
      width: 80%;
    }

}

/* телефон в футере */

.foot-tel {
    font-size: 18px;
    display: block;
    width: 160px;
    float: left;
    margin-left: 10px;
    padding-top: 5px;
}

.foot-tel a {
    text-decoration: none;
    color: #555;
}

/* Запрос цены */

#petition_form input {
    font-size: 16px;
}

#petition .close {
    font-size: 46px;
}

#petition ul {
    list-style: none;
    padding-left: 2px;
    margin-bottom: 0;
}

/* Отзыв */

.tab-content .review_name_input {
    width: 100% !important;
    max-width: 240px;
    padding: 4px 6px !important;
}

.review_text textarea {
    padding: 4px 6px !important;
    width: 100% !important;
    max-width: 240px;
    height: 110px;
}

.tab-content .review-form__label {
    width: 70px !important;
}

#comment_submit {
    padding: 10px 46px !important;
    margin-left: 69px !important;
    border-color: #fc0;
}

/* Серп */
.b-head {
    display: none;
}

.b-body-items {
    padding-left: 0px !important;
}

.b-serp-item__number {
    display: none !important;
}

.b-bottom-wizard .g-gap-horizontal {
    display: block;
    margin-left: 0px;
}

#ya-site-results .b-pager {
    font-size: 1.1em !important;
}

.b-pager__title {
    display: block;
}

.b-serp-item__links {
    display: none !important;
}

.b-misspell img {
    display: none !important;
}

/* Разные корпуса */

.different_corpuses {
    padding: 20px;
    background-color: rgb(255, 220, 121);
    border-radius: var(--mid-br);
    margin-top: 20px;
    margin-bottom: 20px;
}

.different_corpuses span {
    font-size: 18px;
}

/* Мото-подбор */

.moto-podbor select {
    font-size: 16px;
    margin-bottom: 10px;
}

/* Кнопки в подборе */

.auto-switch {
    margin-bottom: 10px;
}

/* Параметры АКБ */

.what_battery {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

.what_battery_params {
    border-radius: 4px;
    display: block;
    padding: 10px 18px;
    background-color: rgb(224, 237, 249);
    margin-left: 5%;
    position: relative;
}

.what_battery_params::after {
    content: "";
    position: absolute;
    top: 5px;
    left: -15px;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent rgb(224, 237, 249);
    display: block;
    width: 0;
    z-index: 1;
}

/* Ваш город */

.what-city {
    /*display: none;*/
    position: absolute;
    top: 20px;
    width: 100%;
    background: var(--beige);
    height: 140px;
    padding: 20px;
    z-index: 11;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.5);
    max-width: 300px;
    border-radius: 6px;
    left: 20px;
}

/* О компании-города */

.about-city-list ul {
    list-style: none;
    padding-left: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    width: 50%;
    float: left;
}

.about-city-list ul li {
    padding-bottom: 4px;
}

/* Тест кнопки в шапке */

/*.callback {
    background-color: red;
    color: #fff !important;
    padding: 5px 9px;
    border-bottom: none !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    box-shadow: 0px 3px rgb(206, 22, 22);
}

.callback:hover {
    background-color: #ff522d;
}*/


/* Стили категорий /catalog/  */

.catalog-categories {
    padding-left: 0px;
}

.catalog-categories li {
    display: inline-block;
    margin-right: 10px;
}

.catalog-categories li a {
    text-decoration: none;
    border-bottom: 1px solid;
    border-color: #ccc;
}

.catalog-categories-link {
    margin-top:10px;
    margin-bottom:50px;
    display: block;
    text-decoration: underline;
    font-size:16px;
}

/* Временные стили блока на главной */

.index-cat {
    margin-top: 20px;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    background-color: #115788;
}

.index-cat .all-cat-menu {

}

.index-cat .all-cat-item {
    margin-right: 18px;
}

.index-cat .all-cat-item a {
    color: #fff;
    font-size: 19px;
}

.index-cat .all-cat-img-holder img {
    width: 60%;
}

.index-cat .truck-icon {
    padding-top: 16px;
}

.index-cat .all-cat-item .moto-icon {
    padding-top: 46px;
}

/* Скрываем блок с красной кнопкой за ненадобностью */

.cars_new_add_model {
    display: none;
}

/* лишний отступ в корзине из my_style */

#order_form {
    padding: 0px !important;
}

#delivery_day {
    font-size: 16px;
}
.stat-about {
    background: url('/uploads/images/sklad-big.jpg');
    text-align: center;
    margin-bottom: 15px;
    border-radius: 30px;
}

.sklad-about {
    min-height: 300px;
    background-size: cover;
}

.stat-about .stat {
    color: #fff;
    text-shadow: 0px 0px 10px black, 0 0 1em black;
    background: rgba(0,0,0,0.3);
    max-width: 360px;
    margin: auto;
    border: none;
}

.stat-about .stat p {
    color: #fff;
}

.cars_engines {
    margin-top: 20px;
}
.cars_engines ul li a {
    font-size: 18px;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.cars_engines ul li a:hover {
    text-decoration: none;
}

.cars_generations {
    margin-bottom: 40px;
}

.cars_generations ul li a {
    border-bottom: 1px solid #ccc;
    font-size: 17px;
}

.cars_generations ul li a:hover {
    text-decoration: none;
}

h1 {
    font-size: 27px;
    margin-bottom: 15px;
}

h2 {
    font-size: 22px;
    font-weight: 600;
}

@media (max-width: 767px) {
    h2 {
        font-size: 20px;
    }

    ol, ul {
        padding-inline-start: 20px;
    }
}

body {
    transition: left 0.4s ease-in-out 0s;
    transition-property: left;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    left: 0;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .95;
    background-color: #E4E4E4;
}

.modal {
    z-index: 12050!important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.open {
    position: relative;
    overflow: hidden;
}

button:active, button:focus {
    outline: none !important;
}
button::-moz-focus-inner {
    border: 0 !important;
}

.input-group input {
    font-size: 16px;
}

.input {
    box-shadow: 0 1px 6px #ccc inset;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 44px;
    padding: 1px;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    line-height: 0;
    background: #fff;
}

input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 43px;
    padding: 4px 12px;
    margin-bottom: 1px;
    color: #636466;
    border-radius: 4px;
    vertical-align: middle;
}

.fake-checkbox {
    background: url(/templates/images/sprite-big.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 0;
}

.underline {
    text-decoration: none;
    border-bottom: 1px solid;
    border-color: #ccc;
}

.underline:hover,.underline:active,.underline:focus {
    text-decoration: none;
    border-bottom: 1px solid;
    border-color: #ccc;
}

.container {
}

.city-list {
    top: 0;
    width: 100%;
    background-color: #333333;
    padding-top: 10px;
    box-shadow: inset 0px -11px 20px rgba(0, 0, 0, 0.25);
    display: none;
}

.city-list p {
    font-size: 19px;
    color: #fff;
    font-family: Arial;
    margin-bottom: 18px;
}

.city-list ul {
    list-style: none;
    padding-left: 0;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    width: 50%;
    float: left;
}

.city-list ul li {
    margin-bottom: 10px;
}

.city-list ul li a {
    color: #fff;
    padding: 3px;
}

.city-list span {
    background-color: var(--main-blue);
    color: #fff;
    padding: 3px 6px;
    border-radius: 2px;
}

.rcolinfo {
    float: left;
    width: 40%;
    top: 0;
}

.rcolinfo p {
    color: #ccc;
    font-size: 14px;
}

.close.white {
    color: white;
    text-shadow: none;
    opacity: .8;
    padding-bottom: 3px;
}
.close.white:hover {
    opacity: 1;
}

.close-city {
    float: right;
    top: 0;
    width: 18px;
}

.close-city a {
    color: #fff;
    font-size: 30px;
    line-height: 0.1;
    text-decoration: none;
}

.close-city a:hover, .close-city a:active {
    text-decoration: none;
}

.top-menu {
    height: 42px;
    width: 100%;
    box-shadow: 3px 000;
    box-shadow: 0 0 7px rgba(0,0,0,0.15);
    z-index: 100;
    flex: 0 0 auto;
}

.tm-l-links {
    display: inline;
    float: left;
    padding-top: 10px;
    overflow: hidden;
    max-width: 500px;
    max-height: 33px;
}

.tm-l-links a {
    color: #000;
    font-size: 13px;
}

.tm-l-links ul {
    padding-left: 0;
}

.tm-l-links li {
    text-decoration: none;
    display: inline;
    padding-right: 14px;
}

.top-basket {
    float: right;
    display: inline-block;
    padding-top: 8px;
    font-size: 13px;
    margin-left: 10px;
}

.basket-line {
    display: inline;
}

.basket-icon {
    margin-right: 4px;
    margin-bottom: 4px;
    width: 21px;
    height: 18px;
}

.basket-button {
    border-radius: 4px;
    border: 1px var(--main-blue) solid;
    background-color: #fff;
    height: 27px;
    padding-left: 9px;
    padding-right: 9px;
}

.basket-button:hover,.basket-button:active,.basket-button:focus {
    background-color: var(--main-blue-hover);
    border: 1px var(--main-blue-hover) solid;
    color: #fff;
}

.logo-block {
    padding-top: 13px;
    display: block;
    width: 100%;
    height: 81px;
}

.logo {
    display: inline;
    float: left;
    height: 100%;
}

.logo a {
    display: block;
}

.logo img {
    width:138px;
    max-height: 38px;
    aspect-ratio: 40/11;
}

.logo p {
    font-size: 11px;
    color: #989797;
    margin-left: 3px;
    margin-top: 3px;
}

.city {
    display: inline;
    margin-left: 15px;
    margin-right: 20px;
    margin-top: 6px;
    float: left;
    font-size: 14px;
}

#city {
    display: none;
}

.city a {
    text-decoration: none;
    border-bottom: 1px dashed;
    border-color: #000;
    color: #000;
    margin-top: 5px;
}

.city:after {
    /*content: "▼";*/
    margin-left: 2px;
    font-size: 8px;
    border-bottom: none;
    margin-bottom: 5px;
}

.phone-block {
    display: inline;
    float: left;
}

.phone {
  position: relative;
  /*width: 206px;*/
}

.phone p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.phone p a {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 0;
    border: none;
    color: #000;
}

.phone a {
    font-size: 13px;
    text-decoration: none;
    border-bottom: 1px dashed;
    border-color: #000;
    color: #000;
}


.phone::after {
    position: absolute;
    top: -9px;
    right: 0;
    font-size: 10px;
    color: #555;
}

.phone::after {
    content: 'c 7:00 до 00:00'; 
}

.moscow .phone::after {
    content: 'c 7:00 до 00:00'; /* Msk  */
}

.saratov .phone::after, .samara .phone::after {
    content: 'c 8:00 до 00:00'; /* Msk +1h */
}

.ekaterinburg .phone::after,
.kurgan .phone::after,
.magnitogorsk .phone::after,
.miass .phone::after,
.perm .phone::after,
.chelabinsk .phone::after {
    content: 'c 9:00 до 00:00'; /* Msk +2h */
}


.logo-block-links {
    float: right;
    font-size: 13px;
}

.logo-block-links a:hover {
    color: #000;
}

.logo-block-links li {
    margin-left: 10px;
    display: inline;
    list-style: none;
}

.left-menu .facet-section {
    /*background-color: #F5F5F5;*/
}

.left-menu {
    width: 196px;
    display: table-cell;
    vertical-align: top;
    min-width: 196px;
    padding-top: 16px;
}

.left-menu h6 {
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px;
    margin-top: 20px;
}

.sub-goods li a {
    font-size: 13px;
}

.stat {
    border: 4px solid #e7e7e7;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
    background-color: #fff;
}

.left-menu .stat {
    background-color: #fff;
    border-radius: 10px;
    width: 196px;
    height: 347px;
    display: none;
}

.stat hr {
    border-color: #e7e7e7;
    border-width: 4px;
    margin-top: 0;
    margin-bottom: 5px;
}

.stat h6 {
    margin-top: 5px;
    text-align: center;
    padding-left: 0;
    margin-bottom: 0;
}

.years {
    font-size: 25px;
    font-weight: 800;
    color: var(--main-blue);
    text-align: center;
    margin-bottom: -13px;
}

.years span {
    font-size: 50px;
}

.clients {
    font-size: 25px;
    font-weight: 800;
    color: var(--main-blue);
    text-align: center;
    margin-bottom: -7px;
}

.cat-button-container {
    width: 196px;
    display: inline-block;
}

.cat-button {
    background-color: var(--main-blue);
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 5px;
    width: 100%;
    height: 40px;
}

.cat-button p {
    display: inline-block;
    font-size: 14px;
}

.cat-button:hover {
    background-color: var(--main-blue-hover);
}

.cat-navbar {
    width: 20px;
    height: 20px;
    display: inline-block;
    padding-top: 8px;
}

.cat-navbar>.icon-bar {
    background-color: #fff;
    display: block;
    width: 19px;
    height: 2px;
    border-radius: 1px;
    margin-bottom: 4px;
}

/* Collapsed navbar */

.cat-button[aria-expanded="true"] .cat-navbar {
    position: relative;
}

.cat-button[aria-expanded="true"] .cat-navbar>.icon-bar {
    height: 2.5px;
}

.cat-button[aria-expanded="true"] .cat-navbar>.icon-bar:nth-child(2) {
 display: none;
}

.cat-button[aria-expanded="true"] .cat-navbar>.icon-bar:nth-child(1) {
 transform: rotate(45deg);
  position: absolute;
  top: 14px;
}

.cat-button[aria-expanded="true"] .cat-navbar>.icon-bar:nth-child(3) {
 transform: rotate(-45deg);
  position: absolute;
  top: 14px;
}

/* end of collapsed navbar */



.left-menu .first-ul {
    list-style: none;
    border: 1px solid #CCC;
    border-radius: var(--mid-br);
    padding-bottom: 15px;
    margin-top: 5px;
    padding-left: 0;
}

.left-menu li {
    padding-left: 12px;
    padding-top: 6px;
}

.head-li {
    background-color: #fff;
    border-radius: var(--mid-br) var(--mid-br) 0 0;
    padding-bottom: 0px;
}

.left-menu .head-li {
    padding-top: 14px;
}

.head-li p {
    border-radius: 4px 4px 0 0;
    color: var(--main-blue);
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 0;
    line-height: 1.2;
}

.left-menu a {
    color: #000;
}

.left-menu sup {
    position: relative;
    font-size: 65%;
    padding-left: 3px;
    top: -0.2em;
}

.left_brand {
    font-weight: 600;
}

.menu-inside {
    padding-left: 8px;
    margin-left: 0;
    border-radius: 0;
    background-color: white;
    border: !important none;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 12px;
    list-style: none;
    background-color: #fff;
    padding-bottom: 5px;
}

.menu-inside li {
    padding-top: 7px;
}

/*.down:after {
    content: "▼";
    margin-left: 4px;
    font-size: 7px;
    margin-bottom: 5px;
    margin-top: 5px;
    position: absolute;
    text-decoration: none;
}*/


/* BREADCRUMPS */

.bread-box {
    width: 100%;
}

.breadcrumbs {
    margin: 18px 10px 0px 0px;
    padding-bottom: 6px;
}

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

.breadcrumbs li {
    display: inline-block;
    margin-right: 5px;
    max-height: 40px;
    overflow: hidden;
    font-size: 12px;
    color: #777;
}

.breadcrumbs li:after {
    content: '→';
    display: inline-block;
    cursor: default;
    font-size: 11px;
    font-weight: 600;
}

.breadcrumbs li:last-child:after {
    content: '';
}

.breadcrumbs a {
    font-family: Arial;
    padding-right: 8px;
    color: #555;
}

.breadcrumbs a:hover {
    color: #0050B5;
    text-decoration: none;
}

/* FILTERS */

.filter-btn {
    background-color: var(--main-blue);
    color: #fff;
    font-weight: 600;
    font-family: Arial;
    font-size: 16px;
    margin-bottom: 14px;
}

.filter-btn.focus, .filter-btn:focus, .filter-btn:hover {
    background-color: var(--main-blue-hover);
    color: #fff;
}

.facets-holder {
    background: #F1F1F1 none repeat scroll 0% 0%;
    padding: 10px 10px 10px;
    border-radius: 8px;
}

.facet-reset .btn {
    width: 100%;
}

.filters-close {
    margin-bottom: 5px;
    display: none;
}

.facets-list {
    list-style: none;
    overflow: hidden;
    margin: 0 0 5px;
    padding-left: 0;
}

.facets-list .facets-list-item {
    padding-left: 0;
}

.facet-area h3 {
    font-size: 18px;
    font-family: Arial;
    margin-bottom: 0;
}

.fake-checkbox {
    background-position: -3px -3px;
    height: 22px;
    width: 22px;
    cursor: pointer;
    margin: 0 1px 0 -3px;
    float: left;
}

.label-checkbox {
    min-height: 17px;
    padding-left: 4px;
    width: 100%;
}

input.input-checkbox {
    position: absolute;
    left: -9999.9px;
    height: auto;
    margin: 0;
    opacity: 0;
    z-index: -1;
}

.input input, .input input:focus {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: none;
    margin: 0;
    display: block;
    width: 100%;
    box-shadow: none;
    outline: 0;
    font-size: 16px;
    line-height: 2rem;
    padding: 1rem 1.4rem;
    height: 4.2rem;
    background: 0 0;
}

.input-checkbox:checked~.label-checkbox .fake-checkbox {
    background-position: -33px -3px;
}

.facet-name {
    overflow: hidden;
    cursor: default;
    display: block;
    word-wrap: break-word;
    padding: 4px 0 0 6px;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
}

.facet-container-inner {
    padding: 10px 0 0;
}

.facet-price-form {
    margin-bottom: 15px;
}

.facet-price-slider {
    margin-bottom: 10px;
}

.ui-slider {
    position: relative;
    background: #e9eaec;
    border-style: none;
    box-shadow: 0 0 2px #dfdfdf inset;
    border-radius: 1rem;
    height: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: .9rem;
    margin-right: .9rem;
}

.ui-slider-range {
    position: absolute;
    background: #747f7f;
    border-style: none;
    height: 1rem;
}

.ui-slider-handle {
    background: #fff;
    position: absolute;
    top: 0;
    border-style: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 4px #999;
    margin: -4px 0 0 -9px;
    z-index: 1;
}

.facet-price-range {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.facet-price-range .input {
    background: #fff;
}

.facet-price-range-item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.facet-price-range-item .input {
    width: 80px;
}

.facet-price-range-divider {
    display: inline-block;
    vertical-align: middle;
    background: #747f7f;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 0;
    width: 8px;
    height: 2px;
    margin: 0 5px;
}

.facet-price-products-qty {
    font-size: 13px;
    line-height: 13px;
    color: #636466;
}

.facet-price-range .input input {
    text-align: center;
    font-weight: 600;
}

.hide-filters {
    display: none;
}

.expandable-list-link {
    margin: -4px 0 19px;
    font-size: 14px;
    line-height: 2px;
    text-decoration: none;
}

.pull-right {
    float: right;
}

.expandable-list-text {
    text-decoration: underline;
}

/* FILTERS END */

/* CARD */

.good-header-holder {
    display: inline-block;
    width: calc(100% - 120px);
}

.good-header-holder h1 {
    font-size: 23px;
    font-weight: 600;
}

.tags-card-box {
    position: relative;
    padding: 0px 0px 9px;
}

.tags-card-box .tag {
    display: inline-block;
    margin-right: 3px;
}

.card-brand-logo {
    float: right;
    width: 102px;
    display: inline-block;
    margin-top: 20px;
    line-height: 14px;
}

.card-brand-logo:before {
    content: "Официальный дилер";
    font-size: 10px;
    line-height: 11px;
    display: block;
    margin-bottom: 3px;
}

.card-brand-logo img {
    width: 100%;
    vertical-align: middle;
}

.card-info-holder {
    width: 100%;
    display: table;
}

.card-info-block {
    float: right;
    width: 100%;
    margin-left: -300px;
    padding-left: 300px;
  
    display: flex;
    flex-flow: column;
    flex-direction: column;
    flex-direction: column-reverse;
}

.card-info-tech {
    float: right;
    width: 100%;
    margin-left: -300px;
    padding-left: 300px;
}

.card-info-tech .table {
    max-width: 590px;
}

.photo-box {
    float: left;
    width: 290px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.photo-box .video-btn {
    display: block;
    margin-block: 10px;
}

.photo-box .video-btn::before {
    display: inline-block;
    content: "►";
    margin-right: 7px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 13px;
    border: 1px solid #ca0029;
    padding: 0px 5px;
    background: #e60101;
    height: 24px;
    width: 24px;
    color: #fff;
}

.photo-box #product_img img {
    min-height: 260px;
}
#product_img {
  padding-bottom: 30px;
}

.product_art {
    position: absolute;
    top: 24px;
    left: 0;
    color: #9d9d9d;
}

.stars {
    background-image: url("/templates/images/rating-stars.png");
    width: 60px;
    display: inline-block;
    height: 12px;
    margin-left: 5px;
}

.stars.rank5 {
    background-position: 0px -60px;
}

.author {
    padding-left: 5px;
    font-weight: 600;
    margin-top: -4px;
}

.date {
    font-size: 11px;
    padding-left: 5px;
    color: #999;
    margin-bottom: 5px;
}

.review-text {
    margin-left: 5px;
    margin-top: 3px;
    margin-bottom: 15px;
    padding: 8px;
    background-color: var(--beige);
    border: 1px solid #B4B4B4;
    border-radius: 4px;
    max-width: 600px;
}

.auth {
    margin-bottom: 20px;
    margin-left: 5px;
}

.product_art .reviews_link {
    font-size: 11px;
    color: #999;
    display: inline-block;
    border-bottom: 1px dotted #999;
    text-decoration: none;
    position: relative;
    bottom: 1px;
    left: 1px;
    line-height: 1.2;
}

.product-art .stars.rank5 {
    background-position: 0px -60px;
}

.card-prices-box {
  display: flex;
  gap: 20px;
}

.discount-box {
  width: 25%;
  min-width: 160px;
}

.deshevle {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.card-price {
    font-size: 17px;
    margin-top: 21px;
}

.card-price span {
    font-size: 22px;
    font-weight: 600;
}

.regular-price-info {
    font-size: 13px;
    margin-top: 5px;
}

.add-big-button {
    background-color: var(--green);
    color: #fff;
    font-size: 20px;
    font-family: Arial;
    border-radius: var(--mid-br);
    padding: 10px 29px;
}

.add-big-button:hover, .add-big-button:focus {
    background-color: var(--green-focus);
    color: #fff;
}

.discount-box {
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--main-blue);
}

.discount {
    font-size: 16px;
    display: block;
}

.discount span {
    font-size: 33px;
    font-weight: 800;
    display: inline;
}

.table-striped>tbody>tr>td {
    padding-bottom: 0;
    padding-top: 14px;
}

.table-striped>tbody>tr>td:first-child {
    position: relative;
    padding-right: 0px;
    padding-left: 0;
    display: block;
    width: 100%;
}

.table-striped>tbody>tr>td:first-child::before {
    border-bottom: 1px dotted rgba(204,214,228,.6);
    bottom: -0.1em;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}


.table-striped>tbody>tr>td:last-child {
    vertical-align: bottom;
    padding-right: 0px;
    padding-left: 4px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}

.table-striped td, .table-striped td {
    border-top: none !important;
}

.capacity_page {
    font-size: 13px;
    display: inline-block;
    font-style: normal !important;
    padding: 2px 6px;
    background-color: #f2f2f2;
    border-radius: 4px;
}

.card-info-tech {
    margin-top: 15px;
    padding-right: 30px;
}

.markets {
    text-decoration: underline;
    cursor: pointer;
}

.tab-content {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.on_storages {
    float: left;
    width: 270px;
    display: block;
    overflow-y: auto;
    height: 500px;
    padding: 8px;
    border: 1px solid #DADADA;
    box-shadow: inset 0px 0px 14px rgba(0,0,0,.15);
}

.storage_box {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative;
}

.storage_box .storage {
    font-family: Arial;
    font-weight: 800;
    padding-top: 5px;
}

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

#storage-list .on_storages {
    width: 100%;
    overflow: auto;
    height: inherit;
    border: none;
    box-shadow: none;
}

.on_storages .qty {
    height: 34px;
}

.on_storages button {
    float: right;
    border-color: orange;
    border-width: 2px;
    font-size: 13px;
    top: 0px;
    position: absolute;
    right: 0;
}

.on_storages button:hover {
    background-color: orange;
    color: #fff;
    border-color: orange;
}

.qty {
    padding: 6px 11px;
    background-color: #FFF5D1;
    display: block;
    width: 103px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-family: Arial;
    font-weight: 600;
    text-align: center;
}

.schedule_box {
    font-size: 13px;
}

.map-holder {
    width: 648px;
    height: 500px;
    float: right;
    display: block;
}

.soldOut {
    font-weight: bold;
    font-size: 16px;
    float: left;
    background-color: #fffada;
    padding: 1px 7px;
}

.soldOut a {
    text-decoration: underline;
}


/* ANALOG */

.same-gabarites p {
    font-size: 22px;
}

.good-header {
    line-height: 1.2;
}

/* CATALOG */

.product-tiles-list, .product-visited-list {
    border: solid #dfdfdf;
    border-width: 0 0 0 1px;
    overflow: initial;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-bottom: 1px;
}

.product-tile-picture-holder {
    min-height: 115px;
}

.product-tile-picture {
    text-align: center;
    min-height: 170px;
    max-height: 195px;

}

.product-tile-picture img {
    display: inline-block;
    max-width: 90%;
    height: auto;
    border: none !important;
    max-height: 170px;
}

.product-tile {
    border: solid #dfdfdf;
    border-width: 1px 1px 1px 0;
    background: #fff;
    box-sizing: border-box;
    padding: 5px 20px 30px;
    width: 33.33333333%;
}

.product-tile-title {
    font-size: 15px;
    height: 54px;
    overflow: hidden;
}

.product-tile-title a {
    color: #000;
    text-decoration: none;
}

.product-tile-title a:hover {
    text-decoration: none;
}

.grid-view .product-tile {
    float: left;
    position: relative;
    margin-bottom: -1px;
}

.product-red-price strong {
    font-size: 24px;
    color: #000;
}

.product-red-price span {
    font-size: 12px;
    color: #555;
    margin-bottom: 3px;
    display: block;
    margin-top: -8px;
    padding-left: 1px;
}

.product-price strong {
    font-size: 18px;
    color: #555;
}

.product-tile-checkout-section {
    padding-bottom: 5px;
    padding-top: 5px;
    /*border-top: 1px solid #e9eaec;*/
    /*border-bottom: 1px solid #e9eaec;*/
    height: 76px;
    position: relative;
}

.product-tile-checkout-section .info-wrap {
    float: left;
}

.add-to-basket-block {
    text-align: right;
    position: absolute;
    right: 0px;
}

.add-to-basket-small {
    background: var(--green-bright);
    color: #fff;
    font-family: Arial;
    font-weight: 600;
    font-size: 15;
}

.add-to-basket-small:hover {
    background: #568431;
    color: #fff;
}

.ability {
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ability span:before {
    content: '●';
    float: left;
    margin: 0 5px 0 0;
    font-size: 1.18em;
    line-height: 1;
    position: relative;
}

.deliv {
    color: green;
}

.store {
    color: green;
}

.tech-list-block {
    font-size: 13px;
}

.tech-list-block ul {
    list-style: none;
    padding-left: 0;
}

.tech-list-block ul li {
  overflow: hidden;
  white-space: nowrap;
  padding-top: 2px;
}

.one-click-block {
    padding-bottom: 3px;
}

.one-click-link {
    text-decoration: underline;
    font-weight: 600;
}

.one-click-block span {
    /*background-image: url("/templates/images/sprite.png");*/
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgo8ZGVmcz4KPC9kZWZzPgo8ZyBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDA7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IG5vbmU7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDA2NTkzNDA2NTkzNDAxNiAxLjQwNjU5MzQwNjU5MzQwMTYpIHNjYWxlKDIuODEgMi44MSkiID4KCTxwYXRoIGQ9Ik0gNDguNzA1IDY4LjA1OSBjIC0wLjgxNCAwIC0xLjQ4MiAtMC42NTIgLTEuNDk5IC0xLjQ3MSBjIC0wLjAxNiAtMC44MjggMC42NDMgLTEuNTEzIDEuNDcxIC0xLjUyOSBjIDEyLjcxMSAtMC4yNSAyMy4wNTMgLTEwLjgwMSAyMy4wNTMgLTIzLjUyIGMgMCAtMTIuOTcxIC0xMC41NTMgLTIzLjUyNCAtMjMuNTI0IC0yMy41MjQgYyAtMTIuNzY4IDAgLTIzLjMyIDEwLjM4MyAtMjMuNTIxIDIzLjE0NSBjIC0wLjAxMyAwLjgyOCAtMC43MDEgMS40NzQgLTEuNTI0IDEuNDc2IGMgLTAuODI4IC0wLjAxMyAtMS40ODkgLTAuNjk1IC0xLjQ3NiAtMS41MjQgYyAwLjIyOCAtMTQuMzkgMTIuMTI1IC0yNi4wOTcgMjYuNTIxIC0yNi4wOTcgYyAxNC42MjYgMCAyNi41MjQgMTEuODk5IDI2LjUyNCAyNi41MjQgYyAwIDE0LjM0MSAtMTEuNjYxIDI2LjIzNyAtMjUuOTk0IDI2LjUyIEMgNDguNzI2IDY4LjA1OSA0OC43MTYgNjguMDU5IDQ4LjcwNSA2OC4wNTkgeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMCwwLDApOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgoJPHBhdGggZD0iTSA0OC4yMDUgODMuMDc4IGMgLTEuMTQ3IDAgLTIuMzExIC0wLjA0OCAtMy40NTggLTAuMTQzIGMgLTAuODI2IC0wLjA2OCAtMS40MzkgLTAuNzkzIC0xLjM3MiAtMS42MTggYyAwLjA2OCAtMC44MjYgMC43ODUgLTEuNDMyIDEuNjE5IC0xLjM3MiBjIDEuMDY1IDAuMDg4IDIuMTQ1IDAuMTMzIDMuMjEgMC4xMzMgYyAyMS4yNTEgMCAzOC41MzkgLTE3LjI4OCAzOC41MzkgLTM4LjUzOSBDIDg2Ljc0NCAyMC4yODkgNjkuNDU2IDMgNDguMjA1IDMgQyAyNi45NTUgMyA5LjY2NyAyMC4yODkgOS42NjcgNDEuNTM5IGMgMCAxLjA2MyAwLjA0MyAyLjEzNiAwLjEzIDMuMTg4IGMgMC4wNjcgMC44MjYgLTAuNTQ3IDEuNTUgLTEuMzczIDEuNjE3IGMgLTAuODI3IDAuMDc1IC0xLjU0OSAtMC41NDcgLTEuNjE4IC0xLjM3MiBjIC0wLjA5MyAtMS4xMzMgLTAuMTQgLTIuMjg4IC0wLjE0IC0zLjQzMyBDIDYuNjY3IDE4LjYzNCAyNS4zMDEgMCA0OC4yMDUgMCBzIDQxLjUzOSAxOC42MzQgNDEuNTM5IDQxLjUzOSBDIDg5Ljc0NCA2NC40NDMgNzEuMTA5IDgzLjA3OCA0OC4yMDUgODMuMDc4IHoiIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDAsMCwwKTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSIgbWF0cml4KDEgMCAwIDEgMCAwKSAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KCTxwYXRoIGQ9Ik0gNTIuODQ3IDUxLjkxIGMgLTAuNTQgMCAtMS4wNjIgLTAuMjkyIC0xLjMyOSAtMC44MDQgYyAtMC4zODUgLTAuNzMzIC0wLjEwMiAtMS42NDEgMC42MzIgLTIuMDI0IGMgMi44MTYgLTEuNDc3IDQuNTY1IC00LjM2NyA0LjU2NSAtNy41NDMgYyAwIC00LjY5MiAtMy44MTcgLTguNTEgLTguNTEgLTguNTEgYyAtMy4yNjggMCAtNi4xOTYgMS44MjMgLTcuNjQgNC43NTcgYyAtMC4zNjYgMC43NDMgLTEuMjY2IDEuMDQ5IC0yLjAwOCAwLjY4MyBjIC0wLjc0MyAtMC4zNjYgLTEuMDQ5IC0xLjI2NSAtMC42ODMgLTIuMDA4IGMgMS45NTMgLTMuOTY3IDUuOTEyIC02LjQzMiAxMC4zMzIgLTYuNDMyIGMgNi4zNDcgMCAxMS41MSA1LjE2MyAxMS41MSAxMS41MSBjIDAgNC4yOTUgLTIuMzY1IDguMjA0IC02LjE3MyAxMC4xOTkgQyA1My4zMiA1MS44NTUgNTMuMDgyIDUxLjkxIDUyLjg0NyA1MS45MSB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigwLDAsMCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cgk8cGF0aCBkPSJNIDEwLjg4NCA5MCBjIC0wLjM4NCAwIC0wLjc2OCAtMC4xNDYgLTEuMDYxIC0wLjQzOSBsIC05LjEyOCAtOS4xMjggYyAtMC4yODEgLTAuMjgxIC0wLjQzOSAtMC42NjMgLTAuNDM5IC0xLjA2MSBzIDAuMTU4IC0wLjc3OSAwLjQzOSAtMS4wNjEgTCAxNi44MSA2Mi4xOTcgbCAtOC4xNiAtOC4xNiBjIC0wLjM3NSAtMC4zNzQgLTAuNTI0IC0wLjkxOSAtMC4zOTMgLTEuNDMyIGMgMC4xMzEgLTAuNTE0IDAuNTIzIC0wLjkxOSAxLjAzMSAtMS4wNjggTCA0OC4yOTUgNDAuMSBjIDAuNTI1IC0wLjE1NSAxLjA5NSAtMC4wMDkgMS40ODIgMC4zNzkgYyAwLjM4OCAwLjM4OCAwLjUzMyAwLjk1NiAwLjM3OSAxLjQ4MiBMIDM4LjcxOSA4MC45NjggYyAtMC4xNDkgMC41MDkgLTAuNTU1IDAuOSAtMS4wNjggMS4wMzEgYyAtMC41MTIgMC4xMzEgLTEuMDU4IC0wLjAxOCAtMS40MzIgLTAuMzkzIGwgLTguMTYgLTguMTYgTCAxMS45NDQgODkuNTYxIEMgMTEuNjUxIDg5Ljg1NCAxMS4yNjggOTAgMTAuODg0IDkwIHoiIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDAsMCwwKTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSIgbWF0cml4KDEgMCAwIDEgMCAwKSAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KPC9nPgo8L3N2Zz4=");
    display: inline-block;
    /*background-position: -0px -12px;*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    top: 8px;
    margin-right: 6px;
    position: relative;
}

#one-click .label {
  display: block;
}

.tag {
    background: #ff9100;
    display: inline-block;
    left: 6px;
    position: absolute;
    top: 6px;
    z-index: 8;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    padding: 3px 7px 2px 7px;
    border-radius: 999px;
    text-align: center;
    width: inherit !important;
}

.show-more-block {
    margin-top: 20px;
    text-align: center;
}

.show-more-btn {
    background-color: var(--green-bright);
    color: #fff;
    font-size: 16px;
    font-family: Arial;
}

.show-more-btn:hover {
    background: #568431;
    color: #fff;
}

.show-more-context {
    margin-top: 5px;
    color: #555;
    font-size: 13px;
}

.sort-block {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 13px;
}

.sort-block select {
    display: inline;
    max-width: 204px;
    font-size: 13px;
}

.sort-title {
    display: inline;
}

.recommended-box {
    border: 4px solid var(--main-blue);
    padding: 28px 22px 22px 22px;
    margin-bottom: 25px;
    border-radius: 10px;
}

.recommended-box .header-box {
    text-align: center;
    position: relative;
    top: -42px;
}

.recommended-box .recommend-header {
    background: #fff;
    width: 169px;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
}

.recommended-box .add-to-basket-block {
    text-align: center;
    position: relative;
}

.recommended-box .add-to-basket-small {
    width: 100%;
    border-bottom: #039959 3px solid;
}

.recommended-box .add-to-basket-small:hover {
    background: #29af46;
    color: #fff;
}

.recommended-box .guarantee {
    font-size: 16px;
    font-weight: bold;
    padding-top: 4px;
}

.recommended-box .recommend-var {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}

.recommended-box .recommend-var-green {
    color: #039959;
}

#one-click {
    z-index: 20000 !important;
}

/* CONTENT */

.wraper {
    display: table;
    width: 100%;
}

.content {
    display: table-cell;
    padding-left: 20px;
}

.content h4 {
    margin-top: 15px;
}

.no-menu {
    padding-left: 0px;
}

/* INDEX-AUTO-BLOCK */

.index-auto-block {
    margin-top: 15px;
}

.auto-block-l {
    border: 1px solid #ccc;
    padding: 10px;
    max-width: 200px;
    border-radius: 8px 8px 0px 0px;
    border-bottom: none;
    background-color: #fff;
    margin-bottom: -1px;
    float: left;
    position: relative;
    list-style: none;
    padding-bottom: 1px;
}

.auto-block-l select {
    font-size: 16px;
    font-weight: 600;
}

.auto-block-logos {
    border: 1px solid #ccc;
    background-color: #fff;
    display: block;
    float: left;
    width: 100%;
    border-radius: 0px 8px 8px 8px;
    padding: 6px;
    display: table;
}

.index-auto-block ul {
    padding-left: 0;
}

.podbor-link a {
    float: right;
    padding-top: 14px;
    color: #000;
}

/*.auto-logo {
    text-align: center;
    float: left;
    display: table-cell;
    width: 100%;
    max-width: 100px;
    padding-bottom: 10px;
    padding-top: 5px;
}*/

.auto-logo {
    text-align: center;
    min-width: 125px;
    margin-bottom: 10px;
}

.auto-logo a {
    display: block;
    margin-bottom: 1px;
    color: #000;
    overflow: hidden;
}

.auto-block-logos .thumbnail {
    border: none;
    margin-bottom: 0px;
}

.index_cars .thumbnail {
    border: none;
}


/* SEARCH */

.search {
    height: 43px;
    margin-top: -1px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.search-button {
    height: 43px;
    width: 92px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: var(--main-blue);
    margin-top: -1px;
    color: #fff !important;
    border: none;
    color: #fff; padding: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    font-family: Arial;
}

.search-button:hover, .search-button:active, .search-button:focus {
    background-color: var(--main-blue-hover) !important;
    border-color: var(--main-blue-hover) !important;
    background: var(--main-blue-hover) !important;
    color: #fff;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) !important;
}

.sale-button {
    background-color: var(--green-bright);
    border: 1px #568431 solid;
    border-radius: 4px;
    color: #fff;
    width: 117px;
    height: 42px;
    text-align: center;
    font-size: 12px;
    line-height: 1.0;
    padding-left: 4px;
    display: table-cell;
    float: right;
    font-weight: 600;
}

.search-box {
    display: inline-block;
    width: 726px;
    float: right;
}

.search-l {
    display: inline-block;
    margin-right: -51px;
    float: left;
    width: 100%;
    padding-right: 132px;
}

.search-r {
    display: inline-block;
    width: 50px;
    padding-left: 20px;
    float: right;
}

.search-line {
    position: relative;
}

.all-cat-menu {
    background: #fff;
    width: 951px;
    margin-top: 8px;
    padding: 20px;
    padding-top: 70px;
    border-radius: 4px;
    margin-left: -5px;
    margin-right: -5px;
    background: #115788;
    position: absolute;
    z-index: 11000;
    max-height: 1000px;
    box-shadow: 0px 10px 30px #02375d;
}

.all-cat-item {
    display: inline-block;
    margin-right: 62px;
    vertical-align: top;
    margin-top: -5px;
}

.all-cat-img-holder {
    height: 100px;
    display: flex;
    align-items: end;
    padding-bottom: 10px;
    justify-content: left;
}

.all-cat-img-holder img {
    width: 120px;
}

.all-cat-item .car-icon {
    padding-top: 57px;
}

.all-cat-item .podbor-icon {
    padding-top: 27px;
}

.all-cat-item .moto-icon {
    padding-top: 54px;
}

.all-cat-item .maslo-icon {
    margin-left: -56px;
    margin-right: 0;
    width: 104px;
}

.lazyclick.dops-icon {
  max-width: 80px;
}

.all-cat-menu a {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.1px;
}

.all-cat-menu ul {
    padding-left: 7px;
}

.all-cat-menu li {
    list-style: none;
}

.all-cat-menu li a {
    font-weight: 300;
    font-size: 14px;
}

.banner {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-top: 15px;
}

.navbar-toggle {
    float: left;
    margin-top: 4px;
    margin-right: 0;
    padding-left: 0;
}

.navbar-toggle .icon-bar {
    background-color: var(--main-blue);
}


/* SMART SEARCH */

.search-wrap {
    position: absolute;
    top: 0;
}

.smart-search-block {
    position: relative;
    margin: auto;
}

.smart-search {
    position: absolute;
    top: 164px;
    left: 216px;
    background-color: #fff;
    z-index: 100;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 0px 0px 6px 6px;
    width: 495px;
}

.search-left {
    float: left;
    width: 325px;
    box-sizing: border-box;
}

.search-right {
    float: left;
    border-top: 1px solid #DEDEDE;
    border-left: none;
    width: 325px;
}

.suggest {
    border-top: 1px solid #DEDEDE;
    padding: 0px 0px 15px;
}

.suggest:first-child {
    border: none;
}

.suggest h2 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.suggest a {
    display: block;
    font-size: 13px;
    color: #000;
}

.suggest a span {
    color: var(--main-blue);
}

.suggest a:hover {
    color: var(--main-blue);
}

.product-search {
    padding: 0px 0px 15px;
    width: 100%;
}

.product-search a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.product-wrap {
    overflow: hidden;
    border: 0px none;
    margin: 0px;
    position: relative;
    cursor: pointer;
    padding: 0;
}

.image-container {
    display: block;
    float: left;
    width: 40px;
    margin: 0px 15px 0px 0px;
}

.product-wrap {
    padding: 0px;
    overflow: hidden;
    border: 0px none;
    padding: 14px 0px 0px;
    margin: 0px;
}

.info {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 75%;
}

.info > .description {
    padding: 0px;
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
    font-family: Arial;
    line-height: 18px;
    font-size: 13px;
    margin: 0px;
    font-weight: normal;
    float: none;
    position: static;
    word-wrap: break-word;
    color: #000;
}

.info > .description:hover {
    color: var(--main-blue);
}

/* PODBOR INDEX*/

.podbor-index-block {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.podbor-index-block p span {
    font-size: 22px;
    font-family: Arial;
    font-weight: 600;
}

.podbor-block {
    border: 1px solid #ccc;
    border-radius: var(--big-br);
    padding: 15px;
    display: table;
    width: 100%;
    background-color: var(--beige);
}

.podbor-block img {
    width: 88px;
    height: 88px;
    float: left;
    max-width: none;
}

.podbor-l-col {
    display: table-cell;
    padding: 6px 20px 6px 6px;
    max-width: 135px;
}

.modal-content {
  border-radius: var(--big-br);
}

.modal-body .podbor-l-col {
    max-width: none;
}

.modal-body .agreement {
    font-size: 12px;
}

.modal-body .podbor-l-col img {
    max-width: 100%;
}

.podbor-r-col {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

.podbor-r-col p {
    margin: 1px 0 5px;
}

.podbor-r-col p.title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.podbor-r-col p span {
    font-size: 16px;
    font-weight: 600;
}


.podbor-r-col .input-group {
    max-width: 432px;
}

.timer {
    display: inline-block;
    font: 300 29px 'Open Sans', sans-serif;
    padding-right: 25px;
    margin-left: -5px;
    color: #AAA;
    position: relative;
    left: 5px;
    top: 6px;
    background: url("/templates/images/timer.png") no-repeat right center;
}

.worktime {
    color: #6d6d6d;
    margin-top: 5px !important;
}

/* BRANDS LOGOS INDEX*/
.brandslogos {
    float: left;
    width: 100%;
    display: table-cell;
    margin-top: 20px;
}

.semiheader {
    font-size: 22px;
    font-weight: 600;
}

.logo-container {
    float: left;
    width: 25%;
    text-align: center;
    padding-bottom: 20px;
}

.howtobuy {
    float: left;
    line-height: 1.7;
    font-size: 15px;
}

.howto-tr {
    padding-bottom: 20px;
}

.icon-holder {
    float: left;
    margin-right: 20px;
}

.icon-holder img {
    width: 68px;
    height: 68px;
}

.dopgoods-main {
  margin-top: 20px;
}

.dopgoods-main img {
    background-color: #bed3ff;
    border-radius: 30px;
}

.dopgoods-main .half {
    width: 100%;
}

.dopgoods-main img:hover {
    filter: brightness(1.05);
    -webkit-filter: brightness(1.05);
    -moz-filter: brightness(1.05);
    -o-filter: brightness(1.05);
    -ms-filter: brightness(1.05);
}

/* NEWS*/

.news-block {
    margin-bottom: 30px;
    background-color: #e7e7e7;
    width: 100%;
    margin-top: 30px;
    padding-top: 10px;
}

.news-block h4 {
    font-size: 22px;
    font-family: Arial;
    font-weight: 600;
}

.news-list {
    list-style: none;
    padding-left: 0;
    display: table;
    width: 100%;
}

.news-list li {
    display: table-cell;
    width: 50%;
    padding-right: 15px;
}

.news-list a {
    font-size: 16px;
    font-family: Arial;
    font-weight: 600;
}

/* NEWS PAGE */

.news-page {
    margin-top: 20px;
}

.news-page ul {
    padding-left: 0;
    list-style: none;
}

.news-page ul li {
    padding-bottom: 15px;
}

.news-page ul li h5 {
    font-size: 20px;
    font-family: Arial;
}

.news-page ul li a {
    color: #000;
    text-decoration: underline;
}

.news-page ul li a:hover {
    color: #000;
    text-decoration: none;
}

.news-page .new-data {
    color: #555;
    font-size: 13px;
}

.news_text p {
  max-width: 850px;
}


/* BASKET */

.basket-page-box {
    margin-top: 20px;
}

.basket-table-head {
    display: table;
    width: 100%;
    color: #999;
}

.basket-table-head div {
    display: table-cell;
}

.b-t-h-img {
    width: 130px;
}

.b-t-h-title {
    width: 390px;
}

.b-t-h-price {
    width: 119px;
}

.b-t-h-q {
    width: 136px;
}

.basket-good {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.basket-good div {
    /*display: inline-block;
    padding: 3px;*/
    vertical-align: middle;
}

.basket-good .basket-img-title {
    display: inline-block;
}

.basket-good .basket-price-q {
    display: inline-block;
}

.basket-good .input-group {
    display: table;
}

.basket-good .input-number {
    height: 34px;
}

.basket-good-img {
    width: 130px;
    display: inline-block;
    text-align: center;
}

.basket-good-title {
    width: 380px;
    vertical-align: middle;
    display: inline-block;
    padding-right: 10px;
}

.basket-good-price {
    width: 120px;
    display: inline-block;
}

.basket-good-price span {
    font-size: 16px;
    font-weight: 700;
}

.basket-good-q {
    width: 130px;
    display: inline-block;
}

.basket-good-q input {
    width: 40px;
}

.basket-good-summ {
    width: 93px;
    display: inline-block;
    padding-left: 5px;
}

.basket-good-summ span {
    font-size: 16px;
}

.basket-good-del {
    width: 44px;
    text-align: center;
    display: inline-block;
}

.basket-good-del span {
    color: red;
    font-weight: 600;
    font-size: 28px;
}

.basket-good-del a:hover, .basket-good-del a:active, .basket-good-del a:focus {
    text-decoration: none;
}

.deliv-summ-box div, .lift-summ-box div{
    display: inline-block;
    padding: 5px;
}

.deliv-summ-box .delivery, .lift-summ-box .lift {
    width: 770px;
    text-align: right;
}

.deliv-summ-box .del-summ, .lift-summ-box .lift-summ {
    font-weight: 700;
    font-size: 18px;
}

.full-summ {
    border-top: 2px solid #ccc;
}

.full-summ div {
    display: inline-block;
    padding: 5px;
    font-weight: 700;
}

.full-summ .summ-text {
    width: 770px;
    text-align: right;
}

.full-summ .summ-number {
    font-size: 20px;
}

.delivery-store-block {
    width: 100%;
    float: left;
}

.delivery-store-select {

}

.deliv-store-holder {
    max-width: 730px;
    margin-top: 15px;
}

.deliv-store-holder .nav li a {
    font-size: 15px;
}

.delivery-store-select .checkbox, .radio {
    margin-left: 21px;
}

.select_stock_div {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    margin-top: 11px;
}

.select_stock_div .is {
    display: block;
    font-weight: 700;
    font-size: 15px;
    color: green;
}

.b-ico {
    display: inline-block;
    height: 0;
    margin-right: 4px;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: 4px;
}

.b-ico._metro2_16x17 {
    border: 2px solid;
    border-radius: 8px;
    font-family: verdana,sans-serif;
    font-size: 11px;
    font-style: normal;
    position: relative;
    text-align: center;
}

.b-ico._metro2_16x17._normal {
    border-width: 1px;
    font-weight: normal;
    height: 15px;
    line-height: 12px;
    width: 14px;
}

.recommend-goods-block {
    margin-bottom: 20px;
}


.recommend-goods-block .product-tile-checkout-section {
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: none;
    border-bottom: none;
    height: 50px;
}


.recommend-goods-block .product-tile {
    padding: 5px 20px 10px;
}


.recommend-goods-block .product-red-price strong {
    font-size: 20px;
}

/* basket-form */

.order-form-holder {
    margin-bottom: 20px;
}

table.accordion div.inactive {
    margin: 0px;
    border: 0px;
    background-position: 7px 5px;
    background-repeat: no-repeat;
    padding-left: 0px;
    margin-top: 15px;
    padding-top: 0px;
    padding-bottom: 5px;
    font-size: 22px;
    line-height: 25px;
    color: #000000;
}

.oskab-notice {
    font-size: 17px;
    text-align: center;
    padding: 2px 0 0 20px;
}

#wasted_battery .basket_oskab_button {
    line-height: 17px;
    text-decoration: none;
    font-size: 15px;
    background: #eeeeee;
    background: linear-gradient(top , #FCFCFC 0px, #D3D3D3 100%);
    background: -o-linear-gradient(top , #FCFCFC 0px, #D3D3D3 100%);
    background: -moz-linear-gradient(top , #FCFCFC 0px, #D3D3D3 100%);
    background: -webkit-linear-gradient(top , #FCFCFC 0px, #D3D3D3 100%);
    background: -ms-linear-gradient(top , #FCFCFC 0px, #D3D3D3 100%);
    display: inline-block;
    padding: 0px 4px 2px;
    height: 15px;
    position: relative;
    bottom: 2px;
    border: 1px solid #a2a2a2;
    border-radius: 3px;
}

#div_banking_details textarea {
    max-width: 600px;
    height: 140px;
    border: 1px solid black;
    margin-top: 5px;
}

.oskab-table {
    float: left; font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 40px;
}

.oskab-table .input-number {
    height: 34px;
}

.cont-info-header {
    font-size: 20px;
    margin-left: 20px;
}

.send-order-form {
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 20px 10px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.send-order-form p {
    padding-top: 4px;
    padding-bottom: 0px;
    margin-bottom: 4px;
    font-weight: 600;
}

.send-order-form input {
    min-width: 267px;
    font-weight: 400;
    font-size: 16px;
}

.send-order-form textarea {
    font-size: 16px;
}

.order-button-block {
    margin-top: 10px;
}

#search_basket select {
    width: 200px;
}

table.accordion .span.mini {
    color: #999;
}

#get_day {
    font-size: 16px;
}

/* basket-form-end */

.send-order-form span {
    color: red;
    font-size: 17px;
}

/* BASKET END */

/* CARS-LIST  */

.car-list-block ul {
    padding-left: 0;
    list-style: none;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

.car-list-block .car-years-block ul {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
}

.select-car {
    background-color: var(--green-bright);
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-radius: 4px;
    color: #fff;
}

.select-car span {
    font-size: 15px;
    padding-left: 7px;
    padding-right: 4px;
}

.car-list-block ul li {
    margin-bottom: 10px;
    font-size: 15px;
}

.car-list-header-block {

}

.car-list-header-holder {
    display: inline-block;
    width: 73%;
}

.car-list-brand-logo {
    float: right;
    width: 100px;
    display: inline-block;
    margin-top: 5px;
    text-align: right;
}

.no_results {
    padding: 15px;
    background: var(--beige);
    border: 1px solid #999;
    margin-bottom: 20px;
    top: 20px;
}

.cars_new_add_model.no_results {
    border-radius: 5px;
    padding: 15px;
}

.cars_new_add_model .text {
    color: #7b7b79;
}

.cars_new_add_model .step_1 .text {
    display: block;
    width: 100%;
    margin-top: 5px;
}

#new_model {
    font: bold 19px Arial;
    padding: 4px 6px;
    margin: 0px 5px;
    color: #111;
    width: 325px;
    border: 1px solid black;
    display: inline-block;
    border-radius: 3px;
}

.button_red {
    background-color: #d92e37;
    border: none;
    border-bottom: 3px solid #a12e35;
    border-radius: 4px;
    padding: 10px 17px 8px;
    margin: 0 15px 0 0px;
    color: white;
    text-transform: none;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.button_red:hover {
    background-color: #FD202C;
    color: #fff;
    border-bottom: 3px solid #a12e35;
}

.button_red:active {
    background-color: #a12e35;
    color: #fff;
}

.cars_new_add_model .step_2 {
    display: none;
}

.cars_new_add_model .step_3 {
    display: none;
}


.step_3 .input-group {
    max-width: 560px;
}

.step_3 .search-button {
    width: 102px;
}

/* ENGINES */

.podbor-engines {
    display: table;
    margin-top: 10px;
    margin-bottom: 10px;
}

.podbor-engines a {
    font-size: 18px;
    font-weight: 700;
}

.podbor-engines .table-header {
    display: table-row;
    font-size: 13px;
}

.podbor-engines .table-header div {
    display: table-cell;
    padding-left: 10px;
    color: #B5B5B5;
}

.podbor-engines .table-header div:first-child {
    padding-left: 0;
}

.podbor-engines .table-body {
    display: table-row;
}

.podbor-engines .table-body div {
    display: table-cell;
    padding-left: 10px;
}

.podbor-engines .table-body div:first-child {
    padding-left: 0;
}

.cat-text {
    line-height: 1.7;
    margin-bottom: 10px;
}

.cat-text img {
    margin-right: 15px;
}

/* CHIEF */

.chief-block {
    display: table;
}

.chief {
    background-color: var(--beige);
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 17px;
}

.chief a {
    color: #000;
    font-size: 18px;
    padding-bottom: 15px;
}

.chief-comment {
    font-size: 12px;
    margin-top: 9px;
}

.tel-graph {
    display: table-cell;
    padding: 17px;
}

.tel-graph .tel p {
    margin-bottom: 5px;
}

.tel-graph .tel a {
    font-size: 22px;
}

.tel-graph .graph {
    padding-top: 5px;
    line-height: 1.7;
}

.email {
    padding: 17px;
}

.email a {
    color: #000;
    font-size: 22px;
    padding-bottom: 15px;
}

/* CHIEF-END */

/* MAG */

.mag-soc {

}

.mag-rec {
    float: left;
    max-width: 450px;
    box-shadow: 0 3px 15px 0 rgba(26,26,26,.12),0 0 0 1px rgba(26,26,26,.08);
    padding: 20px;
    margin: 20px 0px;
    border-radius: 6px;
}

/* MAG END */



/* FOOTER*/

.footer {
    background-color: #f0f0f0;
    padding-top: 20px;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.10);
    min-height: 110px;
    flex: 0 0 auto;
}

.footer ul {
    padding-left: 0;
}

.footer li {
    display: inline-block;
    list-style: none;
    margin-bottom: 10px;
}

.footer li a {
    color: #000;
    margin-right: 20px;
    font-size: 13px;
}

.left-footer {
    float: left;
    padding-top: 7px;
    max-width: 700px;
}

.market {
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    width: 289px;
    height: 38px;
    padding-top: 7px;
    padding-left: 10px;
    background-color: #fff;
    float: left;
}

.market-text {
    font-size: 11px;
    padding-right: 2px;
    font-family: Arial;
}

.market img {
    margin-top: -2px;
    width: 96px;
    height: 16px;
}

.right-footer {
    float: right;
    display: inline;
}

.right-footer img {
    width: 101px;
    height: 44px;
}

#storage-list .on_storages .storage_box .storage_links {
    display: none;
}

.more {
    display: none;
}


/* OPT */

.opt-page {
    margin-bottom: 20px;
}

.opt-page .op-splash {
    background: url(/templates/images/opt-bg.jpg);
    height: 364px;
    color: #fff;
    margin-bottom: 14px;
}

.op-splash .op-splash-box {
    width: 80%;
    margin: auto;
    height: 190px;
    padding-top: 40px;
}

.op-splash .op-splash-box h2 {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 1px;
}

.op-splash .op-splash-box p {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: -12px;
    margin-bottom: 0;
}

.opt-page .op-splash .op-splash-btn-box {
    width: 80%;
    margin: auto;
    text-align: center;
}

.op-btn {
    width: 100%;
    max-width: 257px;
    height: 54px;
    border: none;
    border-radius: 8px;
    font-size: 19px;

}

.op-btn-green {
    background: #01cf6c;
    background: -moz-linear-gradient(top, #01cf6c 0%, #00d46e 48%, #04b05d 100%);
    background: -webkit-linear-gradient(top, #01cf6c 0%,#00d46e 48%,#04b05d 100%);
    background: linear-gradient(to bottom, #01cf6c 0%,#00d46e 48%,#04b05d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cf6c', endColorstr='#04b05d',GradientType=0 );
    border-bottom: #008e4a 4px solid;
    margin-right: 4px;
}

.op-btn-blue {
    background: #4573bc;
    background: -moz-linear-gradient(top, #4573bc 0%, #4778c7 48%, #2a58a2 100%);
    background: -webkit-linear-gradient(top, #4573bc 0%,#4778c7 48%,#2a58a2 100%);
    background: linear-gradient(to bottom, #4573bc 0%,#4778c7 48%,#2a58a2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4573bc', endColorstr='#2a58a2',GradientType=0 );
    border-bottom: #244170 4px solid;
    margin-left: 4px;
}

.opt-page .op-splash .op-splash-btn-box p {
    text-align: left;
    padding-top: 20px;
    width: 80%;
    max-width: 500px;
    margin: auto;
}

.svetofor {
    height: 148px;
    background-color: #00cb81;
}

.svetofor-one {
    padding: 23px;
    display: inline-block;
    float: left;
    width: 33.333333%;
}

.svetofor .nds {
    background-color: #e4154f;
}

.svetofor .sale {
    background-color: #e3d21b;
}

.svetofor .risk {
    background-color: #00cb81;
}

.sv-ramka {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    border: 4px solid #fff;
    padding: 13px;
    width: 102px;
    height: 102px;
    display: inline-block;
    float: left;
}

.sv-text {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 150px;
    margin-left: 10px;
    float: left;
    margin-top: 21px;
}

.sale .sv-ramka {
    border-color: #454545;
    color: #454545;
}

.sale .sv-text {
    color: #454545;
}

.nds .ramka-one {
    line-height: 36px;
}

.nds .ramka-two {
    line-height: 37px;
}

.sale .ramka-one {
    line-height: 48px;
}

.sale .ramka-two {
    line-height: 1px;
    font-size: 20px;
}

.risk .ramka-one {
    line-height: 48px;
}

.risk .ramka-two {
    line-height: 1px;
    font-size: 24px;
}

.delivery-opt-block {
    height: 240px;
}

.opt-page .delivery-opt {
    background: url('/uploads/images/deliv-car-s.jpg');
    background-repeat: no-repeat;
    background-position: right;
    background-color: #469dd3;
    height: 240px;
    padding: 30px;
    width: 66.666666%;
    display: inline-block;
    float: left;
}

.opt-page .delivery-opt .delivery-text {
    color: #fff;
    width: 240px;
}

.opt-page .delivery-opt .delivery-text span {
    font-size: 24px;
}

.opt-page .delivery-opt-block .pek {
    width: 33.333333%;
    height: 240px;
    background-color: #f8f8f8;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 43px;
}

.opt-page .delivery-opt-block .pek img {
    margin-bottom: 20px;
}

.opt-page .delivery-opt-block .pek-text {
    color: #252069;
    text-align: left;
}

.opt-page .delivery-opt-block .pek-text span {
    font-size: 24px;
}

.opt-header {
    font-size: 40px;
    text-align: center;
    margin-top: 34px;
    color: #000;
}

.opt-semiheader {
    font-size: 22px;
    text-align: center;
    line-height: 22px;
    color: #000;
}

.opt-page .electron {
    background-color: #f4f4f4;
    margin-top: 20px;
    margin-bottom: 10px;
}

.opt-page .electron .el-sys {
    background-color: #f4f4f4;
    width: 33.333333%;
    height: 174px;
    display: inline-block;
    float: left;
    text-align: center;
    padding-top: 47px;
}

.opt-page .electron .sbis {
    background-color: #ebebeb;
}

.electron-text {
    font-size: 17px;
    color: #000;
    text-align: center;
    margin-top: 10px;
}

.opt-brands {
    background-color: #0d9bb5;
    padding: 20px 10px;
    margin-top: 20px;
}

.opt-brands ul {
    -webkit-column-count:6;
    -moz-column-count:6;
    column-count:6;
    -webkit-column-width: 100px;
    -moz-column-width: 100px;
    column-width: 100px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.opt-brands ul li {
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 10px;
}

.opt-dealer {
    margin-top: 46px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    float: left;
}

.opt-dealer-one {
    width: 33.333333%;
    display: inline-block;
    float: left;
}

.opt-dealer-one img {
    margin-bottom: 6px;
}

.opt-util {
    border: 8px solid #399b2c;
    color: #399b2c;
    float: left;
    width: 100%;
    padding: 20px 0px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 40px;
}

.opt-util .opt-header, .opt-util .opt-semiheader {
    color: #399b2c;
}

.opt-util .opt-header {
    margin-top: 0;
}

.opt-util-point {
    width: 33.333333%;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 18px;
    margin-top: 60px;
}

.opt-util-point p {
    max-width: 170px;
    display: block;
    margin: auto;
}

.opt-util-point img {
    width: 150px;
    margin-bottom: 8px;
}

.opt-util-btn-holder {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.opt-util-btn {
    color: #399b2c;
    border: 2px solid;
    border-color: #399b2c;
    border-radius: 4px;
    background-color: #fff;
    padding: 10px 20px;
    font-size: 22px;
    transition: all 0.3s;
}

.opt-util-btn:hover, .opt-util-btn:active, .opt-util-btn:focus {
    color: #fff;
    background-color: #399b2c;
}

.opt-manager {
    background: url('/templates/images/opt-manager.jpg');
    float: left;
    width: 100%;
    height: 392px;
    margin-bottom: 20px;
}

.opt-manager-l {
    width: 45%;
    display: inline-block;
    float: left;
}

.opt-manager-r {
    width: 55%;
    display: inline-block;
    float: right;
    margin-top: 20px;
}

.opt-manager-head {
    font-size: 42px;
    color: #fff;
    line-height: 40px;
}

.opt-manager-semihead {
    font-size: 35px;
    color: #fff;
    line-height: 35px;
}

.opt-manager-list {
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.opt-form {
    background-color: #ededed;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 16px;
}

.opt-form-l {
    padding: 20px;
    display: inline-block;
    width: 50%;
    min-width: 320px;
}

.opt-form-box {
    display: flex;
  justify-content: center;
}

.opt-form input, .opt-form select {
    height: 50px;
    border: none;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px 10px;
}

.opt-form input[type=checkbox] {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 0;
}

.opt-checkbox-label {
    display: inline;
    margin-top: 0px;
}

.opt-form textarea {
    border: none;
    width: 100%;
    height: 152px;
    margin-bottom: 20px;
    resize: none;
    padding: 10px;
}

.opt-form .op-btn {
    color: #fff;
}

.opt-form .errors {
  padding: 20px 0!important;
}

/* END OPT */



/* Big devices (tablets, 1400px and up) */
@media (min-width: 1400px) {

    /*new-year-decor start*/
    /*body {
      background: url("/uploads/images/christmas-corner.jpg");
      background-repeat: no-repeat;
      background-position-y: 42px;
      background-position-x: -130px;
    }*/
    /*new-year-decor end*/

}

/* Big devices (tablets, 1600px and up) */
@media (min-width: 1600px) {

    /*new-year-decor start*/
    body {
        background-position-x: 0px;
    }
    /*new-year-decor end*/

}

/* Big devices (tablets, 1200px and up) */
@media (min-width: 1200px) {

    .photo-box {
      width: 390px;
    }

    .card-info-block {
      margin-left: -400px;
      padding-left: 400px;
    }

    .card-info-tech {
      margin-left: -400px;
      padding-left: 400px;
    }

    #product_img {
      padding-right: 20px;
      cursor: zoom-in;
    }

    .first-main-block {
        /*background-position-x: 413px;*/
    }

    .index-cat .all-cat-item {
        width: 28%;
    }

    .smart-search {
        width: 695px;
    }

    .podbor-block img {
        width: 120px;
        height: 120px;
    }

    .podbor-block {
        padding: 30px;
        max-width: 930px;
    }

    .podbor-r-col {
        padding: 0 40px;
  
    }

    .search-box {
        width: 924px;
    }

    .search-right {
        float: left;
        border-left: 1px solid #DEDEDE;
        border-top: none;
        padding-left: 10px;
        width: 325px;
    }

    .search-left {
        padding-right: 20px;
    }

    .product-tile {
        width: 24.999999%;
    }

    .on_storages {
        width: 270px;
    }

    .map-holder {
        width: 848px;
        height: 500px;
    }

    /* wide shop-list */
    #storage-list .on_storages .storage_box {
        width: 100%;
    }

    #storage-list .on_storages .storage_box .qty {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        margin-top: 12px;
    }

    #storage-list .on_storages .storage_box .storage {
        display: inline-block;
        font-size: 16px;
        min-width: 430px;
    }

    #storage-list .on_storages .storage_box .storage_links {
        display: none;
    }

    #storage-list .on_storages .storage_box .schedule_box {
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
        margin-left: 30px;
        max-width: 240px;
    }

    .cars_new_add_model .step_1 .text {
        float: inherit;
        display: inline;
        width: inherit;
    }

    .all-cat-menu {
        width: 1149px;
        padding: 35px;
    }

    .all-cat-item {
        margin-right: 26px;
        width: 328px;
    }

    .all-cat-menu a {
        font-size: 19px;
    }

    .all-cat-img-holder {
        text-align: left;
    }

    .index-cat .all-cat-img-holder {
        text-align: center;
    }

    .all-cat-item .maslo-icon {
        margin-left: 3px;
        margin-top: 24px;
    }

    /* Доставка сегодня */
    .deliv-today {
        display: inline-block;
        /*margin-left: 30px;*/
        margin: auto;
        margin-top: 10px;
        text-align: center;
        flex-grow: 1;
    }

    .delivery-today {
        display: inline-block;
    }

    .delivery-today img {
        width: 178px;
        height: 39px;
    }

    .recommend-product-tiles-holder .product-tile {
        width: 33.33333333%;
    }

    .recommended-box .more {
        /*left: 90px;*/
    }

    .recommended-box .guarantee {
        font-size: 20px;
    }

    .recommended-box .product-tile {
        border-width: 0px 1px 0px 0;
    }

    .product-tile:hover .more {
        display: block;
    }

    .recommended-box .recommend-var {
        font-size: 16px;
    }

}


/* Big phones (phones, 600px and up) */
@media (min-width: 600px) {

.ten-km-ban {
  padding: 15px 20px;
}

.product-tile-picture {
  display: flex;
  justify-content: center;
}

.product-tile-picture-holder {
  display: flex;
}

.product-tile-picture-holder a:last-child {
  margin: auto;
}

.foot-tel {
  display: none;
}

.categories-box {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

    .countries-list {
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        column-count: 3;
        column-gap: 20px;
    }

    .index-batteries-lnk {
        display: inline-block;
        width: 49%;
        text-align: center;
    }

    .index-batteries-lnk a {
        display: block;
        text-decoration: none;
        font-size: 16px;
        color: #000;
        margin-top: 4px;
    }

    .index-batteries-lnk img {
        width: 104px;
        margin-right: 0;
    }

    .index-dif-cats {
        width: 100%;
        display: flex;
        gap: 20px;
    }

    .index-dif-cats div {
        min-height: none;
/*      width: 33.3333%;
        display: table-cell;*/
        text-align: center;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .index-dif-cats a {
        display: block;
        padding-left: 0;
        margin-top: 6px;
    }

    .index-dif-cats img {
        width: 74px;
        margin-top: -6px;
    }

    .idc-moto img {
        height: 37px;
    }

    .idc-marine img {
        height: 42px;
    }

    .idc-ups img {
        height: 52px;
    }

    .pop-goods-list ul {
        padding-left: 0;
        margin-bottom: 0;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }

}

/* Big devices (tablets, 992px and up) */
@media (min-width: 992px) {

.logo-block {
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
}

.tm-l-links {
    max-width: none;
}

.logo-block-links {
    margin-top: 14px;
    text-align: right;
    flex-basis: fit-content;
    flex-grow: 1;
}

.logo-block-links ul {
    padding-left: 0;
}

.basket-line {
  margin-top: 0px;
}

.top-basket {
  margin-top: 4px;
}

.categories-box li {
    padding-bottom: 16px;
}

.categories-box {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

.first-main-block .input-group, .first-main-block .offer-time, .first-main-block .agreement {
  display: none;
}

    .opt-reviews ul li {
        display: inline-block;
        width: 31%;
        padding: 10px;
        margin: 8px;
    }

    .dl-p {
        width: 100%;
        float: left;
        margin-right: 8px;
        margin-left: 8px;
    }

    .dl-info-box {
        width: 38%;
        float: left;
        text-align: center;
    }

    .dl-terms {
        width: 58%;
        float: right;
    }

    .index-video {
        height: 408px !important;
    }

    .modal-video {
        height: 408px !important;
    }

    .index-offer {
        font-size: 15px;
        color: #555;
    }

    .card-price, .add-big-button-block, .one_click {
        display: inline-block;
        margin-right: 15px;
    }

    .step_3 .input-group {
        float: left;
        margin-right: 15px;
    }

    .step_3 .input-group .timer {
        top: 0;
    }

    .podbor-engines a {
        font-size: 20px;
    }

    .podbor-engines .table-body div {
        padding-left: 20px;
    }

    .podbor-engines .table-header div {
        padding-left: 20px;
    }

    .dopgoods-main .half {
        width: 100%;
        max-width: 49.7%;
    }

    .dopgoods-main div {
        margin-top: 3px;
    }

    .select-car {
        font-size: 18px;
    }

    .select-car span {
        font-size: 16px;
    }

    .more {
        position: absolute;
        top: 90px;
        left: calc(50% - 55px);
        background-color: #fff;
        border-radius: 20px;
        font-size: 14px;
        padding: 4px 12px;
        border: solid 4px rgba(36,36,36);
    }

    .more {
        color: #000;
        text-decoration: none;
    }

    /* Утилизация */
    .akb-util {
        float: right;
    }

}


/* Medium devices (tablets, 991px and down) */
@media (max-width: 991px) {

    .volteka-box {
      background: #f6f6f6;
      padding-top: 80px;
    }

    .auto-block-logos .auto-logo:nth-child(n+4) .thumbnail {
        display: none;
    }

    .first-main-block {
        background-image: none;
    }

    .index-inci-link {
        display: none;
    }

    .disc-el-holder {
        width: 49.999%;
    }

    .logo-block-links li {
        margin-left: 10px;
        display: inherit;
    }

    .basket-line {
        display: inherit;
        margin-top: 4px;
    }

    .basket-line.empty {
        margin-top: 4px;
    }

    .basket-button {
        display: none;
    }

    .smart-search {
        width: 504px;
    }

    .logo-container {
        width: 50%;
    }

    .product-tile {
        width: 49.99999999%;
    }

    .card-info-tech {
        float: left;
        width: 100%;
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 10px;
        padding-right: 0;
    }

    .map-holder {
        width: 427px;
    }

    /* basket */

    .basket-good-img {
        width: 130px;
    }

    .basket-good-title {
        width: 295px;
    }

    .basket-good-price {
        width: 85px;
    }

    .basket-good-q {
        width: 118px;
    }

    .basket-good-q input {
        width: 40px;
    }

    .basket-good-del {
        width: 19px;
    }

    .b-t-h-img {
        width: 90px;
    }

    .b-t-h-title {
        width: 150px;
    }

    .b-t-h-price {
        width: 57px;
    }

    .b-t-h-q {
        width: 81px;
    }

    .b-t-h-summ {
        width: 52px;
    }

    .b-t-h-del {
        width: 35px;
    }

    .basket-good-title {
        width: 225px;
    }

    .deliv-summ-box .delivery {
        width: 565px;
    }

    .full-summ .summ-text {
        width: 565px;
    }

    .email {
        padding: 0px;
    }

    .search-box {
        width: 504px;
    }

    .all-cat-menu {
        width: 730px;
        padding: 15px;
    }

    .all-cat-item {
        margin-right: 6px;
    }

    .all-cat-item:last-child {
        margin-left: 6px;
    }

    .all-cat-menu ul {
        padding-left: 0px;
    }

    .all-cat-menu a {
        font-size: 14px;
    }

    .all-cat-item .maslo-icon {
        margin-top: 30px;
    }

    /* OPT */

    .sv-text {
        margin-left: 0px;
    }

    .opt-page .electron .el-sys {
        padding-top: 54px;
    }

    .el-sys img {
        max-width: 90%;
    }

    .opt-page .delivery-opt {
        background-position: 250px 0px;
    }

    .opt-page .delivery-opt-block .pek {
        padding: 20px;
    }

    .opt-page .delivery-opt-block .pek img {
        width: 130px;
    }

    .opt-page .delivery-opt-block .pek-text {
        font-size: 13px;
    }

    .opt-page .delivery-opt-block .pek-text span {
        font-size: 21px;
        display: block;
        margin-bottom: 12px;
    }

    .opt-brands ul {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }

    .opt-brands ul li {
        font-size: 28px;
    }

    .opt-manager {
        background-position: -140px;
    }

    .opt-form .opt-header {
        font-size: 38px;
    }

    .opt-manager-semihead {
        font-size: 26px;
    }

    /* END OPT */

/* FRANCHISE */

.weoffer {
  display: block;
  padding: 10px 0;
}

.fran-choices {
  display: block;
}

.fran-choice__title {
  height: 40px;
  padding-left: 50px;
}

.fran-choice::after {
  top: 14px;
  font-size: 35px;
}

f-cities {
  display: block;
  padding: 20px;
}

.f-cities__list ul {
  column-count: 1;
}

.f-cities__list ul li {
  font-size: 14px;
}

.fran-offers {
  margin-right: 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
}

.fran-offers::after {
  flex: 0 0 16px;
  content: '';
}

.fran-offer {
  padding: 18px 16px;
  max-width: 214px;
  min-width: 200px;
  grid-auto-rows: max-content 1fr 0.45fr;
}

.fran-offer__title {
  font-size: 32px;
  padding-bottom: 15px;
}

.fran-offer__text, .fran-offer__pros {
    font-size: 14px;
}

/* FRANCHISE END */


}

@media (min-width: 768px) {

.bar-panel {
  display: none;
}

.sm-int-podbor {
  display: none !important;
}

.click_tel {
  position: relative;
  display: inline-block;
  outline: none;
  text-decoration: none;
}

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

.click_tel::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    height: 100%;
    background: linear-gradient(90deg, #fff0, #fff 90%);
    top: 0;
    cursor: pointer;
    transition: all 0.5s;
}

 .click_tel:hover::after {
    width: 70%;
}

.click_tel:focus::after, .click_tel:active::after {
    content: '';
    display: none;
}

/*.wraper-in-catalog {
  margin-top: -40px;
}

.wraper-in-catalog .left-menu {
  padding-top: 40px;
}

.in-catalog.wraper {
    display: initial;
}

    .no-menu.in-catalog .breadcrumbs {
       padding-left: 210px;
       margin-top: 13px;
    }*/

    #index-m-express {
        display: none;
    }

    .index-video {
        height: 288px;
    }

    .grid-video-box {
        margin-bottom: 20px;
        border-radius: 0 10px 10px 10px;
    }

    .modal-video {
        height: 288px;
    }

    .cont-page .nav-pills {
        display: none;
    }

    .graph p {
        font-size: 12px;
    }

    .product-tile:hover {
        z-index: 10000;
        box-shadow: 0 8px 16px rgba(30,34,72,.16);
        transition: all 0.4s ease 0s;
    }

    /* Ваш город */

#city {
    display: block;
}

    .what-city {
        display: block;
        position: absolute;
        background-color: var(--beige);
        padding: 18px;
        box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        z-index: 100;
        margin-top: 5px;
        max-width: 264px;
    }

    .what-city p {
        font-size: 15px;
    }

    .what-city .comment {
        font-size: 11px;
        color: #757575;
        line-height: 1.3;
        margin-top: 10px;
    }

    .what-city button {
        padding: 3px 10px;
    }

}


/* Small devices (tablets, 767px and down) */
@media (max-width: 767px) {

    .car-years-container {
      display: none;
    }

    .ign .index-gb-top, .ign .index-gb-bot {
      height: 140px;
    }

    .ign .index-grid-box .ig-title {
      font-size: 27px;
      line-height: 17px;
      padding-bottom: 10px;
    }

    .ign .index-gb-top-left, .ign .index-gb-top-right {
      padding: 16px 6px 16px 13px;
    }

    .filter-tags {
/*      overflow-x: scroll;*/
      width: 0;
      max-width: 100%;
      min-width: 100%;
      display: block;
      white-space: nowrap;
      position: relative;
    }

    .filter-tags-box {
        overflow-x: scroll;
    }

    .filter-tags::after {
      content: '';
      display: block;
      height: 42px;
      width: 15px;
      background: linear-gradient(90deg, #fff0, #fff);
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
    }

    .filter-tag-text {
      font-size: 13px;
    }

    .cat-button-box .cat-button {
      display: none;
    }

    .top-search-form #header_input:focus {
      width: calc(99vw - 140px);
    }

    .ui-autocomplete {width: 95% !important;}


    .new-generations ul li {
        width: 49.3%;
        height: initial;
        max-height: none;
        min-height: initial;
    }

    .right-footer {
        display: none;
    }

    .foot-tel {
        font-size: 24px;
        width: 100%;
        margin-left: 0px;
        padding-top: 12px;
        padding-bottom: 6px;
        text-align: center;
    }

    #to_sale:before {
        display:none;
    }

    .util-box .storage {
        max-width: 300px;
    }

    .open-now {
        display: none;
    }

    .util-box .podbor-block img {
        display: none !important;
    }

    .send-quest {
        display: none;
    }

    .content {
        padding-left: 0;
    }

    .rcolinfo {
        display: none;
    }

    .city-list ul {
        width: 90%;
    }

    .auto-logo {
        min-width: 100px;
        flex: 0 0 33%;
    }

    .podbor-link {
        display: none;
    }

    .tm-l-links {
        display: none;
    }

    .logo-block {
        height: 53px;
    }

    .logo-block-links {
        display: none;
    }

    .callback {
        display: none;
    }

    .phone p {
        text-align: right;
    }

    .city {
        /*display: none;*/
        /*float: right;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-top: 0;*/
    }

    .phone-block {
        float: right;
        margin-top: 4px;
    }

    .smart-search {
        left: 0;
        width: inherit;
        right: 30px;
    }

    .search-box {
        width: 100%;
        display: none;
    }

    .search-wrap {
        width: 100%;
    }

    .search-left {
        width: 100%;
    }

    .search-right {
        width: 100%;
    }

    .news-list {
        display: inherit;
    }

    .news-list li {
        display: block;
        width: 100%;
    }

    .footer {
        min-height: 160px;
    }

    .left-footer {
        width: 100%;
    }

    .market {
        float: left;
        display: block;
    }

    /*.right-footer {
        float: left;
        display: block;
        padding-top: 10px;
        width: 100%;
    }*/

    .footer li:last-child a {
        margin-right: 0px;
    }

    .product-tile {
        width: 33.33333333%;
    }

    .product-tile-title {
        font-size: 15px;
        height: 39px;
        margin-top: 10px;
    }

    .product-tile {
        padding: 5px 13px 30px;
    }

    .product-red-price strong {
        font-size: 23px;
    }

    .facets-holder {
        margin-top: 0;
        background: #F1F1F1;
    }

    /*filters*/

#f-sidebar {display: none}

    .open #f-sidebar {
      display: block;
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      box-sizing: border-box;
      background-color: #F5F5F5;
      width: 100%;
      z-index: 999999999;
      min-height: 100%;
      overflow: scroll;
      padding-bottom: 20px;
    }

    .show-products {display: none;}

    .facets-holder .facet-reset.filters-close {
      margin-bottom: 0;
      display: inherit;
      position: fixed;
      bottom: 0;
      width: 100%;
      padding: 10px 20px 0px 20px;
      left: 0;
      right: 0;
      z-index: 1;
      background-color: #f1f1f1;
    }

    .facet-name {
        font-weight: 600;
        font-size: 14px;
        padding: 2px 0 4px 6px;
    }

    .facet-price-slider {
        margin-bottom: 15px;
    }

    .facet-name.filter-storage-name {
        font-weight: 400;
        font-size: 13px;
    }

    .left-menu {
        box-shadow: inset -5px -3px 5px rgba(0,0,0,0.1);
    }

    /* card */

    .good-header {
        font-size: 17px !important;
        font-weight: 600;
        line-height: 1.2;
        margin: 0;
        color: #000;
    }

    .card-brand-logo {
        width: 60px;
        margin-top: 0;
        padding-top: 4px;
    }

    .breadcrumbs {
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 0;
    }

    .breadcrumbs li:last-child {
        display: none;
    }

    .breadcrumbs a {
        font-weight: 300;
    }

    .good-header-holder {
        width: 76%;
    }

    .photo-box {
        margin-top: -20px;
        text-align: center;
    }

    .on_storages {
        float: left;
        width: 100%;
        display: block;
        overflow-y: inherit;
    }

    .map-holder {
        width: 100%;
        height: 400px;
        float: inherit;
        display: inherit;
        padding: 0px;
    }

    #mapModal .map-holder {
        float: right;
    }

    #storage-map .on_storages {
        display: none;
    }

    .add-big-button-block .add-big-button {
        background-color: var(--main-blue);
        margin-bottom: 14px;
        color:#fff;
    }

    .add-big-button-block .add-big-button:hover, .add-big-button-block .add-big-button:active, .add-big-button-block .add-big-button:focus {
        background-color: var(--main-blue-hover);
        color: #fff;
    }

    .card-info-block .one-click-link {
        text-decoration: none;
        background-color: var(--green);
        color: #fff;
        font-size: 20px;
        font-family: Arial;
        padding: 10px 29px;
        font-weight: 400;
        border-radius: 6px;
    }

    .card-info-block .one-click-link:hover, .card-info-block .one-click-link:active {
        background-color: var(--green-focus);
        color: #fff;
        text-decoration: none;
    }

    .card-info-block .one-click-block span {
        display: none;
    }

    /* basket */

    .basket-table-head {
        display: none;
    }

    .basket-good {
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    .basket-good .basket-img-title {
        display: block;
    }

    .basket-good-title {
        width: 70%;
        display: inline-block;
    }

    .deliv-summ-box .delivery {
        width: inherit;
    }

    .deliv-summ-box {
        margin-bottom: 5px;
    }

    .full-summ .summ-text {
        width: inherit;
    }

    .deliv-summ-box .del-summ {
        float: right;
    }

    .full-summ .summ-number {
        float: right;
    }

    .oskab-notice {
        display: none;
    }

    .send-order-form {
        padding: 10px 10px;
    }

    .send-order-form p {
        margin-left: 0;
    }

    table.accordion div.inactive {
        padding-left: 0px;
    }

    #search_basket select {
        width: 100%;
    }

    /* cars-list  */

    .car-list-block ul {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }

    .car-list-header-holder {
        width: 76%;
    }

    .car-list-brand-logo {
        width: 60px;
        margin-top: 0px;
    }

    .chief {
        display: none;
    }

    .about-city-list ul {
        width:100%;
    }

    .recommended-box {
        padding: 28px 13px 13px 13px;
    }

    .op-btn {
        width: 100%;
        max-width: 210px;
    }

    .opt-page .delivery-opt-block .pek {
        padding: 15px;
    }

    .opt-page .delivery-opt-block .pek-text span {
        font-size: 16px;
    }

    .opt-page .electron .el-sys {
        padding-top: 60px;
    }

    .opt-header {
        font-size: 34px;
        line-height: 42px;
    }

    .opt-brands ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .opt-manager {
        background-position: -220px;
    }

    .opt-manager-r {
        width: 65%;
    }

    .opt-semiheader {
        line-height: 37px;
    }

    .opt-form-l, .opt-form-r {
        display: block;
        width: 100%;
        padding: 20px 30px;
    }

/* FRANCHISE 768 down */


.fran-mob-pad {
  padding: 0 15px;
}

.fran-page {
  background-color: #fff;
  padding: 0;
}

.fran {
  padding: 20px 0;
}

.fran h1 {
  font-size: 39px;
}

.fran-page .container {
  padding-right: 0;
  padding-left: 0;
}

.fran-bullet {
  margin-left: 0;
}

.fran-offers {
  padding: 0 15px;
  width: 100%;
}

.fran-offer {
  max-width: 254px;
  min-width: 260px;
}

.f-cities {
  border-radius: 0;
}

.fran-choice::after {
  top: 24px;
}

.fran-choice__title {
  height: auto;
}

/* FRANCHISE 768 down END */



}


/* Small devices (tablets, 600px and down) */
@media (max-width: 600px) {

    .brand-sert {
       float: initial;
    }

    .tech-list-block {
      font-size: 14px;
    }

    .index-grid-box {display: none !important;}
    .index-gb-bot-right {width: 100%;}

   .index-batteries-lnk {
     display: inline-block;
     margin-right: 30px;
   }

    .first-main-block {
      margin-top: 5px;
      padding: 15px 20px;
    }

   .index-batteries-vars ul li {
      margin-bottom: 8px;
      margin-right: 24px;
      margin-top: 8px;
    }

    .discounts-holder {
        width: 100%;
    }

    .discounts {
    }

    .disc-el-holder {
        width: 99.99%;
    }

    .discounts ul {

    }

    .disc-el img {
        width: 100%;
    }

    .tags {top:80px;}

    .product-tile-picture-holder {
        position: relative;
    }

    .product-tile-picture-holder .tags {
        top: 90%;
    }

    .same-gabarites-box .product-tile-picture-holder .tags {
        top: 0;
    }

    .goods-box .best-choice:after {
        top: 4px;
        right: 4px;
        width: 24px;
        height: 24px;
        background-size: 24px;
    }

    #comment_submit {
        margin-left: 0px !important;
    }

    .search-block {
        display: block;
    }

    .search-l {
        display: block;
        margin-right: 0;
        padding-right: 0;
    }

    .search-r {
        display: none;
        /*    width: 100%;
            padding-left: 0;
            margin-top: 10px;*/
    }

    .search-r button {
        display: block;
        width: 100%;
        font-size: 17px;
    }

    .logo {
        height: 33px;
    }

    .logo img {
        width: 120px;
        height: 33px;
    }

    .logo p {
        display: none;
        font-size: 15px;
    }

    .phone {
      width: 165px;
    }

    .phone p a {
        font-size: 16px;
    }

    .city {
        margin-right: 0;
    }

    .goods-box {
        margin-left: -15px;
        margin-right: -15px;
    }

    .product-tile {
        width: 100%;
        padding: 20px 5px;
    }

    .product-tiles-list {
        border-width: 1px 0 0;
    }

    .product-tile-picture {
        float: left;
        width: 37.5%;
    }

    .product-tile-picture img {
        padding-right: 10px;
    }

    .product-tile-checkout-section {
        border: none;
    }

    .ability {
        /*margin-left: 37.5%;*/
        margin-top: -90px;
        float: left;
    }

    .tech-list-block {
        margin-left: 37.5%;
    }

    .product-tile-data .one-click-block {
        /*display: none;*/
        text-align: center;
    }

    .same-gabarites p {
        font-size: 20px;
        font-weight: 600;
    }

    .photo-box {
        width: 100%;
    }

    .discount-box {
        font-size: 13px;
    }

    .card-info-block {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .card-info-tech {
        font-size: 14px;
    }

    .basket-good-title {
        width: 100%;
        display: block;
    }

    .list-map-toggle li a {
        font-size: 13px;
    }

    .basket-good .basket-img-title {
        margin-bottom: 5px;
    }

    .oskab-table {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0;
    }

    #one-click {
        left: 10% !important;
    }

    /* cars-list  */

    .car-list-block ul {
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px;
        column-count: 1;
        column-gap: 20px;
    }

    .car-list-block .car-years-block ul {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }    

    #new_model {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 5px;
        margin-left: 0;
    }

    /* engines */

    .podbor-engines .table-header div:last-child {
        display: none;
    }

    .podbor-engines .table-body div:last-child {
        display: none;
    }

    .podbor-engines a {
        font-size: 16px;
    }

    .year-start {
        width: 62px;
    }

    .cars_new_add_model {
        display: none;
    }

    .tel-graph {
        display: block;
    }

    .email {
        padding: 17px;
    }

    .news-page ul li h5 {
        font-size: 18px;
    }

    .semiheader {
        font-size: 17px;
        line-height: 1.2;
    }

    .recommended-box {
        padding: 8px 8px 13px 8px;
    }

    .recommended-box .header-box {
        top: -22px;
    }

    .recommended-box .recommend-var {
        font-size: 18px;
        width: 210px;
        margin: auto;
        border-radius: 4px;
        border: #ccc solid 1px;
        background-color: #fff;
    }

    .recommended-box .product-tile {
        border-width: 1px;
        margin-bottom: 20px;
        background-color: #fffef6;
        border-radius: 4px;
    }

    .recommended-box .product-tile:last-child {
        margin-bottom: 10px;
    }

    .recommended-box .product-tiles-list {
        border-width: 0px;
    }

    /* OPT */

    .op-splash .op-splash-box {
        width: 80%;
        height: 140px;
        padding-top: 20px;
    }

    .opt-page .op-splash .op-splash-btn-box p {
        width: 100%;
    }

    .op-splash .op-splash-box h2 {
        font-size: 27px;
    }

    .op-splash .op-splash-box p {
        font-size: 20px;
    }

    .op-btn {
        width: 100%;
        max-width: 210px;
        margin-right: 0;
        margin-bottom: 6px;
    }

    .svetofor-one {
        float: left;
        width: 100%;
    }

    .sv-text {
        margin-left: 10px;
    }

    .opt-page .delivery-opt {
        width: 100%;
        display: block;
        background-position: 250px 0px;
    }

    .opt-page .delivery-opt-block .pek {
        width: 100%;
        display: block;
        text-align: left;
        padding: 30px;
    }

    .opt-page .delivery-opt-block .pek img {
        width: 216px;
    }

    .opt-page .delivery-opt-block .pek-text span {
        font-size: 25px;
    }

    .opt-page .electron .el-sys {
        display: block;
        width: 100%;
        height: 124px;
    }

    .opt-page .electron .el-sys {
        padding-top: 28px;
    }

    .el-sys img {
        max-width: 60%;
    }

    .electron-text {
        text-align: left;
        font-size: 16px;
    }

    .opt-brands {
        background-color: #0d9bb5;
        overflow: hidden;
        height: 330px;
        position: relative;
        padding: 20px 20px;
    }

    .opt-brands:before{
        content:"";
        display:block;
        width: 100%;
        height:160px;
        position:absolute;
        bottom:0px;
        background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #0d9bb5 75%);
        margin-left: -20px;
    }

    .opt-brands ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        column-width: 40px;
    }

    .opt-brands ul li {
        font-size: 20px;
        font-weight: 600;
        text-align: left;
        padding: 9px;
    }

    .opt-manager-l {
        width: 28%;
    }

    .opt-manager-r {
        width: 72%;
    }

    .opt-manager {
        background-position: -280px;
    }

    .opt-manager-head {
        font-size: 31px;
        line-height: 31px;
    }

    .opt-manager-semihead {
        font-size: 18px;
    }

    .opt-manager-list {
        font-size: 14px;
        line-height: 28px;
    }

    .opt-form .opt-header {
        font-size: 29px;
        line-height: 30px;
    }

    .opt-form .opt-semiheader {
        line-height: 40px;
        font-size: 16px;
    }

    .op-btn-send-box {
        padding: 0 30px;
    }

    .opt-form .op-btn {
        max-width: 100%;
    }

    .opt-util-point {
        width: 100%;
        display: block;
        float: left;
        text-align: center;
        font-size: 18px;
        margin-top: 30px;
    }

    .op-btn {
        max-width: 100%;
        margin-left: 0;
    }

    .opt-header {
        font-size: 30px;
        line-height: 33px;
    }

    .opt-semiheader {
        font-size: 20px;
        line-height: 32px;
    }

    .opt-util .opt-header {
        font-size: 22px;
        line-height: 24px;
    }

    .opt-util .opt-semiheader {
        font-size: 18px;
        line-height: 26px;
    }

    .opt-util-point img {
        width: 75px;
    }

    .opt-util-point {
        margin-top: 20px;
    }

    /* OPT END */

    /* BRANDS MOB */

.brandslogos .semiheader {
    display: block;
    max-width: 90vw;
    position: absolute;
    top: 0;
}

.brandslogos {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100vw - 30px);
    gap: 10px;
    margin-top: 60px;
    margin-bottom: 40px;
    position: relative;
    float: initial;
    margin-left: 0;
    left: 0;
}

.brandslogos-cont {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px;
    border-radius: 6px;
    margin-top: 60px;
    background-color: rgba(0,48,120,.039);
}

.brandslogos-cont .logo-container {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 28vw;
    height: 100px;
    padding-bottom: 0;
}

.logo-container img {
    filter: contrast(0.95);
}

    /* BRANDS MOB END */

}

/* Big phones 460px and down) */
@media (max-width: 460px) {


    /*  круглосуточно  */

    .phone p {
        position: relative;
    }

    .phone p a span::after {
        font-size: 11px !important;
        position: absolute;
        bottom: 20px;
        left: 56px;
        font-weight: 400;
    }

    /*  круглосуточно END  */


    .podbor-block {
        display: block;
        width: 100%;
        float: left;
    }

    .podbor-block p {
        font-size: 13px;
    }

    .podbor-block img {
        margin-right: 6px;
    }

    .util-box {
        border-width: 2px;
    }

    .util-box .oskab-table {
        font-size: 13px;
    }

    .util-box .podbor-block {
        border: none;
    }

    .util-box .podbor-block img {
        display: none !important;
    }

    .util-box .oskab-table {
        margin-left: 10px;
        margin-top: 10px;
    }

    .podbor-l-col {
        display: block;
        padding: 6px 20px 6px 6px;
        max-width: none;
    }

    .modal-body .podbor-l-col {
        text-align: center;
    }

    .modal-body .podbor-l-col img {
        max-width: 140px;
    }

    .timer {
        margin-top: 15px;
        font-size: 34px;
        margin-left: 5px;
    }

    .podbor-r-col {
        display: block;
        vertical-align: top;
        float: left;
        width: 100%;
    }

    .modal-body .podbor-r-col {
        float: none;
    }

    .modal-header .close {
        font-size: 13px;
        font-weight: 100;
        opacity: .5;
    }

    .modal-header button span {
        font-size: 18px;
        font-weight: 400;
    }

    .modal-header .modal-title {
        font-size: 13px;
        font-weight: 600;
    }



}

/* Big smartphones (420px and smaller) */
@media (max-width: 420px) {

    h1 {
        font-size: 23px;
        margin-top: 10px;
    }

    .first-main-block h1 {
      font-size: 23px;
      margin-top: 8px;
    }

    .search-r button {
        font-size: 15px;
    }

    .sale-button {
        height: 35px;
        text-align: center;
    }

    .phone-block {
        margin-top: 4px;
        float: right;
    }

    .sort-block {
        margin-top: 10px;
    }

    /*  круглосуточно  */

    .phone p {
        position: relative;
    }

    .phone p a span::after {
        /*content: "круглосуточно";*/
        font-size: 11px !important;
        position: absolute;
        bottom: 20px;
        left: 56px;
        font-weight: 400;
    }

    /*  круглосуточно END  */

    .city {
        display: none;
        /*float: left;
        margin-top: 0px;
        float: right;*/
    }

    .phone p {
        font-size: 15px;
    }

    .phone p a {
        letter-spacing: -0.3px;
    }

    .logo {
        margin-right: -29px;
    }




    .logo-container {
        width: 100%;
    }

    .basket-good-price {
        width: 73px;
    }

    .basket-good-q {
        width: 112px;
    }

    .basket-good-summ {
        width: 76px;
        padding-left: 0;
    }

    .basket-good-summ span {
        font-size: 13px;
    }

    .basket-good-price span {
        font-size: 15px;
    }

    .basket-page-box {
        margin-top: 10px;
    }

    .full-summ div {
        padding: 3px;
    }

    .deliv-summ-box .del-summ {
        font-size: 15px;
    }

    .full-summ .summ-number {
        font-size: 16px;
    }

    .basket-good-del {
        width: 17px;
    }

    table.accordion div.inactive {
        font-size: 16px;
        font-weight: 700;
    }

    .cat-text img {
        margin-right: 15px;
        display: block;
        width: 100%;
    }

    .podbor-engines a {
        font-size: 14px;
        font-weight: 300;
    }

    .tab-content .nav>li>a {
        padding: 10px 8px;
    }

    .tel-graph {
        padding: 0px;
    }

    .email {
        padding-left: 0px;
    }

/* prices in card on small devices start */

    .card-price {
      float: left;
      margin-top: 11px;
}
    .deshevle {
        float: right;
        margin-top: 12px !important;
    }
    .discount-box {
      float: left;
      margin-top: 0;
    }

/* prices in card on small devices end */



    /* add-buttons-down */
    .card-btns-holder {
        position: fixed;
        /* bottom: 0px;
        bottom: var(--bar-height); */
        bottom: calc(var(--bar-height) + env(safe-area-inset-bottom));
        z-index: 10000001;
        background-color: rgb(255, 255, 255);
        width: 100%;
        margin-left: -15px;
        margin-right: -15px;
        height: 76px;
        display: flex;
        padding: 8px;
        gap: 10px;
    }

    .card-btns-holder .add-big-button-block {
        display: flex;
        height: 60px;
        margin: 0px;
        width: 40%;
        border-radius: 6px;
        align-items: center;
        background-color: var(--main-blue);
    }

    .card-btns-holder .one_click {
        display: table-cell;
        width: 70%;
        margin: 0px;
        height: 60px;
        background-color: #009360;
        text-align: center;
        border-radius: 6px;
    }

    .card-btns-holder .add-big-button-block .add_to_cart_button {
        width: 38%;
    }

    .card-btns-holder .add-big-button-block .add-big-button {
        border-bottom: none;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 60px;
        line-height: 60px;
        border: none;
        border-radius: 6px;
        font-size: 21px;
        display: block;
    }

    .card-btns-holder .add-big-button-block .add-big-button:hover, .card-btns-holder .add-big-button-block .add-big-button:focus {
        border-bottom: none;
    }

    .one-click-block {
        padding: 0;
        /* padding-top: 16px; */
        margin: 0px;
        display: block;
        position: relative;
        height: 100%;
    }

    .card-info-block .one-click-block .one-click-link {
        border-radius: 6px;
        border-bottom: 0;
        padding: 0;
        text-align: center;
        font-size: 21px;
        display: block;
        line-height: 60px;
    }

    .card-info-block .one-click-block .one-click-link:focus, .card-info-block .one-click-block .one-click-link:active {
        background-color: var(--green-focus);
    }

    .product-tile .one-click-block .one-click-link {
        font-size: 16px;
    }

    .same-gabarites-box .one-click-block .one-click-link {
        font-size: 14px;
    }

    .same-gabarites-box .one-click-block .one-click-link:hover, .same-gabarites-box .one-click-block .one-click-link:focus {
        background-color: #fff !important;
    }

    #one-click {
        top: 0px !important;
        left: 0px !important;
        position: fixed !important;
        padding-top: 40px;
    }

    #one-click .text {
        font-size: 12px !important;
    }

    #one-click .arrow {
        display: none;
    }

    #one-click .label {
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 0;
        position: relative;
        left: 14px;
    }

    #one-click .box {
      width: 100% !important;
      border-radius: 0 !important;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      max-width: 100%;
    }

    #one_click_input {
        font: bold 16px Arial !important;
        width: 100% !important;
    }

    #one_click_send {
        border-radius: 10px !important;
        padding: 10px 0 10px !important;
    }

    #one-click .close {
        padding-bottom: 10px !important;
        padding-left: 10px;
        margin-bottom: 80px;
    }

    #modal {
        display: none !important;
    }

    .form-one-click #errors {
        font-size: 13px !important;
        line-height: 1 !important;
        margin-top: 4px !important;
    }

    #podarok .close {
        font-size: 34px;
    }

    .op-splash .op-splash-box {
        height: 163px;
    }

    .opt-page .op-splash .op-splash-btn-box {
        width: 90%;
    }

    .op-splash .op-splash-box p {
        font-size: 18px;
        padding-top: 10px;
    }

    .opt-page .op-splash .op-splash-btn-box p {
        padding-top: 10px;
    }

    .opt-brands ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .opt-form .opt-semiheader {
        font-size: 14px;
    }

    .opt-page .delivery-opt-block .pek img {
        width: 186px;
    }

    .opt-brands {
        width: 100%;
    }

    .opt-dealer-one {
        width: 100%;
        display: block;
    }

    .opt-manager-head {
        font-size: 28px;
        line-height: 30px;
    }

    .opt-manager-l {
        width: 10%;
    }

    .opt-manager-r {
        width: 90%;
    }

    .opt-util-btn {
        font-size: 20px;
    }

}


/* Small smartphones (360px and down) */
@media (max-width: 360px) {
  .first-main-block {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/* Big devices (tablets, 1200px and up) */
@media (min-width: 1200px) {

    .index-offer {
        font-size: 16px;
    }

    .disc-text {
        float:left;
        max-width: 410px !important;
    }

    .disc-img {
        max-width: 490px !important;
        margin-top: -30px;
    }

    .index-grid {
        position: relative;
    }

    .grid-video-box {
        display: inline-block;
        width: 100%;
        max-width: 592px;
        float: right;
        margin-left: 20px;
    }

    .grid-video-box .index-video {
        height: 332px !important;
        max-width: 592px;
        margin: 0;
    }

    .index-podbor-box {
        width: 312px;
        height: 332px;
        display: inline-block;
        margin: 0;
        float: left;
        margin-left: 0;
        border-radius: var(--mid-br);
    }

    .modal-video {
        height: 520px !important;
    }

    .new-generations ul li {
        width: 304px;
        height: 228px;
        max-height: 228px;
    }

    .index-dif-cats {
        width: 592px;
        height: 131px;
        float: left;
        /*margin-top: 20px;*/
    }

    .index-car-batteries {
        width: 592px;
        display: flex;
        float: left;
        /* height: 247px;
        margin-top: 20px;*/
        gap: 20px;
    }

    .index-batteries-big-head {
        font-size: 22px;
        display: block;
    }

    .index-batteries  {
        border: 0;
        padding: 20px 20px;
    }

    .index-batteries-lnk img {
        width: 131px;
    }

    .pop-goods-list {
        width: 312px;
        height: 378px;
        float: right;
        top: 332px;
        position: absolute;
        right: 0;
        margin-top: 20px;
        margin-left: 20px;
    }

    .index-batteries {
        width: 394px;
        height: 247px;
        display: table-cell;
    }

    .index-batteries-vars {
        width: 197px;
        display: table-cell;
    }

    .pop-goods-list ul {
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-count: 1;
        column-count: 1;
    }

}