.back-bg {
	position: absolute;
	top: 0;
	left: 0;
	fill: var(--catalog-background-color);
	width: inherit;
	height: inherit;
	stroke: var(--catalog-inactive-border-color)
}

.back-arrow,
button.nav svg {
	fill: var(--catalog-hover-active-color)
}

.back-arrow {
	width: inherit;
	height: inherit;
	position: relative;
	z-index: 1
}

.back-btn {
	position: relative;
	width: 36px;
	height: 36px;
	border: 0;
	background: 0 0
}

.back-btn:hover {
	cursor: pointer
}

.back-btn:hover .back-bg {
	fill: var(--catalog-hover-color)
}

.image-block {
	min-height: 156px
}

button.nav {
	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;
	min-width: 32px;
	width: 32px;
	max-width: 32px;
	min-height: 32px;
	height: 32px;
	max-height: 32px;
	border-radius: 50%;
	background-color: var(--catalog-background-color);
	border: 1px solid var(--catalog-inactive-border-color);
	margin: 2px 0
}

button.nav svg {
	width: 7px;
	height: 11px
}

button.nav-prev svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

button.nav:disabled {
	opacity: .4;
	cursor: default
}

button.nav:hover:not(:disabled) {
	background-color: var(--catalog-hover-color)
}

button.prb {
	position: relative;
	width: 36px;
	height: 36px;
	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;
	border: 0;
	background: 0 0
}

.vt_i svg,
button.prb svg {
	width: inherit;
	height: inherit
}

button.prb svg.back-bg {
	position: absolute;
	fill: var(--catalog-background-color);
	stroke: var(--catalog-active-border-color)
}

button.prb svg:not(.back-bg) {
	position: relative;
	z-index: 1;
	width: 24px;
	height: 24px;
	fill: var(--catalog-light-text-color)
}

button.prb.active svg.back-bg {
	fill: var(--catalog-hover-active-color);
	stroke: var(--catalog-hover-active-color)
}

button.prb.active svg:not(.back-bg) {
	fill: var(--catalog-background-color)
}

.acat-numbers .acat-number_data-number-block .copy-icon:hover,
.vt_i:hover,
button.prb:hover {
	cursor: pointer
}

button.prb:hover svg.back-bg {
	fill: var(--catalog-hover-color);
	stroke: var(--catalog-active-border-color)
}

button.prb:hover svg:not(.back-bg) {
	fill: var(--catalog-hover-active-color)
}

.vt {
	display: none
}

@media (min-width:992px) {
	.vt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.vt_i {
	position: relative;
	width: 36px;
	height: 36px;
	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;
	border: 0;
	background: 0 0
}

.vt_i svg.back-bg {
	position: absolute;
	fill: var(--catalog-background-color);
	stroke: var(--catalog-inactive-border-color)
}

.vt_i svg.back-bg.prb {
	stroke: var(--catalog-active-border-color)
}

.vt_i svg:not(.back-bg) {
	position: relative;
	z-index: 1
}

.vt_i svg.ltr,
.vt_i svg.rtl,
.vt_i svg.ttb,
.vt_i.active svg.back-bg {
	fill: var(--catalog-hover-active-color)
}

.vt_i svg.ltr,
.vt_i svg.rtl {
	width: 16px;
	height: 18px
}

.vt_i svg.ttb {
	height: 16px;
	width: 18px
}

.vt_i svg.rtl {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.vt_i.active svg.back-bg {
	stroke: var(--catalog-hover-active-color)
}

.vt_i.active svg:not(.back-bg) {
	fill: var(--catalog-background-color)
}

.vt_i:hover svg.back-bg {
	fill: var(--catalog-hover-color);
	stroke: var(--catalog-inactive-border-color)
}

.vt_i:hover svg:not(.back-bg) {
	fill: var(--catalog-hover-active-color)
}

.label {
	position: absolute;
	opacity: 0;
	z-index: 1;
	background-color: initial;
	outline: 2px solid var(--catalog-inactive-border-color) !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	cursor: pointer
}

.label.active,
.label:hover {
	outline-color: var(--catalog-hover-active-color) !important
}

#image-area img {
	min-width: initial;
	width: auto;
	max-width: initial;
	min-height: initial;
	height: auto;
	max-height: initial
}

#image-area.showLabels .label {
	opacity: 1
}

.image-area-buttons,
.image-area-buttons .area-button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.image-area-buttons {
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 2
}

.image-area-buttons .area-button {
	background-color: var(--catalog-background-color);
	border: 1px solid var(--catalog-inactive-border-color);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	width: 32px;
	height: 32px;
	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;
	padding: 0;
	margin: 0;
	cursor: pointer
}

.image-area-buttons .area-button:not(:last-of-type) {
	margin-bottom: 4px
}

.image-area-buttons .area-button svg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	fill: var(--catalog-light-text-color);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.image-area-buttons .area-button:hover {
	border-color: var(--catalog-hover-active-color);
	background-color: var(--catalog-hover-active-color)
}

.image-area-buttons .area-button:hover svg {
	fill: var(--catalog-background-color)
}

.h1 {
	font-weight: 500;
	font-size: 32px;
	line-height: 38px;
	color: var(--catalog-main-text-color)
}

@media (max-width:767.98px) {
	.h1 {
		font-size: 24px;
		line-height: 32px
	}
}

.bt {
	border-top: 1px solid var(--catalog-inactive-border-color)
}

.acat-numbers .acat-number,
.bb {
	border-bottom: 1px solid var(--catalog-inactive-border-color)
}

.acat-numbers .acat-number td {
	padding-top: 16px;
	padding-bottom: 16px
}

.acat-numbers .acat-number_data-name,
.acat-numbers .acat-number_index {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: var(--catalog-main-text-color)
}

.acat-numbers .acat-number_data-name {
	margin-top: 12px
}

.acat-numbers .acat-number_data-number {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: var(--catalog-light-text-color)
}

.acat-numbers .acat-number_data-number-block {
	height: 20px
}

.acat-numbers .acat-number_data-number-block .copy-icon {
	display: none;
	width: 24px;
	height: inherit;
	margin-left: .5rem
}

.acat-numbers .acat-number_data-number-block .copy-icon svg {
	width: inherit;
	height: inherit;
	fill: var(--catalog-light-text-color)
}

.acat-numbers .acat-number_data-number-block .copy-icon:hover svg {
	fill: var(--catalog-active-border-color)
}

.acat-numbers .acat-number_data-number-block:hover .copy-icon {
	display: block
}

.acat-numbers .acat-number_data-icon {
	display: none;
	width: 24px;
	height: 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 4px;
	fill: var(--catalog-light-text-color)
}

.acat-numbers .acat-number_data-icon:hover {
	fill: var(--catalog-hover-active-color)
}

.acat-numbers .acat-number_price {
	width: 52px
}

.acat-numbers .acat-number.active,
.acat-numbers .acat-number:hover {
	background-color: var(--catalog-hover-color)
}

.acat-numbers .acat-number:hover {
	cursor: pointer
}

.acat-numbers .acat-number:hover .acat-number_data-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer
}

.acat-numbers .acat-number .info-btn {
	width: 24px;
	height: 24px;
	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
}

.acat-numbers .acat-number .info-btn svg {
	width: 16px;
	height: 16px;
	fill: var(--catalog-light-text-color);
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 1px var(--catalog-light-text-color);
	box-shadow: 0 0 0 1px var(--catalog-light-text-color)
}

.acat-numbers .acat-number .info-btn:hover svg {
	fill: var(--catalog-active-border-color);
	-webkit-box-shadow: 0 0 0 1px var(--catalog-active-border-color);
	box-shadow: 0 0 0 1px var(--catalog-active-border-color)
}

table.acat-info-table {
	margin: 8px
}

table.acat-info-table tr:nth-child(even) td {
	background-color: var(--catalog-background-color)
}

table.acat-info-table tr:nth-child(odd) td {
	background-color: var(--catalog-hover-light-color)
}

table.acat-info-table tr td {
	padding-top: 4px;
	padding-bottom: 4px
}

table.acat-info-table tr td:first-of-type {
	padding-left: 8px;
	padding-right: 4px
}

table.acat-info-table tr td:last-of-type {
	padding-left: 4px;
	padding-right: 8px
}

table.acat-info-table tr:not(.description) td:first-of-type {
	font-weight: 600
}

.ui-widget.ui-widget-content {
	border: 0;
	background-color: var(--catalog-background-color);
	-webkit-box-shadow: 0 8px 16px var(--catalog-shadow);
	box-shadow: 0 8px 16px var(--catalog-shadow)
}

body.nsd table.main-block {
	min-height: 100vh
}

@media (min-width:992px) {
	body.nsd table.main-block {
		min-height: 50vh
	}
}

body.frame .image-block {
	min-height: 360px
}

body.frame #numbers-bottom .ncb {
	overflow: initial !important
}

body.frame #numbers-bottom .ncb .position-absolute {
	position: initial !important
}

body.frame #contentBlock,
body.frame .container.acat,
body.frame .container.acat>table.h-100 {
	height: initial !important
}