@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

* {
  font-family: "Onest", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

ol, ul {  padding-left: 1rem !important; }

.w-1 { width: 1% !important; }
.w-2 { width: 2% !important; }
.w-3 { width: 3% !important; }
.w-4 { width: 4% !important; }
.w-5 { width: 5% !important; }
.w-6 { width: 6% !important; }
.w-7 { width: 7% !important; }
.w-8 { width: 8% !important; }
.w-9 { width: 9% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.w-100 { width: 100% !important; }

.bg-tools { background-image: url('../images/bg.png?v=22') };

*:focus { box-shadow: none !important; }

.h1, h1 { font-size: 1.3rem !important; }
.h3, h3 { font-size: 1.15rem !important; }
.h4, h4 { font-size: 1.15rem !important; }
.h5, h5 { font-size: 1.00rem !important; }
.h3 a { text-decoration: none; color: inherit; }
.h5 a { text-decoration: none; color: inherit; }

.h5.s { font-size: .9rem !important; }

.form-control[readonly] { background-color: #f8f9fa !important; }

.desktop-dnone, .desktop-dblock, .desktop-device-dnone, .desktop-device-dblock, .mobile-dnone, .mobile-dblock, .mobile-device-dnone, .mobile-device-dblock { display: none !important; }

body.desktop .desktop-dblock { display: block !important; }
body.desktop-device .desktop-device-dblock { display: block !important; }
body.mobile .mobile-dblock { display: block !important; }
body.mobile-device .mobile-device-dblock { display: block !important; }

.active-dnone, .active-dblock, .nonactive-dnone, .nonactive-dblock { display: none !important; }
.active-1 .active-dblock, .active-0 .nonactive-dblock { display: block !important; }

.alert { border-radius: 0.25rem !important; }
.alert-light { background-color: rgba(0, 0, 0, 0.03) !important; border: none !important; color: inherit !important; }
.btn-check:not(:checked)+.btn-outline-secondary { color: inherit !important; }

.text-general > p {
}

.text-general > *:last-child {
  margin-bottom: 0;
}

.smaller { font-size: .7rem; }

.header-menu a { display: inline-block; margin: 0 5px; font-size: 0.9rem; color: #fff; text-decoration: none; }
.header-menu a:hover { color: #fff; }

a.phone-link { color: inherit; text-decoration: none; }

header { box-shadow: 0px 2px 5px rgb(0, 0, 0); }
header .brand i { color: #0d6efd; }
header a.brand { text-decoration: none; color: inherit; }

header .container-fluid { }
header .row { }
header a.phone-link { color: #fff; text-decoration: none; }

#catalog-button, #cart-button { white-space: nowrap; }

nav .page-link { color: #212529; padding: 0.25rem 0.8rem !important; }
nav .page-item.active .page-link { background-color: #212529; border-color: #212529; }

body .container-fluid { max-width: 1320px; }

.table-wrapper { overflow-x: auto; }
.table-wrapper table { min-width: 800px; }

table tr:last-child td { border-bottom: none; }

.loading { opacity: 0.2; }

p.card-text { line-height: 1.15; font-size: .8rem; }
body.mobile .catalog p.card-text { display: none; }
.cards .card img { width: 100%; max-width: 160px; }
.card .btn-order { /*opacity: 0.7;*/ }
.category.tpl-type-1 .card .btn-order { position: absolute; top: 10px; right: 10px; }
.set.tpl-type-1 .card .btn-order { position: absolute; top: 10px; right: 10px; }
.category.tpl-type-5 .card .btn-order { position: absolute; top: 10px; right: 10px; }
.set.tpl-type-5 .card .btn-order { position: absolute; top: 10px; right: 10px; }
.in-cart-1 .btn-order.btn-order-in-cart-0 { display: none }
.in-cart-0 .btn-order.btn-order-in-cart-1 { display: none }

.bi-panel { position: absolute; top: 10px; left: 10px; }
.bi-panel i { color: #6c757d; line-height: 1;  }
.card i.has-video { display: none; }
.card.has-video-1 i.has-video { display: inline-block; }
.card i.for-house { display: none; }
.card.for-house-1 i.for-house { display: inline-block; }

.cards .price { font-weight: bold; line-height: 1; white-space: nowrap; }
.cards .old-price { font-size: .875rem; text-decoration: line-through; font-weight: normal; padding-left: 5px; }

#search-layer .price, #search-modal .price { font-weight: bold; line-height: 1; white-space: nowrap; }
#search-layer .old-price, #search-modal .old-price { font-size: .875rem; text-decoration: line-through; font-weight: normal; padding-left: 5px; }

#category-1 a.d-block.mx-lg-4 { margin: 0 !important; }
#category-2 .card img { max-width: 330px; }
#category-8 .card img { max-width: 330px; }
#category-4 .card img { max-width: 160px; }
#category-201 .card img { max-width: 130px; }
.from-category-4.tpl-type-5 .card img { border: none; padding: 0; border-radius: 0; }
.from-category-201.tpl-type-6 .card img { border: none; padding: 0; border-radius: 0; }

#category-filters .form-check-input { margin-top: .35em; }

#offer-params .btn-group > .btn { flex: 1 0 0% !important; }

#error-404-layer { text-align: center; padding: 100px 0; }
#error-404-layer img { width: 70%; max-width: 339px; }
#error-404-layer .error-404-message { font-size: 18px; font-weight: 500; margin: 10px 0; }

#cart-empty-layer { text-align: center; padding: 100px 0; }
#cart-empty-layer img { width: 70%; max-width: 234px; }
#cart-empty-layer .cart-empty-message { font-size: 18px; font-weight: 500; margin: 10px 0; }

#toggle-version { line-height: 1; }

.breadcrumb { font-size: 0.9rem !important; flex-wrap: nowrap !important; overflow-x: hidden; }
.breadcrumb { white-space: nowrap; }

footer .footer a { display: inline-block; margin-left: 8px; vertical-align: -0.125em; }
footer .footer a img { display: block; }

.player { width: 100%; max-width: 400px; margin: 0 auto; color: #fff; background-color: #fff; padding: 0.25rem; border: 1px solid #dee2e6; border-radius: 0.25rem; }
.player .vjs-poster { background-color: #fff; }

.card.active-0 { opacity: 0.2; }
.card.active-0 a { cursor: default !important; }

.card.discount-1 { border-color: red; }
.discount-0 .discount { display: none; }
.discount-1 .discount { display: block; }
.discount { position: absolute; top: 8px; right: 8px; width: 64px; height: 64px; background: no-repeat url('../images/discount.png'); }

.price-block { display: block; background-color: rgba(0, 0, 0, 0.03); border-radius: 4px; }
.price-block .price { display: block; font-size: 2rem; font-weight: bold; line-height: 1; white-space: nowrap; text-align: center; }
.price-block .btn { font-weight: bold; display: block; }
.price-block .radios { font-size: .7rem; display: inline-flex; align-items: center; }
.price-block .radios label { padding: 0 5px; }

.price-block .discount-price, .price-block .old-price { display: block; }
.price-block .old-price { padding-top: 5px; }

.discount-price { color: #f1117e; }
.old-price { font-size: 1rem; color: #999; text-decoration: line-through; font-weight: normal; }

.contacts-block { display: block; background-color: rgba(0, 0, 0, 0.03); border-radius: 4px; }
.contacts-block .btn { font-weight: bold; display: block; }

#cart-layer img { max-height: 40px; }
#cart-layer a { color: #212529; text-decoration: none; }
#cart-layer a:hover { color: #0a58ca; }
#cart-layer .cart-total { font-size: 1.2rem; }

#cart-modal { /*backdrop-filter: blur(3px);*/ }

.cart-has-items-1 #cart-empty-layer { display: none }
.cart-has-items-0 #cart-layer { display: none }

#order-layer table img { max-height: 40px; }
#order-layer table a { color: #212529; text-decoration: none; }
#order-layer table a:hover { color: #0a58ca; }
#order-layer .order-total { font-size: 1.2rem; }

#order-form-link { cursor: pointer; }

.colors-outer { overflow-x: auto; padding-bottom: 5px; }
.colors { display: flex; flex-direction: row; }
.color-item { display: block; max-width: 100px; padding: 8px; margin: 0 2px; text-align: center; border-radius: calc(0.25rem - 1px) !important; }
.color-item.active { background-color: rgba(0, 0, 0, 0.1); }
.color-item img { display: inline-block; max-height: 128px; box-shadow: 2px 2px 4px #aaa; }
.color-item span { display: block; font-size: .7rem; margin-top: 3px; }

.color-title { display: inline-block; margin-top: 5px; background-color: rgba(0, 0, 0, 0.03); border-radius: 4px; padding: 3px 5px; font-size: .7rem; }

#search-empty-layer { text-align: center; padding: 100px 0; }
#search-empty-layer img { width: 70%; max-width: 234px; }
#search-empty-layer .search-empty-message { font-size: 18px; font-weight: 500; margin: 10px 0; }

#search-layer img { max-height: 40px; }
#search-layer a { color: #212529; text-decoration: none; }
#search-layer a:hover { color: #0a58ca; }

.search-has-items-1 #search-empty-layer { display: none }
.search-has-items-0 #search-layer { display: none }

#search-modal { z-index: 1025; /*backdrop-filter: blur(3px);*/ }
#search-modal .modal-dialog { margin: 140px auto 20px; height: calc(100% - 160px); }
#search-input-group { z-index: 1030; }

.search-has-items-1 #search-modal-alert { display: none; }
.search-has-items-0 #search-modal-content { display: none; }
.search-has-items-0 #search-modal-more { display: none; }

#search-modal-content img { max-height: 40px; }
#search-modal-content a { color: #212529; text-decoration: none; }
#search-modal-content a:hover { color: #0a58ca; }

#hello {
  display: none;
  z-index: 1100;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
  padding: 10px 20px 10px 10px;
  position: fixed;
  left: 10px;
  bottom: 10px;
  width: 80%;
  max-width: 500px;
  font-size: .75rem;
}

body.mobile #hello {
  width: 80%;
  max-width: 400px;
  line-height: 1.15;
  font-size: .7rem;
}

#hello img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #fff;
  padding: 1px;
  border: 2px solid #0d6efd;
  float: left;
}

#hello p {
  display: block;
  margin: 0 10px 10px 100px;
}

#hello .exit-wrap {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 1300;
  background-color: rgb(37, 37, 32);
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 0px 2px rgb(17, 17, 17);
  padding: 5px;
  opacity: 0.6;
  cursor: pointer;
  float: right;
}

#hello .exit {
  display: block;
  background: url(../images/exit.gif) no-repeat left top;
  opacity: 0.6;
  width: 7px;
  height: 7px;
}

#hello-open {
  line-height: 1;
  font-size: .75rem;
  padding: 0.15rem 0.5rem;
}

.feature-name { padding-bottom: 3px; overflow: hidden; }

.feature-name:after {
  content: '';
  display: inline-block;
  width: 100%;
  margin: 0 -99% 0 6px;
  vertical-align: baseline;
  border-bottom: 1px dashed var(--bs-border-color);
}

.feature-value { padding-bottom: 3px; align-self: flex-end; }