html {
  --white-color: #ffffff;
  --bg-blue-color: #1e79be;
  --bg-blue-color-hover: #105f9b;
  --bg-orang-color: #ff8400;
  --bg-orang-color-hover: #df7300;
  --bg-lite-gray-color: #e0e5eb;
  --bg-lh-gray-color: #f9f9fb;
  --bg-gray: #efeff3;
  --bg-gray-hover: #dddde1;
  --bg-btn-gray: #6d7986;
  --bg-btn-gray-hover: #454f5a;
  --bg-tab: #f3f3f3;
  --border-gray-color: #cbd0d5;
  --border-lite-gray-color: #d9d9de;
  --txt-gray: #6d7986;
  --txt-second-gray: #546271;
  --txt-black: #172a3f;
  --text-lh-black: #30414a;
  --txt-blue: #3e74b7;
  --txt-blue-hover: #0e56af;
  --txt-lite-gray: #b1becd;
  --txt-green: #56a354;
  --form-border-gray: #e5e5eb;
  --font-main: "OpenSans";
}

@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
  src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff");
  src: url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSansLight/OpenSansLight.eot");
  src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff");
  src: url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "OpenSansItalic";
  src: url("../fonts/OpenSansItalic/OpenSansItalic.eot");
  src: url("../fonts/OpenSansItalic/OpenSansItalic.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansItalic/OpenSansItalic.woff") format("woff");
  src: url("../fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSansBold/OpenSansBold.eot");
  src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff");
  src: url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot");
  src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff");
  src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "OpenSanstalic";
  src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
  src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff");
  src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "OpenSansItalic";
  src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot");
  src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff");
  src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "OpenSansItalic";
  src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");
  src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff");
  src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff");
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "OpenSansItalic";
  src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
  src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff");
  src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: var(--font-main);
}

html {
  font-size: 10px;
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-main);
}

.container {
  width: 100%;
  margin: 0 auto;
}

.container-fx, .container {
  width: 100%;
  padding: 0 1.6rem;
}

.container-fx-m {
  width: 100%;
}
@media (min-width: 992px) {
  .container-fx-m {
    padding: 0 2.4rem;
  }
}

.body-disable-scrolling {
  width: 100%;
  overflow: hidden;
}

.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33%;
}

.col-5 {
  width: 41.66%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33%;
}

.col-8 {
  width: 66.66%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 66.66%;
}

.col-12 {
  width: 100%;
}

.gray-bg {
  background-color: var(--bg-gray);
}

/**Title**/
.title {
  color: var(--txt-black);
  font-family: var(--font-main);
}
.title__h2 > h2 {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 24px;
}

/**Shadaws**/
.shad__block {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(34, 60, 80, 0.1);
          box-shadow: 0px 0px 12px 0px rgba(34, 60, 80, 0.1);
}

/**Rub**/
.rub {
  display: inline-block;
  padding-right: 28px;
  line-height: 2.1rem;
  position: relative;
  margin-top: 12px;
}
.rub::after {
  content: "";
  position: absolute;
  height: 2rem;
  width: 2rem;
  display: block;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/local/templates/autoshop.online/img/svg/ico/rub.svg);
}

@media (min-width: 768px) {
  .col-md-1 {
    width: 8.33%;
  }
  .col-md-2 {
    width: 16.66%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33%;
  }
  .col-md-5 {
    width: 41.66%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33%;
  }
  .col-md-8 {
    width: 66.66%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33%;
  }
  .col-md-11 {
    width: 66.66%;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.33%;
  }
  .col-lg-2 {
    width: 16.66%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33%;
  }
  .col-lg-5 {
    width: 41.66%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33%;
  }
  .col-lg-8 {
    width: 66.66%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33%;
  }
  .col-lg-11 {
    width: 66.66%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
  .container-fx, .container {
    padding: 0 2.4rem;
  }
  .col-xl-1 {
    width: 8.33%;
  }
  .col-xl-2 {
    width: 16.66%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.33%;
  }
  .col-xl-5 {
    width: 41.66%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.33%;
  }
  .col-xl-8 {
    width: 66.66%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.33%;
  }
  .col-xl-11 {
    width: 66.66%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
.btn {
  border: none;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: var(--font-main);
}
.btn__header-ico {
  width: 25px;
  height: 25px;
  position: relative;
}
.btn__header-ico-gcount {
  position: absolute;
  background-color: var(--bg-orang-color);
  color: var(--white-color) !important;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  top: -10px;
  right: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn__header-ico svg {
  width: 100%;
  height: 100%;
}
.btn__catalog-search {
  width: 100%;
  height: 48px;
  border-radius: 2px;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--txt-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--white-color);
}
.btn__catalog-search span.txt-span {
  display: none;
}
@media (min-width: 992px) {
  .btn__catalog-search span.txt-span {
    display: block;
  }
}
.btn__catalog-search-header {
  border: 1px solid var(--bg-blue-color);
  color: var(--txt-blue);
  padding: 0 24px;
  font-weight: 500;
}
.btn__catalog-burger {
  display: block;
  width: 16px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--txt-blue);
  position: relative;
}
@media (min-width: 992px) {
  .btn__catalog-burger {
    margin-right: 16px;
  }
}
.btn__catalog-burger::after, .btn__catalog-burger::before {
  content: "";
  display: block;
  width: 16px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--txt-blue);
  position: relative;
  position: absolute;
}
.btn__catalog-burger::before {
  top: -6px;
}
.btn__catalog-burger::after {
  bottom: -6px;
}
.btn__promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.btn__promo-banner {
  padding: 8px 16px;
  width: 140px;
  border: 2px solid var(--bg-orang-color);
  color: var(--txt-black);
  z-index: 50;
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
}
.btn__promo-banner:hover {
  background-color: var(--bg-orang-color);
  color: var(--white-color);
}
.btn__gray {
  background-color: var(--txt-gray);
  color: var(--white-color);
}
.btn__gray:hover {
  background-color: var(--txt-blue);
  color: var(--white-color);
}
.btn__popap {
  height: 40px;
  width: 160px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 2px;
}
.btn__card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 12px 16px;
  text-transform: uppercase;
  font-size: 1.4rem;
}
.btn__card-orang {
  background-color: var(--bg-orang-color);
  color: var(--white-color);
}
.btn__card-orang:hover {
  background-color: var(--bg-orang-color-hover);
}
.btn__card-blue {
  background-color: var(--bg-blue-color);
  color: var(--white-color);
  text-transform: none;
}
.btn__card-blue:hover {
  background-color: var(--bg-blue-color-hover);
}
.btn__addbasket, .btn__analog {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-transform: uppercase;
  font-size: 1.4rem;
  padding: 0 32px;
}
.btn__addbasket-blue, .btn__analog-blue {
  background-color: var(--bg-blue-color);
  color: var(--white-color);
}
.btn__addbasket-blue:hover, .btn__analog-blue:hover {
  background-color: var(--bg-blue-color-hover);
}
.btn__addbasket-gray, .btn__analog-gray {
  background-color: var(--bg-btn-gray);
  color: var(--white-color);
}
.btn__addbasket-gray:hover, .btn__analog-gray:hover {
  background-color: var(--bg-btn-gray-hover);
}
.btn__addbasket span, .btn__analog span {
  padding-left: 28px;
  position: relative;
  display: block;
}
.btn__addbasket span::before, .btn__analog span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/local/templates/autoshop.online/img/svg/ico/Basket_btn.svg);
}
.btn__yellow {
  width: 40px;
  height: 40px;
  border: 2px solid var(--bg-orang-color);
  border-radius: 2px;
  color: var(--txt-gray);
  background-color: var(--bg-orang-color);
  font-size: 1.2rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
}
@media (min-width: 992px) {
  .btn__yellow {
    background-color: var(--white-color);
    width: 100%;
  }
}
.btn__yellow::after {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: 50%;
  background-image: url("/local/templates/autoshop.online/img/svg/ico/check.svg");
}
@media (min-width: 992px) {
  .btn__yellow::after {
    display: none;
  }
}
.btn__yellow span {
  display: none;
}
@media (min-width: 992px) {
  .btn__yellow span {
    display: block;
  }
}
.btn__yellow:hover {
  background-color: var(--bg-orang-color);
  color: var(--white-color);
}
.btn__yellow:hover span {
  color: var(--white-color);
}

.form__input {
  width: 100%;
  margin-bottom: 16px;
  background: var(--white-color);
}
.form__input input {
  background-color: var(--white-color);
  height: 48px;
  width: 100%;
  border: 1px solid var(--form-border-gray);
  padding: 0 16px;
  font-size: 1.5rem;
  border-radius: 2px;
  outline: none;
}
.form__input input:focus {
  border: 1px solid var(--bg-blue-color);
}
.form__input label {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 8px;
  color: var(--text-lh-black);
}
.form__textarea {
  width: 100%;
  margin-bottom: 16px;
}
.form__textarea textarea {
  width: 100%;
  height: 80px;
  background-color: var(--white-color);
  border: 1px solid var(--form-border-gray);
  padding: 16px;
  font-size: 1.5rem;
  border-radius: 2px;
  outline: none;
}
.form__textarea textarea:focus {
  border: 1px solid var(--bg-blue-color);
}
.form__textarea textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.form__textarea textarea:focus::-moz-placeholder {
  color: transparent;
}
.form__textarea textarea:focus:-ms-input-placeholder {
  color: transparent;
}
.form__textarea textarea:focus::-ms-input-placeholder {
  color: transparent;
}
.form__textarea textarea:focus::placeholder {
  color: transparent;
}
.form__textarea textarea::-webkit-input-placeholder {
  color: var(--txt-lite-gray);
}
.form__textarea textarea::-moz-placeholder {
  color: var(--txt-lite-gray);
}
.form__textarea textarea:-ms-input-placeholder {
  color: var(--txt-lite-gray);
}
.form__textarea textarea::-ms-input-placeholder {
  color: var(--txt-lite-gray);
}
.form__textarea textarea::placeholder {
  color: var(--txt-lite-gray);
}
.form__textarea label {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 8px;
  color: var(--text-lh-black);
}

.num_controller {
  width: 160px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.num_controller__label {
  font-size: 1.4rem;
  width: 34px;
  text-align: center;
  color: var(--txt-gray);
}
.num_controller__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--border-lite-gray-color);
  border-radius: 2px;
  height: 100%;
}
.num_controller__block-controll {
  width: 40px;
  height: 100%;
  display: block;
  font-size: 2.4rem;
  color: var(--txt-gray);
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.num_controller__block-min {
  margin-top: -4px;
}
.num_controller__block-input {
  width: 40px;
  border: none;
  text-align: center;
  color: var(--txt-black);
  font-size: 1.8rem;
  font-weight: 500;
}
.num_controller__block-input:focus {
  outline: none;
}

header .header {
  height: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.2rem 0;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .header__topline {
  background-color: var(--bg-blue-color);
  font-size: 8px;
  font-weight: 300;
  text-transform: uppercase;
  color: var(--white-color);
  text-align: center;
  padding: 8px 0;
  height: 32px;
  width: 100%;
  z-index: 200;
}
@media (min-width: 992px) {
  header .header__topline {
    font-size: 13px;
  }
}
header .header__topline h1, header .header__topline h2 {
  font-size: inherit;
  font-weight: inherit;
}
header .header__infoblock {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
header .header__infoblock-nav {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
header .header__infoblock-nav_item {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  cursor: pointer;
}
@media (min-width: 992px) {
  header .header__infoblock-nav_item {
    margin-left: 40px;
  }
}
header .header__infoblock-nav_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
  cursor: pointer;
}
header .header__infoblock-nav_btn span {
  display: none;
  color: var(--txt-gray);
  font-size: 1.3rem;
  margin-left: 4px;
}
@media (min-width: 992px) {
  header .header__infoblock-nav_btn span {
    display: block;
  }
}
header .header__infoblock-adress {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 992px) {
  header .header__infoblock-adress {
    padding: 0 40px 0 0;
  }
}
header .header__infoblock-adress span {
  display: block;
  font-size: 1.2rem;
  color: var(--txt-gray);
  font-weight: 500;
  border-bottom: 1px dashed var(--txt-blue);
}
@media (min-width: 992px) {
  header .header__infoblock-adress span {
    font-size: 1.3rem;
  }
}
header .header__infoblock-adress a {
  text-decoration: none;
}
header .header__infoblock-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  header .header__infoblock-phone {
    padding: 0 40px 0 0;
  }
}
header .header__infoblock-phone a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  position: relative;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--txt-black);
}
@media (min-width: 992px) {
  header .header__infoblock-phone a {
    min-width: 150px;
  }
}
header .header__infoblock-phone a span {
  display: none;
  padding-bottom: 3px;
  margin-left: 8px;
  border-bottom: 1px dashed var(--txt-black);
}
@media (min-width: 992px) {
  header .header__infoblock-phone a span {
    display: block;
  }
}
header .header__infoblock-phone a svg {
  width: 19px;
  height: 30px;
  left: 0;
}
header .header__infoblock-phone svg {
  width: 19px;
  height: auto;
}
header .header__navblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 3.2rem;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  header .header__navblock {
    padding: 0 0 0 4.8rem;
  }
}
header .header__navblock ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--txt-gray);
}
header .header__navblock ul li {
  display: block;
  position: relative;
}
header .header__navitem {
  margin-right: 32px;
  padding-right: 20px;
  font-size: 1.3rem;
  cursor: pointer;
  position: relative;
}
header .header__navitem::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 40%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: var(--txt-gray) transparent transparent transparent;
}
header .header__navitem:hover .header__submenu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
header .header__logo {
  height: 100%;
  text-align: center;
}
header .header__logo img {
  width: 56px;
  height: auto;
}
@media (min-width: 992px) {
  header .header__logo img {
    height: auto;
    width: 64px;
  }
}
header .header__city {
  color: var(--txt-blue);
  font-weight: 500;
  position: relative;
}
header .header__city::after {
  border-color: var(--txt-blue) transparent transparent transparent;
}
header .header__menu {
  display: none;
}
@media (min-width: 992px) {
  header .header__menu {
    display: block;
  }
}
header .header__menu .header__navitem:hover {
  color: var(--txt-blue);
}
header .header__menu .header__navitem:hover::after {
  border-color: var(--txt-blue) transparent transparent transparent;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
header .header__submenu {
  display: none !important;
  position: absolute;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--white-color);
  z-index: 40;
  top: 100%;
  left: -16px;
  padding: 16px;
  border-radius: 2px;
  border-top: 2px solid var(--txt-blue);
  -webkit-box-shadow: 0px 10px 15px 0px rgba(34, 60, 80, 0.2);
          box-shadow: 0px 10px 15px 0px rgba(34, 60, 80, 0.2);
}
header .header__submenu li {
  margin-bottom: 4px;
}
header .header__submenu li a {
  text-decoration: none;
  color: var(--txt-gray);
}
header .header__submenu li a:hover {
  color: var(--txt-blue);
}

.search {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
}
.search__container {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: absolute;
  top: 0;
}
.search__block {
  position: relative;
  height: 320px;
  width: 100%;
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: cover;
  background-image: url("/local/templates/autoshop.online/img/bg/search-bg.jpg");
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (min-width: 992px) {
  .search__block {
    border-radius: 4px;
  }
}
.search__block::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(59, 69, 79);
  background: linear-gradient(59deg, rgba(59, 69, 79, 0.95) 25%, rgba(59, 69, 79, 0.7) 44%, rgba(59, 69, 79, 0.1) 68%, rgba(59, 69, 79, 0.5) 100%);
  z-index: 5;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.search__block-close {
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
  z-index: 100;
  opacity: 0.8;
  display: none;
}
.search__block-close:hover {
  opacity: 1;
}
.search__block-close span {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.search__block-close span::after, .search__block-close span::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--white-color);
  position: absolute;
  top: 15px;
  left: 0;
}
.search__block-close span::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.search__navblock {
  padding-left: 8px;
  position: relative;
  z-index: 10;
  width: 100%;
}
@media (min-width: 992px) {
  .search__navblock {
    padding-left: 10%;
  }
}
.search__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.search__nav-catalog {
  width: 48px;
  margin-right: 32px;
  opacity: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 50;
}
@media (min-width: 992px) {
  .search__nav-catalog {
    width: 148px;
  }
}
.search__nav-field {
  width: 80%;
  position: absolute;
  left: 68px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 60;
}
@media (min-width: 992px) {
  .search__nav-field {
    left: calc(10% + 180px);
    width: 50%;
  }
}
.search__nav-form {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0px -5px 15px -6px rgba(34, 60, 80, 0.2);
          box-shadow: 0px -5px 15px -6px rgba(34, 60, 80, 0.2);
}
.search__nav-form-searchtext {
  width: 100%;
  height: 48px;
  padding: 4px 16px;
  outline: none;
  border: none;
  border-radius: 2px;
  font-size: 1.5rem;
  font-weight: 500;
  background-color: var(--white-color);
}
.search__nav-form-searchtext::-webkit-input-placeholder {
  color: var(--txt-lite-gray);
  font-weight: 500;
}
.search__nav-form-searchtext::-moz-placeholder {
  color: var(--txt-lite-gray);
  font-weight: 500;
}
.search__nav-form-searchtext:-ms-input-placeholder {
  color: var(--txt-lite-gray);
  font-weight: 500;
}
.search__nav-form-searchtext::-ms-input-placeholder {
  color: var(--txt-lite-gray);
  font-weight: 500;
}
.search__nav-form-searchtext::placeholder {
  color: var(--txt-lite-gray);
  font-weight: 500;
}
.search__nav-form button[type=submit] {
  width: 56px;
  height: 40px;
  background-color: var(--bg-blue-color);
  border-radius: 3px;
  border: none;
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/local/templates/autoshop.online/img/svg/poisk.svg");
}
.search__nav-formselect {
  position: absolute;
  top: 4px;
  right: 68px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px;
  font-size: 1.5rem;
  cursor: pointer;
  border: 1px solid var(--border-gray-color);
  background-color: var(--white-color);
  border-radius: 3px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (min-width: 992px) {
  .search__nav-formselect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.search__nav-formselect:hover {
  border: 1px solid var(--txt-blue);
}
.search__nav-formselect-asset {
  height: 38px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  text-transform: uppercase;
}
.search__nav-formselect-asset span {
  display: block;
  position: relative;
  padding-right: 28px;
}
.search__nav-formselect-asset span::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 40%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: var(--txt-gray) transparent transparent transparent;
}
.search__nav-formselect-radios {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search__nav-formselect-radios label {
  margin-bottom: 4px;
  cursor: pointer;
  padding: 4px 16px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.search__nav-formselect-radios label:hover {
  background-color: var(--border-gray-color);
}
.search__nav-formselect-radios input {
  display: none;
}
.search__nav-formselect-radios input:checked + label {
  display: none;
}
.search__nav-formselect.active {
  border: 1px solid var(--txt-blue);
}
.search__nav-formselect.active .search__nav-formselect-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search__nav-formselect.active .search__nav-formselect-asset span::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  border-color: var(--txt-blue) transparent transparent transparent;
}
.search__nav-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 46px;
  left: 0px;
  z-index: 5;
}
.search__nav-type input {
  display: none;
}
.search__nav-type input:checked + label {
  background-color: var(--white-color);
  color: var(--txt-black);
}
.search__nav-type label {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: var(--txt-gray);
  background-color: var(--bg-lite-gray-color);
  padding: 8px 12px 12px;
  border: 1px solid var(--border-gray-color);
  border-radius: 4px 4px 0 0;
  border-right: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (min-width: 992px) {
  .search__nav-type label {
    padding: 8px 36px 12px;
  }
}
.search__nav-type label::last-child {
  border: 1px solid var(--border-gray-color);
}

body.bd_search {
  overflow: hidden;
}
body.bd_search .search__container {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 50;
  padding: 0;
}
body.bd_search .search__block {
  border-radius: 0px;
}
body.bd_search .search__block::before {
  background: linear-gradient(59deg, rgba(59, 69, 79, 0.95) 25%, rgba(59, 69, 79, 0.9) 44%, rgba(59, 69, 79, 0.9) 68%, rgba(59, 69, 79, 0.9) 100%);
}
body.bd_search .search__block-close {
  display: block;
}
body.bd_search .search__nav-field {
  width: calc(100% - 16px);
  left: 8px;
}
@media (min-width: 992px) {
  body.bd_search .search__nav-field {
    width: calc(50% + 180px);
    left: 10%;
  }
}
body.bd_search .search__nav-catalog {
  opacity: 0;
}

.promo-banner {
  margin-top: 64px;
}
.promo-banner__carusel {
  width: 100%;
  display: block;
  position: relative;
}
.promo-banner__carusel-item {
  height: 240px;
  border-radius: 4px;
  position: relative;
}
.promo-banner__carusel-item.item-big {
  padding: 16px;
  overflow: hidden;
  background: var(--bg-gray);
}
.promo-banner__carusel-item.item-big img {
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0%;
}
.promo-banner__carusel-item .item-big__content-text {
  color: var(--txt-black);
  margin-bottom: 32px;
}
.promo-banner__carusel-item .item-big__content-text p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.promo-banner__carusel-item .item-big__content-text span {
  font-size: 1.4rem;
  color: var(--txt-gray);
  font-weight: 400;
}
.promo-banner__carusel-item.item-litle {
  padding-left: 0px;
}
.promo-banner__carusel-item .item-litle__box {
  display: block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  background: var(--bg-gray);
  width: 100%;
  height: 100%;
  padding: 16px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.promo-banner__carusel-item .item-litle__box:hover {
  background: var(--bg-gray-hover);
}
.promo-banner__carusel-item .item-litle__content {
  width: 100%;
  height: 100%;
  position: relative;
}
.promo-banner__carusel-item .item-litle__content-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  text-align: right;
}
.promo-banner__carusel-item .item-litle__content-text {
  color: var(--txt-black);
}
.promo-banner__carusel-item .item-litle__content-text p {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 16px;
}
.promo-banner__carusel-item .item-litle__content-text span {
  font-size: 1.4rem;
  color: var(--txt-gray);
  font-weight: 400;
}

.promo-block {
  margin-top: 64px;
  padding: 48px 0;
  width: 100%;
}
.promo-block__title {
  width: 100%;
}
.promo-block__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  .promo-block__content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.promo-block__item {
  width: 100%;
  min-height: 220px;
  background-color: var(--white-color);
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .promo-block__item {
    width: 32%;
    margin-bottom: 0;
  }
}
.promo-block__item-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-gray-color);
}
.promo-block__item-title img {
  max-height: 50px;
  width: auto;
  margin-right: 24px;
}
.promo-block__item-title p {
  font-size: 1.6rem;
  font-weight: 500;
}
.promo-block__item-text {
  padding-top: 16px;
}
.promo-block__item-text ul {
  list-style: none;
  font-size: 1.3rem;
  color: var(--txt-gray);
}
.promo-block__item-text ul li {
  margin-bottom: 8px;
  display: block;
  padding-left: 24px;
  position: relative;
}
.promo-block__item-text ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: var(--bg-orang-color);
}

.promo-banner__action {
  width: 100%;
}
.promo-banner__action-slaider {
  width: 100%;
  position: relative;
}
.promo-banner__action-items {
  width: 100%;
}
.promo-banner__action-item {
  width: 100%;
  height: 280px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 992px) {
  .promo-banner__action-item {
    border-radius: 4px;
    height: 280px;
  }
}
.promo-banner__action-item .banner-action__content {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 36px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 992px) {
  .promo-banner__action-item .banner-action__content {
    width: 420px;
    right: 5%;
  }
}
.promo-banner__action-item .banner-action__text h4 {
  font-size: 2.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--text-lh-black);
  margin-bottom: 2.4rem;
}
.promo-banner__action-item .banner-action__text p {
  font-size: 1.4rem;
}
.promo-banner__action-item .banner-action__btn .btn {
  padding: 8px 16px;
  border: 2px solid var(--bg-orang-color);
  color: var(--txt-black);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 4px;
}
.promo-banner__action-item .banner-action__btn .btn:hover {
  background-color: var(--bg-orang-color);
  color: var(--white-color);
}
.promo-banner__action-arrows {
  display: none;
}
.promo-banner__action-arrow {
  display: block;
  width: 48px;
  height: 48px;
  background-color: var(--white-color);
  border: 2px solid var(--border-gray-color);
  border-radius: 24px;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promo-banner__action-arrow.arrow_l {
  left: -8px;
}
.promo-banner__action-arrow.arrow_l span {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-right: -4px;
}
.promo-banner__action-arrow.arrow_r {
  right: -8px;
}
.promo-banner__action-arrow.arrow_r span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: -4px;
}
.promo-banner__action-arrow span {
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid var(--border-gray-color);
  border-right: 2px solid var(--border-gray-color);
}
.promo-banner__action-arrow:hover {
  border: 2px solid var(--txt-gray);
}
.promo-banner__action-arrow:hover span {
  border-top: 2px solid var(--txt-gray);
  border-right: 2px solid var(--txt-gray);
}

.about-main {
  margin-top: 48px;
}
.about-main__wrap {
  background-color: var(--bg-lh-gray-color);
  padding: 32px 12px 64px;
}
@media (min-width: 992px) {
  .about-main__wrap {
    padding: 32px 24px 64px;
  }
}
.about-main__content {
  padding: 32px 24px 48px;
  background-color: var(--white-color);
  border: 1px dotted var(--border-gray-color);
  color: var(--text-lh-black);
}
@media (min-width: 992px) {
  .about-main__content {
    padding: 32px 48px 48px;
  }
}
.about-main__content-title h2 {
  font-size: 2.4rem;
  font-weight: 500;
  color: var(--text-lh-black);
  font-family: var(--font-main);
  margin-bottom: 4px;
}
.about-main__content-title p {
  font-size: 1.4rem;
  color: var(--text-lh-black);
}
.about-main__content-subtitle {
  font-size: 1.4rem;
  margin-top: 24px;
  margin-bottom: 32px;
}
.about-main__content-text {
  font-size: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  .about-main__content-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 32px 48px 48px;
  }
}
.about-main__content-text .about-colum {
  width: 100%;
}
@media (min-width: 992px) {
  .about-main__content-text .about-colum {
    width: 48%;
  }
}
.about-main__content-text .about-colum h4, .about-main__content-text .about-colum h2 {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 18px;
}
.about-main__content-text .about-colum p {
  margin-bottom: 8px;
}
.about-main__content-text .about-colum ul {
  list-style: none;
  margin: 4px 0;
}
.about-main__content-text .about-colum ul li {
  margin-bottom: 8px;
  display: block;
  position: relative;
  padding-left: 16px;
}
.about-main__content-text .about-colum ul li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--txt-lite-gray);
  position: absolute;
  left: 0;
  top: 50%;
}
.about-main__content-btn {
  margin-top: 18px;
}
.about-main__content-btn button, .about-main__content-btn a {
  background-color: var(--bg-blue-color);
  padding: 12px 24px;
  color: var(--white-color);
  text-transform: uppercase;
  font-size: 1.2rem;
}
.about-main__content-btn button:hover, .about-main__content-btn a:hover {
  background-color: var(--txt-blue);
}

footer .footer {
  width: 100%;
  border-top: 2px solid var(--bg-blue-color);
  padding: 48px 0 32px;
}
footer .footer__top {
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  footer .footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
footer .footer__top::after {
  content: "";
  display: table;
  clear: both;
}
footer .footer__top-colum {
  width: 50%;
  float: left;
  padding-right: 16px;
  height: 248px;
}
@media (min-width: 992px) {
  footer .footer__top-colum {
    width: 30%;
  }
}
footer .footer__top-colum-title {
  margin-bottom: 16px;
}
footer .footer__top-colum-title h4 {
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--txt-black);
}
footer .footer__top-colum-content ul {
  list-style: none;
}
footer .footer__top-colum-content ul li {
  font-size: 1.3rem;
  margin-bottom: 8px;
}
footer .footer__top-colum-content ul li a {
  text-decoration: none;
  color: var(--txt-blue);
}
footer .footer__top-colum-content ul li a:hover {
  text-decoration: underline;
}
footer .footer__top-colum .footer__btn-qn {
  width: 100%;
  margin-bottom: 24px;
}
footer .footer__top-colum .footer__btn-qn button {
  width: 100%;
  background-color: var(--bg-blue-color);
  color: var(--white-color);
  text-transform: uppercase;
  padding: 12px;
  font-size: 1.2rem;
}
footer .footer__top-colum .footer__cardblock {
  margin-top: 16px;
}
footer .footer__top-colum .footer__cardblock p {
  font-size: 1.3rem;
  margin-bottom: 8px;
}
footer .footer__top-colum .footer__cardblock ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  footer .footer__top-colum .footer__cardblock ul {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
footer .footer__top-colum .footer__cardblock ul li {
  width: 100%;
  display: block;
  margin-bottom: 8px;
}
footer .footer__top-colum .footer__cardblock ul li img {
  width: auto;
  height: 28px;
}
footer .footer__bottom {
  padding-top: 32px;
  border-top: 1px solid var(--border-gray-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  footer .footer__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
footer .footer__bottom-colum {
  color: var(--txt-gray);
  font-size: 1.3rem;
}
footer .footer__bottom-colum.ft-colum__l {
  width: 100%;
}
@media (min-width: 992px) {
  footer .footer__bottom-colum.ft-colum__l {
    width: 25%;
  }
}
footer .footer__bottom-colum.ft-colum__r {
  width: 100%;
}
@media (min-width: 992px) {
  footer .footer__bottom-colum.ft-colum__r {
    width: 20%;
    text-align: right;
  }
}

body.overlow {
  padding-top: 32px;
  overflow: hidden;
}
body.overlow .header__topline {
  position: fixed;
  top: 0;
  left: 0;
}
body.overlow .bg-white {
  display: block;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-name: open;
          animation-name: open;
}

.bg-white {
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  position: fixed;
  top: 32px;
  left: 0;
  z-index: 100;
  display: none;
}
.bg-white__wrap {
  height: 100%;
  width: 100%;
}
.bg-white__header {
  position: relative;
  z-index: 110;
  width: 100%;
  height: 88px;
  padding: 1.2rem 0;
  background-color: var(--white-color);
}
.bg-white__header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bg-white__header-logo {
  height: 100%;
  text-align: center;
}
.bg-white__header-logo img {
  height: auto;
  width: 56px;
}
@media (min-width: 992px) {
  .bg-white__header-logo img {
    height: auto;
    width: 64px;
  }
}
.bg-white__header-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bg-white__header-close span {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.bg-white__header-close span::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--txt-lite-gray);
  position: absolute;
  top: 15px;
  left: 0;
}
.bg-white__header-close span::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--txt-lite-gray);
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 15px;
  left: 0;
}
.bg-white__header-close span:hover::after, .bg-white__header-close span:hover::before {
  background-color: var(--txt-blue);
}
.bg-white__box {
  width: 100%;
  height: calc(100% - 120px);
  overflow: hidden auto;
  top: 120px;
  padding: 0 2.4rem;
  left: 0;
  position: fixed;
}

@-webkit-keyframes open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*extend*/
.popap__menu-city-title, .popap__menu-catalog-title {
  width: 100%;
  padding: 8px 0 24px;
  border-bottom: 1px solid var(--border-gray-color);
}

.popap__menu-city-title h3, .popap__menu-catalog-title h3 {
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--txt-black);
}

.popap__menu-city-list, .popap__menu-catalog-list {
  display: block;
  padding: 24px 0;
}
@media (min-width: 992px) {
  .popap__menu-city-list, .popap__menu-catalog-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}

.popap__menu-city-list .menu-city-block__title, .popap__menu-catalog-list .menu-ctalog-block__title {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-gray-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.popap__menu-city-list .menu-city-block__title h5, .popap__menu-catalog-list .menu-ctalog-block__title h5 {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--txt-black);
}

.popap__menu-city-list .menu-city-block__list ul li a, .popap__menu-catalog-list .menu-ctalog-block__list ul li a {
  color: var(--text-lh-black);
  text-decoration: none;
  font-size: 1.4rem;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*end extend*/
.popap__menu-catalog {
  width: 100%;
  display: none;
}
.popap__menu-catalog-col {
  float: left;
}
@media (min-width: 992px) {
  .popap__menu-catalog-col {
    float: none;
  }
}
.popap__menu-catalog-list::after {
  content: "";
  display: block;
  clear: both;
}
.popap__menu-catalog-list .menu-ctalog-block {
  width: 90%;
  margin: 0 auto 32px;
}
@media (min-width: 992px) {
  .popap__menu-catalog-list .menu-ctalog-block {
    width: 80%;
  }
}
.popap__menu-catalog-list .menu-ctalog-block__title img {
  height: 32px;
  width: auto;
}
@media (min-width: 992px) {
  .popap__menu-catalog-list .menu-ctalog-block__title img {
    height: 48px;
  }
}
.popap__menu-catalog-list .menu-ctalog-block__title h5 {
  margin-left: 12px;
}
.popap__menu-catalog-list .menu-ctalog-block__list {
  padding-top: 12px;
}
.popap__menu-catalog-list .menu-ctalog-block__list ul {
  list-style: none;
}
.popap__menu-catalog-list .menu-ctalog-block__list ul li {
  margin-bottom: 6px;
}
.popap__menu-catalog-list .menu-ctalog-block__list ul li a {
  font-weight: 500;
}
.popap__menu-catalog-list .menu-ctalog-block__list ul li a:hover {
  color: var(--txt-blue);
}
.popap__menu-city {
  width: 100%;
  display: none;
}
.popap__menu-city-list .menu-city-block {
  width: 80%;
  margin: 0 auto 32px;
}
.popap__menu-city-list .menu-city-block__list {
  padding-top: 12px;
}
.popap__menu-city-list .menu-city-block__list ul {
  list-style: none;
}
.popap__menu-city-list .menu-city-block__list ul li {
  margin-bottom: 6px;
}
.popap__menu-city-list .menu-city-block__list ul li a {
  font-weight: 400;
}
.popap__menu-city-list .menu-city-block__list ul li a:hover {
  color: var(--txt-blue);
}
.popap__menu-city-list .menu-city-block__list ul li a.select_city {
  font-weight: 500;
  color: var(--txt-blue);
}
.popap__menu-city-list .menu-city-block__ref ul li a {
  font-weight: 500;
}
.popap__menu-city-list .menu-city-block__ref ul li a.select_city {
  color: var(--txt-blue);
}
.popap__login {
  width: 100%;
  margin: 24px auto 0;
  display: none;
}
@media (min-width: 992px) {
  .popap__login {
    width: 440px;
  }
}
.popap__login-title {
  width: 100%;
  padding: 8px 0 24px;
}
.popap__login-title h3 {
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--txt-black);
}
.popap__login-article {
  font-size: 1.4rem;
  color: var(--txt-black);
  margin-bottom: 32px;
}
.popap__login-article a {
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px dashed var(--txt-blue);
  color: var(--txt-blue);
}
.popap__login-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}
.popap__login-member a {
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px dashed var(--txt-blue);
  color: var(--txt-blue);
  font-size: 1.4rem;
}
.popap__quest {
  width: 100%;
  margin: 4px auto 0;
  display: none;
}
@media (min-width: 992px) {
  .popap__quest {
    width: 600px;
  }
}
.popap__quest-title {
  width: 100%;
  padding: 8px 0 24px;
}
.popap__quest-title h3 {
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--txt-black);
}
.popap__quest-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  .popap__quest-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.popap__quest-footer .btn__popap {
  width: 100%;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .popap__quest-footer .btn__popap {
    width: 160px;
  }
}
.popap__quest-article {
  font-size: 1.3rem;
  color: var(--text-lh-black);
}
@media (min-width: 992px) {
  .popap__quest-article {
    padding-left: 24px;
  }
}
.popap__quest-article a {
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px dashed var(--txt-blue);
  color: var(--txt-blue);
}
.popap__form-2colum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 992px) {
  .popap__form-2colum {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 992px) {
  .popap__form-2colum .form__input:first-child {
    padding-right: 24px;
  }
}

.owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
}
.owl-next, .owl-prev {
  position: absolute;
  top: -24px;
  width: 48px;
  height: 48px;
  display: block;
  border: 2px solid var(--txt-gray) !important;
  border-radius: 24px;
  background-color: var(--white-color) !important;
  opacity: 0.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.owl-next.disabled, .owl-prev.disabled {
  display: none;
}
.owl-next span, .owl-prev span {
  display: none;
}
.owl-next::after, .owl-prev::after {
  position: relative;
  display: block;
  content: "";
  border-left: 2px solid var(--txt-gray);
  border-top: 2px solid var(--txt-gray);
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-right: -3px;
}
@media (min-width: 992px) {
  .owl-next:hover, .owl-prev:hover {
    opacity: 0.8;
    border-color: var(--bg-orang-color) !important;
  }
}
.owl-next {
  right: -16px;
}
.owl-next::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  margin-left: -3px;
  margin-right: 0;
}
.owl-prev {
  left: -16px;
}

.breadcrumb {
  width: 100%;
  border-top: 1px solid var(--border-lite-gray-color);
  border-bottom: 1px solid var(--border-lite-gray-color);
}
.breadcrumb__catalog {
  margin-right: 24px;
}
.breadcrumb__moblink {
  display: block;
  margin-right: 16px;
}
.breadcrumb__moblink a {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url("/local/templates/autoshop.online/img/svg/ico/arrow.svg");
  background-size: 50%;
  background-position: 50% 50%;
  opacity: 0.5;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.breadcrumb__wrap {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  list-style: none;
  font-size: 1.2rem;
  color: var(--txt-gray);
}
.breadcrumb__wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.breadcrumb__wrap ul li {
  display: none;
}
.breadcrumb__wrap ul li:last-child {
  display: block;
}
.breadcrumb__wrap ul li a {
  text-decoration: none;
  white-space: nowrap;
  color: var(--txt-blue);
}
.breadcrumb__wrap ul li a:hover {
  color: var(--txt-blue-hover);
}

@media (min-width: 1200px) {
  .breadcrumb__wrap {
    padding: 32px 0;
  }
  .breadcrumb__wrap li {
    padding: 0 10px;
    border-right: 1px solid var(--border-lite-gray-color);
    white-space: nowrap;
  }
  .breadcrumb__wrap li:last-child {
    border-right: none;
  }
}
@media (min-width: 768px) {
  .breadcrumb__moblink {
    display: none;
  }
  .breadcrumb__wrap {
    padding: 32px 0;
  }
  .breadcrumb__wrap ul li {
    padding: 0 10px;
    border-right: 1px solid var(--border-lite-gray-color);
    white-space: nowrap;
    display: block;
  }
  .breadcrumb__wrap ul li:last-child {
    border-right: none;
  }
}/*# sourceMappingURL=style.css.map */