/* Start:/local/templates/o22/css/base.css?175086257664942*/
@charset "utf-8";
@font-face {
		font-family: 'Gilroy';
		src: url('/local/templates/o22/css/../fonts/Gilroy-UltraLight.woff') format('woff'), url('/local/templates/o22/css/../fonts/Gilroy-UltraLight.ttf') format('truetype');
		font-weight: 250;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('/local/templates/o22/css/../fonts/Gilroy-Medium.woff') format('woff'), url('/local/templates/o22/css/../fonts/Gilroy-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('/local/templates/o22/css/../fonts/Gilroy-SemiBold.woff') format('woff'), url('/local/templates/o22/css/../fonts/Gilroy-SemiBold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('/local/templates/o22/css/../fonts/Gilroy-Bold.woff') format('woff'), url('/local/templates/o22/css/../fonts/Gilroy-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('/local/templates/o22/css/../fonts/Gilroy-Black.woff') format('woff'), url('/local/templates/o22/css/../fonts/Gilroy-Black.ttf') format('truetype');
		font-weight: 900;
		font-style: normal;
		font-display: swap;
}
:root {
		--fonti: Inter, -apple-system, "Open Sans", system-ui, "sans-serif";
		--fontg: Gilroy, -apple-system, "Open Sans", system-ui, "sans-serif";
		--white: #fff;
		--grey50: #FAFAFA;
		--grey100: #F7FAFC;
		--grey200: #EDF2F7;
		--grey200-50: rgba(237, 242, 247, 0.5);
		--grey300: #E2E8F0;
		--grey400: #CBD5E0;
		--grey500: #A0AEC0;
		--grey50025: rgba(160, 174, 192, 0.25);
		--grey600: #718096;
		--grey700: #4A5568;
		--grey800: #2D3748;
		--grey900: #1A202C;
		--hover: var(--grey500);
		--hover-dark: var(--grey800);
		--hover-input: var(--grey600);
		--darker: #8DA0C1;
		--yellow: #FFC400;
		--yellow25: rgba(255, 196, 0, 0.25);
		--yellow80: rgba(255, 196, 0, 0.8);
		--orange: #FF4300;
		--blue: #1DA1F2;
		--deep-blue: #152136;
		--red: #CD201F;
		--pink: #E4405F;
		--green: #66CB9F;
		--green-dark: #4AAE8C;
		--grad-yellow: linear-gradient(200.1deg, #FFDD4F 14.44%, #FFB800 90.4%);
		--grad-orange: linear-gradient(180deg, #FF7A00 6.47%, #F35C00 93.33%);
		--grad-green: linear-gradient(180deg, rgba(79, 197, 77, 0.78) 0%, #44BA86 100%);
		--dark-def: #16192C;
		--dark-dark: #101225;
		--dark-light: #505780;
		--sec-dark: #A6B7D4;
		--sec-dark50: rgba(166, 183, 212, 0.5);
		--sec-default: #E4ECF7;
		--sec-light: #EBF2FA;
		--sec-light50: rgba(235, 242, 250, 0.5); /*added 28.02.23*/
		--body-muted: #7E7F8D;
		--title: #657CA4;
		--tippy-box: #263349;
		--input-bg: #F7FAFC;
		--input-border: #E3E9F3;
		--danger: #F16063;
		--catalog-border: #DAE5F3;
		--preview-border: #D0D8E3;
		--tag-color: #7C93BB;
		--tag-bg: rgba(228, 236, 247, 0.25);
		--tag-bg-green: rgba(102, 203, 159, 0.2);
		--tag-bg-yellow: rgba(255, 244, 204, 1);
		--modal-title: #4F658A;
}
* {
		--scrollbar-color-thumb: var(--dark-light);
		--scrollbar-color-track: var(--white);
		--scrollbar-width: thin;
		--scrollbar-width-legacy: 5px;
}
@supports (scrollbar-width: auto) {
		* {
				scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
				scrollbar-width: var(--scrollbar-width);
		}
}
@supports selector(::-webkit-scrollbar) {
		*::-webkit-scrollbar-thumb {
				background: var(--scrollbar-color-thumb);
		}
		*::-webkit-scrollbar-track {
				background: var(--scrollbar-color-track);
		}
		*::-webkit-scrollbar {
				max-width: var(--scrollbar-width-legacy);
				max-height: var(--scrollbar-width-legacy);
		}
}
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
		-webkit-overflow-scrolling: touch;
}
body {
		margin: 0;
		padding: 0;
		background: #fff;
		font: normal 14px/2 var(--fonti);
		color: var(--grey600);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
@media only screen and (min-width: 768px) {
		body {
				font-size: 16px;
		}
}
@media only screen and (min-width: 1280px) {
		body {
				font-size: 18px;
		}
}
body.bg-grey {
		background: var(--input-bg);
}
@media only screen and (max-width: 767px) {
		body.bg-grey-mobile {
				background: var(--input-bg);
		}
}
*, *:before, *:after {
		box-sizing: border-box;
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
input, select, textarea, button, .jcf-select, .jcf-option {
		font: 500 16px/25px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--grey800);
		outline: none;
		text-align: left;
}
input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select, .jcf-select-text > *, .jcf-option, .jcf-select {
		-webkit-appearance: none;
		outline: none;
		box-shadow: none;
		margin: 0;
		height: 56px;
		border-radius: 28px;
		background: var(--input-bg);
		border: 0.5px solid var(--input-border);
		padding: 0 24px;
		width: 100%;
		display: block;
		transition-property: border, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
select {
		cursor: pointer;
		padding-right: 48px !important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		opacity: 1;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: #8A9DBC;
}
input::-moz-placeholder, textarea::-moz-placeholder {
		opacity: 1;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: #8A9DBC;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
		opacity: 1;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: #8A9DBC;
}
@media (pointer:fine) {
		input:hover, textarea:hover, .jcf-select:hover .jcf-select-text > * {
				background-color: transparent;
				border-color: var(--hover-input);
		}
}
input:focus, textarea:focus, .jcf-select.jcf-focus .jcf-select-text > * {
		border-color: var(--yellow);
		background: var(--white);
		box-shadow: 0px 15px 25px rgba(234, 192, 55, 0.05), 0 0 0 0.5px var(--yellow);
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
		opacity: 0.5 !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
		opacity: 0.5 !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
		opacity: 0.5 !important;
}
input::-ms-clear {
		display: none;
}
button::-moz-focus-inner {
		border: 0;
}
textarea {
		resize: none;
		border-radius: 15px;
		height: 120px;
		padding-top: 23px;
		padding-bottom: 23px;
		min-height: 56px;
}
.jcf-select {
		position: relative;
		display: block;
		border: 0;
		background: none;
		padding: 0;
		height: auto !important;
		min-height: 0 !important;
}
.jcf-select select {
		z-index: 2;
}
.jcf-select-text {
		position: relative;
		z-index: 1;
		display: block;
		cursor: pointer;
}
.jcf-select-text > * {
		padding-right: 48px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: flex;
		align-items: center;
}
.jcf-option-placeholder {
		font-weight: 300 !important;
		font-size: 14px !important;
		letter-spacing: -0.01em;
		color: #8A9DBC;
}
.jcf-select-text > *:not(.jcf-option-placeholder) {
		background-color: var(--white);
}
.jcf-select-opener {
		position: absolute;
		top: 50%;
		right: 28px;
		transform: translate3d(0, -50%, 0) rotate(0deg);
		pointer-events: none;
		z-index: 3;
		line-height: 0;
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.jcf-drop-active .jcf-select-opener {
		transform: translate3d(0, -50%, 0) rotate(-180deg);
}
.jcf-drop-active .jcf-select-opener, .jcf-drop-active .jcf-select-text {
		z-index: 21;
}
.jcf-drop-active .jcf-select-text > * {
		border-color: transparent !important;
		box-shadow: none !important;
		background: none !important;
		transition: none !important;
}
.jcf-select-opener svg {
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.jcf-select-drop {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		border-radius: inherit;
		background: var(--white);
		border: 1px solid #E7E7E7;
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 16px rgba(20, 37, 63, 0.1);
		z-index: 20;
		padding-top: 56px;
		overflow: hidden;
		transform: translateZ(0);
		backface-visibility: hidden;
}
.jcf-list-content {
		display: block;
		overflow: hidden;
		overflow-y: auto;
		max-height: 50vh !important;
}
.jcf-select-drop ul, .jcf-select-drop li {
		margin: 0;
		padding: 0;
}
.jcf-select-drop ul {
		padding: 16px 0;
}
.jcf-select-drop li:before {
		display: none;
}
.jcf-option {
		cursor: pointer;
		user-select: none;
		border: 0 !important;
		border-radius: 0 !important;
		font-weight: 300;
		background: none !important;
		color: var(--grey600);
		height: auto !important;
		min-height: 0 !important;
		padding-top: 10px;
		padding-bottom: 10px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		box-shadow: none !important;
}
.jcf-option.jcf-option-placeholder {
		display: none;
}
.jcf-option.jcf-hover {
		color: var(--blue);
}
.jcf-option.jcf-selected {
		color: var(--blue);
		cursor: default;
		background: url(/local/templates/o22/css/../img/input/select-check.svg) no-repeat calc(100% - 30px) 50% !important;
}
.jcf-option[data-right] {
		display: block;
		width: 100%;
}
.jcf-option[data-right]:before {
		content: attr(data-right);
		float: right;
}
.jcf-option.jcf-selected[data-right]:before {
		margin-right: 24px;
}
.form-inputs {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
}
.form-inputs-el {
		flex: 0 0 auto;
		width: 100%;
}
.form-inputs .form-checks:last-child {
		width: 100%;
		margin-top: 10px;
}
.form-checks, .form-triggers {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		white-space: normal;
		text-transform: none;
		text-align: left;
}
.form-checks {
		font: 300 14px/20px var(--fonti);
		letter-spacing: -0.01em;
		color: var(--grey800);
}
.form-triggers {
		font-weight: 300;
		font-size: 15px;
		line-height: 20px;
		color: var(--grey600);
}
.form-checks label, .form-triggers label {
		cursor: pointer;
		user-select: none;
		position: relative;
}
.form-checks label {
		padding: 5px 0 5px 44px;
}
.form-triggers label {
		padding: 1px 0 1px 58px;
}
.form-checks input, .form-triggers input {
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(0);
		opacity: 0;
		visibility: hidden;
}
.form-checks .checkbox {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 3px;
		left: 0;
}
.form-triggers .check-trigger {
		position: absolute;
		top: 0;
		left: 0;
}
.form-submit {
		display: flex;
		flex-direction: column;
		text-align: center;
		gap: 20px;
		margin: 32px 0 0 0;
}
.form-submit .btn {
		width: 100%;
}
.form-add-files {
		display: flex;
		flex-direction: column;
		gap: 25px 0;
}
.form-add-files-area {
		position: relative;
		overflow: hidden;
		transform: translateZ(0);
		background: rgba(255, 255, 255, 0.61);
		border: 1px dashed #C5D4DE;
		border-radius: 15px;
		height: 80px;
		transition-property: border, box-shadow, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-area input {
		position: absolute;
		top: 0;
		right: 0;
		width: 300%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		opacity: 0;
		left: auto;
		cursor: pointer;
}
.form-add-files-area:before, .form-add-files-area:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		pointer-events: none;
		width: 26px;
		height: 2px;
		background: var(--sec-dark);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-area:before {
		transform: translate3d(-50%, -50%, 0);
}
.form-add-files-area:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
@media (pointer:fine) {
		.form-add-files-area:hover {
				border-color: transparent !important;
				background-color: var(--white);
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.15), 0px 6px 25px rgba(20, 37, 63, 0.05);
		}
		.form-add-files-area:hover:before, .form-add-files-area:hover:after {
				background: var(--hover-input);
		}
}
.form-add-files-area .txt {
		padding: 20px;
		text-align: center;
		pointer-events: none;
		font-weight: 300;
		font-size: 13px;
		letter-spacing: -0.01em;
		line-height: 20px;
		color: var(--darker);
		display: none;
}
.form-add-files-area .txt strong {
		display: block;
		font-weight: 600;
		font-size: 15px;
		letter-spacing: -0.02em;
		margin: 0 0 10px 0;
}
.form-add-files-list {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
}
.form-add-files-list > * {
		position: relative;
}
.form-add-files-list img {
		height: 85px;
		width: 85px;
		object-fit: cover;
		object-position: center;
}
.form-add-files-delete {
		cursor: pointer;
		user-select: none;
		position: absolute;
		top: 0;
		right: 0;
		background: rgba(44, 70, 107, 0.6);
		width: 18px;
		height: 18px;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-delete:before, .form-add-files-delete:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 9.5px;
		height: 2px;
		border-radius: 1px;
		background: #d3d6d9;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-delete:before {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.form-add-files-delete:after {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
@media (pointer:fine) {
		.form-add-files-delete:hover {
				background: #EB2F23;
		}
		.form-add-files-delete:hover:before, .form-add-files-delete:hover:after {
				background: var(--white);
		}
}
.form-add-files-delete-all {
		flex: 0 0 auto;
}
.form-add-files-delete-all > * {
		display: inline-flex;
		vertical-align: top;
		align-items: center;
		justify-content: center;
		gap: 0 15px;
		cursor: pointer;
		user-select: none;
		font: normal 13px/20px var(--fonti);
		letter-spacing: -0.03em;
		color: var(--grey500);
		width: 85px;
		height: 85px;
		border: 1px dashed #A2BED4;
		transition-property: border, color;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form-add-files-delete-all svg {
		flex: 0 0 auto;
		fill: #A2BED5;
		margin: -2px;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.form-add-files-delete-all > *:hover {
				border-color: var(--orange);
				color: var(--orange);
		}
		.form-add-files-delete-all > *:hover svg {
				fill: var(--orange);
		}
}
.form-add-files-delete-all .txt {
		display: none;
}
/*mobile forms end*/
/*tablet forms start*/
@media only screen and (min-width: 768px) {
		input, select, textarea, button, .jcf-select, .jcf-option {
				letter-spacing: -0.01em;
		}
		input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select, .jcf-select-text > *, .jcf-option, .jcf-select {
				height: 60px;
				border-radius: 5px; /*box-shadow: 0px 15px 25px rgba(124, 147, 187, 0.05);*/
		}
		.jcf-select-drop {
				padding-top: 60px;
		}
		input:focus, textarea:focus {
				box-shadow: 0px 15px 25px rgba(234, 192, 55, 0.05), 0 0 0 0.5px var(--yellow);
		}
		textarea {
				padding-top: 22px;
				padding-bottom: 22px;
				min-height: 60px;
				height: 120px;
				line-height: 20px;
		}
		.main-input.invalid:after, .main-input.valid:after {
				width: 22px;
				height: 22px;
				margin: -11px 0;
		}
		.main-input.invalid:after {
				background-image: url(/local/templates/o22/css/../img/input/invalid.svg);
		}
		.main-input.valid:after {
				background-image: url(/local/templates/o22/css/../img/input/valid.svg);
		}
		.big-input.invalid:after, .big-input.valid:after, .big-input-clear {
				right: 30px;
		}
		.big-input input, .big-input textarea, .big-input select, .big-input .jcf-select-text > * {
				font-size: 16px;
				height: 80px;
				border-radius: 5px;
		}
		.big-input .jcf-select-opener {
				right: 30px;
		}
		.big-input input:placeholder-shown, .big-input textarea:placeholder-shown, .big-input-label {
				font-size: 15px;
				height: 80px;
				padding-top: 25px;
				padding-bottom: 25px;
		}
		.big-input textarea:placeholder-shown, .big-input textarea:placeholder-shown ~ .big-input-label {
				padding-top: 15px !important; /*20.07.23*/
				padding-bottom: 15px !important; /*20.07.23*/
		}
		.big-input-autocomplete {
				margin-top: 5px;
				margin-bottom: -16px;
		}
		.big-input-autocomplete > * {
				background-position: calc(100% - 30px) 50%;
		}
		.big-input-autocomplete strong {
				font-size: 16px;
		}
		.form-checks, .form-triggers {
				font-size: 15px;
		}
		.form-triggers {
				letter-spacing: -0.02em;
		}
		.form-submit {
				flex-direction: row;
				flex-wrap: wrap;
				align-items: center;
				margin-top: 30px;
		}
		.form-submit .btn {
				width: auto;
				font-size: 16px;
		}
		.form-add-files {
				gap: 20px 0;
		}
		.form-add-files-area {
				min-height: 80px;
				border-width: 0.5px;
				border-color: var(--sec-dark);
				border-radius: 5px;
				height: auto;
		}
		.form-add-files-area:before, .form-add-files-area:after {
				display: none;
		}
		@media (pointer:fine) {
				.form-add-files-area:hover {
						border-color: var(--hover-input);
						background-color: var(--white);
				}
		}
		.form-add-files-area .txt {
				display: block;
		}
		.form-add-files-list img {
				height: 80px;
				width: 80px;
				border-radius: 3px;
		}
		.form-add-files-delete {
				border-radius: 3px;
				margin: 1.5px;
		}
		.form-add-files-delete-all {
				width: 100%;
				margin-top: 5px;
		}
		.form-add-files-delete-all > * {
				width: auto;
				height: auto;
				border: 0;
		}
		.form-add-files-delete-all svg {
				fill: var(--grey400);
		}
		.form-add-files-delete-all .txt {
				display: inline;
		}
		.main-checks {
				font-size: 15px;
		}
		.main-checks > * {
				padding: 2px 0 2px 44px;
		}
		.checkbox {
				width: 24px;
				height: 24px;
		}
		.password-checker {
				font-size: 14px;
		}
		.password-checker .lines {
				width: calc(100% - 167px);
				gap: 5px;
		}
		.password-checker .lines > * {
				background: var(--white);
		}
		.input-info {
				font: normal 15px/30px var(--fonti);
				margin-top: 15px;
				color: #657CA4;
				letter-spacing: -0.02em;
		}
}
/*tablet forms end*/
@media only screen and (min-width: 1024px) {
		.form-add-files-area .txt {
				padding: 35px 32px;
		}
}
@media only screen and (min-width: 1280px) {
		.form-add-files-area .txt {
				padding: 44px;
		}
		.password-checker .lines > * {
				background: #E7F1F8;
		}
}
.mfp-hide {
		display: none !important;
}
.nowrap {
		white-space: nowrap;
}
.pic-help {
		flex: 0 0 auto;
		display: inline-block;
		vertical-align: middle;
		cursor: help;
		width: 20px;
		height: 20px;
		background: url(/local/templates/o22/css/../img/help.svg) no-repeat 50% 50%;
		background-size: contain;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		vertical-align: top;
}
a {
		color: var(--blue);
		text-decoration: none;
		outline: none;
		cursor: pointer;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		a:hover {
				color: var(--hover);
		}
}
strong {
		font-weight: bold;
}
p, ol, ul {
		margin: 1em 0;
		padding: 0;
}
ol, ul, li {
		list-style: none;
}
li {
		position: relative;
		margin: 0;
		padding: 0 0 0 2em;
}
ul > li:before {
		content: '•';
		width: 2em;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
}
ol {
		counter-reset: li;
}
ol > li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: relative;
		display: inline-block;
		vertical-align: top;
		min-width: 2em;
		margin: 0 0 0 -2em;
		padding: 0 0.25em 0 0;
}
h1, .h1 {
		font: 900 28px/32px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey800);
		margin: 0 0 24px 0;
}
h2, .h2 {
		font: 900 24px/32px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey800);
		margin: 40px 0 24px 0;
}
@media only screen and (min-width: 768px) {
		h1, .h1 {
				font-size: 36px;
				line-height: 40px;
				margin-bottom: 30px;
				color: var(--grey700);
		}
		h2, .h2 {
				font-size: 30px;
				line-height: 36px;
				margin-bottom: 30px;
		}
}
@media only screen and (min-width: 1280px) {
		h1, .h1 {
				margin-bottom: 40px;
		}
}
.btn {
		-webkit-appearance: none;
		display: inline-flex;
		vertical-align: top;
		align-items: center;
		justify-content: center;
		text-transform: none;
		text-align: center;
		gap: 10px;
		text-decoration: none;
		font: 600 15px/20px var(--fontg);
		letter-spacing: -0.005em;
		border-radius: 28px;
		border: 0;
		outline: none;
		height: 56px;
		padding: 0 40px;
		cursor: pointer;
		user-select: none;
		transition-property: box-shadow, border, color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn svg {
		fill: currentColor;
		transition-property: fill, stroke;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn svg.loader {
		stroke: currentColor;
}
.btn-yellow {
		color: #253859;
		background-color: #FFD750;
		background-image: linear-gradient(to bottom, #FFD750 0%, #FFDD4F 66.666%, #FFB800 100%);
		background-size: 100% 300%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		box-shadow: 0px 8px 26px rgba(255, 196, 0, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
}
.btn-orange {
		color: var(--white);
		background-color: #FB5A00;
		background-image: linear-gradient(to bottom, #FF7A00 6.47%, #F35C00 50%, #FB5A00 100%);
		background-size: 100% 200%;
		background-repeat: no-repeat;
		box-shadow: 0px 12px 25px rgba(255, 127, 48, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.25), inset 0px -0.5px 0px rgba(0, 0, 0, 0.45);
}
.btn-orange2 {
		color: var(--white) !important;
		background-color: #FB5A00;
		background-image: linear-gradient(to right, #FB5A00 0%, #F16063 66%, #FFC656 100%);
		background-size: 300% 100%;
		background-position: 100% 0;
		box-shadow: 0px 15px 30px rgba(250, 158, 91, 0.35), 0px 0.5px 1px rgba(0, 0, 0, 0.25), inset 0px -0.5px 0px rgba(0, 0, 0, 0.25);
}
.btn-green {
		color: var(--white);
		background: linear-gradient(180deg, #76d274 0%, #44BA86 100%);
		box-shadow: 0px 5px 15px rgba(68, 186, 134, 0.25), inset 0px -1px 0px rgba(117, 31, 1, 0.25);
}
.btn-dark {
		color: var(--white);
		background: #263349;
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 24px rgba(29, 54, 96, 0.26);
}
.btn-dark-grad {
		color: var(--white);
		background: linear-gradient(to bottom, #3B475B 0%, #292D32 50%, #292D32 100%);
		background-size: 100% 200%;
		box-shadow: 0px 4px 16px rgba(41, 45, 50, 0.15), 0px 0.5px 1px rgba(0, 0, 0, 0.15);
}
.btn-grey {
		color: var(--sec-dark);
		background: linear-gradient(to bottom, #FBFBFC 17.86%, #F3F7FC 112.69%);
		border: 0.5px solid rgba(0, 0, 0, 0.07);
		box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
}
.btn-white {
		color: var(--darker);
		background: var(--white);
		border: 0.5px solid #B9C6DE;
		box-shadow: 0px 8px 12px rgba(20, 37, 63, 0.02), inset 0px 0px 0.5px rgba(153, 171, 200, 0.5);
}
.btn-border-blue {
		background: rgba(29, 161, 242, 0.03);
		border: 0.75px solid #93CFF8;
		color: var(--blue);
}
.btn-border-grey {
		background: none;
		border: 0.75px solid var(--sec-dark50);
		color: var(--darker);
}
.btn-border-darkgrey {
		background: none;
		border: 0.75px solid var(--sec-dark);
		color: #657897;
}
.btn-simple-grey {
		color: var(--sec-dark);
}
.btn-simple-red {
		color: var(--orange);
}
.btn-red {
		background: #FFF9F8;
		border: 0.5px solid rgba(255, 67, 0, 0.5);
		color: rgba(255, 67, 0, 0.74);
}
.btn-grey-blue {
		border: 1px solid rgba(166, 183, 212, 0.25);
		background: linear-gradient(225deg, rgba(241, 241, 245, 0.25) 0%, rgba(228, 236, 247, 0.25) 100%);
		color: var(--blue);
		box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.05);
}
@media (pointer:fine) {
		.btn-yellow:hover {
				box-shadow: none;
				color: #253859;
				background-position: 0 0;
		}
		.btn-orange:hover {
				box-shadow: none;
				color: var(--white);
				background-position: 0 100%;
		}
		.btn-orange2:hover {
				box-shadow: none;
				color: var(--white);
				background-position: 0 0;
		}
		.btn-green:hover {
				box-shadow: none;
				color: var(--white);
		}
		.btn-grey:hover {
				color: var(--hover-dark);
		}
		.btn-dark-grad:hover {
				box-shadow: none;
				color: var(--white);
				background-position: 0 100%;
		}
		.btn-dark:hover {
				color: var(--white);
				box-shadow: none;
		}
		.btn-white:hover {
				color: var(--blue);
				box-shadow: none;
		}
		.btn-border-blue:hover {
				border-color: var(--hover);
				color: var(--hover);
				background-color: transparent;
		}
		.btn-border-grey:hover, .btn-border-darkgrey:hover {
				border-color: var(--hover-dark);
				color: var(--hover-dark);
				background-color: transparent;
		}
		.btn-grey-blue:hover {
				color: var(--hover);
		}
		.btn-simple-grey:hover {
				color: var(--hover-dark);
		}
		.btn-simple-red:hover {
				color: var(--orange);
		}
		.btn-red:hover {
				color: var(--orange);
				border-color: var(--orange);
		}
}
.btn.disabled, .btn:disabled {
		color: var(--sec-dark);
		background: linear-gradient(178.71deg, #FBFBFC 17.86%, #F3F7FC 112.69%);
		border: 0.5px solid rgba(0, 0, 0, 0.07);
		box-shadow: inset 0px -0.5px 0px #BDCCE1;
		cursor: default;
		pointer-events: none;
}
@media only screen and (min-width: 768px) {
		.btn {
				border-radius: 4px;
				height: 60px;
		}
}
/*forms start*/
.main-input {
		position: relative;
}
input[type="password"] {
		padding-right: 70px;
}
.main-input.invalid input, .main-input.valid input {
		padding-right: 60px;
}
.main-input.invalid:after, .main-input.valid:after, .big-input.invalid:after, .big-input.valid:after, .big-input-clear {
		content: '';
		position: absolute;
		width: 24px;
		height: 24px;
		margin: -12px 0;
		pointer-events: none;
		top: 50%;
		right: 22px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
}
.main-input.invalid:after {
		background-image: url(/local/templates/o22/css/../img/input/invalid-mob.svg);
}
.main-input.valid:after {
		background-image: url(/local/templates/o22/css/../img/input/valid-mob.svg);
}
.big-input.invalid:after, .big-input.valid:after {
		right: 24px;
}
.big-input.invalid:after {
		background-image: url(/local/templates/o22/css/../img/input/invalid.svg);
}
.big-input.valid:after {
		background-image: url(/local/templates/o22/css/../img/input/valid.svg);
}
.invalid input, .invalid textarea, input.invalid, textarea.invalid, .invalid .jcf-select-text, select.invalid ~ .jcf-select-text > * {
		background: #FFFAFA;
		border-color: var(--danger);
		box-shadow: 0 0 0 0.5px var(--danger);
		color: #CF4655;
}
.valid input, .valid textarea, input.valid, textarea.valid, .valid .jcf-select-text, select.valid ~ .jcf-select-text > * {
		background: #F8FFFC;
		border-color: #66CB9F;
		box-shadow: 0 0 0 0.5px #66CB9F;
}
.big-input {
		position: relative;
}
.big-input input, .big-input textarea, .big-input select, .big-input .jcf-select-text > * {
		font-weight: 500;
		font-size: 15px;
		line-height: 30px;
		color: var(--grey900);
		letter-spacing: -0.01em;
		height: 80px;
		padding: 35px 80px 15px 24px;
		border-radius: 5px;
		box-shadow: none !important;
}
.big-input.without-label input, .big-input.without-label textarea, .big-input.without-label select, .big-input.without-label .jcf-select-text > * {
		padding-top: 25px;
		padding-bottom: 25px;
}
.big-input.without-label .big-input-label {
		display: none;
}
.big-input .jcf-select-text > * {
		font-size: 16px;
}
.big-input .jcf-select-opener {
		right: 24px;
}
.big-input input::-webkit-input-placeholder, .big-input textarea::-webkit-input-placeholder {
		color: var(--grey600);
		opacity: 1;
}
.big-input input::-moz-placeholder, .big-input textarea::-moz-placeholder {
		color: var(--grey600);
		opacity: 1;
}
.big-input input:-ms-input-placeholder, .big-input textarea:-ms-input-placeholder {
		color: var(--grey600);
		opacity: 1;
}
.big-input input:placeholder-shown, .big-input textarea:placeholder-shown, .big-input-label {
		color: var(--grey600);
		font-weight: 300;
		font-size: 14px;
		line-height: 30px;
		padding: 25px 80px 25px 24px;
		letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
		.big-input input:placeholder-shown, .big-input textarea:placeholder-shown, .big-input-label {
				padding-top: 13px;
				padding-bottom: 13px;
				height: 56px;
		}
}
.big-input:not(.without-label) input::-webkit-input-placeholder, .big-input:not(.without-label) textarea::-webkit-input-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input::-moz-placeholder, .big-input:not(.without-label) textarea::-moz-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input:-ms-input-placeholder, .big-input:not(.without-label) textarea:-ms-input-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input:focus::-webkit-input-placeholder, .big-input:not(.without-label) textarea:focus::-webkit-input-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input:focus::-moz-placeholder, .big-input:not(.without-label) textarea:focus::-moz-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) input:focus:-ms-input-placeholder, .big-input:not(.without-label) textarea:focus:-ms-input-placeholder {
		opacity: 0 !important;
}
.big-input:not(.without-label) .jcf-select-text > *.jcf-option-placeholder {
		color: transparent !important;
}
.big-input:not(.valid):not(.invalid) input:not(:placeholder-shown):focus, .big-input:not(.valid):not(.invalid) textarea:not(:placeholder-shown):focus {
		background-color: #FFFEFA;
}
.big-input .jcf-select.jcf-drop-active .jcf-select-text > * {
		box-shadow: none !important;
}
.big-input-clear {
		cursor: pointer;
		user-select: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
}
input:not(:placeholder-shown) ~ .big-input-clear {
		pointer-events: all;
		opacity: 1;
}
.big-input-clear svg {
		width: 100%;
		height: 100%;
		fill: var(--sec-dark);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.big-input-clear:hover svg {
				fill: var(--hover-dark);
		}
}
.big-input-label {
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		border-color: transparent;
		background-color: transparent;
		z-index: 3;
		white-space: nowrap;
		padding-right: 0 !important;
}
.big-input input:not(:placeholder-shown) ~ .big-input-label, .big-input textarea:not(:placeholder-shown) ~ .big-input-label, .big-input .jcf-select ~ .big-input-label {
		font-weight: 300;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: -0.01em;
		color: var(--grey800);
		height: auto;
		padding-top: 15px;
		padding-bottom: 0;
}
.big-input .jcf-drop-active ~ .big-input-label {
		z-index: 22;
}
.big-input textarea {
		height: auto;
		min-height: 111px; /*20.07.23*/
}
.big-input-autocomplete {
		margin: 7.5px 0 0 0;
		z-index: 30;
		background: var(--white);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 8px 16px rgba(20, 37, 63, 0.1);
		border-radius: 5px;
		max-height: 50vh;
		overflow: hidden;
		overflow: auto;
		padding: 12px;
}
.big-input-autocomplete > * {
		cursor: pointer;
		user-select: none;
		margin: 3px 0;
		text-decoration: none;
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		letter-spacing: -0.02em;
		text-transform: none;
		white-space: normal;
		padding: 9px 50px 9px 15px;
		background: var(--input-bg);
		border-radius: 4px;
		color: var(--grey800);
		background-repeat: no-repeat;
		background-position: calc(100% - 23px) 50%;
}
.big-input-autocomplete > *.selected {
		background-image: url(/local/templates/o22/css/../img/input/check-sm-dark.svg);
}
.big-input-autocomplete li:before {
		display: none;
}
.big-input-autocomplete strong {
		display: block;
		font-weight: 600;
		font-size: 15px;
		line-height: 15px;
		margin: 6px 0 5px 0;
}
.eye {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 70px;
		cursor: pointer;
		user-select: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
input:placeholder-shown ~ .eye {
		pointer-events: none;
		opacity: 0;
}
.eye svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		transition-property: opacity, fill;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		fill: var(--sec-dark);
}
@media (pointer:fine) {
		.eye:hover svg {
				fill: var(--orange);
		}
}
.eye svg:nth-child(2) {
		opacity: 0;
}
input[type="password"] ~ .eye svg:nth-child(1) {
		opacity: 0;
}
input[type="password"] ~ .eye svg:nth-child(2) {
		opacity: 1;
}
.main-checks {
		display: flex;
		flex-direction: column;
		gap: 20px;
		font: 300 12px/20px var(--fonti);
		letter-spacing: -0.01em;
		text-transform: none;
		white-space: normal;
		text-align: left;
		color: var(--grey800);
}
.main-checks > * {
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
		padding: 0 0 0 32px;
		cursor: pointer;
		user-select: none;
}
.main-checks .checkbox {
		position: absolute;
		top: 0;
		left: 0;
}
.main-checks input {
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(0);
		opacity: 0;
}
.checkbox {
		flex: 0 0 auto;
		width: 20px;
		height: 20px;
		display: block;
		position: relative;
		background: var(--input-bg);
		border: 0.5px solid var(--input-border);
		border-radius: 3px;
		transition-property: border, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.checkbox:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		background: url(/local/templates/o22/css/../img/input/checkbox.svg) no-repeat 50% 50%;
		background-size: 14px auto;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
input:focus ~ .checkbox {
		border-color: var(--hover-input);
		background-color: transparent;
}
@media (pointer:fine) {
		label:hover .checkbox, .checkbox:hover {
				border-color: var(--hover-input);
				background-color: transparent;
		}
}
input:checked ~ .checkbox {
		border-color: var(--yellow);
		background-color: var(--yellow);
}
input:checked ~ .checkbox:before {
		opacity: 1;
}
.check-trigger {
		width: 40px;
		height: 22px;
		border-radius: 11px;
		background: var(--grey300);
		border-style: solid;
		border-width: 1px;
		border-color: transparent;
		position: relative;
		transition-property: border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.check-trigger:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 16px;
		height: 16px;
		margin: 2px;
		background-color: var(--white);
		transform: translate3d(0, 0, 0);
		transition-property: transform, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		border-radius: 50%;
}
input:checked ~ .check-trigger {
		background-color: var(--yellow);
}
input:checked ~ .check-trigger:before {
		transform: translate3d(18px, 0, 0);
}
.input-info {
		font: 600 13px/28px var(--fontg);
		color: #90A0B5;
		margin: 18px 0 0 0;
		text-align: left;
		letter-spacing: normal;
		white-space: normal;
		text-transform: none;
}
.password-checker {
		display: flex;
		align-items: center;
		font: bold 14px/18px var(--fontg);
		letter-spacing: -0.01em;
		justify-content: space-between;
		letter-spacing: normal;
}
.password-checker .lines {
		flex: 0 0 auto;
		width: calc(100% - 150px);
		display: flex;
		align-items: center;
		gap: 8px;
}
.password-checker .lines > * {
		background: rgba(231, 241, 248, 0.6);
		height: 3px;
		border-radius: 1.5px;
		flex: 1;
}
.password-checker .text > *:last-child {
		color: var(--sec-dark);
}
.password-checker .text > *:not(:last-child) {
		display: none;
}
.password-checker.lvl1 .text > *:last-child, .password-checker.lvl2 .text > *:last-child, .password-checker.lvl3 .text > *:last-child, .password-checker.lvl4 .text > *:last-child {
		display: none;
}
.password-checker.lvl1 .lines > *:nth-child(1) {
		background: #F13E48;
}
.password-checker.lvl1 .text > *:nth-child(1) {
		display: block;
		color: #F13E48;
}
.password-checker.lvl2 .lines > *:nth-child(1), .password-checker.lvl2 .lines > *:nth-child(2) {
		background: var(--yellow);
}
.password-checker.lvl2 .text > *:nth-child(2) {
		display: block;
		color: var(--yellow);
}
.password-checker.lvl3 .lines > *:nth-child(1), .password-checker.lvl3 .lines > *:nth-child(2), .password-checker.lvl3 .lines > *:nth-child(3) {
		background: var(--green-dark);
}
.password-checker.lvl3 .text > *:nth-child(3) {
		display: block;
		color: var(--green-dark);
}
.password-checker.lvl4 .lines > *:nth-child(1), .password-checker.lvl4 .lines > *:nth-child(2), .password-checker.lvl4 .lines > *:nth-child(3), .password-checker.lvl4 .lines > *:nth-child(4) {
		background: var(--blue);
}
.password-checker.lvl4 .text > *:nth-child(4) {
		display: block;
		color: var(--blue);
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
}
.main-slider-arrow {
		cursor: pointer;
		z-index: 5;
		position: absolute;
		top: 50%;
		width: 60px;
		height: 60px;
		background: rgba(237, 242, 247, 0.25);
		border: 1px solid rgba(228, 236, 247, 0.75);
		-webkit-backdrop-filter: blur(3.5px);
		backdrop-filter: blur(3.5px);
		backface-visibility: hidden;
		border-radius: 5px;
		margin: -30px 0;
		display: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition-property: opacity, background, border, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 768px) {
		.main-slider-arrow {
				display: block;
		}
}
.main-slider-arrow.swiper-button-disabled {
		/* opacity: 0.5; */
		opacity: 0;
		cursor: default;
}
.main-slider-arrow svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		fill: var(--sec-dark);
}
@media (pointer:fine) {
		.main-slider-arrow:not(.swiper-button-disabled):hover {
				border-color: transparent;
				background: rgba(76, 93, 122, 0.9);
				box-shadow: 0px 5px 15px -3px rgba(122, 139, 162, 0.31);
		}
		.main-slider-arrow:not(.swiper-button-disabled):hover svg {
				fill: var(--white);
		}
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
}
.container {
		flex: 0 0 auto;
		padding: 0 17px;
		width: 100%;
		margin: 0 auto;
}
@media only screen and (min-width: 768px) {
		.container {
				padding-left: 32px;
				padding-right: 32px;
		}
}
@media only screen and (min-width: 1280px) {
		.container {
				padding-left: 40px;
				padding-right: 40px;
				max-width: 1760px;
		}
}
.content {
		flex: 1 0 auto;
		padding-bottom: 60px;
		order: 3;
}
@media only screen and (min-width: 768px) {
		.content {
				padding-bottom: 80px;
		}
}
@media only screen and (min-width: 1280px) {
		.content {
				padding-bottom: 120px;
		}
}
.head1, .header, .head-search-wrap, .catalog-menu-wrap {
		order: 1;
		flex: 0 0 auto;
}
.footer {
		flex: 0 0 auto;
		order: 4;
}
.tippy-box[data-theme='my'], .tippy-box[data-theme='my-small']  {
		background-color: var(--tippy-box);
		color: var(--white);
		font: 500 13px/24px var(--fonti);
		letter-spacing: -0.01em;
		padding: 0;
}


.tippy-box[data-theme='my-small'] {
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}
.tippy-box[data-theme='my-small'] .tippy-content {
	padding: 10px 19px;
}

.tippy-box[data-theme='my'] .tippy-content {
		padding: 10px 16px 11px 16px;
}
.tippy-box[data-theme='my'][data-placement^='top'] > .tippy-arrow::before, .tippy-box[data-theme='my-small'][data-placement^='top'] > .tippy-arrow::before  {
		border-top-color: var(--tippy-box);
}
.tippy-box[data-theme='my'][data-placement^='bottom'] > .tippy-arrow::before, .tippy-box[data-theme='my-small'][data-placement^='bottom'] > .tippy-arrow::before  {
		border-bottom-color: var(--tippy-box);
}
.tippy-box[data-theme='my'][data-placement^='left'] > .tippy-arrow::before, .tippy-box[data-theme='my-small'][data-placement^='left'] > .tippy-arrow::before {
		border-left-color: var(--tippy-box);
}
.tippy-box[data-theme='my'][data-placement^='right'] > .tippy-arrow::before, .tippy-box[data-theme='my-small'][data-placement^='right'] > .tippy-arrow::before {
		border-right-color: var(--tippy-box);
}


.tippy-box[data-theme='popup'], .tippy-box[data-theme='map-popup'] {
		background: var(--white);
		box-shadow: -5px 0px 25px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		font: 600 16px/20px var(--fonti);
		color: var(--grey900);
		padding: 0;
}

.tippy-box[data-theme='map-popup'] {
		box-shadow: 0px 30px 80px 0px #0942991F, 0px 0px 2px 0px #26498D24;
}
.tippy-box[data-theme='map-popup'] {
		width: calc(100vw - 40px);
		max-width: 1236px;
}
.tippy-box[data-theme='popup'] .tippy-content {
		padding: 15px;
}
.tippy-box[data-theme='map-popup'] .tippy-content {
		padding: 10px;
}
.tippy-box[data-theme='popup'][data-placement^='top'] > .tippy-arrow::before, .tippy-box[data-theme='map-popup'][data-placement^='top'] > .tippy-arrow::before {
		border-top-color: var(--white);
}
.tippy-box[data-theme='popup'][data-placement^='bottom'] > .tippy-arrow::before, .tippy-box[data-theme='map-popup'][data-placement^='bottom'] > .tippy-arrow::before {
		border-bottom-color: var(--white);
}
.tippy-box[data-theme='popup'][data-placement^='left'] > .tippy-arrow::before, .tippy-box[data-theme='map-popup'][data-placement^='left'] > .tippy-arrow::before {
		border-left-color: var(--white);
}
.tippy-box[data-theme='popup'][data-placement^='right'] > .tippy-arrow::before, .tippy-box[data-theme='map-popup'][data-placement^='right'] > .tippy-arrow::before {
		border-right-color: var(--white);
}
.main-title .container {
		display: flex;
		flex-direction: column;
		gap: 0 24px;
}
.cookies{
	height: 0;
	position: sticky;
	position: -webkit-sticky;
    top: calc(100% - 56px);
    left: 16px;
	z-index: 20;
    display: flex;
	align-items: center;
	align-self: flex-start;
    gap: 30px;
    padding: 0 12px;
	color: var(--grey500);
}
.cookies:before {
    content: '';
    height: 80px;
    width: 100%;
    position: absolute;
	-webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    background: rgba(36, 36, 36, .95);
    border-radius: 8px;
    z-index: -1;
    left: 0;
}
.cookies .btn{
	flex-shrink: 0;
	background-color: #f1f1f5;
    border: 2px solid #f1f1f5;
    color: #242424;
    border-radius: 12px;
	height: 35px;
    padding: 5px 20px 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.cookies .cookies__link{
	font-weight: 500;
	color: #fff;
    border-bottom: 1px solid;
    border-color: initial;
    font-size: 14px;
    line-height: 22px;
}
.cookies .cookies__text{
	margin: 12px 0;
	color: #fff;
    font-size: 14px;
    line-height: 20px;
}
/* touch mobile */
@media (hover: none) and (pointer: coarse) {
    .tippy-box[data-theme='popup'] {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.tippy-box[data-theme='popup'] {
		display: none;
	}
	.cookies{
		width: calc(100% - 32px);
		top: calc(100% - 213px);
		gap: 8px;
		flex-direction: column;
        align-items: flex-start;
	}
	.cookies:before{
		height: 112px;
	}
	.cookies .cookies__text{
		margin-bottom: 0;
	}
	.cookies .cookies__text br {
        display: none;
    }
}
@media only screen and (max-width: 498px) {
	.cookies {
		top: calc(100% - 233px);
    }
	.cookies:before {
        height: 133px;
    }
}
@media only screen and (min-width: 768px) {
	.cookies{
		top: calc(100% - 56px);
	}
		.main-title.with-border .container {
				padding-bottom: 26px;
				position: relative;
		}
		.main-title.with-border .container:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 1px;
				background: #DAE5F3;
				margin: 0 17px;
		}
		.main-title.with-border .container:after {
				margin: 0 32px;
		}
}
@media only screen and (min-width: 1280px) {
		.main-title.with-border .container:after {
				margin: 0 40px;
		}
}
.main-title h1, .main-title .h1 {
		flex: 0 0 auto;
		max-width: 100%;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
}
.main-title .text {
		flex: 1 1 auto;
		max-width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 4px 24px;
}
.main-title .num, .content-title .num, .content-title .page {
		font: 600 14px/18px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--sec-dark);
}
.content-title .date {
		font: bold 16px/20px var(--fontg);
		color: var(--sec-dark);
		letter-spacing: 0.01em;
		margin: 4px 0 0 0;
}
.main-title .clear {
		margin: -1px 0;
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: 0 15px;
		text-decoration: none;
		cursor: pointer;
		user-select: none;
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.02em;
		color: var(--grey500);
		margin-left: auto;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-title .clear svg {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: -2px;
}
@media (pointer:fine) {
		.main-title .clear:hover {
				color: var(--hover-dark);
		}
		.main-title .clear:hover svg {
				fill: var(--hover-dark);
		}
}
@media only screen and (min-width: 768px) {
		.main-title {
				margin-top: 0;
				margin-bottom: 50px;
		}
		.main-title .container {
				flex-direction: row;
				align-items: center;
				flex-wrap: wrap;
		}
		.main-title .text {
				margin-top: 4px;
		}
		.main-title .num, .content-title .num, .content-title .page {
				font-weight: bold;
				font-size: 16px;
				line-height: 20px;
				letter-spacing: 0.01em;
		}
		.main-title .clear {
				font-size: 15px;
				line-height: 21px;
		}
}
.status {
		flex: 0 0 auto;
		width: 6px;
		height: 6px;
		border-radius: 50%;
}
.status.green {
		background: var(--green);
}
.status.yellow {
		background: var(--yellow);
}
.status.red {
		background: var(--red);
}
.status.grey {
		background: rgba(166, 183, 212, 0.15);
}
.content-title, .section-description h2:first-of-type {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 60px;
		gap: 4px 20px;
		padding: 2px 0 2px 14px;
		position: relative;
		margin: 0 0 30px -17px;
		border-left: 3px solid var(--yellow);
		text-align: left;
}
.portfolio-title {
	margin-top: 40px;
}
.nav-back {
	margin-top: 95px;
}
.content-title .in {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 4px 16px;
}
.content-title .big, .section-description h2:first-of-type {
		font: 900 24px/24px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey800);
		margin-right: auto;
}
.content-title .page {
		font-weight: 600 !important;
		color: var(--darker);
}
.content-title .num {
		position: relative;
}
.content-title .all {
		flex: 0 0 auto;
		font-weight: 500;
		font-size: 13px;
		line-height: 24px;
		display: flex;
		align-items: center;
		gap: 8px;
		color: var(--blue);
		text-decoration: none;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
}
.content-title .all svg {
		flex: 0 0 auto;
		fill: var(--blue);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section-description{
	font-weight: 300;
    letter-spacing: 0.01em;
    color: var(--grey900);
	font-size: 15px;
	line-height: 35px;
	padding-left: 40px;
}
.section-description h2:first-of-type {
	margin: 45px 0 30px -40px;
}
.section-description hr {
	margin-top: 30px;
    opacity: 0;
}
.section-description ul > li {
	position: relative;
    margin: 0;
    padding: 0 0 0 2em;
}
.section-description ul > li p {
    margin: 0;
}
.section-description ul > li:before {
    content: '•';
    width: 2em;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.section-description ol > li:before {
	position: absolute;
}
.section-description h3,
.section-description h2,
.section-description li h3 a,
.section-description li p span a{
	font: bold 17px / 2 var(--fonti);
    margin: 0;
    padding: 0;
    border: none;
    min-height: auto;
	color: var(--grey700);
}
video::-webkit-media-controls-fullscreen-button{
	display: none !important;
}
@media (pointer:fine) {
		.content-title .all:hover {
				color: var(--hover);
		}
		.content-title .all:hover svg {
				fill: var(--hover);
		}
}
@media only screen and (max-width: 768px) {
	.section-description{
		padding: 0 10px;
	}
	.section-description h2:first-of-type {
		margin: 0 0 30px -27px;
	}
}
@media only screen and (min-width: 768px) {
		.content-title, .section-description h2:first-of-type{
				margin: 0 0 40px 0;
				padding: 7px 0 7px 30px;
				gap: 5px;
		}
		.portfolio-title {
			margin: 40px 0;
		}
		.section-description h2:first-of-type {
			margin: 45px 0 30px -40px;
		}
		.content-title .in {
				gap: 40px;
				justify-content: flex-start;
		}
		.content-title .big, .section-description h2:first-of-type {
				font-size: 24px;
				line-height: 40px;
				color: var(--grey700);
				margin-right: 0;
		}
		.content-title .num, .content-title .all, .content-title .page {
				top: 2px;
		}
		.content-title .date {
				font-size: 20px;
		}
		.content-title .page {
				margin-left: auto;
		}
		.content-title .page {
				font-size: 18px;
				letter-spacing: -0.02em;
		}
		.content-title .all {
				font-weight: 600;
				font-size: 16px;
				line-height: 25px;
				font-family: var(--fontg);
				gap: 9px;
				min-width: 0;
		}
}
@media only screen and (min-width: 1280px) {
		.content-title {
			margin-bottom: 50px;
		}
		.content-title, .section-description h2:first-of-type {
				gap: 0;
				padding: 10px 0 10px 30px;
		}
		.content-title .in {
				gap: 50px;
		}
		.content-title .big, .section-description h2:first-of-type {
				font-size: 36px;
				line-height: 40px;
		}
}
.link-to-fav, .link-delete-fav {
		display: block;
		position: relative;
		cursor: pointer;
		user-select: none;
}
.link-to-fav:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 24px;
		height: 24px;
		background: url(/local/templates/o22/css/../img/to-fav-hover.svg) no-repeat 50% 50%;
		background-size: contain;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-to-fav svg, .link-delete-fav svg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 24px;
		transform: translate3d(-50%, -50%, 0);
		transition-property: fill, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-delete-fav svg {
		width: 18px;
		height: 18px;
}
.link-to-fav svg {
		fill: var(--sec-default);
}
.link-to-fav.active svg {
		fill: var(--yellow);
}
@media (pointer:fine) {
		.link-to-fav:not(.active):hover svg {
				opacity: 0;
		}
		.link-to-fav:not(.active):hover:after {
				opacity: 1;
		}
		.link-delete-fav:hover svg {
				fill: #F68E87 !important;
		}
}
.cover-badges {
		text-align: center;
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: 5;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
}
.cover-badges > * {
		height: 32px;
		line-height: 32px;
		white-space: nowrap;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		letter-spacing: normal;
		text-align: left;
		border-radius: 16px;
		backface-visibility: hidden;
		transform: translateZ(0);
		display: block;
		position: relative;
		color: var(--white);
		background-repeat: no-repeat;
		background-position: 0 50%;
		background-size: auto 32px;
		padding: 0 12px 0 34px;
		background-position: 3px 0, 0 0;
}
.cover-badges .bg-recommend {
		background-image: url("/local/templates/o22/css/../img/cover-badges/recommend.svg"), linear-gradient(220.34deg, rgba(60, 208, 255, 0.85) 5.74%, rgba(10, 220, 131, 0.85) 90.68%);
		box-shadow: 0px 7px 15px 3px rgba(13, 169, 118, 0.15);
}
.cover-badges .bg-action {
		background-image: url("/local/templates/o22/css/../img/cover-badges/action.svg"), linear-gradient(222.58deg, rgba(255, 201, 96, 0.85) 6.09%, rgba(255, 89, 92, 0.85) 95%);
		box-shadow: 0px 7px 15px 3px rgba(233, 114, 41, 0.15);
}
.cover-badges .bg-discount {
		background-image: url("/local/templates/o22/css/../img/cover-badges/discount.svg"), linear-gradient(224.14deg, rgba(24, 87, 146, 0.85) 13.34%, rgba(14, 43, 94, 0.85) 92.39%);
		box-shadow: 0px 7px 15px 3px rgba(20, 55, 105, 0.15);
}
.link-up {
		position: fixed;
		z-index: 99;
		bottom: 0;
		right: 0;
		width: 72px;
		height: 70px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: rgba(3, 3, 60, 0.6);
		box-shadow: 0px 0px 0.5px 0px rgba(0, 0, 0, 1), 0px 20px 20px -2px rgba(12, 12, 80, 0.25);
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
		border-radius: 5px;
		cursor: pointer;
		user-select: none;
		transition-property: opacity, background, box-shadow, border;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link-up svg {
		height: 37.14%;
		width: auto;
		flex: 0 0 auto;
		fill: var(--sec-default);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.link-up:hover {
				background: rgba(3, 3, 60, 0.8);
		}
		.link-up:hover svg {
				fill: var(--yellow);
		}
}
html:not(.scrolled) .link-up {
		pointer-events: none;
		opacity: 0;
}
@media only screen and (max-width: 767px) {
		.link-up {
				margin: 110px 17px;
				width: 50px;
				height: 50px;
		}
}
@media only screen and (min-width: 768px) {
		.link-up {
				margin: 32px;
		}
}
@media only screen and (min-width: 1280px) {
		.link-up {
				margin: 40px;
		}
}
.cover-link-chat, .cover-popup-chat {
		position: fixed;
		bottom: 150px;
		right: 0;
		margin: 17px;
		transform: translate3d(0, 0, 0);
		z-index: 99;
}
.cover-link-chat {
		transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		width: 52px;
		height: 52px;
		border-radius: 50%;
		cursor: pointer;
		user-select: none;
}
html:not(.scrolled) .cover-link-chat, html:not(.scrolled) .cover-popup-chat {
		transform: translate3d(0, 150px, 0);
}
@media only screen and (max-width: 767px) {
		.cover-link-chat, .cover-popup-chat {
				bottom: 110px;
				margin-bottom: 77px;
				margin-right: 23px;
		}
		.cover-popup-chat {
				margin-bottom: 142px;
		}
		.cover-link-chat {
				width: 44px;
				height: 44px;
		}
		html:not(.scrolled) .cover-link-chat, html:not(.scrolled) .cover-popup-chat {
				transform: translate3d(0, 74px, 0);
		}
}
@media only screen and (min-width: 768px) {
		.cover-link-chat {
				margin: 32px 42px;
		}
		.cover-popup-chat {
				margin: 125px 30px;
		}
}
@media only screen and (min-width: 1280px) {
		.cover-link-chat {
				margin: 40px 50px;
		}
		.cover-popup-chat {
				margin: 133px 40px;
		}
}
.cover-link-chat * {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		transition-property: opacity, background, box-shadow, filter;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cover-link-chat .glow1 {
		display: none !important;
}
.cover-link-chat .glow2 {
		pointer-events: none;
		background: rgba(29, 161, 242, 0.2);
		box-shadow: 0px 0px 30px 0px rgba(16, 181, 252, 0.15);
		margin: -46%;
}
.cover-link-chat .glow3 {
		pointer-events: none;
		background: rgba(29, 161, 242, 0.15);
		margin: -23%;
}
.cover-link-chat .bg {
		background: #69829A;
		box-shadow: 0px 0px 3px -1px rgba(22, 8, 0, 0.65);
}
.cover-link-chat .bg:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		background: linear-gradient(223.15deg, #FFE26A 12.49%, #FFA800 74.11%);
		box-shadow: 0px 25px 35px -10px rgba(250, 196, 5, 1) inset;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cover-link-chat .pic {
		background: url(/local/templates/o22/css/../img/cover-chat.svg) no-repeat 50% 50%;
		background-size: 46.15% auto;
		filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
		cursor: pointer;
		user-select: none;
		transform: translate3d(0, -2%, 0);
}
.cover-link-chat:before, .cover-link-chat:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 19px;
		height: 1.5px;
		border-radius: 2px;
		background: var(--white);
		z-index: 3;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cover-link-chat:before {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.cover-link-chat:after {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (pointer:fine) {
		.cover-link-chat:hover .glow1, .cover-link-chat:hover .glow2, .cover-link-chat:hover .glow3 {
				opacity: 0.75;
		}
}
.cover-link-chat.active .bg {
		box-shadow: none;
}
.cover-link-chat.active .bg:before, .cover-link-chat.active .pic {
		opacity: 0;
}
.cover-link-chat.active:before, .cover-link-chat.active:after {
		opacity: 1;
}
.cover-link-chat.active .glow1 {
		opacity: 0;
}
.cover-popup-chat {
		--side: 30px;
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		width: calc(100% - 40px);
		max-width: 374px;
		background: var(--white);
		box-shadow: 0px 0px 50px 0px rgba(5, 21, 46, 0.26), 0px 0px 1px 0px rgba(12, 26, 75, 0.1);
		border-radius: 12px;
		z-index: 300;
}
.cover-link-chat:not(.active) ~ .cover-popup-chat {
		opacity: 0;
		pointer-events: none;
}
@media only screen and (max-height: 500px) {
		@media only screen and (max-width: 767px) {
				.cover-popup-chat {
						margin-bottom: -10px !important;
						right: 30px !important;
						width: calc(100% - 60px) !important;
						--side: 20px;
				}
		}
		@media only screen and (min-width: 768px) {
				.cover-popup-chat {
						margin-bottom: 15px !important;
						right: 80px !important;
				}
		}
}
.cover-popup-chat .head {
		color: var(--grey200);
		font: 500 14px/20px var(--fonti);
		letter-spacing: -0.01em;
		background-image: linear-gradient(to bottom, rgba(15, 47, 101, 0.7) 0%, rgba(15, 47, 101, 0.7) 100%), url("/local/templates/o22/css/../img/cover-popup-chat-head.webp");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		padding: 32px var(--side) 29px var(--side);
		border-radius: 12px 12px 0 0;
}
.cover-popup-chat .head .big {
		font: 800 24px/1 var(--fontg);
		margin: 0 0 10px 0;
		letter-spacing: -0.02em;
}
.cover-popup-chat ul, .cover-popup-chat li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.cover-popup-chat li:before {
		display: none;
}
.cover-popup-chat li > * {
		display: flex;
		align-items: center;
		gap: 20px;
		text-decoration: none;
		position: relative;
		font: 500 18px/1 var(--fonti);
		letter-spacing: normal;
		color: var(--grey600);
		padding: 18px var(--side);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cover-popup-chat li:last-child > * {
		padding-bottom: 30px;
}
@media (pointer:fine) {
		.cover-popup-chat li > a:hover {
				color: var(--hover-dark);
		}
}
.cover-popup-chat li:not(:first-child) {
		border-top: 0.5px solid var(--sec-dark);
}
.cover-popup-chat li > * img {
		flex: 0 0 auto;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
}
.cover-popup-chat .arrow {
		flex: 0 0 auto;
		position: relative;
		margin-left: auto;
		background: var(--sec-default);
		border-radius: 50%;
		width: 32px;
		height: 32px;
}
.cover-popup-chat .arrow:before, .cover-popup-chat .arrow:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		background: var(--deep-blue);
		width: 9px;
		height: 1px;
		border-radius: 1px;
		transform-origin: 100% 50%;
}
.cover-popup-chat .arrow:before {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.cover-popup-chat .arrow:after {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.load-more {
		flex: 1 0 auto;
		width: 100%;
		max-width: 310px;
		margin: 0 auto;
		cursor: pointer;
		user-select: none;
		background: rgba(235, 242, 250, 0.24);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		text-decoration: none;
		font-weight: 300;
		font-size: 13px;
		line-height: 24px;
		letter-spacing: -0.01em;
		color: var(--blue);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
		.load-more {
				display: none;
		}
}
.load-more .plus {
		flex: 0 0 auto;
		width: 80px;
		height: 80px;
		border: 1px dashed var(--blue);
		border-radius: 8px;
		position: relative;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: 0 auto 50px auto;
}
.load-more .plus:before, .load-more .plus:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 24px;
		height: 2px;
		border-radius: 1px;
		background: var(--blue);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.load-more .plus:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.load-more .line {
		flex: 0 0 auto;
		width: 25px;
		height: 2px;
		border-radius: 1px;
		background: var(--grey400);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: 0 auto 16px auto;
}
@media (pointer:fine) {
		.load-more:hover {
				color: var(--hover);
		}
		.load-more:hover .plus {
				border-color: var(--hover);
		}
		.load-more:hover .plus:before, .load-more:hover .plus:after {
				background: var(--hover);
		}
		.load-more:hover .line {
				background: var(--yellow);
		}
}
@media only screen and (min-width: 768px) {
		.load-more {
				background: rgba(235, 242, 250, 0.15);
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1);
				font-size: 18px;
		}
		.load-more .line {
				margin-bottom: 25px;
		}
		.load-more .plus {
				width: 99px;
				height: 99px;
				margin: 0 0 50px 0;
		}
		.load-more .plus:before, .load-more .plus:after {
				width: 32px;
		}
}
.btn-show-more, .btn-show-more + .btn {
		font-family: var(--fontg);
		width: 100%;
		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
}
.btn-show-more {
		margin-top: 40px;
}
.btn-show-more + .btn {
		margin-top: 15px;
}
@media only screen and (max-width: 767px) {
		.btn-show-more, .btn-show-more + .btn {
				font: normal 14px/16px var(--fonti);
				letter-spacing: -0.03em;
		}
		.btn-show-more {
				background: linear-gradient(180deg, #FFFFFF 23.96%, #EFF4F9 89.37%);
				border: 0.5px solid rgba(141, 160, 193, 0.25);
				box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
				color: var(--deep-blue);
				gap: 15px;
		}
		.btn-show-more svg {
				fill: var(--deep-blue);
		}
		@media (pointer:fine) {
				.btn-show-more:hover {
						color: var(--blue);
						border-color: var(--blue);
						background-color: transparent;
				}
				.btn-show-more:hover svg {
						fill: var(--blue);
				}
		}
}
@media only screen and (min-width: 768px) {
		.btn-show-more svg {
				display: none;
		}
}
@media only screen and (min-width: 1280px) {
		.btn-show-more {
				margin-top: 60px;
		}
}
.tags {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		/* flex-wrap: wrap; */
		flex-wrap: nowrap;
		gap: 5px;
}
.tags > * {
		flex: 0 0 auto;
		max-width: 100%;

    	white-space: nowrap;

		text-align: center;
		text-decoration: none;
		font-weight: normal;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: -0.01em;
		color: var(--tag-color);
		background-color: var(--tag-bg);
		border-radius: 3px;
		/* padding: 7px 16px; */
		padding: 7px 13px;
}
.tags > .bg-green {
		background-color: var(--tag-bg-green);
}
.tags > .bg-yellow {
		background-color: var(--tag-bg-yellow);
}
.tags > .bg-red {
		background-color: #FFF1F1;
}
.loader {
		fill: none !important;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 2;
		width: 32px;
		height: 32px;
		animation: loader 1s linear infinite;
		backface-visibility: hidden;
		will-change: transform;
}
@-webkit-keyframes loader {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(360deg);
		}
}
@keyframes loader {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(360deg);
		}
}
/* End */


/* Start:/local/templates/o22/css/header.css?173430008840544*/
@charset "UTF-8";
.head1 {
		display: none;
}
.header-panel {
		position: relative;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 0, 0);
		z-index: 100;
}
html:not(.page-product) .header-panel {
		position: sticky;
		top: 0;
		bottom: auto;
}
html:not(.page-product):not(.open-search):not(.open-menu).hide-header .header-panel {
		transform: translate3d(0, -100%, 0);
}
/*html.open-menu, html.open-menu body {margin: 0; height: 100%; overflow: hidden}*/
.header {
		position: relative;
		width: 100%;
		z-index: 100;
}
.header:before {
		content: '';
		background: var(--white);
		box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.1);
		transform: translate3d(0, 0, 0);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		transition-property: height, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header .container {
		padding: 0 8px;
		display: flex;
		align-items: center;
		position: relative;
}
.head-wrap, .head-link {
		flex: 0 0 auto;
}
.head-popup {
		display: none;
		visibility: hidden;
}
.head-link {
		display: block;
		user-select: none;
		width: 56px;
		height: 68px;
		position: relative;
		text-decoration: none;
		text-align: left;
		text-indent: -100vw;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-link svg, .head-link.bg-logined:after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: 24px;
		transform: translate3d(-50%, 0, 0);
		margin: -12px 0;
		fill: var(--grey800);
		transition-property: fill, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-link .pic-desktop, .head-link .close-desktop {
		display: none;
}
.head-link .close {
		opacity: 0;
		fill: var(--darker);
}
.head-link.bg-menu, .head-link.bg-search {
		cursor: pointer;
}
@media only screen and (max-width: 767px) {
		.head-link.bg-personal, .head-link.bg-logined {
				display: none;
		}
}
html.open-menu .head-link.bg-menu svg:not(.close) {
		opacity: 0;
}
html.open-menu .head-link.bg-menu svg.close {
		opacity: 1;
}
@media only screen and (max-width: 767px) {
		html.open-search .head-link.bg-search svg:not(.close) {
				opacity: 0;
		}
		html.open-search .head-link.bg-search svg.close {
				opacity: 1;
		}
		.head-link.bg-back + .head-link.bg-menu {
				display: none;
		}
		.head-wrap.wrap-fav, .head-wrap.wrap-cart {
				display: none;
		}
}
.head-link.bg-back .text {
		display: none;
}
.head-link .dot {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 8px;
		height: 8px;
		background: var(--orange);
		border-radius: 50%;
		box-shadow: 0 0 0 2px var(--white);
		margin: -16px 8px;
		text-align: left;
		text-indent: -100vw;
		overflow: hidden;
		z-index: 2;
}
.head-popup {
		display: none;
		position: absolute;
		top: 100%;
		right: 10px;
		width: 760px;
		background: var(--white);
		border: 0.5px solid #E7E7EC;
		box-shadow: 0px 0.5px 1px rgba(12, 26, 75, 0.1), 0px 25px 45px rgba(20, 37, 63, 0.08);
		border-radius: 7px;
		margin: -14px 0;
		z-index: 115;
		transform: translate3d(0, 10px, 0);
		opacity: 0;
		pointer-events: none;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transition-delay: 0s;
}
.head-popup .popup-arr {
		position: absolute;
		bottom: 100%;
		width: 11px;
		height: 6px;
		overflow: hidden;
		transform: translate3d(50%, 0, 0);
}
.wrap-cart .head-popup .popup-arr {
		right: 44px;
}
@media only screen and (min-width: 1280px) {
		.wrap-cart .head-popup .popup-arr {
				right: 77px;
		}
}
.head-popup .popup-arr:before {
		content: '';
		position: absolute;
		top: 0;
		right: 50%;
		transform-origin: 100% 0;
		border-radius: 0.5px;
		background: var(--white);
		border: 0.5px solid #E7E7EC;
		width: 13px;
		height: 13px;
		transform: rotate(-45deg);
}
@media (pointer:fine) {
		html:not(.hide-header) .head-wrap:hover .head-popup {
				transform: translate3d(0, 0, 0);
				opacity: 1;
				pointer-events: all;
				transition-delay: 0.5s;
		}
}
.head-wrap.wrap-fav .head-popup {
		display: none;
}
.head-wrap.wrap-cart .head-popup {
		width: 400px;
}
.head-popup-title {
		position: sticky;
		top: 0;
		z-index: 5;
		background: var(--white);
		padding: 30px 43px 25px 40px;
		border-bottom: 0.5px solid #E1EAEF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
}
.head-popup-title .label {
		font: 900 24px/40px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--title);
}
.head-popup-title .clear {
		cursor: pointer;
		user-select: none;
		flex: 0 0 auto;
		font-weight: normal;
		font-size: 15px;
		line-height: 21px;
		gap: 12px;
		display: flex;
		align-items: center;
		letter-spacing: -0.02em;
		color: var(--grey500);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none;
}
.head-popup-title .clear svg {
		flex: 0 0 auto;
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.head-popup-title .clear:hover {
				color: var(--orange);
		}
		.head-popup-title .clear:hover svg {
				fill: var(--orange);
		}
}
.head-popup-scroll {
		overflow: hidden;
		overflow-y: auto;
		max-height: calc(70vh - 200px);
}
.head-popup-total {
		position: sticky;
		bottom: 0;
		z-index: 5;
		background: var(--white);
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		font: bold 12px/16px var(--fontg);
		letter-spacing: 0.025em;
		text-transform: uppercase;
		color: var(--grey500);
		margin: 0 20px;
		padding: 25px 5px 33px 5px;
		border-top: 0.5px solid #E1EAEF;
}
.head-popup-total strong {
		display: block;
		color: var(--grey900);
		font-weight: bold;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: normal;
		margin-top: 2px;
}
.head-popup-total .btn {
		font-weight: bold;
		height: 50px;
		font-size: 14px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		padding: 0 25px;
}
.head-cart-item {
		display: flex;
		align-items: center;
		border-style: solid;
		border-width: 0;
		border-color: #DAE5F3;
		text-align: left;
		text-decoration: none;
		text-transform: none;
		font: normal 12px/16px var(--fonti);
		letter-spacing: -0.015em;
		color: var(--grey800);
		padding: 12px 0 15px 0;
		position: relative;
		gap: 10px;
		margin: 0 20px;
}
.head-cart-item:first-child {
		margin-top: 20px;
}
.head-cart-item:not(:first-child) {
		border-top-width: 0.5px;
}
.head-cart-item .photo {
		position: relative;
		flex: 0 0 auto;
		width: 100px;
		min-height: 80px;
		max-height: 100px;
		align-self: stretch;
		margin: auto 0;
}
.head-cart-item .photo img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.head-cart-item .photo .num {
		position: absolute;
		top: -13px;
		left: -8px;
		text-align: center;
		min-width: 48px;
		border-radius: 18px;
		border: 3px solid var(--white);
		color: var(--white);
		padding: 0 10px;
		font: bold 15px/30px var(--fontg);
		letter-spacing: -0.03em;
		background: var(--orange);
		box-shadow: 0px 3px 8px rgba(255, 67, 0, 0.2);
}
.head-cart-item .photo .num:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -1px;
		background: url(/local/templates/o22/css/../img/cross-mini.svg) no-repeat 50% 50%;
		width: 7px;
		height: 7px;
		background-size: contain;
		margin: 0 2px 0 0;
}
.head-cart-item a {
		color: inherit;
}
.head-cart-item .info a {
		color: var(--blue);
}
@media (pointer:fine) {
		.head-cart-item a:hover {
				color: var(--blue);
		}
		.head-cart-item .info a:hover {
				color: var(--hover);
		}
}
.head-cart-item .text {
		flex: 0 0 auto;
		width: calc(100% - 110px);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 9px;
}
.head-cart-item .name {
		flex: 0 0 auto;
		width: 100%;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 500;
}
.head-cart-item .price {
		flex: 0 0 auto;
		text-align: right;
		font: 600 13px/18px var(--fontg);
		color: var(--grey900);
		letter-spacing: 0.01em;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 5px;
}
.head-cart-item .price > * {
		flex: 0 0 auto;
}
.head-cart-item .price .cross {
		width: 10px;
		height: 10px;
		position: relative;
		color: transparent;
		overflow: hidden;
		transform: rotate(45deg);
		margin: 0 2px;
}
.head-cart-item .price .cross:before, .head-cart-item .price .cross:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 100%;
		height: 1px;
		border-radius: 0.5px;
		background: var(--sec-dark);
}
.head-cart-item .price .cross:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.head-cart-item .price .red {
		color: var(--pink);
}
.head-cart-item .price .status {
		margin-right: 5px;
}
.head-cart-item .delete {
		flex: 0 0 auto;
		cursor: pointer;
		user-select: none;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		position: absolute;
		bottom: 15px;
		right: 5px;
		z-index: 2;
		transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-cart-item .delete:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		background: var(--sec-dark);
		opacity: 0.15;
		transition-property: opacity, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-cart-item .delete svg {
		flex: 0 0 auto;
		width: 16px;
		height: 16px;
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
}
@media (pointer:fine) {
		.head-cart-item .delete:hover {
				box-shadow: 0px 0px 15px 3px #F20E0E26;
		}
		.head-cart-item .delete:hover:before {
				opacity: 0.8;
				background-color: var(--danger);
		}
		.head-cart-item .delete:hover svg {
				fill: var(--white);
		}
}
.head-cart-item .color {
		display: flex;
		align-items: center;
		font-weight: normal;
		font-size: 12px;
		line-height: 18px;
		color: var(--grey600);
		gap: 10px;
}
.head-cart-item .color .rounded {
		flex: 0 0 auto;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		width: 18px;
		height: 18px;
}
.head-fav {
		display: flex;
		flex-wrap: wrap;
		margin: 15px 30px 30px 30px;
}
.head-fav .el {
		flex: 0 0 auto;
		width: 50%;
		border-style: solid;
		border-width: 0 0 0.5px 0;
		border-color: #E1EAEF;
		text-decoration: none;
		transition-property: color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		text-align: left;
		font-weight: normal;
		font-size: 15px;
		line-height: 22px;
		color: var(--grey600);
		display: flex;
		align-items: center;
		gap: 20px;
		padding: 20px;
}
@media (pointer:fine) {
		.head-fav .el:hover {
				color: var(--blue);
		}
}
.head-fav .el:not(:nth-child(odd)) {
		border-left-width: 0.5px;
		padding-left: 50px;
}
.head-fav .photo {
		flex: 0 0 auto;
		margin: 0 0 0 -10px;
		width: 101px;
		height: 80px;
}
.head-fav .photo img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.head-fav .price {
		display: flex;
		align-items: center;
		gap: 5px;
		font: 600 16px/25px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey500);
		margin: 10px 0 0 0;
}
.head-fav .price strong {
		white-space: nowrap;
		font-weight: inherit;
		color: var(--grey800);
}
.head-fav .price .red {
		color: var(--pink);
}
.head-fav .price .status {
		margin-right: 5px;
}
.head-fav .more {
		background: rgba(235, 242, 250, 0.15);
		padding: 20px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
}
.head-fav .more > * {
		flex: 0 0 auto;
		width: 60px;
		height: 60px;
		border: 1px dashed var(--sec-dark);
		border-radius: 50%;
		position: relative;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-fav .more > *:before, .head-fav .more > *:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 17px;
		height: 1.5px;
		border-radius: 0.75px;
		background: var(--sec-dark);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-fav .more > *:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
@media (pointer:fine) {
		.head-fav .more:hover {
				background: transparent;
		}
		.head-fav .more:hover > * {
				border-color: var(--blue);
		}
		.head-fav .more:hover > *:before, .head-fav .more:hover > *:after {
				background: var(--blue);
		}
}
.header .logo {
		text-align: left;
		text-indent: -100vw;
		overflow: hidden;
		flex: 0 0 auto;
		margin: 0 auto;
		width: 120px;
		height: 26px;
		background: url(/local/templates/o22/css/../img/logo/mobile.svg) no-repeat 50% 50%;
		background-size: contain;
		position: relative;
		top: 2px;
}
.head-search {
		position: fixed;
		z-index: 90;
		top: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		padding: 97px 24px 0 24px;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-search-input {
		position: relative;
}
.head-search-input .btn {
		display: none;
}
.head-search-fader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 89;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, 0, 0);
}
html:not(.open-search) .head-search {
		pointer-events: none;
		opacity: 0;
}
.head-search-results {
		overflow: hidden;
		overflow-y: auto;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
		pointer-events: none;
		text-align: left;
}
.head-search-results .link-small, .head-search-results .link-big, .head-search-results .link-all {
		text-decoration: none;
		position: relative;
		display: flex;
}
.head-search-results strong {
		font-weight: bold;
}
.head-search-results .link-small {
		align-items: center;
		font-weight: 500;
}
.head-search-results .link-big .image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
@media only screen and (max-width: 767px) {
		html.open-search {
				overflow: hidden;
		}
		.head-search-input input, .head-search-input .label {
				border-radius: 0;
				border: 0;
				border-bottom: 1px solid var(--sec-dark);
				box-shadow: none;
				padding: 0 28px 0 5px;
				color: var(--white);
				font: 600 24px var(--fontg);
				background: none;
				height: 61px;
				letter-spacing: normal;
		}
		.open-results .head-search-input input {
				border-bottom-color: var(--yellow);
		}
		.head-search-input .label {
				line-height: 60px;
				letter-spacing: 0.025em;
				position: absolute;
				top: 0;
				left: 0;
				color: var(--grey500);
				transform-origin: 10px -18px;
				transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				transform: scale(1);
				backface-visibility: hidden;
				border-color: transparent;
				pointer-events: none;
		}
		.head-search-input input:not(:placeholder-shown) ~ .label {
				transform: scale(0.5);
		}
		.head-search-fader {
				background: rgba(6, 21, 35, 0.92);
				-webkit-backdrop-filter: blur(18px);
				backdrop-filter: blur(18px);
		}
		html.open-search .head-search-fader {
				opacity: 1;
				pointer-events: all;
		}
		html.hide-header .head-search-results, html.hide-header .head-search-fader {
				opacity: 0 !important;
				pointer-events: none !important;
		}
		.head-search-results {
				position: fixed;
				z-index: 90;
				top: 158px;
				left: 0;
				height: calc(100vh - 258px);
				width: 100%;
		}
		@media (pointer:coarse) {
				.focus .head-search-results {
						height: calc(50vh - 140px);
				}
		}
		html.open-search .open-results .head-search-results {
				opacity: 1;
				pointer-events: all;
		}
		.head-search-results .link-small, .head-search-results .link-big, .head-search-results .label-title {
				border-bottom: 0.5px solid rgba(228, 236, 247, 0.25);
		}
		.head-search-results .link-small, .head-search-results .link-big, .head-search-results .link-all, .head-search-results .label-title {
				margin: 0 24px;
		}
		.head-search-results strong {
				color: var(--yellow);
		}
		.head-search-results .link-small {
				font-size: 15px;
				line-height: 20px;
				letter-spacing: -0.01em;
				color: var(--white);
				padding: 10px 40px 10px 7px;
				min-height: 60px;
		}
		.head-search-results .link-small:before {
				content: '';
				position: absolute;
				top: 50%;
				transform: translate3d(0, -50%, 0);
				right: 16px;
				background: url("/local/templates/o22/css/../img/search/mobile.svg") no-repeat 50% 50%;
				background-size: contain;
				width: 8px;
				height: 14px;
		}
		.head-search-results .label-title {
				padding: 14px 5px;
				margin-top: 15px;
				font-weight: bold;
				font-size: 12px;
				line-height: 22px;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				color: rgba(141, 160, 193, 0.6);
		}
		.head-search-results .link-big {
				flex-direction: column;
				align-items: flex-start;
				gap: 8px;
				padding: 6px 0 9px 90px;
				min-height: 94px;
				font-weight: normal;
				font-size: 14px;
				line-height: 24px;
				letter-spacing: -0.01em;
				color: rgba(255, 255, 255, 0.75);
		}
		.head-search-results .link-big .image {
				position: absolute;
				top: 12px;
				left: 5px;
				width: 70px;
				height: 70px;
				padding: 5px;
				background: var(--white);
		}
		.head-search-results .link-big .text {
				min-height: 28px;
		}
		.head-search-results .link-big .price {
				color: var(--white);
				font-weight: 600;
				font-size: 15px;
				letter-spacing: -0.03em;
		}
		.head-search-results .link-all {
				font-weight: bold;
				font-size: 15px;
				line-height: 20px;
				color: #253859;
				background-color: #FFD750;
				background-image: linear-gradient(to bottom, #FFD750 0%, #FFDD4F 66.666%, #FFB800 100%);
				background-size: 100% 300%;
				background-position: 0 100%;
				background-repeat: no-repeat;
				box-shadow: 0px 8px 26px rgba(255, 196, 0, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
				align-items: center;
				justify-content: center;
				text-align: center;
				height: 60px;
				border-radius: 30px;
				margin-top: 30px;
				margin-bottom: 30px;
				transition-property: box-shadow, border, color, background;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				outline: none;
				border: 0;
				cursor: pointer;
				user-select: none;
		}
		@media (pointer:fine) {
				.head-search-results .link-all:hover {
						box-shadow: none;
						color: #253859;
						background-position: 0 0;
				}
		}
}
.head-search-input .clear {
		cursor: pointer;
		user-select: none;
		position: absolute;
		top: 50%;
		right: 0;
		width: 28px;
		height: 28px;
		margin: -15px 4px;
		outline: none;
		background: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-search-input input:placeholder-shown ~ .clear {
		opacity: 0;
		pointer-events: none;
}
.head-search-input .clear svg {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 16px;
		height: 16px;
		margin: -8px;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		fill: var(--sec-default);
}
@media (pointer:fine) {
		.head-search-input .clear:hover svg {
				fill: var(--white);
		}
}
.head-search-input .pic {
		display: none;
}
.panel-mob {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 70;
		flex: 0 0 auto;
		background: var(--white);
		display: flex;
		backface-visibility: hidden;
		transform: translate3d(0, 0, 0);
		box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.1);
}
.panel-mob > * {
		flex: 1;
		text-align: center;
		font: 600 11px/12px var(--fonti);
		letter-spacing: -0.01em;
		color: var(--grey500);
		text-decoration: none;
		padding: 15px 0 0 0;
		height: 85px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
}
@media (pointer:fine) {
		.panel-mob > a:hover {
				color: var(--grey800);
		}
}
.panel-mob > .active {
		color: var(--grey800);
}
.panel-mob svg {
		display: block;
		width: 24px;
		height: 24px;
		fill: currentColor;
		margin: 0 auto 9px auto;
}
.panel-mob > *:has(.num) svg {
		fill: var(--grey800);
}
.panel-mob .num {
		position: absolute;
		top: 15px;
		left: 50%;
		text-align: center;
		min-width: 18px;
		height: 18px;
		line-height: 18px;
		white-space: nowrap;
		color: var(--white);
		border-radius: 100px;
		box-shadow: 0 0 0 2px var(--white);
		background: var(--orange);
		padding: 0 4px;
		margin: 0 3px;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		html.min-header .mainwrap:not(.page-order) .header-panel {
				transform: translate3d(0, -52px, 0);
		}
		.head1 {
				display: block;
				background: #101225;
		}
		.head1 .container {
				display: flex;
		}
		.head1-city {
				position: relative;
				flex: 0 0 auto;
				display: flex;
				align-items: center;
		}
		.head1-city .link {
				flex: 0 0 auto;
				padding-left: 32px;
				line-height: 51px;
				height: 51px;
				white-space: nowrap;
				background: url(/local/templates/o22/css/../img/icons/header/direct-up.svg) no-repeat 0 50%;
				background-size: auto 20px;
				color: var(--white);
				transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				cursor: pointer;
				user-select: none;
				font-size: 13px;
				font-weight: normal;
				text-decoration: none;
		}
		@media (pointer:fine) {
				.head1-city .link:hover {
						color: var(--yellow);
				}
		}
		.head1-menu {
				height: 51px;
				flex: 1 1 auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				flex-direction: row-reverse;
				overflow: hidden;
				padding: 0 16px;
		}
		.head1-menu > * {
				flex: 0 0 auto;
				text-align: center;
				text-decoration: none;
				color: var(--white);
				line-height: 51px;
				font-size: 14px;
				font-weight: normal;
				padding: 0 16px;
				transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		@media (pointer:fine) {
				.head1-menu > a:hover {
						color: var(--yellow);
				}
		}
		.head1-menu .accent {
				color: var(--yellow);
				font-weight: 500;
		}
		.head1-contact {
				flex: 0 0 auto;
				display: flex;
				align-items: center;
				gap: 20px;
		}
		.head1-contact .wrap {
				display: flex;
				align-items: center;
				position: relative;
				gap: 20px;
				padding-left: 32px;
				background: url(/local/templates/o22/css/../img/icons/header/call-calling.svg) no-repeat 0 50%;
				background-size: auto 21px;
		}
		.head1-contact .wrap > *:not(.popup), .head1-contact .time {
				flex: 0 0 auto;
				font-size: 13px;
				line-height: 51px;
				color: var(--gray500);
				text-decoration: none;
				letter-spacing: -0.03em;
		}
		.head1-contact .wrap > *:not(.popup) strong {
				font-weight: 500;
				letter-spacing: -0.01em;
				color: var(--white);
		}
		.head1-contact .time {
				display: none;
		}
		.head1-contact .arr {
				width: 8px;
				height: 8px;
				flex: 0 0 auto;
				backface-visibility: hidden;
				fill: var(--grey500);
				transform: rotate(0deg);
				transition-property: transform, fill;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.head1-contact .popup {
				position: absolute;
				top: 100%;
				right: -32px;
				width: 402px;
				z-index: 120;
				background: var(--white);
				box-shadow: 0px 25px 45px rgba(20, 37, 63, 0.08);
				border-radius: 0px 0px 7px 7px;
				text-align: left;
				color: var(--grey800);
				font-weight: normal;
				font-size: 15px;
				line-height: 30px;
				letter-spacing: -0.02em;
				padding: 30px 32px 32px 33px;
				pointer-events: none;
				opacity: 0;
				transform: translate3d(0, 10px, 0);
				transition-property: transform, opacity;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				transition-delay: 0s;
		}
		@media (pointer:fine) {
				.head1-contact .wrap:hover .popup {
						pointer-events: all;
						opacity: 1;
						transform: translate3d(0, 0, 0);
						transition-delay: 0.5s;
				}
				.head1-contact .wrap:hover .arr {
						transform: rotate(-180deg);
						transition-delay: 0.5s;
						fill: var(--grey300);
				}
		}
		.head1-contact .popup-arr {
				content: '';
				position: absolute;
				bottom: 100%;
				right: 36.5px;
				width: 11px;
				height: 5px;
				overflow: hidden;
				transform: translate3d(50%, 0, 0);
		}
		.head1-contact .popup-arr:before {
				content: '';
				position: absolute;
				top: 0;
				right: 50%;
				transform-origin: 100% 0;
				border-radius: 0.5px;
				background: var(--white);
				width: 20px;
				height: 20px;
				transform: rotate(-45deg);
		}
		.head1-contact .popup p {
				margin: 0 0 20px 0;
		}
		.head1-contact .popup p:last-child {
				margin-bottom: 0;
		}
		.head1-contact .popup .accent {
				font-weight: 500;
		}
		.head1-contact .popup a:not(.btn) {
				font-weight: 500;
				letter-spacing: -0.01em;
		}
		.head1-contact .popup a[href^=mailto] {
				text-decoration: none;
		}
		@media (pointer:fine) {
				.head1-contact .popup a[href^=mailto]:hover {
						text-decoration: underline;
				}
		}
		.head1-contact .popup .btn {
				height: 48px;
				padding: 0 30px;
		}
		.header:before {
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.45), 0px 10px 15px rgba(20, 37, 63, 0.05);
		}
		html.open-menu .header:before {
				box-shadow: none;
		}
		.header .container {
				padding: 0 10px 0 32px;
		}
		.header .container > * {
				order: 3;
		}
		.head-link {
				width: 90px;
				height: 90px;
		}
		.head-link svg, .head-link.bg-logined:after {
				height: 28px;
				margin: -14px 0;
				fill: #B8C5DD;
		}
		.head-link.active svg {
				fill: var(--grey800);
		}
		@media (pointer:fine) {
				a.head-link:hover svg, .head-wrap:hover .head-link:not(:only-child) svg {
						fill: var(--grey800);
				}
				a.head-link.active:hover svg, .head-wrap:hover .head-link.active:not(:only-child) svg {
						fill: var(--grey800);
				}
		}
		.head-link.bg-back {
				display: none;
		}
		.head-link .pic-mob, .head-link .close-mob {
				display: none;
		}
		.head-link .pic-desktop, .head-link .close-desktop {
				display: block;
		}
		.head-link.bg-logined:after {
				display: block;
				content: '';
				pointer-events: none;
				width: 100%;
				background: url(/local/templates/o22/css/../img/logined-check.svg) no-repeat 50% 50%;
				background-size: contain;
		}
		.head-link.bg-menu {
				width: 58px;
				height: 56px;
				box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.07), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
				border-radius: 4px;
				background: var(--grad-yellow);
				order: 1;
				margin-right: 32px;
				transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.head-link.bg-menu .pic-desktop {
				fill: var(--dark-dark);
		}
		.head-link.bg-menu .close {
				fill: var(--white);
		}
		.head-link.bg-location, .head-link.bg-tel {
				display: none;
		}
		@media (pointer:fine) {
				.head-link.bg-menu:hover {
						box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
				}
				.head-link.bg-menu:hover .pic-desktop {
						fill: var(--dark-dark);
				}
				.head-link.bg-menu:hover .close {
						fill: var(--white);
				}
		}
		.head-link.bg-menu:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				background-color: #263349;
				border-radius: inherit;
				opacity: 0;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		html.open-menu .head-link.bg-menu:before {
				opacity: 1;
		}
		.head-link .dot {
				font-weight: bold;
				font-size: 15px;
				line-height: 28px;
				height: 28px;
				min-width: 28px;
				width: auto;
				text-align: center;
				padding: 0 5px;
				letter-spacing: -0.03em;
				color: var(--white);
				text-indent: 0;
				box-shadow: none;
				margin: -30px 2px;
		}
		@media (pointer:fine) {
				.head-popup {
						display: block;
						visibility: visible;
				}
		}
		.header .logo {
				width: 180px;
				height: 30px;
				background-image: url(/local/templates/o22/css/../img/logo/orgmebel_logo_fin.png);
				background-position: 0 50%;
				order: 2;
				margin-right: auto;
				margin-left: 0;
		}
		.head-search-wrap {
				position: relative;
				height: 0;
				z-index: 110;
				margin: 0 auto;
				width: 100%;
		}
		.head-search {
				position: absolute;
				bottom: 100%;
				top: auto;
				left: 0;
				right: 0;
				width: auto;
				background: none;
				height: 90px;
				overflow: visible;
				-webkit-backdrop-filter: none;
				backdrop-filter: none;
				padding: 15px 0;
				margin: 0 279px 0 122px;
		}
		.head-search-input {
				background: var(--white);
				border-radius: 4px;
				z-index: 2;
				position: relative;
		}
		.head-search-input .btn {
				display: flex;
				border-radius: 0 4px 4px 0;
				border: 0.5px solid var(--yellow);
				width: 125px;
				padding: 0;
				position: absolute;
				top: 0;
				right: 0;
				box-shadow: none;
		}
		.head-search-input input {
				color: var(--grey800);
				font-weight: 500;
				font-size: 15px;
		}
		.open-results .head-search-input input {
				box-shadow: none;
				border-color: transparent;
		}
		.head-search-input input:placeholder-shown ~ .btn {
				color: var(--sec-dark);
				background: linear-gradient(180deg, #FFFFFF 23.96%, #EFF4F9 89.37%);
				border-color: rgba(0, 0, 0, 0.07);
				box-shadow: none;
				cursor: default;
				pointer-events: none;
		}
		@media (pointer:fine) {
				.head-search-input input:hover ~ .btn {
						border-top-color: var(--hover-input);
						border-right-color: var(--hover-input);
						border-bottom-color: var(--hover-input);
				}
		}
		.head-search-input input:focus ~ .btn {
				border-top-color: var(--yellow);
				border-right-color: var(--yellow);
				border-bottom-color: var(--yellow);
		}
		.head-search-input input, .head-search-input .label {
				font: 600 15px var(--fonti);
				letter-spacing: -0.01em;
				padding: 0 185px 0 60px;
		}
		.head-search-input:after {
				content: '';
				pointer-events: none;
				z-index: 2;
				position: absolute;
				bottom: 0;
				left: 25px;
				right: 125px;
				height: 1px;
				border-radius: 0.5px 0 0 0.5px;
				background: var(--yellow);
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				opacity: 0;
		}
		.open-results .head-search-input:after {
				opacity: 1;
		}
		.open-results .head-search-input input {
				border-color: transparent;
				background-color: var(--white);
		}
		.head-search-input .label {
				line-height: 60px;
				position: absolute;
				top: 0;
				left: 0.5px;
				font-weight: 300;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				pointer-events: none;
				color: var(--grey500);
		}
		.head-search-input input:not(:placeholder-shown) ~ .label {
				opacity: 0;
		}
		.head-search-input .clear {
				right: 155px;
				margin: -15px -14px;
		}
		.head-search-input .clear svg {
				fill: var(--grey800);
		}
		@media (pointer:fine) {
				.head-search-input .clear:hover svg {
						fill: var(--hover);
				}
		}
		.head-search-input .pic {
				display: block;
				pointer-events: none;
				position: absolute;
				top: 50%;
				left: 30px;
				width: 24px;
				height: 24px;
				margin: -12px;
				fill: var(--grey500);
				transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.head-search-input input:not(:placeholder-shown) ~ .pic {
				fill: var(--grey800);
		}
		.head-search-fader {
				background: rgba(41, 45, 50, 0.5);
				transform: translate3d(0, 0, 0);
		}
		@media only screen and (max-width: 1279px) {
				.open-search .open-results .head-search-fader {
						opacity: 1;
						pointer-events: all;
				}
		}
		html.min-header .mainwrap:not(.page-order) .head-search-fader {
				transform: translate3d(0, -52px, 0);
				transform: translate3d(0, 52px, 0);
		}
		.head-search-results {
				z-index: 1;
				position: absolute;
				top: 15px;
				left: 0;
				right: 0;
				background: var(--white);
				border-radius: 4px;
				box-shadow: 0px 25px 45px rgba(20, 37, 63, 0.08);
				padding: 60px 0 0 0;
				overflow: hidden;
				transform: translateZ(0);
				container-type: inline-size;
				container-name: card;
		}
		.open-results .head-search-results {
				opacity: 1;
				pointer-events: all;
		}
		.head-search-results .scroll {
				max-height: calc(100vh - 250px);
				overflow: hidden;
				overflow: auto;
		}
		.head-search-results .scroll > *:first-child {
				margin-top: 15px;
		}
		.head-search-results .scroll > *:last-child {
				margin-bottom: 15px;
		}
		.head-search-results strong {
				color: var(--grey800);
		}
		.head-search-results .label-title {
				margin-left: 25px;
				margin-right: 25px;
		}
		.head-search-results .link-small, .head-search-results .link-big {
				border-radius: 3px;
				transition-property: color, background;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				font-size: 15px;
				line-height: 22px;
				letter-spacing: -0.01em;
				color: var(--grey600);
				margin-left: 10px;
				margin-right: 10px;
		}
		@media (pointer:fine) {
				.head-search-results .link-small:hover, .head-search-results .link-big:hover {
						color: var(--grey800);
						background-color: var(--sec-light50);
				}
		}
		.head-search-results .label-title {
				font-weight: 500;
				font-size: 12px;
				line-height: 20px;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				color: var(--sec-dark);
				margin-top: 10px;
				margin-bottom: 15px;
		}
		.head-search-results .link-small {
				padding: 14px 50px 14px 15px;
		}
		.head-search-results .link-small:before, .head-search-results .link-small:after {
				content: '';
				position: absolute;
				top: 50%;
				transform: translate3d(0, -50%, 0);
				right: 38px;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: contain;
				width: 6px;
				height: 11px;
		}
		.head-search-results .link-small:before {
				background-image: url("/local/templates/o22/css/../img/search/desktop.svg");
		}
		.head-search-results .link-small:after {
				background-image: url("/local/templates/o22/css/../img/search/desktop-hover.svg");
				opacity: 0;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		@media (pointer:fine) {
				.head-search-results .link-small:hover:after {
						opacity: 1;
				}
		}
		.head-search-results .link-big {
				gap: 10px;
				align-items: center;
				padding: 15px;
		}
		.head-search-results .link-big .image {
				flex: 0 0 auto;
				width: 70px;
				height: 70px;
				overflow: hidden;
				backface-visibility: hidden;
				transform: translateZ(0);
				border-radius: 3px;
				background: var(--white);
		}
		.head-search-results .link-big .text {
				flex: 1 1 auto;
		}
		.head-search-results .link-big .price {
				flex: 0 0 auto;
				text-align: right;
				font-weight: normal;
				letter-spacing: -0.02em;
				color: var(--grey800);
		}
		.head-search-results .link-all {
				margin-left: 25px;
				margin-right: 25px;
				align-items: center;
				font-weight: normal;
				font-size: 13px;
				line-height: 40px;
				letter-spacing: -0.01em;
				color: var(--blue);
				border-top: 1px solid var(--sec-default);
				padding: 13px 5px;
				transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		@media (pointer:fine) {
				.head-search-results .link-all:hover {
						color: var(--hover);
				}
		}
		@container card (min-width: 500px) {
				.head-search-results .link-small, .head-search-results .link-big, .head-search-results .label-title {
						margin-left: 40px;
						margin-right: 40px;
				}
				.head-search-results .link-big {
						gap: 25px;
				}
				.head-search-results .link-all {
						padding-left: 35px;
						padding-right: 35px;
				}
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.head1-menu {
				padding: 0 24px;
		}
		.head1-menu > * {
				font-size: 13px;
				padding: 0 24px;
		}
		.head1-contact {
				gap: 18px;
		}
		.head1-contact .wrap > *:not(.popup) strong {
				font-size: 15px;
				margin-left: 4px;
		}
		.head1-contact .time {
				display: block;
				margin-right: 6px;
				font-weight: 500;
				font-size: 12px;
		}
		.head1-contact {
				margin-right: 5px;
		}
		.head1-contact .arr {
				margin-left: -3px;
		}
		.head1-contact .popup {
				right: -37px;
		}
		.head1-contact .popup-arr {
				right: 41.5px;
		}
		.header:before {
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.05), 0px 10px 16px rgba(20, 37, 63, 0.06);
				transition-delay: 0s;
		}
		html.open-menu .header:before {
				height: calc(100% - 10px);
				transition-delay: 0.2s;
		}
		.header .container {
				padding: 0 35px 0 40px;
		}
		.head-link {
				width: auto;
				height: 120px;
				text-align: center;
				text-indent: 0;
				font-weight: 600;
				font-size: 12px;
				line-height: 13px;
				letter-spacing: -0.03em;
				text-transform: uppercase;
				color: var(--sec-dark);
				padding: 78px 25px 0 25px;
				margin-left: 1px;
		}
		.min-header .mainwrap:not(.page-order) .header-panel {
				padding-bottom: 20px;
		}
		.min-header .head-link {
				height: 100px;
				padding-top: 69px;
		}
		.min-header .head-link svg, .min-header .head-link.bg-logined:after {
				top: 24px;
		}
		.min-header .head-search {
				height: 100px;
				padding: 20px 0;
		}
		.head-link.active {
				color: var(--grey700);
		}
		.head-link svg, .head-link.bg-logined:after {
				height: 32px;
				position: absolute;
				top: 31px;
				left: 50%;
				margin: 0;
				fill: #B8C5DD;
		}
		.head-link.active svg {
				fill: var(--grey800);
		}
		@media (pointer:fine) {
				a.head-link:hover, .head-wrap:hover .head-link:not(:only-child) {
						color: var(--grey700);
				}
				a.head-link.active:hover, .head-wrap:hover .head-link.active:not(:only-child) {
						color: var(--orange);
				}
				a.head-link:hover svg, .head-wrap:hover .head-link:not(:only-child) svg {
						fill: var(--grey800);
				}
				a.head-link.active:hover svg, .head-wrap:hover .head-link.active:not(:only-child) svg {
						fill: var(--grey800);
				}
		}
		.head-link.bg-search {
				display: none;
		}
		.head-link.bg-personal svg {
				margin-left: -6px;
		}
		.head-link.bg-menu {
				width: 64px;
				height: 60px;
				padding: 0;
				margin-right: 50px;
		}
		.head-link.bg-menu svg {
				top: 50%;
				left: 50%;
				margin: -16px;
				width: 32px;
				transform: none;
		}
		.head-link .dot {
				margin: -40px 2px;
		}
		.header .logo {
				width: 226px;
				height: 39px;
				background-image: url(/local/templates/o22/css/../img/logo/orgmebel_logo_fin.png);
		}
		.head-search-wrap {
				max-width: 1760px;
		}
		.head-search {
				background: none;
				height: 120px;
				padding: 30px 0;
				margin-left: 430px;
				margin-right: 430px;
				opacity: 1 !important;
				pointer-events: all !important;
		}
		.open-results .head-search-fader {
				opacity: 1;
				pointer-events: all;
		}
		html.hide-header .head-search-results, html.hide-header .head-search-fader {
				opacity: 0 !important;
				pointer-events: none !important;
		}
		.head-search-results {
				top: 30px;
		}
		.head-search-results .scroll {
				max-height: calc(100vh - 250px);
				overflow: hidden;
				overflow: auto;
		}
}
/*desktop end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
		.head1-city {
				width: 367px;
		}
		.head1-menu {
				justify-content: flex-end;
		}
		.head-search {
				margin-left: 455px;
				margin-right: 455px;
		}
}
/*edited 24.01.24 start*/
/*Safari fix start*/
@media only screen and (max-width: 767px) {
		.header-panel {
				transform: translate3d(0, 0, 0) !important;
		}
		.header {
				transition-property: transform, opacity;
				transition-duration: 0.5s, 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				transform: translate3d(0, 0, 0);
		}
		html:not(.page-product):not(.open-search):not(.open-menu).hide-header .header-panel {
				pointer-events: none;
		}
		html:not(.page-product):not(.open-search):not(.open-menu).hide-header .header {
				transform: translate3d(0, -100%, 0);
		}
}
/*Safari fix end*/
/*edited 24.01.24 end*/
/* End */


/* Start:/local/templates/o22/css/header-catalog.css?174010614011881*/
@charset "UTF-8";
.catalog-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: var(--input-bg);
		z-index: 90;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		backface-visibility: hidden;
		transform: translateZ(0);
}
@media only screen and (max-width: 767px) {
		html.open-menu {
				overflow: hidden;
		}
}
html:not(.open-menu) .catalog-menu {
		opacity: 0;
		pointer-events: none;
}
.catalog-menu-inner {
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		padding: 125px 0 120px 0;
}
.catalog-menu .container {
		padding: 0;
		position: static;
		height: 100%;
}
.catalog-menu .mainlink {
		cursor: pointer;
		user-select: none;
		font: 600 17px/20px var(--fontg);
		letter-spacing: -0.015em;
		color: var(--grey700);
		text-align: left;
		display: block;
		position: relative;
		text-decoration: none;
		transition-property: color, background, border;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		border-style: solid;
		border-color: transparent;
		border-width: 0 0 0 3px;
		padding: 16px 20px 16px 120px;
}
.catalog-menu .mainlink:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 100%;
		width: 50vw;
		pointer-events: none;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		display: none;
}
.catalog-menu .hover .mainlink, .catalog-menu .hover .mainlink:before {
		color: var(--blue);
		background-color: var(--white);
		border-color: var(--yellow);
}
.catalog-menu .mainlink svg {
		width: 36px;
		height: 36px;
		position: absolute;
		margin: -18px;
		top: 50%;
		left: 60px;
		fill: var(--grey700);
}
.catalog-menu .sub {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		padding: 0 0 40px 0;
		background: var(--white);
		transform: translate3d(100%, 0, 0);
		z-index: 10;
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog-menu .hover .mainlink + .sub {
		transform: translate3d(0, 0, 0);
}
.catalog-menu .sub-title {
		margin: 68px 0 0 0;
		position: sticky;
		top: 68px;
		z-index: 2;
		font: bold 24px/18px var(--fontg);
		color: var(--darker);
		text-decoration: none;
		padding: 33px 20px 25px 60px;
		background: var(--white) url(/local/templates/o22/css/../img/icons/header/menu-left.svg) no-repeat 20px 36px;
}
@media only screen and (max-width: 767px) {
		.catalog-menu .sub-title {
				cursor: pointer;
				user-select: none;
		}
		.catalog-menu .sub-title-back + .sub-title {
				display: none;
		}
}
.catalog-menu .sub-list {
		display: flex;
		flex-wrap: wrap;
		gap: 15px 0;
		padding: 9px 0;	/*margin-bottom: 60px;/*220424*/
}
.catalog-menu .sub-list .el {
		flex: 0 0 auto;
/*020324		width: 100%;*/
		width: 240px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
}
.catalog-menu .sub .label {
		display: block;
		font: bold 18px/18px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--body-muted);
		padding: 11px 20px 11px 60px;
		text-decoration: none;
		margin: 0 0 10px 0;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
}
@media (pointer:fine) {
		.catalog-menu .sub a.label:hover {
				color: #425466;
		}
}
.catalog-menu .sub .label:not(:first-child) {
		margin-top: 15px;
}
.catalog-menu .sub .label + .label {
		margin-top: -10px;
}
.catalog-menu .sub a.label:after {
		content: '';
		position: absolute;
		background: url(/local/templates/o22/css/../img/icons/header/mob-menu-right.svg) no-repeat 50% 50%;
		background-size: contain;
		width: 15px;
		height: 14px;
		margin: 4px 15px;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog-menu .sublink {
		display: block;
		text-decoration: none;
		font: 300 15px/18px var(--fonti);
		letter-spacing: -0.02em;
		color: var(--grey900);
		padding: 11px 20px 11px 60px;
		position: relative;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog-menu .sublink:before {
		content: '—';
		position: absolute;
		top: 0;
		padding-top: inherit;
		left: 30px;
		color: var(--grey400);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.catalog-menu a.sublink:hover, .catalog-menu a.sublink:hover:before {
				color: var(--blue);
		}
}
.catalog-menu-image {
	display: none;
	text-decoration: none;
	text-align: center;
	position: absolute;
	top: 0;
	left: calc(100vw - 406px);
	left: min(calc(100vw - 406px), 1354px);
	margin: 95px 40px;
	width: 299px;
	background: #f9feff;
	font: 900 20px/30px var(--fontg);
	letter-spacing: -0.02em;
	color: var(--deep-blue);
	padding: 37px 20px 32px 20px;
	box-shadow: 0px 34px 24px -20px rgba(156, 195, 210, 0.4);
	transition-property: opacity, color;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	pointer-events: none;
	opacity: 0;
}
.catalog-menu-image:before {
		content: '';
		position: absolute;
		top: 67px;
		left: 50%;
		width: 175px;
		height: 175px;
		border-radius: 50%;
		background: #71CCFF;
		opacity: 0.1;
		transform: translate3d(-50%, 0, 0);
		z-index: 2;
		pointer-events: none;
}
html.open-menu .catalog-menu .hover .mainlink + .sub + .catalog-menu-image {
		pointer-events: all;
		opacity: 1;
}
.catalog-menu-image > img {
		display: block;
		width: calc(100% + 40px);
		height: 235px;
		margin: 0 -20px 0 -20px;
		object-fit: contain;
		object-position: center;
		mix-blend-mode: darken;
}
.catalog-menu-image:after {
		content: '';
		position: absolute;
		pointer-events: none;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 8px solid #EFFBFC;
}
.catalog-menu-image .logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 23px;
		height: 22px;
		margin: 22px;
		background: url(/local/templates/o22/css/../img/logo_top_menu.png) no-repeat 50% 50%;
		background-size: contain;
}
/*mobile end*/
/*tablet start*/
@media only screen and (max-width: 768px) {
.catalog-menu .sub-list .el {
			flex: 1 0 auto;
			/*020324 max-width: 240px;*/
			width: 100%;
		}
}
@media only screen and (min-width: 768px) {
		.catalog-menu-wrap {
				height: 0;
				position: relative;
				z-index: 90;
		}
		.catalog-menu {
				overflow: hidden;
				position: absolute;
				top: 100%;
				left: 0;
				right: 0;
				height: auto;
				border-top: 0.5px solid #D1D4D5;
				box-shadow: 0px 1px 1px rgba(12, 26, 75, 0.15), 0px 45px 65px rgba(20, 37, 63, 0.08);
				background: var(--white);
				background-repeat: repeat-y;
				background-position: 0 0;
				padding: 0;
		}
				/*edited 24.01.24 start*/
		/*.catalog-menu:not(.wide) {
				width: 317px;
		}
		@media only screen and (min-width: 1280px) {
				.catalog-menu:not(.wide) {
						width: 362px;
				}
		}*/
	/*edited 24.01.24 end*/
		.catalog-menu .container {
				background: linear-gradient(to right, var(--input-bg) 0%, var(--input-bg) 316.5px, #D0D3D4 316.5px, #D0D3D4 317px, var(--white) 317px, var(--white) 100%);
				position: relative;
				height: auto;
		}
		.catalog-menu-inner {
				padding-top: 29px;
				padding-bottom: 29px;
				width: 317px;
				position: relative;
				height: auto;
				overflow: visible;
		}
		.page-product .catalog-menu-inner{padding-bottom: 90px;}
		html:not(.page-product) .catalog-menu-inner {
				min-height: calc(100vh - 90px);
		}
		.catalog-menu .mainlink {
				font-size: 16px;
				border-width: 0 3px 0 0;
				padding-left: 110px;
				padding-right: 10px;
		}
		.catalog-menu .mainlink:before {
				display: block;
		}
		.catalog-menu .mainlink svg {
				left: 59px;
		}
		.catalog-menu .sub {
				position: absolute;
				top: 0;
				left: 317px;
				bottom: 0;
				right: 0;
				width: calc(100vw - 317px);
				height: auto;
				padding: 0;
				overflow: hidden;
				overflow-x: auto;
				background: none;
				transform: none !important;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				opacity: 0;
				pointer-events: none;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
		}
		html.open-menu .catalog-menu .hover .mainlink + .sub {
				pointer-events: all;
				opacity: 1;
		}
		.catalog-menu .sub-title-back {
				display: none;
		}
		.catalog-menu .sub-title {
				margin: 0;
				position: sticky;
				top: auto;
				left: 0;
				padding: 40px 20px 0 60px;
				background: none;
				width: 100%;
				letter-spacing: -0.03em;
		}
		.catalog-menu .sub-list {
				padding: 38px 20px 38px 0;
				flex-wrap: nowrap;
				flex: 0 0 auto;
				min-width: 100%;
				gap: 25px 0;
		}
		.catalog-menu .sub-list .el {
			flex: 1 0 auto;
			/*020324 max-width: 240px;*/
			width: 100%;
		}

		.catalog-menu .sub .label {
				font-size: 15px;
				margin-bottom: 3px;
				letter-spacing: -0.015em;
		}
		.catalog-menu .sub .label:not(:first-child) {
				margin-top: 25px;
		}
		.catalog-menu .sub .label + .label {
				margin-top: -3px;
		}
		.catalog-menu .sub a.label:after {
				background-image: url(/local/templates/o22/css/../img/icons/header/desktop-menu-right.svg);
				width: 10px;
				height: 10px;
				opacity: 0.5;
				margin: 6px 10px;
		}
		@media (pointer:fine) {
				.catalog-menu .sub a.label:hover:after {
						opacity: 1;
				}
		}
		.catalog-menu .sublink {
				font-size: 14px;
				padding-right: 0;
		}
		.catalog-menu .sublink:before {
				font-size: 15px;
		}
		@media only screen and (max-height: 900px) {
				.catalog-menu .mainlink {
						padding-top: 12px;
						padding-bottom: 12px;
				}
				.catalog-menu .mainlink svg {
						transform: scale(0.9);
				}
		}
		@media only screen and (max-height: 800px) {
				.catalog-menu .mainlink {
						padding-top: 10px;
						padding-bottom: 10px;
				}
				.catalog-menu .mainlink svg {
						transform: scale(0.8);
				}
				.catalog-menu .sub .label, .catalog-menu .sublink {
						padding-top: 9px;
						padding-bottom: 9px;
				}
		}
		@media only screen and (max-height: 740px) {
				.catalog-menu .mainlink {
						padding-top: 8px;
						padding-bottom: 8px;
				}
				.catalog-menu .mainlink svg {
						transform: scale(0.7);
				}
				.catalog-menu .sub .label, .catalog-menu .sublink {
						padding-top: 7px;
						padding-bottom: 7px;
				}
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.catalog-menu {
				top: -10px;
		}
		.sticked-header:not(.page-product) .catalog-menu {
				top: -30px;
		}
		.catalog-menu .container {
				background: linear-gradient(to right, var(--input-bg) 0%, var(--input-bg) 361.5px, #D0D3D4 361.5px, #D0D3D4 362px, var(--white) 362px, var(--white) 100%);
		}
		.catalog-menu-inner {
				width: 362px;
		}
		html:not(.page-product) .catalog-menu-inner {
				min-height: calc(100vh - 100px);
		}
		.catalog-menu .mainlink {
				padding-left: 130px;
		}
		.catalog-menu .mainlink svg {
				left: 79px;
		}
		.catalog-menu .sub {
				left: 362px;
				width: calc(100vw - 362px);
				padding-left: 28px;
				overflow: hidden;
		}
		.catalog-menu .sub-list {
				width: 100%;
		}
		.catalog-menu .sub-list .el {
				flex: 1 1 auto;
/*020324				max-width: none;*/
		}
		.catalog-menu .sub-title {
				padding-top: 36px;
		}
		.catalog-menu .sub .label {
				font-size: 16px;
		}
}
/*desktop end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
		.catalog-menu-image {
				display: block;
		}
}
/*for .container max-width*/
@media only screen and (min-width: 1760px) {
		.catalog-menu:before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: calc(50vw - 880px);
				pointer-events: none;
				background: var(--input-bg);
		}
		.catalog-menu .sub {
				left: 362px;
				width: calc(100vw - 362px - 406px);
				max-width: 992px;
		}
}

/*added 20.02.25 start*/
@media only screen and (max-width: 767px) {
		.catalog-menu {
				height: 100lvh;
		}
		.catalog-menu .sub {
				padding-bottom: 120px;
		}
		.catalog-menu:has(.hover) .catalog-menu-inner {
				overflow: hidden;
		}
}
/*added 20.02.25 end*/
/* End */


/* Start:/local/templates/o22/css/footer.css?171334219813792*/
@charset "UTF-8";
.footer {
		background: var(--dark-def);
		padding: 31px 0 117px 0;
		color: var(--white);
		overflow: hidden;
		position: relative;
}
.footer .container {
		padding: 0 36px;
		position: relative;
}
.foot-menu {
		margin: 0 0 40px 0;
		position: relative;
}
.foot-menu .col {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.foot-menu .label {
		position: relative;
		cursor: pointer;
		user-select: none;
		font: 600 16px/18px var(--fontg);
		text-transform: uppercase;
		letter-spacing: 0.03em;
		padding: 26px 10px 25px 64px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		color: var(--sec-dark);
		display: inline-block;
		vertical-align: top;
		margin: 0 -10px 0 0;
}
.foot-menu .label:before, .foot-menu .label:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 30px;
		width: 13px;
		height: 1px;
		backface-visibility: hidden;
		transform: translate3d(-50%, -50%, 0);
		background: var(--sec-dark);
		transition-property: transform, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-menu .label:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.foot-menu .open .label {
		color: var(--white);
}
.foot-menu .open .label:before, .foot-menu .open .label:after {
		background: var(--white);
}
.foot-menu .open .label:before {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.foot-menu .open .label:after {
		transform: translate3d(-50%, -50%, 0) rotate(-135deg);
}
@media (pointer:fine) {
		.foot-menu .label:hover {
				color: var(--yellow);
		}
		.foot-menu .label:hover:before, .foot-menu .label:hover:after {
				background: var(--yellow);
		}
}
.foot-menu .col:not(.open) .links {
		display: none;
}
.foot-menu .in {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-weight: 500;
		font-size: 15px;
		line-height: 18px;
		letter-spacing: -0.01em;
		padding: 0 0 20px 64px;
		margin: 0 -10px 0 0;
		position: relative;
		top: -6px;
}
.foot-menu .in > * {
		color: var(--sec-dark);
		transition-property: opacity, color, padding;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none;
		position: relative;
		padding: 11px 10px 11px 26px;
}
.foot-menu .in > *:before {
		content: '';
		width: 10px;
		height: 1px;
		position: absolute;
		top: 19px;
		left: 0;
		background: var(--darker);
		border-radius: 0.5px;
		transition-property: width, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-menu .in .all {
		font-weight: 600;
		opacity: 0.45;
		text-transform: uppercase;
		margin-top: 10px;
		letter-spacing: normal;
}
.foot-menu .in .all:before {
		display: none;
}
.foot-menu .in .all svg {
		vertical-align: middle;
		position: relative;
		top: -1px;
		left: 10px;
		fill: var(--sec-dark);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-menu .sup {
		vertical-align: top;
		color: var(--yellow);
		font-weight: normal;
		font-size: 10px;
		position: relative;
		top: -5px;
		left: 5px;
		letter-spacing: 0.025em;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.foot-menu .in > a:hover {
				color: var(--yellow);
				padding-left: 36px;
				padding-right: 0;
		}
		.foot-menu .in > a:hover:before {
				background: var(--yellow);
				width: 20px;
		}
		.foot-menu .in > a.all:hover {
				opacity: 1;
		}
		.foot-menu .in > a.all:hover svg {
				fill: var(--yellow);
		}
		.foot-menu .in > a:hover .sup {
				color: var(--yellow);
		}
}
.foot-menu .in > .active {
		color: var(--yellow);
		padding-left: 36px;
		padding-right: 0;
}
.foot-menu .in > .active:before {
		background: var(--yellow);
		width: 20px;
}
.foot-logo {
		text-align: left;
		text-indent: -100vw;
		overflow: hidden;
		display: block;
		margin: 0 auto 36px auto;
		background: url(/local/templates/o22/css/../img/logo/orgmebel_logo_fin-03.svg) no-repeat 50% 50%;
		background-size: contain;
		width: 217px;
		height: 30px;
}
.foot-contacts {
		margin: 0 0 40px 0;
		font-weight: 300;
		font-size: 14px;
		line-height: 30px;
		color: var(--grey200);
		display: flex;
		flex-direction: column;
		gap: 29px 0;
}
.foot-contacts .show-tab {
		display: none;
}
.foot-contacts a {
		color: var(--yellow);
		text-decoration: none;
		font-weight: normal;
		border-bottom: 1px solid var(--yellow25);
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
		top: 4px;
}
.foot-contacts a span {
		position: relative;
		top: -4px;
}
.foot-contacts a[href^=tel] {
		color: var(--white);
		border-width: 0;
		top: 0;
}
.foot-contacts a[href^=mailto] {
		color: var(--grey500);
		border-color: var(--grey50025);
}
@media (pointer:fine) {
		.foot-contacts a:hover {
				border-color: transparent;
		}
}
.foot-contacts .col {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		padding: 0 0 0 43px;
		margin-left: -3px;
		background-repeat: no-repeat;
}
.foot-contacts .col.bg-map {
		background-image: url(/local/templates/o22/css/../img/icons/footer/map.svg);
		background-size: auto 19px;
		background-position: 3px 6px;
}
.foot-contacts .col.bg-time {
		background-image: url(/local/templates/o22/css/../img/icons/footer/timer-start.svg);
		background-size: auto 24px;
		background-position: 3px 3px;
}
.foot-contacts .col.bg-tel {
		background-image: url(/local/templates/o22/css/../img/icons/footer/call-calling.svg);
		background-size: auto 22px;
		background-position: 1px 5px;
		font-size: 13px;
		color: var(--grey600);
}
.foot-contacts .col.bg-tel strong {
		font-size: 14px;
		font-weight: normal;
		display: inline-block;
		vertical-align: top;
		min-width: 9.4em;
		color: var(--white);
}
.foot-contacts .col.bg-tel strong:nth-of-type(2) {
		letter-spacing: 0.02em;
}
.foot-contacts .col.bg-email {
		background-image: url(/local/templates/o22/css/../img/icons/footer/sms-tracking.svg);
		background-size: auto 18px;
		background-position: 0 7px;
}
.foot-social {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 36px 0;
		gap: 50px;
}
.foot-social > *:not(.sep) {
		text-decoration: none;
		font-weight: 500;
		font-size: 12px;
		line-height: 25px;
		letter-spacing: -0.01em;
		color: var(--grey600);
		display: flex;
		align-items: center;
		gap: 18px;
		height: 30px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-social .sep {
		width: 1px;
		height: 30px;
		background: var(--grey800);
		flex: 0 0 auto;
}
.foot-social svg {
		flex: 0 0 auto;
		fill: var(--grey600);
		transition-property: fill, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0.65;
}
@media (pointer:fine) {
		.foot-social:hover svg {
				opacity: 1;
		}
		.foot-social > a:hover {
				color: var(--white);
		}
		.foot-social > a:hover .bg-facebook {
				fill: #4267B2;
		}
		.foot-social > a:hover .bg-vk {
				fill: #0077ff;
		}
}
.foot-payments {
		display: none;
}
.foot-text {
		text-align: center;
		font-weight: 300;
		font-size: 13px;
		line-height: 25px;
		letter-spacing: -0.01em;
		color: var(--darker);
		opacity: 0.65;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.165) 50%, rgba(255, 255, 255, 0) 100%);
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 100% 1px;
		padding: 24px 0 0 0;
}
.foot-text .show-tab {
		display: none;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.panel-mob {
				display: none;
		}
		.footer {
				padding-top: 78px;
				padding-bottom: 68px;
		}
		.footer .container {
				position: relative;
				padding: 0 38px;
				display: grid;
				grid-template-columns: 255px 1fr;
				grid-template-rows: auto auto auto 1fr auto;
				grid-template-areas: "l m""t m""s m""p m""c c";
		}
		.foot-menu {
				grid-area: m;
				margin: 0;
				padding-left: 83px;
		}
		.foot-menu .col:nth-child(3) {
				border-bottom-width: 0;
		}
		.foot-logo {
				grid-area: l;
				width: 183px;
				height: 30px;
				background-image: url(/local/templates/o22/css/../img/logo/orgmebel_logo_fin-03.svg);
				margin: 11px 0 25px 0;
		}
		.foot-contacts {
				grid-area: c;
				border-top: 0.5px solid #334D81;
				font-size: 13px;
				line-height: 28px;
				flex-direction: row;
				flex-wrap: wrap;
				color: var(--grey300);
				padding: 50px 0 0 0;
				margin: 29px 0 0 0;
		}
		.foot-contacts .col {
				width: 50%;
				flex: 0 0 auto;
		}
		.foot-contacts .col.bg-tel strong {
				font-size: 13px;
		}
		
		.foot-social {
				grid-area: s;
				margin: 0 0 38px 0;
				gap: 40px;
				justify-content: flex-start;
				padding-left: 4px;
		}
		.foot-social > *:not(.sep) {
				font-size: 13px;
				gap: 15px;
				color: var(--grey500);
		}
		.foot-social .sep {
				display: none;
		}
		.foot-payments {
				position: relative;
				grid-area: p;
				display: block;
		}
		.foot-payments > * {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-left: 4px;
		}
		.foot-payments img {
				width: auto;
				height: auto;
				max-height: 24px;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				opacity: 0.5;
		}
		@media (pointer:fine) {
				.foot-payments span:hover img {
						opacity: 1;
				}
		}
		.foot-text {
				grid-area: t;
				font-size: 12px;
				letter-spacing: -0.02em;
				color: var(--grey600);
				background: none;
				padding: 0 0 25px 0;
				border-bottom: 0.5px solid rgba(225, 232, 255, 0.25);
				margin: 0 0 36px 0;
				text-align: left;
		}
		.foot-text br {
				display: none;
		}
		.foot-text .hide-tab {
				display: none;
		}
		.foot-text .show-tab {
				display: inline;
		}
}
/*tablet end*/
/*tablet-big start*/
@media only screen and (min-width: 1024px) {
		.foot-menu {
				display: flex;
				gap: 54px;
		}
		.foot-menu .col {
				flex: 1 1 auto;
				border: 0;
		}
		.foot-menu .label {
				text-transform: none;
				padding: 8px 0 9px 36px;
				margin: 0 0 11px -10px;
				color: var(--white) !important;
				cursor: default;
				transition: none;
				background-repeat: no-repeat;
		}
		.foot-menu .label:before, .foot-menu .label:after {
				display: none;
		}
		.foot-menu .label.bg-catalog {
				background-image: url(/local/templates/o22/css/../img/icons/footer/textalign-right.svg);
				background-size: auto 16px;
				background-position: 3px 10px;
		}
		.foot-menu .label.bg-info {
				background-image: url(/local/templates/o22/css/../img/icons/footer/note.svg);
				background-size: auto 22px;
				background-position: 0 8px;
		}
		.foot-menu .label.bg-people {
				background-image: url(/local/templates/o22/css/../img/icons/footer/profile-2user.svg);
				background-size: auto 22px;
				background-position: 0 7px;
		}
		.foot-menu .links {
				display: block !important;
				overflow: visible !important;
				height: auto !important;
		}
		.foot-menu .in {
				font-weight: normal;
				font-size: 13px;
				padding: 0;
				top: 0;
		}
		.foot-menu .in > * {
				color: var(--grey500);
		}
		.foot-menu .in > *:before {
				height: 1.5px;
				background: var(--grey200);
				border-radius: 0.75px;
		}
		.foot-menu .sup {
				color: var(--sec-light);
		}
		.foot-menu .in .all svg {
				fill: var(--grey500);
		}
		.foot-menu .to-bottom {
				margin-top: 40px;
		}
		.foot-contacts .hide-tab {
				display: none;
		}
		.foot-contacts .show-tab {
				display: inline;
		}
		.foot-contacts {
				flex-wrap: nowrap;
				justify-content: space-between;
		}
		.foot-contacts .col {
				width: auto;
				max-width: 33.333333%;
		}
		.foot-contacts .col.bg-email {
				display: none;
		}
}
/*tablet-big end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.footer {
				padding-top: 80px;
				padding-bottom: 80px;
		}
		.footer .container {
				padding: 0 40px;
				grid-template-columns: 330px 1fr;
		}
		.foot-menu {
				padding-left: 123px;
				gap: 0;
		}
		.foot-menu .label {
				font-size: 18px;
				margin-bottom: 18px;
		}
		.foot-menu .in {
				font-size: 14px;
				letter-spacing: 0.01em;
		}
		.foot-menu .in > * {
				color: var(--grey500);
		}
		.foot-logo {
				grid-area: l;
				width: 196px;
				height: 34px;
				background-image: url(/local/templates/o22/css/../img/logo/orgmebel_logo_fin-03.svg);
				margin-bottom: 21px;
		}
		.foot-contacts {
				font-size: 14px;
				line-height: 30px;
				color: var(--grey200);
				gap: 39px 0;
		}
		.foot-contacts .col.bg-email {
				display: block;
		}

		.foot-social {
				margin-bottom: 70px;
				padding-left: 0;
				gap: 50px;
		}
		.foot-social > *:not(.sep) {
				gap: 21px;
		}
		.foot-social > * span {
				position: relative;
				padding-left: 17px;
		}
		.foot-social > * span:before {
				content: '';
				position: absolute;
				top: 50%;
				left: 0;
				width: 1px;
				height: 30px;
				margin: -15px 0;
				background: var(--grey800);
		}
		.foot-payments > * {
				max-width: 317px;
				padding-left: 0;
		}
		.foot-payments img {
				max-height: 30px;
		}
		.foot-text {
				font-size: 13px;
				padding-bottom: 29px;
				margin-bottom: 50px;
		}
		.foot-text br {
				display: block;
		}
		.foot-text .hide-tab {
				display: inline;
		}
		.foot-text .show-tab {
				display: none;
		}
}
/*desktop end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
		.footer .container {
				grid-template-columns: 330px 1fr 340px;
				grid-template-rows: auto auto auto 1fr;
				grid-template-areas: "l m c""t m c""s m c""p m c";
		}
		.foot-menu {
				padding-left: 123px;
				position: static;
				gap: 0;
		}
		.foot-contacts {
				border: 0;
				margin: 0;
				position: relative;
				left: 5px;
				padding: 0;
				flex-direction: column;
				justify-content: flex-start;
		}
		.foot-contacts .col {
				width: 100%;
				max-width: none;
		}
		.foot-contacts .col.bg-tel strong {
				font-size: 14px;
		}
		.foot-contacts .hide-tab {
				display: inline;
		}
		.foot-contacts .show-tab {
				display: none;
		}
}
/* End */


/* Start:/local/templates/o22/css/breadcrumbs.css?17151259611869*/
@charset "UTF-8";
.breadcrumbs {
		flex: 0 0 auto;
		width: 100%;
		overflow: hidden;
		font-weight: 300;
		font-size: 12px;
		line-height: 21px;
		letter-spacing: -0.01em;
		color: var(--grey500);
		padding: 24px 0 8px 0;
}
.breadcrumbs .swiper {
		overflow: visible !important;
}
.breadcrumbs a {
		color: var(--grey500);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none;
}
.breadcrumbs svg {
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.breadcrumbs a:hover {
				color: var(--hover-dark);
		}
		.breadcrumbs a:hover svg {
				fill: var(--hover-dark);
		}
}
.breadcrumbs .swiper-slide {
		position: relative;
		width: auto;
}
.breadcrumbs .swiper-slide:not(:last-child) {
		padding-right: 29px;
}
.breadcrumbs .swiper-slide:not(:last-child):after {
		content: '→';
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		width: 29px;
}
.breadcrumbs .home {
		text-align: left;
		text-indent: -100vw;
		overflow: hidden;
		width: 21px;
		height: 21px;
		margin: 0 -5px 0 -2px;
		display: block;
		position: relative;
}
.breadcrumbs .home svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.breadcrumbs {
				padding-top: 30px;
				padding-bottom: 15px;
				font-size: 15px;
		}
		.breadcrumbs .swiper-slide:not(:last-child) {
				padding-right: 39px;
		}
		.breadcrumbs .swiper-slide:not(:last-child):after {
				width: 39px;
		}
		.breadcrumbs .home {
				text-indent: 0;
				width: auto;
				height: auto;
				margin: 0;
				display: inline;
		}
		.breadcrumbs .home svg {
				display: none;
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.breadcrumbs {
				padding-top: 45px;
		}
}
/* End */


/* Start:/local/templates/o22/css/modal-login.css?169638053111857*/
@charset "UTF-8";
.mfp-login .modal-login {
		opacity: 0;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 0, 0);
}
.mfp-login.mfp-ready .modal-login {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
.mfp-login.mfp-removing .modal-login {
		opacity: 0;
		transform: translate3d(0, 0, 0);
}
.mfp-login.mfp-bg {
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		background: var(--white);
}
.mfp-login.mfp-ready.mfp-bg {
		opacity: 1;
}
.mfp-login.mfp-removing.mfp-bg {
		opacity: 0;
}
.mfp-login .mfp-container {
		padding: 0 !important;
		overflow: hidden !important;
		height: 100% !important;
}
.mfp-login .mfp-container:before {
		display: none;
}
.mfp-login .mfp-content {
		vertical-align: bottom;
		height: 100% !important;
		display: flex;
		flex-direction: column;
		overflow: hidden !important;
		touch-action: none;
		user-select: none;
}
.modal-login {
		flex: 0 0 auto;
		width: 100%;
		height: 100%;
		position: relative;
}
.modal-login .image {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
}
.modal-login.bg-reg .image {
		background-color: #90bbd7;
		background-image: url(/local/templates/o22/css/../img/login/mob-reg.png);
}
.modal-login.bg-login .image {
		background-color: #d0d8d5;
		background-image: url(/local/templates/o22/css/../img/login/mob-login.png);
}
.modal-login.bg-password .image {
		background-color: #cdcdc8;
		background-image: url(/local/templates/o22/css/../img/login/mob-password.png);
}
.modal-login-close {
		cursor: pointer;
		border: 0;
		outline: none;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
		user-select: none;
}
.modal-login-close svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		fill: #2D3748;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.modal-login-close:hover svg {
				fill: var(--orange);
		}
}
.modal-login-inner {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		overflow-y: auto;
		background: rgba(255, 255, 255, 0.1);
		-webkit-backdrop-filter: blur(32px);
		backdrop-filter: blur(32px);
		transform: translateZ(0);
		backface-visibility: hidden;
}
.modal-login .wrap {
		flex: 0 0 auto;
		width: 100%;
		padding: 40px 25px;
		margin: auto;
		max-width: 352px;
		position: relative;
}
.modal-login-title {
		text-align: center;
		margin: 0 0 38px 0;
		font: normal 14px/26px var(--fontg);
		letter-spacing: 0.005em;
		color: #2D3748;
}
.modal-login-title:before {
		content: '';
		display: block;
		margin: 0 auto 8px auto;
		background: url(/local/templates/o22/css/../img/logo/sq.svg) no-repeat 50% 50%;
		background-size: contain;
		width: 29px;
		height: 29px;
}
.modal-login-title .big {
		font-weight: 900;
		font-size: 24px;
		line-height: 40px;
		letter-spacing: normal;
		margin: 0 0 24px 0;
		color: #31396D;
}
.modal-login-title a {
		color: var(--white);
		text-decoration: underline;
		font-weight: 500;
		font-size: 16px;
}
@media (pointer:fine) {
		.modal-login-title a:hover {
				text-decoration: none;
		}
}
@media only screen and (max-width: 767px) {
		.modal-login .main-input input {
				border-radius: 0;
				background: none;
				height: 60px;
				padding-left: 16px;
				border-width: 0 0 1px 0;
				border-color: rgba(255, 255, 255, 0.7);
				color: #2D3748;
				box-shadow: none !important;
		}
		.modal-login .main-input input:focus {
				border-color: var(--yellow);
		}
		.modal-login .main-input input::-webkit-input-placeholder {
				font-size: 12px;
				letter-spacing: -0.01em;
				color: rgba(21, 33, 54, 0.5);
		}
		.modal-login .main-input input::-moz-placeholder {
				font-size: 12px;
				letter-spacing: -0.01em;
				color: rgba(21, 33, 54, 0.5);
		}
		.modal-login .main-input input:-ms-input-placeholder {
				font-size: 12px;
				letter-spacing: -0.01em;
				color: rgba(21, 33, 54, 0.5);
		}
		.modal-login input[type="password"] {
				padding-right: 54px;
		}
		.modal-login .eye {
				width: 54px;
		}
		.modal-login .eye svg {
				fill: var(--white);
		}
		.modal-login .main-checks, .modal-login .main-checks a {
				color: var(--white);
		}
		.modal-login .main-checks a {
				text-decoration: underline;
		}
		@media (pointer:fine) {
				.modal-login .eye:hover svg {
						fill: var(--orange);
				}
				.modal-login .main-checks a:hover {
						text-decoration: none;
				}
				.modal-login .checkbox {
						border-width: 0;
						background: rgba(247, 250, 252, 0.8);
				}
		}
}
.modal-login-el {
		margin: 0 0 21px 0;
}
.modal-login .password-checker {
		margin: 28px 0 30px 0;
}
.modal-login-submit {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 20px;
		margin: 38px 0 0 0;
		font: 600 13px/24px var(--fontg);
		color: var(--white);
}
.modal-login-submit .btn {
		padding: 0 42px;
}
.modal-login-submit .btn .for-tablet {
		display: none;
}
.modal-login-submit a {
		text-decoration: none;
		color: var(--white);
}
@media (pointer:fine) {
		.modal-login-submit a:hover {
				text-decoration: underline;
		}
}
.modal-login-submit .btn.wide {
		width: 100%;
}
.modal-login-submit .captcha {
		display: none;
}
.modal-login .or {
		overflow: hidden;
		text-align: center;
		margin: 36px 0 12px 0;
		color: rgba(255, 255, 255, 0.7);
		font: 600 12px/18px var(--fontg);
		letter-spacing: 0.005em;
}
.modal-login .or:before, .modal-login .or:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 100vw;
		top: -1px;
		height: 1px;
		background: rgba(255, 255, 255, 0.5);
}
.modal-login .or:before {
		margin-left: -100vw;
		left: -10px;
}
.modal-login .or:after {
		margin-right: -100vw;
		left: 10px;
}
.modal-login-social {
		display: flex;
		align-items: center;
}
.modal-login-social > * {
		opacity: 0.6;
		font: 600 12px/30px var(--fontg);
		color: var(--white);
		letter-spacing: -0.01em;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		gap: 8px;
		text-decoration: none;
		padding: 15px 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.modal-login-social > a:hover {
				opacity: 1;
		}
}
.modal-login-social > *:before {
		content: '';
		flex: 0 0 auto;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
}
.modal-login-social > .bg-google:before {
		background-image: url(/local/templates/o22/css/../img/login/social/white-google.svg);
		width: 19px;
		height: 20px;
}
.modal-login-social > .bg-vk:before {
		background-image: url(/local/templates/o22/css/../img/login/social/white-vk.svg);
		width: 25px;
		height: 14px;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.modal-login.bg-reg .image {
				background-image: url(/local/templates/o22/css/../img/login/tab-reg.png);
		}
		.modal-login.bg-login .image {
				background-image: url(/local/templates/o22/css/../img/login/tab-login.png);
		}
		.modal-login.bg-password .image {
				background-image: url(/local/templates/o22/css/../img/login/tab-password.png);
		}
		.modal-login-close {
				width: 40px;
				height: 40px;
				margin: 60px;
		}
		.modal-login-close svg {
				width: 40px;
				height: 40px;
		}
		.modal-login-inner {
				background: none;
				-webkit-backdrop-filter: none;
				backdrop-filter: none;
				border-radius: 0;
				box-shadow: none;
				border: 0;
		}
		.modal-login .wrap {
				background: rgba(255, 255, 255, 0.75);
				box-shadow: 0px 0px 2px rgba(7, 22, 51, 0.15), 0px 50px 80px rgba(7, 22, 51, 0.25);
				-webkit-backdrop-filter: blur(10px);
				backdrop-filter: blur(10px);
				border-radius: 24px;
				padding: 50px;
				max-width: 520px;
				position: relative;
		}
		.modal-login-title {
				margin-bottom: 25px;
				font-size: 15px;
				letter-spacing: 0.005em;
				color: #7487A8;
				text-align: left;
		}
		.modal-login-title:before {
				width: 60px;
				height: 60px;
				position: absolute;
				bottom: 100%;
				left: 50%;
				margin: 80px -30px;
		}
		.modal-login-title .big {
				margin-bottom: 15px;
				color: #657CA4;
				letter-spacing: -0.01em;
		}
		.modal-login-title a {
				color: var(--blue);
				font-size: 17px;
				font-weight: 600;
				text-decoration: none;
		}
		@media (pointer:fine) {
				.modal-login-title a:hover {
						text-decoration: underline;
				}
		}
		.modal-login-el {
				margin-bottom: 20px;
		}
		.modal-login .password-checker {
				margin-top: 20px;
				margin-bottom: 30px;
		}
		.modal-login-submit {
				margin-top: 25px;
				font-size: 15px;
				flex-wrap: nowrap;
		}
		.modal-login-submit .btn {
				padding: 0 39px;
				min-width: 180px;
				font-size: 16px;
		}
		.modal-login-submit .btn .for-mobile {
				display: none;
		}
		.modal-login-submit .btn .for-tablet {
				display: inline;
		}
		.modal-login-submit a {
				color: var(--blue);
		}
		.modal-login-submit .btn.wide {
				padding: 0;
				width: 180px;
		}
		.modal-login-submit .captcha {
				display: block;
				transform-origin: 0 50%;
				margin: -20px 0;
				transform: scale(0.73);
		}
		.modal-login .or {
				font-size: 14px;
				color: var(--darker);
				font-weight: 500;
				max-width: 342px;
				margin: 35px auto 24px auto;
		}
		.modal-login .or:before, .modal-login .or:after {
				background: rgba(148, 164, 196, 0.5);
		}
		.modal-login .or:before {
				left: -18px;
		}
		.modal-login .or:after {
				left: 18px;
		}
		.modal-login-social {
				gap: 20px;
		}
		.modal-login-social > * {
				opacity: 1;
				background: var(--white);
				border-radius: 25px;
				font-size: 14px;
				color: var(--sec-dark);
				gap: 16px;
				height: 50px;
				padding: 0;
				transition: none;
		}
		.modal-login-social > .bg-google:before {
				background-image: url(/local/templates/o22/css/../img/login/social/color-google.svg);
		}
		.modal-login-social > .bg-vk:before {
				background-image: url(/local/templates/o22/css/../img/login/social/color-vk.svg);
				width: 28px;
				height: 16px;
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.mfp-login .modal-login {
				opacity: 0;
				transform: translate3d(0, 60px, 0);
		}
		.mfp-login.mfp-ready .modal-login {
				opacity: 1;
				transform: translate3d(0, 0, 0);
		}
		.mfp-login.mfp-removing .modal-login {
				opacity: 0;
				transform: translate3d(0, 60px, 0);
		}
		.mfp-login.mfp-bg {
				opacity: 0;
				background: #061523;
		}
		.mfp-login.mfp-ready.mfp-bg {
				opacity: 0.6;
		}
		.mfp-login.mfp-removing.mfp-bg {
				opacity: 0;
		}
		.modal-login {
				height: auto;
				max-width: 1200px;
				margin: auto;
				background: var(--white);
				box-shadow: 0px 0px 2px rgba(38, 73, 141, 0.14), 0px 30px 80px rgba(9, 66, 153, 0.12);
				border-radius: 7px;
				max-height: 100%;
		}
		.modal-login .image {
				left: 520px;
				border-radius: 0 7px 7px 0;
		}
		.modal-login.bg-reg .image {
				background-image: url(/local/templates/o22/css/../img/login/desktop-reg.png);
		}
		.modal-login.bg-login .image {
				background-image: url(/local/templates/o22/css/../img/login/desktop-login.png);
		}
		.modal-login.bg-password .image {
				background-image: url(/local/templates/o22/css/../img/login/desktop-password.png);
		}
		.modal-login-close {
				width: 66px;
				height: 66px;
				margin: 0;
		}
		.modal-login-close svg {
				fill: #475C81;
				width: auto;
				height: auto;
		}
		.modal-login-inner {
				height: 100%;
		}
		.modal-login .wrap {
				-webkit-backdrop-filter: none;
				backdrop-filter: none;
				background: none;
				box-shadow: none;
				border-radius: 0;
				max-width: none;
				width: 520px;
				margin: 0;
		}
		.modal-login-title:before {
				display: none;
		}
		.modal-login-social > * {
				border: 1px solid rgba(191, 204, 227, 0.4);
		}
		.modal-login.min {
				max-width: 520px;
		}
		.modal-login.min .image {
				display: none;
		}
		.modal-login.min .modal-login-close svg {
				fill: var(--sec-dark);
		}
}
/* End */


/* Start:/local/templates/o22/css/modals-base.css?17388830627566*/
@charset "UTF-8";
.modal-slide {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		max-height: calc(100% - 80px);
		border-radius: 40px 40px 0 0;
		background: var(--white);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px -35px 50px rgba(5, 21, 46, 0.26);
		backface-visibility: hidden;
}
.modal-slide-inner {
		overflow: hidden;
		overflow-y: auto;
		height: 100%;
		border-radius: inherit;
		backface-visibility: hidden;
		transform: translateZ(0);
}
.modal-slide .handler {
		cursor: s-resize;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		height: 36px;
		border-radius: 40px 40px 0 0;
}
.modal-slide .handler:before {
		content: '';
		position: absolute;
		top: 16px;
		left: 50%;
		width: 120px;
		height: 4px;
		background: #7D91B3;
		border-radius: 2px;
		margin: 0 -60px;
}
.mfp-slide .modal-slide, .mfp-side .modal-side {
		opacity: 0;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 100%, 0);
}
.mfp-slide.mfp-ready .modal-slide, .mfp-side.mfp-ready .modal-side {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
.mfp-slide.mfp-removing .modal-slide, .mfp-side.mfp-removing .modal-side {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
}
.mfp-slide.mfp-bg, .mfp-side.mfp-bg {
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		background: #061523;
}
.mfp-slide.mfp-ready.mfp-bg, .mfp-side.mfp-ready.mfp-bg {
		opacity: 0.6;
}
.mfp-slide.mfp-removing.mfp-bg, .mfp-side.mfp-removing.mfp-bg {
		opacity: 0;
}
.mfp-slide .mfp-container, .mfp-side .mfp-container {
		padding: 0 !important;
		overflow: hidden !important;
		height: 100% !important;
}
.mfp-slide .mfp-container:before, .mfp-side .mfp-container:before {
		display: none;
}
.mfp-slide .mfp-content, .mfp-side .mfp-content {
		vertical-align: bottom;
		height: 100% !important;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		overflow: hidden !important;
		touch-action: none;
		user-select: none;
}
.modal-side {
		flex: 0 0 auto;
		width: 100%;
		margin: auto 0 0 auto;
		position: relative;
		max-height: calc(100% - 80px);
		background: var(--white);
		box-shadow: -5px 0px 25px rgba(0, 0, 0, 0.25);
		backface-visibility: hidden;
}
.modal-side-scroll {
		max-height: 100%;
		position: relative;
		overflow: hidden;
		overflow-y: auto;
}
.modal-slide-close {
		position: absolute;
		top: 0;
		right: 0;
		width: 66px;
		height: 66px;
		cursor: pointer;
		user-select: none;
		display: none;
		z-index: 30;
}
.modal-slide-close:before, .modal-slide-close:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		height: 2px;
		width: 24px;
		border-radius: 1px;
		background: var(--sec-dark);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.modal-slide-close:before {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.modal-slide-close:after {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (pointer:fine) {
		.modal-slide-close:hover:before, .modal-slide-close:hover:after {
				background: var(--hover-dark);
		}
}
.modal-side-close {
		position: absolute;
		left: auto;
		right: 100%;
		width: 52px;
		height: 52px;
		border-radius: 3px 0 0 3px;
		top: 50%;
		transform: translate3d(0, -50%, 0);
		background: var(--white);
		cursor: pointer;
		user-select: none;
		display: none;
}
.modal-side-close:before, .modal-side-close:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		height: 3px;
		width: 17px;
		border-radius: 1.5px;
		background: var(--sec-dark);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.modal-side-close:before {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.modal-side-close:after {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (pointer:fine) {
		.modal-side-close:hover:before, .modal-side-close:hover:after {
				background: var(--hover-dark);
		}
}
.modal-slide-inner {
		overflow: hidden;
		overflow-y: auto;
		height: 100%;
		border-radius: inherit;
		backface-visibility: hidden;
		transform: translateZ(0);
}
.modal-form-title {
		text-align: center;
		font: 900 24px/40px var(--fontg);
		letter-spacing: -0.01em;
		color: #657CA4;
		margin: 0 0 25px 0;
}
.modal-form .modal-slide-inner {
		padding: 46px 25px 35px 25px;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {

		.modal-slide .handler {
				display: none;
		}
		.mfp-slide .modal-slide {
				transform: translate3d(0, -60px, 0);
				opacity: 0;
		}
		.mfp-slide.mfp-ready .modal-slide {
				opacity: 1;
				transform: translate3d(0, 0, 0);
		}
		.mfp-slide.mfp-removing .modal-slide {
				transform: translate3d(0, -60px, 0);
				opacity: 0;
		}
		.mfp-side .modal-side, .mfp-slide .modal-side-slide {
				transform: translate3d(100%, 0, 0);
				opacity: 0;
		}
		.mfp-side.mfp-ready .modal-side, .mfp-slide.mfp-ready .modal-side-slide {
				opacity: 1;
				transform: translate3d(0, 0, 0);
		}
		.mfp-side.mfp-removing .modal-side, .mfp-slide.mfp-removing .modal-side-slide {
				opacity: 0;
				transform: translate3d(100%, 0, 0);
		}
		.mfp-slide .mfp-content, .mfp-side .mfp-content {
				justify-content: center;
		}
		.modal-slide {
				margin: auto;
				box-shadow: 0px 0px 2px rgba(38, 73, 141, 0.14), 0px 30px 80px rgba(9, 66, 153, 0.12);
				border-radius: 7px;
		}
		.modal-side, .modal-side-slide {
				margin: auto 0 auto auto;
				max-height: 100%;
				width: calc(100% - 62px);
				border-radius: 0;
		}
		.modal-slide-close, .modal-side-close {
				display: block;
		}
		.modal-form {
				max-width: 580px;
		}
		.modal-form .modal-slide-inner {
				padding: 40px 40px 45px 40px;
		}
		.modal-form-title {
				text-align: left;
		}
		.modal-info {
				max-width: 750px;
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.modal-slide-close {
				margin: 7px;
		}
}


.modal-submit-mini .modal-slide-inner {
		text-align: center;
		font: 900 24px/32px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--title);
}
.modal-submit-mini .btns {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
		margin: 25px 0 0 0;
}
.modal-submit-mini .btns .btn {
		flex: 1 1 auto;
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
}
@media only screen and (max-width: 767px) {
		.modal-submit-mini .modal-slide-inner {
				padding: 55px 35px 35px 35px;
		}
}
@media only screen and (min-width: 768px) {
		.modal-submit-mini {
				max-width: 450px;
		}
		.modal-submit-mini .modal-slide-inner {
				padding: 40px 54px;
		}
}

/*map in order*/
.modal-map-frame{max-width:1270px;}
.modal-map-frame.modal-slide .modal-slide-close:before, .modal-map-frame.modal-slide .modal-slide-close:after{
height: 2px;
width: 18px;
background: #475C81;
}
.modal-map-frame .modal-slide-close{
    background: #ECF2F8;
    margin: 0;
    height: 44px;
    border-radius: 50%;
    width: 44px;
    right: -40px;
    top: -40px;
    border: 1px solid #E2E8F0;
}

.mfp-side .modal-map-frame {
		opacity: 0;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 100%, 0);
}
.mfp-side.mfp-ready .modal-map-frame {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
.mfp-side.mfp-removing .modal-map-frame {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
}
.mfp-side.mfp-ready .modal-map-frame .modal-slide-inner{
	padding: 8px 8px 0px 8px;
}

/* End */


/* Start:/local/templates/o22/css/modal-added.css?17166356935402*/
@charset "UTF-8";
.modal-added .modal-slide-inner {
		padding: 39px 25px 30px 25px;
}
.modal-added .modal-form-title {
		margin: 0 0 35px 0;
}
.modal-added .modal-form-title .flex {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 10px 30px;
		text-align: left;
		margin-bottom: -15px;
}
.modal-added .modal-form-title:has(.flex):after {
		display: none;
}
.modal-added .modal-form-title .small {
		font: 600 14px/24px var(--fonti);
		letter-spacing: -0.015em;
		margin-top: 3px;
}
@media only screen and (min-width: 768px) {
		.modal-added .modal-form-title .flex {
				justify-content: flex-start;
				margin-bottom: 0;
		}
		.modal-added .modal-form-title .small {
				font-size: 15px;
		}
}
.modal-added .modal-form-title:after {
		content: '';
		display: block;
		margin: 10px auto 0 auto;
		width: 60px;
		height: 3px;
		border-radius: 1.5px;
		background: var(--yellow);
}
.modal-added .cart-item {
		border-width: 1px 0;
		margin-bottom: -1px;
}
.modal-added .cart-item .number {
		font-weight: 600;
		font-family: var(--fontg);
}
@media only screen and (max-width: 767px) {
.modal-added .cart-item {
				margin-left: -25px;
		}
		.modal-added .cart-item:not(:has(.delete)) {
				padding-top: 15px;
				padding-bottom: 15px;
		}
}
@media only screen and (max-width: 1279px) {
		.modal-added .cart-item .number {
				text-align: left;
		}
}
.modal-added-btns {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px 16px;
		margin: 30px 0 0 0;
}
.modal-added-btns .btn {
		width: 100%;
}
.modal-added .form-triggers {
		margin: 30px 0 0 0;
}
@media only screen and (max-width: 767px) {
		.modal-added-btns .btn:not(.btn-orange), .modal-added .form-triggers {
				display: none;
		}
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.modal-added {
				max-width: 960px;
		}
		.modal-added .modal-slide-inner {
				padding: 40px 30px;
		}
		.modal-added .modal-form-title {
				margin: 0 0 39px 0;
				font-size: 36px;
				padding: 0 5px;
		}
		.modal-added .modal-form-title .flex {
				font-size: 30px;
				line-height: 40px;
				color: var(--grey700);
				margin-bottom: -5px;
		}
		.modal-added .modal-form-title:after {
				display: none;
		}
		.modal-added .cart-item {
				padding-top: 32px;
				padding-bottom: 30px;
		}
		.modal-added .cart-item .photo {
				padding: 10px 12.5px 0 12.5px;
		}
		.modal-added .cart-item:not(:has(.delete)) .price {
				margin-right: 25px;
		}
		.modal-added .cart-item .price strong {
				font-size: 24px;
		}
		.modal-added-basket .cart-item .price strong {
				font-weight: bold;
				font-size: 18px;
				line-height: 24px;
		}
		.modal-added-basket .cart-item .number {
				font-size: 18px;
				line-height: 24px;
		}
		.modal-added-btns {
				margin: 0;
				padding: 40px 0 0 0;
				gap: 20px;
		}
		.modal-added-btns .btn {
				width: auto;
				padding: 0 45px;
				font-size: 18px;
				font-weight: 500;
				height: 64px;
				letter-spacing: -0.01em;
		}
		.modal-added-btns .btn-orange {
				min-width: 313px;
				font-weight: bold;
				font-size: 20px;
		}
		.modal-added .form-triggers {
				margin-top: 42px;
		}
}
/*tablet-big end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.modal-added {
				max-width: 1320px;
		}
		.modal-added:not(.modal-added-basket) .modal-slide-inner {
				padding: 60px 60px 55px 65px;
		}
		.modal-added-basket {
				max-width: 1100px;
		}
		.modal-added-basket .modal-slide-inner {
				padding: 50px;
		}
		.modal-added .modal-form-title {
				padding: 0;
		}
		.modal-added .cart-item {
				padding: 45px 0;
				gap: 0 60px
		}
		.modal-added .cart-item .delete svg {
				display: none;
		}
		.modal-added .cart-item .delete:before, .modal-added .cart-item .delete:after {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				width: 26px;
				height: 3px;
				border-radius: 1.5px;
				background: var(--danger);
		}
		.modal-added .cart-item .delete:before {
				transform: translate3d(-50%, -50%, 0) rotate(-45deg);
		}
		.modal-added .cart-item .delete:after {
				transform: translate3d(-50%, -50%, 0) rotate(45deg);
		}
		.modal-added .plus-minus input {
				font-size: 24px;
				width: 69px;
		}
}
@media only screen and (min-width: 1280px) {
		.modal-added .cart-item {
				flex-wrap: nowrap;
				align-items: center;
				flex-direction: row;
		}
		.modal-added .cart-item .photo {
				width: 200px;
				height: 125px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				max-height: none;
				position: relative;
				top: auto;
				left: auto;
				transform: none;
				flex: 0 0 auto;
				margin: -15px -35px -15px 0;
				padding: 10px 12.5px 0 12.5px;
		}
		.modal-added .cart-item .text {
				flex: 1;
				padding: 0 20px 0 0;
		}
		.modal-added .cart-item .number {
				width: auto;
				min-width: 0;
				flex: 0 0 auto;
		}
		.modal-added .cart-item .price {
				margin: 0 32px 0 0;
				padding: 0 0 0 20px;
				min-width: 111px;
				text-align: right;
				align-items: flex-end;
		}
		.modal-added .cart-item .plus-minus {
				margin: 0;
		}
		.modal-added .cart-item .delete, .modal-added .cart-item .link-to-fav {
				width: 24px;
				height: 24px;
				flex: 0 0 auto;
				position: relative;
				top: auto;
				left: auto;
				right: auto;
				background: none;
				margin: 0 18px 0 0;
		}
}
/* End */


/* Start:/local/templates/o22/css/modal-select-city.css?16963805313777*/
@charset "UTF-8";
.select-city-top {
		position: sticky;
		z-index: 5;
		top: 0;
		background: var(--white);
		padding: 55px 35px 0 35px;
		font: 900 24px/25px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--title);
}
.select-city-top .input {
		margin: 20px -10px 0 -10px;
		position: relative;
}
.select-city-top .input input {
		padding-left: 30px;
		padding-right: 60px;
		height: 60px;
		border-radius: 30px;
		font-weight: 500;
		font-size: 15px;
		color: var(--grey800);
}
.select-city-top .input input::-webkit-input-placeholder {
		font-size: 16px;
}
.select-city-top .input input::-moz-placeholder {
		font-size: 16px;
}
.select-city-top .input input:-ms-input-placeholder {
		font-size: 16px;
}
.select-city-top .input svg {
		position: absolute;
		top: 50%;
		right: 30px;
		margin: -10px 0;
		width: 20px;
		height: 20px;
		fill: var(--sec-dark);
		pointer-events: none;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.select-city-top .input input:not(:placeholder-shown) ~ svg {
		fill: var(--grey800);
}
.modal-select-city .links {
		padding: 20px 35px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
}
.modal-select-city .links label {
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
		cursor: pointer;
		user-select: none;
}
.modal-select-city .links input {
		transform: scale(0);
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
}
.modal-select-city .links label span {
		display: block;
		font-weight: 300;
		font-size: 16px;
		line-height: 20px;
		position: relative;
		letter-spacing: -0.005em;
		color: var(--grey900);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		padding: 15px 10px 15px 32px;
		margin: 0 -10px 0 0;
}
.modal-select-city .links label span:before {
		content: '';
		position: absolute;
		top: 25px;
		left: 0;
		width: 12px;
		height: 0.5px;
		background: var(--grey600);
		transition-property: opacity, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.modal-select-city .links label span:after {
		content: '';
		position: absolute;
		top: 19px;
		left: 0;
		background: url(/local/templates/o22/css/../img/check-orange.svg) no-repeat 50% 50%;
		background-size: contain;
		width: 14px;
		height: 12px;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.modal-select-city .links label:hover span {
				color: var(--orange);
		}
		.modal-select-city .links label:hover span:before {
				background: var(--orange);
		}
}
.modal-select-city .links label input:checked ~ span {
		font-size: 18px;
		font-weight: 600;
		color: var(--grey800);
}
.modal-select-city .links label input:checked ~ span:before {
		opacity: 0;
}
.modal-select-city .links label input:checked ~ span:after {
		opacity: 1;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.modal-select-city {
				max-width: 700px;
				height: 700px;
		}
		.select-city-top {
				padding: 50px 50px 0 50px;
				line-height: 40px;
		}
		.select-city-top .input {
				margin: 24px 0 0 0;
		}
		.select-city-top .input input {
				border-radius: 5px;
				padding-right: 15px;
				padding-left: 62px;
		}
		.select-city-top .input input::-webkit-input-placeholder {
				font-size: 15px;
		}
		.select-city-top .input input::-moz-placeholder {
				font-size: 15px;
		}
		.select-city-top .input input:-ms-input-placeholder {
				font-size: 15px;
		}
		.select-city-top .input svg {
				right: auto;
				left: 22px;
		}
		.modal-select-city .links {
				padding: 24px 50px 50px 50px;
		}
		.modal-select-city .links label span {
				font-size: 18px;
				padding-left: 27px;
				letter-spacing: -0.04em;
		}
		.modal-select-city .links label span:before {
				width: 15px;
		}
}
/* End */


/* Start:/local/templates/o22/css/index.css?171585370640270*/
@charset "UTF-8";
.top-index-slider {
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 1920px;
	padding-bottom: 40px!important;/*0204*/
}
.top-index-slider .swiper-wrapper{
	    z-index: 1;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    transition-property: -webkit-transform,transform,-webkit-transform;
    display: flex;
    position: relative;
}
.top-index-slider .swiper-slide {
	   flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: -webkit-transform,transform,-webkit-transform;
    position: relative;
}
.top-index-slider .container {}
.top-index-slider a {
	text-decoration: none!important;
	transition: none!important;
	color: inherit!important;
}
.top-index-slider .image {}
.top-index-slider a.newV img {
	width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.top-index-slider .text {
	flex: 1 0 auto;
	width: 100%;
	padding: 96px 0;
	min-height: 500px;
	font-family: var(--fontg);
	color: #30365B;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
	gap: 4px 0;
}
.top-index-slider .text.white {
	color: var(--white);
}
.top-index-slider .size1 {
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
	letter-spacing: -0.03em;
}
.top-index-slider .size2 {
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.02em;
}
.top-index-slider .size3 {
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.01em;
	opacity: 0.8;
	margin: 2px 0;
}
.top-index-slider .btn {
	margin-top: 20px;
	text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.35);
	min-width: 286px;
	height: 60px;
	border-radius: 30px;
	font-weight: bold;
	font-size: 18px;
}
.top-index-slider .btn svg {
	filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.35));
}
.top-index-slider-pagination {
    justify-content: center;
    width: 100%;
    height: 5px;
    margin-top: 8px;
    display: flex;
    gap: 0 16px;
}
.top-index-slider-pagination .swiper-pagination-bullet {
	flex: 0 0 auto;
	position: relative;
	width: 10px!important;/*6px 0204*/
	height: 10px!important;/*6px 0204*/
	border-radius: 50%;
	background: var(--grey400)!important;
	margin: 0!important;
	transition-property: margin, background;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	opacity: 1!important;
}

@media (pointer:fine) {
	.top-index-slider-pagination .swiper-pagination-bullet:hover {background: var(--orange)!important;}
}
.top-index-slider-pagination .swiper-pagination-bullet svg {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px;
	fill: none;
	pointer-events: none;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	background: none;
	opacity: 0;
}
.top-index-slider-pagination .swiper-pagination-bullet svg path {
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 76;
	stroke-dashoffset: -76;
	stroke: var(--orange);
	stroke-width: 2px;
	transition: stroke-dashoffset 0.2s linear;
	transition-delay: 0.2s;
}
.top-index-slider-pagination .swiper-pagination-bullet-active {
	background: var(--orange)!important;
/*	margin: 0 3px!important;*//*0204*/
}
.top-index-slider-pagination .swiper-pagination-bullet-active svg {
	opacity: 0;/*1 0204*/
}
.top-index-slider-pagination .swiper-pagination-bullet-active svg path {
	stroke-dashoffset: 0;
	transition-duration: 5s;
	transition-delay: 0s;
}
.index-categories {
	display: grid;
	grid-auto-rows: 1fr;
	margin: 9px -17px -22px -17px;
	grid-template-columns: repeat(3, 1fr);
}
.index-categories .link {
	text-align: center;
	font: bold 15px/16px var(--fontg);
	letter-spacing: -0.02em;
	color: var(--blue);
	padding: 17px 10px 22px 10px;
	text-decoration: none;
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.index-categories .pic {
	margin: 0 auto 6px auto;
	width: 52px;
	height: 52px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
.index-categories .pic svg {
	flex: 0 0 auto;
	width: 100%;
	height: 100%;
	fill: var(--grey900);
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.index-categories .plus {
	width: 52px;
	height: 52px;
	margin: -8px auto 9px auto;
	border: 1px dashed var(--sec-dark);
	border-radius: 50%;
	position: relative;
	transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.index-categories .plus:before, .index-categories .plus:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	border-radius: 1px;
	background: var(--sec-dark);
	transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.index-categories .plus:before {
	transform: translate3d(-50%, -50%, 0);
}
.index-categories .plus:after {
	transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}

@media (pointer:fine) {
.index-categories a.link:hover {
	color: var(--hover);
}
.index-categories a.link:hover svg {
	fill: var(--hover);
}
.index-categories a.link:hover .plus {
	border-color: var(--hover);
}
.index-categories a.link:hover .plus:before, .index-categories a.link:hover .plus:after {
	background-color: var(--hover);
}
}
.index-recommend {
	pointer-events: none;
	margin: 38px 0 -200px 0;
	padding: 0 0 200px 0;
	overflow: hidden;
}
.index-recommend .container {
	pointer-events: all;
}
.index-recommend .content-title {
	margin-bottom: 24px;
}
.recommend-slider {
	overflow: visible!important;
	width: auto!important;
	margin: 0 -6px!important;
	position: relative;
}
.recommend-slider .main-slider-arrow {
	top: 86px;
}
.recommend-slider-prev {
	left: 6px;
}
.recommend-slider-next {
	right: 6px;
}
.recommend-slider .swiper-slide {
	height: auto!important;
	display: flex;
	flex-direction: column;
	width: 198px;
}
.item-recommend {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	padding: 6px 6px 16px 6px;
	text-align: center;
}

@media (pointer:fine) {
.item-recommend:hover {
	background: var(--white);
	box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.15), 0px 25px 45px rgba(20, 37, 63, 0.08);
}
}
.item-recommend .photo {
	display: block;
}
.item-recommend .photo img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-position: center;
}
.item-recommend.view-item .photo {
	margin: 0 -6px 6px -6px;
	height: 178px;
	padding: 17px;
}
.item-recommend.view-series .photo {
	margin: 0 0 24px 0;
	height: 160px;
}
.item-recommend.view-item .photo img {
	object-fit: contain;
}
.item-recommend.view-series .photo img {
	object-fit: cover;
}
.item-recommend a {
	color: inherit;
}

@media (pointer:fine) {
.item-recommend a:hover {
	color: var(--blue);
}
}
.item-recommend .colors {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 300;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: -0.01em;
	gap: 8px;
	margin: -16px 0 0 0;
	position: relative;
	top: -8px;
}
.item-recommend .colors a {
	color: var(--blue);
}

@media (pointer:fine) {
.item-recommend .colors a:hover {
	color: var(--orange);
}
}
.item-recommend .colors .color {
	flex: 0 0 auto;
	cursor: pointer;
	user-select: none;
	width: 16px;
	height: 16px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	border-radius: 50%;
	transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: calc(100% + 2px) auto;
}
.item-recommend .colors .color.active {
	box-shadow: 0 0 0 2px var(--white), 0 0 0 3px var(--grey500);
}
.item-recommend .category {
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.01em;
	margin: 0 0 8px 0;
	color: var(--grey500);
}
.item-recommend .name {
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	color: var(--grey900);
	letter-spacing: 0.01em;
	margin-top: auto;
	margin-bottom: auto;
}
.item-recommend .price {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	font: 600 16px/24px var(--fontg);
	letter-spacing: 0.015em;
	color: var(--grey900);
	margin: 12px 0 0 0;
}
.item-recommend .price > * {
	flex: 0 0 auto;
}
.item-recommend .price .red {
	color: #BD081C;
}
.item-recommend .price del {
	text-decoration: line-through;
	font-weight: normal;
	font-size: 14px;
	color: var(--grey500);
}
.item-recommend .price .status {
	margin-right: -13px;
}
.item-recommend .link-to-fav, .item-recommend .cover-action {
	margin: 10px;
}
.item-recommend .link-to-fav {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
}

@media (pointer:fine) {
.item-recommend:not(:hover) .link-to-fav:not(.active) {
	opacity: 0;
}
}
.index-news {
	margin: 50px 0 0 0;
}
.index-news .content-title {
	margin-bottom: 34px;
}
.index-news .grid {
	display: flex;
	flex-direction: column;
	gap: 50px 0;
}
.index-news .el {
	font-weight: 500;
	font-size: 15px;
	line-height: 21px;
	color: var(--grey800);
	display: flex;
	align-items: center;
	gap: 0 24px;
}
.index-news .el a {
	color: inherit;
}

@media (pointer:fine) {
.index-news .el a:hover {
	color: var(--blue);
}
}
.index-news .el .date {
	flex: 0 0 auto;
	margin: 0 0 0 -17px;
	width: 59px;
	height: 44px;
	text-align: center;
	color: var(--white);
	background: url(/local/templates/o22/css/../img/index-news-flag.svg) no-repeat 100% 50%;
	background-size: contain;
	padding: 0 10px 0 0;
	font: bold 16px/44px var(--fontg);
	letter-spacing: -0.02em;
	align-self: flex-start;
}
.index-about {
	background: var(--grey900) url(/local/templates/o22/css/../img/index-about/mobile.png) no-repeat 50% 50%;
	background-size: cover;
	margin: 48px 0 0 0;
	text-align: center;
	color: var(--grey200);
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: -0.01em;
	padding: 73px 0 77px 0;
	position: relative;
}
.index-about:before, .index-about:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}
.index-about:before {
	background: rgba(26, 77, 163, 0.6);
	mix-blend-mode: multiply;
}
.index-about:after {
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}
.index-about > * {
	position: relative;
	z-index: 2;
}
.index-about p {
	margin: 0 0 15px 0;
}
.index-about .accent {
	font-weight: 600;
}
.index-about .head {
	font: 600 16px/30px var(--fontg);
	color: var(--white);
	letter-spacing: 0.01em;
	margin: 0 0 48px 0;
}
.index-about .logo {
	width: 40px;
	height: 40px;
	margin: 0 auto 30px auto;
	background: url(/local/templates/o22/css/../img/logo/sq.svg) no-repeat 50% 50%;
	background-size: contain;
}
.index-about .big {
	font-weight: 900;
	font-size: 32px;
	text-transform: uppercase;
	margin: 0 0 19px 0;
	letter-spacing: 0.05em;
}
.index-about .big:after {
	content: '';
	display: block;
	margin: 20px auto 0 auto;
	width: 50px;
	height: 2px;
	border-radius: 1px;
	background: var(--yellow);
}
.index-about .for-link {
	margin: 48px 0 0 0;
}
.index-about .btn {
	min-width: 341px;
}

@media only screen and (max-width: 767px) {
.index-about .btn {
	color: #253859;
	background: var(--grad-yellow);
	background-color: #FFB800;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 120% 100%;
	box-shadow: 0px 8px 26px rgba(255, 196, 0, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
}
.index-about .btn svg {
	fill: #253859;
}
 @media (pointer:fine) {
 .index-about .btn:hover {
 background-position: 100% 100%;
 color: #253859;
}
}
}
.index-stat {
	background-image: url(/local/templates/o22/css/../img/index-stat/top-mobile.png), url(/local/templates/o22/css/../img/index-stat/bottom-mobile.png);
	background-repeat: no-repeat;
	background-position: 0 0, 100% 100%;
	background-size: auto 178px, auto 190px;
	position: relative;
	padding: 91px 0;
	font: 600 18px/28px var(--fontg);
	color: var(--deep-blue);
}
.index-stat:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(235, 247, 255, 0.8);
	-webkit-backdrop-filter: blur(11.5px);
	backdrop-filter: blur(11.5px);
}
.index-stat > * {
	position: relative;
}
.index-stat ul {
	display: flex;
	flex-direction: column;
	gap: 60px 0;
	margin: 0;
	padding: 0 36px;
}

@media only screen and (max-width: 767px) {
.index-stat ul br {
	display: none;
}
}
.index-stat li {
	display: flex;
	align-items: center;
	gap: 0 30px;
	margin: 0;
	padding: 0;
}
.index-stat li:before {
	display: none;
}
.index-stat .pic {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.index-stat .pic img {
	flex: 0 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.index-clients {
	overflow: hidden;
	margin: 67px 0 -100px 0;
	padding: 0 0 100px 0;
	pointer-events: none;
}
.index-clients .container {
	pointer-events: all;
}
.index-clients .content-title {
	display: none;
}
.clients-slider {
	width: auto!important;
	margin: 0 -16px!important;
	overflow: visible!important;
	position: relative;
}
.clients-slider .swiper-wrapper {
	align-items: center;
}
.clients-slider .swiper-slide {
	width: auto;
	height: auto!important;
	padding: 0 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.clients-slider .swiper-slide > * {
	flex: 0 0 auto;
}
.clients-slider .swiper-slide > *:not(img) {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.clients-slider img {
	flex: 0 0 auto;
	width: auto;
	height: auto;
	max-height: 35px;
}
.clients-slider-prev {
	left: 32px;
}
.clients-slider-next {
	right: 0;
}
.index-brands {
	pointer-events: none;
	margin: 76px 0 -50px 0;
	padding: 0 0 50px 0;
	font-weight: 300;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	letter-spacing: -0.01em;
	color: var(--grey800);
	overflow: hidden;
}
.index-brands .container {
	pointer-events: all;
}
.index-brands .top {
	font: 600 15px/24px var(--fontg);
	color: var(--darker);
	margin: 0 0 30px 0;
}
.index-brands .big {
	font: 900 24px/28px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--grey800);
	margin: 0 0 18px 0;
}
.index-brands .text:after {
	content: ' ';
	clear: both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}
.index-brands .text img {
	border-radius: 12px;
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto 36px auto;
}
.index-brands p {
	margin: 0 0 30px 0;
}
.brands-slider {
	overflow: visible!important;
	width: auto!important;
	position: relative;
	margin: 20px -15px 0 -15px!important;
}
.brands-slider .swiper-wrapper {
	align-items: center;
}
.brands-slider .swiper-slide {
	width: auto;
	height: auto!important;
	padding: 0 15px;
}
.brands-slider-prev {
	left: 0;
}
.brands-slider-next {
	right: 0;
}
.brands-slider .swiper-slide, .brands-slider .swiper-slide > *:not(img) {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.brands-slider .swiper-slide > *:not(img) {
	flex: 1 0 auto;
}
.brands-slider img {
	flex: 0 0 auto;
	width: auto;
	height: auto;
	max-height: 35px;
	filter: grayscale(100%);
	opacity: 0.2;
	transition-property: filter, opacity;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
.brands-slider a:hover img {
	filter: grayscale(0%);
	opacity: 1;
}
}
.index-why {
	background: #F2F7FF;
	margin: 54px 0 -60px 0;
	padding: 16px 0 60px 0;
	text-align: center;
	letter-spacing: -0.02em;
	font-weight: 600;
	font-size: 14px;
	line-height: 30px;
	color: var(--grey800);
}
.index-why .top {
	display: none;
	font: 900 24px/40px var(--fontg);
	color: var(--grey700);
}
.index-why ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 0;
	padding: 0;
	font: 500 12px/20px var(--fontg);
	color: #8C9DBB;
	letter-spacing: -0.01em;
	gap: 1px;
}
.index-why li:before {
	display: none;
}
.index-why li {
	margin: 0;
	padding: 31px 10px;
	background: var(--white);
}

@media only screen and (max-width: 767px) {
.index-why li:nth-child(9) {
	display: none;
}
}
.index-why .pic {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0 auto 8px auto;
}
.index-why .pic img {
	flex: 0 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.index-why .big {
	color: #4D6285;
	font-weight: bold;
	font-size: 15px;
	line-height: 28px;
	margin: 0 0 11px 0;
}
.index-why .big:after {
	content: '';
	display: block;
	margin: 5px auto 0 auto;
	width: 18px;
	height: 1.5px;
	border-radius: 0.75px;
	background: var(--yellow);
}
.index-why .text {
	margin: 34px 0 0 0;
}
.index-why .for-link {
	margin: 30px 0 0 0;
}
.index-why .for-link .btn {
	min-width: 341px;
}

/*mobile end*/

/*tablet start*/

@media only screen and (min-width: 768px) {
.top-index-slider .image img {
	width: 100%;
	height: 100%;
}
.top-index-slider .container {
	padding-left: 52px;
	padding-right: 52px;
}
.top-index-slider .text {
	padding: 70px 0 60px 0;
	min-height: 360px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
	gap: 12px 0;
}
.top-index-slider .text:not(.center) {
	text-align: left;
	align-items: flex-start;
}
.top-index-slider .size3 {
	margin: 20px 0 0 0;
}
.top-index-slider .btn {
	margin-top: auto;
	min-width: 180px;
}
.top-index-slider-pagination {
	/*bottom: -30px!important; 0204*/
}
.index-categories {
	margin: 43px -32px 63px -32px;
}
.index-categories .link {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: normal;
	padding: 32px 10px;
}
.index-categories .pic {
	width: 78px;
	height: 78px;
	margin: 0 auto 46px auto;
}
.index-categories .pic:after, .index-categories .plus > * {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	width: 25px;
	height: 2px;
	border-radius: 1px;
	background: var(--grey400);transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
	@media (pointer:fine){
		.index-categories a:hover .pic:after, .index-categories a:hover .plus > * {
			background: var(--yellow);
		}
}
.index-categories .plus {
	width: 74px;
	height: 74px;
	margin: 2px auto 48px auto;
}
.index-categories .plus > * {
	bottom: -32px;
}
.index-recommend {
	margin-top: 50px;
}
.index-recommend .content-title {
	margin-bottom: 36px;
}
.recommend-slider {
	margin: 0!important;
}
.recommend-slider .main-slider-arrow {
	top: 119px;
}
.recommend-slider-prev {
	left: -12px;
}
.recommend-slider-next {
	right: -12px;
}
.recommend-slider .swiper-slide {
	width: 33.333333%;
}
.item-recommend {
	padding: 4px 4px 19px 4px;
}
.item-recommend .photo img {
	border-radius: 5px;
}
.item-recommend.view-item .photo {
	margin: 0 -4px 4px -4px;
	height: 221px;
	padding: 23px;
}
.item-recommend.view-series .photo {
	margin: 0 0 32px 0;
	height: 231px;
}
.item-recommend .colors {
	gap: 10px;
	margin: -32px 0 16px 0;
}
.item-recommend .category {
	font-size: 13px;
	line-height: 22px;
	margin: 0;}
@media (pointer:fine){
	.item-recommend .category a:hover{
		color: var(--hover-dark);
	}
}
.item-recommend.view-item .category {
	margin-bottom: 13px;
}
.item-recommend.view-series .category {
	margin-bottom: 2px;
}
.item-recommend .name {
	line-height: 22px;
	font-size: 14px;
	letter-spacing: normal;
}
.item-recommend.view-series .name {
	font-weight: 500;
}
.item-recommend .price {
	font-size: 18px;
}
.item-recommend.view-item .price {
	margin-top: 20px;
}
.item-recommend.view-series .price {
	margin-top: 16px;
}
.item-recommend.view-item .link-to-fav, .item-recommend.view-item .cover-action {
	margin: 20px;
}
.item-recommend.view-series .link-to-fav, .item-recommend.view-series .cover-action {
	margin: 20px;
}
.index-news {
	margin-top: 50px;
}
.index-news .content-title {
	margin-bottom: 40px;
}
.index-news .grid {
	gap: 50px 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.index-news .el {
	flex-direction: column;
	align-items: stretch;
	gap: 15px 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: -0.01em;
	color: var(--grey700);
}
.index-news .el .date {
	margin: 0;
	border-radius: 3px 0 0 3px;
	width: 63px;
}
.index-about {
	margin-top: 50px;
	background: none;
	font-size: 15px;
	line-height: 28px;
	color: var(--grey800);
	letter-spacing: -0.02em;
	padding: 0;
}
.index-about:before, .index-about:after {
	display: none;
}
.index-about p {
	margin-bottom: 21px;
}
.index-about .accent {
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
	font-size: 16px;
	line-height: 32px;
}
.index-about .accent2 {
	font-weight: 600;
}
.index-about .head {
	font-size: 18px;
	letter-spacing: 0.03em;
	margin-bottom: 50px;
	background: var(--grey900) url(/local/templates/o22/css/../img/index-about/desktop.webp) no-repeat 50% 50%;
	background-size: cover;
}
.index-about .head .container {
	max-width: 420px;
	background: rgba(17, 38, 73, 0.65);
	-webkit-backdrop-filter: blur(12.5px);
	backdrop-filter: blur(12.5px);
	padding-top: 41px;
	padding-bottom: 42px;
}
.index-about .logo {
	margin-bottom: 17px;
}
.index-about .big {
	margin-bottom: 10px;
}
.index-about .big:after {
	width: 45px;
	margin-top: 14px;
}
.index-about .for-link {
	margin-top: 41px;
}
.index-about .btn {
	min-width: 310px;
	color: var(--white);
	background: linear-gradient(180deg, #FF7A00 6.47%, #F35C00 93.33%);
	background-color: #FF7A00;
	background-position: 50% 0;
	background-repeat: repeat-x;
	box-shadow: 0px 12px 25px rgba(255, 127, 48, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.25), inset 0px -0.5px 0px rgba(0, 0, 0, 0.45);
	height: 56px;
	border-radius: 28px;
	text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.45);
}
.index-about .btn svg {
	fill: var(--white);
	filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.45));
}
@media (pointer:fine) {
.index-about .btn:hover {
 background-position: 50% 20px;
 color: var(--white);
}
}
.index-stat {
	margin-top: 50px;
	padding-top: 55px;
	padding-bottom: 55px;
	line-height: 24px;
	color: #4D6285;
	background-image: url(/local/templates/o22/css/../img/index-stat/top-desktop.png), url(/local/templates/o22/css/../img/index-stat/bottom-desktop.png);
	background-size: auto 129px, auto 144px;
}
.index-stat:before {
	background: rgba(247, 250, 252, 0.9);
	-webkit-backdrop-filter: blur(7.5px);
	backdrop-filter: blur(7.5px);
}
.index-stat ul {
	flex-direction: row;
	align-items: center;
	gap: 10px 30px;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
	overflow: hidden;
	height: 50px;
}
.index-stat li {
	gap: 0 15px;
	flex: 0 0 auto;
}
.index-stat .pic {
	width: 50px;
	height: 50px;
}
.index-clients {
	margin-top: 60px;
}
.index-clients .content-title {
	display: block;
	margin-bottom: 40px;
}
.clients-slider {
	margin: -10px -10px!important;
	overflow: hidden!important;
}
.clients-slider .swiper-wrapper {
	min-height: 70px;
}
.clients-slider .swiper-slide {
	padding: 0 25px!important;
}
.clients-slider img {
	max-height: 50px;
}
.clients-slider-prev {
	left: 0;
}
.clients-slider-next {
	right: 0;
}
.index-brands {
	margin-top: 70px;
	font-size: 14px;
	line-height: 28px;
	text-align: left;
}
.index-brands .top {
	border-left: 3px solid var(--yellow);
	padding: 2.5px 0 2.5px 30px;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 40px;
}
.index-brands .big {
	line-height: 40px;
	margin-bottom: 15px;
	color: var(--grey700);
}
.index-brands .text img {
	float: left;
	width: 340px;
	margin: 6px 30px 12px 0;
	border-radius: 8px;
}
.index-brands p {
	margin-bottom: 12px;
}
.index-brands .accent {
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.03em;
}
.index-brands .accent:not(:first-child) {
	margin-top: 22px;
}
.brands-slider {
	margin: 40px -10px -10px -10px!important;
	overflow: hidden!important;
}
.brands-slider .swiper-wrapper {
	min-height: 70px;
}
.brands-slider .swiper-slide {
	padding: 0 24px;
}
.brands-slider-prev {
	left: 0;
}
.brands-slider-next {
	right: 0;
}
.brands-slider img {
	max-height: 55px;
}
.index-why {
	background: none;
	margin: 60px 0 0 0;
	padding: 0;
	font-weight: 500;
	font-size: 15px;
	line-height: 33px;
	color: var(--grey700);
}
.index-why .top {
	display: block;
	margin: 0 0 30px 0;
}
.index-why .top:after {
	content: '';
	width: 60px;
	height: 3px;
	border-radius: 1.5px;
	display: block;
	margin: 25px auto 0 auto;
	background: var(--yellow);
}
.index-why ul {
	margin: 0 auto;
	max-width: 960px;
	background: #E4ECF7;
	grid-template-columns: repeat(3, 1fr);
	font-size: 15px;
	line-height: 24px;
	letter-spacing: normal;
	grid-auto-rows: 1fr;
}
.index-why li {
	padding: 44px 23px 43px 23px;
}
.index-why .pic {
	width: 55px;
	height: 55px;
	margin-bottom: 15px;
}
.index-why .big {
	font-size: 20px;
	margin-bottom: 16px;
}
.index-why .big:after {
	width: 23px;
	height: 2px;
	border-radius: 1px;
	margin-top: 8px;
}
.index-why .text {
	margin-top: 30px;
}
.index-why .for-link {
	margin: 30px 0 0 0;
}
.index-why .for-link .btn {
	min-width: 250px;
	height: 56px;
	border-radius: 28px;
	text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.45);
}
.index-why .for-link .btn svg {
	filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.45));
}
}

/*tablet end*/

/*tablet-big start*/

@media only screen and (min-width: 1024px) {
.top-index-slider .size1 {
	font-size: 45px;
	line-height: 45px;
	letter-spacing: -0.02em;
}
.top-index-slider .size2 {
	font-size: 30px;
	line-height: 30px;
}
.top-index-slider .size3 {
	letter-spacing: -0.02em;
}
.index-categories {
	grid-template-columns: repeat(4, 1fr);
}
.recommend-slider .swiper-slide {
	width: 25%;
}
}

/*tablet-big end*/

/*desktop start*/

@media only screen and (min-width: 1280px) {
.top-index-slider .image img {
	width: 100%;
	height: 100%;
}
.top-index-slider .container {
	padding-left: 40px;
	padding-right: 40px;
	max-width: 1514px;
}
.top-index-slider .text {
	padding-top: 85px;
	padding-bottom: 70px;
	min-height: 400px;
	gap: 13px 0;
}
.top-index-slider .size1 {
	font-size: 50px;
}
.top-index-slider .size2 {
	font-size: 32px;
}
.top-index-slider .size3 {
	font-size: 21px;
	margin-top: 25px;
}
.index-categories {
	margin: 42px 0 -58px 0;/*62px 0 -58px 0; 0204*/
	grid-template-columns: repeat(6, 1fr);
}
.index-categories .link {
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: -0.01em;
	padding: 41px 20px;
}
.index-categories .pic {
	margin-bottom: 58px;
}
.index-categories .pic:after {
	bottom: -34px;
}
.index-categories .plus {
	width: 67px;
	height: 67px;
	margin-top: 0;
	margin-bottom: 67px;
}
.index-categories .plus > * {
	bottom: -45px;
}
.index-recommend {
	margin-top: 120px;
}
.index-recommend .content-title {
	margin-bottom: 50px;
}
.recommend-slider .swiper-slide {
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.recommend-slider .swiper-slide:not(.swiper-slide-visible) {
	opacity: 0;
	pointer-events: none;
}
.recommend-slider .main-slider-arrow {
	top: 210px;
}
.recommend-slider-prev {
	left: -35px;
}
.recommend-slider-next {
	right: -35px;
}
.recommend-slider .swiper-slide {
	width: 20%;
}
.item-recommend {
	padding: 5px 25px 32px 25px;
}
.item-recommend.view-item .photo,
.item-recommend.view-series .photo {
	margin: 0 -20px 32px -20px;
	height: 230px;
}
.item-recommend .colors {
	gap: 10px;
}
.item-recommend .category {
	font-size: 14px;
}
.item-recommend.view-item .category {
	margin-bottom: 12px;
}
.item-recommend.view-series .category {
	margin-bottom: 12px;
}
.item-recommend.view-item .name {
	font-size: 15px;
	letter-spacing: 0.01em;
}
.item-recommend.view-series .name {
	font-size: 16px;
	font-weight: normal;
}
.item-recommend .price .status {
	width: 8px;
	height: 8px;
	margin-right: -10px;
}
.item-recommend.view-item .price {
	margin-top: 18px;
}
.item-recommend.view-series .price {
	margin-top: 22px;
}
.item-recommend.view-item .link-to-fav, .item-recommend.view-item .cover-action {
	margin: 25px;
}
.item-recommend.view-series .link-to-fav, .item-recommend.view-series .cover-action {
	margin: 10px;
}
.index-news {
	margin-top: 90px;
}
.index-news .content-title {
	margin-bottom: 44px;
}
.index-news .grid {
	margin: 0 0 0 33px;
	align-items: flex-start;
}
.index-news .el {
	flex-direction: row;
	align-items: flex-start;
	gap: 0 30px;
	font-size: 18px;
	font-weight: 600;
	font-family: var(--fontg);
	letter-spacing: normal;
}
.index-news .el .date {
	font-size: 20px;
}
.index-news .el .date + * {
	align-self: center;
}
.index-about {
	margin-top: 100px;
	font-size: 18px;
	line-height: 35px;
	letter-spacing: -0.015em;
}
.index-about p {
	margin-bottom: 35px;
}
.index-about .accent {
	max-width: none;
	font-size: 18px;
	line-height: inherit;
}
.index-about .accent2 {
	font-weight: inherit;
}
.index-about .head {
	font-size: 23px;
	line-height: 35px;
	letter-spacing: 0.02em;
	margin-bottom: 80px;
}
.index-about .head .container {
	max-width: 700px;
	padding-top: 68px;
	padding-bottom: 67px;
}
.index-about .logo {
	margin-bottom: 20px;
}
.index-about .big {
	margin-bottom: 14px;
}
.index-about .big:after {
	width: 50px;
	height: 3px;
	border-radius: 1.5px;
	margin-top: 17px;
}
.index-about .body .container {
	max-width: 1580px;
}
.index-about .for-link {
	margin-top: 50px;
}
.index-about .btn {
	min-width: 388px;
	height: 60px;
	border-radius: 5px;
	font-size: 18px;
}
.index-stat {
	margin-top: 80px;
	padding-top: 70px;
	padding-bottom: 70px;
	font-size: 20px;
	line-height: 28px;
}
.index-stat ul {
	margin: 0 auto;
	max-width: 1640px;
	height: 60px;
}
.index-stat li {
	gap: 0 30px;
}
.index-stat .pic {
	width: 60px;
	height: 60px;
}
.index-clients {
	margin-top: 100px;
}
.index-clients .content-title {
	margin-bottom: 60px;
}
.clients-slider {
	margin: 0 -20px!important;
	overflow: hidden!important;
}
.clients-slider .swiper-wrapper {
	min-height: 70px;
}
.clients-slider .swiper-slide {
	padding: 0 38px;
}
.clients-slider img {
	max-height: 70px;
}
.index-brands {
	margin-top: 92px;
	font-size: 18px;
	line-height: 35px;
}
.index-brands .top {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 18px;
	margin-bottom: 52px;
}
.index-brands .big {
	font-size: 36px;
	margin-bottom: 21px;
}
.index-brands .text img {
	width: 420px;
	margin: 6px 50px 25px 0;
	border-radius: 0;
}
.index-brands p {
	margin-bottom: 25px;
}
.index-brands .accent {
	font-size: inherit;
	letter-spacing: inherit;
}
.brands-slider {
	margin: 0 -20px!important;
}
.brands-slider .swiper-slide {
	padding: 0 23px;
}
.brands-slider img {
	max-height: 70px;
}
.index-why {
	margin-top: 110px;
	font-size: 18px;
	line-height: 35px;
	letter-spacing: -0.02em;
}
.index-why .top {
	font-size: 36px;
	margin-bottom: 40px;
}
.index-why .top:after {
	margin-top: 35px;
}
.index-why ul {
	max-width: 1052px;
	letter-spacing: normal;
}
.index-why li {
	padding: 49px 25px;
}
.index-why .pic {
	width: 60px;
	height: 60px;
	margin-bottom: 25px;
}
.index-why .big {
	font-size: 22px;
	margin-bottom: 14px;
}
.index-why .big:after {
	width: 25px;
	background: rgba(166, 183, 212, 0.5);
	margin-top: 11px;
}
.index-why .text {
	margin: 50px auto 0 auto;
	max-width: 1050px;
}
.index-why .for-link {
	margin-top: 40px;
}
.index-why .for-link .btn {
	min-width: 316px;
	height: 60px;
	border-radius: 5px;
	font-size: 18px;
}
}

/*desktop end*/

/*desktop-big start*/

@media only screen and (min-width: 1680px) {
.recommend-slider .swiper-slide {
	width: 16.666666%;
}
.index-news .grid {
	gap: 50px 106px;
}
}


/*new*/
.swiper-slide.newV {padding: 22.8475% 0 0; }
@media print, screen and (min-width: 1200px) {
	.swiper-slide.newV {padding: 23.4% 0 0;}
	
	.swiper-slide.newV:after {
		content: "";
		border-radius: 12px;
		width: 100%;
		height: 100%;
		transition: background-color .2s cubic-bezier(.17,.67,.83,.67);
		position: absolute;
		top: 0;
		left: 0
	}
	.swiper-slide.newV:hover:after{background-color: rgba(0,0,0,.1);}
}
.big-slider .main-slider-arrow {top: 210px;}
.big-slider-prev {left: 35px; display: block; top:48%;}
.big-slider-next {right: 35px; display: block;top:48%;}
@media only screen and (max-width: 1023px) {
	.top-index-slider-pagination {gap:0 8px;}
	.big-slider-prev, .big-slider-next{display: none;}
	.swiper-pagination.top-index-slider-pagination{bottom: 0!important; padding-bottom: 16px;}
	.swiper-slide.newV{padding: 50.1475% 0 0;}
	.top-index-slider-pagination .swiper-pagination-bullet{width: 5px!important; height: 5px!important;}
}

/*13.05.24 start*/
.index-blocks {
		margin-top: 75px;
		padding-bottom: 50px;
		margin-bottom: -40px;
		overflow: hidden;
}
.index-blocks > .container {
		display: flex;
		flex-direction: column;
		gap: 50px;
}
.index-blocks > .container > * {
		flex: 0 0 auto;
		width: 100%;
}
.index-blocks .swiper {
		overflow: visible !important;
}
.index-blocks .swiper-slide {
		height: auto !important;
		display: flex !important;
		flex-direction: column;
}
.index-categories-new .load-more {
		margin-bottom: 56px;
		position: relative;
}
.index-categories-new .load-more .plus {
		margin: 0;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		border-color: var(--sec-dark);
}
.index-categories-new .load-more .plus:before, .index-categories-new .load-more .plus:after {
		background-color: var(--sec-dark);
		width: 20px;
}
.index-categories-new .load-more .text {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		top: 100%;
		left: 0;
		right: 0;
		padding: 16px 0 0 0;
		height: 56px;
		font: inherit;
}
.index-categories-new .link, .index-categories-new .load-more {
		font-family: var(--fontg);
}
.index-categories-new .link {
		flex: 1 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-decoration: none;
		text-align: center;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.index-categories-new .link:hover {
				color: var(--darker);
		}
}
.index-categories-new .pic, .index-categories-new .load-more {
		border-radius: 5px;
		background: #F4F8FD;
}
.index-categories-new .pic {
		width: 100%;
		flex: 0 0 auto;
		display: block;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.index-categories-new .pic + * {
		margin: auto;
		max-width: 100%;
}
@media (pointer:fine) {
		.index-categories-new .link:hover .pic {
				background-color: rgba(158, 172, 197, 0.5);
		}
		.index-categories-new .load-more:hover .plus {
				border-color: var(--blue);
		}
		.index-categories-new .load-more:hover .plus:before, .index-categories-new .load-more:hover .plus:after {
				background-color: var(--blue);
		}
}
.index-categories-new .pic img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		mix-blend-mode: multiply;
}
.index-offers-slider .swiper-slide {
		width: auto;
}
.index-offers-slider .swiper-wrapper {
		justify-content: space-between;
}
.index-offers-slider .swiper-slide:not(:last-child) {
		padding-right: 10px;
}
.index-offers .link {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-weight: 600;
		line-height: 1.333333;
		font-family: var(--fontg);
		letter-spacing: -0.01em;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		color: var(--grey700);
		position: relative;
}
@media (pointer:fine) {
		.index-offers .link:after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				border-radius: inherit;
				background: #000;
				opacity: 0;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.index-offers .link:hover:after {
				opacity: 0.15;
		}
}
.index-offers .link .big {
		display: block;
		font-weight: 900;
		line-height: 1.071428em;
}
@media only screen and (max-width: 767px) {
		.index-categories-new .swiper-wrapper {
				display: flex;
				flex-wrap: wrap;
				gap: 25px 0;
				justify-content: space-between;
		}
		.index-categories-new .swiper-slide {
				flex: 0 0 auto;
				width: calc((100% - 24px) / 3);
		}
		.index-categories-new .swiper-slide:nth-last-child(2):nth-child(3n - 1), .index-categories-new .swiper-slide:nth-last-child(3):nth-child(3n - 2) {
				width: calc((100% - 12px) / 2);
		}
		.index-categories-new .swiper-slide:nth-last-child(2):nth-child(3n - 2) {
				width: 100%;
		}
		.index-categories-new .link, .index-categories-new .load-more {
				font-size: 12px;
				line-height: 14px;
				letter-spacing: -0.01em;
				font-weight: 600;
		}
		.index-categories-new .link {
				min-height: 105px;
		}
		.index-categories-new .pic, .index-categories-new .load-more {
				height: 80px;
		}
		.index-categories-new .pic {
				margin-bottom: 12px;
		}
		.index-categories-new .slide-for-more {
				display: none;
		}
		.index-categories-new .btn {
				width: 100%;
				margin-top: 25px;
				font-family: var(--fonti);
				font-weight: normal;
				color: var(--deep-blue);
				letter-spacing: -0.01em;
				font-size: 16px;
		}
		.index-offers .link {
				font-size: 16px;
				line-height: 1.125;
				width: 21.875em;
				max-width: calc(100vw - 34px);
				height: 12.5em;
				padding: 2.8125em 1.875em;
				display: flex;
				flex-direction: column;
				justify-content: center;
		}
		.index-offers .link.bg-architect {
				background-image: url("/local/templates/o22/css/../img/index-offers/architect-small.webp");
		}
		.index-offers .link.bg-design {
				background-image: url("/local/templates/o22/css/../img/index-offers/design-small.webp");
				padding-right: 8em;
		}
		.index-offers .link.bg-design br {
				display: none;
		}
		.index-offers .link.bg-manager {
				background-image: url("/local/templates/o22/css/../img/index-offers/manager-small.webp");
		}
		.index-offers .link .big {
				font-size: 1.5em;
				line-height: 1.166666;
				margin-bottom: 0.41666666em;
		}
		.index-offers .link .btn {
				display: none;
		}
}
@media only screen and (min-width: 768px) {
		.index-blocks {
				margin-top: 40px;
				padding-bottom: 0;
				margin-bottom: -45px;
		}
		.index-blocks .container {
				flex-direction: column-reverse;
		}
		.index-categories-new .swiper-slide {
				width: auto;
		}
		.index-categories-new .swiper-slide:not(:last-child) {
				padding-right: 20px;
		}
		.index-categories-slider-prev, .index-categories-slider-next {
				top: 60px;
		}
		.index-categories-slider-prev, .index-offers-slider-prev {
				left: -12px;
		}
		.index-categories-slider-next, .index-offers-slider-next {
				right: -12px;
		}
		@media only screen and (min-width: 1280px) {
				.index-categories-slider-prev, .index-offers-slider-prev {
						left: -35px;
				}
				.index-categories-slider-next, .index-offers-slider-next {
						right: -35px;
				}
		}
		@media only screen and (min-width: 1760px) {
				.index-categories-new .swiper:before, .index-categories-new .swiper:after {
						content: '';
						position: absolute;
						top: 0;
						bottom: 0;
						z-index: 3;
						background: var(--white);
						width: 50vw;
				}
				.index-categories-new .swiper:before {
						right: 100%;
				}
				.index-categories-new .swiper:after {
						left: 100%;
				}
				/*
			.index-categories-new .swiper-slide {
						transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				}
				.index-categories-new .swiper-slide:not(.swiper-slide-visible) {
						opacity: 0;
						pointer-events: none;
				}
			*/
		}
		.index-categories-new .link, .index-categories-new .load-more {
				width: 200px;
				font-size: 15px;
				line-height: 20px;
				text-transform: uppercase;
				letter-spacing: 0.02em;
				font-weight: bold;
		}
		.index-categories-new .pic, .index-categories-new .load-more {
				height: 120px;
		}
		.index-categories-new .pic {
				margin-bottom: 16px;
		}
		.index-categories-new .btn {
				display: none;
		}
		.index-offers .link {
				width: 30em;
				height: 15.555555em;
				font-size: clamp(12px, 1.0227272727vw, 18px);
				padding: 2.777777em 2.222222em;
		}
		.index-offers .link.bg-architect {
				background-image: url("/local/templates/o22/css/../img/index-offers/architect-big.webp");
		}
		.index-offers .link.bg-design {
				background-image: url("/local/templates/o22/css/../img/index-offers/design-big.webp");
		}
		.index-offers .link.bg-manager {
				background-image: url("/local/templates/o22/css/../img/index-offers/manager-big.webp");
		}
		.index-offers .link .big {
				font-size: 1.555555em;
				margin-bottom: 0.428571em;
		}
		.index-offers .link .btn {
				font-size: 0.833333em;
				margin-top: auto;
				height: 2.666666em;
				padding: 0 1.666666em;
				font-weight: bold;
				z-index: 2;
		}
}
/*13.05.24 end*/
@media only screen and (max-width: 768px) {
.index-blocks{margin-top: 10px;}
}
/* End */


/* Start:/local/templates/o22/css/empty-page.css?16963805277152*/
@charset "UTF-8";
.empty-page {
	background: #F7FAFC;
}

@media only screen and (max-width: 767px) {
.empty-page .breadcrumbs {
	display: none;
}
}
.empty-page > .container {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
.err-page {
	text-align: center;
	font: normal 15px/30px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--darker);
	position: relative;
	margin: 134px 0 42px 0;
}
.err-page .image {
	pointer-events: none;
	height: 204px;
	margin: 0 0 56px 0;
	background: url(/local/templates/o22/css/../img/404.png) no-repeat 50% 50%;
	background-size: contain;
}
.err-page .big {
	font-weight: 900;
	font-size: 28px;
	line-height: 40px;
	letter-spacing: -0.01em;
	color: #344B74;
	margin: 0 0 25px 0;
}
.err-page .back, .search-empty .back {
	width: 48px;
	height: 48px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.err-page .back {
	top: -78px;
}
.err-page .back svg, .search-empty .back svg {
	flex: 0 0 auto;
	transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	fill: var(--sec-dark);
}

@media (pointer:fine) {
.err-page a.back:hover svg, .search-empty a.back:hover svg {
	fill: var(--hover-dark);
}
}
.err-page .for-link {
	margin: 48px 0 0 0;
}
.err-page .for-link .btn {
	min-width: 270px;
}

@media only screen and (max-width: 767px) {
.err-page .for-link .btn {
	color: #253859;
	background: var(--grad-yellow);
	background-color: #FFB800;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 120% 100%;
	box-shadow: 0px 8px 26px rgba(255, 196, 0, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
}
.err-page .for-link .btn svg {
	fill: #253859;
}
 @media (pointer:fine) {
.err-page .for-link .btn:hover {
 background-position: 100% 100%;
 color: #253859;
}
}
}
.search-empty {
	position: relative;
	margin-top: 98px;
	margin-bottom: 17px;
	text-align: center;
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
.search-empty .back {
	top: -64px;
}

@media only screen and (max-width: 767px) {
.search-empty .back span {
	display: none;
}
.search-empty .back svg + svg {
	display: none;
}
}
.search-empty .text {
	display: flex;
	text-align: left;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 5px;
	font: 900 18px/20px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--grey700);
}
.search-empty .text > * {
	order: 2;
	flex: 0 0 auto;
}
.search-empty .text .big {
	order: 1;
	flex: 0 0 auto;
	width: 100%;
	text-align: center;
	font-size: 32px;
	line-height: 40px;
	color: var(--grey500);
}
.search-empty .image {
	flex: 1 0 auto;
	background: url(/local/templates/o22/css/../img/search-empty.png) no-repeat 50% 50%;
	background-size: contain;
	min-height: 280px;
	pointer-events: none;
	margin: 10px -17px 0 -17px;
}
.search-empty .tel {
	font: 500 15px/20px var(--fontg);
	letter-spacing: -0.01em;
	color: var(--grey600);
}
.search-empty .tel:before {
	content: '';
	display: block;
	margin: 0 auto 22px auto;
	width: 48px;
	height: 3px;
	border-radius: 1.5px;
	background: var(--yellow);
}
.search-empty .tel strong {
	display: block;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.02em;
	color: var(--grey800);
	margin: 26px 0 0 0;
}
.search-empty .tel strong a {
	text-decoration: none;
	color: inherit!important;
}

/*mobile end*/

/*tablet start*/

@media only screen and (min-width: 768px) {
.empty-page .breadcrumbs {
	padding-top: 40px;
}
.empty-page .container {
	padding-left: 64px;
	padding-right: 64px;
}
.err-page {
	margin: 118px -48px 50px 18px;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #7F93B4;
	letter-spacing: normal;
}
.err-page .text {
	position: relative;
}
.err-page .text .max {
	max-width: 390px;
}
.err-page .image {
	width: calc(100% - 420px);
	height: 270px;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -145px 0;
}
.err-page .big {
	font-size: 36px;
	margin: 0 0 16px 0;
}
.err-page .back {
	top: -6px;
	left: -62px;
}
.err-page .back svg {
	fill: var(--blue);
}
 @media (pointer:fine) {
.err-page a.back:hover svg {
 fill: var(--hover);
}
}
.err-page .for-link {
	margin-top: 38px;
}
.err-page .for-link .btn {
	color: var(--white);
	background: #263349;
	box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 24px rgba(29, 54, 96, 0.26);
	font-family: var(--fonti);
	letter-spacing: normal;
	font-weight: normal;
	font-size: 15px;
	text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.45);
	min-width: 173px;
}
.err-page .for-link .btn svg {
	fill: var(--white);
	filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.45));
}
 @media (pointer:fine) {
 .err-page .for-link .btn:hover {
 box-shadow: none;
}
}
.search-empty {
	margin: 0 0 38px 0;
	gap: 40px 0;
}
.search-empty .back {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	user-select: none;
	top: auto;
	position: relative;
	left: auto;
	font-weight: normal;
	font-size: 15px;
	line-height: 16px;
	padding: 0 30px;
	background: #263349;
	border-radius: 4px;
	height: 50px;
	width: auto;
	align-self: flex-start;
	flex-direction: row;
	gap: 0 10px;
	color: var(--white);
	transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 24px rgba(29, 54, 96, 0.26);
}
.search-empty .back svg {
	fill: var(--white);
	margin-left: -7px;
}
 @media (pointer:fine) {
 .search-empty a.back:hover {
 box-shadow: none;
}
.search-empty a.back:hover svg {
 fill: var(--white);
}
}
.search-empty .back svg:first-child {
	display: none;
}
.search-empty .text {
	display: block;
	text-align: left;
	font-weight: 900;
	font-size: 36px;
	line-height: 40px;
}
.search-empty .text > * {
	display: inline;
}
.search-empty .text .big {
	font: inherit;
	letter-spacing: inherit;
	color: var(--grey500);
}
.search-empty .image {
	margin: 0 -64px;
	min-height: 400px;
}
.search-empty .tel {
	font-size: 16px;
	letter-spacing: 0.01em;
}
.search-empty .tel:before {
	width: 75px;
	height: 3px;
	border-radius: 1.5px;
	margin-bottom: 30px;
}
.search-empty .tel strong {
	font-size: 24px;
	letter-spacing: -0.01em;
	margin-top: 28px;
}
}

/*tablet end*/

/*tablet-big start*/

@media only screen and (min-width: 1024px) {
.err-page {
	margin-right: -34px;
	margin-left: 23px;
}
}

/*tablet-big end*/

/*desktop start*/

@media only screen and (min-width: 1280px) {
.empty-page .breadcrumbs {
	padding-top: 45px;
}
.empty-page .container {
	padding-left: 40px;
	padding-right: 40px;
}
.err-page {
	margin: 228px 0 108px 0;
	font-size: 22px;
	line-height: 40px;
}
.err-page .text {
	margin-left: 48.1%;
}
.err-page .text .max {
	max-width: none;
}
.err-page .image {
	width: 45%;
	height: 386px;
	margin: -190px 0;
	right: auto;
	left: 0.75%;
}
.err-page .big {
	font-size: 50px;
	line-height: 55px;
	letter-spacing: -0.01em;
	margin: 0 0 15px 0;
}
.err-page .back {
	top: 8px;
	left: -66px;
}
.err-page .for-link {
	margin-top: 32px;
}
.search-empty {
	margin: 0;
}
.search-empty .image {
	margin: -40px -40px;
	height: calc(100vh - 500px);
	max-height: 568px;
}
.search-empty .tel {
	font-size: 17px;
}
.search-empty .tel strong {
	font-size: 28px;
}
}

/* End */


/* Start:/local/templates/o22/css/cart-item.css?171856871011729*/
@charset "UTF-8";
.plus-minus {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
}
.plus-minus input {
		font: bold 16px/24px var(--fontg);
		text-align: center;
		border-radius: 0;
		border: 0 !important;
		background: none;
		color: var(--grey800);
		letter-spacing: 0.015em;
		box-shadow: none !important;
		flex: 0 0 auto;
		width: 45px;
		height: 48px !important;
		padding: 0 !important;
		margin: 0;
}
.plus-minus .plus, .plus-minus .minus {
		cursor: pointer;
		user-select: none;
		outline: none;
		box-shadow: none;
		flex: 0 0 auto;
		padding: 0;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		position: relative;
		background: #F7FAFC;
		border: 0.5px solid #EDF1F6;
		transition-property: border, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.plus-minus .btn:not(.disabled) {
		box-shadow: none;
}
.plus-minus .minus:before, .plus-minus .plus:before, .plus-minus .plus:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 16px;
		height: 2px;
		background: var(--sec-dark);
		transform: translate3d(-50%, -50%, 0);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.plus-minus .plus:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
@media (pointer:fine) {
		.plus-minus .plus:hover, .plus-minus .minus:hover {
				border-color: #334360;
				background-color: #334360;
				box-shadow: 0px 8px 15px rgba(20, 37, 63, 0.15);
		}
		.plus-minus .minus:hover:before, .plus-minus .plus:hover:before, .plus-minus .plus:hover:after {
				background-color: var(--white);
		}
}
.plus-minus .plus.disabled, .plus-minus .minus.disabled {
		pointer-events: none;
}
.cart-item {
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		border-style: solid;
		border-width: 0 0 0.5px 0;
		border-color: var(--sec-default);
		padding: 25px 29px 25px 130px;
		gap: 18px 20px;
		margin: 0 -17px;
}
.cart-item .photo {
		position: absolute;
		top: 25px;
		left: 0;
		width: 130px;
		max-height: calc(100% - 91px);
		padding: 10px;
}
.cart-item .photo:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		backface-visibility: hidden;
		backdrop-filter: blur(5px);
		opacity: 0;
		background: rgba(255, 255, 255, 0.5);
		pointer-events: none;
}
.cart-item .photo img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		object-position: center;
		filter: grayscale(0%);
}
.cart-item .text {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px 25px;
}
.cart-item .info {
		color: var(--grey500);
		overflow: hidden;
		flex: 0 0 auto;
		width: calc(100% + 36px);
		margin: 0 -36px -2px 0;
		padding: 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		font-weight: 300;
		font-size: 12px;
		line-height: 22px;
		letter-spacing: -0.01em;
		order: 1;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-item .info li {
		flex: 0 0 auto;
		max-width: 100%;
		margin: 0;
		padding: 0 0 0 36px;
		position: relative;
		left: -36px;
}
.cart-item .info li:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 18px;
		width: 0.5px;
		height: 12px;
		margin: -6px 0;
		background: var(--grey500);
}
.cart-item .info strong {
		font-weight: inherit;
		color: var(--grey900);
}
.cart-item .name, .cart-item .deleted-text {
		flex: 0 0 auto;
		width: 100%;
		font-weight: 500;
		color: var(--grey900);
		font-size: 13px;
		line-height: 20px;
		letter-spacing: -0.01em;
		order: 2;
}
.cart-item .name {
		margin: 0 0 4px 0;
}
.cart-item .name a {
		color: var(--grey900);
}
@media (pointer:fine) {
		.cart-item .name a:hover {
				color: var(--blue) !important;
		}
}
.cart-item .info2 {
		color: var(--grey500);
		overflow: hidden;
		flex: 0 0 auto;
		width: calc(100% + 36px);
		order: 3;
		margin: 0 -36px 0 0;
		padding: 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		font-weight: 300;
		font-size: 13px;
		line-height: 22px;
		letter-spacing: -0.02em;
}
.cart-item .info2 li {
		flex: 0 0 auto;
		max-width: 100%;
		margin: 0;
		padding: 0 0 0 36px;
		position: relative;
		left: -36px;
}
.cart-item .info2 li:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 18px;
		width: 0.5px;
		height: 12px;
		margin: -6px 0;
		background: var(--grey500);
}
.cart-item .info2 strong {
		font-weight: inherit;
		color: var(--grey800);
}
.cart-item .color {
		flex: 0 0 auto;
		order: 4;
		display: flex;
		align-items: center;
		font-weight: 300;
		font-size: 13px;
		line-height: 22px;
		color: var(--grey800);
		gap: 0 12px;
}
.cart-item .color .rounded {
		flex: 0 0 auto;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		border-style: solid;
		border-width: 0.5px;
		border-color: transparent;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: calc(100% + 2px) auto;
}
.cart-item .price {
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 0 5px;
		margin-left: auto;
}
.cart-item .price > * {
		flex: 0 0 auto;
}
.cart-item .price del {
		text-decoration: line-through;
		font: 300 14px/20px var(--fontg);
		letter-spacing: 0.01em;
		color: var(--grey500);
}
.cart-item .price strong {
		font: 600 18px/24px var(--fontg);
		letter-spacing: 0.015em;
		color: var(--grey900);
}
.cart-item .number {
		text-align: right;
		flex: 1 1 auto;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.015em;
		color: var(--grey600);
}
.cart-item .number + .price {
		margin-left: 16px;
}
.cart-item .plus-minus {
		margin-left: -4px;
}
.cart-item .delete, .cart-item .link-to-fav {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		position: absolute;
		bottom: 25px;
		left: 50px;
}
.cart-item .delete {
		cursor: pointer;
		user-select: none;
		background: var(--input-bg);
}
.cart-item .link-to-fav ~ .delete {
		background: none;
		left: 0;
}
.cart-item .delete svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		fill: var(--grey500);
}
@media (pointer:fine) {
		.cart-item .delete:hover svg {
				fill: var(--orange);
		}
}
.cart-item .deleted-action {
		cursor: pointer;
		user-select: none;
		color: var(--blue);
		display: flex;
		align-items: center;
		gap: 0 12px;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.02em;
		white-space: nowrap;
		transition-property: color, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
		pointer-events: none;
		position: absolute;
		left: 130px;
		bottom: 32px;
}
.cart-item .deleted-action .grey {
		font-weight: 600;
		color: var(--title);
		display: inline-block;
		vertical-align: top;
		min-width: 40px;text-align: right;
}
.cart-item .deleted-action svg {
		fill: var(--blue);
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.cart-item .deleted-action:hover {
				color: var(--hover);
		}
		.cart-item .deleted-action:hover svg {
				fill: var(--hover);
		}
}
.cart-item .name {
		transition-property: transform, color;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform-origin: 0 0;
		transform: scale(1);
}
.cart-item .info2, .cart-item .color {
		transition-property: filter, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		filter: grayscale(0%);
}
.cart-item .info, .cart-item .plus-minus, .cart-item .price, .cart-item .deleted-text, .cart-item .delete, .cart-item .link-to-fav, .cart-item .photo:after {
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-item .photo img {
		transition: filter 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-item .deleted-text {
		margin: -42px 0 0 0;
		pointer-events: none;
		opacity: 0;
}
.cart-item.deleted .name, .cart-item.deleted .name a {
		color: var(--grey500);
}
.cart-item.deleted .info, .cart-item.deleted .plus-minus, .cart-item.deleted .price, .cart-item.deleted .delete, .cart-item.deleted .link-to-fav {
		opacity: 0;
		pointer-events: none;
}
.cart-item.deleted .deleted-text, .cart-item.deleted .deleted-action {
		opacity: 1;
		pointer-events: all;
}
.cart-item.deleted .info2, .cart-item.deleted .color {
		pointer-events: none;
		filter: grayscale(100%);
		opacity: 0.5;
}
.cart-item.deleted .photo:after {
		opacity: 1;
}
.cart-item.deleted .photo img {
		filter: grayscale(100%);
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.cart-item {
				padding: 20px 122px 20px 230px;
				margin: 0;
				gap: 17px 33px;
				border-bottom-width: 1px;
		}
		.cart-item .photo {
				width: 200px;
				max-height: 100%;
				top: 50%;
				transform: translate3d(0, -50%, 0);
				padding: 10px 25px 0 25px;
		}
		.cart-item .text {
				gap: 14px 25px;
		}
		.cart-item .info {
				font-size: 14px;
				margin: 0 -42px -6px 0;
				width: calc(100% - 42px);
		}
		.cart-item .info2 {
				margin-right: -42px;
				width: auto;
				order: 4;
				max-width: calc(100% - 42px);
		}
		.cart-item .info li, .cart-item .info2 li {
				padding-left: 42px;
				left: -42px;
		}
		.cart-item .info li:before, .cart-item .info2 li:before {
				left: 21px;
				height: 14px;
				margin: -7px 0;
		}
		.cart-item .name, .cart-item .deleted-text {
				font-weight: normal;
				font-size: 16px;
				letter-spacing: -0.01em;
		}
		.cart-item .deleted-text {
				margin-top: -39px;
		}
		.cart-item .color {
				order: 3;
		}
		.cart-item .price {
				margin-left: 0;
		}
		.cart-item .price strong {
				font-size: 16px;
		}
		.cart-item .plus-minus {
				margin: 0;
		}
		.cart-item .delete, .cart-item .link-to-fav {
				width: 56px;
				height: 56px;
				left: auto !important;
				right: 33px;
				top: 50%;
				margin: -28px 0;
				bottom: auto !important;
		}
		.cart-item .link-to-fav {
				right: 61px;
		}
		.cart-item .link-to-fav ~ .delete {
				right: 6px;
		}
		.cart-item .deleted-action {
				left: 230px;
		}
		.cart-item.deleted .name {
				transform: scale(0.8125);
		}
}
/*tablet end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
		.plus-minus input {
				font-size: 18px;
				width: 57px;
				height: 56px;
		}
		.plus-minus .btn {
				width: 56px;
				height: 56px;
		}
		.plus-minus .minus:before, .plus-minus .plus:before, .plus-minus .plus:after {
				width: 18px;
		}
		.cart-item {
				padding: 35px 0;
				gap: 0;
				flex-wrap: nowrap;
				align-items: center;
				flex-direction: row;
		}
		.cart-item .photo {
				width: 200px;
				height: 125px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				max-height: none;
				position: relative;
				top: auto;
				left: auto;
				transform: none;
				flex: 0 0 auto;
				margin: -15px 25px -15px 0;
		}
		.cart-item .text {
				flex: 1;
				padding: 0 20px 0 0;
		}
		.cart-item .price {
				margin: 0 32px 0 0;
				padding: 0 0 0 20px;
				min-width: 111px;
				text-align: right;
				align-items: flex-end;
		}
		.cart-item .plus-minus {
				margin: 0;
		}
		.cart-item .delete, .cart-item .link-to-fav {
				width: 24px;
				height: 24px;
				flex: 0 0 auto;
				position: relative;
				top: auto;
				left: auto;
				right: auto;
				background: none;
				margin: 0 18px;
		}
		.cart-item .deleted-action {
				left: auto;
				bottom: auto;
				top: 50%;
				right: 0;
				margin: -12px 0;
		}
}
/* End */


/* Start:/local/templates/o22/css/product.css?173156549435403*/
@charset "UTF-8";
.similar {
		overflow: hidden;
		margin-top: 32px;
		margin-bottom: -200px;
		padding-bottom: 200px;
		pointer-events: none;
}
.similar .content-title {
		margin-bottom: 32px;
}
.similar .container {
		pointer-events: all;
}
.product-price {
		align-self: center;
		grid-area: pr;
		padding-left: 25px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px 20px;
		font-family: var(--fontg);
		font-weight: bold;
		color: var(--grey600);
}
.product-price > * {
		flex: 0 0 auto;
}
.product-price > *:not(strong):first-child {
		width: 100%;
}
.product-price .note {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		align-items: center;
		margin: -10px 0 0 0;
}
.product-price .note > * {
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
		background: rgba(228, 236, 247, 0.3);
		border-radius: 5px;
		font: 500 13px/24px var(--fontg);
		color: #7E8693;
		padding: 10px 31px 10px 45px;
		letter-spacing: 0.005em;
}
.product-price .note img {
		position: absolute;
		top: 50%;
		left: 12px;
		width: auto;
		height: auto;
		max-width: 18px;
		max-height: 18px;
		transform: translate3d(0, -50%, 0);
}
.product-price .txt {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		width: 100%;
		margin-bottom: -5px;
}
.product-price strong {
		font-weight: bold;
		font-size: 24px;
		line-height: 24px;
		letter-spacing: -0.02em;
		color: var(--grey800);
		position: relative;
}
.product-price .no-price {
		position: relative;
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -0.015em;
		color: var(--grey800);
		margin-top: 6px;
}
.product-price .no-price .status {
		top: 12px;
}
.product-price .status {
		position: absolute;
		top: 12px;
		left: -25px;
		transform: translate3d(0, -50%, 0);
		width: 10px;
		height: 10px;
}
.product-price del {
		text-decoration: line-through;
		font-weight: normal;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.01em;
		color: var(--darker);
}
.product-cheaper {
		grid-area: ch;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-end;
		font-weight: 300;
		font-size: 13px;
		line-height: 22px;
		align-self: center;
		letter-spacing: -0.01em;
		color: var(--grey700);
		gap: 0 0.3em;
		text-align: right;
}
.product-cheaper > * {
		flex: 0 0 auto;
}
.product-buttons {
		grid-area: bt;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 15px;
}
.product-buttons .btn {
		flex: 1 1 auto;
		box-shadow: none;
		padding-left: 16px;
		padding-right: 16px;
}
.product-buttons .btn svg:not(:first-child) {
		display: none;
}
.product-buttons .btn-to-fav {
		flex: 0 0 auto;
		width: 84px;
		padding: 0;
}
@media only screen and (max-width: 767px) {
		.product-buttons .btn-to-fav svg {
				width: 28px;
				height: 28px;
		}
}
@media (pointer:fine) {
		.product-buttons .btn-to-fav:not(.active):hover svg {
				fill: var(--hover-dark);
		}
}
.product-buttons .btn-cm {order: 3;}
.product-buttons .for-tab {display: none;}
.btn-to-fav:not(.active) {
		color: var(--sec-dark);
		background: linear-gradient(to bottom, #FBFBFC 17.86%, #F3F7FC 112.69%);
		background-color: #FBFBFC;
		background-position: 50% 0;
		background-repeat: repeat-x;
		border: 0.5px solid rgba(0, 0, 0, 0.07);
		box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
}
.btn-to-fav:not(.active) svg {fill: var(--sec-dark);}
.product-info {
		grid-area: i1;
		margin: 0;
		padding: 0;
		flex: 0 0 auto;
		width: 100%;
		font-weight: 300;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: -0.015em;
		color: var(--grey900);
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 20px 20px;
}
@media only screen and (max-width: 767px) {
		.product-info .hide-mob {
				display: none;
		}
}
.product-info li {
		flex: 0 0 auto;
		max-width: 100%;
		margin: 0;
		padding: 0 0 0 43px;
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0 5px;
}
.product-info li:before {
		display: none;
}
.product-info .pic {
		width: 28px;
		height: 28px;
		position: absolute;
		top: -2px;
		left: 0;
}
.product-info .pic:before, .product-info .pic:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
}
.product-info .pic:after {
		opacity: 0;
}
@media (pointer:fine) {
		.product-info a:hover .pic:before {
				opacity: 0;
		}
		.product-info a:hover .pic:after {
				opacity: 1;
		}
}
.product-info .pic.bg-bookmark:before {
		background-image: url(/local/templates/o22/css/../img/icons/product/bookmark.svg);
}
.product-info .pic.bg-calendar:before {
		background-image: url(/local/templates/o22/css/../img/icons/product/calendar.svg);
}
.product-info a .pic.bg-calendar:after {
		background-image: url(/local/templates/o22/css/../img/icons/product/calendar-hover.svg);
}
.product-info .pic.bg-box:before {
		background-image: url(/local/templates/o22/css/../img/icons/product/package.svg);
}
.product-info a .pic.bg-box:after {
		background-image: url(/local/templates/o22/css/../img/icons/product/package-hover.svg);
}
.product-info .pic.bg-settings:before {
		background-image: url(/local/templates/o22/css/../img/icons/product/settings.svg);
}
.product-info a .pic.bg-settings:after {
		background-image: url(/local/templates/o22/css/../img/icons/product/settings-hover.svg);
}
.product-info .code {
		padding-left: 0;
		display: block;
		color: var(--grey600);
		letter-spacing: -0.02em;
}
.product-info strong {
		letter-spacing: -0.01em;
		font-weight: 600;
		color: var(--grey800);
}
.product-info .pic-help {
		margin-left: 11px;
}
.product-colors {
		display: flex;
		flex-direction: column;
		gap: 21px 0;
		padding: 0 4px;
		grid-area: co;
}
.product-colors-title {
		font-weight: 300;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -0.01em;
		color: var(--darker);
		margin: 0 0 16px 0;
}
.product-colors-title strong {
		font-weight: 600;
		letter-spacing: -0.02em;
		color: var(--grey900);
}
.product-colors .list1, .product-colors .list2 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
}
.product-colors .list1 label, .product-colors .list2 label {
		flex: 0 0 auto;
		cursor: pointer;
		user-select: none;
		position: static;
}
.product-colors .list1 > *, .product-colors .list2 > * {
		flex: 0 0 auto;
}
.product-colors .list1 label input, .product-colors .list2 label input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
		visibility: hidden;
}
.product-colors .list1 {
		margin: 18px 0 0 0;
		gap: 8px;
		position: relative;
}
.product-colors .list1 label {
		padding: 4px;
		margin: -4px;
}
.product-colors .list1:not(.open) .folded {
		display: none;
}
.product-colors .col:last-child .list1:last-child {
		margin-bottom: 7px;
}
.product-colors .list1 label > span:not(.popup) {
		display: block;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		border-style: solid;
		border-width: 1px;
		border-color: transparent;
		transition-property: box-shadow, margin;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: calc(100% + 2px) auto;
}
.product-colors .list1 label input:checked ~ span:not(.popup), 
.product-colors .list1 .el_param_sku.selected span.r
{
	opacity: 0.8;
		box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--grey500);
}
.product-colors .list1 .more {
		cursor: pointer;
		user-select: none;
		width: 32px;
		height: 32px;
		text-align: center;
		line-height: 31px;
		color: var(--blue);
		text-decoration: none;
		transition-property: color, border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		background: rgba(220, 243, 255, 0.5);
		border: 0.5px dashed #1DA1F2;
		font: normal 12px/31px var(--fontg);
		border-radius: 50%;
}
.product-colors .list1.open .more {
		display: none;
}
@media only screen and (max-width: 767px) {
		.product-colors .list1 .more .show-tab {
				display: none;
		}
		.product-colors .popup {
				display: none;
		}
}
@media (pointer:fine) {
		.product-colors .list1 .more:hover {
				background-color: transparent;
				border-color: var(--hover);
				color: var(--hover);
		}
}
.product-colors .popup {
		pointer-events: none;
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		width: 100%;
		z-index: 30;
		background: var(--white);
		box-shadow: -5px 0px 25px rgba(0, 0, 0, 0.25);
		padding: 15px;
		border-radius: 5px;
		font: 600 16px/20px var(--fonti);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 20px 10px;
		color: var(--grey900);
		margin: 15px 0;
		opacity: 0;
}
@media (pointer:fine) {
		.product-colors label:hover .popup {
				opacity: 1;
		}
}
@media only screen and (min-width: 1280px) {
		.product-colors .popup {
				width: 380px;
				top: 50%;
				right: 100%;
				transform: translate3d(0, -50%, 0);
				margin: 0 30px;
				left: auto;
				bottom: auto;
		}
}
.product-colors .popup .status {
		flex: 0 0 auto;
		width: 8px;
		height: 8px;
}
.product-colors .popup img {
		flex: 0 0 auto;
		width: 100%;
		border-radius: 3px;
		height: 150px;
		object-fit: contain;
		object-position: center;
		margin: 0 0 5px 0;
}
.product-colors .popup-color img {
		object-fit: cover;
}
.product-colors .popup .tags {
		flex: 0 0 auto;
		width: 100%;
		margin: 0 0 10px 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 5px;
}
.product-colors .popup .tags > * {
		flex: 0 0 auto;
		max-width: 100%;
		text-align: center;
		text-decoration: none;
		font-weight: 300;
		font-size: 10px;
		line-height: 14px;
		letter-spacing: -0.01em;
		color: #7C93BB;
		padding: 9px 16px;
		background: rgba(228, 236, 247, 0.25);
		border-radius: 16px;
}
.product-colors .list2 {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		margin: -6px 0 0 0;
}
.product-colors .list2 label {
		padding: 4px;
		margin: -4px;
}
.product-colors .list2 label > span:not(.popup) {
		display: block;
		text-align: center;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: var(--grey700);
		height: 36px;
		background: var(--input-bg);
		border: 0.75px solid rgba(166, 183, 212, 0.5);
		line-height: 34.5px;
		padding: 0 15px;
		border-radius: 18px;
		transition-property: border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.product-colors .list2 label:hover > span:not(.popup) {
				border-color: var(--hover-input);
				background-color: transparent;
		}
}
.product-colors .list2 label input:checked ~ span:not(.popup) {
		background-color: #FFF2C5;
		border-color: #F35C00;
		color: var(--grey900);
		font-weight: 500;
}
.product-colors-selected {
		display: block;
		cursor: pointer;
		user-select: none;
		text-align: left;
		text-decoration: none;
		background: var(--input-bg) url(/local/templates/o22/css/../img/colors-selected.svg) no-repeat calc(100% - 24px) 50%;
		background-size: auto 13px;
		border: 0.5px solid rgba(166, 183, 212, 0.5) !important;
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 5px 15px -2px rgba(50, 50, 71, 0.05);
		border-radius: 5px;
		padding: 10px 60px 10px 72px;
		position: relative;
		margin: 32px -4px 0 -4px;
		font-weight: 300;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: -0.01em;
		color: var(--darker) !important;
		transition-property: border, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.product-colors-selected:hover {
				border-color: var(--hover-input);
				background-color: transparent;
				box-shadow: none;
		}
}
.product-colors-selected strong {
		display: block;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		color: var(--grey900);
}
.product-colors-selected .rounded {
		position: absolute;
		top: 50%;
		left: 15px;
		width: 40px;
		height: 40px;
		margin: -20px 0;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
}
.product-info2 {
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		color: var(--grey900);
		letter-spacing: -0.01em;
		grid-area: i2;
		margin: 28px 0 0 0;
		padding: 0 6px;
}
@media only screen and (max-width: 767px) {
		.product-info2 {
				display: none;
		}
}
.product-info2 table {
		border-collapse: collapse;
		width: 100%;
		border: 0;
		margin: 0 0 21px 0;
}
.product-info2 td {
		text-align: left;
		vertical-align: top;
		border: 0;
		padding: 0;
}
.product-info2 td:not(:first-child) {
		padding-left: 16px;
}
.product-info2 tr:not(:first-child) td {
		padding-top: 10px;
}
.product-info2 td:first-child {
		font-weight: 300;
		letter-spacing: -0.01em;
		color: var(--grey600);
}
.product-brand {
		display: flex;
		align-items: center;
		gap: 0 25px;
		font-weight: 300;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -0.01em;
		grid-area: br;
		padding: 0 6px;
}
.product-brand img {
		width: auto;
		height: auto;
		max-width: 100px;
		max-height: 40px;
}
.product-brand .all span {
		margin-left: 0.3em;
}
.product-consult {
		display: flex;
		flex-direction: column;
		gap: 16px 25px;
		grid-area: cn;
		margin: 20px 0 0 0;
}
@media only screen and (max-width: 767px) {
		.product-consult {
				display: none;
		}
}
.product-consult-title {
		font: 600 14px/20px var(--fontg);
		letter-spacing: normal;
		color: var(--grey500);
		position: relative;
		text-align: center;
}
.product-consult-title:after {
		content: '';
		display: block;
		margin: 16px auto 0 auto;
		width: 30px;
		height: 2px;
		border-radius: 1px;
		background: var(--yellow);
}
.product-consult-title strong {
		font-weight: bold;
		font-size: 20px;
		line-height: 25px;
		color: var(--grey800);
		letter-spacing: -0.01em;
		margin: 0 0 4px 0;
		display: block;
}
.product-consult .btn {
		width: 100%;
}
.product-details {
		background: rgba(247, 250, 252, 0.65);
		margin: 40px 0;
		padding: 0 0 37px 0;
		font-weight: 300;
		font-size: 14px;
		line-height: 26px;
		letter-spacing: 0.01em;
		color: var(--grey900);
		box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.16);
}
.product-details p, ol, ul {
		margin: 10px 0;
}
.product-details p:first-child, .product-details ol:first-child, .product-details ul:first-child, .product-details li:first-child {
		margin-top: 0;
}
.product-details p:last-child, .product-details ol:last-child, .product-details ul:last-child, .product-details li:last-child {
		margin-top: 0;
}
.product-details a, .product-details .show-more > * {
		color: var(--blue);
		transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none;
}
@media (pointer:fine) {
		.product-details a:hover, .product-details .show-more > *:hover {
				color: var(--hover);
		}
}
.product-details .row {
		padding: 0 3px;
}
.product-details .row:not(:first-child) {
		margin-top: 32px;
}
.product-details-title {
		font: bold 20px/40px var(--fontg);
		position: relative;
		margin: 0 0 12px -20px;
		padding: 10px 0 10px 17px;
		border-left: 3px solid var(--yellow);
		color: var(--grey800);
		letter-spacing: -0.015em;
}
.product-details:not(.open) .folded {
		display: none;
}
.product-details .show-more {
		margin: 16px 0 0 0;
		font-weight: 600;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: -0.01em;
}
.product-details.open .show-more {
		display: none;
}
.product-details .show-more > * {
		cursor: pointer;
		user-select: none;
}
.product-details-tech {
		margin: 16px 0 -28px 0;
		font-weight: 600;
		color: var(--grey800);
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		position: relative;
}
.product-details-tech .col {
		flex: 0 0 auto;
		width: 100%;
		padding: 0 0 28px 40px;
}
@media only screen and (max-width: 767px) {
		.product-details-tech .col {
				margin-top: 0 !important;
		}
}
.product-details-tech .tech-title {
		font: 600 18px/24px var(--fontg);
		margin: 0 0 18px -44px;
		letter-spacing: -0.01em;
		padding: 0 0 0 40px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: auto 24px;
}
.product-details-tech .tech-title.bg-set {
		background-image: url(/local/templates/o22/css/../img/icons/product/sliders.svg);
}
.product-details-tech .tech-title.bg-box {
		background-image: url(/local/templates/o22/css/../img/icons/product/box.svg);
}
.product-details-tech .tech-title.bg-layers {
		background-image: url(/local/templates/o22/css/../img/icons/product/layers.svg);
}
.product-details-tech .tech-title.bg-search {
		background-image: url(/local/templates/o22/css/../img/icons/product/search.svg);
}
.product-details-tech table {
		border-collapse: collapse;
		width: 100%;
		border: 0;
}
.product-details-tech td {
		text-align: left;
		vertical-align: top;
		border: 0;
		padding: 0;
}
.product-details-tech tr:not(:first-child) td {
		padding-top: 6px;
}
.product-details-tech td:not(:first-child) {
		padding-left: 16px;
}
.product-details-tech td:first-child {
		font-weight: 300;
		width: 50%;
}
.product-details-tech td:first-child > div {
		overflow: hidden;
}
.product-details-tech td:first-child > div:after {
		content: '';
		display: none;
		vertical-align: top;
		width: 100vw;
		position: relative;
		left: 8px;
		margin: 0 -100vw 0 0;
		border-top: 1px dashed #B3C0D6;
		top: 24px;
}
.series-items {
		margin-top: 32px;
}
.series-items .content-title {
		margin-bottom: 0;
}
.product-items-category {
		position: relative;
}
.product-items-category-head {
		cursor: pointer;
		user-select: none;
		padding: 17px 0 17px 56px;
		font: 900 20px/36px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--blue);
		transition-property: color, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-items-category-head .pic {
		position: absolute;
		top: 16px;
		left: 0;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		background: rgba(17, 107, 239, 0.05);
		border: 0.5px solid rgba(29, 161, 242, 0.4);
		transition-property: transform, background, border;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: rotate(-45deg);
}
.product-items-category-head .pic:before, .product-items-category-head .pic:after {
		content: '';
		width: 14px;
		height: 1.5px;
		border-radius: 0.75px;
		background: var(--blue);
		position: absolute;
		top: 50%;
		left: 50%;
		transition-property: width, height, border-radius, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-items-category-head .pic:before {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.product-items-category-head .pic:after {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
@media (pointer:fine) {
		.product-items-category-head:hover {
				color: var(--orange);
		}
		.product-items-category-head:hover .pic {
				border-color: var(--orange);
				background-color: transparent;
		}
		.product-items-category-head:hover .pic:before, .product-items-category-head:hover .pic:after {
				background-color: var(--orange);
		}
}
.product-items-category.open .product-items-category-head {
		color: var(--grey600);
}
.product-items-category.open .product-items-category-head .pic {
		border-color: #A6B9D4;
		background-color: rgba(113, 128, 150, 0.05);
		transform: rotate(0deg);
}
.product-items-category.open .product-items-category-head .pic:before, .product-items-category.open .product-items-category-head .pic:after {
		background-color: var(--darker);
		border-radius: 0;
}
.product-items-category:not(.open) .product-items-category-in {
		display: none;
}
.product-items-category-ind {
		padding: 10px 0 25px 0;
}
.product-items-category:last-child {
		margin-bottom: -20px;
}
.product-items-category:last-child .product-items-category-ind {
		padding-bottom: 45px;
}
.product-cover {
		position: sticky;
		top: 0;
		z-index: 40;
		font-weight: 300;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.005em;
		color: var(--grey900);
		flex: 0 0 auto;
		order: 2;
		width: 100%;
		display: none;
}
.product-cover .in {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: rgba(255, 255, 255, 0.94);
		box-shadow: 0px 14px 21px rgba(20, 37, 63, 0.07);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 0, 0);
}
html:not(.product-scrolled) .product-cover .in {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, -100%, 0);
		transition-duration: 0.2s;
}
.product-cover .container {
		display: flex;
		align-items: center;
		height: 90px;
}
.product-cover .photo {
		flex: 0 0 auto;
		height: 90px;
		margin: -15px 25px -15px 0;
		width: 105px;
}
.product-cover .photo img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.product-cover .text {
		flex: 1;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}
.product-cover .price {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px 0;
		flex: 0 0 auto;
		font: normal 20px/24px var(--fontg);
		letter-spacing: 0.01em;
		color: var(--darker);
		margin: 0 0 0 25px;
		text-align: left;
}
.product-cover .price strong {
		display: block;
		font-weight: bold;
		font-size: 30px;
		line-height: 36px;
		color: var(--grey800);
}
.product-cover .btn {
		font-size: 18px;
		min-width: 250px;
		margin: 0 0 0 40px;
		text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.45);
}
.product-cover .btn svg {
		filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.45));
}
.grid-product-inner {
		display: grid;
		grid-template-areas: "co co""buy buy""br br""cn cn";
		grid-template-columns: 50% 50%;
		grid-template-rows: auto auto auto auto auto auto;
		align-items: center;
}
.grid-series-inner {
		display: grid;
		grid-template-areas: "co co""buy buy""br br""cn cn";
		grid-template-columns: 67% 33%;
		grid-template-rows: auto auto auto auto auto auto;
		align-items: center;
}
@media only screen and (max-width: 1023px) {
		.product-view-no-price .product-cheaper {
			
				display: none;
		}
		.product-brand {margin: 24px 0 0 0;font-weight: 500;}
		.main-gallery-big img{max-height: 100%!important;}
}
.grid-series-inner .product-colors {
		margin-top: 6px;
}
.grid-series-inner .product-buy {
		margin-top: 16px;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {

		.similar {
				margin-top: 65px;
		}
		.similar .content-title {
				margin-bottom: 24px;
		}
		.similar .content-title .big {
				font-size: 36px;
		}
		.product-head .code {
			font: 600 18px/20px var(--fontg);
			letter-spacing: 0.01em;
			color: var(--sec-dark);
			display: flex;
			height: 100%;
			align-items: end;
			gap: 5px;
		}
		.product-head .code strong {
				font-weight: inherit;
				color: #505780;
		}
		.product-price {
				gap: 0 20px;
		}
		.product-price .txt {
				font-weight: bold;
				font-size: 18px;
				line-height: 24px;
				color: var(--grey800);
				letter-spacing: normal;
				text-transform: none;
				margin: -2px 0 0 0;
		}
		.product-price strong {
				order: 1;
				font-size: 30px;
				line-height: 36px;
				letter-spacing: 0.01em;
		}
		.product-price .status {
				top: 18px;
		}
		.product-price del {
				order: 2;
				font-weight: normal;
				font-size: 20px;
				line-height: 24px;
		}
		.product-price .no-price {
				margin: 0;
		}
		.product-cheaper {
				font-size: 15px;
				line-height: 20px;
		}
		.product-buttons {
				justify-content: flex-end;
		}
		.product-buttons .btn-orange, .product-buttons .btn-green, .product-buttons .btn-yellow {
				text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.45);
		}
		.product-buttons .btn-orange svg, .product-buttons .btn-green svg, .product-buttons .btn-yellow svg {
				filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.45));
		}
		.product-buttons .btn-cm {
				font-size: 17px;
		}
		.product-buttons .btn-add {
				font-size: 18px;
		}
		.product-buttons .btn-to-fav {
				width: 90px;
				order: 2;
		}
		.product-buttons .for-tab {
				display: inline;
		}
		.product-buttons .for-mob {
				display: none;
		}
		.product-buttons .btn svg:not(:first-child) {
				display: block;
		}
		.product-buttons .btn svg:first-child:not(:only-of-type) {
				display: none;
		}
		.product-info {
				font-size: 15px;
				letter-spacing: normal;
				color: var(--grey800);
		}
		.product-info li {
				padding-left: 43px;
				gap: 0 6px;
		}
		.product-info .pic {
				top: -1px;
				width: 28px;
				height: 28px;
		}
		.product-info strong {
				color: var(--grey900);
		}
		.product-info .pic-help {
				margin-left: 4px;
		}
		.product-colors {
				padding-top: 25px;
				padding-bottom: 28px;
				margin: 0 0 29px 0;
				border-bottom: 1px solid var(--sec-light);
				gap: 25px 35px;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-between;
		}
		.product-colors .col {
				flex: 0 0 auto;
				width: auto;
				min-width: 44%;
				max-width: 100%;
		}
		.product-colors-title {
				font-size: 15px;
				line-height: 20px;
				margin-bottom: 15px;
		}
		.product-colors-title strong {
				font-weight: 500;
				letter-spacing: -0.01em;
		}
		.product-colors .list1 {
				margin-top: 20px;
		}
		.product-colors .col:last-child .list1:last-child {
				margin-bottom: 9px;
		}
		.product-colors .list1 label > span:not(.popup) {
				width: 36px;
				height: 36px;
		}
		.product-colors .list1 label input:checked ~ span:not(.popup) {
				box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--grey500);
		}
		.product-colors .list1 .more {
				width: auto;
				height: auto;
				padding: 0 8px;
				font: 300 14px/25px var(--fonti);
				letter-spacing: -0.01em;
				border-radius: 0;
				border: 0 !important;
				background: none !important;
		}
		.product-colors .popup .tags {
				gap: 10px;
		}
		.product-colors .popup .tags > * {
				font-size: 12px;
				line-height: 18px;
				padding: 7px 16px;
				border-radius: 3px;
		}
		.product-colors .list2 {
				gap: 10px;
				margin-top: 15px;
		}
		.product-colors .list2 label {
				padding: 5px;
				margin: -5px;
		}
		.product-colors .list2 label > span:not(.popup) {
				font-size: 14px;
				letter-spacing: -0.01em;
				color: var(--grey600);
				padding: 0 14.5px;
				border-radius: 3px;
		}
		.product-info2 {
				font-size: 13px;
				margin: 0;
				padding: 0 40px 0 6px;
		}
		.product-info2 table {
				margin-bottom: 20px;
				font-size: 15px;
		}
		.product-info2 td:not(:first-child) {
				padding-left: 5px;
		}
		.product-info2 tr:not(:first-child) td {
				padding-top: 10px;
		}
		.product-brand {
				margin-top: 20px;
				font-weight: 500;
				font-size: 13px;
				letter-spacing: normal;
				padding: 0 0 25px 6px;
				border-bottom: 1px solid var(--sec-light);
		}
		.product-consult {
				flex-direction: row;
				align-items: stretch;
				align-self: end;
				flex-wrap: wrap;
				justify-content: space-between;
				gap: 20px;
		}
		.product-consult-title {
				text-align: left;
				display: flex;
				align-items: center;
				flex: 1 1 auto;
				border-left: 3px solid var(--yellow);
				padding-left: 25px;
		}
		.product-consult-title:after {
				display: none;
		}
		.product-consult .btn {
				width: auto;
				flex: 0 0 auto;
				padding: 0 25px;
				font-size: 16px;
				letter-spacing: 0.01em;
				gap: 0 14px;
		}
		.grid-product-inner, .grid-series-inner {
				gap: 0;
				grid-template-areas: "buy""co""i2""br""cn";
				grid-template-columns: 100%;
				grid-template-rows: auto auto auto auto auto;
		}
		.grid-product-inner .product-colors, .product-view-no-price .product-colors{
				margin-top: 0;
				padding-bottom: 28px;
		}
		.grid-product-inner .product-consult {
				margin: 32px 0 0 0;
		}
		.grid-series-inner .product-colors {
				margin-top: 0;
				padding-bottom: 18px;
		}
		.product-details {
				margin-top: 60px;
				margin-bottom: 60px;
				padding-top: 63px;
				padding-bottom: 66px;
				font-size: 15px;
				line-height: 35px;
				box-shadow: none;
		}
		.product-details .row {
				padding-right: 10px;
				padding-left: 45px;
		}
		.product-details .row:not(:first-child) {
				margin-top: 40px;
		}
		.product-details-title {
				font-size: 24px;
				font-weight: 900;
				color: var(--grey700);
				letter-spacing: -0.01em;
				margin: 0 0 20px -45px;
				padding: 10px 0 10px 42px;
		}
		.product-details .show-more {
				font-weight: normal;
				margin-top: 15px;
				font-size: 15px;
		}
		.product-details-tech {
				font-weight: normal;
				color: var(--grey900);
				margin: 38px -20px -42px -45px;
				justify-content: space-between;
		}
		.product-details-tech .col {
				padding: 0 20px 42px 55px;
				width: 53.5%;
		}
		.product-details-tech .col:nth-child(even) {
				width: 46.5%;
		}
		.product-details-tech .tech-title {
				font-size: 20px;
				margin: 0 0 27px -50px;
				letter-spacing: 0.01em;
				padding: 2px 0 2px 50px;
				background-size: auto 28px;
		}
		.product-details-tech tr:not(:first-child) td {
				padding-top: 0;
		}
		.product-details-tech td:not(:first-child) {
				padding-left: 9px;
		}
		.product-details-tech td:first-child {
				color: var(--grey700);
				width: 60%;
		}
		.product-details-tech td:first-child > div:after {
				display: inline-block;
		}
		.product-items .content-title {
				margin-bottom: 22px;
		}
		.series-items .content-title {
				margin-bottom: 5px;
		}
		.series-items .content-title .big {
				font-size: 36px;
		}
		.product-items-category {
				border-bottom: 1px dashed #BDCBE3;
		}
		.product-items-category-head {
				font-size: 30px;
				letter-spacing: normal;
				color: var(--grey700);
				padding: 39px 0 39px 75px;
		}
		.product-items-category-head .pic {
				width: 48px;
				height: 48px;
				border-color: transparent;
				background-color: transparent;
				top: 34px;
				left: 0;
		}
		.product-items-category-head .pic:before, .product-items-category-head .pic:after {
				width: 20px;
				height: 2.5px;
				border-radius: 1.25px;
				background-color: rgba(74, 85, 104, 0.77);
		}
		@media (pointer:fine) {
				.product-items-category-head:hover {
						color: var(--blue);
				}
				.product-items-category-head:hover .pic {
						border-color: transparent;
						background-color: transparent;
				}
				.product-items-category-head:hover .pic:before, .product-items-category-head:hover .pic:after {
						background-color: var(--blue);
				}
		}
		.product-items-category.open .product-items-category-head {
				color: #718096;
		}
		.product-items-category.open .product-items-category-head:after {
				border-color: transparent;
		}
		.product-items-category.open .product-items-category-head .pic:before, .product-items-category.open .product-items-category-head .pic:after {
				border-radius: 0.75px;
				height: 1.5px;
				width: 17px;
		}
		.product-items-category-ind {
				padding: 0 0 40px 0;
		}
		.product-items-category:last-child {
				margin-bottom: 0;
		}
		.product-items-category:last-child .product-items-category-ind {
				padding-bottom: 0;
		}
}
/*tablet end*/
/*tablet-big start*/
@media only screen and (min-width: 1024px) {
		.product-buttons {
				justify-content: center;
		}
		.product-cover {
				display: block;
		}
		html.product-scrolled .header:before {
				box-shadow: none;
		}
		.grid-product-inner, .grid-series-inner {
				gap: 0;
				grid-template-areas: "buy buy""co co""i2 cn""br br";
				grid-template-columns: calc(100% - 450px) 450px;
				grid-template-rows: auto auto auto auto;
		}
		.grid-product-inner .product-consult {
				margin-bottom: 27px;
		}
		.grid-product-inner .product-consult {
				margin: 0 0 27px 0;
		}
		.product-items .content-title {
				margin-bottom: 40px;
		}
}
/*tablet-big end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.similar {
/*				margin-top: 0;*/
		}
		.similar .content-title {
				margin-bottom: 50px;
		}
		.product-price {
				gap: 5px 25px;
		}
		.product-price .txt {
				width: 100%;
				font-size: 20px;
				margin-bottom: 5px;
		}
		.product-price del {
				order: 3;
		}
		.product-price .no-price {
				margin-top: 6px;
				margin-bottom: 10px;
		}
		.product-buttons {
				margin: 30px 0 0 0 !important;
				padding: 0 !important;
				justify-content: center;
		}
		.product-info {
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
		}
		.product-colors {
				border-width: 0;
				flex-direction: column;
				align-items: stretch;
				justify-content: flex-start;
				gap: 25px 0;
				margin: 25px 0 0 0 !important;
				padding-top: 0;
				padding-bottom: 0;
		}
		.product-colors .col {
				min-width: 0;
				max-width: none;
				width: 100%;
		}
		.product-colors-selected {
				margin-top: 28px;
		}
		.product-info2 {
				margin: -5px 0 0 0;
				padding: 0 4px;
		}
		.product-info2 table {
				margin-bottom: 15px;
		}

		/*.product-brand {
				margin: 25px 0 0 0;
				padding: 0 20px 27px 6px;
				gap: 4px 16px;
				display: grid;
				align-items: center;
				grid-template-areas:
						"li lo"
						"a lo";
				grid-template-columns: auto 100px;
				grid-template-rows: auto auto;
		}
		.product-brand .logo {
				grid-area: lo;
		}
		.product-brand .all {
				grid-area: a;
				margin: 0;
		}
		.product-brand .links {
				gap: 4px;
				grid-area: li;
		}*/
		.grid-product-inner, .grid-series-inner {
				grid-template-areas: "buy""co""i2""br""cn";
				grid-template-columns: 1fr;
				grid-template-rows: auto auto auto auto auto;
				align-items: start;
		}
		.grid-product-inner .product-brand {
				margin-top: 16px;
		}
		.grid-product-inner .product-consult {
				margin: 30px 0 38px 0;
		}
		.grid-series-inner .product-brand {
				margin-top: 15px;
				padding-bottom: 30px;
		}
		.grid-series-inner .product-consult {
				margin-top: 22px;
		}
		.product-view-no-price .product-cheaper {
				display: none;
		}
		.product-details {
				margin-top: 80px;
				margin-bottom: 80px;
				padding-top: 76px;
				padding-bottom: 76px;
		}
		.product-details .row {
				padding-right: 0;
		}
		.product-details .row:not(:first-child) {
				margin-top: 70px;
		}
		.product-details-title {
				font-weight: bold;
				font-size: 30px;
				line-height: 36px;
				letter-spacing: normal;
				margin-bottom: 30px;
				padding-top: 12px;
				padding-bottom: 12px;
				padding-right: 0;
		}
		.product-details-tech {
				margin-top: 49px;
		}
		.product-details-tech .col, .product-details-tech .col:nth-child(even) {
				width: 50%;
		}
		.series-items {
				margin-top: 80px;
		}
		.series-items .content-title {
				margin-bottom: 25px;
		}
		.product-items-category-ind {
				padding-bottom: 65px;
		}
		.product-items-category:last-child .product-items-category-ind {
				padding-bottom: 0;
		}
		.categories-inline-slider {
				margin-left: 35px !important;
				margin-bottom: 70px !important;
		}
}
@media only screen and (min-width: 1340px) {
	.product-details-tech.view3 .col, .product-details-tech.view3 .col:nth-child(even) {width: 33.333333%;}
}
/*add-161223*/
.product-details .prodpic {display: block;padding: 0; margin: 35px -17px 30px -17px;text-align: center; border: 0; outline: none;}
.product-details .prodpic img{width: auto; height: auto; max-width: 100%;}
/* End */


/* Start:/local/templates/o22/css/product-preview.css?17446635846413*/
@charset "UTF-8";
.modal-product-preview {
		max-width: 1310px;
}
.product-preview {
		display: flex;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
}
.product-preview.view1 {
		--width: 580px;
		--left: 0px;
		--right: 50px;
}
.product-preview.view2 {
		--width: 500px;
		--left: 0;
		--right: 50px;
}
.product-preview-gallery {
		position: absolute !important;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: 50px !important;
}
.product-preview-gallery .swiper-wrapper, .product-preview-gallery .swiper-slide {
		height: 100% !important;
}
.product-preview-gallery .swiper-slide {
		width: 100%;
		position: relative;
		padding-bottom: 82px;
		display: flex !important;
		align-items: center;
		justify-content: center;
}
.product-preview-gallery .swiper-slide img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		object-position: center;
		border-radius: 3px;
}
.product-preview-gallery .main-slider-arrow {
		width: 72px;
		height: 72px;
		top: auto;
		bottom: 0;
		left: 50%;
		margin: 0;
		transform: none;
		background-color: #F5F8FC;
		border-color: #CEDFF5;
		border-width: 1px;
}
@media (pointer:fine) {
		.product-preview-gallery .main-slider-arrow:not(.swiper-button-disabled):hover {
				border-color: #96A5B4;
				background-color: #96A5B4;
				box-shadow: none;
		}
}
.product-preview-gallery .product-preview-gallery-prev {
		margin-left: -77px;
}
.product-preview-gallery .product-preview-gallery-next {
		margin-left: 5px;
}
.product-preview-gallery-counter {
		position: absolute;
		bottom: 6px;
		left: 10px;
		width: 115px;
		height: 60px;
		text-align: center;
		font: 600 20px/60px var(--fontg);
		letter-spacing: -0.01em;
		color: #7B889E;
		background: #F6FBFF;
		overflow: hidden;
		border-radius: 30px;
}
.product-preview-photos {
		overflow: hidden;
		width: calc(100% - var(--width));
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		order: 1;
}
.product-preview-content {
		order: 2;
		margin-left: auto;
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		width: var(--width);
		max-width: 100%;
}
.product-preview-center {
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		padding: 20px calc(var(--right) + 30px) 0 var(--left);
}
.product-preview.view1 .product-preview-center {
		padding-right: calc(var(--right) + 40px);
		padding-top: 25px;
}
.product-preview .product-buttons {
		gap: 15px;
		margin: 24px var(--right) 0 var(--left)!important;
}

.product-preview .product-buttons-adv {
	gap: 15px;
	margin: 24px var(--right) 0 var(--left) !important;
}

.product-preview .line {
		height: 1px;
		background: var(--preview-border);
		margin-right: var(--right);
		position: relative;
		z-index: 11;
}
.product-preview-top .line:last-child {
		margin-bottom: -24px;
		margin-top: 4px;
}
.product-preview-price {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 50px var(--right) 24px var(--left);
		position: sticky;
		top: 0;
		z-index: 10;
		background: var(--white);
}
.product-preview-price:not(:first-child) {
		margin-top: -30px;
}
.product-preview-price:after {
		content: '';
		height: 1px;
		background: var(--preview-border);
		margin-right: var(--right);
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
}
.product-preview-bottom {
		position: sticky;
		bottom: 0;
		z-index: 10;
		background: var(--white);
		padding: 30px var(--right) 50px var(--left);
}
.product-preview.view1 .product-preview-bottom {
		border-top: 1px solid var(--preview-border);
		padding-top: 10px;
		margin-top: 40px;
}
.product-preview-bottom .product-buttons {
		margin: 0;
}
@media only screen and (min-width: 768px) {
		.product-preview .product-price strong {
				font-size: 28px;
		}
		.product-preview .product-price del {
				font-size: 16px;
				line-height: 20px;
		}
}
.product-preview .product-info {
		border-bottom: 1px solid #E8EFF8;
		padding: 5px 0 20px 0;
		margin: 0 0 30px 0;
}
.product-preview.view2 .product-info {
		margin-bottom: 20px;
}
.product-preview-name {
		flex: 0 0 auto;
		width: 100%;
		font: bold 30px/36px var(--fontg);
		letter-spacing: -0.01em;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 70px 0 20px 0;
		padding: 0 var(--right) 0 var(--left);
		color: var(--grey700);
}
@media only screen and (max-width: 767px) {
		.product-preview-name {
				font-weight: 900;
				font-size: 24px;
				line-height: 32px;
				color: var(--grey800);
		}
}
.product-preview-code {
		font: 600 18px/20px var(--fontg);
		color: var(--sec-dark);
		margin: 0 var(--right) 20px var(--left);
		position: relative;
		z-index: 11;
}
.product-preview-code strong {
		font-weight: inherit;
		color: var(--dark-light);
}
.product-preview .btn-small {
		height: 50px;
}
@media only screen and (max-width: 1109px) {
		.product-preview-gallery {
				margin-left: 0 !important;
				margin-right: 20px !important;
		}
}
@media only screen and (max-width: 1023px) {
		.product-preview-gallery-counter {
				display: none !important;
		}
		.product-preview.view1, .product-preview.view2 {
				--left: 0;
				--right: 20px;
				--width: 440px;
		}
}
@media only screen and (max-width: 767px) {
		.product-preview {
				flex-direction: column;
				height: auto;
				overflow: visible;
		}
		.product-preview.view1, .product-preview.view2 {
				--left: 20px;
				--right: 20px;
		}
		.product-preview-photos {
				width: 100% !important;
				position: relative;
				top: auto;
				bottom: auto;
				left: auto;
				height: 320px;
		}
		.product-preview-gallery {
				margin: 0 !important;
		}
		.product-preview-gallery .swiper-slide {
				padding-bottom: 0 !important;
		}
		.product-preview-content {
				width: 100% !important;
		}
		.product-preview-name {
				margin-top: 50px;
		}
}

/*added 15.10.24*/
@media only screen and (min-width: 768px) {
	.modal-slide.modal-product-preview{min-height: 700px;}
		.product-preview.view1 {
				--buttons: 151px;
		}
		.product-preview.view2 {
				--buttons: 130px;
		}
		.product-preview-content {
				height: calc(100% - var(--buttons));
				overflow: hidden;
				overflow-y: auto;
				padding-bottom: 40px;
				
		}
		.product-preview-bottom {
				position: absolute;
				bottom: 0;
				right: 0;
				width: var(--width);
				height: var(--buttons);
				padding-bottom: 0;
		}
}
/* End */


/* Start:/local/templates/o22/css/modal-discount.css?16963805313134*/
@charset "UTF-8";
.modal-discount .modal-slide-inner {
		padding: 51px 25px 27px 25px;
}
.modal-discount .modal-form-title {
		margin: 0 0 25px 0;
}
.modal-discount .modal-form-title:after {
		content: '';
		display: block;
		margin: 10px auto 0 auto;
		width: 60px;
		height: 3px;
		border-radius: 1.5px;
		background: var(--yellow);
}
.modal-discount .grid {
		display: flex;
		flex-direction: column;
		gap: 20px 0;
}
.modal-discount .text {
		flex: 0 0 auto;
		width: 100%;
		font-weight: 600;
		font-size: 15px;
		line-height: 30px;
		letter-spacing: -0.01em;
		color: var(--grey800);
}
.modal-discount .text p, .modal-discount .text ol, .modal-discount .text ul {
		margin: 12px 0;
}
.modal-discount .text > *:first-child, .modal-discount .text > li:first-child {
		margin-top: 0 !important;
}
.modal-discount .text > *:last-child, .modal-discount .text > li:last-child {
		margin-bottom: 0 !important;
}
.modal-discount .text .big {
		font-weight: 800;
		font-size: 18px;
		margin: 15px 0 12px 0;
		color: var(--grey700);
}
.modal-discount .text ul {
		padding: 0;
		font-weight: 300;
}
.modal-discount .text li {
		margin: 5px 0;
		padding: 0 0 0 24px;
}
.modal-discount .text li:before {
		content: '—';
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		text-align: left;
		position: absolute;
		top: 0;
		left: 0;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.modal-discount {
				max-width: 660px;
		}
		.modal-discount .modal-slide-inner {
				padding: 50px 50px 70px 50px;
		}
		.modal-discount .modal-form-title {
				margin: 0 0 40px 0;
				padding: 0 0 25px 0;
				border-bottom: 1px solid #DAE5F3;
				font-size: 30px;
		}
		.modal-discount .modal-form-title:after {
				display: none;
		}
		.modal-discount .grid {
				gap: 25px 0;
		}
		.modal-discount .text {
				font-size: 14px;
				line-height: 24px;
				letter-spacing: -0.02em;
		}
		.modal-discount .text .big {
				font-size: 16px;
				color: var(--grey500);
				margin: 30px 0 16px 0;
				letter-spacing: -0.01em;
		}
		.modal-discount .text ul {
				letter-spacing: -0.01em;
		}
		.modal-discount .text li {
				margin: 12px 0;
				padding-left: 21px;
		}
		.modal-discount .inputs {
				max-width: 450px;
		}
		.modal-discount .form-submit {
				margin-top: 25px;
		}
}
/*tablet-big end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.modal-discount {
				max-width: 1200px;
		}
		.modal-discount .modal-slide-inner {
				padding: 50px;
		}
		.modal-discount .modal-form-title {
				font-size: 36px;
				line-height: 40px;
		}
		.modal-discount .grid {
				flex-direction: row;
				gap: 25px 50px;
		}
		.modal-discount .text {
				font-size: 16px;
				line-height: 30px;
				color: var(--grey800);
				flex: 1;
				font-weight: normal;
				margin: -5px 0;
		}
		.modal-discount .text .big {
				color: var(--grey700);
				font-size: 16px;
				margin-top: 24px;
				margin-bottom: 10px;
				letter-spacing: 0.02em;
		}
		.modal-discount .text li {
				margin: 7px 0;
				padding-left: 23px;
		}
		.modal-discount .inputs {
				flex: 0 0 auto;
				width: 450px;
				max-width: none;
		}
}
/* End */


/* Start:/local/templates/o22/css/addon_style.css?175093813133154*/

/**/
.imgmenu_as_svg{
  width: 36px;height: 36px;position: absolute;margin: -18px;top: 50%; left:59px;
}
@media only screen and (min-width: 1280px) {
.imgmenu_as_svg{
left: 79px;
}
}

.admin_short_note{position: absolute;
    top: 10px;
    background: red;
    color: #fff;
    padding: 0px 10px;
    border-radius: 25%;
    left: 10px;}
.grid-series-inner .product-colors.empty-line-color{padding-bottom: 0px;}
/*modal-added*/
.modal-added .cart-item .photo{
  background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;
}
.jv-mobile, .jv-mobile-or-tablet{display: none;}
@media only screen and (max-width: 767px) {
  .item-mini.view-item.ready .name a{position: initial;}
  .catalog-small .item-mini .tags > *{padding: 3px 8px;}
  .modal-added .cart-item .photo{height: 150px}
}

/*gallery*/
.swiper-youtube-logo {
    content: "";
    position: absolute;
    background: inherit;
    border-radius: 8px;
    background-color: rgb(0, 161, 231);
    width: 48px;
    height: 48px;
}
.swiper-youtube-logo::before {
content: "";
    position: absolute;
    z-index: 1;
    left: calc(50% - 8px);
    top: calc(50% - 15.5px);
    width: 28px;
    height: 28px;
    border-left: 18px solid #fff;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}

.swiper-youtube-logo.minis{
  top: calc(50% - 12px);
    left: calc(50% - 12px);
    width: 25px;
    height: 25px;
    border-radius: 4px;
}
.swiper-youtube-logo.minis::before {
content: "";
    position: absolute;
    z-index: 1;
    left: calc(50% - 3px);
    top: calc(50% - 6px);
    width: 8px;
    height: 8px;
    border-left: 8px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
/*form*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}
/*basket*/
.loader.loader-inner.posabs{position: absolute;}
.text_zapros{display: none;}
.po_zaprosu .text_zapros{display: block;}
.po_zaprosu .price .status, .po_zaprosu .price strong, .po_zaprosu .price span{display: none;}
.plus-minus input{color: #718096}
.plus-minus{border: 1px solid #EDF1F6; border-radius: 30px;}
.plus-minus:hover{border: 1px solid #152136; border-radius: 30px; }
.plus-minus:hover input{color: #152136}
.plus-minus:hover .minus, .plus-minus:hover .plus{
  border: 0.5px solid #152136;
  background: #152136;}
 .plus-minus:hover .minus:before, 
 .plus-minus:hover .plus:before, 
 .plus-minus:hover .plus:after{
    background-color:#EBF2FA;
  }
/*filter update*/

/*filter end update*/
/*catalog.item*/
.stock.stock-avail{background: #66CB9F33;color: #7C93BB;font-weight: 500;}
.stock.stock-on_order{background: #FFF4CC;color: #7C93BB;font-weight: 500;}
.stock::first-letter{ text-transform: uppercase;}
.tags .terms{background: #E4ECF740;color: #7C93BB;font-weight: 500;}
.overtable{overflow: auto;}
@media only screen and (max-width: 768px) {
  .mobile-catalog-sort{opacity: 0;}
  .catalog-menu.hovering .catalog-menu-inner{padding-top: 86px;}
  

}
.main-gallery-minis-link img, .zoom-gallery-minis .swiper-slide img{
    object-fit: contain;
    padding: 4px;
}
/*sizes-mobile*/
.sizes_mobile{
  font: normal 16px / 1 var(--fonti);
  color: var(--grey600);
  letter-spacing: 0.01em;
}
.sizes_mobile i {
  font-weight: 300;
  font-style: normal;
}
.mob-block-delivery{
  position: relative;
  padding: 0 0 0 32px;
}
.mob-block-delivery .pic.bg-calendar:before {
  background-image: url(/local/templates/o22/css/../img/icons/product/calendar.svg);
}

.mob-block-delivery .pic {
    width: 28px;
    height: 28px;
    position: absolute;
    top: -2px;
    left: 0;
}
.mob-block-delivery .pic:before, .mob-block-delivery .pic:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.mob-block-delivery .pic:after {
    opacity: 0;
}
/*end sizes-mobile*/
@media only screen and (min-width: 1280px) {
/*.header .logo {
    width: 232px;
    height: 62px;
    background-image: url(/dev/Logo_new.png);

    background-position: top;
    background-size: auto;
}*/
}

.product-buttons .addBasketDetailDivan{font-size: 18px;}
.order-basket-bg .cart-item .color .rounded{border:1px;}
.tooltip {
  position: relative;
  text-decoration: underline dotted;
  
}
.zoom-gallery-button.tooltip, 
.zoom-gallery-button.zoom-gallery-close.tooltip{
  position: absolute;
}
.tooltip::before,
.tooltip::after {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out;
}

.tooltip:hover::before,
.tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}

.tooltip::before {
  white-space: nowrap;
  content: attr(data-tooltip);
  z-index: 2;

  border-radius: 5px;

  background-color: var(--tippy-box);
  color: var(--white);
  font: 500 13px/24px var(--fonti);
    letter-spacing: -0.01em;
  padding: 10px 16px 11px 16px;
}

.tooltip::after {
  content: "";
  width: 0;
  height: 0;
}

.tooltip--top::before,
.tooltip--top::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 15px;
}

.tooltip--top::after {
  margin-bottom: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid rgba(0,0,0, .7);
}

.tooltip--bottom::before,
.tooltip--bottom::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  margin-top: 15px;
}

.tooltip--bottom::after {
  margin-top: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid rgba(0,0,0, .7);
}

.tooltip--right::before,
.tooltip--right::after {
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  margin-left: 15px;
}

.tooltip--right::after {
  margin-left: 8px;
  border-top: 5px solid transparent;
  border-right: 7px solid rgba(0,0,0, .7);
  border-bottom: 5px solid transparent;
}

.tooltip--left::before,
.tooltip--left::after {
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  margin-right: 15px;
}

.tooltip--left::after {
  margin-right: 8px;
  border-top: 5px solid transparent;
  border-left: 7px solid rgba(0,0,0, .7);
  border-bottom: 5px solid transparent;
}
.tooltip--fixsize.tooltip::before{width: 360px; white-space: normal;}
@media only screen and (max-width: 767px) {
  .btn-to-fav.tooltip--top::before{left:75%;}
}
/**/
.btn-invis{opacity: 0; visibility: hidden;}
.show-mob{display: none;}
#devpanel{
  position:fixed; 
  left:0; right:0px; width:100%;
  background: #000;
  z-index: 5;
  color: #fff;
  bottom: 0;
}
.item-mini .info li.foradmin{display: none;}
body.mainauth .item-mini .info.foradmin{display: block;}
pre{text-align: left;}
/*cover-badges*/
.cover-badges .discount{
  background: url(/local/templates/o22/css/../img/labels/discount_pk.png) no-repeat;
  width: 65px;
  height: 24px;
}
.cover-badges .novelty{
  background: url(/local/templates/o22/css/../img/labels/novelty_pk.png) no-repeat;
  width: 72px;
  height: 24px;
}
.cover-badges .showroom{
  background: url(/local/templates/o22/css/../img/labels/showroom_pk.png) no-repeat;
  width: 72px;
  height: 24px;
}
.cover-badges .recomend{
  background: url(/local/templates/o22/css/../img/labels/recomend_pk.png) no-repeat;
  width: 77px;
  height: 24px;
}
@media only screen and (max-width: 767px) {
  .item-mini .cover-badges {margin-top: 32px;}

  /*.cover-badges .discount{
    background: url(/local/templates/o22/css/../img/labels/discount_mob3.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    padding: 0;
  }*/
  /*.cover-badges .novelty{
    background: url(/local/templates/o22/css/../img/labels/novelty_mob.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    padding: 0;
  }*/
  /*.cover-badges .showroom{
    background: url(/local/templates/o22/css/../img/labels/showroom_mob.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    padding: 0;
  }*/
  /*.cover-badges .recomend{
    background: url(/local/templates/o22/css/../img/labels/recomend_mob.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    padding: 0;
  }*/
  .cover-badges .bg-showroom{
    padding-right: 4px;
  }
}
.recommend-slider .cover-badges{top:4px;}
.help-block svg {fill: var(--yellow);}
.help-block-empty-fav{display: flex;align-items: center; gap: 10px;}

.some-error > *{color: red!important;}
.main-gallery-minis-link img, .zoom-gallery-minis .swiper-slide img{transition: none;}
@media only screen and (max-width: 768px) {
.hide-mob{display: none;}
.show-mob{display: block;}
}
#notice_delivery{color: red;}
#contactmap, #contactmap_sklad{width: 100%; height: 380px}
@media only screen and (max-width: 760px) {
  .cont.second-ul{padding-top: 30px;}
}
/*main page slider*/
.view-item .photo{position: relative;}
.photo svg.loader, .price svg.loader{stroke: #253859;display: block !important;top: 40%; left: 42%; position: absolute;}
img.lazyloaded + svg.loader{display: none !important;}
@media only screen and (max-width: 760px) {
.image.stilnyy-dizayn-i-noveyshie-tekhnologii-2{left:-50px;}
}
@media only screen and (max-width: 560px) {
.image.stilnyy-dizayn-i-noveyshie-tekhnologii-2{left:-50px;}
}
@media only screen and (max-width: 400px) {
.image.stilnyy-dizayn-i-noveyshie-tekhnologii-2{left:-74px;}
}
/*articles*/
.filters-popup .scroll.articles-list{height: calc(100% - 1px);}
.link[data-sort="date_add_asc"]{white-space: nowrap;}
/*menu*/
.mainlink a{color: var(--grey700);}
.menu-el.hover .mainlink a{color:var(--blue);}
/*basket + order*/
/*.big-input textarea[name="comments_order"]{padding-top: 14px;}*/
.cart-item.hide-border{border-bottom-width: 0;}
.order-basket-bg .cart-item .photo{background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;}

@media only screen and (max-width: 760px) {
  .order-basket-bg .cart-item .photo{height: 90px;}
  .order-basket-bg .cart-item .photo.hor{background-size: 80%;}
  .cart-item .color .rounded{background-size: auto;}

}
.order-basket-bg .cart-item .delete-row-loading{width: 100%;position: absolute;height: 100%;opacity: 0.2;background: #ccc;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.order-basket-bg .cart-item .delete-row-loading svg{stroke: #000;}
.order-form-triggers .price{display: none;}
.order-form-triggers input:checked + .in > *{display: block;}
.block-btn-calc{display: flex; gap:10px;}
.block-btn-calc .btn-yellow{height: 80px;}
#detail_info_calc_delivery{font-weight: normal; width: 86%;}
#order-block-delivery .order-main-checks{margin-top: 10px;}
#infokurier{display: none;}
#block-adres-delivery{margin-top: 25px;}
.order-form-title2.bam-ip a{color: #83C150;}
.order-form-title2.bam-ip a:hover{color: #83C150; border-bottom: 1px dashed #83C150;}
.order-form-title2.bam-ip svg{margin-top: 8px;fill: #83C150;}
#block-adres-delivery .order-form-title2{margin-bottom: 10px}
@media (pointer:fine) {
    input[name='etaj']:hover{
        background-color: transparent;
        border-color: var(--hover-input);
    }
}
input[name='etaj']:focus{
    border-color: var(--yellow);
    background: var(--white);
    box-shadow: 0px 15px 25px rgba(234, 192, 55, 0.05), 0 0 0 0.5px var(--yellow);
}
input[name='full_adres']{padding-right: 50px;}
/*input[name='etaj']{border:0.5px solid var(--input-border);}*/
/*
input[name='etaj']:hover{
      background-color: transparent;
    border-color: var(--hover-input);
}
input[name='etaj']:focus{box-shadow: 0px 15px 25px rgba(234, 192, 55, 0.05), 0 0 0 0.5px var(--yellow);}*/
/*header basket*/
.bg-cart .dot{display: none;}
.bg-cart.active .dot{display: block;}
html.min-header .mainwrap:not(.page-product) .header-panel {
         /*transform: none; */
    }
/*popup add basket*/
@media only screen and (min-width: 1680px) {
.cart-item .text{padding: 0 8px 0 0;}
.cart-item .price{margin: 0 8px 0 0;}
}
.head-cart-item .color .rounded{background-size: auto!important;}
.main-gallery-big .arrows > *{
  border:2px solid #F2F2F2;
  backdrop-filter: blur(7px);
}
/*viewed slider*/
@media only screen and (max-width: 760px) {
.recent-slider .swiper-wrapper.cnt_viewed_1, 
.recent-slider .swiper-wrapper.cnt_viewed_2
{height: auto;}

}
/*detail*/
.product-details ol li:before{
                    content:unset;
                    }
                    .product-details ol{padding-left: 1em;}
                    .product-details ol li{list-style: decimal; padding-left:1em;}
.product-buttons .btn.btn-green{font-size: 18px;}
.block-code-sizes{display: flex; justify-content:space-between;align-items: end; height: 100%;}
.short_sizes_title{color: #2D3748; font-weight: 400; font-size: 15px;}
.short_sizes_data, .block-code-sizes .code strong{font-weight: 600; color: #2D3748;}
span.more.link-modal-ajax[data-infoadmin="colors-sofa-json"]{padding: 4px 6px;background: transparent;border: 0;}
@media only screen and (max-width: 760px) {.main-gallery{margin: 0;}}
.mfp-bg.mfp-slide.azar{opacity: 0.6;transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);background: #061523;}
.product-top-grid.product-top-series .cover-badges{top:20px;}

.product-top-series h1{line-height: 40px;font-size: 36px;}
.product-top-grid.product-top-series{margin-top:0;padding-top: 0;}
.product-top-grid.product-top-series .product-head .back
{top:0; display: none;}

td.tech-view-col-style{line-height: normal;    padding-top: 6px!important;}
.main-gallery-minis-link{display: flex; align-items: center;    justify-content: center;}
.in-popup-image{width: 350px;background-size: contain;height: 150px;background-repeat: no-repeat; background-position: 50% 50%;border-radius: 3px;}
.main-gallery-minis-link.vertical_pic img{object-fit: contain; padding: 4px 0px;}
.main-gallery-minis-link.horiz_pic_15 img{object-fit: contain; padding: 2px;}
.main-gallery-minis-link.horiz_pic img{padding: 2px;object-fit: contain;}

.product-colors .popup-color.grey-border img, 
.list1 label.white span.r{border-style: solid;border-width: 1px;border-color: rgba(166, 183, 212, 0.4)!important;}
.product-colors .list1 label > span:not(.popup){background-size: 160%!important;}
.product-colors .list2 label.selected span.rtext{ background-color: #FFF2C5; border-color: #F35C00; color: var(--grey900); font-weight: 500;}
#similar_prod_by_seria .main-catalog-grid.complect_list.pd55{padding-top: 55px;}
.series-items .product-items-category-ind .main-catalog-grid.complect_list.pd55{padding-top: 55px;}
@media only screen and (max-width: 760px) {
  .series-items .product-items-category-ind .main-catalog-grid.complect_list .item-mini .tags > *{padding: 3px 8px;}

}

#similar_prod_by_seria .main-catalog-grid.complect_list .load-more-plus .loader,
.product-items-category .main-catalog-grid.complect_list .load-more-plus .loader
{stroke: #000;}

@media only screen and (max-width: 760px) {
  .product-price .status{top:12px}
  .main-gallery-big .swiper-pagination{gap:5px;}
}
@media only screen and (max-width: 1024px){
  .product-details iframe { height: 320px;max-width: 100%;}
}

.grey-border{border: 1px solid #ccc;}
.product-colors-popup .grey-border{border: 1px solid rgba(166, 183, 212, 0.4);border-radius: 3px;}
.list2 label.selected  > span:not(.popup){background-color: #FFF2C5;
    border-color: #F35C00;
    color: var(--grey900);
    font-weight: 500;}
.product-colors .list2 label.link_sku a{padding: 0px;}
/*list */
/*.slider-top-categories .image img{max-height: 100px; max-width: 100%;}*/
.link-to-fav.isset_fav.active{opacity: 1!important;}
/*pager*/
.last-hidden{display: none;}
.showerMore{display: flex;align-items: center;align-content: center;}
#loader-pager{height: auto; width: auto;}
.pagination .btn-dark .showerMore  span{margin-left: 10px}
/*#loader-pager.loader{padding: 0;margin-left: -10px;}*/
#loader-pager.loader + span{opacity: 0.5; }
.plus.loader-add:before{opacity: 0;}
.plus.loader-add:after{opacity: 0;}
.plus.loader-add svg.loader {stroke: var(--blue)!important;}
.plus.loader-add{
  display: flex;
    align-items: center;
    justify-content: center;
}

.pagination.simplePager{padding-left: 0;}
.pagination.simplePager .pages{display: none;}
.pagination.simplePager  .btn.btn-dark{width: 100%;}
/*#similar_prod_by_seria .main-catalog-grid.complect_list .load-more-plus .loader, 
.product-items-category .main-catalog-grid.complect_list .load-more-plus .loader*/
/*detail product*/
.product-cover .photo{height: 60px;}
.product-colors .list2 label a{
  font-size: 14px;
    letter-spacing: -0.01em;
    color: var(--grey600);
    padding: 0 15px;
    border-radius: 3px;
}
/*search*/
a.linkCategoryInSearchPage{color: var(--grey700);}
a.linkCategoryInSearchPage b{font-weight: normal;}
a.linkCategoryInSearchPage::first-letter{text-transform: uppercase;}

/*seria*/
.series-items .container .product-items-category-ind{padding-bottom: 65px;}
/*forms*/
@media only screen and (max-width: 760px) {
  #modal-done .modal-login-close{
    right: 10px;
    background: #ccc;
    border-radius: 50%;
    top: 10px;
}
}
.form-checks.invalid{color:var(--danger);}
.form-done-row{height: 200px;
    width: 200px;
    background-image: url(/local/templates/o22/css/../img/input/valid-mob.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;}
/*list products*/
.color.white{border-color: rgba(166, 183, 212, 0.4)!important;}
.cover-badges .bg-showroom {
        background-image: url("/local/templates/o22/css/../img/dev/eye.svg"), linear-gradient(224.14deg, rgba(33, 150, 243, 0.85) 13.34%, rgba(139, 195, 74, 0.85) 92.39%);
        box-shadow: 0 7px 15px 3px rgba(20, 55, 105, 0.15);
}

.item-mini.view-series .price_ strong,
.el.is-loading .image,
.el.is-loading .name,
.el.is-loading .params,
.el.is-loading .series,
.el.is-loading .buy,
.el.is-loading .colors-small,
.el.is-loading h2,
.el.is-loading p {
  background: #eee;
/*  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);*/
background: linear-gradient(110deg, #fff 8%, #1A202C 98%, #fff 3%);
  border-radius: 5px;
  background-size: 200% 100%;
  -webkit-animation: 2s shine linear infinite;
          animation: 2s shine linear infinite;
}

.load-skel{
  background-color: #ededed;
  background: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, .5) 50%,
    rgba(255, 255, 255, 0) 60%
  ) #ededed;
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading-item-skeleton ease-in-out infinite;
}
.el.is-loading .image {
  height: 200px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.el.is-loading h2 {
  height: 30px;
}
.el.is-loading p {height: 70px;}

@-webkit-keyframes shine {
  to {
    background-position-x: -200%;
    opacity:1;
  }
}

@keyframes shine {
  to {
    background-position-x: -200%;
    opacity: 0.3;
  }
}
.filter-checks label.disabled{opacity: 0.7;}
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .order-basket-bg .cart-item .photo{height:125px;}/*160624*/
}
/*chat-btn-footer*/


.fab-container{position: fixed;bottom: 20px;right: 70px;z-index: 999;cursor: pointer;}
.fab-icon-holder{width: 70px;height: 70px;border-radius: 100%;background: #016fb9;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);display: block;}

html:not(.bx-android):not(.bx-ios) .fab-icon-holder:hover{opacity: 0.8;}

html.bx-ios .fab-container.hoveredShow .fab-icon-holder,
html.bx-android .fab-container.hoveredShow .fab-icon-holder{opacity: 1;}

.fab-icon-holder i{display: flex;align-items: center;justify-content: center;height: 100%;font-size: 25px;color: #fff;}
.fab-main i.fa-plus{opacity: 0;}
.fab-main{width: 70px;height: 70px;margin-top: 20px;background: #ff3338;animation: animationpulse 2s infinite;-webkit-animation: animationpulse 2s ease-out;-webkit-animation-iteration-count: infinite;}

html:not(.bx-android):not(.bx-ios) .fab-container:hover .fab-main{animation: linear;}

html:not(.bx-android):not(.bx-ios) .fab-container:hover .fab-main i.fa-comments{opacity: 0; visibility: hidden;  display: none;}
html:not(.bx-android):not(.bx-ios) .fab-container:hover .fab-main i.fa-plus{opacity: 1; transform: rotate(225deg); transform-origin: 50% 50%; transition: all 0.3s ease;}

html.bx-ios .fab-container.hoveredShow .fab-main i.fa-comments,
html.bx-android .fab-container.hoveredShow .fab-main i.fa-comments
{opacity: 0; visibility: hidden;  display: none;}

html.bx-ios .fab-container.hoveredShow .fab-main i.fa-plus,
html.bx-android .fab-container.hoveredShow .fab-main i.fa-plus
{opacity: 1; transform: rotate(225deg); transform-origin: 50% 50%; transition: all 0.3s ease;}


html.bx-ios .fab-options, html.bx-android .fab-options{opacity: 0;}

.fab-options{list-style-type: none;margin: 0;position: absolute;bottom: 230px; right: 8px;opacity: 0;
  transition: all 0.3s ease;transform: scale(0);transform-origin: 85% bottom;}
html.bx-ios .fab-container.hoveredShow .fab-options,
html.bx-android .fab-container.hoveredShow .fab-options
{opacity: 1;transform: scale(1);}

html:not(.bx-android):not(.bx-ios) .fab-main:hover + .fab-options{opacity: 1;transform: scale(1);}
html:not(.bx-android):not(.bx-ios) .fab-options:hover{opacity: 1;transform: scale(1);}

.fab-options li{display: flex;justify-content: flex-end;padding: 5px 0;}
.fab-label{opacity: 0;letter-spacing: normal;padding: 2px 5px;align-self: center;user-select: none;white-space: nowrap;border-radius: 3px;font-size: 15px;background: #666;color: #fff;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);margin-right: 16px;}
.fab-options li:before{content: '';}
html:not(.bx-android):not(.bx-ios) .fab-options li:hover .fab-label{opacity: 1;}

.icFab, .icFab:hover{color: #FFFFFF;}
.icFab.whatsapp{background: #5EC758; font-size: 2.5em;}
.icFab.telegram{background: #27A5E7;}
.icFab.facebook{background: #3B5998;}
.icFab.viber{background: #8456A7;}
.icFab.chat{background: #f1c332;}
.icFab.callphone{background: #3e85c7;}
@-webkit-keyframes animationpulse {
      0% {
        -webkit-box-shadow: 0 0 0 0 inherit;
      }
      70% {
          -webkit-box-shadow: 0 0 0 15px rgba(0,0,0, 0);
      }
      100% {
          -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      }
    }
    @keyframes animationpulse {
      0% {
         transform: scale(1.0, 1.0);
        -moz-box-shadow: 0 0 0 0 inherit;
        box-shadow: 0 0 0 0 inherit;
      }
      10% {
         transform: scale(1.1, 1.1);
      }
      15% {
         transform: scale(1.0, 1.0);
      }
      70% {
          -moz-box-shadow: 0 0 0 15px rgba(0,0,0, 0);
          box-shadow: 0 0 0 15px rgba(0,0,0, 0);
      }
      100% {
          -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
          box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      }
    }
    @-ms-keyframes animationpulse {
        0% {
            -ms-transform: scale(1.0, 1.0);
            box-shadow: 0 0 5px #FF3338;
        }
        10% {
            box-shadow: 0 0 15px #FF3338;
            -ms-transform: scale(1.1, 1.1);
        }
        20% {
         box-shadow: 0 0 5px #FF3338;
            -ms-transform: scale(1.0, 1.0);
        }
        100% {
        box-shadow: 0 0 5px #FF3338;
           -ms-transform: scale(1.0, 1.0);
        }
    }
@media only screen and (max-width: 760px) {
  .fab-icon-holder, .fab-main{width: 60px; height: 60px;}
  .fab-options{bottom: 60px;}
  .fab-container{right: 20px;}
  .fab-label{display: none;}
  .item-mini .photo .pag{opacity: 1;}
  .open-menu .order-total.sticky{display: none;}
}
/*relative*/
.product-top-series .product-price{position: relative;}
.simple_loader{
  position: absolute;
    background: #ffffffad;
    width: 98%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 12;
}
.simple_loader .loader{stroke: orange;}
@media only screen and (min-width: 1680px) {
  .header-panel .head1 .bx-composite-loading{background: none; width: 367px;}
}
.header-panel .head1 .bx-composite-loading .simple_loader{background: transparent;}


@media only screen and (max-width: 767px) {
 .pic-help.tooltip--top::before, .pic-help.tooltip--top::after{transform: translate(-72%);}
 .product-top-series h1 {line-height: 28px;font-size: 24px;}
}

/*loader more + skeleton*/

.load-more,
.load-more-plus {
    flex: 1 0 auto;
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
    cursor: pointer;
    user-select: none;
    background: rgba(235, 242, 250, 0.24);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: var(--blue);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 30px 20px;
}

@media only screen and (max-width: 767px) {

    .load-more,
    .load-more-plus {
        display: none;
    }
}

.load-more .plus,
.load-more-plus .plus {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    border: 1px dashed var(--blue);
    border-radius: 8px;
    position: relative;
    transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin: 0 auto 50px auto;
}

.load-more .plus:before,
.load-more .plus:after,
.load-more-plus .plus:before,
.load-more-plus .plus:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 24px;
    height: 2px;
    border-radius: 1px;
    background: var(--blue);
    transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.load-more .plus:after,
.load-more-plus .plus:after {
    transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}

.load-more .line,
.load-more-plus .line {
    flex: 0 0 auto;
    width: 25px;
    height: 2px;
    border-radius: 1px;
    background: var(--grey400);
    transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin: 0 auto 16px auto;
}

@media (pointer:fine) {

    .load-more:hover,
    .load-more-plus:hover {
        color: var(--hover);
    }

    .load-more:hover .plus,
    .load-more-plus:hover .plus {
        border-color: var(--hover);
    }

    .load-more:hover .plus:before,
    .load-more:hover .plus:after,
    .load-more-plus:hover .plus:before,
    .load-more-plus:hover .plus:after {
        background: var(--hover);
    }

    .load-more:hover .line,
    .load-more-plus:hover .line {
        background: var(--yellow);
    }
}

@media only screen and (min-width: 768px) {

    .load-more,
    .load-more-plus {
        background: rgba(235, 242, 250, 0.15);
        box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1);
        font-size: 18px;
    }

    .load-more .line,
    .load-more-plus .line {
        margin-bottom: 25px;
    }

    .load-more .plus,
    .load-more-plus .plus {
        width: 99px;
        height: 99px;
        margin: 0 0 50px 0;
    }

    .load-more .plus:before,
    .load-more .plus:after,
    .load-more-plus .plus:before,
    .load-more-plus .plus:after {
        width: 32px;
    }
}

.btn-show-more {
    font-family: var(--fontg);
    margin-top: 40px;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

@media only screen and (max-width: 767px) {
    .btn-show-more {
        background: linear-gradient(180deg, #FFFFFF 23.96%, #EFF4F9 89.37%);
        border: 0.5px solid rgba(141, 160, 193, 0.25);
        box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
        color: var(--deep-blue);
        font: normal 14px/16px var(--fonti);
        letter-spacing: -0.03em;
        gap: 15px;
    }

    .btn-show-more svg {
        fill: var(--deep-blue);
    }

    @media (pointer:fine) {
        .btn-show-more:hover {
            color: var(--blue);
            border-color: var(--blue);
            background-color: transparent;
        }

        .btn-show-more:hover svg {
            fill: var(--blue);
        }
    }
}

@media only screen and (min-width: 768px) {
    .btn-show-more svg {
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    .btn-show-more {
        margin-top: 60px;
    }
}

.loader {
    fill: none !important;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 32px;
    height: 32px;
    animation: loader 1s linear infinite;
    backface-visibility: hidden;
    will-change: transform;
}

.showerMore.load-more .plus {
  width: 99px !important;
  height: 99px !important;
  margin: 0 auto 50px;
}

.btn-plus-more .plus{
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit !important;
  height: inherit !important;
}
.btn-plus-more svg{
  display: none;
  position: absolute;
}
.btn-plus-more .loader{
  animation: none;
}

.btn-plus-more .loader svg{
  display: flex;
  fill: currentColor;
  animation: loader 1s linear infinite;
}
.btn-plus-more .loader.plus::before,
.btn-plus-more .loader.plus::after{
  opacity: 0;
}
@-webkit-keyframes loader {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes loader {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


html.loading-item-skeleton .swiper.selected-filters .swiper-slide,
html.loading-item-skeleton .top-filter.wid1,
html.loading-item-skeleton .top-filter.wid2,
html.loading-item-skeleton .item-mini .photo,
html.loading-item-skeleton .item-mini .colors,
html.loading-item-skeleton .item-mini .name,
html.loading-item-skeleton .item-mini .info,
html.loading-item-skeleton .item-mini .price,
html.loading-item-skeleton .item-mini .tags,
.item-mini.lis .price strong,
.product-price.lis strong:after {
    background-color: #ededed;
    background: linear-gradient(100deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(255, 255, 255, .5) 50%,
            rgba(255, 255, 255, 0) 60%) #ededed;
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s loading-item-skeleton ease-in-out infinite;
}

.product-price.lis strong:after {
    content: '';
    position: absolute;
    width: 150%;
    left: -25px;
    top: 5px;
}


@media only screen and (max-width: 768px) {
    .product-price.lis strong:after {
        height: 90%;
        top: 0;
    }
}

html.loading-item-skeleton .swiper.selected-filters .swiper-slide .el,
html.loading-item-skeleton .top-filter-head,
html.loading-item-skeleton .item-mini .photo img,
html.loading-item-skeleton .item-mini .colors .color,
html.loading-item-skeleton .item-mini .colors a,
html.loading-item-skeleton .item-mini .name a,
html.loading-item-skeleton .item-mini .info li,
html.loading-item-skeleton .item-mini .sizes,
html.loading-item-skeleton .item-mini .price div,
html.loading-item-skeleton .item-mini .price strong,
html.loading-item-skeleton .item-mini .tags div {
    opacity: 0;
}

@keyframes loading-item-skeleton {
    to {
        background-position-x: -20%;
    }
}

@media only screen and (min-width: 768px) {
    @media (pointer: fine) {
        .item-mini .photoBlock  .js_modalPreview{

            position: absolute;
            top: 50%;
            left: 50%;
            white-space: nowrap;
            text-align: center;
            /*                        pointer-events: none;*/
            font: 500 12px/18px var(--fonti);
            letter-spacing: -0.01em;
            color: var(--deep-blue);
            background: rgba(228, 236, 247, 0.85);
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.35);
            transform: translate3d(-50%, -50%, 0);
            padding: 11px 21px;
            backface-visibility: hidden;
            border-radius: 3px;
            backdrop-filter: blur(3px);
            -webkit-backdrop-filter: blur(3px);
            transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
            opacity: 0;
        }
        .item-mini .photoBlock:hover .js_modalPreview{
            opacity: 1;
            z-index: 2;
            cursor: pointer;
        }
    }
}
/* End */


/* Start:/local/templates/o22/css/magnific-popup.css?16963805306951*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* End */


/* Start:/local/templates/o22/css/swiper-bundle.min.css?169638053416475*/
/**
 * Swiper 8.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 15, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:var(--blue)}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/components/ammina/ip.selector/templates/.default-v23/style.css?17393808447056*/
.select-city .search .input input{border-right-width:1px}
.select-city .search .input.focus+.pic{opacity:1}.select-city .search .input.focus+.pic .norm{opacity:0}
.select-city .search .input.focus+.pic .over{opacity:1}.select-city .bam-ip-popup-content-item a:hover{color:#2ba2d1}
.select-city button.mfp-close:before{opacity:1}
.modal-in button.mfp-close:after,.select-city button.mfp-close:before{content:'';position:absolute;top:50%;left:50%;margin:-12px}
.select-city button.mfp-close:after,.select-city button.mfp-close:before{background-position-y:calc(5 * -24px)}
.select-city button.mfp-close:before{background-position-x:calc(5 * -24px)}
.select-city button.mfp-close:after{opacity:0}
.select-city button.mfp-close{font-weight:400;cursor:pointer;width:24px;height:24px;left:100%;bottom:100%;position:absolute;line-height:0;
	opacity:1;top:auto;right:auto}
.select-city button.mfp-close:after{background-position-x:calc(4 * -24px)}
#townSelector,#townSelectorMobile{
	background-position:left center;background-repeat:no-repeat;
	background-image:url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAAAAADgqJaHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkAwQQOg8g834rAAABF0lEQVQ4y+3Tv0vEMBTA8W/uMgq1FUqxoIsnQp3Uu/F2Bwf9TwVBHLvecNXlRK7gdsMVUgQVPKVxkIOaYpLJQcyWvE9+vJdEHOPbet7yn/5VKrsj2V5IPZ99mAFhvqyN0xCA+vrZiPS3jf5ZVOd5sdwK0wdtp4f79aXS+qncjd6W9rQGTFYAqwkDRwUiFnB+AQs2HRVoegLeAeEslorTR66AFOU4QMlIAsgRcwedqWAIMAzUvYM2eZMlkGRN3jgo1Z0YSzkWt5UrLZjuRCcEqugEzNsCXR3EMTcvNrq+8td+QlF25NcBjHcxjeluD+II3/Y7H0b7UAtqUydbUy8I8hu0TpLai7XS6jj9A9U20abag7XT8lj4E6TUUnBjk4YLAAAAAElFTkSuQmCC)
}
#townSelector .bx-composite-loading{width:160px;height:40px;background:url(/local/templates/org2018/img/22.png) 54px center/28px 10px no-repeat}
.bam-ip{
}
.bam-ip .bam-ip-link{}
.bam-ip .bam-ip-link:hover{color:#fff}
.bam-ip-confirm{display:none;position:absolute;background-color:#fff;border:0 none;font-size:14px;min-width:214px;z-index:120}
.bam-ip-confirm .bam-ip-confirm-content{width:100%;display:block;position:relative;padding:15px 20px;box-shadow:0 28px 25px 0 rgba(0,0,0,.25);color:#000}
.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-content-arrow{display:block;position:absolute;width:100%;height:7px;top:-6px;left:0;background:url(/local/components/ammina/ip.selector/templates/.default-v23/images/arrow.png) center 0 no-repeat}
.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-title{
	/*padding-bottom:15px;*/
	/*new*/font-size: 16px;/**/
}

.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-title span{font-weight:400;display:block;text-align:center}
.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-title p{text-align:center;margin:0}

/*.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-buttons{display:block;white-space:nowrap}*/

.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-buttons .bam-ip-confirm-button{
	display:inline-block;text-align:center
}

.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-buttons .bam-ip-confirm-button.bam-ip-confirm-button-no{
	background-color:#f4f4f4;background:linear-gradient(to bottom,#fff,#f4f4f4);color:#000;border:1px solid #d7d6d6
}

.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-buttons .bam-ip-confirm-button.bam-ip-confirm-button-yes{
	background-color:#ffce01;
	background:linear-gradient(to bottom,#ffce01,#ffbf01);color:#000;border:1px solid #ba8a01;
	border-top:transparent;border-left:transparent;border-right:transparent
}
	.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-buttons .bam-ip-confirm-button.bam-ip-confirm-button-no:hover{
		background:linear-gradient(to top,#fff,#f4f4f4);color:#000
	}
	.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-buttons .bam-ip-confirm-button.bam-ip-confirm-button-yes:hover{
			background:linear-gradient(to top,#ffce01,#ffbf01);color:#000
	}
.bam-ip-popup{display:none;position:absolute}
.bam-ip-popup .bam-ip-popup-window{
	background-color:#fff;margin:auto;z-index:1800;
	position:fixed;
	max-width: 700px;
    height: 700px;

	max-height:85%;min-height:400px;width:800px;top:0;left:0;bottom:0;right:0;
	margin: auto;
    box-shadow: 0px 0px 2px rgb(38 73 141 / 14%), 0px 30px 80px rgb(9 66 153 / 12%);
    border-radius: 7px;

    overflow: hidden;
    overflow-y: auto;


    backface-visibility: hidden;
    transform: translateZ(0);

}
.bam-ip-popup .bam-ip-popup-window .bam-ip-popup-title{padding: 50px 50px 0 50px;
    line-height: 40px;

    z-index: 5;
    top: 0;
    background: var(--white);
    padding: 55px 35px 0 35px;
    font: 900 24px/25px var(--fontg);
    letter-spacing: -0.02em;
    color: var(--title);
}
.bam-ip-popup .bam-ip-popup-window .bam-ip-popup-content .bam-ip-popup-content-list{display:block;max-height:100%;margin-top:10px}
@media (max-width:575.98px){
	.bam-ip-popup .bam-ip-popup-window .bam-ip-popup-content .bam-ip-popup-content-list .bam-ip-popup-content-item{
		-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
.bam-ip-popup .bam-ip-popup-window .bam-ip-popup-content .bam-ip-popup-content-list .bam-ip-popup-content-item .bam-ip-popup-content-item-link 
strong{color:#94002b}

.bam-ip-popup .bam-ip-popup-window .bam-ip-popup-content .bam-ip-popup-content-list 
.bam-ip-popup-content-item .bam-ip-popup-content-item-link.bam-ip-popup-content-item-link-current{font-weight:700}
.bam-ip-popupbg{
	display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0b0b0b;opacity:.7;z-index:1000}
	.headline1 .link-login{display:none}
.bam-ip-confirm-buttons{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 13px -7px 0 0;
}
.bam-ip-confirm-buttons a{
	width: auto;
    font-weight: normal;
    padding: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 7px 0 0;
    height: 40px;
    line-height: 40px;
}
@media only screen and (max-width:760px){
	.modal-select-city .modal-slide-inner{min-height: 550px;}
	.bam-ip-confirm{box-shadow: 0 3px 25px rgb(0 0 0 / 25%); top: 50px; width: 100%;}
	.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-title span{text-align: left;}
	.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-content-arrow{background-position:20px 0}
	.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-buttons .bam-ip-confirm-button.bam-ip-confirm-button-yes,
	.bam-ip-confirm .bam-ip-confirm-content .bam-ip-confirm-buttons .bam-ip-confirm-button.bam-ip-confirm-button-no{
	height: 40px;
    line-height: 40px;
    padding: 0;
	}
	

	.bam-ip-popup-window.select-city{width:100%;height:auto;max-height:100%}
	.select-city button.mfp-close{position:absolute;bottom:auto;left:auto;top:0;right:0;margin:10px}
	.select-city button.mfp-close:before{background-position-x:calc(0 * -24px);opacity:.1}
	.select-city button.mfp-close:after{opacity:0}
	#left_panel_mobile_region .bam-ip{min-height: auto;}
	ul.small.bam-ip{background: transparent;}
	ul.small.bam-ip li{white-space: normal;}
}
/* End */
/* /local/templates/o22/css/base.css?175086257664942 */
/* /local/templates/o22/css/header.css?173430008840544 */
/* /local/templates/o22/css/header-catalog.css?174010614011881 */
/* /local/templates/o22/css/footer.css?171334219813792 */
/* /local/templates/o22/css/breadcrumbs.css?17151259611869 */
/* /local/templates/o22/css/modal-login.css?169638053111857 */
/* /local/templates/o22/css/modals-base.css?17388830627566 */
/* /local/templates/o22/css/modal-added.css?17166356935402 */
/* /local/templates/o22/css/modal-select-city.css?16963805313777 */
/* /local/templates/o22/css/index.css?171585370640270 */
/* /local/templates/o22/css/empty-page.css?16963805277152 */
/* /local/templates/o22/css/cart-item.css?171856871011729 */
/* /local/templates/o22/css/product.css?173156549435403 */
/* /local/templates/o22/css/product-preview.css?17446635846413 */
/* /local/templates/o22/css/modal-discount.css?16963805313134 */
/* /local/templates/o22/css/addon_style.css?175093813133154 */
/* /local/templates/o22/css/magnific-popup.css?16963805306951 */
/* /local/templates/o22/css/swiper-bundle.min.css?169638053416475 */
/* /local/components/ammina/ip.selector/templates/.default-v23/style.css?17393808447056 */