/* Start:/local/templates/aspro-lite/css/cookie-premium.css?17853217396887*/
/* GT premium cookie banner (variant A: ivory + gold). Overrides awz.cookiessett APPEARANCE only.
   Rollback: delete this file + remove its SetAdditionalCSS line in header.php. 08.07.2026, план 10. */
.awz_cookies_sett__message.awz_cookies_sett__bg1{
  width:400px !important; max-width:calc(100vw - 24px) !important;
  background:#FBF8F2 !important;
  border:1px solid #E7D9BE !important;
  border-radius:14px !important;
  box-shadow:0 12px 34px rgba(60,44,14,.16) !important;
  font-size:14px !important; line-height:1.5 !important;
  color:#2B2620 !important;
  bottom:16px !important;
  overflow:hidden !important;
}
.awz_cookies_sett__container{ padding:18px 20px !important; }
.awz_cookies_sett__row{ flex-direction:column !important; align-items:stretch !important; gap:14px !important; }
#awz_cookies_sett__msg{ color:#4A4236 !important; font-size:13px !important; line-height:1.55 !important; width:auto !important; }
#awz_cookies_sett__msg::before{
  content:"Конфиденциальность"; display:block;
  font-size:11px; letter-spacing:.09em; text-transform:uppercase;
  color:#A8823C; margin-bottom:6px; font-weight:600;
}
.awz_cookies_sett__agr_link, .awz_cookies_sett__agr_link.awz_cookies_sett__color2{
  color:#9A7229 !important; text-decoration:underline !important;
}
.awz_cookies_sett__btn{
  font-size:12.5px !important; padding:8px 13px !important; margin:0 !important;
  border-radius:9px !important; font-weight:500 !important; line-height:1.1 !important; white-space:nowrap !important;
  border:1px solid transparent !important; display:inline-flex !important;
  align-items:center !important; justify-content:center !important;
  transition:background .15s ease, border-color .15s ease !important;
}
.awz_cookies_sett__col__right{ display:flex !important; gap:8px !important; align-items:center !important; flex-wrap:wrap !important; width:100% !important; }
#awz_cookies_sett__all{ background:#D8A85F !important; color:#3A2A12 !important; border-color:#D8A85F !important; flex:0 0 auto !important; }
#awz_cookies_sett__all:hover{ background:#CB9848 !important; }
#awz_cookies_sett__settings{ background:transparent !important; color:#6B5E48 !important; border:1px solid #DCC9A4 !important; }
#awz_cookies_sett__settings:hover{ background:#F3EAD8 !important; }
#awz_cookies_sett__all_decline{ background:transparent !important; color:#8C8069 !important; border:1px solid #E6DDCA !important; }
#awz_cookies_sett__all_decline:hover{ background:#F5EFE3 !important; }

@media (max-width:767px){
  .awz_cookies_sett__message.awz_cookies_sett__bg1{
    left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
    width:auto !important; max-width:none !important;
    border-radius:16px 16px 0 0 !important; border-bottom:none !important;
    box-shadow:0 -8px 26px rgba(60,44,14,.14) !important;
    max-height:80vh !important; overflow-y:auto !important; /* план 13 #2: не длиннее 80% экрана */
  }
  /* план 13 #2: плотнее + 3 кнопки в ОДИН ряд равными долями (была стопка на 2 строки → минус ~78px) */
  .awz_cookies_sett__container{ padding:12px 14px calc(12px + env(safe-area-inset-bottom)) !important; }
  .awz_cookies_sett__row{ flex-direction:column !important; align-items:stretch !important; gap:10px !important; }
  #awz_cookies_sett__msg{ text-align:left !important; font-size:12.5px !important; line-height:1.45 !important; }
  #awz_cookies_sett__msg::before{ margin-bottom:3px !important; }
  .awz_cookies_sett__col__right{ flex-wrap:nowrap !important; width:100% !important; gap:6px !important; }
  .awz_cookies_sett__btn{ padding:9px 6px !important; font-size:12px !important; }
  #awz_cookies_sett__all{ flex:1 1 0 !important; order:1 !important; }
  #awz_cookies_sett__settings{ flex:1 1 0 !important; order:2 !important; }
  #awz_cookies_sett__all_decline{ flex:1 1 0 !important; order:3 !important; }
}
/* план 13 #2: очень узкие телефоны — снять eyebrow-лейбл, ещё плотнее, перенос в кнопке */
@media (max-width:360px){
  #awz_cookies_sett__msg::before{ display:none !important; }
  .awz_cookies_sett__container{ padding:10px 12px calc(10px + env(safe-area-inset-bottom)) !important; }
  .awz_cookies_sett__btn{ font-size:11.5px !important; padding:8px 4px !important; white-space:normal !important; }
}

/* "Настроить" modal — align to brand (gold save button instead of red) */
.awz_cookies_sett__save, .awz_cookies_sett__save:hover{ background:#D8A85F !important; color:#3A2A12 !important; border-radius:9px !important; padding:11px 22px !important; }
.awz_cookies_sett__detail-title{ color:#2B2620 !important; }
.awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"]:checked ~ .cbx{ border-color:#D8A85F !important; background:#D8A85F !important; }
.awz_cookies_sett__detail-checkbox-wrapper-42 .cbx:after{ border-color:#3A2A12 !important; }


/* ===== [6.21 план16 чат-4, 22.07] Компактная лаконичная плашка cookie ===== */
#awz_cookies_sett__msg::before { display:none !important; } /* убрать eyebrow-лейбл — лишняя строка */
@media (max-width:767px){
  .awz_cookies_sett__message.awz_cookies_sett__bg1 {
      border-radius:16px 16px 0 0 !important;
      box-shadow:0 -6px 22px rgba(60,44,14,.14) !important;
  }
  .awz_cookies_sett__container { padding:12px 14px calc(12px + env(safe-area-inset-bottom)) !important; }
  .awz_cookies_sett__row { flex-direction:column !important; align-items:stretch !important; gap:9px !important; }
  #awz_cookies_sett__msg { font-size:12px !important; line-height:1.32 !important; width:auto !important; }
  .awz_cookies_sett__col__right { display:flex !important; gap:8px !important; width:100% !important; flex-wrap:nowrap !important; align-items:center !important; }
  .awz_cookies_sett__btn { padding:9px 6px !important; font-size:12.5px !important; border-radius:9px !important; white-space:nowrap !important; }
  /* Принять и Отклонить — равнозначные: одинаковая золотая обводка на белом (152-ФЗ) */
  #awz_cookies_sett__all,
  #awz_cookies_sett__all_decline {
      background:#fff !important; color:#3a2f1a !important; border:1px solid #d8a85f !important;
      flex:1 1 0 !important;
  }
  #awz_cookies_sett__all { order:1 !important; }
  #awz_cookies_sett__all_decline { order:2 !important; }
  /* Настроить — второстепенная маленькая ссылка */
  #awz_cookies_sett__settings {
      order:3 !important; flex:0 0 auto !important;
      background:transparent !important; border:none !important; color:#8c8069 !important;
      text-decoration:underline !important; font-size:11px !important; padding:8px 4px !important;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/mobile-fixes.css?17841189762012*/
/* GT mobile fixes — план 13 (аудит мобильной вёрстки 10.07): #4 тап-зоны 44px + #5 косметика.
   APPEARANCE-оверрайды поверх темы aspro-lite (CSS-файлы темы идентичны dev↔прод).
   Подключение: $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH."/css/mobile-fixes.css") в header.php ПЕРЕД ShowHead().
   Rollback: удалить файл + ту строку в header.php. Cookie-модуль (#1/#2) НЕ трогает. 15.07.2026. */

@media (max-width:991px){
  /* ─── #4 ТАП-ЗОНЫ → 44px (зона через inline-flex/min-size; иконку/шрифт визуально не меняем) ─── */

  /* (а) мобильная шапка: кабинет 18×20 и корзина 21×20 → 44×44 */
  .mobileheader a.header-cabinet__link,
  .mobileheader .header-cart a{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    min-width:44px !important; min-height:44px !important;
  }

  /* (б) корзина: «Удалить» позиции (сейчас иконка ~16×20 внутри 30×32) → тап-зона 44×44 */
  .basket-items-list-item-removes,
  .basket-item-actions-remove{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    min-width:44px !important; min-height:44px !important;
  }

  /* ─── #5 КОСМЕТИКА ─── */

  /* мелкие шрифты <12px → 12px */
  .bottom-icons-panel__content-text.font_10{ font-size:12px !important; }
  .gts-tab-txt span{ font-size:12px !important; }

  /* «Купить в 1 клик»: бледно-золотой текст без рамки (читается «неактивной») → рамка + насыщеннее текст */
  .btn-ocb{
    color:#A9741F !important;
    border:1px solid rgba(169,116,31,.5) !important;
    background:rgba(238,188,114,.16) !important;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/lite.bootstrap.css?17669957656852*/
@-ms-viewport {
  width: device-width;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

p {
  margin: 0 0 10px;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  line-height: inherit;
}
.form-control {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.428571429;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.row {
  margin-left: -16px;
  margin-right: -16px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
}
.col-xs-3,
.col-xs-4,
.col-xs-6,
.col-xs-8 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-8 {
  width: 66.66666666666666%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-4 {
  width: 33.33333333333333%;
}
.col-xs-3 {
  width: 25%;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .col-sm-3,
  .col-sm-4,
  .col-sm-6,
  .col-sm-8 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .col-md-3,
  .col-md-4,
  .col-md-6,
  .col-md-8 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .col-lg-3,
  .col-lg-4,
  .col-lg-6 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #356635;
}
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #2d6987;
}
.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.alert-warning hr {
  border-top-color: #f8e5be;
}
.alert-warning .alert-link {
  color: #a47e3c;
}
.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-danger hr {
  border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
  color: #953b39;
}

.img-responsive {
  max-width: 100%;
  max-height: 100%;
}

/* End */


/* Start:/local/templates/aspro-lite/vendor/css/ripple.css?1766995765854*/
.has-ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.ripple {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;

    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    background: #fff;
    opacity: 1;
}
.ripple-animate {
    -webkit-animation: ripple;
    -o-animation: ripple;
    animation: ripple;
}
@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2);
        transform: scale(2);
    }
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

/* End */


/* Start:/local/templates/aspro-lite/css/buttons.css?176699576518112*/
/* BUTTONS */

/*from colors.less*/
.btn.btn-default {
  border-color: #9e9e9e;
  background-color: white;
  border-color: var(--theme-base-color);
  color: black;

}
.btn.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  border-color: #9e9e9e;

  color: var(--theme-base-color);
  border-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
}
.btn.btn-default.white:hover,
.btn-default.white:active,
.btn-default.white:focus {
  color: #ffffff !important;
  border-color: var(--theme-base-color);
  background: var(--theme-base-color);
}
.btn.btn-default.white.white-bg:hover,
.btn-default.white.white-bg:active,
.btn-default.white.white-bg:focus {
  color: var(--theme-base-color) !important;
  border-color: var(--theme-base-color);
  background: #fff;
}
.btn.btn-default.btn-transparent-bg:not(:hover) {
  color: #9e9e9e;
  color: var(--fill_dark_lite_white_hover);
  border-color: var(--fill_dark_lite_white_hover);
}
.btn.btn-default.btn-transparent-bg:not(:hover) * {
  fill: var(--fill_dark_lite_white_hover);
}

.btn.btn-white {
  color: #9e9e9e;
  color: var(--theme-base-color);
  background-color: #ffffff;
}
.btn.btn-white * {
  fill: var(--theme-base-color);
}
.btn.btn-white:hover {
  color: #fff;
}
.btn.btn-white:hover * {
  fill: #fff;
}
.btn.btn-white.btn-transparent {
  background-color: rgba(255, 255, 255, 0.1);
}
.btn.btn-white.btn-transparent:hover,
.btn.btn-white.btn-transparent:active,
.btn.btn-white.btn-transparent:focus {
  background-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
  border-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
}
.btn.btn-white.btn-transparent-border {
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
}
.btn.btn-white.btn-transparent-border:hover,
.btn.btn-white.btn-transparent-border:active,
.btn.btn-white.btn-transparent-border:focus {
  background-color: #fff;
  border-color: #fff;
}
.btn.btn-white.btn-transparent-border:not(:hover) * {
  fill: #fff;
}
.btn.btn-white.btn-transparent-border:hover {
  color: var(--theme-base-color);
}
.btn.btn-white.btn-transparent-border:hover * {
  fill: var(--theme-base-color);
}
.btn.btn-white.btn-transparent-bg:hover {
  color: var(--theme-base-color);
}
.btn.btn-white.btn-transparent-bg:hover * {
  fill: var(--theme-base-color);
}
.btn.btn-white.btn-transparent-bg:not(:hover) {
  color: #fff;
}
.btn.btn-white.btn-transparent-bg:not(:hover) * {
  fill: #fff;
}

.btn.btn-warning {
  background-color: #f38b04;
  border-color: #f38b04;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus {
  background-color: #f8a132;
  border-color: #f8a132;
}
.btn.btn-warning.btn-transparent {
  background-color: rgba(243, 139, 4, 0.1);
}
.btn.btn-warning.btn-transparent:hover,
.btn.btn-warning.btn-transparent:active,
.btn.btn-warning.btn-transparent:focus {
  background-color: #f8a132;
  border-color: #f8a132;
}
.btn.btn-warning.btn-transparent-border {
  border: 1px solid rgba(243, 139, 4, 0.35);
  color: #f38b04;
}
.btn.btn-warning.btn-transparent-border:hover,
.btn.btn-warning.btn-transparent-border:active,
.btn.btn-warning.btn-transparent-border:focus {
  background-color: #f8a132;
  border-color: #f8a132;
}
.btn.btn-warning.btn-transparent-border:not(:hover) * {
  fill: #f38b04;
}
.btn.btn-warning.btn-transparent-bg:not(:hover) {
  color: #f38b04;
}
.btn.btn-warning.btn-transparent-bg:not(:hover) * {
  fill: #f38b04;
}
.btn.btn-primary {
  background-color: #00b290;
  border-color: #00b290;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
  background-color: #30c4a8;
  border-color: #30c4a8;
}
.btn.btn-primary.btn-transparent {
  background-color: rgba(0, 178, 144, 0.1);
}
.btn.btn-primary.btn-transparent:hover,
.btn.btn-primary.btn-transparent:active,
.btn.btn-primary.btn-transparent:focus {
  background-color: #30c4a8;
  border-color: #30c4a8;
}
.btn.btn-primary.btn-transparent-border {
  border: 1px solid rgba(0, 178, 144, 0.35);
  color: #00b290;
}
.btn.btn-primary.btn-transparent-border:hover,
.btn.btn-primary.btn-transparent-border:active,
.btn.btn-primary.btn-transparent-border:focus {
  background-color: #30c4a8;
  border-color: #30c4a8;
}
.btn.btn-primary.btn-transparent-border:not(:hover) * {
  fill: #00b290;
}
.btn.btn-primary.btn-transparent-bg:not(:hover) {
  color: #00b290;
}
.btn.btn-primary.btn-transparent-bg:not(:hover) * {
  fill: #00b290;
}
.btn.btn-info {
  background-color: #0ca9e3;
  border-color: #0ca9e3;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus {
  background-color: #39baec;
  border-color: #39baec;
}
.btn.btn-info.btn-transparent {
  background-color: rgba(12, 169, 227, 0.1);
}
.btn.btn-info.btn-transparent:hover,
.btn.btn-info.btn-transparent:active,
.btn.btn-info.btn-transparent:focus {
  background-color: #39baec;
  border-color: #39baec;
}
.btn.btn-info.btn-transparent-border {
  border: 1px solid rgba(12, 169, 227, 0.35);
  color: #0ca9e3;
}
.btn.btn-info.btn-transparent-border:hover,
.btn.btn-info.btn-transparent-border:active,
.btn.btn-info.btn-transparent-border:focus {
  background-color: #39baec;
  border-color: #39baec;
}
.btn.btn-info.btn-transparent-border:not(:hover) * {
  fill: #0ca9e3;
}
.btn.btn-info.btn-transparent-bg:not(:hover) {
  color: #0ca9e3;
}
.btn.btn-info.btn-transparent-bg:not(:hover) * {
  fill: #0ca9e3;
}
.btn.btn-danger {
  background-color: #dc130d;
  border-color: #dc130d;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus {
  background-color: #e63f3a;
  border-color: #e63f3a;
}
.btn.btn-danger.btn-transparent {
  background-color: rgba(220, 19, 13, 0.1);
}
.btn.btn-danger.btn-transparent:hover,
.btn.btn-danger.btn-transparent:active,
.btn.btn-danger.btn-transparent:focus {
  background-color: #e63f3a;
  border-color: #e63f3a;
}
.btn.btn-danger.btn-transparent-border {
  border: 1px solid rgba(220, 19, 13, 0.35);
  color: #dc130d;
}
.btn.btn-danger.btn-transparent-border:hover,
.btn.btn-danger.btn-transparent-border:active,
.btn.btn-danger.btn-transparent-border:focus {
  background-color: #e63f3a;
  border-color: #e63f3a;
}
.btn.btn-danger.btn-transparent-border:not(:hover) * {
  fill: #dc130d;
}
.btn.btn-danger.btn-transparent-bg:not(:hover) {
  color: #dc130d;
}
.btn.btn-danger.btn-transparent-bg:not(:hover) * {
  fill: #dc130d;
}
.btn.btn-success {
  background-color: #84bc29;
  border-color: #84bc29;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus {
  background-color: #9dca53;
  border-color: #9dca53;
}
.btn.btn-success.btn-transparent {
  background-color: rgba(132, 188, 41, 0.1);
}
.btn.btn-success.btn-transparent:hover,
.btn.btn-success.btn-transparent:active,
.btn.btn-success.btn-transparent:focus {
  background-color: #9dca53;
  border-color: #9dca53;
}
.btn.btn-success.btn-transparent-border {
  border: 1px solid rgba(132, 188, 41, 0.35);
  color: #84bc29;
}
.btn.btn-success.btn-transparent-border:hover,
.btn.btn-success.btn-transparent-border:active,
.btn.btn-success.btn-transparent-border:focus {
  background-color: #9dca53;
  border-color: #9dca53;
}
.btn.btn-success.btn-transparent-border:not(:hover) * {
  fill: #84bc29;
}
.btn.btn-success.btn-transparent-bg:not(:hover) {
  color: #84bc29;
}
.btn.btn-success.btn-transparent-bg:not(:hover) * {
  fill: #84bc29;
}

.btn.btn-transparent {
  background-color: hsl(
    var(--dark_light-wtheme-hue),
    var(--dark_light-wtheme-saturation),
    var(--dark_light-wtheme-lightness),
    0.1
  );
  color: #9e9e9e;
  color: var(--fill_dark_lite_white_hover);
  border-color: transparent;
}
.btn.btn-transparent .fill-theme path {
  fill: var(--fill_dark_lite_white_hover);
}
.btn.btn-transparent:hover,
.btn.btn-transparent:active,
.btn.btn-transparent:focus {
  background-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
  border-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
  color: #ffffff;
}
.btn.btn-transparent-border {
  background-color: transparent;
  color: #9e9e9e;
  color: var(--fill_dark_lite_white_hover);
  border: 1px solid;
  border-color: hsla(
    var(--dark_light-wtheme-hue),
    var(--dark_light-wtheme-saturation),
    var(--dark_light-wtheme-lightness),
    0.35
  );
}
.btn.btn-transparent-border:hover,
.btn.btn-transparent-border:active,
.btn.btn-transparent-border:focus {
  border-color: #9e9e9e;
  background-color: #9e9e9e;
  background-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
  border-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
  color: #ffffff;
}
.btn.btn-transparent-border:not(:hover):not(.active) * {
  fill: var(--fill_dark_lite_white_hover);
}
.btn.btn-transparent-border:hover,
.btn.btn-transparent-border.active {
  color: #ffffff;
  background-color: var(--theme-base-color);
  border: 1px solid var(--theme-base-color);
}

.btn.btn-responsive-nav {
  background-color: var(--theme-base-color);
}
.btn.btn-responsive-nav:hover {
  color: var(--theme-base-color);
  border: 1px solid var(--theme-base-color);
  background-color: #ffffff;
  padding: 4px 7px 2px;
}
.btn.btn-link {
  color: var(--theme-base-color);
  border-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + 35%)
  );
}
.btn.btn-link:hover {
  color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
  border-color: transparent;
}
.btn.btn-link:active {
  color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) - 16%)
  );
}
.btn.btn-default.wc.vert .fa {
  background-color: var(--theme-base-color);
}
.btn.btn-default.wc.vert:hover .fa {
  background-color: hsl(
    var(--theme-base-color-hue),
    var(--theme-base-color-saturation),
    calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))
  );
}

body header.light .logo_and_menu-row .confirm_region .buttons .btn.btn-default.btn-transparent-bg:not(:hover) {
  color: var(--theme-base-color) !important;
}

/*end*/

.btn {
  --button-height: 42px;
  --button-font-size: 13px;
  --button-pl: 20px;
  --button-pr: 20px;

  font-size: 13px;
  font-size: var(--button-font-size);
  line-height: 1em;
  font-weight: 400;

  text-transform: none;
  text-transform: var(--theme-text-transform);
  letter-spacing: normal;
  letter-spacing: var(--theme-letter-spacing);
  text-decoration: none;
  margin: 0px;
  border: 1px solid;
  border-radius: 8px;
  border-radius: var(--border-radius);
  padding: 1px 20px;
  padding-left: var(--button-pl);
  padding-right: var(--button-pr);
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  height: var(--button-height);

  user-select: none;
  background-image: none;
  cursor: pointer;
  white-space: nowrap;

  transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  -ms-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  -webkit-transition: background-color 0.1s ease;
}
.btn > * {
  -moz-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.mobile .btn,
.mobile .btn > * {
  transition: none;
}
.btn-elg {
  --button-height: 51px;
  --button-font-size: 1.0625rem;
  --button-pl: 24px;
  --button-pr: 24px;
}
.btn.btn-lg {
  --button-height: 47px;
  --button-font-size: 1rem;
  --button-pl: 24px;
  --button-pr: 24px;
}
.btn.btn-fz-10-12 {
  --button-font-size: clamp(10px, 0.596rem + 0.128vw, 12px) !important;
}
.btn.btn-mw-105-180__to-100 {
  max-width: clamp(105px, -3.333rem + 13.194vw, 200px);
}
@media (max-width: 992px) {
  .btn.btn-mw-105-180__to-100 {
    max-width: 100%;
  }
}
.btn.btn-sm {
  --button-height: 35px;
  --button-font-size: 0.875rem;
  --button-pl: 16px;
  --button-pr: 16px;
}
.btn.btn-xs {
  --button-height: 29px;
  --button-font-size: 0.8125rem;
  --button-pl: 13px;
  --button-pr: 13px;
}
.btn.active,
.btn:active {
  box-shadow: none;
}

.btn[disabled],
.btn.disabled {
  background: none !important;
  border: 1px solid #bbbbbb !important;
  color: #bbbbbb !important;
}
.btn[disabled] > *,
.btn.disabled > * {
  background: none !important;
  border: none !important;
  color: #bbbbbb !important;
}
.btn-lg[disabled],
.btn-lg.disabled {
  border-width: 2px;
}
.btn-icon i {
  margin-right: 10px;
}
.btn-icon-right i {
  margin-right: 0;
  margin-left: 10px;
}
.btn-default.wc {
  padding: 0 !important;
  font-size: 0;
}
.btn-default.wc .fa {
  display: inline-block;
  height: 31px;
  line-height: 32px;
  vertical-align: top;
  width: 32px;
  *display: inline;
  zoom: 1;
  font-size: 13px;
}
.btn-default.wc span {
  display: inline-block;
  padding: 6px 12px 5px 0px;
  line-height: 19px;
  vertical-align: top;
  *display: inline;
  zoom: 1;
  font-size: 13px;
}
.btn-default.btn-xs.wc .fa {
  width: 25px;
  height: 26px;
  line-height: 27px;
  font-size: 14px;
  font-weight: 600;
}
.btn-default.btn-xs.wc span {
  line-height: 16px;
  padding: 5px 10px 4px 0;
  font-size: 11px;
}
.btn-default.wc.vert {
  background: none;
  border: none;
  padding: 0;
  min-width: 100px;
  width: 100%;
}
.btn-default.wc.vert .fa {
  background-color: #cdd8dd;
  border: none;
  display: block;
  height: 70px;
  line-height: 70px;
  font-size: 39px;
  border-radius: 1px 1px 0 0;
  width: 100%;
}
.btn-default.wc.vert span {
  color: #1d2029;
  background: #dfeaed;
  border-bottom: 1px solid #c8d2d5;
  border-top: 1px solid #eaf1f3;
  display: block;
  padding: 10px 12px 10px;
  line-height: 16px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 0 0 1px 1px;
  white-space: normal;
  text-shadow: none;
}
.btn-default.wc.vert:hover span {
  background: #cdd8dd;
  border-bottom: 1px solid #b8c2c6;
  border-top: 1px solid #dde5e8;
}
.btn.btn-responsive-nav {
  color: #fff;
  padding: 5px 8px 3px;
  margin: 0;
  border: medium none;
}
.btn.btn-responsive-nav .fa {
  font-size: 21px;
}
/* .btn.btn-transparent-border {
  border: 1px solid rgba(243, 243, 243, 0.4);
} 
.btn.btn-transparent-border:hover {
  color: #fff;
} */
.btn.btn-transparent-bg:not(:hover) {
  background: transparent;
}
.btn.btn-theme.btn-transparent-bg {
  color: #9e9e9e;
  color: var(--theme-more-color);
  border-color: #9e9e9e;
  border-color: var(--theme-more-color);
}
.btn.btn-theme.btn-transparent-bg * {
  fill: #9e9e9e;
  fill: var(--theme-more-color);
}
.btn.btn-theme.btn-transparent-bg:hover {
  color: #fff;
  background: #9e9e9e;
  background: var(--theme-more-color);
}
.btn.btn-theme.btn-transparent-bg:hover * {
  fill: #fff;
}
.btn.btn-default.white2:not(:hover) {
  background: #fff;
  border-color: #fff;
  color: #333;
}
.btn.btn-wide {
  width: 100%;
}

.btn--thin {
  padding-left: 18px;
  padding-right: 18px;
}

/*colors*/
body .btn.btn-default.in_cart {
  background-color: var(--theme-more-color);
  border-color: rgba(0, 0, 0, 0.1);
  padding: 0px;
  display: flex;
}

body .btn.btn-more-theme {
  background-color: var(--theme-more-color);
  border-color: var(--theme-more-color);
}

body .btn.btn-more-theme:hover {
  background-color: hsl(
    var(--theme-more-color-hue),
    var(--theme-more-color-saturation),
    calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff))
  );
  border-color: hsl(
    var(--theme-more-color-hue),
    var(--theme-more-color-saturation),
    calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff))
  );
}

.btn-hollow.btn-collection {
  max-width: 240px;
  padding-right: 150px;
}

.btn-hollow.btn-collection:hover .header-menu__title {
  color: rgba(227, 164, 85, 0.91);
}

.btn-hollow {
  height: 52px;
  padding: 17px 30px;

  display: flex;
  align-items: center;
  margin: auto;

  position: relative;

  color: #FFF;
  border: solid 1px rgba(227, 164, 85, 0.91);
  border-radius: 10px;
  overflow: initial;
}

.btn-hollow img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 70px;
  width: 100px;
}

.btn-hollow:hover,
.btn-hollow.active {
  color: #E3A455;
}

.btn-light-bg {
  background: rgba(255, 255, 255, 0.05);
  background: linear-gradient(171deg, rgba(227, 164, 85, 0.05) 7.29%, rgba(246, 219, 166, 0.05) 24.48%, rgba(255, 235, 195, 0.05) 43.5%, rgba(240, 190, 121, 0.05) 53.26%, rgba(143, 101, 59, 0.05) 59.33%, rgba(103, 61, 34, 0.05) 62.77%, rgba(186, 127, 59, 0.05) 70.89%, rgba(238, 188, 112, 0.05) 77.39%, rgba(63, 31, 15, 0.05) 92.19%);
  border: solid 1px rgba(227, 164, 85, 0.91);
  border-radius: 10px;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  height: 52px;
}

.btn-gold-gradient {
  color: #000000 !important;
  border: none;
  background: linear-gradient(134.79deg, rgba(227, 164, 85, 0.9) -321.42%, rgba(246, 219, 166, 0.9) -226.99%, rgba(255, 235, 196, 0.9) -122.51%, rgba(240, 190, 121, 0.9) -68.84%, rgba(143, 101, 59, 0.9) -35.5%, rgba(103, 61, 34, 0.9) -16.63%, rgba(186, 127, 59, 0.9) 27.99%, rgba(238, 188, 112, 0.9) 63.72%, rgba(63, 31, 15, 0.9) 145.02%);
}

.btn--no-btn-appearance {
  appearance: none;
  background: none;
  border-radius: inherit;
  border: none;
  color: inherit;
  cursor: pointer;
  display: block;
  padding: 0;
}

/* End */


/* Start:/local/templates/aspro-lite/css/svg.css?17669957653519*/
/* SVG ICONS */
.svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}
.svg-drag {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/drag.svg);
  width: 5px;
  height: 17px;
  top: -5px;
}
.bx-firefox svg,
.bx-ie svg {
  transform: translateZ(0);
}
.svg svg {
  display: block;
}
.svg.inline.white svg path {
  fill: #fff;
}
.svg.inline.dark svg path {
  fill: #222;
}
.svg-phone {
  margin: 0 9px 0 0;
  min-width: 9px;
  min-height: 12px;
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Phone_black.svg);
}
.svg-burger {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/burger_black.svg);
}
.svg-burger.mask {
  background-color: #222;
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Burger_mask.svg);
}
.svg-burger.white {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/burger_white.svg);
}
.svg-burger.white.lg {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Burger_big_white.svg);
}
/*
.svg-search{background-color: #222;background-image:url(/local/templates/aspro-lite/css/../images/svg/Search_mask.svg);}
.svg-search.white{background-image:url(/local/templates/aspro-lite/css/../images/svg/Search_white.svg);background-color:transparent;}
*/
.svg-basket {
  background-color: #222;
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Basket_mask.svg);
}
.svg-basket.white {
  min-width: 18px;
  min-height: 17px;
  background: none;
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Basket_white.svg);
}
.svg-basket.white.lg {
  background: none;
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Basket_big_white.svg);
}
.svg-spinner {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Spinner.svg);
  margin-right: 5px;
}

.svg-print {
  background: url(/local/templates/aspro-lite/css/../images/svg/light.svg) -38px -92px no-repeat;
  width: 16px;
  height: 16px;
  top: 1px;
}

.svg-print {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Print.svg);
}
/*
.svg_triangle_right{background-image:url(/local/templates/aspro-lite/css/../images/svg/Triangle_right.svg);}
.svg-filter{background-image:url(/local/templates/aspro-lite/css/../images/svg/Filter_black.svg);}
.svg-filter.white{background-image:url(/local/templates/aspro-lite/css/../images/svg/Filter_white.svg);}
.svg.svg-close{background-color:#222;background-image:url(/local/templates/aspro-lite/css/../images/svg/Close_mask.svg);}
.svg-close.black{background:none;background-image:url(/local/templates/aspro-lite/css/../images/svg/Close.svg);}
.svg-close.white{background:none;background-image:url(/local/templates/aspro-lite/css/../images/svg/Close_white.svg);}
*/
.svg-fullsize {
  background: none;
  background-image: url(/local/templates/aspro-lite/css/../images/svg/Fullsize.svg);
}

.svg-social-vk {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Vk_mask.svg);
  background-color: #222;
}
.svg-social-fb {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Facebook_mask.svg);
  background-color: #222;
}
.svg-social-twitter {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Twitter_mask.svg);
  background-color: #222;
}
.svg-social-instagram {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Instagram_mask.svg);
  background-color: #222;
}
.svg-social-telegram {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Telegram_mask.svg);
  background-color: #222;
}
.svg-social-ytb {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Youtube_mask.svg);
  background-color: #222;
}
.svg-social-odn {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Odnoklassniki_mask.svg);
  background-color: #222;
}
.svg-social-gplus {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Googleplus_mask.svg);
  background-color: #222;
}
.svg-social-mail {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/social/Mailru_mask.svg);
  background-color: #222;
}

.no-fill-svg,
.no-fill-svg *{
  fill: none!important;
}
/* End */


/* Start:/local/templates/aspro-lite/css/header.css?17669957656772*/
/* HEADER */
.headers-container{
  position: relative;
  z-index: 2;
}
.header {
  color: #333333;
  color: var(--white_text_black);
  position: relative;
  /* z-index: 100; */
  z-index: 110;
  background-color: #fff;
  background-color: var(--black_bg_black);
}

.header--paddings {
  padding: 32px 32px 0;
}
@media screen and (min-width: 992px) {
  body.header_opacity.front_page .header__inner {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
  }
}
body .pos-static {
  position: static;
}
.hide-dotted:not(.dotted-complete) * {
  opacity: 0;
}
.hide-dotted:not(.dotted-complete){
  overflow: hidden;
}

.header__top-part {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 45px;
}
.header__top-part--long {
  height: 58px;
}
.header__top-part--longer {
  height: 68px;
}

.header__bottom-inner--long {
  height: 63px;
}

.header__inner--paddings {
  padding-left: 24px;
  padding-right: 24px;
  padding-left: var(--theme-page-width-padding);
  padding-right: var(--theme-page-width-padding);
}

.header__top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -16px;
  flex: 1;
  width: calc(100% + 32px);
  position: relative;
}
.header__top-item {
  margin: 0 16px;
}

.header__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -16px;
  flex: 1;
  width: calc(100% + 32px);
}
.header__bottom-item {
  margin: 0 16px;
}

.header__main-part {
  position: relative;
  z-index: 1;
  height: 70px;
  display: flex;
  align-items: center;
}

.header__main-part--long {
  height: 75px;
}
.header__main-part--short{
  height: 46px;
}
.header__inner{
  padding-top: 5px;
  padding-bottom: 10px;
}

.header__inner--no-pt{
  padding-top: 0;
}

.header-no-border .header__inner{
  border-bottom: none;
}

.header__main-inner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -16px;
  min-width: 0;
}

.header__main-item {
  margin: 0 16px;
  flex-shrink: 0;
}

.dropdown {
  -webkit-box-shadow: 0px 5px 30px rgba(34, 34, 34, 0.1);
  box-shadow: 0px 5px 30px rgba(34, 34, 34, 0.1);
  background: #fff;
  background-color: var(--card_bg_black);
  border-radius: 8px;
  border-radius: var(--border-radius);
  position: absolute;
  top: 100%;
  left: 0;
}
.dropdown--relative {
  position: relative;
}
.dropdown--no-shadow {
  box-shadow: none;
}
.dropdown.dropdown--transparent {
  background: transparent;
}

.logo {
  max-width: 260px;
  height: 60px;
  display: flex;
  align-items: center;
}
.logo a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.logo img,
.logo svg {
  max-height: 100%;
  max-width: 100%;
}

.phones {
  display: flex;
  align-items: center;
  position: relative;
}
.phones__inner {
  display: flex;
  align-items: center;
  position: relative;
}
.phones__icon {
  display: none;
  margin-right: 11px;
  margin-top: 1px;
}
.phones--with_icon .phones__icon {
  display: block;
}
.phones__phone-link {
  font-weight: 600;
  line-height: calc(1em + 3px);
  font-size: 0.9375em;
}
.phones__dropdown {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  position: absolute;
  top: -20px;
  left: -16px;
  z-index: 2;
}
.icon-block--with_icon .phones__dropdown {
  left: 0;
}
.phones__dropdown .dropdown {
  padding: 15px 16px;
  min-width: 240px;
}
.phones__dropdown .dropdown + .dropdown {
  margin-top: 4px;
}
.phones__inner:hover {
  z-index: 1000;
}
.phones__inner:hover .phones__dropdown {
  opacity: 1;
  visibility: visible;
}
.header_1.header.light .phones__inner:hover .phones__phone-link {
  color: #000;
}
.header_1.header.light .phones__inner:hover .phones__phone-link:hover {
  color: rgba(227, 164, 85, 0.91);
}
.phones__dropdown .dropdown__item {
  padding: 3.5px 0px;
}
.phones__dropdown .dropdown__item--first {
  padding-top: 0px;
}
.phones__dropdown .dropdown__item--last {
  padding-bottom: 0px;
}
.phones__callback {
  font-size: 0.875em;
  line-height: calc(1em + 4px);
  margin-left: 11px;
}
.phones__phone-descript {
  display: block;
  font-weight: normal;
}
.phones__dropdown-item {
  padding: 5px 0 7px;
}
.phones__dropdown-item:last-child {
  padding-bottom: 0;
}
.dropdown__item--last + .phones__dropdown-item {
  margin: 0px;
  padding-top: 12px;
  padding-bottom: 5px;
}
.phones__dropdown-title {
  font-size: 12px;
  line-height: calc(1em + 4px);
  color: #999;
}
.phones__dropdown-value {
  margin-top: 5px;
  font-size: 0.9375em;
  line-height: calc(1em + 3px);
}
/*end phones*/

.active > .dark_link {
  color: var(--fill_dark_lite_hover);
}

/*start cabinet*/
.header-cabinet {
  position: relative;
}
/*end cabinet*/

.slogan__text{
  max-width: 250px;
}


.header-cart__inner {
  position: relative;
  margin-right: 4px;
  display: block;
  line-height: 0;
}
.header-cart__inner--empty {
  margin-right: 0px;
}
.header-cart__count,
.icon-count {
  position: absolute;
  top: 0px;
  right: 0px;
  transform: translate(57%, -31%);
  color: #fff;
  font-size: 12px;
  border-radius: 17px;
  text-align: center;
  line-height: 17px;
  min-width: 17px;
  padding: 0 4px;
  background-color: #49b822;
  white-space: nowrap;
  z-index: 2;
}
.header-cart__inner--empty .header-cart__count,
.icon-count {
  display: none;
}

.icon-block-with-counter {
  position: relative;
  display: block;
}
.icon-block-with-counter--count .icon-count {
  display: block;
}
.hide-basket-message .header-cart__name {
  display: none;
}
.header-cart{
  position: relative;
}
.basket-dropdown{
  display: none;
}
.more-arrow {
  display: flex;
  margin-left: 8px;
}

.header-search {
  cursor: pointer;
  line-height: 0;
}

.light-opacity-hover {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

.header__icon-name {
  font-size: 0.875rem;
  line-height: calc(1rem + 3px);
  padding-top: 7px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}
.header__icon-name--right {
  padding-top: 2px;
  margin-left: 10px;
}
.header__icon{
  height: 20px;
  display: flex;
  align-items: flex-end;
  align-items: end;
}


.menu-dots-visible .header-menu__wrapper{
  justify-content: space-between;
}
/* .header__bottom-menu .header-menu__title{
  font-size: 1rem;
} */
.header__top-sections{
  /* padding: 10px 0; */
  min-width: 0px;
}
.header__top-sections-inner{
  padding: 10px 0;
}
.header__search--limited{
  width: 40%;
}

/*hide page scroll*/
.header:not(:hover) .header-menu:not(.header__burger) {
  overflow: hidden;
}
/*.header-menu--long .header-menu__wrapper{*/
/*  height: 50px;*/
/*}*/
/*.header-menu--longer .header-menu__wrapper{*/
/*  height: 66px;*/
/*}*/
.header__burger .header-menu__wrapper {
  height: auto;
}
/* End */


/* Start:/local/templates/aspro-lite/css/footer.css?176699576520215*/
/*vars*/
.footer {
  --d2d_dark_light: var(--light, #2d2d2d) var(--dark, #121212);
  --d3_dark_light: var(--light, #222) var(--dark, #121212);
  --d1b_dark_light: var(--light, #222) var(--dark, #1b1b1b);
  --d6t9_dark_light: var(--light, #666) var(--dark, #999);
  --d3t9_dark_light: var(--light, #f4f4f4) var(--dark, #343434);
  --df_opacity_dark_light: var(--light, #ffffff1a) var(--dark, #3a3a3a);
  --dff_opacity_dark_light: var(--light, #00000026) var(--dark, #ffffff26);
  --df4_dark_light: var(--light, #fff) var(--dark, --d1b_dark_light);
}
/**/

.footer {
  border-top: 1px solid #ffffff1a;
  border-top-color: var(--df_opacity_dark_light);
  background: #333;
  background: var(--d1b_dark_light);
}
.footer--nowrap {
  white-space: nowrap;
}

.footer--mw-290 {
  max-width: 290px;
}
.footer--mt-3 .icon-block--with_icon {
  margin-top: 3px;
}

.footer__top-part {
  padding-bottom: 76px;
}

.footer__main-part {
  position: relative;
}
.footer__main-part-inner {
  display: flex;
  justify-content: space-between;
}
.footer__bottom-part-inner {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--df_opacity_dark_light);
  padding: 44px 0;
}
.footer__bottom-part {
  position: relative;
}
.footer__main-part .footer__part-item {
  flex: 1;
}
.footer__bottom-part .footer__part-item {
  margin: 16px;
}
.footer__bottom-part .footer__bottom-part-items-wrapper {
  margin: -16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.footer__part-item-confidentiality {
  display: flex;
}
#bx-composite-banner:empty {
  display: none;
}
/* MENU */
.bottom-menu .items .item-link {
  line-height: normal;
}
.bottom-menu .items .item {
  display: inline-block;
}

.bottom-menu .items > .item-link {
  color: #fff;
}
.footer--color-dark .bottom-menu .item a {
  color: #fff;
}
.footer--color-dark .bottom-menu .item:hover .title a,
.footer--color-dark .bottom-menu .item.active .title a {
  color: #999 !important;
}
.footer--color-dark .footer__license .dark_link:hover,
.footer--color-dark .footer__offer .dark_link:hover {
  color: #fff;
}

/* INFO */
.footer__info-item {
  margin: 12px 0 0 0;
}
.footer__phone .phones {
  flex-direction: column;
  align-items: flex-start;
}
.footer__phone .phones .phones__inner > .phones__phone-link {
  color: #fff;
}
.footer__phone .phones .phones__callback:not(:hover) {
  color: #999;
}
.footer__phone .phones .phones__callback {
  margin-left: 27px;
}
.footer__phone .icon-block__icon {
  margin-right: 19px;
}
.phones__dropdown--top {
  bottom: -34px;
  left: -16px;
  top: auto;
  display: flex;
  flex-direction: column-reverse;
}
.phones__dropdown--top .dropdown {
  display: flex;
  flex-direction: column-reverse;
}
.phones__dropdown--top .dropdown + .dropdown {
  margin: 0 0 4px;
}
.phones__dropdown--top .dropdown__item--first {
  padding-top: 3.5px;
  padding-bottom: 0;
}
.phones__dropdown--top .dropdown__item--last {
  padding-top: 0;
  padding-bottom: 3.5px;
}
.phones__dropdown--top .phones__dropdown-item {
  padding: 7px 0 5px;
}
.phones__dropdown--top .phones__dropdown-item:last-child {
  padding-top: 0;
  padding-bottom: 5px;
}
.phones__dropdown--top .dropdown__item--last + .phones__dropdown-item {
  padding-top: 5px;
  padding-bottom: 12px;
}

.footer__email .svg-inline-email {
  margin-top: 4px;
  margin-right: 17px;
}
.footer__email .svg-inline-email * {
  stroke: #ddd;
}
.footer__email a:not(:hover) {
  color: #fff;
}
.footer--color-dark .footer__email a:hover {
  color: #999;
}

.footer__address .icon-block__icon {
  margin-left: 1px;
  margin-top: -3px;
  margin-right: 18px;
}
.footer__address .address__text {
  color: #fff;
  max-width: none;
}

/* SOCIAL */
.footer__info .footer__social {
  margin-top: 28px;
}
.footer__social .social__link {
  width: 37px;
  height: 37px;
  transition: opacity 0.3s ease-in-out;
}
.footer__social .social__link:hover {
  filter: grayscale(0);
}

.footer__info--part-right .footer__social {
  margin-top: 13px;
}
.footer__part-item .footer__social {
  margin-top: 23px;
}
.footer__social .social__items.social__items--md.social__items--grid {
  grid-template-columns: repeat(auto-fit, 40px);
}

/* SUBSCRIBE */
.subscribe-block__part--left {
  display: flex;
  align-items: center;
  margin-right: 43px;
}
.subscribe-block__part--right {
  width: 100%;
}
.subscribe-block {
  display: flex;
  align-items: center;
}
.subscribe-block__text {
  color: #fff;
  max-width: 170px;
  min-width: 170px;
}
.subscribe-block__icon * {
  fill: var(--fill_dark_light);
}
.subscribe-form {
  position: relative;
  display: flex;
  align-items: center;
}
.subscribe-edit .subscribe-input {
  margin-right: 8px;
}
.subscribe-edit form .error {
  position: absolute;
  top: 100%;
}
.footer--color-dark .subscribe-edit .subscribe-input {
  --input_bg_color: var(--d1b_dark_light);
  --input_bg_color-hover: var(--d1b_dark_light);
}
.footer--color-dark .subscribe-edit .subscribe-input:not(:focus) {
  --input_color: #ccc;
  --input_border_color: rgba(218, 218, 218, 0.15);
}
.footer--color-dark .subscribe__icon svg * {
  fill: #fff;
}
.subscribe-form__right-arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.subscribe-form__right-arrow-line {
  background: #cacaca;
  height: 2px;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% - 41px);
  transition: left ease 0.5s;
}
.footer--color-dark .subscribe-edit .svg path {
  stroke: #7a7a7a;
}
.footer--color-dark .subscribe-edit .subscribe-form__right-arrow-line {
  background: #7a7a7a;
}
.subscribe-edit:hover .subscribe-form__right-arrow-line,
.subscribe-input:focus ~ .subscribe-form__save .subscribe-form__right-arrow-line {
  left: calc(100% - 56px);
  background-color: var(--theme-base-color);
}
.subscribe-edit:hover .svg path,
.subscribe-input:focus ~ .subscribe-form__save .svg path {
  stroke: var(--theme-base-color);
}
/* PAY SUSTEMS */
.footer__pays {
  margin: -5px -10px 4px;
}
.footer__pays i {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px;
  background: url("/local/templates/aspro-lite/css/../images/svg/payment.svg") 0px 0px no-repeat;
}
.footer__pays i:hover {
  opacity: 1;
}
.footer__pays i.cacsh {
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
}

.footer__pays i.mastercard {
  width: 27px;
  height: 20px;
  background-position-x: -67px;
}
.footer__pays i.visa {
  width: 39px;
  height: 20px;
  background-position-x: -24px;
}
.footer__pays i.yandex_money {
  width: 25px;
  height: 19px;
  background-position: -626px -198px;
}
.footer__pays i.webmoney {
  width: 20px;
  height: 20px;
  background-position-x: -322px;
}
.footer__pays i.qiwi {
  width: 18px;
  height: 20px;
  background-position-x: -278px;
}
.footer__pays i.sbrf {
  width: 20px;
  height: 20px;
  background-position-x: -346px;
}
.footer__pays i.alfa {
  width: 16px;
  height: 20px;
  background-position-x: -370px;
}
.footer__pays i.mir {
  width: 51px;
  height: 20px;
  background-position-x: -165px;
}
.footer__pays i.jcb {
  width: 26px;
  height: 20px;
  background-position-x: -220px;
}
.footer__pays i.paypal {
  width: 18px;
  height: 20px;
  background-position-x: -300px;
}
.footer__pays i.maestro {
  width: 27px;
  height: 20px;
  background-position-x: -98px;
}
.footer__pays i.yoomoney {
  width: 28px;
  height: 20px;
  background-position-x: -455px;
}
.footer__pays i.yookassa {
  width: 28px;
  height: 20px;
  background-position-x: -487px;
}
.footer__pays i.belkart {
  width: 20px;
  height: 20px;
  background-position-x: -519px;
}
.footer__pays i.halva {
  width: 20px;
  height: 20px;
  background-position-x: -543px;
}
.footer__pays i.tinkoff {
  width: 61px;
  height: 20px;
  background-position-x: -390px;
}
.footer__pays i.applepay {
  width: 46px;
  height: 20px;
  background-position-x: -567px;
}
.footer__pays i.google_pay {
  width: 46px;
  height: 20px;
  background-position-x: -617px;
}
.footer__pays i.yandex_pay {
  width: 38px;
  height: 20px;
  background-position-x: -667px;
}
.footer__pays i.samsung_pay {
  width: 20px;
  height: 20px;
  background-position-x: -710px;
}
.footer__pays i.assist {
  width: 24px;
  height: 20px;
  background-position-x: -250px;
}
.footer__pays i.robokassa {
  width: 20px;
  height: 20px;
  background-position-x: -734px;
}
.footer__pays i.pay_anyway {
  width: 20px;
  height: 20px;
  background-position-x: -758px;
}
.footer__pays i.sbp {
  width: 15px;
  height: 20px;
  background-position-x: -782px;
}

.footer--color-dark .color-theme-parent-all:hover .color-theme-target,
.footer__part-item--subscribe .color-theme-parent-all:hover .color-theme-target {
  color: #fff;
}
.footer--color-dark .stroke-theme-parent-all:hover .stroke-theme-target *,
.footer__part-item--subscribe .stroke-theme-parent-all:hover .stroke-theme-target * {
  stroke: #fff;
}
.footer--color-dark .fill-theme-parent-all:hover .fill-theme-target * {
  fill: #fff;
}

/* LIGHT */
.footer.footer--color-light {
  border-color: #e5e5e5;
  border-color: var(--stroke_black);
  background: var(--df4_dark_light);
}

.footer--color-light .footer__bottom-part-inner {
  border-top-color: #e5e5e5;
  border-color: var(--stroke_black);
}

/* INFO */
.footer--color-light .footer__phone .phones .phones__inner > .phones__phone-link {
  color: #333;
  color: var(--white_text_black);
}
.footer--color-light .footer__phone .phones .more-arrow svg * {
  fill: #333;
  fill: var(--white_text_black);
}

.footer--color-dark .footer__phone .phones .more-arrow svg * {
  fill: #fff;
}

.footer--color-light .footer__email .svg-inline-email * {
  stroke: #333;
  stroke: var(--white_text_black);
}
.footer--color-light .footer__email a:not(:hover) {
  color: #333;
  color: var(--white_text_black);
}

.footer--color-light .footer__address .address__text {
  color: #333;
  color: var(--white_text_black);
}

.footer--color-dark .footer__phone .phones__callback:hover {
  color: #fff;
}

/* MENU */
.footer--color-light .bottom-menu .items > .item-link {
  color: #333;
  color: var(--white_text_black);
}

/* SUBSCRIBE */
.footer--color-light .subscribe-block__text {
  color: #333;
  color: var(--white_text_black);
}
.subscribe {
  cursor: pointer;
  font-weight: normal;
}
.btn .subscribe__text {
  color: #fff;
  position: relative;
  top: 1px;
}
.footer--color-light .btn .subscribe__text {
  color: #333;
}

.subscribe-block .btn {
  background-color: var(--d3t9_dark_light);
  border-color: var(--d3t9_dark_light);
  color: var(--white_text_black);
}

.footer--color-dark .btn {
  --d3t9_dark_light: #343434;
  --white_text_black: #fff;
}

@media (max-width: 1200px) {
  .footer .flex-33-1200 {
    width: 33%;
    flex: auto;
  }
  .footer .flex-50-1200 {
    width: 50%;
    flex: auto;
  }
  .footer .flex-100-1200 {
    width: 100%;
    flex: auto;
  }
  .footer__main-part .offset-top-1200 {
    margin-top: 48px;
  }
}

@media (min-width: 991px) {
  .footer__main-part .footer__part--right {
    margin-left: calc(min(100vw, var(--theme-page-width)) / 12 + var(--theme-page-width-padding));
  }
  .footer__subscribe {
    margin-right: 72px;
  }
}

@media (max-width: 991px) {
  .footer .flex-50-991 {
    width: 50%;
  }
  .footer .flex-100-991 {
    width: 100%;
  }
  .subscribe-block {
    align-items: flex-start;
    flex-direction: column;
  }
  .subscribe-block__part--left {
    margin: 0 0 24px 0;
  }
  .footer__top-part {
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .footer__pays--on-line {
    position: absolute;
    bottom: -11px;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    padding: 0px 23px;
    background: #333;
    background: var(--d1b_dark_light);
  }
  .footer--color-light .footer__pays--on-line {
    background: #fafafa;
    background: var(--lite_bg_black);
  }
  .footer__part-item--subscribe {
    position: absolute;
    top: -39px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px;
    padding: 0px 23px;
  }
  .footer--mw318 {
    max-width: 318px;
    min-width: 318px;
  }
}
@media (max-width: 767px) {
  .subscribe-block {
    justify-content: space-between;
  }
  .subscribe-block__part--right {
    flex: 1;
  }
  .footer__top-part {
    padding-bottom: 28px;
  }
  .footer__bottom-part-inner {
    padding: 23px 0;
  }

  .footer__info--row {
    padding: 24px 0px 0px;
  }

  .footer__info--row-paddings {
    padding-bottom: 24px;
  }

  .footer .flex-33-1200,
  .footer .flex-50-991,
  .footer .flex-50-1200,
  .footer .flex-100-767 {
    width: 100%;
  }
  .footer__info--part-left > .line-block {
    flex-wrap: wrap;
    display: block;
  }
  .footer__main-part .offset-top-1200 {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .bottom-menu .items > .item-link {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .bottom-menu .items > .item-link {
    margin-bottom: 16px;
  }
  .wrap_menu_compact_mobile {
    display: none;
  }
  .bottom-menu .items-child {
    cursor: pointer;
  }
  .footer--color-dark .bottom-menu .items-child:hover .title a {
    color: #999 !important;
  }
  .footer--color-light .bottom-menu .items-child:hover .title a {
    color: #000 !important;
    color: var(--fill_dark_lite_hover) !important;
  }
  .subscribe-edit form .error {
    bottom: 110px;
    top: auto;
  }
}

@media (min-width: 600px) {
  .subscribe-block__part--left {
    margin-right: 32px;
  }
}

@media (max-width: 600px) {
  .subscribe-block {
    flex-direction: column;
    align-items: flex-start;
  }
  .subscribe-block__part--left {
    margin-bottom: 18px;
  }
  .subscribe-block__part--right {
    width: 100%;
  }
  .subscribe-block__text {
    max-width: none;
  }
  .subscribe-block__text br {
    display: none;
  }

  .footer__bottom-part .footer__bottom-part-items-wrapper {
    margin: -8px;
  }
  .footer__bottom-part .footer__part-item {
    margin: 8px;
  }
  [class*="footer--mw"] {
    max-width: none;
  }
  .subscribe-edit .subscribe-input {
    flex-basis: auto;
    margin: 0 0 15px 0;
  }
  .subscribe-form__save {
    flex: 1;
  }
  .subscribe-form__save .btn {
    width: 100%;
  }
  .subscribe-form {
    flex-wrap: wrap;
  }

  .footer__info-item {
    margin: 17px 0 0 0;
  }
  .footer__info .footer__social {
    margin-top: 25px;
    margin-bottom: 7px;
  }
  .footer__bottom-part .footer__pays  {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 11px;
    margin-bottom: 17px;
  }
  .footer__pays i {
    margin: 0px;
  }
  .footer__bottom-part .footer__developer  {
    margin-top: 0px;
  }

  .subscribe-block--compact .subscribe-form {
    flex-wrap: nowrap;
  }
  .subscribe-block--compact .subscribe-input {
    margin: 0 13px 0px 0;
  }
}


/* Новый футер */
.footer-1-new.footer {
  background: #fff;
  padding-bottom: clamp(30px, 0.865rem + 4.487vw, 100px);
}


.footer-1-new .footer-bottom-menu {
  display: flex;
  justify-content: space-between;
}

.footer-1-new .footer-bottom-menu__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 30%;
}

.footer-1-new .footer--mw318 {
  max-width: unset;
  min-width: unset;
}

.footer-1-new.footer--color-dark .bottom-menu .item a {
  font-weight: 300;
  font-size: clamp(16px, 0.904rem + 0.482vw, 24px) !important;
  line-height: 170%;
}

.footer-1-new > div .footer__phone .phones .phones__inner > .phones__phone-link,
.footer-1-new > div .footer__email a:not(:hover),
.footer-1-new > div .footer__address .address__text{
  color: #000;
  font-size: clamp(16px, 0.904rem + 0.482vw, 24px) !important;
  word-break: break-word;
}

.footer-1-new > div .footer__email a {
  font-weight: 300;
  font-size: clamp(16px, 0.904rem + 0.482vw, 24px) !important;
  line-height: 170%;
}

.footer-1-new .footer-license-copyright {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.footer-1-new .footer-license-copyright div,
.footer-1-new .footer-license-copyright div a {
  font-weight: 300;
  font-size: 16px;
  line-height: 170%;
  color: #484848;
}

.footer-1-new .footer-license-copyright div a:hover {
  font-size: 16px !important;
}

.footer-1-new .phones__inner--with_dropdown .phones__phone-first {
  font-weight: 300;
  font-size: clamp(16px, 0.904rem + 0.482vw, 24px) !important;
  line-height: 170%;
  color: #000000;
}

.footer-1-new .footer-bottom {
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .footer-1-new .footer-bottom-menu__item {
    max-width: 100%;
  }
  .footer-1-new .footer-bottom-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 40px;
  }
}

@media (max-width: 768px) {
  .footer-1-new .footer-bottom-menu {
    grid-template-columns: 1fr;
  }
}

.footer-1-new .footer-contacts .footer__title {
    display: none;
}

.footer-1-new .footer-contacts .footer__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-1-new .footer-contacts .footer__info-item {
  margin: 0;
}

.footer-1-new .footer-contacts .address__text {
  font-weight: 300;
  font-size: clamp(16px, 0.904rem + 0.482vw, 24px) !important;
  line-height: 170%;
}

.footer-1-new .theme-dark .social__items--type-color .social__link,
.footer-1-new.footer--color-dark .footer__social .social__link {
  background-color: transparent;
}

.footer-1-new .social__items .social__link:before {
  width: 60px;
  height: 60px;
  background: url(/local/templates/aspro-lite/css/../images/svg/social.svg) 30px 2px no-repeat;
  background-size: 3700%;
}

.footer-1-new .footer__social .social__items.social__items--md.social__items--grid {
  grid-template-columns: repeat(auto-fit, 60px);
}

.footer-1-new .social__items.social__items--md .social__link {
  width: 60px;
  height: 60px;
}
.footer-1-new .social__items .social__link:hover:before {
  background-position-y: -59px !important;
}
.footer-1-new .social__items .vkontakte .social__link:before {
  background-position-x: 0;
}
.footer-1-new .social__items .odnoklassniki .social__link:before {
  background-position-x: -64px;
}
.footer-1-new .social__items .whatsapp .social__link:before {
  background-position-x: -506px;
}
.footer-1-new .social__items.social__items--md.social__items--grid {
  gap: 20px;
}

.footer-1-new .subscribe-block {
  display: flex;
  align-items: center;
  gap: 40px;
  border: 3px solid rgba(227, 164, 85, 0.91);
  border-radius: 20px;
  width: 100%;
  height: 138px;
  padding: 43px 297px 43px 46px;

}

.footer-1-new .subscribe-block__text div {
  font-weight: 300 !important;
  font-size: 24px;
  line-height: 130%;
  color: #000000;
  text-align: center;
}

.footer-1-new .subscribe-block__text {
  max-width: unset;
}

.footer-1-new .subscribe-input {
  max-width: 460px;
}

.footer-1-new .subscribe-block__part--left {
  margin-right: 0;
  flex-shrink: 0;
}

.footer-1-new.footer--color-dark .subscribe-edit .subscribe-input {
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 10px;
  padding: 18px 22px;
  height: 52px;
  margin-right: 20px;
}

.footer-1-new.footer--color-dark .form-control:not([readonly]):not([disabled]):hover {
  background-color: #fff;
  border: 1px solid #000000;
}

.footer-1-new.footer--color-dark .subscribe-edit .subscribe-input:placeholder {
  font-weight: 400;
  font-size: 13px;
  color: #484848;
}

.footer-1-new .subscribe-btn {
  height: 52px;
}

.footer-1-new .subscribe-block {
  position: relative;
}

.footer-1-new .subscribe-block:after {
  content: url('/local/templates/aspro-lite/images/ring.png');
  display: block;
  position: absolute;
  bottom: -7px;
  right: 46px;
}

@media (max-width: 1300px) {
  .footer-1-new .subscribe-block__text {
    max-width: 300px;
  }
}

@media (max-width: 1200px) {
  .footer-1-new .subscribe-block:after {
    content: unset;
  }
  .footer-1-new .subscribe-block {
    padding: 40px;
  }
}

@media (max-width: 992px) {
  .footer-1-new .subscribe-block {
    height: auto;
    padding: 30px;
    gap: 20px;
  }
  .subscribe-block__part--left {
    margin-bottom: 0;
  }
  .footer-1-new .subscribe-block__text {
    max-width: 100%;
  }
  .footer-1-new .subscribe-input {
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .footer-1-new.footer--color-dark .subscribe-edit .subscribe-input {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
/* End */


/* Start:/local/templates/aspro-lite/css/mobile-header.css?17669957656572*/
@media screen and (max-width: 991px) {
  #mobileheader {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 993;
  }
  #mobileheader.filter-none {
    z-index: 998;
  }
}
.mobileheader {
  height: 62px;
  padding: 0 27px 0 20px;
}
.mobileheader__inner {
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -16px;
}
.mobileheader--color-white {
  background-color: #fff;
  background-color: var(--darkerblack_bg_black);
}
.mobileheader--color-dark {
  background-color: #333;
}
.mobileheader--color-colored {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}
.mobileheader--color-grey {
  background-color: #fafafa;
  background-color: var(--lite_bg_black);
}
.mobileheader--color-white,
.mobileheader--color-grey {
  box-shadow: 0px 1px 0px #e5e5e5;
  box-shadow: 0px 1px 0px var(--stroke_black);
}

/* fixed */
@media screen and (max-width: 991px) {
  body.mfixed_y .headers-container {
    position: sticky;
    top: 0;
  }
  body.mfixed_y.mfixed_view_scroll_top .headers-container {
    top: -63px;
    transition: top 0.3s ease;
  }
  body.mfixed_y.mfixed_view_scroll_top .headers-container.fixed {
    top: 0;
  }
  .bx-ie body.mfixed_y .headers-container {
    position: relative; 
    top: 0 !important;
  }
}

/* item */
.mobileheader__item {
  margin: 0 16px;
}

/* icon */
#main .mobileheader--color-dark .menu-light-icon-fill svg *,
#main .mobileheader--color-colored .menu-light-icon-fill svg * {
  fill: #fff;
}
#main .mobileheader--color-dark .fill-theme-hover:hover svg *,
#main .mobileheader--color-colored .fill-theme-hover:hover svg * {
  opacity: 0.5;
}
#main .header-cabinet__fill-white-link svg .fill-more-theme {
  fill: #fff !important;
}

/* burger */
.mobileheader__item--right-icons .burger {
  margin-right: -27px;
}
.mobileheader .burger {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 20px;
  margin: -20px;
}

/* logo */
.mobileheader .logo {
  max-width: 160px;
}
.mobileheader .line-block__item:not(.hidden) + .logo {
  padding-left: 4px;
  /* max-width: 123px; */
}
/*
@media (max-width: 400px) {
  .mobileheader .line-block__item:not(.hidden) + .logo {
    padding-left: 4px;
    max-width: 100px;
  }
}
*/

/* right icons */
/*.mobileheader__item--right-icons .line-block{margin-right:-6px;}*/
@media (max-width: 991px) {
  .mobileheader__item--right-icons .line-block {
    height: 50px;
    overflow: hidden;
  }
  .mobileheader__item--right-icons .line-block > .line-block__item {
    align-items: center;
    display: flex;
    height: 50px;
  }
}
@media screen and (max-width: 600px) {
  .mobileheader__item--right-icons .line-block {
    justify-content: flex-end;
    margin-right: -16px;
  }
  .mobileheader__item--right-icons .line-block > .line-block__item {
    /* padding-left: 10px; */
    padding-right: 10px;
  }

  .mobileheader__item--right-icons .line-block > .line-block__item.hide-600{
    display: none;
  }
}
@media (max-width: 339px) {
  .mobileheader__item--right-icons {
    width: 100%;
  }
}

/* phones */
.mobileheader .phones {
  cursor: pointer;
}
.mobileheader .phones,
.mobileheader .phones__inner {
  position: inherit;
}
#mobilephones {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3000;
  background: #fff;
  background: var(--black_bg_black);
  display: none;
  opacity: 1;
  visibility: visible;
  padding: 0;
  cursor: default;
}
.mobileheader--color-white #mobilephones,
.mobileheader--color-grey #mobilephones {
  top: calc(100% + 1px);
}
.mobileheader .phones__dropdown .dropdown {
  left: 0 !important;
  box-shadow: none;
  display: block;
  padding: 17px 0 23px;
}
.mobilephones__menu-item.mobilephones__menu-item--title {
  padding: 18px 23px 18px;
}
.mobilephones__menu-item a {
  padding: 10px 23px;
  display: block;
}
.mobilephones__menu-item--callback {
  padding: 9px 23px;
  margin: 8px 0 0 0;
}
.mobilephones__close {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 24px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}

.icon-block--only_icon .icon-block__only-icon {
  display: flex;
}

/* cabinet */
.mobileheader .header-cabinet__link.avt .header-cabinet__icon {
  margin-right: 0;
}

/* cart */
.mobileheader .header-cart .header-cart__name {
  display: none;
}
.mobileheader .basket-dropdown {
  display: none;
}

/* mobile search */
form.search .btn-close {
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 1200px) {
  /* hide extra header parts */
  /* .header__top-part, 
  .header__bottom-part, 
  .header__main-item:not(.header__search) {
    display: none;
  } */

  .header__inner > :not(.part-with-search),
  .part-with-search__inner > :not(.header__search) {
    display: none;
  }

  /* .header__main-part--long { */
  /* .part-with-search{
    height: 61px;
  } */

  .header--mobile-search-active .searche-result {
    max-height: calc(50vh - 85px);
  }
  .headers-container {
    position: relative;
    z-index: 993;
  }

  .header--mobile-search-active div.title-search-result {
    z-index: 993;
    /* left: 0 !important; */
    left: -8px !important;
    margin-left: 0;
    width: 100vw !important;
  }

  .header--mobile-search-active .headers-container{
    position: sticky !important;
    top: 0 !important;
  }

  .header__search form.search {
    display: flex;
    align-items: center;
  }

  .part-with-search .header__search {
    margin: 0;
    width:100%
  }

  .header-search__mobile {
    cursor: pointer;
  }

  [data-ajax-block="HEADER"] {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease, visibility 0.3s ease-out;
    visibility: hidden;
    z-index: 999;
  }
  .header--mobile-search-active [data-ajax-block="HEADER"]{
    transform: translateY(0);
    visibility: visible;
  }
  body .header__inner {
    padding-bottom: 0;
    padding-top: 0;
  }
  /* .header__main-part--long { */
  .part-with-search{
    height: 63px;
  }
  .search-input,
  .search-input::placeholder {
    color: var(--white_text_black) !important;
  }
  .header_opacity header .banner-light-icon-fill * {
    fill: var(--white_text_black) !important;
  }
  form.search .btn-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    height: 100%;
    margin-right: 7px;
    pointer-events: all;
    width: 40px;
    z-index: 1;
  }

  body.jqm-initied .style-switcher {
    z-index: 992;
  }
}
/* End */


/* Start:/local/templates/aspro-lite/css/mobile-menu.css?17669957656721*/
#mobilemenu {
  background: #fff;
  background: var(--black_bg_black);
  position: relative;
  transition: left 0.4s ease 0s, opacity 0.4s ease 0s;
  position: fixed;
  z-index: 3002;
  overflow: hidden;
  overflow-y: auto;
}
.mobilemenu {
  overflow: hidden;
}
.mobilemenu__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: transform 0.2s ease-in-out;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  padding: 32px 0 48px;
}

/* opened */
body.mmenu_dropdown #mobilemenu {
  top: 62px;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #f2f2f2;
  border-top-color: var(--darkerblack_bg_black);
  opacity: 0;
  visibility: hidden;
}
body.mmenu_dropdown #mobilemenu.show {
  opacity: 1;
  visibility: visible;
}
body.mmenu_leftside #mobilemenu {
  left: -100%;
  top: 0;
  bottom: 0;
  width: 375px;
  max-width: 100%;
}
body.mmenu_leftside #mobilemenu.show {
  left: 0;
  box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.45);
}

/* part */
.mobilemenu__item {
  /* padding: 9px 0 0; */
  padding: 26px 0 0;
}

.mobilemenu__item:first-of-type {
  padding-top: 0;
}

/* items list & dropdown */
.mobilemenu__menu > ul {
  padding: 0;
  margin: 0;
  display: block;
}
.mobilemenu__menu-dropdown {
  left: 100%;
  top: 0;
  width: 100%;
  border: medium none;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
  position: absolute;
  z-index: 5;
  background: #fff;
  background: var(--black_bg_black);
  margin: 0;
  padding: 40px 0;
}
.mobilemenu__menu-item--expanded > .mobilemenu__menu-dropdown {
  display: block;
}

/* item */
.mobilemenu__menu-item {
  list-style: none;
  display: block;
  margin: 0;
  width: 100%;
  padding: 0;
  line-height: 0;
}
.mobilemenu__menu-item--full-height {
  line-height: initial;
}
.mobilemenu__menu-item .icon-block {
  align-items: center;
  display: flex;
}
.mobilemenu__menu-item > .link-wrapper {
  position: relative;
}
.mobilemenu__menu-item > .link-wrapper a:not(.icon-block) {
  display: block;
}
.mobilemenu__menu-item > .link-wrapper a,
.mobilemenu__menu-item-content {
  padding: 9px 32px 9px 32px;
  position: relative;
  word-break: break-word;
}

.mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper a {
  padding: 10px 32px 10px 32px;
}

/* back item */
.mobilemenu__menu-item--back {
  margin: 0;
}
.mobilemenu__menu-item--back .arrow-all__item-arrow {
  margin-right: 20px;
}
.mobilemenu__menu-item--back .stroke-theme-target * {
  stroke: var(--white_text_black);
}
.mobilemenu__menu-item--back > .link-wrapper {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 32px;
}
.mobilemenu__menu-dropdown .mobilemenu__menu-item--back > .link-wrapper a {
  align-items: center;
  display: flex;
  height: 28px;
  padding: 0;
}
.mobilemenu__menu-item--back .arrow-all {
  position: relative;
  top: inherit;
  right: inherit;
}
.mobilemenu__menu-item--back a {
  position: relative;
}
.mobilemenu__menu-item--back .arrow-all__item-line {
  left: 0;
  right: calc(100% - 18px);
  transition: right ease 0.5s;
}
.mobilemenu__menu-item--back .arrow-all--wide .arrow-all__item-line {
  left: 0;
  right: calc(100% - 25px);
  top: 13px;
}
.mobilemenu__menu-item--back .animate-arrow-hover:hover .arrow-all__item-line {
  left: 0;
  right: calc(100% - 34px);
}
.mobilemenu__menu-item--back .animate-arrow-hover:hover .arrow-all--wide .arrow-all__item-line {
  left: 0;
  right: calc(100% - 42px);
}

/* title item */
.mobilemenu__menu-item--title {
  margin: 27px 0 8px 0;
}
.mobilemenu .menu-arrow.svg {
  width: 17px;
  height: 17px;
  border-radius: 10px;
  line-height: 13px;
  right: 34px;
  top: 14px;
}
.mobilemenu .menu-arrow svg {
  vertical-align: middle;
}
.mobilemenu .toggle_block {
  width: 75px;
  width: 100%;
}
.link-wrapper a.mobilemenu__menu-parent-link:not(.icon-block){
  display: flex;
  align-items: center;
}
.arrow-parent__item-arrow{
  margin-left: 20px;
}

/* selected item */
.mobilemenu__menu-item--selected {
  position: static;
}
/* .mobilemenu__menu-item--selected > .link-wrapper a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
  margin-top: -2px;
} */

/* expanded item */
.mobilemenu__menu-item--expanded {
  position: static;
}

/* logo */
.mobilemenu .logo {
  margin-top: 0;
  padding: 0 32px;
  max-width: 262px;
}

/* catalog */
.mobilemenu__menu--top {
  /* padding-top: 18px; */
  /* margin-bottom: 10px; */
}
.mobilemenu__menu--top > .mobilemenu__menu-list > .mobilemenu__menu-item > .link-wrapper a {
  padding: 10px 32px;
}

/* button */
.mobilemenu__button {
  padding: 23px 32px 12px;
  margin: 0 0 16px 0;
}
.mobilemenu__button .btn {
  display: block;
  padding: 9px 20px 10px;
}

/* phones */
.mobilemenu .phones {
  position: inherit;
}
.mobilemenu__menu-item--callback {
  padding: 9px 32px 9px 32px;
  margin: 9px 0 0 0;
}

/* item icon */
.mobilemenu__menu-item--with-icon > .link-wrapper a {
  font-size: 1em;
}
.mobilemenu__menu .mobilemenu__menu-item-svg {
  align-items: center;
  display: flex;
  height: 26px;
  margin-right: 20px;
  /* position: relative; */
  width: 21px;
}
.mobilemenu__menu .mobilemenu__menu-item-svg{
  position: static;
}
.mobilemenu__menu--compare .mobilemenu__menu-item-svg,
.mobilemenu__menu--favorite .mobilemenu__menu-item-svg {
  justify-content: center;
}
.mobilemenu__menu-item--with-icon > .link-wrapper > div > div + div {
  margin-top: -20px;
}

/* cart */
.mobilemenu__menu--cart .basket-link .js-basket-block {
  position: absolute;
}

.mobilemenu .header-cart__count, 
.mobilemenu .icon-count{
  transform: none;
  top: calc(50% - 9px);
  right: 42px;
}

/* contacts */
/* .mobilemenu__menu--contacts .address__text,
.mobilemenu__menu--contacts .schedule__text {
  padding: 10px 40px 10px 77px;
  max-width: inherit;
  font-size: 1em;
  line-height: calc(1em + 7px);
} */

/* socials */
.mobilemenu .social {
  padding: 13px 32px 0;
}
.mobilemenu div + div > .social {
  padding-top: 28px;
}

/* separator */
.mobilemenu__separator {
  height: 1px;
  background: #e5e5e5;
  background: var(--stroke_black);
  margin: 26px 32px 0px;
}

/* overlay */
.mobilemenu__overlay {
  display: none;
  background: #3a3f44;
  opacity: 0.7 !important;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 2999;
}

/* close button */
.mobilemenu__close {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 31px;
  right: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}
/* End */


/* Start:/local/templates/aspro-lite/css/header-fixed.css?17669957651554*/
/* cart */
/* #headerfixed .header-cart .header-cart__name {
  display: none;
} */

#headerfixed .header__main-part {
  height: 79px;
}
#headerfixed .header__inner{
  padding-top: 0;
  padding-bottom: 0;
}

@media not print {
  #headerfixed {
    display: none;
    opacity: 0;
    transition: opacity ease 0.01s;
    display: none;
  }
  #headerfixed.fixed {
    opacity: 1;
  }
  .header__inner--shadow-fixed {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  }
  header.fixed,
  #headerfixed.fixed {
    position: fixed;
    margin: 0;
    width: 100%;
    top: 0;
    z-index: 998;
    right: 0;
    left: 0;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  #main #headerfixed .header__inner {
    position: static;
  }
}

@media (max-width: 1200px) {
  #headerfixed .header__icon-name{
    display: none;
  }
}

@media (min-width: 992px) {
  #headerfixed.fixed {
    display: block;
  }
  body #headerfixed > .maxwidth-theme > .logo-row {
    padding-left: 16px;
    padding-right: 16px;
  }
  body.fill_bg_y.visible_banner #headerfixed {
    background: none;
    box-shadow: none;
  }
  body.fill_bg_y.visible_banner #headerfixed > .maxwidth-theme {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.136);
  }

  /*backdrop*/
  #headerfixed .header {
    background-color: hsl(var(--dark_light-hue) var(--dark_light-saturation) var(--dark_light-lightness) / 80%);
  }
  html:not(.bx-ie) #headerfixed .header__inner {
    background: none;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/page-title-breadcrumb-pagination.css?17669957656138*/
/* PAGE TITLE */
.container .page-top-wrapper {
  margin-left: -16px;
  margin-right: -16px;
}
body:not(.has-long-banner) .page-top-wrapper--grey {
  background: #f8f8f8;
  background: var(--darkerblack_bg_black);
  margin-bottom: 48px;
  border-bottom: 1px solid #e5e5e5;
  border-color: var(--stroke_black);
}
section.page-top {
  padding-top: 15px;
  padding-bottom: 35px;
  /* min-height: 56px; */
  position: relative;
}

.title_position_centered section.page-top {
  text-align: center;
}
section.page-top.center {
  text-align: center;
}
section.page-top.center .topic__heading,
.title_position_centered .topic__heading {
  justify-content: center;
}
.topic__heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.topic__heading #pagetitle {
  margin: 0;
  padding-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
  vertical-align: middle;
  line-height: calc(1em + 15px);
}
.cowl {
  position: relative;
}
.cowl > div:not(.topic):not(#navigation):not(.basket-back) {
  margin: 3px -13px 0px 19px;
  width: 41px;
  text-align: center;
  position: relative;
  cursor: pointer;
  float: right;
}

#main .heading-icons .btn-heading.btn_heading--with_title {
  width: initial;
  position: relative;
  cursor: pointer;
  text-align: center;
  margin: 0 -13px 0 25px;
  display: flex;
  align-items: center;
}
#main .heading-icons .btn-heading.btn_heading--with_title .title {
  display: inline-block;
  font-size: 0.875rem;
  line-height: calc(1em + 7px);
  margin: 0 15px 0 12px;
  vertical-align: middle;
}

.page-top-wrapper--top-breadcrumb .cowl {
  margin-bottom: 11px;
}
.page-top-wrapper--top-breadcrumb .cowl > div:not(.topic):not(#navigation) {
  margin-top: 3px;
}
.cowl > .topic,
.cowl > #navigation {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cowl > #navigation {
  margin-bottom: 21px;
}
.element-count {
  position: relative;
  top: 0px;
  margin-left: 11px;
  margin-bottom: 2px;
  display: inline-block;
  vertical-align: middle;
}
.cowl .colored_theme_hover_bg-block:not(:hover) .svg path,
.heading-icons .colored_theme_hover_bg-block:not(:hover) .svg path {
  fill: #b8b8b8;
}

.block-wo-title section.page-top .cowl {
  margin-bottom: 0px;
}
.block-wo-title section.page-top {
  padding-top: 24px;
}
.block-wo-title section.page-top {
  padding-bottom: 11px;
}
.block-wo-title .page-top-wrapper--grey section.page-top {
  padding-bottom: 27px;
}

@media (max-width: 600px) {
  .cowl > #navigation {
    overflow: visible;
    margin-bottom: 0px;
  }
  .block-wo-title section.page-top {
    padding-top: 12px;
  }
}

/* PAGINATION */
.bottom_nav {
  --darkgrey_bg: var(--light, #f4f4f4) var(--dark, #2b2b2b);
  margin: 0px;
  text-align: center;
}
.bottom_nav > div {
  margin-top: 24px;
}
.ajax_load_btn {
  max-width: 744px;
  margin-left: auto;
  margin-right: auto;
}
.more_text_ajax {
  display: flex;
}
.more_text_ajax.btn:not(:hover) {
  background-color: var(--darkgrey_bg);
  color: var(--white_text_black);
}

.module-pagination__wrapper {
  position: relative;
  display: inline-block;
}
.module-pagination .module-pagination__item {
  display: inline-block;
  width: 46px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  color: #333;
  color: var(--white_text_black);
  border-radius: var(--border-radius);
}
.module-pagination__item--all {
  width: auto;
  margin: 0px 10px;
}
.cur.module-pagination__item {
  background-color: var(--theme-base-color);
  color: #fff;
}
.module-pagination__item:not(.cur):hover {
  background-color: var(--darkgrey_bg);
}
.module-pagination__item.point_sep {
  --darkgrey_bg: transparent;
}

.arrows-pagination__item {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrows-pagination__item:hover {
  background-color: var(--darkgrey_bg);
}
.arrows-pagination__prev {
  left: -51px;
}
.arrows-pagination__next {
  right: -51px;
}
.arrows-pagination__item .svg {
  display: block;
}
.topic__heading .heading-icons {
  margin-left: auto;
}

.topic__heading .heading-icons + .heading-icons {
  margin-left: 0px;
}
.header_opacity .heading-icons {
  --fill_dark_light: #fff;
  --fill_dark_lite_hover: #fff;
}
.header_opacity .heading-icons .svg {
  opacity: 1;
}
.header_opacity .heading-icons:hover .svg {
  opacity: 0.5;
}
@media (min-width: 601px) {
  .bottom_nav.mobile_slider {
    display: none;
  }
  .has-long-banner .page-top .fill-theme-hover .title {
    color: #fff;
  }
  .has-long-banner .page-top .fill-theme-hover:hover .title {
    opacity: 0.5;
  }
}
@media (min-width: 769px) {
  .cowl .download {
    width: initial !important;
  }
}
@media (max-width: 768px) {
  .cowl .download .title {
    display: none;
  }
}
@media (max-width: 600px) {
  #main .bottom_nav.mobile_slider {
    width: auto;
  }
  .bottom_nav.mobile_slider .ajax_load_btn {
    padding: 0 !important;
    height: 100%;
    display: block;
    margin: 0px;
    border: none;
    width: calc(99px + 16px);
    background-color: var(--darkgrey_bg_black);
    border-radius: 8px;
    border-radius: var(--border-radius);
  }
  .bottom_nav.mobile_slider .more_text_ajax {
    height: 100%;
    margin: 0 0 0 1px;
    white-space: normal;
    padding: 0 15px;
    display: flex;
    align-items: center;
    background: 0 0;
    line-height: calc(1em + 2px);
    border: none;
    font-size: 0.875rem;
  }
  .bottom_nav.mobile_slider .more_text_ajax:hover {
    color: var(--fill_dark_lite_white_hover);
  }
  .bottom_nav.mobile_slider .module-pagination {
    display: none;
  }
  .bottom_nav.mobile_slider .svg {
    top: calc(50% - 27px);
    left: calc(50% - 10px);
    width: auto;
    height: auto;
  }
  .bottom_nav.mobile_slider .svg svg {
    width: 18px;
    height: 18px;
  }

  .topic__heading #pagetitle {
    line-height: calc(1em + 6px);
  }
  .cowl {
    margin-bottom: 10px;
  }
  section.page-top {
    padding-bottom: 20px;
  }
}
@media (max-width: 450px) {
  .module-pagination__item {
    width: 36px;
  }
  .cowl .download {
    display: none;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/social-icons.css?17669957657406*/
.phones__dropdown-item.social-item {
    padding: 9px 0 5px 0;
}
.phones__dropdown--top .phones__dropdown-item.social-item {
    padding: 5px 0 9px 0;
}

.social {
    position: relative;
}

.social__title {
    font-weight: 400;
    text-align: center;
    padding: 33px 0 15px 0;
}
.popup .social__title {
    padding-top: 0;
}


.social__items {
    display: flex;
    flex-wrap: wrap;
    margin: -3px -8px;
    padding: 0;
}
.social__items.social__items--grid {
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    grid-gap: 8px;
    display: grid;
}
.social__items.grid-list--items-4 {
    grid-template-columns: repeat(4, 1fr);
}
.social__items.social__items--md.social__items--grid {
    grid-gap: 4px;
}
.social__items .social__item:before,
.main ul.social__items li:before {
    display: none;
}

.social__items .social__item {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.social__items .social__item span {
    display: none;
}
.social__items .social__link {
    width: 100%;
    min-width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border-radius: var(--border-radius);
}
.social__items.social__items--md .social__link {
    height: 40px;
    min-width: 40px;
}
.social__items .social__link:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block !important;
    position: relative;
    background: url("/local/templates/aspro-lite/css/../images/svg/social.svg") 24px 0 no-repeat;
}
/* Стили для иконок нового футера - в файле footer.css */
.phones__dropdown-item .social__items .social__link:before,
.mobilemenu__footer .social__items .social__link:before {
    background-position-y: -1px;
}
.phones__dropdown-item .social__items .social__link:hover:before {
    background-position-y: -24px !important;
}
.footer__info .phones__dropdown-item .social__items .social__link:hover:before {
    background-position-y: -64px !important;
}
.social__items .vkontakte .social__link:before {
    background-position-x: -2px;
}
.social__items .odnoklassniki .social__link:before {
    background-position-x: -24px;
}
.social__items .facebook .social__link:before {
    background-position-x: -48px;
}
.social__items .twitter .social__link:before {
    background-position-x: -72px;
}
.social__items .yandex .social__link:before {
    background-position-x: -96px;
}
.social__items .mailru2 .social__link:before {
    background-position-x: -120px;
}
.social__items .mymailru .social__link:before {
    background-position-x: -120px;
}
.social__items .openid-mail-ru .social__link:before {
    background-position-x: -120px;
}
.social__items .yandex-zen .social__link:before {
    background-position-x: -144px;
}
.social__items .telegram .social__link:before {
    background-position-x: -169px;
}
.social__items .whatsapp .social__link:before {
    background-position-x: -192px;
}
.social__items .viber .social__link:before {
    background-position-x: -216px;
}
.social__items .snapchat .social__link:before {
    background-position-x: -240px;
}
.social__items .tenchat .social__link:before {
    background-position-x: -264px;
}
.social__items .linkedin .social__link:before {
    background-position-x: -288px;
}
.social__items .youtube .social__link:before {
    background-position-x: -312px;
}
.social__items .rutube .social__link:before {
    background-position-x: -336px;
}
.social__items .tiktok .social__link:before {
    background-position-x: -360px;
}
.social__items .instagram .social__link:before {
    background-position-x: -384px;
}
.social__items .pinterest .social__link:before {
    background-position-x: -408px;
}
.social__items .acloud .social__link:before {
    background-position-x: -432px;
}
.social__items .avito .social__link:before {
    background-position-x: -456px;
}
.social__items .wb .social__link:before {
    background-position-x: -480px;
}
.social__items .ozon .social__link:before {
    background-position-x: -504px;
}
.social__items .google .social__link:before {
    background-position-x: -528px;
}
.social__items .zoom .social__link:before {
    background-position-x: -552px;
}
.social__items .livejournal .social__link:before {
    background-position-x: -576px;
}
.social__items .bitrix24 .social__link:before {
    background-position-x: -600px;
}
.social__items .aspro-link .social__link:before {
    background-position-x: -432px;
}
.social__items .box .social__link:before {
    background-position-x: -672px;
}
.social__items .dropbox .social__link:before {
    background-position-x: -648px;
}
.social__items .liveid .social__link:before {
    background-position-x: -792px;
}
.social__items .liveinternet .social__link:before {
    background-position-x: -792px;
}
.social__items .office365 .social__link:before {
    background-position-x: -696px;
}
.social__items .apple .social__link:before {
    background-position-x: -720px;
}
.social__items .blogger .social__link:before {
    background-position-x: -816px;
}
.social__items .openid .social__link:before {
    background-position-x: -768px;
}

/* social color */
.social__items--type-color {
    margin: 0px;
    width: 100%;
    background: none;
}
.social__items--type-color .social__link {
    background-color: #f4f4f4;
    background-color: var(--light, #f4f4f4) var(--dark, #343434);
}
.theme-dark .social__items--type-color .social__link,
.footer--color-dark .footer__social .social__link {
    background-color: #474747;
}
.social__items--type-color .social__item {
    padding: 0px;
}

.social__items .yandex-zen .social__link:before,
.social__items .rutube .social__link:before,
.social__items .tiktok .social__link:before {
    background-position-y: var(--light, 0) var(--dark, -24px);
}
.footer--color-dark .footer__social .social__items .yandex-zen .social__link:before,
.footer--color-dark .footer__social .social__items .rutube .social__link:before,
.footer--color-dark .footer__social .social__items .tiktok .social__link:before {
    background-position-y: -24px;
}

.social__more {
    margin: 0;
}
.social__more-dots {
    display: flex;
    margin: 0 15px;
    padding-bottom: 7px;
    letter-spacing: 1.8px;
    cursor: pointer;
}
.social__more-dots:hover ~ .social__more,
.social__more:hover {
    opacity: 1;
    visibility: visible;
}
.social__more {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    position: absolute;
    right: -2px;
    top: 100%;
    background: #fff;
    background: var(--card_bg_black);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-top: 9px;
}
.social__more .social__item {
    padding: 10px 15px;
}
html:not(.mobile) .social__item.hide_on_desktop {
    display: none;
}
html.mobile .social__item.hide_on_mobile {
    display: none;
}


/* soc-avt socials, soc-serv-accounts */
.soc-avt .row a {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    padding: 0px;
    margin: 0px;
}
.soc-avt .row a i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/local/templates/aspro-lite/css/../images/svg/social.svg) -2px -190px no-repeat;
}
.soc-avt .row a:hover {
    opacity: 0.8;
}
.soc-avt .row a {
    display: inline-block;
}

#bx_auth_servform .form-control {
    margin: 10px 0px;
}

/* End */


/* Start:/local/templates/aspro-lite/css/left-menu.css?17669957652393*/
/* LEFT MENU */
.sidebar,
.sidearea {
  margin-bottom: 9px;
}
ul.side-menu, .side-menu ul {
  margin-bottom: 0;
}
.sidearea .nav-list {
  margin-bottom: 32px;
}
.sidearea div.banner {
  margin-bottom: 20px;
}
.sidearea div.banner img {
  border: 0;
}
/* heading-top */
.slide-block__head.closed + .slide-block__body {
  display: none;
}
.slide-block__head + .slide-block__body {
  padding-top: 13px;
}
.slide-block__head {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
/**/
.slide-block__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.side-menu {
  overflow: hidden;
}
.side-menu a {
  padding: 4px 8px;
}
.side-menu li {
  padding: 0px;
  margin-bottom: 0px;
}
/*
.side-menu.blog > li:not(:first-child){
  padding-left: 12px;
}
*/
.side-menu .link-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  padding-bottom: 3px;
}
.side-menu li .dropdown-select__icon-down {
  margin: 0px;
  transform: rotate(90deg);
  margin-right: 7px;
}
.side-menu li a {
  position: relative;
  display: block;
}
#main .side-menu li:before {
  display: none;
}
.side-menu__link-text {
  margin-right: 5px;
}

.bg-theme-parent-hover:hover .svg-inline-down path {
  fill: #fff;
}
.side-menu li.active .link--active {
  background-color:var(--darkgrey_bg_black);
  font-weight: 500;
}
.toggle_block {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 50px;
  height: 100%;
  bottom: 0;
  cursor: pointer;
}

.side-menu .submenu-wrapper {
  display: none;
  user-select: none;
  padding-left: 12px;
}
.arrow-left-icon ~ .submenu-wrapper.submenu-wrapper--filtred {
  padding-left: 0;
}
.side-menu .submenu {
  padding: 0px 0px 0px 0px;
  list-style: none;
}

.side-menu .submenu .submenu {
  margin: 0;
  border: none;
}
.side-menu .submenu > li {
  margin-bottom: 0px;
}
.side-menu .submenu > li:last-child {
  margin: 0;
}
.side-menu .submenu > li:last-child .submenu {
  padding-bottom: 0px;
}
.sidebar.dropdown-menu {
  border-radius: 0;
  border: none;
  margin: -1px 0 0;
  top: auto;
  padding: 0;
  text-align: left;
  opacity: 0;
  display: none;
  right: auto;
  left: auto;
  width: 200px;
  background: #fff !important;
}
.sidebar.dropdown-menu .side-menu > li > a {
  padding: 15px 17px 15px 17px;
}

/*opened*/
.side-menu li.opened.child > .submenu-wrapper {
  display: block;
}
/**/
/* End */


/* Start:/local/templates/aspro-lite/css/tabs.css?17669957655080*/
.tabs {
  margin-bottom: 49px;
  border-bottom: 1px solid #ededed;
  border-bottom-color: var(--stroke_black);
}
.tabs .bordered {
  border: none;
}
.tabs--in-section {
  margin-bottom: 48px;
}
/*fix bootstrap*/
.tabs .nav-tabs > li > a {
  line-height: inherit;
  border: none;
}
.tabs .nav > li > a:hover,
.tabs .nav > li > a:focus {
  background-color: transparent;
}

.tabs .tab-content {
  background-color: white;
  background-color: var(--black_bg_black);
  border: none;
  padding: 40px 0 0;
}
.tabs .tab-content.not_tabs {
  padding-top: 0;
}
.tabs .nav-tabs + .tab-content {
  border-top: 0;
}
.tabs .nav-tabs li {
  margin: 3px 23px 3px 3px;
}
.tabs .nav-tabs li span {
  padding-top: 11px;
  padding-bottom: 11px;
}
.tabs .nav-tabs li a,
.tabs .nav-tabs li > span {
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 18px 0px 19px 0px;
  color: #555;
  color: var(--basic_text_black);
}
.tabs .nav-tabs li:not(.active) a:hover,
.tabs .nav-tabs li:not(.active) span:hover {
  border-color: transparent;
  color: #333;
  color: var(--fill_dark_lite_hover);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: none;
  background: none;
}
.nav-tabs > li.active:after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 0px;
  z-index: 1;
  height: 2px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  background: #9e9e9e;
  background: var(--theme-more-color);
}
.tabs .nav-tabs li.active > span {
  color: #333;
  color: var(--white_text_black);
  cursor: default;
}
.tabs .nav-tabs li.active a {
  color: #222222;
  color: var(--white_text_black);
  cursor: default;
}
.tabs .nav-tabs li.active:hover {
  box-shadow: none;
  transform: none;
  border-color: #e5e5e5;
  border-color: var(--stroke_black);
}
.tabs .tab-content .content {
  margin: -8px 0 0;
}
.tabs .nav-tabs > li:before,
.pagination > li:before {
  margin: 0;
  padding: 0;
}
.nav:after {
  clear: both;
  content: " ";
  display: table;
}
.nav-tabs {
  border: none;
  margin: -3px;
  padding: 0;
}
.nav-tabs li {
  margin: 0;
  padding: 0;
  float: left;
}
.nav-tabs li:before {
  display: none !important;
}
.tabs.horizontal-scrolling {
  margin: 0px;
  position: relative;
  overflow: hidden;
}
.tabs.horizontal-scrolling:before,
.tabs.horizontal-scrolling:after {
  content: "";
  width: 10px;
  height: 48px;
  background: #fff;
  background: var(--black_bg_black);
  position: absolute;
  top: 0px;
  opacity: 0;
}
.tabs.horizontal-scrolling:before {
  left: 0px;
}
.tabs.horizontal-scrolling:after {
  right: 0px;
}
.tabs.horizontal-scrolling .nav {
  margin: 0px;
  white-space: nowrap;
  padding: 0px;
}
.tabs.horizontal-scrolling .nav > li {
  float: none;
  display: inline-block;
  margin: 0px;
}
.tabs.horizontal-scrolling .nav > li:not(:last-of-type) {
  margin-right: 4px;
}
.tabs.horizontal-scrolling + .tab-content {
  margin-top: 2.666rem;
}
.tabs.horizontal-scrolling.bottom-line .nav > li:not(:last-of-type) {
  margin-right: 2.266rem;
}
.tabs.bottom-line li {
  background: none;
}
.tabs.bottom-line li a {
  padding: 0px 0px 0.466rem;
}
.tabs.bottom-line li.active:after {
  left: 0px;
  right: 0px;
  top: auto;
  bottom: 0px;
  border-radius: 0px;
}
.tabs.bottom-line + .tab-content {
  margin-top: 1.666rem;
}

/*scroll*/
.arrow_scroll {
  max-height: 65px;
  overflow: hidden;
}

.arrow_scroll .nav.nav-tabs {
  white-space: nowrap;
  min-width: 300%;
  z-index: 1;
  position: relative;
}

.arrow_scroll .nav.nav-tabs > li {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.arrow_scroll_init .arrows_wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.arrow_scroll_init .arrows_wrapper .arrow {
  position: absolute;
  width: 38px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  background: var(--black_bg_black);
  z-index: 1;
  cursor: pointer;
}

.grey_block .arrow_scroll_init .arrows_wrapper .arrow {
  background-color: #f9f9fa;
  background-color: var(--darkerblack_bg_black);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left {
  left: -14px;
  border-right: 1px solid #ececec;
  border-color: var(--stroke_black);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg {
  transform: rotate(-90deg);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
  right: -14px;
  border-left: 1px solid #ececec;
  border-color: var(--stroke_black);
}

.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
  right: 14px;
}
.dropdown-select .arrow_scroll_init .arrows_wrapper {
  right: -14px;
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg {
  transform: rotate(90deg);
}

.arrow_scroll_init .arrows_wrapper .arrow.disabled {
  display: none;
}

.dropdown-select .line-block {
  position: relative;
}

@media (max-width: 600px) {
  .tabs {
    margin-bottom: 41px;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/bg-banner.css?17669957653571*/
body.fill_bg_y.visible_banner header .line-row {
  margin: auto;
}
body.fill_bg_y.visible_banner .maxwidth-theme {
  background: #fff;
}
body.fill_bg_y.visible_banner .top-block {
  background: none;
  padding: 0px;
}
body.fill_bg_y.visible_banner.header_fill_light header .top-block + .logo_and_menu-row .logo-row,
body.fill_bg_y.visible_banner.header_fill_dark header .top-block + .logo_and_menu-row .logo-row {
  background: none;
}
body.fill_bg_y.visible_banner.header_fill_none.header_opacity header .top-block + .logo_and_menu-row .maxwidth-theme {
  background: none;
}

body.fill_bg_y.visible_banner header {
  background: none;
}
body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row {
  border-bottom-width: 0px;
}
body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row > .logo-row > .maxwidth-theme {
  border-bottom: 1px solid #f5f5f5;
}

body.fill_bg_y.visible_banner .greyline .maxwidth-theme {
  background: #f9f9fa;
}

body.fill_bg_y.visible_banner .maxwidth-banner {
  background: #fff;
}
body.fill_bg_y.visible_banner .maxwidth-banner .maxwidth-theme {
  background: none;
}

body.fill_bg_y.visible_banner > .body > .main {
  background: #fff;
  z-index: 1;
  position: relative;
  margin: auto;
}

body.fill_bg_y.visible_banner .company-block .maxwidth-theme {
  background: none;
}
body.fill_bg_y.visible_banner header .menu-row.bgcolored {
  background: none;
}

body.fill_bg_y.visible_banner .page-top-wrapper.grey {
  background: none;
}
body.fill_bg_y.visible_banner .page-top-wrapper.grey > .maxwidth-theme,
body.fill_bg_y.visible_banner .tabs_ajax .body-block .maxwidth-theme {
  background: #f9f9f9;
}
body.fill_bg_y.visible_banner.title-v4 .page-top-wrapper .maxwidth-theme {
  background: none;
}

body.fill_bg_y.visible_banner .contacts.contacts-page-map-overlay.maxwidth-theme {
  background: none;
}
body.fill_bg_y.visible_banner .contacts-page-map + .contacts.contacts-page-overmap .contacts-wrapper {
  box-shadow: 0px -16px 15px 0px rgba(0, 0, 0, 0.22);
  margin: -70px -32px 0px;
}
body.fill_bg_y.visible_banner .banner.TOP_HEADER,
body.fill_bg_y.visible_banner .banner.TOP_UNDERHEADER {
  margin-left: auto;
  margin-right: auto;
}

body.fill_bg_y.visible_banner .contacts-page-top {
  padding-top: 0px;
}
body.fill_bg_y.visible_banner .contacts-page-top > .maxwidth-theme {
  padding-top: 35px;
}
body.fill_bg_y.visible_banner .contacts-page-map {
  background: #fff;
}

body.fill_bg_y.visible_banner .basket_order .maxwidth-theme {
  background: none;
}

body.fill_bg_y.visible_banner footer {
  background: none;
  margin: auto;
  position: relative;
  z-index: 2;
}
body.fill_bg_y.visible_banner footer.compact {
  background: #373d44;
}
body.fill_bg_y.visible_banner.footer-v1 footer,
body.fill_bg_y.visible_banner.footer-v3 footer {
  background: #373d44;
}
body.fill_bg_y.visible_banner.footer-v2 footer {
  background: #fff;
}
body.fill_bg_y.visible_banner.footer-v4 footer,
body.fill_bg_y.visible_banner.footer-v2 footer,
body.fill_bg_y.visible_banner.footer-v6 footer {
  background: #f9f9f9;
}
body.fill_bg_y.visible_banner .subscribe-block-wrapper {
  background: none;
}
body.fill_bg_y.visible_banner.footer-v1 .subscribe-block-wrapper .maxwidth-theme {
  background: #ffffff0d;
}
body.fill_bg_y.visible_banner.footer-v2 .subscribe-block-wrapper .maxwidth-theme {
  background: #f9f9f9;
}
body.fill_bg_y.visible_banner footer .maxwidth-theme {
  background: none;
}

/* End */


/* Start:/local/templates/aspro-lite/css/item-views.css?1766995765543*/
.text_before_items {
  margin-bottom: 41px;
  color: #666;
  color: var(--lite_basic_text_black);
}
.text_after_items {
  margin: 77px 0px 0px;
  color: #666;
  color: var(--lite_basic_text_black);
}

.item-views {
  margin-bottom: 0;
  position: relative;
}
.text_before_items h1:first-child,
.text_before_items h2:first-child,
.text_before_items h3:first-child,
.text_before_items h4:first-child,
.text_before_items h5:first-child,
.text_before_items h6:first-child {
  margin-top: 0;
}

.text_after_items *:last-child{
  margin-bottom: 0;
}
/* End */


/* Start:/local/templates/aspro-lite/css/blocks/countdown.css?17669957652150*/
.countdown {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  display: inline-block;
  overflow: hidden;
  color: #333333;
  color: var(--white_text_black);

  border-radius: calc(var(--border-radius) - 2px);
}
.countdown-block {
  display: block;
}
.countdown__inner {
  height: 23px;
  padding-right: 2px;
  background: #fff;
  background: var(--darkgrey_bg_black);
  overflow: hidden;
}
.countdown__items {
  display: none;
  /* padding-right: 2px; */
  background: #fff;
  background: var(--darkgrey_bg_black);
  height: 23px;
}
.countdown__items.is-countdown {
  display: inline-block;
}
.countdown__item {
  padding: 4px 3px 0 7px;
  font-size: 12px;
  width: auto;
  display: inline-block;
  position: relative;
  line-height: 16px;
  height: 25px;
  font-weight: bold;
}
.countdown__item:last-child {
  display: none;
}
.countdown__item:before,
.countdown__item:after {
  content: "";
  background: #333;
  background: var(--white_text_black);
  width: 2px;
  height: 2px;
  display: block;
  position: absolute;
  right: -3px;
  border-radius: 6px;
  z-index: 10;
}
.countdown__item:before {
  top: 9px;
}
.countdown__item:after {
  bottom: 9px;
}
.countdown__item:last-child:before,
.countdown__item:last-child:after {
  display: none;
}
.countdown__item.minutes:before,
.countdown__item.minutes:after {
  display: none;
}
.countdown__item.minutes {
  padding-right: 5px;
}
.countdown__item .text {
  display: inline-block;
  padding: 0 0 0 1px;
  opacity: 1;
}

.countdown__icon:before,
.countdown__icon:after {
  display: none;
}
.countdown__icon {
  width: 7px;
  height: 10px;
  position: absolute;
  left: 7px;
  top: 6px;
  background: url('/local/templates/aspro-lite/css/blocks/../../components/bitrix/news.list/sale-list/images/sale_fire.svg') no-repeat;
}
.countdown__icon .svg {
  top: -1px;
  left: 1px;
}
.countdown--icons .countdown__items {
  margin-left: 15px;
}
.countdown--shadowed {
  box-shadow: 0px 5px 12px 0px rgba(34,34,34,0.08);
}

.countdown-list-image {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 0px;
}
.countdown-list-list-image {
  margin-bottom: 4px;
}

.sticker .countdown {
  margin: 0px 2px 4px;
  display: block;
}
/* End */


/* Start:/local/templates/aspro-lite/css/blocks/cross.css?1766995765974*/
.cross{
  position: relative;
  height: 18px;
  width: 18px;
}
.cross:before,
.cross:after{
  content:'';
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 1px;
}
.cross:before{
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 2px;
  transition: width 0.5s ease-in-out;
}
.cross:after{
  transform: translate(-50%, -50%);
  left: 50%;
  height: 18px;
  width: 2px;
  transition: height 0.5s ease-in-out;
}
.animate-cross-hover:hover .cross:before{
  width:26px;
}
.animate-cross-hover:hover .cross:after{
  height:26px;
}
@media (min-width: 992px){
  .animate-cross-hover:hover .cross--wide34:before{
    width:34px;
  }
  .animate-cross-hover:hover .cross--wide34:after{
    height:34px;
  }
}
@media (min-width: 601px){
  .animate-cross-hover:hover .cross--wide42:before{
    width:42px;
  }
  .animate-cross-hover:hover .cross--wide42:after{
    height:42px;
  }
}
/* End */


/* Start:/local/templates/aspro-lite/css/blocks/dark-light-theme.css?17669957653052*/
/* start logic dark-light*/
:root {
  --ON_toggle: initial;
  --OFF_toggle: ;
}

/* Light theme is on by default */
.theme-default,
.theme-light {
  --light: var(--ON_toggle);
  --dark: var(--OFF_toggle);
}

/* Dark theme is off by default */
.theme-dark {
  --light: var(--OFF_toggle);
  --dark: var(--ON_toggle);
}

body {
  --white_text_black: var(--light, #222) var(--dark, white);
  --white_text_black_reverse: var(--light, #fff) var(--dark, #222);
  --basic_text_black: var(--light, #555) var(--dark, #ccc);
  --lite_basic_text_black: var(--light, #666) var(--dark, #ccc);

  --black_bg_black: var(--light, #fff) var(--dark, #1b1b1b);
  --darkerblack_bg_black: var(--light, #f8f8f8) var(--dark, #121212);
  --darkgrey_bg_black: var(--light, #f4f4f4) var(--dark, #343434);
  --stroke_black: var(--light, #ededed) var(--dark, #3a3a3a);
  --stroke_black_hover: var(--light, #fff) var(--dark, #3a3a3a);
  --card_bg_black: var(--light, #fff) var(--dark, #232323);
  --card_bg_hover_black: var(--light, #fff) var(--dark, #2b2b2b);
  --arrows_bg_black: var(--light, #fff) var(--dark, #444);

  --lite_bg_black: var(--light, #fafafa) var(--dark, #1b1b1b);
  --light2_bg_black: var(--light, #fafafa) var(--dark, #232323);
  --gray_bg_black: var(--light, #ccc) var(--dark, #3a3a3a);
  --white_bg_ccc: var(--light, #fff) var(--dark, #ccc);

  --fill_dark_light: var(--light, #222) var(--dark, #fff);
  --fill_dark_lite_ccc: var(--light, #222) var(--dark, #ccc);
  --fill_dark_lite_hover: var(--light, var(--theme-base-color)) var(--dark, #ccc);
  --fill_dark_lite_white_hover: var(--light, var(--theme-base-color)) var(--dark, #fff);

  --dark_light-wtheme-hue: var(--light, var(--theme-base-color-hue)) var(--dark, 0);
  --dark_light-wtheme-saturation: var(--light, var(--theme-base-color-saturation)) var(--dark, 0%);
  --dark_light-wtheme-lightness: var(--light, var(--theme-base-color-lightness)) var(--dark, 100%);
  --dark_light-hue: var(--light, 0) var(--dark, 0);
  --dark_light-saturation: var(--light, 0%) var(--dark, 0%);
  --dark_light-lightness: var(--light, 97%) var(--dark, 7%);

  --checkbox_dark_light: var(--light, #afafaf) var(--dark, #3a3a3a);
  --opacity_dark_lite_hover: var(--light, var(--theme-base-opacity-color)) var(--dark, #3a3a3a);

  --dff_dark_light: var(--light, #fff) var(--dark, #121212);

  --input_color: var(--light, #222) var(--dark, var(--basic_text_black));
  --input_bg_color: var(--black_bg_black);
  --input_bg_color-hover: var(--black_bg_black);
  --input_bg_color-focus: var(--card_bg_hover_black);
  --input_border_color: var(--light, #dadada) var(--dark, var(--stroke_black));
  --input_border_color-hover: var(--light, #dadada) var(--dark, var(--stroke_black_hover));
  --input_border_color-focus: var(--light, #999) var(--dark, #999);
}

/* If user prefers dark, then that's what they'll get */
@media (prefers-color-scheme: dark) {
  .theme-default {
    --light: var(--OFF_toggle);
    --dark: var(--ON_toggle);
  }
}
/* end logic*/

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/flexbox.css?17669957652945*/
.body.index .main > .container,
.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex: 1;
}
.row.flexbox {
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bx-mac .row.flexbox:not(.nmac) > div {
  margin-left: -1px;
  margin-right: -1px;
}
.bx-mac .flexbox.nmac,
.bx-mac .row.flexbox.nmac {
  display: block;
}
.bx-mac .row.flexbox:after,
.bx-mac .row.flexbox:before {
  width: 100%;
}
.flexbox--row {
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
}
/*
.bx-mac .flexbox > div,
.bx-ios .flexbox > div {
  margin-left: -1px !important;
  margin-right: -1px !important;
}
*/

.flexbox--direction-row {
  -ms-flex-direction: row;
  flex-direction: row;
}
.flexbox--direction-column {
  -ms-flex-direction: column;
  flex-direction: column;
}
.flexbox--direction-row-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flexbox--direction-column-reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flexbox--justify-beetwen {
  -ms-justify-content: space-between !important;
  justify-content: space-between !important;
}
.flexbox--justify-end {
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.flexbox--justify-center {
  -ms-justify-content: center;
  justify-content: center;
}
.flexbox--justify-around {
  -ms-justify-content: space-around;
  justify-content: space-around;
}
.flexbox--wrap-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flexbox--align-center {
  -ms-align-items: center;
  align-items: center;
}
.flexbox--align-start {
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.flexbox--align-self-start {
  align-self: flex-start;
}

.flex-1 {
  flex: 1;
}

.no-shrinked {
  flex-shrink: 0;
}
.flex-grow-1 {
  flex-grow: 1;
  flex-basis: 0%;
}
.flex-grow-0 {
  flex-grow: 0;
}
.bx-ie .flex-grow-1 {
  flex-grow: 1;
  flex-basis: auto;
}
.flexbox--wrap {
  flex-wrap: wrap;
}
body .flexbox--inline {
  display: inline-flex;
}

@media (max-width: 600px) {
  .bx-ie .flex-grow-1.flex-basis-auto-f600-ie {
    flex-basis: 0;
  }
}

@media (min-width: 601px) {
  .bx-ie .flex-grow-1.flex-basis-auto-t600-ie {
    flex-basis: 0;
  }
}

@media (min-width: 992px) {
  .flexbox--w34-f992 {
    flex-basis: 34%;
    padding-right: 64px;
  }
}

@media (max-width: 991px) {
  .flexbox--column-t991 {
    flex-direction: column;
  }
  .flexbox--mb20-t991 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .flexbox--column-t767 {
    flex-direction: column;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/grid-list.css?176699576510167*/
.grid-list {
  --gap: 24px;
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
.grid-list--gap-4 {
  --gap: 4px;
}
.grid-list.grid-list--gap-8 {
  --gap: 8px;
}
.grid-list--gap-12 {
  --gap: 12px;
}
.grid-list--gap-20 {
  --gap: 20px;
}
.grid-list--gap-30 {
  --gap: 30px;
}
.grid-list--gap-32 {
  --gap: 32px;
}
#main .body .grid-list--items-1,
#main .body .grid-list--items-1-wide {
  grid-template-columns: 1fr;
}
.grid-list--items-2 {
  grid-template-columns: repeat(auto-fill, minmax(505px, 1fr));
}
.grid-list--items-2.grid-list--items-min260 {
  grid-template-columns: repeat(auto-fill, minmax(max(calc((100% - 32px) / 2), 260px), 1fr));
}
.grid-list--items-2.grid-list--no-gap {
  grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
}
.grid-list--items-2.grid-list--no-gap.grid-list--items-min260 {
  grid-template-columns: repeat(auto-fill, minmax(max(50%, 260px), 1fr));
}
.grid-list--items-3 {
  grid-template-columns: repeat(auto-fill, minmax(425px, 1fr));
}
.grid-list--items-4 {
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}
.grid-list--items-5 {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.grid-list--items-6 {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.grid-list--items-exact-2 {
  grid-template-columns: 1fr 1fr;
}

body .grid-list--no-gap {
  --gap: 0px;
}
body .grid-list--gap-row {
  grid-row-gap: 32px;
}
body .grid-list--gap-row-40 {
  grid-row-gap: 40px;
}
body .grid-list--gap-column-24 {
  column-gap: 24px;
}

.grid-list--no-gap .grid-list-border-outer {
  margin: 0px -1px -1px 0px;
}

.grid-list--items-2-wide {
  grid-template-columns: repeat(auto-fill, minmax(640px, 1fr));
}
.grid-list--items-3-wide {
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
}
.grid-list--items-4-wide {
  grid-template-columns: repeat(auto-fill, minmax(385px, 1fr));
}
.grid-list--items-5-wide {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.grid-list--items-6-wide {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

body .grid-list--no-grid {
  display: flex;
  gap: unset;
  flex-wrap: wrap;
}

@media(min-width: 601px){
  .grid-list--items-2-601 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-list--items-3-601 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(min-width: 768px){
  .grid-list--items-8-768 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-list--items-7-768 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-list--items-6-768 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-list--items-5-768 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-list--items-4-768 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-list--items-3-768 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-list--items-2-768 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-list--items-1-768 {
    grid-template-columns: 1fr;
  }
}
@media(min-width: 992px){
  .grid-list--items-8-992 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-list--items-7-992 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-list--items-6-992 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-list--items-5-992 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-list--items-4-992 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-list--items-3-992 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-list--items-2-992 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-list--items-1-992 {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1100px) {
  .grid-list--items-8-1100 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-list--items-7-1100 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-list--items-6-1100 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-list--items-5-1100 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-list--items-4-1100 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-list--items-3-1100 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(min-width: 1200px){
  .grid-list--items-8-1200 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-list--items-7-1200 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-list--items-6-1200 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-list--items-5-1200 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-list--items-4-1200 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-list--items-3-1200 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-list--items-2-1200 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .grid-list--items-8-1300 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-list--items-7-1300 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-list--items-6-1300 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-list--items-5-1300 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-list--items-4-1300 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-list--items-3-1300 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(min-width: 1400px){
  .grid-list--items-8-1400 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-list--items-7-1400 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-list--items-6-1400 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-list--items-5-1400 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-list--items-4-1400 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-list--items-3-1400 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1300px) {
  .grid-list--items-2-wide {
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
  }
}

@media (min-width: 992px) {
  .grid-list--items-5:not(.grid-list--no-gap) {
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  }
}

@media (max-width: 1100px) {
  #main .grid-list.grid-list--items-1-991 {
    grid-template-columns: 1fr;
  }
  .grid-list.grid-list--items-2-991 {
    grid-template-columns: 1fr 1fr;
  }
  .grid-list.grid-list--items-3-991 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/*@media (max-width: 991px) and (min-width: 768px) {
  #main .grid-list.grid-list--items-2-768-991 {
    grid-template-columns: 1fr 1fr;
  }
}*/
@media (max-width: 768px) {
  #main [class*="grid-list--items"] {
    /* grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)); */

    /* grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); */
  }
}
@media (max-width: 500px) {
  #main .grid-list:not(.mobile-scrolled) {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

.item-w25 {
  width: 25%;
}
.item-w33 {
  width: 33.33%;
}
.item-w50 {
  width: 50%;
}
.item-w66 {
  width: 66.66%;
}
.item-w75 {
  width: 75%;
}
.item-w100 {
  width: 100%;
}

/* IE */
html.bx-ie .grid-list {
  display: flex;
  flex-wrap: wrap;
}
html.bx-ie .grid-list .grid-list__item {
  width: 100%;
}
html.bx-ie .grid-list--items-6 .grid-list__item {
  width: 16.66%;
}
html.bx-ie .grid-list--items-5 .grid-list__item {
  width: 20%;
}
html.bx-ie .grid-list--items-4 .grid-list__item {
  width: 25%;
}
html.bx-ie .grid-list--items-3 .grid-list__item {
  width: 33.33%;
}
html.bx-ie .grid-list--items-2 .grid-list__item {
  width: 50%;
}

@media (max-width: 1200px) {
  html.bx-ie .grid-list--items-5 .grid-list__item {
    width: 33%;
  }
}

@media (min-width: 992px) {
  .grid-list--no-grid:not(.grid-list--no-gap),
  html.bx-ie .grid-list:not(.grid-list--no-gap) {
    margin: -16px -16px;
  }
  .grid-list--no-grid:not(.grid-list--no-gap) > div,
  html.bx-ie .grid-list:not(.grid-list--no-gap) > div {
    padding: 16px;
  }
  html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap) {
    margin: 0px -10px;
  }
  html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap) > div {
    padding: 10px;
  }
  html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap) {
    margin: 0px -16px;
  }
  html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap) > div {
    padding: 16px;
  }
}

@media (max-width: 991px) {
  html.bx-ie .grid-list .grid-list__item {
    width: 50%;
  }
  html.bx-ie .grid-list--items-5 .grid-list__item {
    width: 20%;
  }
  html.bx-ie .grid-list--items-1 .grid-list__item,
  html.bx-ie .grid-list--items-1-wide .grid-list__item {
    width: 100%;
  }

  .grid-list {
    --gap: 24px;
  }

  .grid-list--no-grid:not(.grid-list--no-gap),
  html.bx-ie .grid-list:not(.grid-list--no-gap) {
    margin: 0px -12px;
  }
  .grid-list--no-grid:not(.grid-list--no-gap) > div,
  html.bx-ie .grid-list:not(.grid-list--no-gap) > div {
    padding: 12px;
  }
}

@media (max-width: 767px) {
  html.bx-ie .grid-list .grid-list__item {
    width: 100%;
  }
}

@media (max-width: 600px) {
  body .grid-list--no-gap.grid-list--no-gap-f601 {
    gap: 24px;
  }

  body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601 {
    gap: 0;
  }

  body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601 > div {
    padding-right: 24px;
  }

  /*compact*/
  #main .grid-list.grid-list--compact {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 450px) {
  /*compact*/
  #main .grid-list.grid-list--compact {
    gap: 0px;
    display: flex;
    flex-flow: row wrap;
  }
  #main .grid-list.grid-list--compact .grid-list-border-outer {
    margin: 0px -1px -1px 0px;
    width: 50%;
  }
  #main .grid-list.grid-list--compact .grid-list__item > .bordered {
    border-radius: 0px;
  }
}

@media (max-width: 400px) {
  #main .grid-list:not(.mobile-scrolled) {
    grid-template-columns: 1fr;
  }
}

.grid-list--fill-bg > .grid-list__item > div {
  background: #fff;
  background: var(--card_bg_black);
}

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/hint.css?17669957653257*/
.hint {
  position: relative;
  cursor: pointer;
}
.hint--absolute {
  position: absolute;
  top: 0px;
  right: -12px;
  z-index: 1;
}
.hint.hint--absolute2 {
  position: absolute;
  right: -23px;
  top: 0;
  z-index: 1;
}
.hint.hint--inline {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 3px;
}
.hint--inline .tooltip{
  margin-bottom: 4px;
}
.hint__icon {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  padding: 0;
  height: 16px;
  width: 16px;
  line-height: 15px;
  border: 1px solid #e5e5e5;
  font-size: 11px;
}
.hint .hint__icon:hover {
  color: #fff;
}
.hint__icon i {
  font-style: normal;
}
.hint__icon--absolute {
  position: absolute;
  z-index: 202;
  left: -35px;
  top: -1px;
}
.hint__text {
  padding: 0 0 0 6px;
}
.hint .tooltip {
  position: absolute;
  left: -19px;
  top: auto;
  bottom: 100%;
  line-height: 14px;
  z-index: 202;
  display: none;
  padding: 13px 16px 13px;
  min-width: 200px;
  max-width: 300px;
  font-size: 12px;
  border-radius: 8px;
  border-radius: var(--border-radius);
  font-weight: 400;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
  background: #fff;
  background: var(--card_bg_hover_black);
}
.hint.active .tooltip {
  opacity: 1;
  z-index: 204;
  cursor: auto;
}
/* .hint .tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -5px;
  left: 22px;
  top: auto;
  border: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom-width: 1px;
  border-top-color: var(--card_bg_hover_black);
} */
.hint .tooltip--manual {
  max-width: 232px;
  opacity: 1;
}
.hint.active .hint__icon {
  border-color: #9e9e9e;
  border-color: var(--theme-base-color);
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
  color: #fff;
}

/* hint down */
.hint.hint--down .tooltip {
  left: -16px;
  top: calc(100% + 4px);
  word-break: normal;
  bottom: inherit;
  opacity: 1;
}
/* .hint.hint--down .tooltip:after {
  left: 2px;
  border: 5px solid transparent;
  border-top-width: 1px;
  border-bottom-color: #fff;
  border-bottom-color: var(--card_bg_hover_black);
  top: -5px;
} */
/* .hint.hint--down.active .tooltip {
  display: inline-block;
} */

.properties_absolute {
  position: absolute;
  top: 0px;
  padding-right: 35px;
  padding-top: 2px;
  right: 100%;
  bottom: 0;
  width: 100%;
  text-align: left;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

/* props */
.properties__item {
  margin-top: 3px;
  position: relative;
  word-break: break-word;
}
.properties__item:first-of-type {
  margin-top: 0px;
}
.properties__item--inline {
  display: inline;
}
.properties__item.properties__item--compact {
  margin-top: 0;
}
.properties__hr {
  margin: 0 1px;
}
.properties--mt-10 {
  margin-top: 10px;
}
.properties--mt-13 {
  margin-top: 13px;
}
.properties--mt-20 {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .properties-absolute-outer:hover .properties_absolute {
    right: 0;
  }

  .properties_absolute.to-top {
    right: 0px;
    top: 100%;
  }

  .properties-absolute-outer:hover .properties_absolute.to-top {
    top: 0;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/images.css?17669957652070*/
.image-list-outer,
.image-list {
  width: 100%;
  position: relative;
}
.image-list-outer {
  /* overflow: hidden; */
}
.image-list-wrapper {
  position: relative;
  padding-top: 100%;
  margin: 0px auto;
  text-align: center;
  zoom: 1;
  display: block;
}
.image-list__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.image-list-wrapper img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

/*gallery in list*/
.section-gallery-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  right: 0px;
  flex-direction: row;
  z-index: 2;
}
.section-gallery-wrapper__item {
  flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  /* background-color: #fff; */
  /* margin-bottom: -4px; */
}
.section-gallery-wrapper__item-nav {
  display: block;
  position: relative;
  margin: 0 1px;
  height: 100%;
}
.section-gallery-wrapper__item_hidden {
  display: none;
}
.section-gallery-wrapper__item img {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  left: 0px;
  right: 0px;
  border-radius: 8px;
  border-radius: var(--border-radius);
}
.section-gallery-wrapper__item.active img {
  opacity: 1;
}

.section-gallery-nav {
  position: absolute;
  bottom: -5px;
  left: 0px;
  right: 0px;
  text-align: center;
  z-index: 2;
  line-height: 0px;
}
.section-gallery-nav__wrapper {
  display: block;
}
.section-gallery-nav__item {
  display: inline-block;
  width: 12px;
  height: 2px;
  background: rgba(136, 136,136,0.5);
  border-radius: 100%;
}
.section-gallery-nav__item:not(.active) {
  cursor: pointer;
}
.section-gallery-nav__item.active {
  background-color: var(--light, #222) var(--dark, white);
}

.image-list .price-economy {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 2;
}

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/line-block.css?17669957656201*/
.line-block {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0 -16px;
}
.line-block--column {
  flex-direction: column;
}
.line-block--align-normal {
  align-items: normal;
}
.line-block--align-baseline {
  align-items: baseline;
}
.line-block--align-flex-start {
  align-items: flex-start;
}
.line-block--align-flex-end {
  align-items: flex-end;
}
.line-block--flex-wrap {
  flex-wrap: wrap;
}
.line-block > .line-block__item {
  padding-left: 16px;
  padding-right: 16px;
}
.line-block--40 {
  margin-left: -20px;
  margin-right: -20px;
}
.line-block--40 > .line-block__item {
  padding-left: 20px;
  padding-right: 20px;
}
.line-block--48 {
  margin-left: -24px;
  margin-right: -24px;
}
.line-block--48 > .line-block__item {
  padding-left: 24px;
  padding-right: 24px;
}
.line-block--100 {
  margin-left: -50px;
  margin-right: -50px;
}
.line-block--100 > .line-block__item {
  padding-left: 50px;
  padding-right: 50px;
}
.line-block-80 {
  margin-left: -40px;
  margin-right: -40px;
}
.line-block--80 > .line-block__item {
  padding-left: 40px;
  padding-right: 40px;
}
.line-block--24 {
  margin-left: -12px;
  margin-right: -12px;
}
.line-block--24 > .line-block__item {
  padding-left: 12px;
  padding-right: 12px;
}
.line-block--20 {
  margin-left: -10px;
  margin-right: -10px;
}
.line-block--20 > .line-block__item {
  padding-left: 10px;
  padding-right: 10px;
}
.line-block--16 {
  margin-left: -8px;
  margin-right: -8px;
}
.line-block--16 > .line-block__item {
  padding-left: 8px;
  padding-right: 8px;
}
.line-block--12 {
  margin-left: -6px;
  margin-right: -6px;
}
.line-block--12 > .line-block__item {
  padding-left: 6px;
  padding-right: 6px;
}
.line-block--8 {
  margin-left: -4px;
  margin-right: -4px;
}
.line-block--8 > .line-block__item {
  padding-left: 4px;
  padding-right: 4px;
}
.line-block--6 {
  margin-left: -3px;
  margin-right: -3px;
}
.line-block--6 > .line-block__item {
  padding-left: 3px;
  padding-right: 3px;
}
.line-block--4 {
  margin-left: -2px;
  margin-right: -2px;
}
.line-block--4 > .line-block__item {
  padding-left: 2px;
  padding-right: 2px;
}
.line-block--2 {
  margin-left: -1px;
  margin-right: -1px;
}
.line-block--2 > .line-block__item {
  padding-left: 1px;
  padding-right: 1px;
}
.line-block--0 {
  margin-left: 0px;
  margin-right: 0px;
}
.line-block--0 > .line-block__item {
  padding-left: 0px;
  padding-right: 0px;
}

.line-block--flex-100 > .line-block__item {
  flex-basis: 100%;
}

@media all and (max-width: 1400px) {
  .line-block--24-narrow {
    margin-left: -12px;
    margin-right: -12px;
  }
  .line-block--24-narrow > .line-block__item {
    padding: 0 12px;
  }
}
@media all and (max-width: 1300px) {
  .line-block--24-1300 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .line-block--24-1300 > .line-block__item {
    padding: 0 12px;
  }
}
@media all and (max-width: 1200px) {
  .line-block--24-1200 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .line-block--24-1200 > .line-block__item {
    padding: 0 12px;
  }
}
@media all and (max-width: 1100px) {
  .line-block--24-1100 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .line-block--24-1100 > .line-block__item {
    padding: 0 12px;
  }
}

@media all and (max-width: 1400px) {
  .line-block--32-narrow {
    margin-left: -16px;
    margin-right: -16px;
  }
  .line-block--32-narrow > .line-block__item {
    padding: 0 16px;
  }
  .line-block--32-1400 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .line-block--32-1400 > .line-block__item {
    padding: 0 16px;
  }
}
@media all and (max-width: 1300px) {
  .line-block--32-1300 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .line-block--32-1300 > .line-block__item {
    padding: 0 16px;
  }
}
@media all and (max-width: 1200px) {
  .line-block--32-1200 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .line-block--32-1200 > .line-block__item {
    padding: 0 16px;
  }
}
@media all and (max-width: 1100px) {
  .line-block--32-1100 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .line-block--32-1100 > .line-block__item {
    padding: 0 16px;
  }
}

@media (max-width: 1400px) {
  .line-block--wrap-end-1400 {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .line-block--block {
    display: block;
  }
}

.line-block--24-vertical {
  margin-top: -12px;
  margin-bottom: -12px;
}
.line-block--24-vertical > .line-block__item {
  padding-top: 12px;
  padding-bottom: 12px;
}

.line-block--16-vertical {
  margin-top: -8px;
  margin-bottom: -8px;
}
.line-block--16-vertical > .line-block__item {
  padding-top: 8px;
  padding-bottom: 8px;
}

.line-block--12-vertical {
  margin-top: -6px;
  margin-bottom: -6px;
}
.line-block--12-vertical > .line-block__item {
  padding-top: 6px;
  padding-bottom: 6px;
}

.line-block--8-vertical {
  margin-top: -4px;
  margin-bottom: -4px;
}
.line-block--8-vertical > .line-block__item {
  padding-top: 4px;
  padding-bottom: 4px;
}

.line-block--8-1-vertical {
  margin-top: -8px;
  margin-bottom: -1px;
}
.line-block--8-1-vertical > .line-block__item {
  padding-top: 8px;
  padding-bottom: 1px;
}

.line-block--6-vertical {
  margin-top: -3px;
  margin-bottom: -3px;
}
.line-block--6-vertical > .line-block__item {
  padding-top: 3px;
  padding-bottom: 3px;
}

.line-block--5-6-vertical {
  margin-top: -5px;
  margin-bottom: -6px;
}
.line-block--5-6-vertical > .line-block__item {
  padding-top: 5px;
  padding-bottom: 6px;
}

.line-block--4-vertical {
  margin-top: -2px;
  margin-bottom: -2px;
}
.line-block--4-vertical > .line-block__item {
  padding-top: 2px;
  padding-bottom: 2px;
}

.line-block--gap {
  --gap: 0px;

  margin: 0px;
  gap: var(--gap);
}
.line-block--gap > .line-block__item {
  padding: 0px;
}
.line-block--gap-4 {
  --gap: 4px;
}
.line-block--gap-6 {
  --gap: 6px;
}
.line-block--gap-8 {
  --gap: 8px;
}
.line-block--gap-12 {
  --gap: 12px;
}
.line-block--gap-16 {
  --gap: 16px;
}
.line-block--gap-20 {
  --gap: 20px;
}
.line-block--gap-32 {
  --gap: 32px;
}
.line-block--gap-40 {
  --gap: 40px;
}
.line-block--gap-70 {
  --gap: 70px;
}

@media (max-width: 600px) {
  .line-block--gap-8-to-600 {
    --gap: 8px;
  }
}
/* End */


/* Start:/local/templates/aspro-lite/css/blocks/mobile-scrolled.css?17669957651306*/
@media (max-width: 600px) {
  .mobile-scrolled {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 15px !important;
    margin-bottom: -15px !important;
    padding-top: 15px !important;
    margin-top: -15px !important;
    grid-gap: 0px;
  }
  #main .mobile-scrolled:not(.grid-list--no-gap) > div {
    padding: 0px 8px 0px 0px;
  }
  #main .mobile-scrolled > div {
    width: 420px;
    flex-shrink: 0;
    box-sizing: content-box;
    order: unset;
  }
  #main .mobile-scrolled--items-2 > div {
    width: 260px;
  }
  #main .mobile-scrolled--items-3 > div {
    width: 164px;
  }
  #main .mobile-scrolled.mobile-scrolled--items-auto > div {
    width: auto;
    padding: 0px;
  }
  #main .mobile-scrolled.mobile-scrolled--small-offset > div {
    padding-right: calc(var(--theme-page-width-padding) / 2);
  }
  #main .mobile-scrolled.mobile-scrolled--small-offset > div:last-of-type {
    padding-right: var(--theme-page-width-padding);
  }
  #main .mobile-offset {
    margin: 0 calc(-1 * var(--theme-page-width-padding));
    padding: 0 0 0 var(--theme-page-width-padding);
    flex-wrap: nowrap;
  }
  #main .mobile-offset--right {
    padding: 0 var(--theme-page-width-padding);
  }
}

@media (max-width: 450px) {
  .mobile-scrolled > div {
    width: 320px;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/popup.css?17669957656715*/
body.jqm-initied #panel,
body.jqm-initied .basket_bottom_block > div,
body.jqm-initied .basket_fly_forms > div,
body.jqm-initied .basket_wrapp .opener,
body.jqm-initied .scroll-to-top,
body.jqm-initied .style-switcher,
body.jqm-initied .ui-panel-top-devices-inner,
body.jqm-initied .page-top,
body.jqm-initied .body > div > div,
body.jqm-initied .body > div > header > div > div,
body.jqm-initied footer,
body.jqm-initied .bottom-icons-panel,
body.jqm-initied .fixed_wrapper,
body.jqm-initied.wf .wrapper1 > div {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.filter-none,
.filter-none > div,
.filter-none > header > div {
  -webkit-filter: none !important;
  filter: none !important;
}
#popup_iframe_wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.popup.loading-state {
  background-color: #fff;
  background-color: var(--black_bg_black);
}
.jqmWindow {
  display: none;
  position: fixed;
  min-width: 250px;
  max-width: 460px;
  background: white;
  background: var(--black_bg_black);
  animation: toggle_opacity 200ms;
  max-height: 100%;
  width: 100%;
  border-radius: 12px;
  border-radius: var(--theme-outer-border-radius);
  padding: 0 2px 0 0px;
  overflow: hidden;
}
.jqmWindow--overflow-visible{
  overflow: visible;
}
.jqmWindow.include_block_frame {
  max-width: 960px;
}
.jqmWindow > .scrollbar {
  max-height: 100vh;
  display: block;
}
.review_frame.popup {
  max-width: 700px;
}
.ocb_frame.popup:not(.compact) {
  max-width: 957px;
}
.auth_frame.popup {
  max-width: 460px;
}
.wizard_solution_frame.popup {
  max-width: 100px;
  min-width: 100px;
  height: 100px;
  overflow: hidden;
  padding: 0;
}
.wizard_solution_frame.popup.mCustomScrollbar > .mCustomScrollBox,
.wizard_solution_frame.popup.mCustomScrollbar > .mCustomScrollBox > .mCSB_container {
  max-height: 100vh !important;
  height: 100% !important;
}

/* hide popup until ajax css loaded */
.stores_frame.popup {
  max-width: 1200px;
  width: auto;
  display: none !important;
}

.jqmOverlay {
  background: #3a3f44;
  opacity: 0.7 !important;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 998;
}
.jqmOverlay.mobp {
  z-index: 992;
}
.jqmOverlay.waiting {
  z-index: 998;
}
.jqmClose.top-close {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0px;
  right: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}
.top-close.top-close--small {
  width: 44px;
  height: 40px;
}
.top-close--small svg {
  width: 10px;
  height: 10px;
}
.mobile .jqmWindow.popup {
  overflow: hidden;
  overflow-y: auto;
}
.jqmWindow .mCSB_container {
  /* margin-bottom: 0; */
}

.form.popup .form-header {
  padding-top: 35px;
  padding-left: 32px;
  padding-right: 32px;
}
.form.popup .licence_block.bx_filter {
  display: block;
}
.form.popup .form-body {
  padding-left: 32px;
  padding-right: 32px;
}
.form.popup .form-error {
  padding-left: 32px;
  padding-right: 32px;
}
.form.popup .form-footer,
.form.popup .social_block {
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
  text-align: left;
}
.scrollbar .form.popup .form-header,
.scrollbar .form.popup .form-body,
.scrollbar .form.popup .form-footer,
.scrollbar .form.popup .social_block,
.scrollbar .form.popup .form-error {
  padding-right: calc(32px - 2px);
}
.form.popup .captcha-row {
  margin-bottom: 41px;
}
.form.popup .captcha-row.normal,
.form.popup .captcha-row.compact {
  margin-bottom: 21px;
}
.form.popup .captcha-row.invisible{
  margin-bottom: 25px;
}
.form.popup.success .form-header  {
  padding-bottom: 0;
}
.form.popup.success .form-header .text {
  display: none;
}

/*goods popup*/
.goods-popup {
  width: 393px;
  border-right: 1px solid #e5e5e5;
  border-right: 1px solid var(--stroke_black);
  padding: 35px 32px;
}
.goods-popup__sticky {
  position: sticky;
  top: 35px;
}
.goods-popup__image {
  margin-bottom: 26px;
  border-radius: 8px;
  border-radius: var(--theme-outer-border-radius);
  overflow: hidden;
}
.goods-popup__info-link {
  display: block;
  margin-bottom: 6px;
}
.goods-popup__info-more {
  margin-bottom: 14px;
}
.goods-popup .status-container .icon-container,
.goods-popup .status-amount--stores {
  display: none;
}

/* send gift popup */
.popup__item-block-info {
  align-items: center;
  grid-template-columns: 80px auto;
  margin: 16px 0 28px;
  padding: 20px;
}
.item-block-info__image img{
  width: 100%;
}

/* sale fast view */
.fast_view_sale_frame {
  max-width: 700px;
}

/* fast view */
.fast_view_frame.popup {
  max-width: 940px;
  /* width: 88%; */
  z-index: 2998;
  max-height: 750px;
}
#fast_view_item {
  height: 100%;
  overflow: visible;
}

@media (max-height: 750px) {
  .fast_view_frame.popup {
    height: 100vh;
  }
}

/* fast view navigation*/
.navigation-wrapper-fast-view {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 100%;
  max-width: 1080px;
  display: flex;
  justify-content: space-between;
}
.navigation-wrapper-fast-view .fast-view-nav {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #fff;
  background: var(--arrows_bg_black);
  cursor: pointer;
  z-index: 2998;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.navigation-wrapper-fast-view .fast-view-nav * {
  fill: #fff;
  fill: var(--fill_dark_light);
}
.navigation-wrapper-fast-view .fast-view-nav:hover * {
  fill: #fff;
}
.navigation-wrapper-fast-view .fast-view-nav.prev .svg {
  transform: rotate(-90deg);
}
.navigation-wrapper-fast-view .fast-view-nav.next .svg {
  transform: rotate(90deg);
}

/*ie*/
.bx-ie .jqmWindow {
  transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
  .goods-popup {
    width: 300px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .jqmWindow {
    width: calc(100% - 48px);
  }
  .goods-popup {
    display: none;
  }
  .navigation-wrapper-fast-view {
    display: none;
  }
}
@media (max-width: 600px) {
  .form.popup .form-header,
  .form.popup .form-body,
  .form.popup .form-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 450px) {
  .jqmWindow {
    transition: 0.15s linear;
  }
}
@media (max-width: 430px) {
  .jqmWindow {
    max-width: inherit;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    min-height: 100%;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden;
    border-radius: 0;
    padding: 0 !important;
  }
  .jqmWindow > .scrollbar {
    max-height: 100vh;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/prices.css?1766995765679*/
.price {
  font-weight: 600;
  line-height: 20px;
  font-size: 1rem;
}
/*.price .price__new-val {
  line-height: 22px;
}*/
.price__old {
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
}
.price__old-val {
  text-decoration: line-through;
}
.price-economy {
  display: flex;
}
.price .price-economy {
  margin-bottom: 2px;
}
.price-economy__val {
  --economy-height: 21px;
  display: flex;
  align-items: center;
  background: #FFEB81;
  background: var(--sticker_color);
  padding: 1px 5px;
  border-radius: calc(var(--border-radius) - 2px);
  height: var(--economy-height);
}

.price--inline > div {
  display: inline-block;
  vertical-align: baseline;
}

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/scroller.css?17669957652249*/
.bx-touch .table-scroller-wrapper__ear {
  display: none;
}
@media (min-width: 992px) {
  #table-scroller-wrapper.scroller {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .table-scroller-wrapper__ear {
    position: absolute;
    z-index: 6;
    margin-bottom: -80px;
    width: 36px;
    height: 160px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease, margin 300ms ease, height 300ms ease;
    -o-transition: opacity 300ms ease, margin 300ms ease, height 300ms ease;
    transition: opacity 300ms ease, margin 300ms ease, height 300ms ease;
    -webkit-transform: translate3d(0px, 48px, 0);
    -ms-transform: translate3d(0px, 48px, 0);
    transform: translate3d(0px, 48px, 0);
    will-change: transform;
  }

  .table-scroller-wrapper__ear:before,
  .table-scroller-wrapper__ear:after {
    content: "";
    width: 36px;
    height: 48px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .table-scroller-wrapper__ear:before {
    background-color: #333;
    opacity: 0.4;
  }
  .table-scroller-wrapper__ear:hover:before {
    background-color: var(--theme-base-color);
    opacity: 1;
  }
  .table-scroller-wrapper__ear--right {
    right: 0;
    left: auto;
    margin-right: -36px;
  }

  .table-scroller-wrapper__ear--right:after {
    background: url("/local/templates/aspro-lite/css/blocks/../../images/svg/arrows/arrow-right-light.svg") center no-repeat;
  }
  .table-scroller-wrapper__ear--right:before {
    border-radius: 4px 0px 0px 4px;
  }
  .table-scroller-wrapper__ear--left {
    left: 0;
    margin-left: -36px;
  }

  .table-scroller-wrapper__ear--left:after {
    background: url("/local/templates/aspro-lite/css/blocks/../../images/svg/arrows/arrow-left-light.svg") center no-repeat;
  }
  .table-scroller-wrapper__ear--left:before {
    border-radius: 0px 4px 4px 0px;
  }

  #table-scroller-wrapper:hover .table-scroller-wrapper__ear.showing {
    opacity: 1;
  }
  #table-scroller-wrapper:hover .table-scroller-wrapper__ear--left.showing {
    margin-left: 0;
  }
  #table-scroller-wrapper:hover .table-scroller-wrapper__ear--right.showing {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .table-scroller-wrapper__ear {
    display: none;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/blocks/social-list.css?1766995765382*/
.social-list{display: flex;flex-wrap: wrap;margin: 0px -10px 0px;}
.social-list--mt-15{margin-top: 15px;}
.social-list--mt-30{margin-top: 30px;}

.social-list__item{display: flex;align-items: center;margin: 0 10px;}
.social-list__item .svg {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}
.social-list .social-list__item * {fill: #B8B8B8;}
/* End */


/* Start:/local/templates/aspro-lite/css/blocks/sticker.css?17669957652397*/
/*sticker*/
.sticker {
  position: absolute;
  z-index: 3;
  top: 0px;
  left: -2px;
  display: flex;
  flex-wrap: wrap;
}
.sticker--static {
  position: static;
}
.sticker__item {
  --sticker_color: #0cbc3d;
  --sticker-height: 23px;
  padding: 1px 6px 1px 8px;
  margin: 0 2px 4px;
  color: #fff;
  background: #0cbc3d;
  background: var(--sticker_color);
  border-radius: 8px;
  border-radius: calc(var(--border-radius) - 2px);
  font-weight: 500;
  position: relative;

  height: var(--sticker-height);
  display: inline-flex;
  align-items: center;
}
.sticker .sticker__item {
  line-height: var(--sticker-height);
  display: flex;
}
.sticker__item:before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0px;
  box-shadow: 0px 6px 12px var(--sticker_color);
  opacity: 0.2;
  border-radius: 8px;
  border-radius: var(--border-radius);
}
.sticker__item--bordered {
  color: #666;
  color: var(--lite_basic_text_black);
  border: 1px solid #e5e5e5;
  border-color: var(--stroke_black);
  background: #fafafa;
  background: var(--light2_bg_black);
}
.sticker--upper .sticker__item {
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.sticker__item--sale,
.sticker__item--aktsiya,
.sticker__item--stock {
  --sticker_color: #ffeb81;
  color: #222;
}
.sticker__item--new,
.sticker__item--novinka {
  --sticker_color: #32cb5d;
}
.sticker__item--hit,
.sticker__item--khit {
  --sticker_color: #ff6565;
}
.sticker__item--recommend,
.sticker__item--sovetuem {
  --sticker_color: #a56ffd;
}
.sticker__item--sale-text {
  --sticker_color: #e35689;
}
/* .sticker__item--percent {
  --sticker_color: #f31d37;
} */

/*stock*/
.status-icon {
  position: relative;
  display: inline-block;
  color: #69be15;
  white-space: nowrap;
}
.status-icon.nostock {
  color: #f91a35;
}
.status-icon.order {
  color: #25a4f1;
}
.status-icon.pending {
  color: #fc9e41;
}

/*fast_view*/
.btn-fast-view {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 4;
  opacity: 0;
  box-shadow: 0px 5px 30px 0px rgba(34, 34, 34, 0.1);
  transition: opacity 0.3s ease;
}
.btn-fast-view .btn {
  border: none;
  font-weight: normal;
}
.btn-fast-view .btn:not(:hover) {
  background-color: rgba(255, 255, 255, 0.9);
  color: #222;
}
.grid-list__item:hover .btn-fast-view {
  opacity: 1;
}

@media (max-width:600px){
  .sticker__item {
    --sticker-height: 19px;
  }
}
/* End */


/* Start:/local/templates/aspro-lite/css/blocks/sticky.css?1766995765240*/
#main .sticky-block {
  position: -webkit-sticky;
  position: sticky;
  z-index: 5;
  top: 32px;
}
#main.fixed_y .sticky-block {
  top: 112px;
}
#main .sticky-block--top-0 {
  top: 0px;
}
#main .sticky-block--show-N {
  position: static;
}

/* End */


/* Start:/local/templates/aspro-lite/css/index-page.css?176699576512468*/
.body.index .main > .container > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.drag-block[data-order="1"] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.drag-block[data-order="2"] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.drag-block[data-order="3"] {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.drag-block[data-order="4"] {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.drag-block[data-order="5"] {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.drag-block[data-order="6"] {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.drag-block[data-order="7"] {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}
.drag-block[data-order="8"] {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}
.drag-block[data-order="9"] {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.drag-block[data-order="10"] {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}
.drag-block[data-order="11"] {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}
.drag-block[data-order="12"] {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}
.drag-block[data-order="13"] {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}
.drag-block[data-order="14"] {
  -webkit-box-ordinal-group: 15;
  -ms-flex-order: 14;
  order: 14;
}
.drag-block[data-order="15"] {
  -webkit-box-ordinal-group: 16;
  -ms-flex-order: 15;
  order: 15;
}
.drag-block[data-order="16"] {
  -webkit-box-ordinal-group: 17;
  -ms-flex-order: 16;
  order: 16;
}
.drag-block[data-order="17"] {
  -webkit-box-ordinal-group: 18;
  -ms-flex-order: 17;
  order: 17;
}
.drag-block[data-order="18"] {
  -webkit-box-ordinal-group: 19;
  -ms-flex-order: 18;
  order: 18;
}
.drag-block[data-order="19"] {
  -webkit-box-ordinal-group: 20;
  -ms-flex-order: 19;
  order: 19;
}
.drag-block[data-order="20"] {
  -webkit-box-ordinal-group: 21;
  -ms-flex-order: 20;
  order: 20;
}
.drag-block[data-order="21"] {
  -webkit-box-ordinal-group: 22;
  -ms-flex-order: 21;
  order: 21;
}
.drag-block[data-order="22"] {
  -webkit-box-ordinal-group: 23;
  -ms-flex-order: 22;
  order: 22;
}
.drag-block[data-order="23"] {
  -webkit-box-ordinal-group: 24;
  -ms-flex-order: 23;
  order: 23;
}
.drag-block[data-order="24"] {
  -webkit-box-ordinal-group: 25;
  -ms-flex-order: 24;
  order: 24;
}
.drag-block[data-order="25"] {
  -webkit-box-ordinal-group: 26;
  -ms-flex-order: 25;
  order: 25;
}

.drag-block.container {
  /*margin-bottom: -1px;*/
  position: relative;
  /* content-visibility: auto; */
  /* contain-intrinsic-size: 100px; */
  /* contain-intrinsic-size: 100px 1000px; */
}

.bg-fix {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.index-block > [id^="bx_incl"] {
  display: block;
}

.index-block--padding-top-0 > div {
  padding-top: 0px;
}
.index-block--padding-top-40 > div {
  padding-top: 40px;
}
.index-block--padding-top-80 > div {
  padding-top: 80px;
}
.index-block--padding-top-130 > div {
  padding-top: 130px;
}
.index-block--padding-bottom-0 > div {
  padding-bottom: 0px;
}
.index-block--padding-bottom-40 > div {
  padding-bottom: 40px;
}
.index-block--padding-bottom-80 > div {
  padding-bottom: 80px;
}
.index-block--padding-bottom-130 > div {
  padding-bottom: 130px;
}

.index-block--padding-top-40 .index-block--mt-dynamic {
  margin-top: -40px;
}
.index-block--padding-top-80 .index-block--mt-dynamic {
  margin-top: -80px;
}
.index-block--padding-top-130 .index-block--mt-dynamic {
  margin-top: -130px;
}
.index-block--padding-bottom-40 .index-block--mb-dynamic {
  margin-bottom: -40px;
}
.index-block--padding-bottom-80 .index-block--mb-dynamic {
  margin-bottom: -80px;
}
.index-block--padding-bottom-130 .index-block--mb-dynamic {
  margin-bottom: -130px;
}

@media (max-width: 767px) {
  .index-block--padding-top-80 > div {
    padding-top: 40px;
  }
  .index-block--padding-top-130 > div {
    padding-top: 40px;
  }
  .index-block--padding-bottom-80 > div {
    padding-bottom: 40px;
  }
  .index-block--padding-bottom-130 > div {
    padding-bottom: 40px;
  }

  .index-block--padding-top-80 .index-block--mt-dynamic {
    margin-top: -40px;
  }
  .index-block--padding-top-130 .index-block--mt-dynamic {
    margin-top: -40px;
  }
  .index-block--padding-bottom-80 .index-block--mb-dynamic {
    margin-bottom: -40px;
  }
  .index-block--padding-bottom-130 .index-block--mb-dynamic {
    margin-bottom: -40px;
  }
}

.index-block--fon {
  background: #f8f8f8;
  background: var(--darkerblack_bg_black);
}
.index-block--delimiter > div {
  border-bottom: 1px solid #e5e5e5;
  border-bottom: 1px solid var(--stroke_black);
}

.header-no-border .BIG_BANNER_INDEX .index-block--delimiter > div{
  border-bottom: none;
}

.index-block__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.index-block__title-wrapper--align-baseline {
  align-items: baseline;
}

.index-block__title-wrapper--with-center-block .index-block__part--right {
  /* justify-content: flex-end; */
}
.index-block__part--center {
  flex: 1;
  text-align: center;
}
.index-block__title-wrapper--mb-35 {
  margin-bottom: 35px;
}
.index-block--mb-59 {
  margin-bottom: 59px;
}
.index-block__title {
  font-size: 24px;
  line-height: 34px;
  margin: 0;
}

.index-block .tab-nav-wrapper {
  margin-left: 50px;
}

@media (min-width: 992px) {
  .tariffs-list .index-block__title-wrapper--with-center-block .index-block__part--left {
    flex-basis: auto;
  }
}
@media (max-width: 991px) {
  .index-block__space-wrapper.flexbox {
    flex-direction: column;
  }
  .index-block__title-wrapper--with-center-block .tab-nav {
    justify-content: normal;
  }
}

@media (max-width: 767px) {
  .index-block__title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 600px) {
  .index-block__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.index-block__link-wrapper {
  display: flex;
  align-items: center;
}
.index-block__link {
  height: 28px;
  font-size: 0px;
  line-height: 28px;
  margin-left: 20px;
  background-color: rgba(136, 136, 136, 0.1);
  padding: 0px 7px 0px 8px;
  border-radius: 8px;
  border-radius: var(--border-radius);
  /* vertical-align: middle; */
}
.index-block__part--left {
  display: flex;
  align-items: center;
  position: relative;
}
.index-block__part--right {
  display: flex;
  align-items: center;
  min-width: 0px;
  /* flex:1 */
}
@media (max-width: 991px) {
  .index-block__part--right.visible-t991 {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .visible-t991 {
    display: none;
  }
}

@media (max-width: 767px) {
  .index-block__title-wrapper--with-center-block {
    flex-wrap: wrap;
  }
  .index-block__title-wrapper--with-center-block .index-block__part--right {
    order: 2;
    flex-basis: 100%;
  }
  .index-block__title-wrapper--with-center-block .tab-nav-wrapper {
    margin: 10px 0px 0px;
  }
}
@media (max-width: 600px) {
  .index-block__title-wrapper.index-block__title-wrapper--align-baseline {
    align-items: center;
  }
  .index-block__title-wrapper.index-block__title-wrapper--mb-52,
  .index-block--mb-59 {
    margin-bottom: 18px;
  }
  .index-block__title-wrapper.index-block__title-wrapper--mb-35 {
    margin-bottom: 16px;
  }
  .index-block__link {
    margin-left: 13px;
  }
}

.index-block__arrow {
  font-size: 0;
  vertical-align: middle;
  line-height: 12px;
  height: 12px;
  display: inline-block;
  margin: 0 3px;
}
.index-block__arrow .svg {
  top: 0px;
}
.index-block__arrow svg * {
  stroke: #333;
  stroke: var(--white_text_black);
}

.index-block__nav {
  margin-left: 20px;
}
.index-block__nav.disabled {
  display: none;
}
.index-block__nav button {
  border: none;
  background: no-repeat;
  padding: 0;
}
.index-block__nav .owl-carousel__button {
  height: 36px;
  width: 36px;
  background: #fff;
  border: 1px solid rgba(51, 51, 51, 0.1);
}
.index-block__nav button.disabled .owl-carousel__button {
  background: #fff;
}
.index-block__nav .owl-carousel__button:not(:hover) * {
  stroke: #333;
}
.index-block__nav .owl-carousel__button--right {
  transform: rotate(180deg);
  margin-left: 8px;
}
.index-block__nav .owl-carousel__button--right svg {
  margin-left: -1px;
}
@media (max-width: 767px) {
  .index-block__nav {
    display: none;
  }
}

.fill_bg_n .drag-block.container.noborder {
  border-top: none;
}
.fill_bg_n .drag-block.container.noborder .item-views {
  border-top: 1px solid #f2f2f2;
}
div[data-class="BIG_BANNER_INDEX_drag"][data-order="1"],
div[data-class="BIG_BANNER_INDEX_drag"] + div[data-class="TEASERS_INDEX_drag"],
div.TEASERS_INDEX:not(.hidden) + div.NEWS_INDEX {
  border-top-width: 0px;
}
body.tizersPadding0
  div[data-class="BIG_BANNER_INDEX_drag"]:not(.hidden)
  + div[data-class="TEASERS_INDEX_drag"][data-order="2"]
  .tizers_block2 {
  padding-top: 0px;
}
.fill_bg_n div.TEASERS_INDEX:not(.hidden) + div.NEWS_INDEX .item-views {
  border-top: 1px solid #f2f2f2;
}

.styled-block.front {
  margin-bottom: 56px;
}
.styled-block.front h2 {
  margin-bottom: 15px;
  margin-top: -1px;
}
.item-views.catalog.blocks {
  padding-bottom: 0px;
}
.wo-tizers .item-views.blocks {
  padding-top: 0px;
}
.item-views.blocks h3,
.item-views.blocks h3.title {
  padding: 0px 0px 34px;
  margin: 0px;
  font-size: 1.733em;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.COMPANY_INDEX h3 {
  font-size: 1.733em;
}
.item-views.blocks h3.line:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0px;
  width: 50px;
  background: #dedede;
  height: 3px;
}
.item-views.blocks .title_block {
  clear: both;
}
.item-views.blocks .title_block .right_link_block {
  float: right;
  position: relative;
  z-index: 1;
}
.row.block-with-bg + .row .item-views.blocks h3,
.row.block-with-bg .item-views:not(.catalog) h3 {
  padding-top: 86px;
}

.float-banners .title_block + .items .text-block {
  color: #777777;
  padding-top: 35px;
}
.float-banners.v2 .items .item {
  background: #fff;
  padding: 30px 30px 36px;
  margin-bottom: 0px;
}
.float-banners.v2 .items.indent2.flexbox .item {
  height: 100%;
}
.float-banners.v2 .items.indent2.flexbox > div {
  margin-bottom: 4px;
}
.float-banners.v2 .items .item:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 100%;
  height: 2px;
  background: #ddd;
  transition: right ease 0.3s;
}
.float-banners.v2 .items .item .img {
  margin-bottom: 17px;
}
.float-banners .items .item .title {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0px 0px 0px;
}
.float-banners .items .item .preview_text {
  color: #666;
  font-size: 0.933em;
  padding: 0px 0px 0px;
  line-height: 21px;
}
body .items .item:hover .title a.colored {
  color: #333;
}
.float-banners.v2 .items .item:hover:after {
  right: 0px;
}

.float-banners.v3 .items .item {
  box-shadow: none;
  margin-bottom: 32px;
}
.float-banners.v3 .items .item .img {
  height: 0px;
  position: relative;
  padding-bottom: 66%;
  margin-bottom: 16px;
  overflow: hidden;
}
.float-banners.v3 .items .item .title {
  font-size: 1.067em;
  margin-bottom: 4px;
}

.float-banners.v3.list {
  overflow: hidden;
}
.float-banners.v3.list .items .item .img {
  float: left;
  width: 120px;
  height: 120px;
  padding: 0px;
  border-radius: 100%;
}
.float-banners.v3.list .items .item .img .img_block {
  border-radius: 100%;
}
.float-banners.v3.list .items .item .title {
  font-size: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.float-banners.v3.list .items .item .preview_text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.float-banners.v3.list .items .item .img + .text-wrapper {
  padding-left: 148px;
  padding-top: 8px;
}
.float-banners.v3.list .items .items {
  margin-top: -1px;
  margin-right: -1px !important;
  margin-left: -30px !important;
}
.float-banners.v3.list > .items > div {
  overflow: hidden;
}
.float-banners.v3.list .items .items > div {
  border-top: 1px solid #f2f2f2;
  padding: 0px 0px 0px 30px;
}
.float-banners.v3.list .items .item {
  margin: 0px;
  padding: 30px 20px 29px 0px;
}
.float-banners.v3.list .items .item:after {
  content: "";
  background: #f2f2f2;
  position: absolute;
  top: 0px;
  right: -1px;
  width: 1px;
  bottom: 0px;
}

.index-block__link:hover {
  color: var(--theme-base-color);
}

/* End */


/* Start:/bitrix/templates/.default/ajax/ajax.css?1764256755448*/
iframe.waitwindowlocal {position:absolute; border:0px; z-index:9999;}
div.waitwindowlocal {position:absolute; width:25px; height: 25px; padding:0px; z-index:10000; background-color:#FCF7D1; border:1px solid #E1B52D; background-image:url(/bitrix/templates/.default/ajax/images/wait.gif); background-position:center center; background-repeat:no-repeat;}
div.waitwindowlocalshadow {position:absolute; z-index:9998; background-image:url(/bitrix/templates/.default/ajax/images/shadow.gif); border:1px solid #808080;}

/* End */


/* Start:/local/templates/aspro-lite/css/item-action.min.css?1766995765691*/
.item-action--horizontal{display:inline-flex}.item-action.active svg *{fill:var(--fill_dark_lite_hover)}.item-action.active .svg{opacity:1}.item-action__inner{--item-action-width:38px;--item-action-height:35px;width:38px;width:var(--item-action-width);height:35px;height:var(--item-action-height);display:flex;align-items:center;justify-content:center}.item-action__inner--md{--item-action-height:42px}.item-action__inner .svg{transition:opacity .1s ease;opacity:.35}.item-action__inner:hover .svg{opacity:1}.item-action__inner--md{--item-action-width:42px;--item-action-height:42px}@media (max-width:600px){.item-action__inner--sm-to-600{--item-action-width:38px;--item-action-height:34px}}
/* End */


/* Start:/local/templates/aspro-lite/css/notice.min.css?17669957652824*/
.notice-surface{position:fixed;z-index:3000;right:32px;top:28px;max-width:calc(100% - 64px);max-height:calc(100vh - 56px);display:flex;flex-direction:row}.notice-surface--left{left:32px;right:auto}.notice-surface--reverse{bottom:28px;top:auto}@media (max-width:991px){.mfixed_y .notice-surface{top:74px}.bottom-icons-panel_y .notice-surface--reverse{bottom:72px}}.notice-surface__inner{display:flex;flex-direction:column-reverse;align-items:flex-start;position:relative}.notice-surface--reverse .notice-surface__inner{display:flex;flex-direction:column}.notice{min-width:0;box-shadow:0 5px 20px rgba(0,0,0,.15);background:#fff;background:var(--black_bg_black);border-radius:var(--theme-outer-border-radius);position:relative;width:346px;max-width:100%;transition:transform .1s linear;flex-shrink:0;margin:4px 0}.notice--link{cursor:pointer}.notice--hidden{display:none!important;margin:0}.notice__closer{width:38px;height:38px;position:absolute;top:-1px;right:-1px;display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.notice__inner{padding:20px}.notice__image{height:60px;width:60px}.notice__image img{max-height:100%;max-width:100%}.notice .line-block__item+.line-block__item{align-self:center}.notice .line-block__item+.line-block__item .notice__title:first-child{margin-top:-7px;color:#222;color:var(--white_text_black);font-weight:700}.notice .line-block__item+.line-block__item .notice__detail:first-child{margin-top:-3px}.notice__title+.notice__detail{margin-top:4px}.notice__detail__more{margin-top:6px}.notice-surface--right .animate--notice-show{-webkit-animation:animate--notice-show--right .4s linear;-ms-animation:animate--notice-show--right .4s linear;animation:animate--notice-show--right .4s linear;right:0}@-webkit-keyframes animate--notice-show--right{from{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}@-ms-keyframes animate--notice-show--right{from{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}@keyframes animate--notice-show--right{from{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}.notice-surface--left .animate--notice-show{-webkit-animation:animate--notice-show--left .6s linear;-ms-animation:animate--notice-show--left .6s linear;animation:animate--notice-show--left .6s linear;left:0}@-webkit-keyframes animate--notice-show--left{from{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}@-ms-keyframes animate--notice-show--left{from{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}@keyframes animate--notice-show--left{from{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}.animate--notice-hide{height:0!important;opacity:0!important;margin:0!important;transition:transform .1s linear,opacity .3s ease-in-out .1s,height .3s linear .4s,margin .3s linear .4s}.animate--notice-hide .notice__closer{display:none}.animate--notice-click{transform:scale(.95)}
/* End */


/* Start:/local/templates/aspro-lite/css/scroll_to_top.min.css?17669957652964*/
a.scroll-to-top{-moz-transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;-ms-transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;-o-transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;-webkit-transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;position:fixed;text-align:center;text-decoration:none;display:block;background:#9e9e9e url(/local/templates/aspro-lite/css/../images/svg/scroll.svg) no-repeat scroll center center;background-color:var(--theme-base-color);width:44px;height:44px;border-radius:50%;right:73px;left:inherit;bottom:23px;opacity:0;visibility:hidden;z-index:1}a.scroll-to-top.visible{opacity:1;visibility:visible}a.scroll-to-top.RECT_WHITE,a.scroll-to-top.ROUND_WHITE{background-color:#fff}a.scroll-to-top.RECT_GREY,a.scroll-to-top.ROUND_GREY{background-color:#e3e3e3}a.scroll-to-top.RECT_COLOR,a.scroll-to-top.RECT_GREY,a.scroll-to-top.RECT_WHITE{border-radius:2px;border-radius:var(--border-radius)}a.scroll-to-top.TOUCH{border-radius:2px 0 0 2px;border-radius:var(--border-radius) 0 0 var(--border-radius);width:50px;height:50px;right:0}a.scroll-to-top.RECT_COLOR,a.scroll-to-top.ROUND_COLOR{background-position:center 14px}a.scroll-to-top.RECT_GREY,a.scroll-to-top.RECT_WHITE,a.scroll-to-top.ROUND_GREY,a.scroll-to-top.ROUND_WHITE{background-position:center -70px}a.scroll-to-top.RECT_COLOR.TOUCH{background-position:center 17px}a.scroll-to-top.RECT_GREY.TOUCH,a.scroll-to-top.RECT_WHITE.TOUCH{background-position:center -67px}a.scroll-to-top.CONTENT{left:50%;margin-left:512px}a.scroll-to-top:hover{background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));background-position:center 14px}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
/* End */


/* Start:/local/templates/aspro-lite/components/bitrix/menu/header/style.css?176699576519254*/
/*start top-menu.css*/
.header-menu__wrapper {
  display: flex;
  gap: 40px;
}
.header-menu--centered .header-menu__wrapper {
  justify-content: center;
}

.header-menu.header-menu--left .header-menu__wrapper {
  justify-content: left;
}

.header-menu__item {
  margin: 0;
  gap: 10px;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header-menu__link{
  padding: 0 13px;
}

.header-menu--height_50 .header-menu__item,
.header-menu--height_50 .header-menu__wrapper {
  height: 50px;
}
.header-menu__item--more-items {
  display: none;
  opacity: 0;
  margin-right: 0;
  cursor: pointer;
}

.header-menu__item--more-items:hover > .header-menu__dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.header-menu__item--more-items .header-menu__item,
.header-menu__item--more-items .header-menu__title {
  height: auto;
  font-size: 0.9375rem;
  line-height: calc(1em + 7px);
}

.header-menu__item--more-items .header-menu__wide-submenu-right-arrow svg {
  transform: rotate(270deg);
}

#main .header-menu__item--more-items .header-menu__link {
  color: #333;
  color: var(--white_text_black);
  opacity: 1;
}

.header-menu__item--more-items .header-menu__dropdown-menu-inner {
  padding: 0;
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu {
  position: absolute;
  right: calc(100% + 8px);
  left: auto;
  top: -8px;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu.dropdown {
  top: -8px;
}

.header-menu__more-items-list .header-menu__link {
  padding: 9px 16px 10px 16px;
}

.header-menu__item--more-items .dropdown-submenu:hover > .header-menu__dropdown-menu {
  opacity: 1;
  visibility: visible;
}

body.menu_lowercase_n .header-menu__title {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.08em;
}
body.menu_lowercase_n .header-menu__dropdown-menu .header-menu__title {
  text-transform: none;
  font-size: 1em;
  line-height: calc(1em + 7px);
  letter-spacing: 0em;
}

.header-menu__link {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}

.active > .header-menu__link > .svg use{
  fill: var(--fill_dark_lite_hover);
}

.header-menu__dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition-delay: 0.2s;
}

.header-menu__dropdown-menu.dropdown {
  min-width: 240px;
}

.header-menu__item--more-items > .header-menu__dropdown-menu.dropdown {
  left: -30px;
}
.header-menu__dropdown-menu > .dropdown {
  min-width: 240px;
  padding: 17px 0px;
  left: -29px;
}
.header-menu__dropdown-item{
  margin: 0;
  display: flex;
  align-items: center;
}

.header-menu__dropdown-item.active > a {
  color: var(--white_text_black);
}

.header-menu__arrow {
  margin-left: 7px;
  color: #333;
}

.header-menu__dropdown-item--with-dropdown:hover > .header-menu__dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.header-menu__dropdown-item--with-dropdown > a {
  padding-right: 30px;
}

.header-menu__wrapper .header-menu__dropdown-menu--submenu {
  position: absolute;
  left: calc(100% + 8px);
  top: -8px;
}

.header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu {
  z-index: 2;
}

.svg.header-menu__dropdown-right-arrow {
  position: absolute;
  /* top: 50%; */
  top: calc(1em + 5px);
  transform: translateY(-50%) rotate(270deg);
  right: 16px;
}

.header-menu__item--dropdown:hover > .header-menu__dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.header-menu__dropdown-menu-inner {
  margin-bottom: 0;
}
body .header-menu__wrapper .dropdown-menu-inner{
  overflow: visible;
  margin-bottom: 0;
}

.header-menu__wide-limiter {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  padding: 60px 80px;
}

.header-menu__wide-right-part {
  width: 240px;
  position: sticky;
  top: 0;
}

.header-menu__wide-right-part + .header-menu__dropdown-menu--grids {
  width: calc(100% - 280px);
}

@media (max-width: 1500px) {
  .header-menu--bottom-1500 {
    position: absolute;
    top: calc(100% + 1px);
    left: -32px;
    right: -32px;
    border-bottom: 1px solid #e5e5e5;
  }

  .header--offset .header-menu--bottom-1500 {
    left: 0;
    right: 0;
  }

  .header--narrow.header--offset .header-menu--bottom-1500 {
    border-bottom: none;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 4px 4px;
  }

  .header-menu--bottom-1500.header-menu--color_dark {
    background-color: #333;
  }

  .header-menu--bottom-1500.header-menu--color_light {
    background-color: #fff;
  }

  .header-menu--bottom-1500.header-menu--color_gray {
    background-color: #fafafa;
  }
}

@media (max-width: 1200px) {
  .header-menu--bottom-1200 {
    position: absolute;
    top: 100%;
    left: -32px;
    right: -32px;
    border-bottom: 1px solid #e5e5e5;
  }

  .header-menu--color_dark.header-menu--bottom-1200 {
    border-bottom: 1px solid #00000012;
  }

  .header-menu--color_colored.header-menu--bottom-1200 {
    border-bottom: 1px solid #ffffff1a;
  }

  .header--offset .header-menu--bottom-1200 {
    left: 8px;
    right: 8px;
  }

  .header--narrow.header--offset .header-menu--bottom-1200 {
    left: 32px;
    right: 32px;
  }

  .header--offset:not(.header--narrow) .header-menu--bottom-1200 {
    left: -24px;
    right: -24px;
  }

  .header--offset .header-menu--bottom-1200 {
    border-bottom: none;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 4px 4px;
  }

  .header--offset .header-menu--color_dark.header-menu--bottom-1200 {
    border-top: 1px solid #00000012;
  }

  .header--offset .header-menu--color_colored.header-menu--bottom-1200 {
    border-top: 1px solid #ffffff1a;
  }

  .header-menu--bottom-1200.header-menu--color_dark {
    background-color: #333;
  }

  .header-menu--bottom-1200.header-menu--color_light {
    background-color: #fff;
  }

  .header-menu--bottom-1200.header-menu--color_gray {
    background-color: #fafafa;
  }
}

/* SIDE_BANNERS */
.side_banners__item {
  overflow: hidden;
}

.side_banners__item-img {
  width: 100%;
  height: 310px;
  background-size: cover !important;
}

.side_banners__item-date {
  color: #999999;
  margin-top: 12px;
}

/* WIDE_MENU */
.header-menu__item--wide {
  position: static;
}

.header-menu__item--wide > .header-menu__dropdown-menu {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 100%;
  padding-top: 1px;
}

.header-menu__wide-limiter{
  max-height: 520px;
}

.menu-dropdown-offset .header-menu__item--wide > .header-menu__dropdown-menu {
  top: calc(100% + 12px);
}

.header-menu__wrapper > .header-menu__item--wide .dropdown-menu-inner {
    overflow: hidden;
}


@media (max-height: 800px) {
  .header-menu__wide-limiter{
    max-height: calc(80vh - 100px);
  }
}

.header-menu__item--wide .header-menu__dropdown-menu > .dropdown {
  padding: 0;
  left: 0;
}

.header-menu__dropdown-menu--grids {
  display: grid;
  /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  width: 100%;
}

.header--narrow .header-menu__dropdown-menu--grids {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

html.bx-ie .header-menu__dropdown-menu--grids {
  display: flex;
  flex-wrap: wrap;
}

html.bx-ie .header-menu__item--wide .header-menu__dropdown-item {
  padding: 40px;
  width: 25%;
}

@media (max-width: 1200px) {
  html.bx-ie .header-menu__item--wide .header-menu__dropdown-item {
    padding: 24px;
    width: 33%;
  }
}

.header-menu__item--wide .header-menu__dropdown-item {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.header-menu__item--wide .header-menu__dropdown-item--img-LEFT {
  flex-direction: row;
}

/*more*/
.header-menu__wide-submenu-item--more_items {
  padding-left: 0;
  margin: 0;
  cursor: pointer;
}

.header-menu__wide-submenu-item--more_items .with_dropdown {
  position: relative;
}

.header-menu__wide-submenu-item--more_items.opened svg {
  transform: rotate(180deg) translateY(2px);
}

/**/

.header-menu__wide-item-wrapper {
  overflow: hidden;
  white-space: normal;
}

.header-menu__dropdown-item--centered {
  align-items: center;
}

.header-menu__dropdown-item--centered.header-menu__dropdown-item--img-TOP {
  justify-content: center;
}

.header-menu__dropdown-item--centered .header-menu__dropdown-item-img--TOP {
  justify-content: center;
}

.header-menu__dropdown-item--img-LEFT .header-menu__wide-item-wrapper {
  margin-top: -4px;
}

.header-menu__dropdown-item-img {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.header-menu__dropdown-item-img--LEFT {
  margin-right: 24px;
  flex-shrink: 0;
}

.header-menu__dropdown-item-img--TOP {
  margin-bottom: 12px;
  width: auto;
  justify-content: flex-start;
}

.header-menu__dropdown-item-img .svg svg {
  max-height: 40px;
  max-width: 40px;
}
.header-menu__dropdown-item-img-inner {
  position: relative;
  width: auto;
  height: 56px;
  /* border-radius: 4px; */
  overflow: hidden;
}

.header-menu__wide-submenu {
  padding-top: 6px;
  margin-bottom: 0;
}

.header-menu__wide-submenu .header-menu__wide-submenu {
  margin-left: 12px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 6px;
  padding-top: 5px;
}

.header-menu__wide-submenu-item {
  padding: 3px 0;
  margin: 0;
  line-height: calc(1em + 5px);
}

.header-menu__wide-submenu .header-menu__wide-submenu-item {
  padding: 2px 0 4px;
}

.header-menu__wide-submenu-item.active
  > .header-menu__wide-submenu-item-inner
  > a
  > .header-menu__wide-submenu-item-name {
  font-weight: bold;
  color: #333;
  color: var(--white_text_black);
}

.header-menu__wide-submenu-item-inner .toggle_block {
  display: inline-block;
  position: static;
  transform: translateX(-17px);
  width: 0;
}
body .header-menu__wide-submenu-right-arrow.menu-arrow {
  top: 5px;
  right: 6px;
}

.header-menu__wide-submenu-item-inner .toggle_block:hover .menu-arrow,
.header-menu__wide-submenu-item--more_items:hover .menu-arrow,
.header-menu-side__wide-submenu-item--more_items:hover .menu-arrow {
  background-color: #9e9e9e;
  background-color: var(--theme-base-opacity-color);
}

.header-menu__wide-submenu-item-inner.opened .menu-arrow.svg {
  transform: rotate(180deg);
}

.header-menu__wide-submenu-item-inner {
  display: inline;
  position: relative;
}

.header-menu__wide-item-description {
  color: #666;
  margin-top: 3px;
}

.header-menu__item--wide > .header-menu__dropdown-menu {
  padding-top: 0;
}
.header-menu__item--wide > .header-menu__dropdown-menu > .dropdown-menu-inner{
  max-width: 100%;
}

/*end top-menu.css*/

/*more items wide-menu item*/
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item-img {
  display: none;
}
.header-menu__item--more-items .header-menu__wide-limiter.scrollbar{
  max-height: none;
  overflow: visible;
}
.header-menu__item--more-items .header-menu__dropdown-menu .maxwidth-theme {
  padding: 0;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition-delay: 0.2s;
  position: absolute;
  right: calc(100% + 8px);
  top: -8px;
  background: #fff;
  background: var(--card_bg_black);
  border-radius: var(--border-radius);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding: 8px;
  margin: 0;
  min-width: 240px;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown:hover
  > .header-menu__wide-item-wrapper
  > .header-menu__wide-submenu {
  opacity: 1;
  visibility: visible;
}

.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__wide-submenu-item-inner {
  position: static;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown
  .header-menu__wide-submenu-item--with-dropdown:hover
  .header-menu__wide-submenu-item-inner
  .submenu-wrapper
  .header-menu__wide-submenu {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  margin-left: 0;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown
  .header-menu__wide-submenu-item--with-dropdown
  .header-menu__wide-submenu-item-inner
  .submenu-wrapper {
  display: block !important;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown
  .header-menu__wide-submenu-item--with-dropdown
  .header-menu__wide-submenu-item-inner
  .toggle_block {
  display: none;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .switcher-title {
  font-family: inherit;
}
.header-menu__wide-submenu-right-arrow.only_more_items {
  display: none;
}
.header-menu__item--more-items .header-menu__wide-submenu-right-arrow.only_more_items {
  display: block;
  padding-left: 7px;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
  display: block;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-limiter {
  padding: 0px;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide {
  position: relative;
}
.header-menu__item--more-items .header-menu__wide-item-wrapper {
  width: 100%;
  margin-top: 0;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-right-part {
  display: none;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
  width: 100%;
}

.header-menu__item--more-items .header-menu__wide-child-link:not(:hover){
  color: #333;
  color: var(--white_text_black);
}

.header-menu__item--more-items li.active > a,
.header-menu__item--more-items li.active > div > a,
.header-menu__item--more-items li.active > span > a{
    color: var(--white_text_black);
    border-radius: var(--border-radius);
    cursor: default;
    background: var(--darkgrey_bg_black);
    font-weight: normal;
}
.header-menu__item--more-items li.active:hover > a {
  color: var(--white_text_black);
}

.header-menu__item--more-items .header-menu__dropdown-menu{
    --banner-light-text: var(--fill_dark_light);
    --banner-light-text-hover: var(--fill_dark_lite_hover);
}

.header-menu__item--more-items .header-menu__dropdown-menu.scrollbar{
  overflow: visible;
}

.header-menu__item--more-items .header-menu__wide-child-link {
    padding: 9px 16px 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    font-size: 0.9375rem;
    line-height: calc(1em + 7px);
}
.header-menu__wide-child-link {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  color: #000000;
}
.header-menu__wide-child-link:hover {
  color: rgba(227, 164, 85, 0.91);
}
.header-menu__item--more-items .header-menu__wide-submenu-item{
  padding: 0;
}

.header-menu  .header-menu__wide-submenu-item--more_items .menu-arrow svg{
    position: static;
}
.header-menu  .header-menu__wide-submenu-item--more_items .with_dropdown{
    padding-right: 20px;
}
.header-menu__item--dropdown .header-menu__title{
  padding-right: 7px;
}

/*only catalog*/
.header-menu__link--only-catalog {
  padding: 17px 33px;
  border: none;
  background: linear-gradient(134.79deg, rgba(227, 164, 85, 0.9) -321.42%, rgba(246, 219, 166, 0.9) -226.99%, rgba(255, 235, 196, 0.9) -122.51%, rgba(240, 190, 121, 0.9) -68.84%, rgba(143, 101, 59, 0.9) -35.5%, rgba(103, 61, 34, 0.9) -16.63%, rgba(186, 127, 59, 0.9) 27.99%, rgba(238, 188, 112, 0.9) 63.72%, rgba(63, 31, 15, 0.9) 145.02%);
  width: 134px !important;
}
.header-menu__link--only-catalog .header-menu__title {
  color: #000000 !important;
}
.header-menu__link--only-catalog:hover .header-menu__title {
  color: #ffffff !important;
}
.header-menu__catalog-btn {
  position: relative;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
}
.header-menu__catalog-btn .header-menu__title {
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  transition-duration: 0.3s;
}



.header_1.header .header-menu__title,
.header_1.header .phones__phone-link,
.header_1.header .search-input {
  color: #000;
}

.header_1.header.light .phones__phone-link,
.header_1.header.light .header-menu__title,
.header_1.header.light .search-input {
  color: #ffffff;
}

.header_1.header .phones__phone-link:hover,
.header_1.header .header-menu__title:hover {
  color: rgba(227, 164, 85, 0.91);
}

.header_1.header .btn-clear-search path {
  stroke: #000000;
}
.header_1.header.light .btn-clear-search path {
  stroke: #ffffff;
}

.header_1.header.light .search-input:focus,
.header_1.header.light .search-input:hover {
  color: #ffffff;
}

.header-menu__link--only-catalog > .header-menu__title{
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: #000;
}
.header-menu__item .header-menu__link--only-catalog ~ .header-menu__dropdown-menu{
  opacity: 0;
  visibility: hidden;
}
.header-menu__item .header-menu__link--only-catalog.opened ~ .header-menu__dropdown-menu{
  opacity: 1;
  visibility: visible;
}
.header-menu__link--only-catalog ~ .header-menu__dropdown-menu{
  transition-delay: 0s;
}
.header-menu__link--only-catalog .svg{
  padding-bottom: 1px;
}
/**/

.header-menu__wrapper .menu-arrow.svg {
  position: static;
  width: 17px;
  height: 16px;
  text-align: center;
  line-height: 11px;
}

/****/

.menu-arrow.svg {
  position: absolute;
  right: 18px;
  top: 21px;
  width: 15px;
  height: 14px;
  text-align: center;
  line-height: 8px;
  border-radius: 3px;
  margin: 0;
}
.menu-arrow.svg svg {
  display: inline-block;
}

.active > .menu-arrow-wrapper > .menu-arrow {
  transform: rotate(180deg);
}
/*******/

/* End */


/* Start:/local/templates/aspro-lite/css/dropdown-select.min.css?17669957651366*/
.dropdown-menu-wrapper{position:absolute;top:calc(100% + 8px);left:0;display:none;z-index:107;cursor:default}.dropdown-menu-wrapper--visible{display:block;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.dropdown-menu-wrapper--toright{right:-1px;left:auto}.dropdown-menu-wrapper--woffset .dropdown-menu-inner{padding:8px}.dropdown-menu-wrapper .dropdown-menu-inner{background:#fff;background:var(--card_bg_black);text-align:left;box-shadow:0 5px 30px rgba(34,34,34,.1);overflow:hidden;max-width:450px;min-width:220px}.dropdown-select{cursor:pointer;position:relative}.dropdown-select__title{display:flex;align-items:center;color:var(--white_text_black)}.dropdown-select__title.bordered{padding:4px 11px}.dropdown-select__icon-down{margin:0 0 0 6px}.dropdown-menu-item{display:block;padding:9px 16px 10px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.dropdown-menu-item--current{cursor:default;background:var(--darkgrey_bg_black)}.dropdown-menu-wrapper--woffset .dropdown-menu-item--current{border-radius:var(--border-radius)}body .dropdown-menu-item--current:hover{color:var(--white_text_black)}.dropdown-select__icon-down svg{transition:transform .3s ease}.dropdown-select__title.opened .dropdown-select__icon-down svg{transform:rotate(180deg)}.dropdown-select__icon-left{margin:0 10px 0 0}
/* End */


/* Start:/local/templates/aspro-lite/components/bitrix/search.title/corp/style.css?17669957656940*/
.inline-search-block {
  position: absolute;
  right: 0;
  top: -150px;
  width: 100%;
  z-index: 1000;
  transition: all ease 0.3s;
  background: #fff;
  background: var(--black_bg_black);
}
.inline-search-block.show {
  top: 0px;
}
/*fixed top*/
.inline-search-block.fixed {
  position: fixed;
  z-index: 2999;
}
.inline-search-block--big .search .search-button-div {
  right: -22px;
}
.inline-search-block--big .search .btn-search {
  padding: 0px 12px;
}
.inline-search-block--big .search .search-input {
  color: #666;
  color: var(--lite_basic_text_black);
  display: block;
  height: 130px;
  padding: 0 50px 0 0px;
  font-size: 28px;
  width: 100%;
  background: #ffffff;
  background: var(--black_bg_black);
  border: none;
  border-radius: 0px;
  line-height: 36px;
}

.inline-search-block--big input::-webkit-input-placeholder {
  color: #d9d9d9;
}
.inline-search-block--big input::-moz-input-placeholder {
  color: #d9d9d9;
}
.inline-search-block--big input::-ms-input-placeholder {
  color: #d9d9d9;
}
.inline-search-block--big input::-o-input-placeholder {
  color: #d9d9d9;
}

.inline-search-block--big .search .search-button-div {
  position: static;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.inline-search-block--big form.search {
  display: flex;
}
.inline-search-block--big .top-close.inline-search-hide {
  position: static;
  /* margin-left: 24px; */
  transform: translateX(4px);
}
.search-icon-before {
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
  margin-right: 16px;
  flex-shrink: 0;
}

/*fixed cover*/
.inline-search-block--cover {
  transition: none;
  display: none;
}
.inline-search-block--cover.show {
  bottom: 0px;
  display: block;
}
.inline-search-block--cover .search-wrapper {
  max-width: 991px;
  margin: 152px auto 0px;
}
.inline-search-block--cover .search-title {
  padding-bottom: 37px;
}
.inline-search-block--cover .search .search-input {
  height: 48px;
}

.inline-search-block--cover .search .search-input:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015) inset;
  border-color: #999999;
}

/* TOP SEARCH TITLE */
div.title-search-result {
  margin-left: 1px;
  margin-top: 2px;
  display: none;
  overflow: visible;
  z-index: 100;
  padding: 0;
  border: none;
  position: absolute;
  border-radius: 8px;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0px -1px 0px var(--stroke_black), 0px 20px 20px rgba(0, 0, 0, 0.1);
}
.title-search-input-fixed:not(.title-type-cover) {
  width: 100% !important;
  left: 0px !important;
  margin-left: 0px;
}

.searche-result {
  background-color: #ffffff;
  max-height: 550px;
  overflow: auto;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .searche-result {
    padding: 20px;
  }
  .searche-result__all {
    padding: 0 20px 20px;
  }
}
.searche-result__item {
  display: block;
  padding: 0;
  color: #000000 !important;
}
.price__new-val {
  color: #484848;
}
.searche-result__item-text {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
}
.searche-result__item:hover .searche-result__item-text {
  color: #E3A455
}
.searche-result__item-image {
  width: 48px;
  height: 48px;
  margin-right: 12px;
  align-self: start;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #fff;
}
.searche-result__item-image img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.searche-result__inner {
  align-items: center;
}
.searche-result__item--find {
  padding: 23px 0px 24px;
}
.title-search-result .item-parent {
  color: #999;
  font-weight: 400;
  line-height: calc(1em + 4px);
}
header .search .search-input {
  padding-right: 108px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 13px;
}
header .search .search-input:hover,
header .search .search-input:focus {
  border: 1px solid rgba(227, 164, 85, 0.91) !important;
}
.search .dropdown-select.searchtype {
  margin: 0 16px 0 0;
  width: 68px;
}
.search .dropdown-select.searchtype .dropdown-select__title {
  justify-content: center;
}
.search .dropdown-select.searchtype .dropdown-select__title > span {
  width: 55px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search.search--hastype .btn-clear-search {
  margin: 0 16px 0 0;
}
.search.search--hastype .search-input {
  padding-right: 182px;
  height: 52px;
}

.searche-result__all{
  padding: 0 30px 30px;
  background-color: #ffffff;
  background-color: var(--card_bg_black);
}

.all_result_title{
  font-weight: 600;
}

.search-button-div{
  display: flex;
  align-items: center;
}

.btn-clear-search{
  padding: 7px;
  height: 23px;
  line-height: 0;
  border-width: 0;
  margin-right: 20px;
  display: none;
  background: none;
  position: relative;
}

.btn-clear-search .dropdown-select__icon-down {
  margin: 0;
  position: relative;
  top: 50%;
  transform: translate(0px, -50%);
  z-index: 1;
}

.title-search-price .price{
  font-weight: 500;
}

/* .search.search--focus .btn-search {
  background-color: var(--theme-base-color);
}
.search.search--focus .btn-search use{
  fill: #fff;
}
body .search.search--focus .btn-search:hover {
  opacity: 1;
} */
body .search:focus-within .btn-search:hover {
  opacity: 1;
}

.search .search-input:focus {
  border-color: #fff;
  border-color: var(--card_bg_black);
  box-shadow: 0px 5px 30px rgba(34, 34, 34, 0.1);
}

@media (max-width: 600px) {
  .inline-search-block--cover .search-wrapper {
    margin-top: 24px;
  }
  .inline-search-block--cover .search-title,
  .inline-search-block.fixed .btn-search {
    display: none;
  }
  #title-search-fixed .top-close {
    top: 22px;
    right: 22px;
  }

  .inline-search-block.fixed #title-search-fixed .top-close {
    top: 19px;
  }

  .inline-search-block--cover #title-search-fixed .top-close {
    top: 25px;
    right: 25px;
  }

  .inline-search-block.fixed.inline-search-block--big .search .search-input {
    height: 85px;
    font-size: 1em;
  }

  .inline-search-block--big .search .search-input{
    padding-right: 10px;
  }
}

.search-wrapper .bx_item_block {
  position: relative;
}

header .header__search {
  margin: 0 16px 0 14px;
}

header .header__search .search-input {
  font-weight: 400;
  font-size: 13px;
}

header.light .header__search .search-input::placeholder {
  color: #fff !important;
  opacity: 1;
}

header.header--narrow .header__search .search-input::placeholder {
  color: #000000;
  opacity: 1;
}

header .header__search .search-input:hover,
header .header__search .search-input:focus {
  border: solid 1px rgba(227, 164, 85, 0.91);
}

/* End */


/* Start:/local/templates/aspro-lite/components/bitrix/menu/bottom-no-accordion/style.css?1766995765468*/
.footer--color-dark .bottom-menu .item:hover .title a,
.footer--color-dark .bottom-menu .item.active .title a {
    color: rgba(227, 164, 85, 0.91) !important;
}

.footer--color-dark .bottom-menu .item a {
    color: #000;
    font-size: clamp(16px, 0.904rem + 0.482vw, 24px) !important;
}

.footer--color-dark a:hover {
    color: var(--theme-more-color) !important;
    font-size: inherit;
}

.items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* End */


/* Start:/local/templates/aspro-lite/components/aspro/marketing.popup.lite/.default/style.css?17669957645714*/
.popup.dyn_mp_jqm_frame{max-width: 810px;width: auto;}
.marketing-popup{min-height: 300px;min-width: 250px;}
.marketing-popup:not(.popup-text-info--has-img){max-width: 580px;}

.marketing-popup .popup-text-info__title{padding:55px 60px 6px 60px;}
.marketing-popup .popup-text-info__text{padding:0px 60px 60px;}
.marketing-popup .popup-text-info__btn{margin: 39px -5px 0;}
.marketing-popup .popup-text-info__btn .btn{width: 300px; font-size: 15px}
.marketing-popup.popup-text-info--has-img .popup-text-info__picture{position: absolute;top:0px;bottom: 0px;left: 0px;/*max-width: 340px;max-height: 700px;*/border-radius: 3px 0px 0px 3px;overflow: hidden;}
.marketing-popup.popup-text-info--has-img .popup-text-info__picture > div{display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}

.marketing-popup.popup-text-info--has-img .popup-text-info__text {padding: 0 32px 32px;line-height: calc(1em + 7px);margin-top: -20px}
.marketing-popup.popup-text-info--has-img .popup-text-info__btn{margin-top: 27px;}
.marketing-popup.popup-text-info--has-img .popup-text-info__btn .btn{margin-bottom: 0;}

/* TEXT */
.dyn_mp_jqm_frame.TEXT {
	box-shadow: 0px 5px 20px 0px #0000001f;
}
.dyn_mp_jqm_frame.TEXT .popup-text-info {
	padding: 32px 35px 30px 35px;
	min-height: auto;
}
.dyn_mp_jqm_frame.TEXT .popup-text-info__title {
	font-size: 1em;
	padding: 0;
	padding-bottom: 11px;
}
.dyn_mp_jqm_frame.TEXT .popup-text-info__text {
	padding: 0;
}
.dyn_mp_jqm_frame.TEXT .jqmClose {
	/* padding: 8px; */
	right: 0px;
	top: 0px;
	width: 36px;
	height: 36px;
}
.dyn_mp_jqm_frame.TEXT .jqmClose i,
.dyn_mp_jqm_frame.TEXT .jqmClose i svg {
	width: 10px;
	height: 10px;
}
.dyn_mp_jqm_frame.TEXT .popup-text-info__btn {
	font-size: 15px;
	letter-spacing: 0.8px;
}

/* BOTTOM_LEFT */
.dyn_mp_jqm_frame.TEXT.BOTTOM_LEFT {
	bottom: 20px;
	left: 20px;
	max-width: 410px;
}
.dyn_mp_jqm_frame.TEXT.BOTTOM_LEFT .popup-text-info__btn {
	margin-top: 19px;
}

/* BOTTOM_RIGHT */
.dyn_mp_jqm_frame.TEXT.BOTTOM_RIGHT {
	bottom: 20px;
	right: 20px;
	max-width: 410px;
}
.dyn_mp_jqm_frame.TEXT.BOTTOM_RIGHT .popup-text-info__btn {
	margin-top: 19px;
}

/* BOTTOM_CENTER */
.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER {
	bottom: 20px;
	left: 50%;
	width: calc(100% - 60px);
	transform: translateX(-50%);
}
.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: none;
	padding: 21px 40px 20px 26px;
}
.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info__btn {
	margin-top: 0px;
	margin-left: 30px;
}

@media (max-width: 550px) {
	body .marketing-popup.popup-text-info--has-img .popup-text-info__picture {
		width: 100%;
		height: 260px;
	}
}

@media (max-width: 550px) {
	body marketing-popup.popup-text-info--has-img .popup-text-info__title {
		padding-top: 300px;
	}
}

@media (min-width: 551px) and (max-width: 767px){
	.marketing-popup.popup-text-info--has-img .popup-text-info__picture{width: 35%;}
	.marketing-popup.popup-text-info--has-img .popup-text-info__title, .marketing-popup.popup-text-info--has-img .popup-text-info__text{margin-left: 35%;padding: 35px 32px 26px;}
}


/* WEB_FORM */
.marketing-popup.with_web_form  .form .form_footer{margin-bottom: 0;}
.popup .marketing-popup.with_web_form  .form .form_footer{padding-bottom: 50px;}
.popup .marketing-popup.with_web_form.popup-text-info--has-img  .form .form_body,
.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_head,
.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_footer{padding-left: 50px;}
.marketing-popup.with_web_form.popup-text-info--has-img .popup-text-info__picture{max-width: unset;}
/* .marketing-popup.with_web_form .popup-text-info__webform{max-height: 700px;} */
.marketing-popup.with_web_form .popup-text-info__webform .close.jqmClose{display: none;}
/* .dyn_mp_jqm_frame.jqmWindow.WEBFORM{max-height: 650px;}  */
.popup.dyn_mp_jqm_frame.WEBFORM .mCSB_container{margin-bottom: 0;}
.popup.dyn_mp_jqm_frame.MAIN .mCSB_container{margin-bottom: 0;}

@media (min-width: 1200px){
	.popup.dyn_mp_jqm_frame.WEBFORM {max-width: 850px;}
	.popup.dyn_mp_jqm_frame.MAIN {max-width: 850px;}
	body .marketing-popup.with_web_form.popup-text-info--has-img{min-width: 850px;}
}
@media (min-width: 768px){
	.marketing-popup.popup-text-info--has-img .popup-text-info__picture{width: 45%;}
	.marketing-popup.popup-text-info--has-img .popup-text-info__title,
	.marketing-popup.popup-text-info--has-img .popup-text-info__text{margin-left: 330px;margin-left: 45%;}
	.marketing-popup.popup-text-info--has-img .popup-text-info__webform{margin-left: 330px;margin-left: 45%;}
	.dyn_mp_jqm_frame.MAIN .marketing-popup,
	.dyn_mp_jqm_frame.WEBFORM .marketing-popup{min-width: 700px;}
	.marketing-popup.with_web_form.popup-text-info--has-img{min-width: 767px;}

}
@media (max-width: 767px){
	.dyn_mp_jqm_frame.TEXT {
		bottom: 0px !important;
		right: 0px !important;
		left: 0 !important;
		max-width: none !important;
		border-radius: 0 !important;
		width: 100% !important;
		transform: none !important;
		min-height: unset !important;
		top: auto !important;
	}
	.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info {
		flex-direction: column;
		align-items: baseline;
	}

	.marketing-popup .popup-text-info__title, .marketing-popup .popup-text-info__text{padding-left: 30px;padding-right: 30px; padding-top: 275px;}
	.dyn_mp_jqm_frame.TEXT .popup-text-info {
		padding: 22px 26px 20px 26px;
	}

	.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info__btn {
		margin-top: 19px;
		margin-left: -5px;
		margin-right: -5px;
	}
	.marketing-popup.with_web_form.popup-text-info--has-img .popup-text-info__picture{display: none;}
}


/* End */


/* Start:/local/templates/aspro-lite/styles.css?178532173968812*/
/* Svoi CSS kod pishite v faile CUSTOM.CSS, chotobi pri ustanovke obnovlenii ne bilo problem */
/* --------------------------------------- */
/* Put you custom CSS in CUSTOM.CSS, not in this file! */

/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII, ne izmenyaite ego!!! */
/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII, ne izmenyaite ego!!! */
/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII, ne izmenyaite ego!!! */
/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII, ne izmenyaite ego!!! */
/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII, ne izmenyaite ego!!! */

body {
    background-color: white;
    background-color: var(--black_bg_black);
    color: #555;
    color: var(--basic_text_black);
}
a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}
a.grey {
    color: #818181;
}
/*a:hover{text-decoration:none;}*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin: 30px 0 25px;
    color: #222;
    color: var(--white_text_black);
}
h1,
h2,
h3,
h4 {
    letter-spacing: normal;
}
h1 {
    font-size: 2em;
    font-size: clamp(1.625rem, 1.1786rem + 1.4286vw, 2rem);
    line-height: calc(1em + 10px);
    margin: 0 0 18px;
}
h2 {
    font-size: 1.75em;
    line-height: calc(1em + 10px);
}
h3 {
    font-size: 1.5em;
    line-height: calc(1em + 10px);
}
h4 {
    font-size: 1.25em;
    line-height: calc(1em + 10px);
}
h5 {
    font-size: 1.125em;
    line-height: calc(1em + 10px);
}
h6 {
    font-size: 1.066em;
    line-height: calc(1em + 10px);
}
h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
    margin-top: 50px;
}
h1.no-top-space,
h2.no-top-space,
h3.no-top-space,
h4.no-top-space,
h5.no-top-space,
h6.no-top-space {
    margin-top: 0px;
}
h1.no-bottom-space,
h2.no-bottom-space,
h3.no-bottom-space,
h4.no-bottom-space,
h5.no-bottom-space,
h6.no-bottom-space {
    margin-bottom: 0px;
}
h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
    margin-top: 64px;
}
h1.bottom-spaced,
h2.bottom-spaced,
h3.bottom-spaced,
h4.bottom-spaced,
h5.bottom-spaced,
h6.bottom-spaced {
    margin-bottom: 36px;
}
.underline {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 11px;
    border-bottom: 2px solid blue;
}
h4.underline {
    padding-bottom: 7px;
}
h5.underline {
    padding-bottom: 4px;
}
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0px;
}
.dark_link {
    color: #222;
    color: var(--white_text_black);
}
.dark_link:hover {
    color: #000;
    color: var(--fill_dark_lite_hover);
}
.label[href]:hover,
.label[href]:focus {
    color: #555;
    color: var(--basic_text_black);
    cursor: default;
}

.no-bottom-margin {
    margin-bottom: 0;
}
.no-top-margin {
    margin-top: 0;
}

.muted {
    color: #999;
}
.muted svg path {
    fill: #b8b8b8;
}
.muted svg rect {
    stroke: #b8b8b8;
}
.muted-use use {
    opacity: 0.35;
}
.muted-use-no-hover:not(:hover) use {
    opacity: 0.35;
}
.normal_text {
    font-size: 1.2em;
    line-height: 1.444em;
}
.bold {
    font-weight: bold;
}

p {
    margin-bottom: 24px;
}
p .alternative-font {
    display: inline-block;
    margin-top: -15px;
    position: relative;
    top: 3px;
    margin-bottom: -6px;
}
p.featured {
    font-size: 1.6em;
    line-height: 1.5em;
}
p.short {
    margin-bottom: 0;
}
p.tall {
    margin-bottom: 20px;
}
p.taller {
    margin-bottom: 40px;
}
p.drop-caps:first-child:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding: 4px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: Georgia;
}
p.drop-caps.secundary:first-child:first-letter {
    background-color: #ccc;
    color: white;
    padding: 6px;
    margin-right: 5px;
    border-radius: 4px;
}

hr {
    height: 1px;
    margin: 25px 0;
    border: none;
    border-top: 1px solid #f2f2f2;
    border-color: var(--lite_bg_black);
}
.colored_line {
    border-color: #ededed;
    border-color: var(--stroke_black);
    border-top-width: 2px;
}
/*table*/
table.no-border {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.table > thead > tr > th,
table.table > tbody > tr > th,
table.table > tfoot > tr > th,
table.table > thead > tr > td,
table.table > tbody > tr > td,
table.table > tfoot > tr > td {
    border: 0;
    padding: 11px;
}
table.table b,
table.table strong {
    font-weight: 600;
}
table.table > thead > tr > th,
table.table > tbody > tr > th,
table.table > tfoot > tr > th {
    color: white;
    border-color: var(--stroke_black);
}
.table-bordered {
    border-color: var(--stroke_black);
}
table.table.table-striped tr:nth-child(even) td {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #f8f8f8;
    background: var(--darkerblack_bg_black);
}
table.table.table-striped tr:nth-child(odd) td {
    background: white;
    background: var(--black_bg_black);
}
table.table.table-striped tr:nth-child(odd) td {
    background: white;
    background: var(--black_bg_black);
}
table.table.table-bordered td {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
}
table.table.table-bordered-line td {
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
}
table.table.table-light th {
    background-color: transparent;
    color: inherit;
    border-bottom: 2px solid #b8b8b8;
    border-color: var(--stroke_black);
}
table.table .table-bg-gray {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #f8f8f8;
    background: var(--darkerblack_bg_black);
}
table.table th {
    background: #555;
}
table.table1 td {
    padding: 15px;
}
table tr.highlight {
    background-color: var(--darkgrey_bg_black);
}
/*colored table*/
table.colored_table {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-collapse: collapse;
}
.colored_table thead {
    border: 1px solid #ececec;
    border-color: var(--stroke_black);
}
.colored_table thead tr {
    background: #f7f7f7;
    background: var(--darkerblack_bg_black);
}
.colored_table tr td {
    padding: 8px 29px;
}
.colored_table tbody {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-color: var(--stroke_black);
}
.colored_table tbody tr td {
    border-bottom: 1px solid #ececec;
    border-color: var(--stroke_black);
}
.colored_table > tbody > tr > td,
.colored_table > tbody > tr > th,
.colored_table > tfoot > tr > td,
.colored_table > tfoot > tr > th,
.colored_table > thead > tr > td,
.colored_table > thead > tr > th {
    line-height: 1.428571429;
}
table.colored_table > tbody > tr > th,
table.colored_table > tfoot > tr > th,
table.colored_table > tbody > tr > td,
table.colored_table > tfoot > tr > td {
    padding: 14px 20px 15px;
}
table.colored_table > thead > tr > th,
table.colored_table > thead > tr > td {
    padding: 11px 21px;
    font-size: 0.8667em;
}
/*table-border_bottom*/
table.table-border_bottom > thead > tr > td {
    padding: 10px 0 11px 0;
}
table.table-border_bottom > tbody > tr > td {
    padding: 10px 0 11px 0;
    vertical-align: top;
    border-bottom: 1px solid #ededed;
    border-color: var(--stroke_black)
}
table.table-border_bottom.col-50 > tbody > tr > td {
    width: 50%;
}
table.table-border_bottom thead {
    border-bottom: 1px solid #ececec;
    border-color: var(--stroke_black);
}
table.table-border_bottom thead tr {
    background: #f7f7f7;
    background: var(--darkerblack_bg_black);
}

blockquote {
    color: #222;
    color: var(--white_text_black);
    position: relative;
    padding: 0px 20px 0px 41px;
    border: none;
    font-weight: normal;
    font-size: 1.2em;
    line-height: calc(1em + 10px);
    margin: 48px 0px;
}
blockquote p {
    line-height: normal;
}
blockquote:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    content: "";
    width: 3px;
    border-radius: 3px;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color, #9e9e9e);
}
blockquote.danger {
    padding: 27px 42px 31px 42px;
    border: 1px solid rgba(210, 21, 21, 0.4);
    border-radius: 3px;
    border-left: 3px solid #d21515;
    color: #bb3a3a;
    margin: 40px 0px;
    font-weight: 400;
}
blockquote.info {
    padding: 27px 42px 31px 42px;
    border: 1px solid rgba(91, 177, 71, 0.4);
    border-radius: 3px;
    border-left: 3px solid #5bb147;
    color: #5a8051;
    margin: 40px 0px;
    font-weight: 400;
}
blockquote.danger * {
    color: #bb3a3a;
}
blockquote.info * {
    color: #5a8051;
}
blockquote.danger:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 40px;
    background: var(--black_bg_black) url(/local/templates/aspro-lite/images/lite.png) -249px -262px no-repeat;
    width: 26px;
    height: 17px;
}
blockquote.info:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 40px;
    background: var(--black_bg_black) url(/local/templates/aspro-lite/images/lite.png) -17px -153px no-repeat;
    width: 26px;
    height: 18px;
}
blockquote.danger:after {
    content: "";
}
blockquote.code {
    padding: 27px 42px 31px 42px;
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    background: url(/local/templates/aspro-lite/images/code_pattern.gif);
    color: #999;
    margin: 40px 0px;
    font-weight: 400;
}
blockquote.code:before {
    display: none;
}
blockquote > div {
    font-style: italic;
    padding: 18px 20px 25px;
}
blockquote small {
    color: #222;
    color: var(--white_text_black);
    font-style: normal;
    margin-top: 10px;
    font-size: 0.93333rem;
    line-height: calc(1em + 7px);
}
li {
    line-height: 24px;
}
ul,
ol {
    padding-left: 17px;
    margin-bottom: 20px;
}
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h3,
ol + h4,
ol + h5,
ol + h6 {
    margin-top: 28px;
}
ul.list.icons {
    padding-left: 30px;
}
ul.list.icons .fa {
    margin-left: -22px;
    margin-right: 5px;
}
dl {
    margin-top: 16px;
}
dt {
    margin-bottom: 1px;
}
dd {
    margin-bottom: 14px;
    color: #444444;
    color: var(--basic_text_black);
}
dd + dd {
    margin-top: -14px;
}
table.table > thead > tr > th {
    font-size: 14px;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
}

ul {
    padding-left: 0px;
}
ol li {
    padding-left: 4px;
    margin-bottom: 12px;
}
ul li {
    list-style-type: none;
    position: relative;
    padding-left: 0px;
    margin-bottom: 8px;
}
ul li p {
    margin-bottom: 0px;
}
ul li ul,
ol li ol {
    padding-top: 4px;
}
/* .main ul li:before { */
ul li:before {
    content: "";
    position: relative;
    left: 0px;
    top: 11px;
    background: #666666;
    width: 11px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.mega-fixed-menu ul li:before,
header ul li:before,
#headerfixed ul li:before,
#mobileheader ul li:before,
#mobilefilter ul li:before,
.bx-core-window:not(.bx-core-adm-admin-dialog) ul li:before {
    content: none;
}
.main ul li p {
    display: inline;
    vertical-align: top;
}
ul.list-unstyled li {
    padding-left: 0px;
    margin-bottom: 0px;
}
ul.list-unstyled li:before {
    display: none;
}
.main ul.list-unstyled li p {
    display: block;
}

.body_media {
    display: none;
    position: absolute;
    top: 2;
}
.valign {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.ask_a_question {
    text-align: center;
    line-height: 15px;
    color: #1d2029;
}
.ask_a_question .text {
    margin-top: 8px;
}
.styled-block {
    border-left: 2px solid;
    background: url("/local/templates/aspro-lite/images/background.png") #f2f2f2 0 0 repeat;
    color: #555555;
    margin-bottom: 40px;
    clear: both;
    margin-top: 30px;
    padding: 37px 50px;
    font-size: 15px;
}
.order-block {
    background: #fbfbfb;
    background: var(--lite_bg_black);
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    color: #555555;
    color: var(--basic_text_black);
    clear: both;
    font-size: 1em;
    margin: 30px 0 40px;
    width: 100%;
}
.order-block--clear {
    border: 0;
    border: 0;
    background: transparent;
    margin: 0;
}
.progress {
    background-color: var(--darkerblack_bg_black);
}
.progress-bar {
    color: var(--white_text_black_reverse);
}
.grey-bg {
    background-color: #fafafa;
    background-color: var(--light2_bg_black);
}
.order-block__wrapper {
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    margin: 43px 0 40px;
}
.order-block .row {
    margin: 0;
}
.order-block .row > div {
    text-align: center;
    padding: 41px 0 40px;
    min-height: 83px;
}
.order-block td {
    padding: 42px 0px 37px;
    vertical-align: top;
}
.order-block td .btns {
    text-align: center;
}
.order-block .btn {
    margin: 0;
}
.order-block .text {
    padding: 0px 0px 0px 131px;
    min-height: 46px;
    line-height: 24px;
    text-align: left;
    position: relative;
}
.order-block .text .svg {
    display: block;
    width: 48px;
    height: 58px;
    position: absolute;
    top: 39px;
    top: -2px;
    left: 52px;
}
.order-block .text h1,
.order-block .text h2,
.order-block .text h3,
.order-block .text h4,
.order-block .text h5,
.order-block .text h6 {
    margin-bottom: 5px;
    margin-top: 0px;
}
.styled-block .row > div,
.order-block .row > div {
    /*float:left;*/
    display: table-cell;
    vertical-align: middle;
}
.styled-block .row > div.col-md-3,
.order-block .row > vib.col-md-3 {
    text-align: center;
}
.styled-block .row > div.col-md-3 .btn,
.order-block .row > vib.col-md-3 .btn {
    position: relative;
    margin: 0;
}
.order-info-block {
    padding: 32px 31px 33px 30px;
}
.order-info-block--margined {
    margin: 33px 0px;
}
.order-info-block .price .line-block__item {
    margin-top:0;
}
.order-info-block .icon-svg-block {
    padding-right: 3px;
}
.order-info-block .text {
    min-width: 205px;
}
.order-info-block .buy_block {
    min-width: 175px;
}
.order-info-block ~ .sale-linked {
    border-top: 1px solid #e5e5e5;
}
.order-info-block .question-title {
    margin-bottom: 31px;
    color: var(--white_text_black);
}
.order-info-block .price + .order-info-btn{
    margin-top: 20px;
}

.select-outer {
    width: 252px; /*overflow:hidden;*/
    position: relative;
    white-space: nowrap;
    font-size: 0px; /*border: 1px solid #f2f2f2;*/
}
.select-outer select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    font-size: 13px;
}
.select-outer i.fa {
    /*position:absolute;*/
    top: 0px;
    width: 28px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 1px 1px 0px 2px;
    border-right: 0px solid #f2f2f2;
    left: 0px;
    vertical-align: top;
    font-size: 13px;
    margin-right: -28px;
}
.select-outer i.fa:before {
    color: #fff;
    background: url(/local/templates/aspro-lite/images/svg/more_arrow.svg) 2px 4px no-repeat;
}
.select-outer i + select {
    padding-left: 39px;
    padding-right: 7px;
}
.select-outer select + i.fa {
    border-left: 0px solid #f2f2f2;
    right: 0px;
    left: auto;
    border-right-width: 0px;
    padding-left: 0px;
    margin-left: -28px;
}
.select-outer.black i.fa {
    color: #222;
}
.bx-opera .select-outer i.fa {
    top: 6px;
    display: none;
}
.bx-firefox .select-outer select {
    padding-top: 6px;
    padding-bottom: 7px;
}
.select-outer select::-ms-expand {
    display: none;
}
.grey_light {
    color: #6d7a83;
}
.grey_dark {
    color: #666666;
}
.dark_light {
    color: #2f383d;
}
.dark_lite_table {
    color: #2f383d;
    font-size: 16px;
}
.dark_table {
    color: #222;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}
.noradius {
    border-radius: 0;
}
.white_middle_text {
    font-weight: bold;
}
.underborder {
    border-bottom: 1px dotted;
}

.introtext {
    padding: 0px 0px 0px;
    color: #222;
    color: var(--white_text_black);
    font-size: 1.2em;
    line-height: calc(1em + 10px);
    margin-bottom: 40px;
}
.introtext p:last-child {
    margin-bottom: 0px;
}

.btn-inline {
    cursor: pointer;
    white-space: nowrap;
}
.btn-inline i {
    margin: 0 14px;
}
.btn-inline.rounded i {
    margin: 0 8px;
    border-radius: 50%;
    width: 18px;
    text-align: center;
    height: 18px;
    line-height: 17px;
    position: relative;
    top: 1px;
}
.btn-inline.rounded i:before {
    margin-left: 2px;
}
.bx-firefox .btn-inline.rounded i:before {
    margin-left: 0px;
}
.btn-inline.rounded:hover i {
    color: #fff;
    background: #ccc;
}
.btn-inline:hover {
    color: #222;
    color: var(--white_text_black);
}

.btn-inline.sm {
    font-size: 0.867em;
}
.btn-inline.sm i {
    margin: 0 12px;
}
.btn-inline.sm.rounded i {
    margin: 0 6px;
}

.btn-inline.xs {
    font-size: 0.733em;
}
.btn-inline.xs i {
    margin: 0 10px;
}
.btn-inline.xs.rounded i {
    margin: 0 4px;
}

.btn-inline.black {
    color: #222;
    color: var(--white_text_black);
}

.black {
    color: #222;
}

/* i.fa.big-icon /info/more/icons/ */
.fa.big-icon {
    height: 54px;
    width: 54px;
    line-height: 54px;
    font-size: 29px;
    border-radius: 50%;
    background: var(--theme-base-color);
    color: #fff;
    text-align: center;
}
.fa.big-icon.grey {
    color: var(--theme-base-color);
    background: #efefef;
}
.fa.big-icon.s50 {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 29px;
}
.fa.big-icon.s45 {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 25px;
}
.fa.big-icon.s40 {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 22px;
}
.fa.big-icon.s35 {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 19px;
}
.fa.big-icon.s30 {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 17px;
}
.fa.big-icon.s25 {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 13px;
}

/* .icon-text /info/more/icons/ */
.icon-text {
    padding: 0 20px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    border-radius: 27px;
    white-space: nowrap;
    background: var(--theme-base-color);
    color: #fff;
}
.icon-text .fa {
    font-size: 30px;
    margin-top: -7px;
    vertical-align: middle;
    margin-right: 10px;
}
.icon-text.grey {
    color: var(--theme-base-color);
    background: #efefef;
}

a.icon-text:hover {
    color: #fff;
    text-decoration: underline;
}
a.icon-text:focus {
    color: #fff;
}

.icon-text.s50 {
    padding: 0 18px;
    height: 50px;
    line-height: 50px;
}
.icon-text.s50 .fa {
    margin-top: -2px;
    font-size: 26px;
    margin-right: 6px;
}

.icon-text.s45 {
    height: 45px;
    line-height: 45px;
}
.icon-text.s45 .fa {
    margin-top: -2px;
    font-size: 22px;
    margin-right: 4px;
}

.icon-text.s40 {
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
}
.icon-text.s40 .fa {
    font-size: 22px;
    margin-top: -4px;
    margin-right: 4px;
}

.icon-text.s35 {
    padding: 0 14px;
    height: 35px;
    line-height: 33px;
}
.icon-text.s35 .fa {
    margin-top: 0;
    font-size: 18px;
    margin-right: 4px;
}

.icon-text.s30 {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    line-height: 29px;
}
.icon-text.s30 .fa {
    margin-top: 0;
    font-size: 15px;
    margin-right: 2px;
    line-height: 13px;
}

.icon-text.s25 {
    padding: 0 9px;
    height: 25px;
    font-size: 13px;
    line-height: 24px;
}
.icon-text.s25 .fa {
    margin-top: 0;
    font-size: 14px;
    margin-right: 2px;
    line-height: 13px;
}

/* LABELS */
.label {
    border-radius: 1px;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    height: 22px;
    padding: 0.4em 0.6em;
    display: inline-block;
    vertical-align: top;
}
.label-instock {
    background: #3cc051;
}
.label-nostock {
    background: #999999;
}
.label-pending {
    background: #fcb322;
}
.label-order {
    background: #57b5e3;
}

/* REVIEW */
.review {
    margin-bottom: 30px;
    position: relative;
}

/* check bitrix popups style */
.bx-core-window img {
    vertical-align: baseline;
}
.bx-core-window .adm-btn,
.bx-core-window .adm-input-file {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
}

/* error - not existing module aspro.corporation */
.include_module_error {
    margin: 0 auto;
    text-align: center;
}
.include_module_error img {
    max-width: 100%;
}
.include_module_error p {
    color: #636363;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
}

/* FONTS */
.font_exlg {
    font-size: 1.6em;
    line-height: 1.25em;
} /*24px*/
.font_lg {
    font-size: 1.3333em;
    line-height: 1.4em;
} /*20px*/
.font_mlg {
    font-size: 1.2em;
    line-height: 1.454em;
} /*18px*/
.font_mxs {
    font-size: 1.133em;
    line-height: 1.454em;
} /*17px*/
.font_md {
    font-size: 1.0667em;
    line-height: 1.5625em;
} /*16px*/
.font_sm {
    font-size: 0.933em;
    line-height: 1.429em;
} /*14px*/
.font_xs {
    font-size: 0.867em;
    line-height: 1.5379em;
} /*13px*/
.font_sxs {
    font-size: 0.8em;
    line-height: 1.692em;
} /*12px*/
.font_xxs {
    font-size: 0.733em;
    line-height: 1.273em;
} /*11px*/
.font_xxss {
    font-size: 0.667em;
    line-height: 1.3em;
} /*10px*/
.font_upper_md {
    font-size: 0.733em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.8px;
} /*11px*/
.font_upper {
    font-size: 0.667em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.8px;
} /*10px*/
.font_upper_xs {
    font-size: 0.6em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.8px;
} /*9px*/

.font_70 {
    font-size: clamp(1.6rem, 1.015rem + 2.8vw, 4.375rem);
    line-height: calc(1em + 7px);
}

.font_56 {
    font-size: clamp(1.6rem, 1.1rem + 2vw, 3.5rem);
    line-height: calc(1em + 7px);
}

.font_50 {
    font-size: clamp(1.6rem, 1.025rem + 1.75vw, 3.125rem);
    line-height: calc(1em + 7px);
}

.font_48 {
    font-size: clamp(1.6rem, 1.02rem + 1.65vw, 3rem);
    line-height: calc(1em + 7px);
}

.font_42 {
    font-size: clamp(1.6rem, 1.005rem + 1.35vw, 2.625rem);
    /* font-size: 2.6250rem; */
    line-height: calc(1em + 7px);
}
.font_40 {
    font-size: 2.5rem;
    line-height: calc(1em + 7px);
}
.font_38 {
    font-size: 2.375rem;
    line-height: calc(1em + 7px);
}
.font_36 {
    font-size: 2.25rem;
    line-height: calc(1em + 7px);
}
.font_34 {
    font-size: 2.125rem;
    line-height: calc(1em + 7px);
}
.font_32 {
    font-size: 2rem;
    line-height: calc(1em + 7px);
}
.font_30 {
    font-size: 1.875rem;
    line-height: calc(1em + 7px);
}
.font_28 {
    font-size: 1.75rem;
    line-height: calc(1em + 7px);
}
.font_26 {
    font-size: 1.625rem;
    line-height: calc(1em + 7px);
}
.font_25 {
    font-size: 1.5625rem;
    line-height: calc(1em + 7px);
}
.font_24 {
    font-size: 1.5rem;
    line-height: calc(1em + 7px);
}
.font_23 {
    font-size: 1.4375rem;
    line-height: calc(1em + 7px);
}
.font_22 {
    font-size: 1.375rem;
    line-height: calc(1em + 7px);
}
.font_21 {
    font-size: 1.3125rem;
    line-height: calc(1em + 7px);
}
.font_20 {
    font-size: 1.25rem;
    line-height: calc(1em + 7px);
}
.font_19 {
    font-size: 1.1875rem;
    line-height: calc(1em + 7px);
}
.font_18 {
    font-size: 1.125rem;
    line-height: calc(1em + 7px);
}
.font_17 {
    font-size: 1.0625rem;
    line-height: calc(1em + 7px);
}
.font_16 {
    font-size: 1rem;
    line-height: calc(1em + 7px);
}
.font_15 {
    font-size: 0.9375rem;
    line-height: calc(1em + 7px);
}
.font_14 {
    font-size: 0.875rem;
    line-height: calc(1em + 7px);
}
.font_13 {
    font-size: 0.8125rem;
    line-height: calc(1em + 7px);
}
.font_12 {
    font-size: 0.75rem;
    line-height: calc(1em + 7px);
}
.font_11 {
    font-size: 0.6875rem;
    line-height: calc(1em + 7px);
}
.font_10 {
    font-size: 0.625rem;
    line-height: calc(1em + 7px);
}
.font_9 {
    font-size: 0.5625rem;
    line-height: calc(1em + 7px);
}
.font_large {
    line-height: calc(1em + 10px);
}
.font_short {
    line-height: calc(1em + 4px);
}
.font_normal {
    line-height: calc(1em + 7px);
}

.font_bold {
    font-weight: bold;
}
.font_normal {
    font-weight: normal;
}
.font_weight--600 {
    font-weight: 600;
}
.font_weight--500 {
    font-weight: 500;
}

@media (max-width: 600px) {
    .font_20--to-600 {
        font-size: 1.25rem;
    }
    .font_18--to-600 {
        font-size: 1.125rem;
    }
    .font_16--to-600 {
        font-size: 1rem;
    }
    .font_15--to-600 {
        font-size: 0.9375rem;
    }
    .font_14--to-600 {
        font-size: 0.875rem;
    }
    .font_12--to-600 {
        font-size: 0.75rem;
    }
}

.stroke_999 * {
    stroke: #999;
}

.color_222 {
    color: #222;
    color: var(--white_text_black);
}
.color_333 {
    color: #222;
    color: var(--white_text_black);
}
.color_555 {
    color: #555;
    color: var(--basic_text_black);
}
.color_666 {
    color: #666;
    color: var(--lite_basic_text_black);
}
.color_999 {
    color: #999;
}
.color_light {
    color: #fff;
    /* color: var(--white_text_black_reverse); */
}
.color_light--opacity {
    color: #fff;
    /* color: var(--white_text_black_reverse); */
    opacity: 0.7;
}
.color_dark {
    color: #222;
    color: var(--white_text_black);
}
.color_dark--opacity {
    color: #222;
    color: var(--white_text_black);
    opacity: 0.5;
}

.mr-10 {
    margin-right: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}

.shadow,
.shadow-hovered:hover {
    box-shadow: 0px 5px 30px rgba(34, 34, 34, 0.1);
    z-index: 1;
}
.shadow-hovered {
    transition: box-shadow ease 0.3s, background ease 0.3s;
}
.shadow-no-border-hovered:hover {
    border-color: #fff;
    border-color: var(--stroke_black_hover);
    background-color: #fff;
    background-color: var(--card_bg_hover_black);
}
.shadow-no-border-hovered {
    transition: box-shadow ease 0.3s, border ease 0.3s, background ease 0.3s;
}
.index-block--fon .shadow-no-border-hovered:hover {
    border-color: #fafafa;
    border-color: var(--lite_bg_black);
}
.fill-999 {
    fill: #999;
}

.dark-block-hover:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.2s ease-in-out;
}
.dark-block-after:after {
    content: "";
    position: absolute;
    left: 0%;
    right: 0%;
    top: 51%;
    bottom: 0%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    transition: opacity 0.2s ease-in-out;
}
.dark-block-hover:hover:before {
    opacity: 0.5;
}
.dark-block-hover:hover .dark-block-after:after {
    opacity: 0;
}
.opacity_5 {
    opacity: 0.5;
}

.text-upper {
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.z-2 {
    z-index: 2;
}
.z-max {
    z-index: 996;
}

.height-100 {
    height: 100%;
}

.rounded-1 {
    border-radius: 1px;
}
.rounded-2 {
    border-radius: 2px;
}
.rounded-3 {
    border-radius: 3px;
}
.rounded-4 {
    border-radius: 4px;
}
.rounded-x {
    border-radius: 8px;
    border-radius: var(--border-radius);
}
.outer-rounded-x {
    border-radius: 12px;
    border-radius: var(--theme-outer-border-radius);
}
.rounded {
    border-radius: 100%;
}
.dotted {
    /* border-bottom: 1px dotted; */
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.15em;
    text-decoration-thickness: 1px;
    text-decoration-skip-ink: none;
}
.dashed {
    /* border-bottom: 1px dashed; */
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 0.15em;
    text-decoration-thickness: 1px;
    text-decoration-skip-ink: none;
}
.font-bold {
    font-weight: 700;
}

.border-none {
    border: none;
}
.border-top-none {
    border-top: none;
}
.border-bottom-none {
    border-bottom: none;
}
.border-left-none {
    border-left: none;
}
.border-right-none {
    border-right: none;
}

.pointer {
    cursor: pointer;
}

.linecamp-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    overflow: hidden;
}
.linecamp-3 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    overflow: hidden;
}
.linecamp-4 {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 4;
    overflow: hidden;
}
.linecamp-5 {
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 5;
    overflow: hidden;
}
.linecamp-12 {
    -webkit-line-clamp: 12;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 12;
    overflow: hidden;
}
.left-justify-content {
    justify-content: left;
}
.relative {
    position: relative;
}

.shadow-parent-all:hover .shadow-target {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.table-full-width {
    width: 100%;
}

/*tables responsible*/
.tables-responsive {
    overflow-x: auto;
    position: relative;
}

.tables-responsive:before {
    content: "";
    position: absolute;
}
/*tables responsible*/
.table {
    width:100%
}

@media (min-width: 992px) {
    .visible-991 {
        display: none;
    }
}
@media (max-width: 991px) {
    .order-info-block {
        padding: 25px;
    }
    .order-info-block .line-block {
        flex-wrap: wrap;
    }
    .order-info-block .icon-svg-block {
        display: none;
    }
    .order-info-block .line-block__item:not(.order-info-btns){
        margin-top: 0;
        margin-bottom: 20px;
    }
    .order-info-block{
        padding-bottom: 5px;
    }
    .hide-991 {
        display: none;
    }
}
@media all and (min-width: 768px) {
    .visible-767 {
        display: none;
    }
    .order-info-btns .btn.min_width--300 {
        min-width: 300px;
    }
}
@media (max-width: 600px) {
    table.table:not(.table-full-width),
    table.table:not(.table-full-width) thead,
    table.table:not(.table-full-width) tbody,
    table.table:not(.table-full-width) th,
    table.table:not(.table-full-width) td,
    table.table:not(.table-full-width) tr {
        display: block;
        clear: both;
    }
    table.table:not(.table-full-width) thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.table:not(.table-full-width) thead + tbody td .th-mobile {
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    table.table:not(.table-full-width) thead + tbody tr:not(.nomobile) td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left !important;
        min-height: 32px;
        word-break: break-all;
    }
    table.table thead + tbody td.table-head-group .th-mobile {
        display: none;
    }
    table.table thead + tbody tr:not(.nomobile) td.table-head-group {
        padding-left: 6px;
    }
    table.table .td-hidden-xs {
        display: none;
    }
}

@media all and (min-width: 601px) {
    .maxwidth-theme.maxwidth-theme--no-maxwidth-f601 {
        max-width: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .visible-600 {
        display: none;
    }
}

@media all and (max-width: 600px) {
    .hide-600 {
        display: none;
    }
    .visible-600 {
        display: none;
        width: 100%;
    }

    body .order-block td {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    body .order-block .text {
        text-align: left;
        padding: 25px 20px 0 25px;
    }

    .order-block .text .svg {
        position: relative;
        left: 0;
        width: 100%;
    }

    .order-block td .btns {
        text-align: left;
        padding: 0 20px 0 25px;
    }
    .order-info-btns .btn {
        width: 100%;
    }
}
@media all and (max-width: 360px) {
    .order-info-block .order-info-btns .line-block__item {
        flex-grow: 1;
    }
    .order-info-block .order-info-btns .line-block__item .buy_block {
        width: auto;
    }
}
@media all and (min-width: 992px) {
    .index-block__part--right.flexbox--direction-column {
        flex-basis: 55%;
        flex-shrink: 0;
    }
    .index-block__preview--right {
        max-width: 750px;
        margin: 0px;
        padding-left: 9%;
    }
}
@media all and (max-width: 1100px) {
    .hide-1100 {
        display: none;
    }
}
@media all and (max-width: 1200px) {
    .hide-1200 {
        display: none;
    }
}
@media all and (max-width: 1300px) {
    .hide-1300 {
        display: none;
    }
}
@media all and (max-width: 1400px) {
    .hide-1400 {
        display: none;
    }
}
@media all and (max-width: 1500px) {
    .hide-1500 {
        display: none;
    }
}
@media all and (max-width: 1600px) {
    .hide-1600 {
        display: none;
    }
}
@media all and (max-width: 1700px) {
    .hide-1700 {
        display: none;
    }
}

@media (max-width: 1200px) {
    .p-t-24-1200 {
        padding-top: 24px;
    }
}

@media (max-width: 1300px) {
    .last-1300 {
        order: 1;
    }
}



/* cart-modal.css - современный дизайн */
.cart-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.cart-modal--visible {
    display: block;
    opacity: 1;
}

.cart-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

.cart-modal__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 760px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    padding: 0;
    z-index: 10001;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cart-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    flex-shrink: 0;
}

.cart-modal__title {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.3;
}

.cart-modal__close {
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #666;
    transition: all 0.2s ease;
    padding: 0;
}

.cart-modal__close:hover {
    background: #f5f5f5;
    color: #333;
}

.cart-modal__close svg {
    width: 24px;
    height: 24px;
}

.cart-modal__body {
    padding: 0;
    overflow-y: auto;
    flex: 1;
}

.cart-modal__basket-link {
    display: block;
    padding: 16px 32px;
    background: #f8f9fa;
    color: #0066cc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8;
    transition: background 0.2s ease;
}

.cart-modal__basket-link:hover {
    background: #f0f7ff;
}

.cart-modal__notification {
    margin: 16px 32px;
    padding: 16px;
    background: #e8f4ff;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cart-modal__notification-icon {
    color: #0066cc;
    flex-shrink: 0;
    margin-top: 2px;
}

.cart-modal__notification-icon svg {
    width: 20px;
    height: 20px;
}

.cart-modal__notification-content {
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
}

.cart-modal__product {
    padding: 24px 32px;
    border-bottom: 1px solid #e8e8e8;
}

.cart-modal__product-content {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.cart-modal__product-image {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #f8f9fa;
    position: relative;
}

.cart-modal__product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-modal__product-info {
    flex: 1;
    min-width: 0;
}

.cart-modal__product-name {
    font-size: 16px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 8px;
    line-height: 1.4;
}

.cart-modal__product-price {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.cart-modal__price-current {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

.cart-modal__price-old {
    font-size: 16px;
    color: #999;
    text-decoration: line-through;
}

.cart-modal__product-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    gap: 16px;
}

.cart-modal__quantity-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cart-modal__quantity-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #333;
    transition: all 0.2s ease;
    padding: 0;
}

.cart-modal__quantity-btn:hover:not(:disabled) {
    border-color: #0066cc;
    background: #f0f7ff;
    color: #0066cc;
}

.cart-modal__quantity-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.cart-modal__quantity-btn svg {
    width: 18px;
    height: 18px;
}

.cart-modal__quantity-value {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    min-width: 24px;
    text-align: center;
}

.cart-modal__price-total {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin-left: auto;
}

.cart-modal__recommendations {
    padding: 32px;
    background: #f8f9fa;
    border-top: 1px solid #e8e8e8;
}

.cart-modal__recommendations-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.cart-modal__products-slider {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.cart-modal__products-slider::-webkit-scrollbar {
    height: 4px;
}

.cart-modal__products-slider::-webkit-scrollbar-track {
    background: transparent;
}

.cart-modal__products-slider::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

.cart-modal__product-card {
    flex: 0 0 auto;
    width: 180px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cart-modal__product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.cart-modal__product-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.cart-modal__product-card-top {
    position: relative;
    padding: 12px;
}

.cart-modal__product-card-favorite {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: all 0.2s ease;
    padding: 0;
}

.cart-modal__product-card-favorite:hover {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.cart-modal__product-card-favorite svg {
    width: 20px;
    height: 20px;
    fill: #ccc;
}

.cart-modal__product-card-favorite.active svg {
    fill: #ff3b30;
}

.cart-modal__product-card-image {
    width: 100%;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fa;
    margin-bottom: 12px;
}

.cart-modal__product-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-modal__product-card-content {
    padding: 0 12px 12px;
}

.cart-modal__product-card-price {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.cart-modal__product-card-name {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    margin-bottom: 8px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart-modal__product-card-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #666;
}

.cart-modal__footer {
    padding: 24px 32px;
    border-top: 1px solid #e8e8e8;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    flex-shrink: 0;
}

.cart-modal__btn {
    padding: 8px 20px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    min-width: 120px;
    text-align: center;
}

.cart-modal__btn--continue {
    background: #f8f9fa;
    color: #666;
    /* border: 1px solid #ddd; */
}

.cart-modal__btn--continue:hover {
    background: #e9ecef;
}

.cart-modal__btn--checkout {
    /* background: #0066cc; */
    color: white;
}

.cart-modal__btn--checkout:hover {
    background: #0052a3;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translate(-50%, -48%) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.cart-modal--visible .cart-modal__content {
    animation: modalSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 768px) {
    .cart-modal__content {
        width: 95%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 0;
    }

    .cart-modal__header,
    .cart-modal__basket-link,
    .cart-modal__notification,
    .cart-modal__product,
    .cart-modal__recommendations,
    .cart-modal__footer {
        padding: 16px;
    }

    .cart-modal__product-content {
        flex-direction: column;
        gap: 16px;
    }

    .cart-modal__product-image {
        width: 100%;
        height: 200px;
    }

    .cart-modal__product-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .cart-modal__quantity-controls {
        justify-content: center;
    }

    .cart-modal__price-total {
        margin-left: 0;
        text-align: center;
    }

    .cart-modal__product-card {
        width: 160px;
    }

    .cart-modal__footer {
        flex-direction: column;
    }

    .cart-modal__btn {
        width: 100%;
    }
}



/* Предотвращает скрытие полей ввода при обновлении */
.counter__count {
    transition: opacity 0.3s ease;
}

.counter__count.updating {
    opacity: 0.7;
}

/* Стили для модального окна */
.cart-modal__quantity-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-modal__quantity-value {
    min-width: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    transition: all 0.3s ease;
}

.cart-modal__quantity-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    background: white;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.cart-modal__quantity-btn:hover:not(:disabled) {
    border-color: #999;
    background: #f5f5f5;
}

.cart-modal__quantity-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


/* Стили для селектора предложений в модальном окне */
.cart-modal__offers-selector {
    margin: 15px 0;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
}

.cart-modal__offers-title {
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}

.cart-modal__offers-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cart-modal__offer-btn {
    padding: 8px 16px;
    border: 2px solid #ddd;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
}

.cart-modal__offer-btn:hover:not(:disabled) {
    border-color: #0066cc;
}

.cart-modal__offer-btn--selected {
    border-color: #0066cc;
    background: #0066cc;
    color: white;
}

.cart-modal__offer-btn--out-of-stock {
    opacity: 0.5;
    cursor: not-allowed;
    position: relative;
}

.cart-modal__offer-btn--out-of-stock:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    height: 1px;
    background: red;
    transform: rotate(-45deg);
}

.cart-modal__offer-price {
    font-size: 12px;
    margin-top: 4px;
    font-weight: 600;
}

.cart-modal__offer-btn--selected .cart-modal__offer-price {
    color: rgba(255, 255, 255, 0.9);
}

/* Стили для кнопок с учетом остатков */
.js-item-action.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.buy_block .disabled .js-item-action {
    opacity: 0.5;
}


@media (max-width: 768px) {
    .cart-modal__product {
        background: #fff;
        border-radius: 18px;
        padding: 14px;
        margin-bottom: 18px;
        box-shadow:
                0 2px 6px rgba(0,0,0,0.03),
                0 4px 12px rgba(0,0,0,0.05);
        border: 1px solid #f0f0f0;
    }

    .cart-modal__product-content {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    /* Контейнер для изображения с сохранением пропорций */
    .cart-modal__product-image {
        aspect-ratio: 1/1; /* Квадратное соотношение */
        width: 100%;
        max-height: 220px;
        background: linear-gradient(145deg, #ffffff, #f0f0f0);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px;
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
    }

    #cart-modal-product-image {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
    }

    .cart-modal__product-image:hover #cart-modal-product-image {
        transform: scale(1.08);
        filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15));
    }

    .cart-modal__product-info {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .cart-modal__product-name {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.4;
        color: #2c3e50;
        padding: 0 4px;
    }

    /* Стили для остальных элементов */
    .cart-modal__price-block {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .cart-modal__price-current {
        font-size: 20px;
        font-weight: 700;
        color: #e74c3c;
    }

    .cart-modal__price-old {
        font-size: 14px;
        color: #95a5a6;
        text-decoration: line-through;
    }

    .cart-modal__product-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 8px;
        padding-top: 12px;
        border-top: 1px solid #ecf0f1;
    }

    .cart-modal__quantity-controls {
        display: flex;
        align-items: center;
        gap: 10px;
        background: #f8f9fa;
        padding: 6px 12px;
        border-radius: 25px;
    }

    .cart-modal__quantity-btn {
        background: white;
        border: 1px solid #ddd;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
    }

    .cart-modal__quantity-btn:hover {
        background: #3498db;
        border-color: #3498db;
        color: white;
    }

    .cart-modal__quantity-value {
        font-size: 16px;
        font-weight: 600;
        min-width: 30px;
        text-align: center;
    }

    .cart-modal__price-total {
        font-size: 18px;
        font-weight: 700;
        color: #2c3e50;
    }
}


/* В custom.css добавляем в конец файла */

/* ==================== TRADE-IN PAGE VARIABLES ==================== */
:root {
    --trade-in-primary: #eebc70;
    --trade-in-primary-dark: #d8a85f;
    --trade-in-primary-light: #f8d9a8;
    --trade-in-primary-transparent: rgba(238, 188, 112, 0.1);
    --trade-in-text-primary: #333;
    --trade-in-text-secondary: #666;
    --trade-in-text-light: #888;
    --trade-in-background: #f5f5f5;
    --trade-in-white: #ffffff;
    --trade-in-border: #eee;
    --trade-in-border-dark: #ddd;
    --trade-in-success: #27ae60;
    --trade-in-warning: #f39c12;
    --trade-in-error: #e74c3c;
    --trade-in-radius: 12px;
    --trade-in-radius-sm: 8px;
    --trade-in-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --trade-in-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ==================== TRADE-IN PAGE BASE ==================== */
.trade-in-page {
    font-family: var(--theme-font-title-family, Unbounded), sans-serif;
}

.trade-in-page .loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column;
}

.trade-in-page .golden-loader {
    width: 60px;
    height: 60px;
    position: relative;
}

.trade-in-page .golden-loader:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top: 4px solid var(--trade-in-primary);
    border-bottom: 4px solid var(--trade-in-primary);
    animation: spin 1.5s linear infinite;
}

.trade-in-page .golden-loader:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-left: 4px solid var(--trade-in-primary-light);
    border-right: 4px solid var(--trade-in-primary-light);
    animation: spinReverse 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes spinReverse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

.trade-in-page .loading-text {
    margin-top: 20px;
    color: var(--trade-in-text-primary);
    font-size: 16px;
    font-weight: 600;
}

.trade-in-page .main-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0;
}

.trade-in-page .section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
    color: var(--trade-in-text-primary);
    position: relative;
}

.trade-in-page .section-title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background-color: var(--trade-in-primary);
}

/* ==================== TRADE-IN PROMO BLOCK ==================== */
.trade-in-promo {
    display: flex;
    flex-direction: row;
    max-width: 1380px;
    margin: 0 auto;
    padding: 64px 48px 64px 130px;
    background-color: var(--trade-in-white);
    position: relative;
    overflow: hidden;
}

.trade-in-promo::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(135deg, rgba(238, 188, 112, 0.1) 0%, rgba(238, 188, 112, 0.05) 100%);
    opacity: 0.8;
    z-index: 1;
}

.trade-in-promo__title-container {
    width: 80%;
    padding: 40px 0;
    position: relative;
    z-index: 2;
}

.trade-in-promo__title {
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: .5px;
    color: var(--trade-in-text-primary);
}

.trade-in-promo__title--accent {
    color: var(--trade-in-primary);
}

.trade-in-promo__divider {
    position: relative;
    width: 7%;
    height: 176px;
    margin-right: 0;
    border-bottom: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.trade-in-promo__divider::after {
    position: absolute;
    top: 32px;
    left: -9px;
    padding: 8px;
    background: var(--trade-in-white);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
    border-right: none;
    transform: rotate(-135deg);
    content: "";
}

.trade-in-promo__description-container {
    width: 70%;
    position: relative;
    z-index: 2;
}

.trade-in-promo__description {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: var(--trade-in-text-secondary);
}

/* ==================== TRADE-IN CALCULATOR ==================== */
.trade-in-calculator {
    margin-bottom: 80px;
    padding: 0 20px;
}

.trade-in-calculator__card {
    background-color: var(--trade-in-white);
    border-radius: var(--trade-in-radius);
    padding: 40px;
    box-shadow: var(--trade-in-shadow);
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid var(--trade-in-border);
    margin: 0 auto;
    max-width: 800px;
}

.trade-in-calculator__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.trade-in-calculator__header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--trade-in-border);
}

.trade-in-calculator__icon {
    width: 50px;
    height: 50px;
    background-color: var(--trade-in-primary-transparent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trade-in-primary);
    font-size: 22px;
}

.trade-in-calculator__title-main {
    font-size: 24px;
    font-weight: 700;
    color: var(--trade-in-text-primary);
    margin: 0 0 5px 0;
}

.trade-in-calculator__subtitle {
    font-size: 14px;
    color: var(--trade-in-text-secondary);
    margin: 0;
}

/* Форма калькулятора */
.calculator-form__group {
    margin-bottom: 25px;
}

.calculator-form__label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--trade-in-text-primary);
    font-size: 16px;
}

.calculator-form__input-wrapper {
    position: relative;
}

.calculator-form__input {
    width: 100%;
    padding: 14px 20px;
    background-color: #f9f9f9;
    border: 1px solid var(--trade-in-border-dark);
    border-radius: var(--trade-in-radius-sm);
    color: var(--trade-in-text-primary);
    font-size: 16px;
    transition: all 0.3s;
}

.calculator-form__input:focus {
    outline: none;
    border-color: var(--trade-in-primary);
    background-color: var(--trade-in-white);
    box-shadow: 0 0 0 3px var(--trade-in-primary-transparent);
}

.calculator-form__unit {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--trade-in-text-secondary);
    font-weight: 600;
}

/* Пробы золота */
.fineness-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 12px;
    margin-top: 15px;
}

.fineness-option {
    padding: 15px 10px;
    text-align: center;
    background-color: #f9f9f9;
    border: 2px solid var(--trade-in-border);
    border-radius: var(--trade-in-radius-sm);
    cursor: pointer;
    transition: all 0.3s;
}

.fineness-option:hover {
    background-color: var(--trade-in-white);
    border-color: var(--trade-in-border-dark);
}

.fineness-option--active {
    background-color: var(--trade-in-primary-transparent);
    border-color: var(--trade-in-primary);
    box-shadow: 0 0 0 3px rgba(238, 188, 112, 0.2);
}

.fineness-option__value {
    font-size: 18px;
    font-weight: 700;
    color: var(--trade-in-primary);
    margin-bottom: 5px;
}

.fineness-option__price {
    font-size: 14px;
    color: var(--trade-in-text-secondary);
    font-weight: 600;
}

/* Результат калькулятора */
.calculator-result {
    background-color: #f9f9f9;
    border-radius: var(--trade-in-radius-sm);
    padding: 25px;
    text-align: center;
    margin-top: 30px;
    border: 1px solid var(--trade-in-border);
}

.calculator-result__label {
    font-size: 16px;
    color: var(--trade-in-text-secondary);
    margin-bottom: 15px;
}

.calculator-result__value {
    font-size: 42px;
    font-weight: 800;
    color: var(--trade-in-primary);
    line-height: 1;
    margin: 0;
}

.calculator-result__note {
    font-size: 14px;
    color: var(--trade-in-text-secondary);
    margin-top: 15px;
    line-height: 1.5;
    margin-bottom: 0;
}

/* ==================== КНОПКИ ==================== */
.trade-in-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    background-color: var(--trade-in-primary);
    color: white;
    border: none;
    border-radius: var(--trade-in-radius-sm);
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    justify-content: center;
}

.trade-in-btn:hover {
    background-color: var(--trade-in-primary-dark);
    transform: translateY(-2px);
    box-shadow: var(--trade-in-shadow);
}

.trade-in-btn--full {
    width: 100%;
    margin-top: 20px;
}

/* ==================== PROCESS STEPS ==================== */
.trade-in-process {
    margin: 80px 20px;
    padding: 40px;
    background-color: var(--trade-in-white);
    border-radius: var(--trade-in-radius);
    box-shadow: var(--trade-in-shadow);
    border: 1px solid var(--trade-in-border);
}

.trade-in-process__steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.process-step {
    text-align: center;
    padding: 25px 15px;
    background-color: #f9f9f9;
    border-radius: var(--trade-in-radius);
    transition: transform 0.3s;
    border: 1px solid var(--trade-in-border);
}

.process-step:hover {
    transform: translateY(-5px);
    box-shadow: var(--trade-in-shadow-light);
}

.process-step__number {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background-color: var(--trade-in-primary);
    color: white;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
}

.process-step__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--trade-in-text-primary);
}

.process-step__description {
    color: var(--trade-in-text-secondary);
    line-height: 1.5;
    font-size: 14px;
    margin: 0;
}

/* ==================== КАРТА МАГАЗИНОВ ==================== */
.map-section {
    background-color: var(--trade-in-white);
    border-radius: var(--trade-in-radius);
    padding: 40px;
    margin: 60px 20px;
    box-shadow: var(--trade-in-shadow);
    border: 1px solid var(--trade-in-border);
}

.map-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
    height: 600px;
}

/* Левая часть: список магазинов */
.stores-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    overflow: hidden;
}

.stores-search {
    margin-bottom: 10px;
}

.stores-search-input {
    width: 100%;
    padding: 14px 20px;
    background-color: #f9f9f9;
    border: 1px solid var(--trade-in-border-dark);
    border-radius: var(--trade-in-radius-sm);
    color: var(--trade-in-text-primary);
    font-size: 16px;
    transition: all 0.3s;
}

.stores-search-input:focus {
    outline: none;
    border-color: var(--trade-in-primary);
    background-color: var(--trade-in-white);
    box-shadow: 0 0 0 3px var(--trade-in-primary-transparent);
}

.stores-search-input::placeholder {
    color: var(--trade-in-text-light);
}

.stores-list-container {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
    border: 1px solid var(--trade-in-border);
    border-radius: var(--trade-in-radius-sm);
    background-color: #f9f9f9;
}

.store-item {
    padding: 20px;
    border-bottom: 1px solid var(--trade-in-border);
    cursor: pointer;
    transition: all 0.3s;
}

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

.store-item:hover {
    background-color: var(--trade-in-white);
}

.store-item.active {
    background-color: var(--trade-in-primary-transparent);
    border-left: 4px solid var(--trade-in-primary);
}

.store-item-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--trade-in-text-primary);
    display: flex;
    align-items: center;
    gap: 10px;
}

.store-item-icon {
    color: var(--trade-in-primary);
    font-size: 16px;
}

.store-item-address {
    font-size: 14px;
    color: var(--trade-in-text-secondary);
    margin-bottom: 8px;
    line-height: 1.4;
}

.store-item-hours {
    font-size: 14px;
    color: var(--trade-in-text-light);
    margin-bottom: 5px;
}

.store-item-phone {
    font-size: 14px;
    color: var(--trade-in-primary);
    font-weight: 600;
}

/* Правая часть: карта */
#map {
    border-radius: var(--trade-in-radius-sm);
    overflow: hidden;
    box-shadow: var(--trade-in-shadow-light);
    height: 100%;
}

/* ==================== FAQ ==================== */
.faq-section {
    background-color: var(--trade-in-white);
    border-radius: var(--trade-in-radius);
    padding: 40px;
    margin: 60px 20px;
    box-shadow: var(--trade-in-shadow);
    border: 1px solid var(--trade-in-border);
}

.faq-container {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item {
    margin-bottom: 15px;
    border: 1px solid var(--trade-in-border);
    border-radius: var(--trade-in-radius-sm);
    overflow: hidden;
}

.faq-question {
    padding: 20px;
    background-color: #f9f9f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.faq-question:hover {
    background-color: #f0f0f0;
}

.faq-question h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--trade-in-text-primary);
    margin: 0;
}

.faq-icon {
    color: var(--trade-in-primary);
    transition: transform 0.3s;
    font-size: 20px;
    font-weight: 700;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

.faq-answer {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s, padding 0.3s;
    color: var(--trade-in-text-secondary);
    line-height: 1.6;
}

.faq-item.active .faq-answer {
    padding: 20px;
    max-height: 1000px;
}


/* ==================== АДАПТИВНОСТЬ ==================== */
@media (max-width: 1200px) {
    .trade-in-promo {
        padding: 64px 40px 64px 100px;
    }
}

@media (max-width: 992px) {
    .trade-in-promo {
        flex-direction: column;
        padding: 48px 32px;
    }

    .trade-in-promo__title-container,
    .trade-in-promo__description-container {
        width: 100%;
    }

    .trade-in-promo__title-container {
        padding: 0 0 24px 0;
    }

    .trade-in-promo__divider {
        width: 100%;
        height: 1px;
        border-left: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin: 24px 0;
    }

    .trade-in-promo__divider::after {
        display: none;
    }

    .trade-in-promo__title {
        font-size: 28px;
        line-height: 36px;
    }

    .trade-in-promo__description {
        font-size: 16px;
    }

    .map-container {
        grid-template-columns: 1fr;
        height: 800px;
    }

    .stores-sidebar {
        height: 300px;
    }

    #map {
        height: 500px;
    }
}

@media (max-width: 768px) {
    .trade-in-promo {
        padding: 40px 24px;
    }

    .trade-in-promo__title {
        font-size: 24px;
        line-height: 32px;
    }

    .trade-in-promo::before {
        width: 60%;
        opacity: 0.6;
    }

    .trade-in-calculator__title,
    .trade-in-process__title,
    .map-section .section-title,
    .faq-section .section-title {
        font-size: 28px;
    }

    .trade-in-calculator__card {
        padding: 25px 20px;
    }

    .trade-in-process,
    .map-section,
    .faq-section {
        padding: 30px 20px;
        margin: 40px 10px;
    }

    .calculator-result__value {
        font-size: 36px;
    }

    .fineness-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .trade-in-process__steps {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .trade-in-promo {
        padding: 32px 20px;
        text-align: center;
    }

    .trade-in-promo__title {
        font-size: 20px;
        line-height: 28px;
    }

    .trade-in-promo__description {
        font-size: 15px;
    }

    .trade-in-calculator__title,
    .trade-in-process__title,
    .map-section .section-title,
    .faq-section .section-title {
        font-size: 24px;
    }

    .trade-in-calculator__title-main {
        font-size: 20px;
    }

    .trade-in-process__steps {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .fineness-grid {
        grid-template-columns: 1fr;
    }

    .store-item-title {
        font-size: 16px;
    }

    .store-item-address,
    .store-item-hours,
    .store-item-phone {
        font-size: 13px;
    }

    .faq-question h3 {
        font-size: 16px;
    }

    .faq-answer {
        font-size: 14px;
    }
}

/* ==================== НОТИФИКАЦИИ ==================== */
.notification {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--trade-in-white);
    border-radius: var(--trade-in-radius-sm);
    padding: 15px 20px;
    box-shadow: var(--trade-in-shadow);
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 400px;
    z-index: 1000;
    transform: translateX(150%);
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-left: 4px solid var(--trade-in-primary);
}

.notification.show {
    transform: translateX(0);
}

.notification-icon {
    color: var(--trade-in-primary);
    font-size: 20px;
}

.notification-content {
    flex: 1;
}

.notification-title {
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--trade-in-text-primary);
}

.notification-message {
    color: var(--trade-in-text-secondary);
    font-size: 14px;
}

.notification-close {
    color: var(--trade-in-text-secondary);
    cursor: pointer;
    transition: color 0.3s;
}

.notification-close:hover {
    color: var(--trade-in-primary);
}


/* Для мобильных устройств */
@media (max-width: 768px) {
    .b24-widget-button-inner-container,
    .bx-touch .b24-widget-button-inner-container {
        right: 12px !important;
        bottom: 90px !important;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .b24-widget-button-inner-container,
    .bx-touch .b24-widget-button-inner-container {
        right: 12px !important;
        bottom: 90px !important;
    }
}
/* End */


/* Start:/local/templates/aspro-lite/template_styles.css?176699576531807*/
/*Svoi CSS kod pishite v faile CUSTOM.CSS,chotobi pri ustanovke obnovlenii ne bilo problem */
/* --------------------------------------- */
/* Put you custom CSS in CUSTOM.CSS,not in this file! */

/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII,ne izmenyaite ego!!! */
/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII,ne izmenyaite ego!!! */
/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII,ne izmenyaite ego!!! */
/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII,ne izmenyaite ego!!! */
/* DANNII FAIL ZATIRAETSYA PRI OBNOVLENII,ne izmenyaite ego!!! */

html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    font-size: 1rem;
    font-family: var(--theme-font-family), Arial, sans-serif;
    line-height: calc(1em + 10px);
}
* html .clearfix {
    height: 1%;
}

html[xmlns] .clearfix {
    display: block;
}

.switcher-title {
    font-family: var(--theme-font-title-family), Arial, sans-serif;
    font-weight: var(--theme-font-title-weight);
}
.body {
    height: auto !important;
    flex-grow: 1;
}
body > .body:not(.index) > .main {
    padding-bottom: 80px;
}
@media (max-width: 600px) {
    body > .body:not(.index) > .main {
        padding-bottom: 40px;
    }
}
.body > .main {
    position: relative;
    z-index: 1;
}
.container {
    width: 100% !important;
    padding: 0;
}
.container > .row > .maxwidth-theme > .content-md {
    display: flex;
    flex-direction: row-reverse;
}

.container .left_block {
    --width: 270px;
    --margin: 39px;
    width: var(--width);
    flex-shrink: 0;
}
.container .right_block {
    width: 100%;
    min-width: 0;
}
.container .right_block.narrow_Y {
    width: calc(100% - 270px);
}
body .main-wrapper > .section-content-wrapper {
    min-width: 0; /* fix tabs nowrap in flexbox */
}
.side_left .container .left_block {
    margin-right: var(--margin);
}
.side_right .container .left_block {
    margin-left: var(--margin);
    margin-right: 0px;
}

.side_right .container > .row > .maxwidth-theme > .content-md {
    flex-direction: row;
}
.side_left .main-wrapper {
    flex-direction: row-reverse;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
.row.clearfix,
.clearfix.block {
    display: block;
}

*[id^="bx_incl"] {
    display: inline;
    vertical-align: top;
    *display: inline;
    zoom: 1;
}
.bx_editmode .bx_areas *[id^="bx_incl"],
.right_block *[id^="bx_incl"] {
    display: block;
}

.margin0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.nopadding {
    padding: 0px !important;
}
.nopadding-left {
    padding-left: 0px !important;
}
.nopadding-right {
    padding-right: 0px !important;
}
.bordered {
    border: 1px solid #ededed;
    border-color: var(--stroke_black);
}
.overflow-block {
    overflow: hidden;
}

* {
    outline: none !important;
}
*[data-event="jqm"] {
    cursor: pointer;
}

.srollbar-custom {
    overflow: auto;
}

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

.loading-state {
    min-height: 300px;
    background: transparent url("/local/templates/aspro-lite/images/loaders/double_ring.svg") no-repeat center center;
}
.loading-state-before:before {
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.5) url("/local/templates/aspro-lite/images/loaders/double_ring.svg") center 50px no-repeat;
    position: absolute;
    z-index: 105;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    background-position: center center;
}

.item-link-absolute {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
}

/*custom browser scrollbar */
.scrollbar:not(.scroller) {
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar,
.scrolled::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.scrollbar::-webkit-scrollbar-track,
.scrolled::-webkit-scrollbar-track {
    border-radius: 5px;
}
.scrollbar::-webkit-scrollbar-thumb,
.scrolled::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc;
    background: var(--gray_bg_black);
    border: 1px solid #fff;
    border-color: var(--black_bg_black);
}
.scrollbar::-webkit-scrollbar-thumb:window-inactive-thumb,
.scrolled::-webkit-scrollbar-thumb:window-inactive-thumb {
    background: #ccc;
    background: var(--gray_bg_black);
    border: 2px solid #fff;
    border-color: var(--black_bg_black);
}
.scrollbar.scrollbar--horizontal {
    overflow: hidden;
    overflow-x: auto;
    overscroll-behavior: auto;
}
.scrollbar.scrollbar--overscroll-auto {
    overscroll-behavior: auto;
}

.container iframe,
.container object,
.container video:not(.cover) {
    display: block;
    border-radius: var(--border-radius);
}
.container iframe:not(.cover),
.container object:not(.cover),
.container video:not(.cover) {
    max-width: 100%;
    width: 100%;
}

.maxwidth-theme {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1402px;
    max-width: var(--theme-page-width);
    max-width: calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding)));
    width: 100%;
    padding-left: var(--theme-page-width-padding);
    padding-right: var(--theme-page-width-padding);
}
@media (max-width: 600px) {
    .maxwidth-theme {
        --theme-page-width-padding: 16px;
    }
}
@media (max-width: 991px) {
    :root {
        --theme-page-width-padding: 24px;
    }
}
.maxwidth-theme:before,
.maxwidth-theme:after {
    content: "";
    display: block;
    clear: both;
}

.maxwidth-theme.maxwidth-theme--no-maxwidth {
    max-width: none;
}
.maxwidth-theme--relative {
    position: relative;
}

.top-content-block > div {
    margin-bottom: 32px;
}
.top-content-block > div:empty {
    margin-bottom: 0px;
}
.top-content-block .top-big-img + .tizers {
    margin-top: -2px;
}
.top-big-img--with-tizers {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.top-content-block .seo-block-main {
    margin-bottom: 0px;
}
.top-content-block .seo_block {
    margin-bottom: 48px;
}
.top-content-block .seo_block + .seo_block--description {
    margin-top: -5px;
}
.top-content-block .seo_block--img {
    width: 300px;
    margin-bottom: 0px;
}
.top-content-block .sticky-block {
    margin-bottom: 48px;
}

.greyline > .row,
.logo_and_menu-row > .row,
.main > .row,
.container > .row,
.border_content > .row {
    margin-left: 0;
    margin-right: 0;
}
section.page-top > .row > .maxwidth-theme,
.greyline > .row > .maxwidth-theme,
.logo_and_menu-row > .row > .maxwidth-theme,
.main > .row > .maxwidth-theme,
.container > .row > .maxwidth-theme > .content-md {
    padding: 0;
}
/*
article.post-large {
  margin-left: 80px;
}
article.post-large div.post-image,
article.post-large div.post-date {
  margin-left: -80px;
}
.border_content {
  margin: 18px 0px 8px;
}
.border_content .head-block.top {
  margin-bottom: 39px;
}
body .wide-block {
  display: block;
  margin-right: 0px;
}
*/

/* .body {
  content-visibility: auto;
} */

div[id^="wait_comp"],
.bx-core-waitwindow {
    display: none;
}

span.zoom {
    border-radius: 4px;
    color: #ffffff;
    display: block;
    height: 44px;
    line-height: 24px;
    margin: -22px -22px 0 0;
    padding: 6px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 50%;
    width: 44px;
    cursor: pointer;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    background: rgba(34, 34, 34, 0.7) url(/bitrix/templates/aspro-lite/images/svg/Fullsize.svg) center no-repeat;
}
span.zoom i {
    font-size: 21px;
    left: 0;
    position: relative;
    top: 2px;
}

/*
.shine {
  position: relative;
}
.hover_shine .shine:before {
  position: absolute;
  top: 0;
  left: -45%;
  z-index: 2;
  display: block;
  content: "";
  width: 25%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hover_shine .shine:hover:before {
  -webkit-animation: shine 0.5s;
  animation: shine 0.5s;
}
.hover_blink .shine:before {
  display: none;
}
.hover_blink:hover .shine,
.hover_blink .shine:hover {
  opacity: 1;
  -webkit-animation: flash 0.8s;
  animation: flash 0.8s;
}
.inner-table-block {
  display: table-cell;
  vertical-align: middle;
}

.with_dropdown {
  position: relative;
  padding-right: 12px;
}
*/
.hover_zoom .shine {
    transition: transform 0.8s;
}
.hover_zoom:hover .shine {
    transform: scale(1.1);
}

/* search-block  */
form.search {
    position: relative;
}
.search .search-input-div {
    width: 100%;
    position: relative;
}
.search .search-input {
    padding-right: 60px;
}
.search .search-button-div {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
}
.search .btn-search {
    background: transparent;
    border: none;
    padding: 0px 16px 1px 16px;
    line-height: 0;
    display: flex;
    height: 100%;
    align-items: center;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.btn-search:hover * {
    fill: #333;
}

.body .main > .container.with_error .left-menu-md,
.body .main > .container.with_error .page-top,
.body .main > .container.with_error .right-menu-md {
    display: none !important;
}
.body .main > .container.with_error .content-md {
    width: 100%;
    display: block;
}
body .container.with_error .right_block.narrow_Y {
    float: none !important;
    width: 100% !important;
}

.banner.TOP_HEADER img,
.banner.CONTENT_TOP img,
.banner.CONTENT_BOTTOM img,
.banner.TOP_HEADER img,
.banner.TOP_UNDERHEADER img,
.banner.FOOTER img {
    margin: auto;
}

.banner.CONTENT_TOP {
    margin-bottom: 37px;
}
.banner.CROP {
    overflow: hidden;
}
.banner.CROP.TOP_HEADER {
    position: relative;
    z-index: 2;
}
.banner.CROP img {
    margin-left: 50%;
    transform: translateX(-50%);
}

body > .body:not(.index) > .main .banner.FOOTER {
    margin-bottom: -80px;
}
.banner.CONTENT_BOTTOM {
    /* margin-bottom: 40px; */
    margin-top: 40px;
}
.body:not(.index) .banner.FOOTER {
    margin-top: 40px;
}
.right-menu-md .side-menu > li > .submenu {
    padding-left: 26px;
}

.zomm_wrapper-block {
    position: relative;
}
.zomm_wrapper-block:hover .flex-direction-nav a:not(.flex-disabled) {
    opacity: 1 !important;
}

/*
.iblocks {
  max-height: 133px;
}
.iblocks:after {
  content: "";
  clear: both;
  display: table;
}
.iblocks .inner-wrapper {
  background: #f2f2f2;
  min-height: 132px;
}
.iblocks > div {
  font-size: 13px;
  line-height: 20px;
}
.iblocks > div a {
  display: block;
}
.iblocks .icons-block {
  color: #9a9a9a;
  width: 80px;
  text-align: center;
  background: #f2f2f2;
  float: left;
}
.iblocks .icons-block a {
  color: #9a9a9a;
  padding: 72px 10px 25px;
  position: relative;
}
.iblocks .icons-block a:before {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 27px;
  background: url(/local/templates/aspro-lite/images/svg/lighta.svg) -249px -83px no-repeat;
  top: 30px;
  left: 50%;
  margin-left: -11px;
}
.iblocks .icons-block a:after {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 100%;
  background: #fff;
  top: 0px;
  right: 0px;
}
.docs-block .iblocks:hover .icons-block a:before,
.iblocks .icons-block a:hover:before {
  background-position: -250px -114px;
}
.docs-block .iblocks:hover .icons-block a,
.iblocks .icons-block a:hover {
  color: #fff;
}
.iblocks .text-block {
  color: #222222;
  font-weight: bold;
  font-size: 15px;
  background: #f2f2f2;
  padding-left: 82px;
}
.iblocks .text-block .text {
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}
*/
/*
body .docs-block .blocks {
  display: block;
}
body .docs-block .blocks .inner-wrapper {
  position: relative;
  padding: 0px 0px 0px 55px;
  margin-bottom: 32px;
  line-height: 20px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.docs-block .blocks .inner-wrapper:before {
  content: "";
  position: absolute;
  display: block;
  width: 36px;
  height: 35px;
  background: url(/local/templates/aspro-lite/images/svg/docs_types.svg) 0px 0px no-repeat;
  top: 0px;
  left: 0px;
}
.docs-block .blocks.doc .inner-wrapper:before,
.docs-block .blocks.docx .inner-wrapper:before {
  background-position-y: -55px;
}
.docs-block .blocks.jpg .inner-wrapper:before {
  background-position-y: -110px;
}
.docs-block .blocks.png .inner-wrapper:before {
  background-position-y: -165px;
}
.docs-block .blocks.ppt .inner-wrapper:before {
  background-position-y: -220px;
}
.docs-block .blocks.txt .inner-wrapper:before {
  background-position-y: -275px;
}
.docs-block .blocks.tiff .inner-wrapper:before,
.docs-block .blocks.tif .inner-wrapper:before {
  background-position-y: -330px;
}
.docs-block .blocks.none .inner-wrapper:before {
  background-position-y: -495px;
}
.docs-block .blocks.rtf .inner-wrapper:before {
  background-position-y: -440px;
}
.docs-block .blocks.xls .inner-wrapper:before,
.docs-block .blocks.xlsx .inner-wrapper:before {
  background-position-y: -385px;
}
.docs-block .blocks .filesize {
  font-size: 12px;
  color: #9a9a9a;
}
*/

.grid-list__item {
    min-width: 0px;
}

.loadings {
    background: url(/local/templates/aspro-lite/images/loaders/preloader.gif) no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0) !important;
    cursor: default !important;
}
.loadings * {
    background: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0) !important;
    cursor: default !important;
    visibility: hidden;
}

/* accordion */
.accordion-head {
    cursor: pointer;
    padding: 30px 86px 20px 34px;
    position: relative;
    display: block;
}
.accordion-head:hover,
.accordion-head:active,
.accordion-head:focus,
.accordion-head:visited {
    color: #333333;
    color: var(--white_text_black);
}
.accordion-line {
    background-color: #9e9e9e;
    background-color: var(--darkerblack_bg_black);
    width: 4px;
    position: absolute;
    left: -1px;
    top: 32px;
    height: 13px;
    border-radius: 0px 4px 4px 0px;
}
.accordion {
    background: #fff;
    background: var(--card_bg_black);
}
.item-accordion-wrapper {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    margin-bottom: -1px;
    padding-bottom: 8px;
    position: relative;
    transition: background ease 0.3s, box-shadow ease 0.3s;
}
.item-accordion-wrapper:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.item-accordion-wrapper:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.item-accordion-wrapper .accordion-head {
    border: none;
}
.accordion-type-1 .item,
.accordion-type-2 .item,
.accordion-type-1 .item:hover,
.accordion-type-2 .item:hover {
    border-color: #e5e5e5 !important;
    border-color: var(--stroke_black) !important;
}
.accordion-type-1 .item .accordion-body,
.accordion-type-2 .item .accordion-body,
.accordion-type-1 .item .panel-collapse,
.accordion-type-2 .item .panel-collapse,
.accordion-type-1 .item .accordion-head,
.accordion-type-2 .item .accordion-head {
    border: none !important;
}
.accordion-type-1 .item .accordion-head,
.accordion-type-2 .item .accordion-head {
    margin-bottom: 0 !important;
}
.accordion-head.accordion-open .fa:before {
    content: "\f106";
}
.panel-collapse {
    position: static;
}
.panel-collapse .accordion-body {
    padding: 0px 33px 0px 33px;
}
.accordion-preview {
    padding-bottom: 13px;
}
.accordion-btn {
    padding: 0px 0px 31px;
}

.accordion-head .svg-inline-right-arrow {
    position: absolute;
    right: 22px;
    top: 34px;
    transition: transform ease 0.3s;
}
.accordion-head:hover .svg-inline-right-arrow {
    transform: scale(1.1);
}
.accordion-open .svg-inline-right-arrow {
    transform: rotate(135deg);
}
.accordion-head.accordion-open:hover .svg-inline-right-arrow {
    transform: rotate(135deg) scale(1.1);
}

.accordion-type-1 .accordion-head a {
    display: inline;
    text-decoration: none;
}
.accordion-head .fa {
    border-radius: 30px;
    color: #222222;
    position: absolute;
    top: 23px;
    font-size: 24px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center;
}
.accordion-head:hover .fa {
    background: #e5e5e5;
}
.accordion-type-1 .accordion-head .fa {
    right: 29px;
}
.accordion-type-2 .accordion-head {
    padding-left: 75px;
    padding-right: 38px;
}
.accordion-type-2 .accordion-head a {
    display: inline;
    line-height: 18px;
    text-decoration: none;
    font-size: 16px;
}
.accordion-type-2 .accordion-head:after {
    content: "";
    display: table;
    clear: both;
}
.accordion-type-2 .accordion-head .fa {
    left: 26px;
}
.accordion-type-2 .accordion-head .svg-inline-right-arrow {
    right: auto;
    left: 39px;
}
.accordion-type-2 .accordion-head.accordion-open .fa {
    line-height: 25px;
}

section.toggle {
    margin: 10px 0 0;
    position: relative;
    clear: both;
}
section.toggle input {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 45px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
section.toggle label {
    border-left: 3px solid;
    transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    background: #f4f4f4;
    background: var(--card_bg_black);
    border-radius: 3px;
    display: block;
    font-size: 1.1em;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    border-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, #cccccc);
}
section.toggle .toggle-content {
    display: none;
}
section.toggle label::-moz-selection {
    background: none;
}
section.toggle label i.fa-minus {
    display: none;
}
section.toggle label i.fa-plus {
    display: inline;
}
section.toggle label::selection {
    background: none;
}
section.toggle label::before {
    border: 6px solid transparent;
    border-left-color: inherit;
    content: "";
    margin-top: -6px;
    position: absolute;
    right: 4px;
    top: 50%;
}
section.toggle label + p {
    color: #999;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 25px;
}
section.toggle label i {
    font-size: 0.7em;
    margin-right: 8px;
    position: relative;
    top: -1px;
}
section.toggle.active i.fa-minus {
    display: inline;
}
section.toggle.active i.fa-plus {
    display: none;
}
section.toggle.active > label {
    color: white;
    background-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, var(--card_bg_hover_black));
    border-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, var(--card_bg_hover_black));
}
section.toggle.active > label::before {
    border: 6px solid transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px;
}
section.toggle > p.preview-active {
    height: auto;
}
section.toggle > p.preview-active,
section.toggle.active > p {
    white-space: normal;
}

.links-block .links {
    font-size: 0px;
    line-height: 0px;
}
.links-block .links > a {
    font-size: 15px;
    line-height: 24px;
}
.links-block .links a.next-url {
    float: right;
}

.links-block .share {
    margin-bottom: 35px;
}

/* PRICE */
/*
.item-views .item .price,
.order-block .price {
  line-height: 19px;
}
.item-views .item .price .fa,
.order-block .price .fa {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 22px;
  background: none;
}
.item-views .item .price .price_val,
.order-block .price .price_val {
  font-size: 18px;
  font-weight: bold;
  padding-right: 5px;
  color: #1d2029;
  display: inline-block;
}
.item-views .item .price_new {
  display: inline-block;
}
.item-views .item .price .price_old,
.order-block .price .price_old {
  line-height: 15px;
  padding-top: 2px;
  display: inline-block;
}
.item-views .item .price .price_old {
  padding-top: 1px;
}
.item-views .item .price .price_old .price_val,
.item-views .item .price .price_old .fa,
.order-block .price .price_old .price_val,
.order-block .price .price_old .fa {
  font-size: 14px;
  font-weight: normal;
  padding-right: 0px;
  color: #777;
  text-decoration: line-through;
}
.order-block .price,
.order-block .price + .btn {
  display: inline-block;
  vertical-align: top;
}
.order-block .price .price_val {
  font-size: 24px;
}
.order-block .price.nop {
  margin-top: 8px;
}
.order-block .price + .btn {
  margin-left: 5px;
}
*/
.content + .order-block {
    margin-top: 51px;
    margin-bottom: 57px;
}

.search-tags-cloud {
    margin: 0px 0px 32px;
}
.search-tags-cloud .title-block-middle {
    padding: 0px 0px 16px;
}
.container-block {
    margin: 0px 0px 40px;
}
.fill-block {
    background: #f9f9f9;
    padding: 21px 30px 16px;
    border-bottom: 1px solid #f2f2f2;
}
.title-block-middle {
    color: #333;
    font-size: 1.067em;
    font-weight: bold;
}
.fill-block .title-block-middle {
    padding: 0px 0px 19px;
    border-bottom: 1px solid #f1f1f1;
}
.fill-block ul {
    margin: 0px;
    padding: 14px 0px 0px;
}
.fill-block ul li {
    padding: 0px;
    margin: 0px;
}
.fill-block ul li:before {
    display: none;
}
.fill-block ul li a {
    display: block;
    padding: 4px 0px;
}
.fill-block ul li a .text {
    font-size: 0.933em;
    padding: 0px 12px 0px 0px;
}
.fill-block ul li a .count,
.fill-block ul li a:hover .count {
    font-size: 0.867em;
    float: right;
    color: #999999;
}

.period-wrapper {
    margin: -18px 0px 13px;
}

.item_block.animated {
    opacity: 0;
}
.main-section-wrapper {
    position: relative;
}

.item span.zoom {
    opacity: 0;
}
.items .item:hover span.zoom {
    opacity: 1;
}

.detail .galery {
    margin-right: 0px;
    margin-left: 0px;
}
.detail .galery .inner {
    border: 1px solid #f2f2f2;
    max-height: 673px;
    overflow: hidden;
    padding: 50px 62px;
    position: relative;
}
.detail .galery .inner .stickers {
    top: -10px;
    left: 28px;
}
.detail .galery .item {
    padding: 0;
    text-align: center;
    position: relative;
}
.detail .galery .item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
}
.detail .galery .item:hover span.zoom {
    opacity: 1;
}
.detail .galery .flexslider.top-bigs {
    border: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
    background: transparent;
}
.detail .galery .flexslider.s_1 {
    margin-left: 0px;
}
.detail .galery .flexslider .flex-viewport,
.detail .galery .items {
    height: 100%;
}

.head-block-item.dropdown-select__title {
    position: relative;
    padding: 12px 55px 12px 20px;
    color: #333;
    color: var(--white_text_black);
    margin-bottom: 48px;
}
.head-block-item .menu-arrow {
    color: #000;
}
.head-block-item .menu-arrow path {
    fill: var(--fill_dark_light);
}
.head-block {
    padding: 0px 35px;
    margin-bottom: 48px;
    cursor: default;
}
.head-block__item {
    cursor: pointer;
    display: block;
}
.head-block__item--active {
    cursor: default;
}
.head-block__item-text {
    padding: 19px 0px;
    display: block;
    position: relative;
}
.head-block__item--active .head-block__item-text:before {
    content: "";
    position: absolute;
    height: 2px;
    left: 0px;
    right: 100%;
    bottom: -1px;
    display: block;
    right: 0px;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-radius: 2px 2px 0px 0px;
}

.opacity1 {
    opacity: 1 !important;
}
.opacity0 {
    opacity: 0 !important;
}

.mixitup-container:not(.mixitup-ready) div[data-ref="mixitup-target"] {
    display: none;
}

/* REVIEWS */
.hidden-text-block:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.32);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.85));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#D9FFFFFF', GradientType=0);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3rem;
}
.hidden-text-block {
    position: relative;
}

.shadow-block .flex-viewport {
    margin: -20px -25px 0px;
    padding: 10px 25px;
}
.shadow-block .item:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.flexslider:not(.flexslider-init).flex_loader_circle {
    background: url(/bitrix/templates/aspro-lite/images/pl3.gif) no-repeat center center !important;
    min-height: 200px;
}

.flexslider.shadow.front .flex-direction-nav .flex-prev,
.flexslider.shadow.front .flex-direction-nav .flex-next {
    top: 7px;
}
.item-views .shadow .item:hover,
.projects.item-views.table .flexslider .item:hover {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.1);
}

.group-content h3 {
    font-weight: bold;
    margin: 49px 0px 26px;
}
body .group-content .tab-pane:first-of-type h3 {
    margin-top: 0px;
}
.group-content .tab-pane .text_before_items {
    margin-bottom: 30px;
}

/* COMMENTS */
.bx_soc_comments_div .bx-catalog-tab-list li {
    padding-left: 0px;
    margin: 0px;
}

hr.bottoms {
    margin: 55px 0px 44px;
}
.marker-nav {
    width: 0;
    height: 2px;
    background: #dedede;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    opacity: 0;
}

/*seo block*/
.seo_block .order-block {
    margin: 0px;
}

/* INSTAGRAM */
.loader_circle {
    background: url(/local/templates/aspro-lite/images/pl3.gif) no-repeat center center;
}

.alert.alert-danger {
    background: #fee;
    color: #e83333;
    font-size: 0.933em;
}
.alert a {
    color: inherit;
    text-decoration: underline;
}
.alert a:hover,
.alert a:focus {
    color: inherit;
    text-decoration: none;
}

body.with_custom_img.fill_bg_n {
    background: #fff !important;
}

.wd_propsorter table tr:not(.row_header) td {
    background: url(/local/templates/aspro-lite/images/dott.png) no-repeat;
    background-position: 0 14px;
    background-repeat: repeat-x;
    vertical-align: top;
}
body .char_block .wd_propsorter table tr.row_empty td {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 15px;
    background: none;
}

body .char-wrapp .yeni_ipep_props_groups table tr.prop_line,
body .char-wrapp .yeni_ipep_props_groups table tr.prop_line:hover {
    background: none;
}
body .char-wrapp .yeni_ipep_props_groups table tr td {
    padding: 5px 3px;
    border-bottom: 1px solid #f2f2f2;
    background: none;
    font-size: 0.933em;
}

.wbot .drag-block.container.CATALOG_INDEX {
    display: none;
}
.wbot .banners-big .flexslider {
    background: none;
}
.wbot .banners-big .flexslider > .slides > li {
    display: none !important;
}
.wbot .banners-big .flexslider > .slides > li:first-of-type {
    display: block !important;
}
.wbot .banners-big .flexslider > .slides > li:first-of-type .text .inner {
    opacity: 1;
}

.marker.dynamic,
.ymaps-point-overlay ymaps > svg {
    position: absolute;
    bottom: 0px;
    left: -23px;
}
.ymaps-point-overlay ymaps.ymaps-image-with-content .marker {
    display: none;
}

.banners-big .flexslider .target {
    display: none;
}
.flexslider .target {
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 100%;
    z-index: 10;
}
/* fix scroll CustomScrollBox in jqm */
.mCSB_container {
    margin-bottom: 1px;
}
div.bx-component-opener {
    position: absolute !important;
    z-index: 1000 !important;
}
/*preview*/
.ui-panel-top-devices-inner {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 58px;
    width: 158px;
    cursor: pointer;
    background-color: #fff;
    background-color: var(--card_bg_black);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    z-index: 999;
    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;
    text-decoration: none;
    border-radius: 0px 5px 0px 0px;
}
.ui-panel-top-devices-inner > .ui-button {
    opacity: 0.5;
    transition: opacity 0.3s ease;
    padding: 0px 10px;
    display: block;
}
.ui-button use {
    fill: #333;
    fill: var(--white_text_black);
}
.ui-panel-top-devices-inner > .ui-button--active,
.ui-panel-top-devices-inner > .ui-button:hover {
    opacity: 1;
}
.ui-button-desktop svg {
    width: 30px;
    height: 26px;
}
.ui-button-tablet svg {
    width: 22px;
    height: 26px;
}
.ui-button-mobile svg {
    width: 16px;
    height: 26px;
}
.bx-ie .ui-button-desktop i {
    background: url("/local/templates/aspro-lite/images/svg/responsible/desktop.svg");
}
.bx-ie .ui-button-tablet i {
    background: url("/local/templates/aspro-lite/images/svg/responsible/tablet.svg");
}
.bx-ie .ui-button-mobile i {
    background: url("/local/templates/aspro-lite/images/svg/responsible/mobile.svg");
}
iframe .ui-panel-top-devices-inner {
    display: none;
}
@media (max-width: 991px) {
    body .ui-panel-top-devices-inner {
        display: none;
    }
}

/*info more style*/
.more_wrapper {
    margin-bottom: 32px;
}
.more_wrapper > a {
    display: block;
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    -webkit-transition: box-shadow ease-out 0.2s;
    -moz-transition: box-shadow ease-out 0.2s;
    -o-transition: box-shadow ease-out 0.2s;
    transition: box-shadow ease-out 0.2s;
    text-align: center;
    padding: 45px 0 41px;
}
.more_wrapper > a svg {
    width: 50px;
    height: 50px;
}
.more_wrapper > a:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    background: var(--black_bg_black);
}
.more_wrapper .svg-inline-more_icon {
    margin-bottom: 13px;
}
.more_wrapper .title {
    color: #333;
    color: var(--white_text_black);
    font-size: 16px;
}

.detect_size_modal_frame.jqmWindow {
    max-width: 600px;
}

.detect_size_modal_frame.jqmWindow form {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .detect_size_modal_frame.jqmWindow {
        max-width: 100%;
    }
}

@media (max-width: 430px) {
    .detect_size_modal_frame.jqmWindow {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
    }
}

.detect_size_modal_frame.jqmWindow form img {
    display: none;
    max-width: 100%;
    height: inherit;
}

.detect-size-bracelet [alt="bracelets"] {
    display: flex !important;
}

.detect-size-rings [alt="rings"] {
    display: flex !important;
}

.detect-size-chains [alt="chains"] {
    display: flex !important;
}

.js_append{
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* gap: 16px; */ /* расстояние между элементами */
}
/* End */


/* Start:/local/templates/aspro-lite/css/form.css?176699576526610*/
/* FORMS */
label {
  font-weight: normal;
  display: inline-block;
}
label.error {
  color: #ec617a !important;
  margin: 4px 0 0 0 !important;
  padding: 0;
  position: relative;
  font-size: 13px;
  line-height: calc(1em + 4px);
  white-space: nowrap;
  display: block;
}
.captcha-row .captcha_input label.error {
  margin-top: 4px !important;
}
.form label:not(.form-checkbox__label) {
  margin-bottom: 5px;
}
.form .text_block {
  color: #999;
  margin: 4px 0 0 0;
}

input {
  outline: none;
}
input[type="password"] {
  font-size: 20px;
}
input::-ms-clear {
  display: none;
}
form input i[class*="fa"] {
  font-family: FontAweSome;
}

.input.error input,
.input.error textarea,
.captcha_input.error input {
  border-color: #fba0b0;
}

textarea {
  resize: none;
}

select {
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  padding: 5px 39px 5px 7px;
  background: none;
  color: #777777;
  cursor: pointer;
  line-height: 17px;
  position: relative;
}

.form {
  position: relative;
}

.form.sending:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /* background: #fff url("/local/templates/aspro-lite/css/../images/loaders/pl3.gif") center no-repeat; */
  background: var(--white_bg_ccc) url("/local/templates/aspro-lite/css/../images/loaders/double_ring.svg") center no-repeat;
  z-index: 993;
  opacity: 0.8;
}
.form__wrapper {
  position: relative;
  z-index: 2;
}
.form-inner {
  text-align: left;
  padding-top: 20px;
}
.form-inner--pt-35 {
  padding-top: 35px;
}

.form:not(.form--success) .form__info {
  align-self: center;
}
.form--BG_IMG.form--with-bg {
  min-height: 300px;
}
.form__img {
  position: relative;
}
.form--BG_IMG .form-fon {
  opacity: var(--light, 1) var(--dark, 0.6);
}

body#main .sticky-block.form__img--WIDE {
  top: 0px;
}
.form__img--WIDE {
  max-height: 100vh;
  height: 100%;
  padding-top: 67%;
}
.index-block--padding-top-130 .form__img--SIDE_IMG.form--static {
  margin-top: -130px;
}
.index-block--padding-bottom-130 .form__img--SIDE_IMG.form--static {
  margin-bottom: -130px;
}
.index-block--padding-top-80 .form__img--SIDE_IMG.form--static {
  margin-top: -80px;
}
.index-block--padding-bottom-80 .form__img--SIDE_IMG.form--static {
  margin-bottom: -80px;
}
.index-block--padding-top-40 .form__img--SIDE_IMG.form--static {
  margin-top: -40px;
}
.index-block--padding-bottom-40 .form__img--SIDE_IMG.form--static {
  margin-bottom: -40px;
}

.form--static {
  position: static;
}
.form--centered {
  text-align: center;
}
.form--centered .form-header {
  margin-bottom: 27px;
}
.form--centered .form-inner {
  max-width: 737px;
  margin: auto;
}
.form--centered .index-block__preview {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.form--centered .form-footer__btn {
  text-align: center;
}

.form--BG_IMG .index-block__title,
.form--BG_IMG .index-block__subtitle,
.form .form-inner label * {
  color: #222;
}
.form--SIDE_IMG .index-block__title,
.form--SIDE_IMG .form-inner label * {
  color: var(--white_text_black);
}

#main .form--light .form-header *,
#main .form--light label * {
  color: #fff;
}
#main .form--light .licence_block label {
  color: rgba(255, 255, 255, 0.6);
}

.required-star,
#main .form .star {
  color: #f25353;
  margin-left: 0px;
}
#main .form--light .form-checkbox__input + .form-checkbox__label .form-checkbox__box {
  border-color: #fff;
  background-color: #fff;
}
#main .form--light .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
  border: 8px solid #9e9e9e;
  border-color: var(--theme-base-color);
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}
#main .form--light .form-checkbox__input:hover + .form-checkbox__label .form-checkbox__box {
  box-shadow: 0px 0px 0px 1px inset var(--theme-base-color);
  border-color: var(--theme-base-color);
}

.form--opacity:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.3);
}
.form--light.form--opacity:before {
  background: rgba(0, 0, 0, 0.3);
}
.form-btn {
  margin-top: 27px;
}

.form .form-header {
  padding: 0 0 26px;
}
.form .form-header .title {
  font-weight: 500;
}
.form .form-header .form_desc {
  margin-top: 8px;
}
.form .form-header p:last-child {
  margin: 0;
}
.form .form-body {
  padding: 0 0 17px;
}
.form .form-footer {
  padding: 0;
  text-align: left;
}

.form .form-error {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}
.form img.calendar-icon-hover {
  margin: 1px;
  margin-left: 2px;
}
.form .refresh {
  color: #666666;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.form .refresh a {
  border-bottom: 1px dotted;
  font-size: 0.8em;
  line-height: 14px;
}

.form-control:-moz-placeholder {
  color: #222;
  color: var(--input_color);
  opacity: 0.35;
}
.form-control::-moz-placeholder {
  color: #222;
  color: var(--input_color);
  opacity: 0.35;
}
.form-control:-ms-input-placeholder {
  color: #222;
  color: var(--input_color);
  opacity: 0.35;
}
.form-control::-webkit-input-placeholder {
  color: #222;
  color: var(--input_color);
  opacity: 0.35;
}

.form-control,
.form input,
.form textarea,
.form select {
  color: var(--input_color);
  box-shadow: none;
  border: 1px solid #dadada;
  border-color: var(--input_border_color);
  height: 47px;
  padding: 6px 14px;
  background: #fff;
  background-color: var(--input_bg_color);
  font-size: 16px;
  line-height: calc(1em + 4px);
  border-radius: 8px;
  border-radius: var(--border-radius);
  position: relative;
}
div.form-control {
  font-size: 1rem;
}
input:-internal-autofill-selected {
  background: #fff !important;
  background: var(--input_bg_color) !important;
}
.form textarea {
  overflow: hidden;
  padding-top: 10px;
  height: 117px;
}
/*.form .fill-animate .input-filed,
.index-block--fon .form .fill-animate input,
.form--with-bg.form .fill-animate input {
  background: #fff;
  background: var(--card_bg_black);
}*/
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #fff;
  background: var(--card_bg_hover_black);
  cursor: not-allowed;
}
.form-control:not([readonly]):not([disabled]):hover,
form .fill-animate input:not([readonly]):not([disabled]):hover,
form .fill-animate textarea:not([readonly]):not([disabled]):hover,
form .fill-animate select:not([readonly]):not([disabled]):hover,
.captcha_input input:hover {
  background: var(--input_bg_color-hover);
  border: 1px solid var(--input_border_color);
}
.form-control:not([readonly]):not([disabled]):focus,
form .fill-animate input:not([readonly]):not([disabled]):focus,
form .fill-animate textarea:not([readonly]):not([disabled]):focus,
form .fill-animate select:not([readonly]):not([disabled]):focus,
.captcha_input input:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015) inset;
  border-color: #999999;
  background-color: var(--input_bg_color-focus);
  border-color: var(--input_border_color-focus);
}

.form .form-group {
  margin-bottom: 15px;
  position: relative;
}
.form .form-group .form-group {
  margin: 0px;
}
/*
.form .form-body > .row:last-of-type .form-group {
  margin-bottom: 0px;
}*/
.form .form-group .input {
  position: relative;
}
.form .form-group .input.error {
  margin: 0 0 -3px 0;
}
.form .form-group .input.dates {
  font-size: 0px;
}
.form .form-group .input.dates label.error {
  font-size: 12px;
}
.form .form-group .input.dates img {
  display: none;
}
.form .form-group i:not(.svg) {
  position: absolute;
  top: 16px;
  right: 10px;
  font-size: 17px;
  color: #c4ccd1;
}
.form .form-group .hint {
  font-size: 11px;
  line-height: 18px;
  margin-top: 7px;
}
/*
.form .form-group input[type="checkbox"] + label:not(.error) {
  margin-left: 10px;
  vertical-align: top;
}
.form .form-group input[type="checkbox"] + label:not(.error):before,
.form .form-group input[type="checkbox"] + label:not(.error):after {
  top: 4px;
}
*/
form .form-group.animated-labels label:not(.error) {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  -moz-transition: all ease-out 0.2s;
  -webkit-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
  font-size: 0.933em;
}
form .row .form-group.animated-labels label:not(.error) {
  left: 28px;
}
form .captcha-row .form-group.animated-labels label:not(.error),
form .row div .form-group.animated-labels label:not(.error) {
  left: 12px;
}
form .form-group.animated-labels.input-filed label:not(.error) {
  -ms-transform: translateY(-24px);
  -webkit-transform: translateY(-24px);
  transform: translateY(-24px);
  background: #fff;
  left: 7px;
  z-index: 6;
  padding: 0px 5px;
  font-size: 0.8em;
}
form .row .form-group.animated-labels.input-filed label:not(.error) {
  left: 23px;
}
form .captcha-row .form-group.animated-labels.input-filed label:not(.error),
form .row div .form-group.animated-labels.input-filed label:not(.error) {
  left: 7px;
}

.form .licence_block {
  margin: 0;
  position: relative;
  display: block;
  box-shadow: none;
  font-size: 12px;
  line-height: calc(1em + 4px);
  padding: 16px 0 3px 0;
  text-align: center;
}
.mobile .form .licence_block.bx_filter {
  margin-top: 0px;
}

.form .licence_block.bx_filter input[type="checkbox"] {
  display: block;
  visibility: hidden;
  width: 0px;
  line-height: 0px;
  margin: 0px;
}
.form .licence_block.bx_filter label {
  padding-top: 0px;
  text-align: left;
}
.form .licence_block label.error {
  top: -5px;
}

.form.success .form-header {
  border-top-color: #38ac61 !important;
  background: none;
}
.form.success .form-header {
  border-top-color: #38ac61 !important;
  background: none;
}
.form.success .form-header i {
  background: #38ac61 !important;
}
.form_result.success .text_msg {
  margin-bottom: 30px;
}

.form .bx_filter .form-group input[type="checkbox"] + label:not(.error) {
  margin-left: 0px;
}
body .container .form .bx_filter.style_check {
  position: static;
  display: block;
  box-shadow: none;
  padding-bottom: 0px;
}
body .container .form .bx_filter.style_check br {
  display: none;
}

.form-fon {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.form-fon--right-50 {
  right: 50%;
}
.form-fon--left-50 {
  left: 50%;
}
body .form__img--COMPACT {
  flex-grow: 0;
}
.form__img--COMPACT .form-fon {
  position: static;
  width: 280px;
  height: 280px;
  border-radius: 100%;
}
.form__img--SIDE_IMG:not(.form--static) .form-fon {
  position: static;
  height: 100vh;
  max-height: 500px;
  border-radius: 4px;
}
.bx-ie .form__img--SIDE_IMG:not(.form--static) .form-fon {
  position: absolute;
  height: auto;
}

.form-control.bx-input-file-desc {
  display: none;
}
div[data-sid="FILE"] .input br {
  display: none;
}

/*send*/
.form-send {
  position: relative;
}
.form-send__icon {
  margin: 0 0 18px 0;
}
.form-send__info {
  text-align: center;
}
.form-send__info-title {
  margin: 0 0 7px 0;
  color: #222;
  color: var(--white_text_black);
}
.form-send__info-text {
  margin: 0 0 8px 0;
}
.form-send__info-text p:last-of-type {
  margin-bottom: 0px;
}

/*close*/
.close-block {
  position: absolute;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 11px;
  right: 13px;
  cursor: pointer;
}

/* CAPTCHA */
.captcha-row {
  position: relative;
  max-width: 418px;
  margin-bottom: 23px;
}
.captcha-row--inline {
  margin-bottom: 41px;
}

.form .captcha-row .captcha_image {
  height: 48px;
  position: relative;
  width: 217px;
}
.captcha-row .captcha_image img {
  height: 48px;
  border: none;
  vertical-align: top;
  width: 100%;
  width: 180px;
}
.form.inline img.captcha_img,
.form.contacts img.captcha_img {
  margin-right: 20px;
  max-width: 100%;
}
.captcha_input {
  bottom: 0;
  left: 204px;
  max-width: 140px;
  position: absolute;
  right: 0;
  top: 21px;
}
.captcha_input input {
  height: 48px;
  padding: 6px 12px;
  border-radius: 8px;
  border-radius: var(--border-radius);
  width: 140px;
  max-width: 100%;
}
.captcha-row.form-control {
  border: 0px solid #d5dadc;
  box-shadow: none;
  border-radius: 0px;
  height: auto;
  padding: 0px;
  background: transparent;
}
.form .captcha-row .input label.error {
  white-space: nowrap;
}
.form .captcha-row .captcha-img {
  margin-top: 4px;
}
.captcha-row.captcha-row--margined {
  margin-bottom: 41px;
}
/* reCAPTCHA */
body .captcha-row.invisible {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 0px;
  visibility: visible;
  margin-top: -16px;
}
.captcha-row.invisible label {
  display: none;
}
.captcha-row .captcha_input.recaptcha_text {
  position: static;
  width: 100%;
  max-width: none;
  height: auto;
}
.captcha-row .captcha_image.recaptcha_tmp_img {
  display: none;
}
.bx-auth form[name="bx_auth_servicesform_inline"] .g-recaptcha,
.g-recaptcha {
  display: none !important;
}
div > .g-recaptcha {
  display: block !important;
  position: relative;
  z-index: 9;
}
body .captcha-row .recaptcha,
body .captcha-row > div.iblock {
  padding: 0px;
  margin: 0px;
  display: block;
}
body .captcha-row .recaptcha {
  height: 0px;
  opacity: 0;
  visibility: hidden;
  margin-bottom: 0px;
  display: block;
}
body .captcha-row.invisible.logo_captcha_n > div {
  display: none;
}
body .captcha-row.invisible.inline {
  height: auto;
  margin-bottom: 10px;
  margin-top: 0px;
}
body .captcha-row.normal label.error,
body .captcha-row.compact label.error {
  top: 0px;
}
.grecaptcha-badge {
  z-index: 5;
}

/*upload file*/
.uploader {
  padding: 10px 54px 4px 47px;
  border: 1px solid #dadada;
  border-color: var(--input_border_color);
  position: relative;
  margin-top: 10px;
  background: #f8f8f8;
  background: var(--input_bg_color);
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  -moz-transition: background-color 0.3s ease, border-color 0.3s ease;
  -ms-transition: background-color 0.3s ease, border-color 0.3s ease;
  -o-transition: background-color 0.3s ease, border-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  min-height: 48px;
  border-radius: 8px;
  border-radius: var(--border-radius);
}
.uploader:first-of-type {
  margin-top: 0px;
}
.uploader:hover + .uploader {
  z-index: 11;
}
.uploader:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 16px;
  width: 11px;
  height: 20px;
  background: url("/local/templates/aspro-lite/css/../images/svg/attach_icons.svg") 0px 0px no-repeat;
}
.uploader.hover {
  border-color: #9e9e9e;
  border-color: var(--theme-base-color);
}
.uploader.hover:before {
  background-position: -15px -0px;
}
.uploader input[type="file"] {
  z-index: 10;
  opacity: 0;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  cursor: default;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.uploader .action {
  display: none;
  position: absolute;
  top: 9px;
  left: 9px;
  background: #fff;
  background: var(--black_bg_black);
  border-radius: 8px;
  border-radius: var(--border-radius);
  color: white;
  color: var(--white_text_black_reverse);
  padding: 7px 12px;
  font-size: 1em;
  line-height: 15px;
  margin-right: 10px;
}
.uploader.hover .action {
  color: #fff;
  color: var(--white_text_black_reverse);
}

.uploader .filename {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  font-size: 1em;
  color: #222;
  color: var(--white_text_black);
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  line-height: 25px;
}
.uploader.hover .filename {
  color: #fff;
}
.uploader .resetfile {
  position: absolute;
  right: -1px;
  width: 47px;
  display: block;
  top: -1px;
  bottom: -1px;
  z-index: 10;
  border-radius: 0 8px 8px 0;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  border: 1px solid #dadada;
  border-color: var(--input_border_color);
  background: #fff;
  background-color: var(--input_bg_color);
}
.uploader .resetfile svg {
  position: absolute;
  display: block;
  top: 50%;
  margin: -5px 0 0 -5px;
  left: 50%;
}
.uploader .resetfile:hover svg path {
  stroke: #fff;
}
.form .input .add_file {
  font-size: 0.8em;
  cursor: pointer;
  padding: 4px 10px 0px 0px;
  display: inline-block;
}
.form .input .add_file:hover {
  color: #222;
}
.form .input .add_file span {
  border-bottom: 1px dotted;
}
.uploader.files_add:not(.hover):before {
  left: 13px;
  width: 20px;
}
.uploader.files_add:not(.hover):not(.error):before {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/uploader-success.svg);
}
.uploader.files_add:not(.hover).error:before {
  background-image: url(/local/templates/aspro-lite/css/../images/svg/uploader-error.svg);
}

/*checkbox*/
.form-checkbox__input {
  display: none;
}
body .form-checkbox__input--visible {
  display: block;
  visibility: hidden;
  width: 0px;
  line-height: 0px;
  margin: 0px;
}
body .form-checkbox__label {
  padding: 0 0 0 35px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  outline: none;
  display: block;
  margin: 0;
  color: #666;
  color: var(--lite_basic_text_black);
  line-height: calc(1em + 7px);
  min-height: 24px;
}
body .form-checkbox__label:hover,
body .form-radiobox__label:hover {
  color: var(--fill_dark_lite_white_hover);
}
.form-checkbox__label.form-checkbox__label--no-text {
  padding-left: 20px;
}
.form-checkbox__label:not(.form-checkbox__label--sm) {
  font-size: 0.875rem;
}
.form-checkbox__label--sm {
  font-size: 0.8125rem;
}
.form-checkbox__label.form-checkbox__label--sm > span:not(.form-checkbox__box) {
  vertical-align: middle;
}
.form-checkbox__box {
  border-radius: 4px;
  position: absolute;
  top: 0px;
  left: 0;
  height: 24px;
  width: 24px;
  box-sizing: border-box;
  background: #fff;
  background: var(--darkerblack_bg_black);
  border: 1px solid #dadada;
  border: 1px solid var(--input_border_color);
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: all ease 0.3s;
}
.form-checkbox__box--static {
  transition: none;
}
.form-checkbox__label:hover .form-checkbox__box {
  box-shadow: 0px 0px 0px 1px inset var(--theme-base-color);

  border-color: var(--theme-base-color);
}
.bx-ie .form-checkbox__label:hover .form-checkbox__box {
  box-shadow: 0px 0px 0px 1px #9e9e9e inset;
  border-color: #9e9e9e;
}
.form-checkbox__input:checked + .form-checkbox__label {
  color: #333;
  color: var(--white_text_black);
}
.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
  border: 8px solid #9e9e9e;
  border-color: var(--theme-base-color);
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}
.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: -1px;
  top: 2px;
  width: 4px;
  height: 8px;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  content: "";
  box-sizing: content-box;
  transform-origin: 0 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box.form-checkbox__box--static:before {
  animation: none;
  border-color: #fff;
  height: 0.5em;
  height: 8px;
  transform: translate3d(0, -8px, 0) rotate(45deg);
  width: 0.2em;
  width: 4px;
}
/*label margin*/
.form-checkbox--margined .form-checkbox__label {
  margin-bottom: 12px;
}
.form-checkbox--margined .form-checkbox__label:last-of-type {
  margin-bottom: 0px;
}
/*toggle label*/
.form-checkbox__label.form-checkbox__label--toggle {
  --toggle-width: 32px;
  --toggle-height: calc(var(--toggle-width) / 2);
  --toggle-padding: 3px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-checkbox__label--toggle .form-checkbox__box {
  display: block;
  position: relative;
  left: auto;
  height: var(--toggle-height);
  width: var(--toggle-width);
  padding: var(--toggle-padding);
  border-radius: 50px;
  right: 0px;
  border: none !important;
  background: var(--gray_bg_black);
  flex-shrink: 0;
}
.form-checkbox__label--toggle .form-checkbox__box:before {
  display: none;
}
.form-checkbox__label--toggle .form-checkbox__box:after {
  content: "";
  position: absolute;
  top: var(--toggle-padding);
  left: var(--toggle-padding);
  width: calc(var(--toggle-height) - calc(var(--toggle-padding) * 2));
  height: calc(var(--toggle-height) - calc(var(--toggle-padding) * 2));
  background-color: #fff;
  border-radius: 100%;
  transition: left ease 0.3s;
}
.form-checkbox__input:checked + .form-checkbox__label--toggle .form-checkbox__box {
  background: var(--theme-base-color);
}
.form-checkbox__input:checked + .form-checkbox__label--toggle .form-checkbox__box:after {
  left: auto;
  left: calc(100% - calc(var(--toggle-height) - calc(var(--toggle-padding) * 2)) - var(--toggle-padding));
  right: var(--toggle-padding);
}
/**/

/*radiobox*/
.form-radiobox + .form-radiobox .form-radiobox__label {
  margin-top: 12px;
}
.form-radiobox__input {
  display: none;
}
.form-radiobox__label {
  padding: 1px 0px 0px 31px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  outline: none;
  display: block;
  color: #666;
  color: var(--lite_basic_text_black);
  font-size: 0.875rem;
  line-height: calc(1em + 7px);
  min-height: 24px;
}
.form-radiobox__box {
  position: absolute;
  top: 0px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transition: all 200ms;
  left: 0;
  border: 1px solid #dadada;
  border-color: var(--input_border_color);
  background: #fff;
  background-color: var(--darkerblack_bg_black);
}
.form-radiobox:hover .form-radiobox__box {
  box-shadow: 0px 0px 0px 1px inset var(--theme-base-color);
  border-color: var(--theme-base-color);
}
.bx-ie .form-radiobox:hover .form-radiobox__box {
  box-shadow: 0px 0px 0px 1px #9e9e9e inset;
  border-color: #9e9e9e;
}
.form-radiobox__input:checked + .form-radiobox__label {
  color: #333;
  color: var(--white_text_black);
}
.form-radiobox__input:checked + .form-radiobox__label .form-radiobox__box {
  border: 7px solid #9e9e9e;
  border-color: var(--theme-base-color);
  box-shadow: none;
}
/**/

/*disabled*/
#main .disabled .form-checkbox__box {
  background-color: #f8f8f8;
}
#main .disabled .form-box {
  background-color: #f8f8f8;
  border-color: #ddd;
  box-shadow: none;
}
#main .disabled {
  color: #666;
  color: var(--lite_basic_text_black);
  cursor: not-allowed;
  opacity: 0.6;
}
#main .disabled .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
  background-color: #ddd;
}

.ratings {
  white-space: nowrap;
}

.ratings .item-rating .svg svg path {
  fill: #ddd;
}
.ratings .item-rating.filed .svg svg path {
  fill: #FFB45B;
}
.row[data-sid="RATING"] label,
.row[data-sid="FILE1"] label,
.row[data-sid="FILES1"] label {
  display: none;
}

form .rating_message {
  margin: 0 0 0 20px;
  position: relative;
  padding: 0 0 0 30px;
  color: #222;
  color: var(--white_text_black);
  font-size: 1rem;
}

form .rating_message:before {
  content: "\2014";
  position: absolute;
  left: 0;
  top: 0;
}

.votes_block--inline {
  padding: 0px;
  border: none;
}

/*b24*/
/*
.jqmWindow #bx24_form_inline_secondY {
  padding: 10px 20px 0px;
}
*/

/*show password*/
body .eye-password input[type="password"],
body .eye-password input[type="text"],
body .bx-soa-auth .eye-password input[type="password"],
body .bx-soa-auth .eye-password input[type="text"] {
  padding-right: 55px;
}
.eye-password {
  position: relative;
}

.eye-password:after {
  content: "";
  width: 55px;
  height: 48px;
  position: absolute;
  top: 0;
  background-image: url("/local/templates/aspro-lite/css/../images/svg/eye_close.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  cursor: pointer;
  right: 1px;
}

.row > .eye-password:after {
  right: 17px;
}

body .bx-soa-auth .eye-password:after {
  top: 2px;
}

.eye-password.password-show:after {
  background-image: url("/local/templates/aspro-lite/css/../images/svg/eye_open.svg");
}

.jqmWindow input[type="text"]:not([readonly]):not([disabled]):focus,
.jqmWindow input[type="password"]:not([readonly]):not([disabled]):focus,
.jqmWindow input[type="email"]:not([readonly]):not([disabled]):focus,
.jqmWindow input[type="tel"]:not([readonly]):not([disabled]):focus,
.jqmWindow textarea:not([readonly]):not([disabled]):focus,
.jqmWindow select:not([readonly]):not([disabled]):focus {
  outline: none;
  background-color: var(--input_bg_color-focus);
  border: 1px solid #999;
  border-color: var(--input_border_color-focus);
}

.form .eye-password input {
  background-size: 0px !important;
}

@media (min-width: 992px) {
  .form--BG_IMG:not(.form--centered) .sticky-block {
    padding-right: 100px;
  }

  .form__info--RIGHT > div {
    padding-left: 100px;
  }
  .form__info--LEFT > div {
    padding-right: 100px;
  }
  .form__info--RIGHT .maxwidth-theme--half {
    padding-right: 32px;
  }
  .form__info--LEFT .maxwidth-theme--half {
    padding-left: 32px;
    margin-left: auto;
  }

  .form--SIDE_IMG:not(.form--static) .index-block__subtitle {
    margin-top: -5px;
  }
}
@media (max-width: 991px) {
  .form__img--SIDE_IMG {
    display: none;
  }
  .form--SIDE_IMG .maxwidth-theme--half {
    padding: 0px 24px;
    max-width: none;
  }
  .form:not(.form--success) .form__info {
    align-self: auto;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .form--COMPACT .form__info--RIGHT > div {
    padding-left: 50px;
  }
  .form--COMPACT .form__info--LEFT > div {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .form__img {
    display: none;
  }
  .captcha-row .captcha_input input[name="captcha_word"] {
    width: 100%;
  }
  .captcha-row .captcha_input {
    max-width: 100%;
  }
}
@media (max-width: 400px) {
  .form .captcha_image {
    width: 100%;
  }
  .form .captcha-row .captcha_image {
    width: 170px;
  }
  .form .captcha-row .captcha_image img {
    width: 140px;
  }
  .form .captcha-row .captcha_input {
    left: 164px;
  }
}

@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #fff;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }

  33% {
    width: 0.2em;
    width: 4px;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }

  100% {
    width: 0.2em;
    width: 4px;
    height: 0.5em;
    height: 8px;
    border-color: #fff;
    transform: translate3d(0, -8px, 0) rotate(45deg);
  }
}
/* End */


/* Start:/local/templates/aspro-lite/css/colored.css?17669957657654*/
/*used var*/
.header--color_colored {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}

.color-theme {
  color: #9e9e9e;
  color: var(--theme-base-color);
}

.color-theme-hover:hover,
.color-theme-parent:hover > .color-theme-target,
.color-theme-parent-all:hover .color-theme-target,
.color-theme-hover-no-active:not(.active):hover {
  color: #9e9e9e;
  color: var(--fill_dark_lite_hover);
}

.bg-theme,
.bg-theme-before:before,
.bg-theme-after:after,
.bg-theme-active.active,
.active .bg-theme-active-child {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}
.bg-theme-hover:hover,
.bg-theme-parent-hover:hover .bg-theme-target {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
  /* background-color: var(--fill_dark_lite_white_hover); */
}
.bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
  color: #fff;
}
.bg-theme-white-hover:hover,
.bg-theme-white-parent-hover:hover .bg-theme-target {
  background-color: #9e9e9e;
  background-color: var(--fill_dark_lite_white_hover);
}
.bg-theme-active.active,
.active .bg-theme-active-child {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color);
}
.bg-theme-hover-active:hover.active {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color) !important;
}
.bg-theme-hover-active:hover.active {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color) !important;
}

.bg-opacity-theme,
.bg-opacity-theme-before:before,
.bg-opacity-theme-after:after,
.bg-opacity-theme-hover:hover,
.bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target,
.bg-opacity-theme-active.active {
  background-color: #9e9e9e;
  background-color: var(--opacity_dark_lite_hover);
}

.border-theme,
.border-theme-hover:hover,
.border-theme-active.active,
.border-theme-parent-hover:hover .border-theme-target,
.active .border-theme-active-child {
  border-color: #9e9e9e;
  border-color: var(--theme-base-color);
}

.fill-theme svg *,
.fill-theme-use-svg svg,
.fill-theme-svg,
#main .colored_theme_svg svg path,
.colored_theme_svg {
  fill: #9e9e9e;
  fill: var(--theme-base-color);
}
.fill-theme-hover:hover *,
.fill-theme-use-svg-hover:hover *,
.fill-theme-parent:hover > .fill-theme-target *,
.fill-theme-parent-all:hover .fill-theme-target * {
  fill: #9e9e9e;
  fill: var(--fill_dark_lite_hover);
}

.fill-use-svg-999,
.fill-use-999 svg {
  fill: #999;
}
.fill-use-svg-888,
.fill-use-888 svg {
  fill: #888;
}
.fill-use-svg-fff,
.fill-use-fff svg {
  fill: #fff;
}
.stroke-use-svg-999,
.stroke-use-999 svg {
  stroke: #999;
}
.stroke-use-svg-888,
.stroke-use-888 svg {
  stroke: #888;
}
.stroke-use-svg-grey,
.stroke-use-grey svg {
  stroke: #b8b8b8;
}
.stroke-use-svg-fff,
.stroke-use-fff svg {
  stroke: #fff;
}

.stroke-theme *,
.stroke-theme-use-svg svg,
.stroke-theme-svg {
  stroke: #9e9e9e;
  stroke: var(--theme-base-color);
}
.stroke-theme-hover:hover *,
.stroke-theme-use-svg-hover:hover *,
.stroke-theme-parent:hover > .stroke-theme-target,
.stroke-theme-parent-all:hover .stroke-theme-target * {
  stroke: #9e9e9e;
  stroke: var(--theme-base-color);
  /* stroke: var(--fill_dark_lite_white_hover); */
}

.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el-svg svg path {
  fill: var(--fill_dark_lite_white_hover);
}
.svg.colored:not(.svg-inline-icon) * {
  fill: var(--fill_dark_lite_hover);
}

#main .header-menu__item--more-items .header-menu__link:hover,
#main .menu-topest .menu-topest__more .menu-topest__link:hover {
  color: #9e9e9e;
  color: var(--fill_dark_lite_hover);
}

.fancybox-slide--html .fancybox-close-small:hover path,
.fancybox-button:hover path {
  fill: #9e9e9e;
  fill: var(--fill_dark_lite_hover);
}

@media (max-width: 1200px) {
  .header-menu--bottom-1200.header-menu--color_colored {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
  }
}

.bg-more-theme {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color);
}
.fill-more-theme {
  fill: #9e9e9e;
  fill: var(--theme-more-color) !important;
}
.colored_theme {
  color: var(--fill_dark_lite_white_hover);
}
.colored_theme_bg,
.colored_theme_bg_hover:hover,
.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el {
  background-color: var(--theme-base-color);
  /* background-color: var(--fill_dark_lite_white_hover); */
}
body .colored_bg_in_dark {
  background-color: var(--theme-base-color);
}
.colored_theme_bg2_hover:hover {
  background-color: hsl(
    var(--dark_light-wtheme-hue),
    var(--dark_light-wtheme-saturation),
    var(--dark_light-wtheme-lightness)
  );
}
.dark-color:hover,
a.colored,
.colored-link,
.colored {
  color: var(--fill_dark_lite_white_hover);
}
a {
  color: var(--fill_dark_lite_white_hover);
}
a.colored:hover,
.colored:hover {
  color: var(--fill_dark_lite_hover);
}
a:active {
  color: var(--fill_dark_lite_hover);
}
.colored-link:hover {
  color: var(--fill_dark_lite_cc);
}

.fill-dark-light,
.fill-dark-light path,
.fill-dark-light-block path,
.fill-dark-light-block use {
  fill: var(--fill_dark_light);
}
.fill-dark-light-block:hover path,
.fill-dark-light-block:hover use {
  fill: var(--fill_dark_lite_hover);
}
/* .stroke-dark-light-block path {
  stroke: var(--fill_dark_light);
}
.stroke-dark-light-block:hover path {
  stroke: var(--fill_dark_lite_hover);
} */

.stroke-dark-light,
.stroke-dark-light *,
.stroke-dark-light-block path,
.stroke-dark-light-block use {
  stroke: var(--fill_dark_light);
}
.stroke-dark-light-block:hover path,
.stroke-dark-light-block:hover use {
  stroke: var(--fill_dark_lite_hover);
}
a:hover,
a:focus {
  color: var(--fill_dark_lite_ccc);
}
.fill_card_bg_hover_black {
  fill: var(--card_bg_hover_black);
}

/*custom*/
.style-switcher .options > div.more_color.current > span,
.style-switcher .options > div.more_color.current > span:hover {
  border-color: #9e9e9e;
  border-color: var(--theme-more-color);
}
.uploader.hover {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}
.uploader .resetfile:hover {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
  border-color: #9e9e9e;
  border-color: var(--theme-base-color);
}
.side-icons__item:hover {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
  border-color: #9e9e9e;
  border-color: var(--theme-base-color);
}
.opened .link-with-flag:before {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color);
}
.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:after {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}

.colored_more_theme_bg2_hover:hover {
  background-color: hsl(
    var(--theme-more-color-hue),
    var(--theme-more-color-saturation),
    calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff))
  );
}

.colored_theme_bg_opacity{
  background-color: hsl(
    var(--theme-more-color-hue),
    var(--theme-more-color-saturation),
    var(--theme-more-color-lightness),
    .1
  );
}

/* FOOTER */
.bottom-menu .item:hover .title a,
.bottom-menu .item:hover .title,
.bottom-menu .item.active .title a,
.bottom-menu .item.active .title {
  color: var(--fill_dark_lite_hover) !important;
}
footer .print-link:hover {
  color: var(--fill_dark_lite_hover);
}
footer .print-link:hover svg path {
  fill: var(--fill_dark_lite_hover);
}
/* End */


/* Start:/local/templates/aspro-lite/css/responsive.css?17669957651697*/
@media (min-width: 992px) {
  /*todo: remove*/
  .popup_video.mobile {
    display: none;
  }
  /*end todo*/
}
@media (max-width: 991px) {
  .side_left .main-wrapper {
    display: block;
  }
  .container .left_block{
    display: none;
  }
  .container > .row > .maxwidth-theme > .content-md {
    display: block;
  }
  .container > .row > .maxwidth-theme > .content-md > .left_block > div,
  .container > .row > .maxwidth-theme > .content-md > .left_block > aside {
    display: none !important;
  }
  .container > .row > .maxwidth-theme > .content-md > .right_block.narrow_Y {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .head-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .head-block {
    display: none;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: -1px;
    z-index: 110;
    max-height: 220px;
    overflow-x: hidden;
    background-color: #fff;
    background: var(--card_bg_black);
    padding: 8px 20px;
  }
  .head-block .line-block {
    display: block;
  }
  .head-block__item-text {
    padding: 8px 0px;
  }
  .head-block__item--active .head-block__item-text:before {
    display: none;
  }
  .dropdown-select .head-block{overflow-y: scroll !important; position: absolute !important;}
  .dropdown-select .head-block .head-block__item{
    white-space: normal;
  }
  
}
@media (max-width: 600px) {
  .compact-hidden-t600 {
    display: none !important;
  }
  .height-auto-t600 {
    height: auto !important;
  }
  #main .shadow-hovered-f600:hover {
    box-shadow: none;
    border-color: #e5e5e5;
    border-color: var(--stroke_black);
  }
  a.scroll-to-top {
    display: none;
  }
}

/* End */


/* Start:/local/templates/aspro-lite/css/custom.css?178532173914456*/
/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(/local/templates/aspro-lite/css/image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.collection .news-list__item-image{
    background-size: contain;
}

.grecaptcha-badge {display: none;}

/* Общие стили нового шаблона */
html, body {
    --theme-font-title-family: Unbounded;
    font-family: var(--theme-font-title-family), sans-serif !important;
}

.direction-right {
    transform: rotate(180deg);
}

.icon--arrow {
    width: 34px !important;
    height: 60px !important;
    stroke: #fff;
}

[class*="icon--"] {
    display: inline-block;
    flex-shrink: 0;
    transition-duration: 0.3s;

    fill: #fff;
    width: 24px;
    height: 24px;
}

.search-input-div .form-control {
    height: 52px;
}

.d-none {
    display: none;
}

@media (max-width: 1200px) {
    .d-lg-block {
        display: block !important;
    }
}

/* Новые стили, не подходяшие к компонентам */
.header-cabinet__name,
.header__icon-name,
.header-cart__name {
    display: none;
}

.section-small-padding {
    padding: 30px 0 !important;
}

@media (max-width: 992px) {
    .section-small-padding .maxwidth-theme {
        padding: 0 !important;
    }
    .section-small-padding .maxwidth-theme .middle-menu {
        padding-left: var(--theme-page-width-padding);
        padding-right: var(--theme-page-width-padding);
    }
}
@media (max-width: 992px) {
    .section-small-padding.middle-menu-wrapper {
      padding: 30px 0 20px !important;
    }
}
.d-flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.g-150-60 {
    gap: clamp(60px, 2.452rem + 5.769vw, 150px);
}

.g-100-60 {
    gap: 100px;
}
@media (max-width: 992px) {
    .g-100-60 {
        gap: 60px;
    }
}

.mb-150-60 {
    margin-bottom: clamp(60px, 2.452rem + 5.769vw, 150px);
}

.w-100 {
    width: 100%;
}

.main-page-title {
    font-weight: 250;
    font-size: clamp(34px, 1.447rem + 3.013vw, 81px);
    line-height: 100%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 0;
    word-break: break-word;
    padding: 0 20px;
}

/* sliders */

.swiper-slider-new {
    position: relative;
}

.swiper-slider-new .swiper-navigation-buttons {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    z-index: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.swiper-slider-new .slider-button-prev {
    position: relative;
    left: -90px;
    margin-right: auto;
}

@media (max-width: 1600px) {
    .swiper-slider-new .slider-button-prev {
        left: -70px !important;
    }
    .swiper-slider-new .slider-button-next {
        right: -70px !important;
    }
}

.swiper-slider-new .slider-button-next {
    position: relative;
    right: -90px;
    margin-left: auto;
}

.swiper-slider-new .slider-button {
    height: 101px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.swiper-slider-new .slider-button .hover {
    display: none;
}

.swiper-slider-new .slider-button:hover .default {
    display: none;
}
.swiper-slider-new .slider-button:hover .hover {
    display: block;
}
@media (max-width: 992px) {
    .swiper-slider-new .swiper-navigation-buttons {
        display: none;
    }
}
.container iframe:not(.cover),
.container object:not(.cover),
.container video:not(.cover) {
    max-width: 100%;
    width: 100%;
}

/* width */
.custom-scrollbar::-webkit-scrollbar {
    height: 5px;
}

/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    margin-top: 5px;
}

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #afafaf;
}

/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(227, 164, 85, 0.91);
}

.custom-form-container {
    margin-top: 10px;
    position: sticky;
    z-index: 100;
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: fit-content;
    border-radius: 10px;
}

.detail-custom-form {
    max-width: 600px;
    border-radius: 10px;
    transition: box-shadow 0.3s ease-in-out, opacity 0.3s ease-in-out;
    color: #eebc70;
}

.detail-custom-form:hover,
.detail-custom-form:focus {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0.7;
}

.detail-custom-banner-img {
    position: absolute;
}

.all-collection-banner {
    cursor: pointer;
}

@media (max-width: 600px) {
    .custom-form-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
}

@media (min-width: 1600px) {
    .products-slider-section {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .products-slider-section {
        width: 100%;
    }
}

.banners-img-list-new__item {
    border-radius: 15px;
}

.site_s2 .banners-big--paddings {
    padding: 0;
}

.site_s2 .banners-big .maxwidth-banner {
    position: relative;
    display: flex;
    padding: 0 !important;
    width: 100%;
    max-width: 100% !important;
    overflow: hidden;
}

.site_s2 .bg-theme-parent-hover:hover .bg-theme-target {
    background-color: #fff;
}

.gift-card-page-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1020px) {
    .gift-image-stmd {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .gift-image-stmd {
        height: 100%;
    }
}

img.styles_content-block__banner__boS_z {
    display: none;
}

.detail-block.ordered-block.order_sale {
    display: none;
}

.header__inner {
    background: #ffffff !important;
}

/* ============================================================
   [ПЛАН 16 · чат-4 «Общий вид»] Добавления 22.07.2026 (dev-only)
   Реставрация волна А (4.11) + мобильные тап-зоны (4.8).
   Append-only. Откат = удалить этот блок целиком.
   ============================================================ */

/* --- 4.11 Бейдж скидки: золотая обводка на белом вместо жёлтой заливки (приём MIUZ) --- */
.sticker__item--sale,
.sticker__item--aktsiya,
.sticker__item--stock {
    background: #fff !important;
    color: #3a2f1a !important;
    border: 1px solid #d8a85f !important;
}
.price-economy__val {
    background: #fff !important;
    color: #3a2f1a !important;
    border: 1px solid #d8a85f !important;
}

/* --- 4.11 Скелетон-мерцание вместо пустых дыр при lazy-load изображений --- */
@keyframes gtC4Shine { to { background-position-x: -200%; } }
img.lazyload:not(.lazyloaded) {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    background-size: 200% 100%;
    animation: 1.5s gtC4Shine linear infinite;
}

/* --- 4.8 Кнопка ФИЛЬТР: читаемый размер подписи (было 0.733em ~= 11.7px;
   тап-зона min-height:44px уже добавлена инлайн в include_sort.php чатом 5) --- */
.filter-panel__filter .bx-filter-title .font_upper_md {
    font-size: 13px !important;
    line-height: 1.2 !important;
}

/* --- 4.11 Montserrat (бренд-гайд) — ФИЧА-ФЛАГ, ВЫКЛ по умолчанию.
   Включение: (1) загрузить шрифт (link на fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700);
   (2) навесить класс gt-font-montserrat на <html>. Сверка глазами на 5 страницах (§3.7) до включения. --- */
html.gt-font-montserrat,
html.gt-font-montserrat body,
html.gt-font-montserrat h1, html.gt-font-montserrat h2, html.gt-font-montserrat h3,
html.gt-font-montserrat h4, html.gt-font-montserrat h5, html.gt-font-montserrat h6,
html.gt-font-montserrat .h1, html.gt-font-montserrat .h2, html.gt-font-montserrat .h3,
html.gt-font-montserrat .btn, html.gt-font-montserrat .popup-window {
    font-family: 'Montserrat', 'Unbounded', sans-serif !important;
}

/* --- 4.7 Home: semantic H1 + first-screen offer (text in HTML) --- */
.gt-hero-intro { text-align:center; padding:18px 16px 6px; }
.gt-hero-intro__h1 { margin:0 0 8px; font-size:clamp(1.25rem,4.6vw,1.9rem); line-height:1.2; color:#222; font-weight:600; }
.gt-hero-intro__offer { margin:0; font-size:clamp(0.82rem,3.2vw,1rem); line-height:1.4; color:#6a5b3e; }
@media (max-width:600px){ .gt-hero-intro{ padding:14px 14px 4px; } }

/* [цвет чата 22.07] Кнопка чата B24 — тёмная (контраст на золотом сайте), в тон барабану #1a1a1a */
.b24-widget-button-inner-mask,
.b24-widget-button-inner-block {
    background-color: #1a1a1a !important;
    background-image: none !important;
}

/* [позиция чата 22.07] Прижать кнопку чата B24 в правый нижний угол (лаконично, как у Соколова), над нижним меню. Реальный fixed-элемент = wrapper. */
@media (max-width: 991px) {
    .b24-widget-button-wrapper {
        right: 10px !important;
        bottom: 76px !important;
    }
    .b24-widget-button-inner-container,
    .bx-touch .b24-widget-button-inner-container {
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
    }
}


/* [6.21 план16 чат-4, 22.07] Пока видна плашка cookie — прячем кнопку чата (не больше 1 плавающего слоя; барабан ждёт закрытия cookie своим гейтом) */
body:has(.awz_cookies_sett__message) .b24-widget-button-wrapper { display:none !important; }


/* ============================================================
   [ПЛАН 16 · п.4.4 · Типографика волна А] Добавления 24.07.2026 (dev-only)
   Кнопки #4 + Montserrat self-host #2 (фича-флаг gt-font-montserrat).
   Бейдж #8 — уже выше (22.07). Валюта #9 — формат БД dbdev (не CSS).
   Append-only. Откат = удалить этот блок.
   ============================================================ */

/* --- #4 Иерархия кнопок карточки: primary «Купить» доминирует, «в 1 клик» — контур --- */
/* было: .btn-default = белая с рамкой (бледнее), .btn-ocb = золотистая заливка (главнее) → инверсия */
.btn.btn-default.to_cart,
.btn.btn-default.to_cart.white {
    background: var(--theme-base-color) !important;   /* заливка фирменным золотом сайта */
    border-color: var(--theme-base-color) !important;
    color: #2c1b13 !important;                          /* тёмно-коричневый бренда — читаемость */
    font-weight: 600;
}
.btn.btn-default.to_cart:hover,
.btn.btn-default.to_cart:focus,
.btn.btn-default.to_cart.white:hover {
    background: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))) !important;
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))) !important;
    color: #2c1b13 !important;
}
/* «Купить в 1 клик» → вторичная: чистый контур без заливки (перебивает mobile-fixes.css спецификацией .btn.btn-ocb) */
.btn.btn-ocb {
    background: transparent !important;
    border: 1px solid rgba(169, 116, 31, .55) !important;
    color: #a9741f !important;
}

/* --- #2 Montserrat (бренд-гайд) — self-host, БЕЗ внешних CDN (§3.7). Начертания: 300/400/500/600/700/800 --- */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url('/local/templates/aspro-lite/css/fonts/montserrat/fonts/montserrat-300.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/local/templates/aspro-lite/css/fonts/montserrat/fonts/montserrat-400.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('/local/templates/aspro-lite/css/fonts/montserrat/fonts/montserrat-500.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/local/templates/aspro-lite/css/fonts/montserrat/fonts/montserrat-600.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/local/templates/aspro-lite/css/fonts/montserrat/fonts/montserrat-700.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('/local/templates/aspro-lite/css/fonts/montserrat/fonts/montserrat-800.woff2') format('woff2');}

/* флаг вкл: перенаправляем переменные шрифта темы → Montserrat.
   Это перебивает форсирование Unbounded из custom.css:21-24 (там font-family:var(--theme-font-title-family)!important),
   т.к. селектор html.gt-font-montserrat специфичнее html. Иконочные шрифты (font-awesome) не задеты — они не через переменную. */
html.gt-font-montserrat {
    --theme-font-family: 'Montserrat';
    --theme-font-title-family: 'Montserrat';
}
/* держим вес заголовков и цен (иначе Montserrat 400 выглядит тоньше тяжёлого Unbounded) */
html.gt-font-montserrat h1, html.gt-font-montserrat .h1,
html.gt-font-montserrat h2, html.gt-font-montserrat .h2,
html.gt-font-montserrat h3, html.gt-font-montserrat .h3 { font-weight: 700 !important; }
html.gt-font-montserrat .price, html.gt-font-montserrat [class*="price"] { font-weight: 600 !important; }

/* End */


/* Start:/bitrix/components/aspro/theme.lite/css/user_font_s2.css?1773154789150*/
body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .popup-window,body div.bx-yandex-map,.fancybox-title{font-family: 'Unbounded', sans-serif;}
/* End */
/* /local/templates/aspro-lite/css/cookie-premium.css?17853217396887 */
/* /local/templates/aspro-lite/css/mobile-fixes.css?17841189762012 */
/* /local/templates/aspro-lite/css/lite.bootstrap.css?17669957656852 */
/* /local/templates/aspro-lite/vendor/css/ripple.css?1766995765854 */
/* /local/templates/aspro-lite/css/buttons.css?176699576518112 */
/* /local/templates/aspro-lite/css/svg.css?17669957653519 */
/* /local/templates/aspro-lite/css/header.css?17669957656772 */
/* /local/templates/aspro-lite/css/footer.css?176699576520215 */
/* /local/templates/aspro-lite/css/mobile-header.css?17669957656572 */
/* /local/templates/aspro-lite/css/mobile-menu.css?17669957656721 */
/* /local/templates/aspro-lite/css/header-fixed.css?17669957651554 */
/* /local/templates/aspro-lite/css/page-title-breadcrumb-pagination.css?17669957656138 */
/* /local/templates/aspro-lite/css/social-icons.css?17669957657406 */
/* /local/templates/aspro-lite/css/left-menu.css?17669957652393 */
/* /local/templates/aspro-lite/css/tabs.css?17669957655080 */
/* /local/templates/aspro-lite/css/bg-banner.css?17669957653571 */
/* /local/templates/aspro-lite/css/item-views.css?1766995765543 */
/* /local/templates/aspro-lite/css/blocks/countdown.css?17669957652150 */
/* /local/templates/aspro-lite/css/blocks/cross.css?1766995765974 */
/* /local/templates/aspro-lite/css/blocks/dark-light-theme.css?17669957653052 */
/* /local/templates/aspro-lite/css/blocks/flexbox.css?17669957652945 */
/* /local/templates/aspro-lite/css/blocks/grid-list.css?176699576510167 */
/* /local/templates/aspro-lite/css/blocks/hint.css?17669957653257 */
/* /local/templates/aspro-lite/css/blocks/images.css?17669957652070 */
/* /local/templates/aspro-lite/css/blocks/line-block.css?17669957656201 */
/* /local/templates/aspro-lite/css/blocks/mobile-scrolled.css?17669957651306 */
/* /local/templates/aspro-lite/css/blocks/popup.css?17669957656715 */
/* /local/templates/aspro-lite/css/blocks/prices.css?1766995765679 */
/* /local/templates/aspro-lite/css/blocks/scroller.css?17669957652249 */
/* /local/templates/aspro-lite/css/blocks/social-list.css?1766995765382 */
/* /local/templates/aspro-lite/css/blocks/sticker.css?17669957652397 */
/* /local/templates/aspro-lite/css/blocks/sticky.css?1766995765240 */
/* /local/templates/aspro-lite/css/index-page.css?176699576512468 */
/* /bitrix/templates/.default/ajax/ajax.css?1764256755448 */
/* /local/templates/aspro-lite/css/item-action.min.css?1766995765691 */
/* /local/templates/aspro-lite/css/notice.min.css?17669957652824 */
/* /local/templates/aspro-lite/css/scroll_to_top.min.css?17669957652964 */
/* /local/templates/aspro-lite/components/bitrix/menu/header/style.css?176699576519254 */
/* /local/templates/aspro-lite/css/dropdown-select.min.css?17669957651366 */
/* /local/templates/aspro-lite/components/bitrix/search.title/corp/style.css?17669957656940 */
/* /local/templates/aspro-lite/components/bitrix/menu/bottom-no-accordion/style.css?1766995765468 */
/* /local/templates/aspro-lite/components/aspro/marketing.popup.lite/.default/style.css?17669957645714 */
/* /local/templates/aspro-lite/styles.css?178532173968812 */
/* /local/templates/aspro-lite/template_styles.css?176699576531807 */
/* /local/templates/aspro-lite/css/form.css?176699576526610 */
/* /local/templates/aspro-lite/css/colored.css?17669957657654 */
/* /local/templates/aspro-lite/css/responsive.css?17669957651697 */
/* /local/templates/aspro-lite/css/custom.css?178532173914456 */
/* /bitrix/components/aspro/theme.lite/css/user_font_s2.css?1773154789150 */