body {
	--catalog-background-color: #fff;
	--catalog-main-text-color: #4b4b4b;
	--catalog-light-text-color: #8a8a8a;
	--catalog-inactive-border-color: #e4e4e4;
	--catalog-active-border-color: #60AF69;
	--catalog-hover-color: #dfefe1;
	--catalog-hover-active-color: #4A9252;
	--catalog-hover-light-color: #eff7f0;
	--catalog-background-light-color: #f1f5f9;
	--catalog-shadow: #bfbfbf;
	--catalog-link: #4A90CB;
	--catalog-notice-border: #FF9500;
	--catalog-notice-background: #FFF2E0;
	--catalog-warn: #f25f5c;
	--catalog-body2-font-weight: 400;
	--catalog-body2-font-size: 14px;
	--catalog-body2-line-height: 21px;
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	background-color: var(--catalog-background-color)
}

.page {
	min-height: calc(100vh - 148px - 153px) !important
}

.page.gray {
	background: var(--catalog-background-color)
}

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

.h3,
.h5 {
	font-size: 18px;
	line-height: 27px;
	color: var(--main-text-color)
}

.h5 {
	font-size: 14px;
	line-height: 18px
}

.body1,
.body2 {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px
}

.body2 {
	font-size: 14px;
	line-height: 21px
}

.hint-icon svg,
.light {
	fill: var(--catalog-light-text-color)
}

.light {
	color: var(--catalog-light-text-color)
}

.black {
	color: var(--catalog-main-text-color);
	fill: var(--catalog-main-text-color)
}

.container.acat {
	background-color: var(--catalog-background-color);
	padding-left: 15px;
	padding-right: 15px
}

@media (min-width:992px) {
	.container.acat {
		padding-left: 0;
		padding-right: 0
	}
}

.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.justify-content-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.position-relative {
	position: relative
}

.text-nowrap {
	white-space: nowrap
}

.hint {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.hint-icon {
	width: 40px;
	height: 40px
}

.hint-icon svg {
	width: inherit;
	height: inherit
}

.hint-body {
	display: none;
	position: relative;
	left: -16px;
	max-width: 50vw;
	max-height: 50vh;
	overflow-y: auto;
	background-color: var(--catalog-background-color);
	padding: 16px;
	-webkit-box-shadow: 0 2px 4px var(--catalog-shadow);
	box-shadow: 0 2px 4px var(--catalog-shadow);
	border-radius: 4px
}

.hint.opened {
	z-index: 2
}

.hint.opened .hint-icon svg {
	fill: var(--catalog-active-border-color)
}

.hint.opened .hint-body {
	display: block
}

.link,
a {
	color: var(--catalog-link)
}

.link:focus,
.link:hover,
a:focus,
a:hover {
	color: var(--catalog-link);
	text-decoration: none;
	cursor: pointer
}

.overflow-auto {
	overflow: auto
}

.overflow-hidden {
	overflow: hidden
}

.position-absolute {
	position: absolute
}

::-webkit-scrollbar-thumb:vertical {
	min-height: 50px;
	width: 8px
}

::-webkit-scrollbar-thumb:horizontal {
	min-width: 50px;
	height: 8px
}

::-webkit-scrollbar-thumb {
	border-radius: 16px;
	background-color: var(--catalog-inactive-border-color)
}

::-webkit-scrollbar-track {
	border-radius: 16px
}

::-webkit-inner-spin-button {
	display: none
}

::-webkit-scrollbar {
	width: 10px;
	height: 14px;
	background-color: var(--catalog-background-color) !important;
	background: var(--catalog-background-color) !important
}

::-webkit-resizer,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
	background-color: #ffffff00 !important
}

.tooltip-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999
}

.brc {
	color: var(--catalog-link)
}

.brc>* {
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
	height: 24px;
	font-weight: 400;
	font-size: 14px
}

.brc span {
	color: var(--catalog-light-text-color)
}

.brc svg {
	width: 24px;
	height: 24px
}

.container.acat .cart-tab {
	position: absolute;
	right: 15px;
	top: 0;
	margin: 0;
	background: var(--catalog-active-border-color);
	padding: 12.5px 11px 4px 6px;
	border-radius: 0 0 12px 12px;
	color: var(--catalog-background-color);
	z-index: 1000
}

.container.acat .cart-tab svg {
	fill: var(--catalog-background-color);
	float: left;
	width: 24px;
	height: 24px
}

.container.acat .cart-tab .count {
	background: var(--catalog-warn);
	color: var(--catalog-background-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 11px;
	font-weight: 700;
	width: 16px;
	height: 16px;
	line-height: 18px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 4px;
	left: 20px
}

.container.acat .cart-tab .count p {
	width: 100%
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-x-hidden,
body.nsd {
	overflow-x: hidden
}

body.nsd .container.acat {
	padding-bottom: 3rem
}

@media (max-width:767.98px) {
	body.nsd .container.acat {
		padding-bottom: 1rem
	}
}

body.nsd .container.acat .overflow-y-auto {
	overflow-y: hidden
}

body.nsd .container.acat .overflow-y-auto .position-absolute {
	position: initial
}

@media (max-width:767.98px) {
	body.nsd footer .developer {
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		min-width: 66px
	}
}

body.frame .content-body {
	overflow: initial !important
}

body.frame .content-body .position-absolute {
	position: initial !important
}

.button--main {
	background-color: var(--catalog-active-border-color);
	color: var(--catalog-background-color);
	border: 0;
	height: 40px;
	line-height: 40px;
	border-radius: 99px;
	padding-left: 24px;
	padding-right: 24px;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase
}

.button--main:focus,
.button--main:hover {
	cursor: pointer;
	background-color: var(--catalog-hover-active-color);
	-webkit-box-shadow: 0 2px 4px var(--catalog-shadow);
	box-shadow: 0 2px 4px var(--catalog-shadow);
	color: var(--catalog-background-color)
}