/**************************************/
/*** Основные стили ***/
/**************************************/
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
body {margin: 0;padding: 0;line-height: 1;font-weight: 400;position: relative;overflow-x: hidden;scrollbar-gutter: stable;scroll-behavior: smooth;}
/*** Основной контейнер ***/
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container {margin-right: auto;margin-left: auto;padding-left: 16px;padding-right: 16px;}
.container:before, .container:after {display: table;line-height: 0;content: '';}
.container:after {display: block;content: '.';clear: both;font-size: 0;line-height: 0;height: 0;overflow: hidden;}
.row {margin-left: -16px;margin-right: -16px;}
.row:before, .row:after {content: ' ';display: table;}
.row-small {margin-left: -.8px;margin-right: -.8px;}
.row-small:before, .row-small:after {content: ' ';display: table;}
[class^="icon-"], [class*=" icon-"] {display: inline-flex;}
/**************************************/
/*** Вспомогательные элементы ***/
/**************************************/
a {text-decoration: none;transition: all 0.3s ease;outline: 0;}
a:hover {text-decoration: none;cursor: pointer;}
img {max-width: 100%;max-height: 100%;width: auto;}
p {margin: 0 0 16px 0;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;}
p:last-child {margin: 0;}
.unstyled {margin: 0;padding: 0;list-style: none;} 
/* .loading {overflow: hidden;white-space: nowrap;} */
.htmlDataBlock {line-height: 1.25;overflow: hidden;}
.products .htmlDataBlock {margin-top:20px;}
/* .htmlDataBlock img {width: auto!important; height: auto!important;} */
.required em {color: var(--color-red);}
.noscript {color: var(--color-white);background: var(--color-primary);padding: 24px;position: fixed;top: 0;width: 100%;text-align: center;z-index: 99;}
[data-fancybox]:hover {cursor: pointer;}
/**************************************/
/*** Инпут поля ***/
/**************************************/
input, select, textarea {width: 100%;background: transparent;color: inherit;border: 1px solid;font-size: 14px;font-family: inherit;outline: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
textarea {resize: vertical;cursor: default;}
input[type="file"] {margin-top: 4px;height: auto;line-height: 1;border: 0;border-radius: 0;padding: 0;background: transparent;}
input::-ms-clear {display: none;}
/* Квадрат с иконкой */
.square {width: 24px;height: 24px;line-height: 22px;border-radius: 4px;border: 2px solid;color: inherit;background: transparent;margin: 0;padding: 0;text-align: center;cursor: pointer;}
.square:after {content: '';font-family: 'icomoon';}
.square:checked:after {content: '\e906';}
.square:disabled {cursor: default;}
.square:disabled:after {content: '';}
.square + label {cursor: pointer;}
.square:disabled + label {cursor: default;}
/* Круг с иконкой */
.curcle {border: 2px solid;width: 24px;height: 24px;border-radius: 100%;padding: 0;margin: 0;position: relative;}
.curcle:after {content: '';width: 12px;height: 12px;border-radius: 100%;top: calc(50% - 6px);left: calc(50% - 6px);position: absolute;display: block;}
/* Селекты */
.selectBox {gap: 8px;position: relative;display: flex;align-items: center;}
.selectBox:after {content: '\e907';position: absolute;font-family: 'icomoon';pointer-events: none;transition: all 0.3s ease;}
.selectBox select {text-overflow: ellipsis;transition: all 0.3s ease;}
.selectBox select::-ms-expand {display: none;}
.selectBox select option {cursor: pointer;}
/**************************************/
/*** Кнопки ***/
/**************************************/
button, [class*="button-"], .paymentFormSubmitLink, .paymentFormTbodySubmitButton {outline: 0;gap: 8px;font-family: inherit;display: inline-flex;align-items: center;justify-content: center;position: relative;transition: all 0.3s ease;}
/**************************************/
/*** Заголовки ***/
/**************************************/
h1, h2, h3, h4, h5, h6 {font-weight: 700;line-height: 1.25;text-rendering: optimizelegibility;text-transform: none;margin: 0;padding: 0;}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
.faq h2 {font-size: 20px;}
.faq h2 + div {margin-bottom: 15px}
.goodsDeliverySticker:before {position: absolute; white-space: wrap; width: 92px; line-height:13px; padding: 3px 10px;left: 0;top: 8px;background: #FFFFFF;color: #339933;border-radius: 10px;border: 1px solid #339933;z-index: 10;content: 'Бесплатная экспресс доставка';display: block;font-size: 13px;font-family: 'Open Sans', sans-serif;}
/**************************************/
/*** Уведомления. Системные сообщения ***/
/**************************************/
[class^="notice-"] {width: 100%;margin-bottom: 24px;padding: 12px 20px;font-size: 16px;line-height: 1.25;overflow: hidden;position: relative;}
.notice-success {background: #dff0d8;color: #3c763d;border-color: #d6e9c6;}
.notice-warning {background: #f2dede;color: #a94442;border-color: #ebccd1;}
.notice-attention {background: #fcf8e3;color: #8a6d3b;border-color: #faebcc;}
.notice-information {background: #d9edf7;color: #31708f;border-color: #bce8f1;}
[class^="notice-"] a {color: inherit;font-weight: 600;text-decoration: underline;display: inline;}
/**************************************/
/*** Оверлей. Темный фон ***/
/**************************************/
#overlay {background: rgba(51, 51, 51, 0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 21;opacity: 0;filter: alpha(opacity=0);visibility: hidden;-webkit-transition: opacity .25s ease,visibility 0s ease .25s;transition: opacity .25s ease,visibility 0s ease .25s;}
#overlay.transparent {background: transparent;}
#overlay.is-opened {opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-transition: opacity .25s ease,visibility 0s ease;transition: opacity .25s ease,visibility 0s ease;cursor: pointer;}
/**************************************/
/*** Выпадающие объекты ***/
/**************************************/
.dropdown {position: relative;}
.dropdown__content {border-radius: 4px;border: 1px solid;background: var(--color-white);transform: scale(1,0);transform-origin: right top;transition: all 0.3s ease;right: 0;position: absolute;z-index: 22;}
.dropdown.is-opened .dropdown__content, .is-opened.dropdown__content {transform: scale(1);}
@media all and (min-width: 1024px) {
	.dropdown .dropdown__open:before {content: '';right: 0;bottom: -16px;height: 32px;width: 100%;display: block;position: absolute;}
	.dropdown:hover .dropdown__content {transform: scale(1);}
}
/**************************************/
/*** Основные блоки ***/
/**************************************/
section {margin: 32px 0;position: relative;}
main {margin: 32px 0;position: relative;}
@media all and (min-width: 640px) {
	section {margin: 40px 0;}
}
/**************************************/
/*** Хлебные крошки ***/
/**************************************/
#breadcrumbs {margin-bottom: 8px;padding-bottom: 4px;width: 100%;overflow-x: auto;display: block;position: relative;}
#breadcrumbs::-webkit-scrollbar {width: 0;height: 4px;}
.breadcrumbs__list {gap: 8px;white-space: nowrap;}
.breadcrumbs__list li {display: flex;align-items: center;}
.breadcrumbs__list li:before {content: '/';margin-right: 8px;line-height: 1;}
.breadcrumbs__list li:first-child::before {display: none;}
.breadcrumbs__list li a {display: flex;}
/****************************************/
/*** Категории ***/
/****************************************/
.products + .htmlDataBlock {margin-top: 24px;}
.categories.has-goods {margin-bottom: 24px;}
.categories__grid {display: grid;}
.categories__item {position: relative;transition: all 0.3s ease;}
.categories__name, .catalog__name {line-height: 1.25;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.categories__image {overflow: hidden;}
/**************************************/
/*** Флекс боксы ***/
/**************************************/
.flex {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
.promo {flex-wrap: nowrap;}
.flex-start {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: flex-start;-webkit-align-items: flex-start;-webkit-box-align: flex-start;align-items: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.flex-center {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.flex-stretch {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;-webkit-align-items: stretch;-webkit-box-align: stretch;align-items: stretch;}
.flex-column {flex-direction: column;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.justify-center {-webkit-justify-content: center;justify-content: center;}
.justify-between {-webkit-justify-content: space-between;justify-content: space-between;}
/**************************************/
/*** Поиск ***/
/**************************************/
.search__form {position: relative;}
.search__submit {border: 0;padding: 0;background: transparent;position: absolute;}
.search__submit:hover {cursor: pointer;}
.search__reset {position: absolute;opacity: 0;transition: all 0.3s ease;cursor: pointer;}
.search__filled .search__reset {opacity: 1;}
.search__loader {position: absolute;opacity: 0;}
.search__loading .search__loader {opacity: 1;}
.search__loader div {width: 16px;height: 16px;margin: 0;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;display: block;position: absolute;}
.search__loader div:nth-child(1) {animation-delay: -0.45s;}
.search__loader div:nth-child(2) {animation-delay: -0.3s;}
.search__loader div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
/**************************************/
/*** Выпадающий контент. Корзина, Сравнение, Избранное ***/
/**************************************/
.addto__empty {font-weight: 700;}
.addto__title {margin-bottom: 16px;font-weight: 500;display: none;}
.addto__items {gap: 24px;overflow-y: auto;flex-direction: column;scrollbar-width: thin;}
.addto__items::-webkit-scrollbar {width: 6px;}
.addto__image {overflow: hidden;}
.addto__content {position: relative;}
.addto__name {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.addto__mod {font-size: 12px;line-height: 1.25;}
.addto__qty {display: none;}
.addto__items {display: none;}
.addto__total {margin-top: 16px;gap: 16px;display: none;flex-direction: column;}
.addto__buttons {gap: 12px;display: none;}
/* Есть в списке */
.has-items .addto__buttons {display: flex;}
.has-items .addto__empty {display: none;}
.has-items .addto__total {display: flex;}
.has-items .addto__items {display: flex;}
/* .has-items .addto__title {display: block;} */
/**************************************/
/*** Формализованный список ***/
/**************************************/
.form__pp {font-size: 12px;line-height: 1.25;width: 100%;}
.form__pp [data-fancybox] {text-decoration: underline;color: inherit;}
.form__pp [data-fancybox]:hover {text-decoration: none;cursor: pointer;}
.form__buttons {gap: 12px;display: flex;flex-wrap: wrap;}
/* .form__button {width: 100%;} */
.form__list {gap: 24px;flex-direction: column;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.form__label {margin-bottom: 8px;display: none;cursor: pointer;}
.form__registration {gap: 8px;width: 100%;flex-wrap: nowrap;}
.form__field {flex-grow: 1;width: 100%;}
.form__fields {position: relative;}
.form__fields.flex {gap: 24px;width: 100%;}
.form__fields-duo {gap: 16px;}
@media all and (min-width: 1024px) {
	.form__fields-duo .form__field {width: calc(100% / 2 - 8px);}
	.form__fields-trio .form__field {width: calc(100% / 3 - 16px);}
}
/**************************************/
/*** Таблицы ***/
/**************************************/
.table-box {margin-bottom: 16px;width: 100%;background: var(--color-white);border-collapse: collapse;line-height: 18px;text-align: center;border-radius: 0;}
.table-box th, .table-box td {border: 1px solid var(--color-border);line-height: 18px;padding: 12px 10px;text-align: center;}
.table-box thead td, .table-box tfoot td {font-weight: bold;border: 1px solid var(--color-border);line-height: 18px;padding: 12px;text-align: center;white-space: nowrap;}
.table-box .cell1 {text-align: right;width: 50%;}
.table-box .cell2 {text-align: left;width: 50%;}
.table-box .hide {display: none;}
.table-box .tracking-num .cell2 {color: #396600;font-weight: 600;}
@media all and (max-width: 767px) {
.scroll {width: 100%;overflow-x: auto;margin-bottom: 16px;}
.scroll::-webkit-scrollbar {width: 0;height: 8px;}
}
/**************************************/
/*** Показать пароль ***/
/**************************************/
.password {position: relative;}
.password__button {color: var(--color-darkgray);position: absolute;bottom: 10px;right: 16px;cursor: pointer;z-index: 2;}
.password__button:before {content: '\e911';font-size: 18px;font-family: 'icomoon';vertical-align: middle;}
.password__button.is-actived:before {content: '\e912';}
.password__input {padding-right: 40px;}
.password__input::-webkit-caps-lock-indicator {right: 40px;}
/*** Капслок ***/
.capslock {display: none;}
.capslock__icon {gap: 8px;}
.capslock__icon i {font-size: 24px;color: red;}
.capslock__text {margin-top: 8px;}
/**************************************/
/*** Страница: Список Новостей ***/
/**************************************/
.news-list {gap: 16px;display: flex;flex-direction: column;}
.news-list__item {padding-bottom: 16px;border-bottom: 1px solid var(--color-border);}
.news-list__title {margin-bottom: 8px;font-weight: 600;display: block;}
.news-list__title span {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-list__date {text-align: right;font-style: italic;display: block;}
.news-list + .pages {margin-top: 24px;}
.news-show__file {overflow: hidden;word-break: break-all;line-height: 1.25;}
/**************************************/
/*** Страница: Просмотр Новости ***/
/**************************************/
.news-show__item {gap: 16px;display: flex;flex-direction: column;}
.news-show__date {text-align: right;font-style: italic;display: block;}
.news-show__item .
/**************************************/
/*** Страница: ЛК ***/
/**************************************/
.client {gap: 32px;}
.client__title {margin-bottom: 16px;}
.client__block {width: 100%;flex-grow: 1;}
.client__buttons {gap: 16px;}
.client__blocks + .client__blocks {margin-top: 32px;}
@media all and (max-width: 640px) {
.order-info .cell2 {word-break: break-word;}
.client__block {width: 100%;flex-grow: 1;margin-bottom:20px;}
}
@media all and (min-width: 640px) {
	.client__block {width: calc(50% - 16px);}
	.client__block:first-child{margin-right: 32px;}
}
/**************************************/
/*** Страница Ошибки ***/
/**************************************/
.notfound__block p {margin-bottom: 16px;}
/**************************************/
/*** Страница: Оформление заказа ***/
/**************************************/
.mod-favorites .favorites {display: none;}
/**************************************/
/*** Страница: Оформление заказа ***/
/**************************************/
.stage__navigates {margin-bottom: 32px;height: 30px;overflow-y: auto;flex-wrap: nowrap;white-space: nowrap;}
.stage__nav {padding: 0 24px 10px 0;flex-grow: 1;font-size: 20px;font-weight: 500;position: relative;transition: all 0.3s ease;}
.stage__nav:last-child {padding-right: 0;}
.stage__nav.is-actived, .stage__nav:hover {color: var(--color-primary);}
.stage__nav:after {content: '';background: var(--color-black);width: 100%;height: 2px;position: absolute;bottom: 0px;left: 0;}
.stage__nav.is-actived:after, .stage__nav:hover:after {background: var(--color-primary);}
.stages__contents {gap: 24px 32px;}
.stages__block {width: calc(50% - 16px);}
.stages__block_full {width: 100%;}
.stages__title {margin-bottom: 16px;}
.stages-list__item {margin-bottom: 12px;gap: 8px;display: flex;align-items: center;}
.stages-list__item i {font-size: 24px;}
.stages__buttons {width: 100%;gap: 16px;display: flex;flex-wrap: wrap;}
.stages__contents .order-payment__desc {margin-top: 0;}
.order-items__price {white-space: nowrap;}
.order-lines__price {white-space: nowrap;}
/**************************************/
/*** Видимость элементов ***/
/**************************************/
.is-hide {display: none;}
.is-show {display: block;}
.is-hidden {opacity: 0;visibility: hidden;}
.is-visible {opacity: 1;visibility: visible;}
/* Скрыть пароль в Edge */
input[type="password"]::-ms-reveal {display: none;}
/**************************************/
/*** Адаптивность ***/
/**************************************/
@media all and (min-width: 320px) {
  .container {min-width: 320px;}
}
@media all and (min-width: 480px) {
  .container {min-width: 480px;}
}
@media all and (min-width: 640px) {
  .container {width: 640px;}
}
@media all and (min-width: 768px) {
  .container {width: 768px;}
  .wrapper {padding-top: 10px;}
}
@media all and (min-width: 1024px) {
  .container {width: 1024px;}
  .wrapper {padding-top: 10px;}
}
@media all and (min-width: 1200px) {
  .container {width: 1200px;}
}
@media all and (min-width: 1440px) {
  .container {width: 1038px;}
	.wrapper {padding-left: 320px;padding-top: 0px;}
}
@media all and (min-width: 1600px) {
  .container {width: 1160px;}
}
@media all and (min-width: 1920px) {
  .container {width: 1296px;}
}
@media all and (max-width: 1199px) {
}
@media all and (max-width: 1023px) {
}
@media all and (max-width: 767px) {
  .htmlDataBlock img {height:auto !important;}
}
@media all and (max-width: 639px) {
}
@media all and (max-width: 479px) {
}
@media all and (max-width: 374px) {
}
@media (hover: hover) and (pointer: fine) {
	.button:hover {}
}
@media (hover: none) and (pointer: coarse) {
	.button:focus {}
}