:root{--swiper-navigation-size:44px;}
:root {
	--theme-size: 10px;
	--theme-primary-color: #7266F3;
	--theme-secondary-color: #7F73FA;
	--body-bg: #F7F7FB;
	--body-color: #343434;
	--base-font-family: "Roboto", sans-serif;
	--base-font-size: 16px;
	--base-font-lineheight: 1.5;
	--base-font-weight: 400;
	--bg-no-image: #E9E8F1;
	--safe-area-inset-top: env(safe-area-inset-top);
	--safe-area-inset-bottom: env(safe-area-inset-bottom);
}
@charset "UTF-8";

blog_stats {
    display: none !important;
}

/* Стили для баннера в мобильном меню */
.header__nav-banner {
    display: none; /* По умолчанию скрыто */
    width: calc(100% - 6rem); /* Учитываем отступы по 3rem с каждой стороны */
    margin: 0 auto 1.5rem; /* Центрируем и добавляем нижний отступ */
    padding: 0; /* Убираем внутренние отступы */
    position: relative;
    overflow: hidden;
}

.header__nav-banner-link {
    display: block;
    width: 100%;
    text-decoration: none;
}

.header__nav-banner-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Отображение баннера только на мобильных устройствах */
@media (max-width: 767px) {
    .header__nav-banner {
        display: block;
    }
}

.icon-arrow-down {
	display: inline-block;
	vertical-align: middle;
	width: 1.2rem;
	height: 0.7rem;
}

.icon-arrow-right {
	display: inline-block;
	vertical-align: middle;
	width: 0.7rem;
	height: 1.2rem;
}

.icon-arrow-toggle {
	display: inline-block;
	vertical-align: middle;
	width: 1.3rem;
	height: 0.8rem;
}

.icon-cart {
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	height: 2rem;
}

.icon-catalog {
	display: inline-block;
	vertical-align: middle;
	width: 1.1rem;
	height: 1.1rem;
}

.icon-chat-telegram {
	display: inline-block;
	vertical-align: middle;
	width: 6rem;
	height: 6rem;
}

.icon-chat-whatsapp {
	display: inline-block;
	vertical-align: middle;
	width: 6rem;
	height: 6rem;
}

.icon-close {
	display: inline-block;
	vertical-align: middle;
	width: 1.6rem;
	height: 1.6rem;
}

.icon-close-cart {
	display: inline-block;
	vertical-align: middle;
	width: 4rem;
	height: 4rem;
}

.icon-compare {
	display: inline-block;
	vertical-align: middle;
	width: 2.1rem;
	height: 1.9rem;
}

.icon-decrease {
	display: inline-block;
	vertical-align: middle;
	width: 0.6rem;
	height: 1.1rem;
}

.icon-favorites {
	display: inline-block;
	vertical-align: middle;
	width: 1.9rem;
	height: 1.7rem;
}

.icon-increase {
	display: inline-block;
	vertical-align: middle;
	width: 0.6rem;
	height: 1.1rem;
}

.icon-next {
	display: inline-block;
	vertical-align: middle;
	width: 0.9rem;
	height: 1.6rem;
}

.icon-prev {
	display: inline-block;
	vertical-align: middle;
	width: 0.9rem;
	height: 1.6rem;
}

.icon-search {
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	height: 2rem;
}

.icon-social-telegram {
	display: inline-block;
	vertical-align: middle;
	width: 2.4rem;
	height: 2.4rem;
}

.icon-toggle {
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	height: 1.2rem;
}

.icon-view {
	display: inline-block;
	vertical-align: middle;
	width: 2.2rem;
	height: 1.4rem;
}

:root {
	--theme-primary-color: #7266F3;
	--theme-secondary-color: #7F73FA;
	--body-bg: #F7F7FB;
	--body-color: #343434;
	--safe-area-inset-bottom: env(safe-area-inset-bottom);
}

/* ==========================================================================
	Utilites
========================================================================== */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
	* 1. Correct the line height in all browsers.
	* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
========================================================================== */
/**
	* Remove the margin in all browsers.
*/
body {
	margin: 0;
}

/**
	* Render the `main` element consistently in IE.
*/
main {
	display: block;
}

/**
	* Correct the font size and margin on `h1` elements within `section` and
	* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
========================================================================== */
/**
	* 1. Add the correct box sizing in Firefox.
	* 2. Show the overflow in Edge and IE.
*/

/**
	* 1. Correct the inheritance and scaling of font size in all browsers.
	* 2. Correct the odd `em` font sizing in all browsers.
*/

/* Text-level semantics
========================================================================== */
/**
	* Remove the gray background on active links in IE 10.
*/
a {
	background-color: transparent;
}

/**
	* 1. Remove the bottom border in Chrome 57-
	* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

/**
	* Add the correct font weight in Chrome, Edge, and Safari.
*/
b {
	font-weight: bolder;
}

/**
	* 1. Correct the inheritance and scaling of font size in all browsers.
	* 2. Correct the odd `em` font sizing in all browsers.
*/
code {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
	* Add the correct font size in all browsers.
*/

/**
	* Prevent `sub` and `sup` elements from affecting the line height in
	* all browsers.
*/

/* Embedded content
========================================================================== */
/**
	* Remove the border on images inside links in IE 10.
*/
img {
	border-style: none;
}

/* Forms
========================================================================== */
/**
	* 1. Change the font styles in all browsers.
	* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
	* Show the overflow in IE.
	* 1. Show the overflow in Edge.
*/
button,
input {
	/* 1 */
	overflow: visible;
}

/**
	* Remove the inheritance of text transform in Edge, Firefox, and IE.
	* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
	/* 1 */
	text-transform: none;
}

/**
	* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=submit] {
	-webkit-appearance: button;
}

/**
	* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
	* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
	* Correct the padding in Firefox.
*/

/**
	* 1. Correct the text wrapping in Edge and IE.
	* 2. Correct the color inheritance from `fieldset` elements in IE.
	* 3. Remove the padding so developers are not caught out when they zero out
	*    `fieldset` elements in all browsers.
*/

/**
	* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

/**
	* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
	overflow: auto;
}

/**
	* 1. Add the correct box sizing in IE 10.
	* 2. Remove the padding in IE 10.
*/

/**
	* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
	* 1. Correct the odd appearance in Chrome and Safari.
	* 2. Correct the outline style in Safari.
*/
[type=search] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
	* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
	* 1. Correct the inability to style clickable types in iOS and Safari.
	* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
========================================================================== */
/*
	* Add the correct display in Edge, IE 10+, and Firefox.
*/

/*
	* Add the correct display in all browsers.
*/

/* Misc
========================================================================== */
/**
	* Add the correct display in IE 10+.
*/

/**
	* Add the correct display in IE 10.
*/
[hidden] {
	display: none;
}

/* Defaults
========================================================================== */
html, body {
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

picture {
	display: block;
}

img, video {
	max-width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

input::-ms-clear {
	display: none;
}

button, input, textarea, select {
	border: none;
	background: none;
	padding: 0;
	font-family: inherit;
}

::selection {
	color: #fff;
	background: #000;
}

a:active {
	text-decoration: unset;
	color: unset;
}

a:focus {
	text-decoration: unset;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
}

button {
	cursor: pointer;
}

[class^=icon-], [class*=" icon-"] {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	fill: currentColor;
	fill-rule: evenodd;
}

.icon-favorites {
	fill: transparent;
	stroke: currentColor;
	stroke-width: 2;
}

@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
.ui-btn,.btn {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	border: 1px solid transparent;
	background: none;
	border-radius: 5px;
	padding: 1rem 2rem;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	height: 5rem;
	transition: border-color 0.25s, color 0.25s, background 0.25s;
}
.btn {
	border: 0;
}
.btn.active:focus,.btn:active:focus,.btn:focus {
	outline: none;
}
.ui-btn svg {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.ui-btn svg.icon-cart {
	margin: 0 0 0 1rem;
}
.ui-btn svg.icon-catalog {
	margin: 0 0 0 1rem;
}
.ui-btn svg.icon-arrow-right {
	margin: 0 0 0 1rem;
}
.ui-btn:hover,.btn:hover {
	text-decoration: none;
}
.ui-btn:active,.btn:active {
	transition: none;
	transform: scale(0.95);
}

.ui-btn:disabled,.btn:disabled {
	pointer-events: none;
	opacity: 0.4;
}

.ui-btn--38 {
	padding: 0.5rem 2rem;
	height: 3.8rem;
	font-size: 1.4rem;
}

.ui-btn--60 {
	padding: 1rem 2rem;
	height: 6rem;
}

.ui-btn--fullwidth {
	width: 100%;
}

.ui-btn--primary {
	background: var(--theme-primary-color);
	color: #fff;
}
.ui-btn--primary:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: inherit;
	background: rgba(255, 255, 255, 0.2);
	transition: opacity 0.25s;
	opacity: 0;
}
.ui-btn--primary:hover {
	background: var(--theme-primary-color);
	color: #fff;
	border-color: transparent;
	box-shadow: none;
}
.ui-btn--primary:hover:after {
	opacity: 1;
}

.ui-btn--white {
	background: #fff;
	color: #343434;
}
.ui-btn--white:hover {
	background: #fff;
	color: var(--theme-primary-color);
}
.ui-btn--white.is-active {
	color: var(--theme-primary-color);
}

.ui-btn--grey {
	background: #F1F1F5;
	color: #343434;
}
.ui-btn--grey:hover {
	background: var(--theme-primary-color);
	color: #fff;
}

.ui-btn--compare,
.ui-btn--favorite {
	padding: 0;
	width: 2.6rem;
	height: 2.6rem;
	color: #343434;
}
.ui-btn--compare:hover,
.ui-btn--favorite:hover {
	color: var(--theme-primary-color);
}
.ui-btn--compare.is-active,
.ui-btn--favorite.is-active {
	color: #F53C3C;
}
.ui-btn--compare.is-active svg.icon-favorites,
.ui-btn--favorite.is-active svg.icon-favorites {
	fill: #F53C3C;
	stroke: #F53C3C;
}

.ui-btn--view {
	background: #fff;
	border-color: #E9E8F1;
	color: #343434;
	padding: 0;
	width: 5rem;
	height: 5rem;
}
.ui-btn--view:hover {
	color: var(--theme-primary-color);
}

a:not([class]), .ui-link {
	text-decoration: none;
	transition: opacity 0.25s, color 0.25s;
}
.ui-link:hover {
	text-decoration: none;
}

a,.ui-link--blue {
	color: #4791FF;
}
a:not([class]):hover,.ui-link--blue:hover {
	color: #4791FF;
	opacity: 0.7;
}
.ui-link--blue.ui-link--underline {
	border-bottom: 1px solid #E3EEFF;
}

.ui-badge {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	white-space: nowrap;
	font-size: 1.4rem;
	line-height: 2.6rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	padding: 0 0.8rem;
	background: #ccc;
	color: #fff;
	border-radius: 4px;
}

.ui-number {
	position: relative;
	margin: 0 0 2rem;
}

.ui-number__input {
	display: block;
	font-size: 1.8rem;
	line-height: 2.8rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	background: #fff;
	border: 1px solid #E9E8F1;
	border-radius: 4px;
	padding: 1rem 2.4rem;
	height: 5rem;
	width: 100%;
	text-align: center;
	-webkit-appearance: none;
	appearance: none;
	text-align: center;
}

.ui-number__decrease,
.ui-number__increase {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 2.4rem;
	position: absolute;
	top: 0.4rem;
	bottom: 0.4rem;
	transition: background 0.25s;
}
.ui-number__decrease:hover,
.ui-number__increase:hover {
	background: #E9E8F1;
}

.ui-number__decrease {
	left: 0.4rem;
	border-radius: 4px 0 0 4px;
}

.ui-number__increase {
	right: 0.4rem;
	border-radius: 0 4px 4px 0;
}

.ui-add-to-cart {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap;
}
.ui-add-to-cart .ui-btn {
	margin: 0 1rem 0 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	text-align: left;
}
.ui-add-to-cart .ui-btn--primary {
	width: 17.2rem;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.ui-add-to-cart .ui-number {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	width: 8.4rem;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 1rem 0 0;
}
.ui-add-to-cart.is-active .ui-btn--primary {
	background: #13D154;
	font-size: 1.4rem;
	padding-left: 15px;
	padding-right: 15px;
	width: 13.2rem;
}
.ui-add-to-cart.is-active .ui-btn--primary svg.icon-cart {
	margin: 0 0 0 2rem;
}
.ui-add-to-cart.is-active .ui-number {
	position: relative;
	opacity: 1;
	visibility: visible;
	transition: 0.5s;
}

label:not([class]) {
	display: block;
	margin: 0 0 1rem;
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: 400;
}

input:not([class]),
textarea:not([class]) {
	display: block;
	transition: 0.25s;
	width: 100%;
	background: #F7F8FB;
	border: 1px solid #F7F8FB;
	font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
	padding: 1rem 1.6rem;
	color: #222;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	transition: 0.25s;
	box-shadow: none;
	border-radius: 5px;
	margin: 0 0 2rem;
	height: 4.6rem;
	transition: box-shadow 0.25s;
}
input:not([class]):-ms-input-placeholder,
textarea:not([class]):-ms-input-placeholder {
	color: rgba(34, 34, 34, 0.5);
	transition: opacity 0.25s;
}
input:not([class])::placeholder,
textarea:not([class])::placeholder {
	color: rgba(34, 34, 34, 0.5);
	transition: opacity 0.25s;
}
input:not([class]):focus,
textarea:not([class]):focus {
	box-shadow: 0 0 0 2px var(--theme-primary-color);
}
input:not([class]):focus:-ms-input-placeholder,
textarea:not([class]):focus:-ms-input-placeholder {
	opacity: 0;
}
input:not([class]):focus::placeholder,
textarea:not([class]):focus::placeholder {
	opacity: 0;
}
input:not([class]):disabled,
textarea:not([class]):disabled {
	border-color: #e4ebf1;
	background: #e4ebf1;
	pointer-events: none;
}

textarea:not([class]) {
	max-width: 100%;
	min-width: 100%;
	min-height: 18rem;
	resize: none;
}

select:not([class]),select.form-control {
	width: 100%;
	font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
	border: 1px solid #F7F8FB;
	border-radius: 5px;
	padding: 1rem 1.5rem;
	-webkit-appearance: none;
	appearance: none;
	background-color: #F7F8FB;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.284143 1.91713L4.77096 6.66853C4.86819 6.77356 4.98386 6.85693 5.11131 6.91382C5.23876 6.97071 5.37547 7 5.51353 7C5.6516 7 5.7883 6.97071 5.91575 6.91382C6.0432 6.85693 6.15888 6.77356 6.25611 6.66853L10.6906 1.91713C10.7887 1.81296 10.8665 1.68902 10.9196 1.55246C10.9727 1.4159 11 1.26943 11 1.1215C11 0.973565 10.9727 0.827095 10.9196 0.690537C10.8665 0.553981 10.7887 0.43004 10.6906 0.325864C10.4947 0.11715 10.2296 -8.86323e-07 9.95329 -8.62168e-07C9.67698 -8.38012e-07 9.4119 0.11715 9.21594 0.325864L5.51353 4.29283L1.81113 0.325865C1.61632 0.118839 1.35339 0.00212611 1.07901 0.000888261C0.941366 3.56885e-05 0.804918 0.0283026 0.677491 0.0840692C0.550063 0.139836 0.434163 0.222006 0.336436 0.325865C0.234908 0.426292 0.152959 0.54728 0.095324 0.681838C0.0376887 0.816396 0.00551076 0.961857 0.000647984 1.10982C-0.00421384 1.25778 0.0183358 1.4053 0.0669951 1.54387C0.115654 1.68244 0.189458 1.8093 0.284143 1.91713Z' fill='%23343434'/%3E%3C/svg%3E%0A");
	background-position: right 14px center;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 4.6rem;
	transition: box-shadow 0.25s;
	margin: 0 0 2rem;
	box-shadow: none;
	color: inherit;
}
select:not([class]):focus,select.form-control:focus {
	box-shadow: 0 0 0 2px var(--theme-primary-color);
}
select:not([class]):disabled,select.form-control:disabled {
	border-color: #e4ebf1;
	background: #e4ebf1;
	pointer-events: none;
}

.ui-label {
    display: block;
    margin: 0 0 1rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
}

.ui-input, .ui-range__input, .ui-textarea,.form-control:not(select){
	display: block;
	transition: 0.25s;
	width: 100%;
	background: #F7F8FB;
	border: 1px solid #F7F8FB;
	font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
	padding: 1rem 1.6rem;
	color: #222;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	transition: 0.25s;
	box-shadow: none;
	border-radius: 5px;
	margin: 0 0 2rem;
	height: 4.6rem;
	transition: box-shadow 0.25s;
}
.ui-input:-ms-input-placeholder, .ui-range__input:-ms-input-placeholder, .ui-textarea:-ms-input-placeholder, .form-control:not(select):-ms-input-placeholder {
	color: rgba(34, 34, 34, 0.5);
	transition: opacity 0.25s;
}
.ui-input::placeholder, .ui-range__input::placeholder, .ui-textarea::placeholder, .form-control:not(select)::placeholder {
	color: rgba(34, 34, 34, 0.5);
	transition: opacity 0.25s;
}
.ui-input:focus, .ui-range__input:focus, .ui-textarea:focus, .form-control:not(select):focus  {
	box-shadow: 0 0 0 2px var(--theme-primary-color);
}
.ui-input:focus:-ms-input-placeholder, .ui-range__input:focus:-ms-input-placeholder, .ui-textarea:focus:-ms-input-placeholder, .form-control:not(select):focus:-ms-input-placeholder {
	opacity: 0;
}
.ui-input:focus::placeholder, .ui-range__input:focus::placeholder, .ui-textarea:focus::placeholder, .form-control:not(select):focus::placeholder {
	opacity: 0;
}
.ui-input:disabled, .ui-range__input:disabled, .ui-textarea:disabled, .form-control:not(select):disabled {
	border-color: #e4ebf1;
	background: #e4ebf1;
	pointer-events: none;
}

.ui-textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 18rem;
	margin: 0 0 2rem;
	resize: none;
}

.ui-select {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0 0 2rem;
	font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
}
.ui-select select {
	width: 100%;
	font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
	border: 1px solid #F7F8FB;
	border-radius: 5px;
	padding: 1rem 1.5rem;
	-webkit-appearance: none;
	appearance: none;
	background-color: #F7F8FB;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.284143 1.91713L4.77096 6.66853C4.86819 6.77356 4.98386 6.85693 5.11131 6.91382C5.23876 6.97071 5.37547 7 5.51353 7C5.6516 7 5.7883 6.97071 5.91575 6.91382C6.0432 6.85693 6.15888 6.77356 6.25611 6.66853L10.6906 1.91713C10.7887 1.81296 10.8665 1.68902 10.9196 1.55246C10.9727 1.4159 11 1.26943 11 1.1215C11 0.973565 10.9727 0.827095 10.9196 0.690537C10.8665 0.553981 10.7887 0.43004 10.6906 0.325864C10.4947 0.11715 10.2296 -8.86323e-07 9.95329 -8.62168e-07C9.67698 -8.38012e-07 9.4119 0.11715 9.21594 0.325864L5.51353 4.29283L1.81113 0.325865C1.61632 0.118839 1.35339 0.00212611 1.07901 0.000888261C0.941366 3.56885e-05 0.804918 0.0283026 0.677491 0.0840692C0.550063 0.139836 0.434163 0.222006 0.336436 0.325865C0.234908 0.426292 0.152959 0.54728 0.095324 0.681838C0.0376887 0.816396 0.00551076 0.961857 0.000647984 1.10982C-0.00421384 1.25778 0.0183358 1.4053 0.0669951 1.54387C0.115654 1.68244 0.189458 1.8093 0.284143 1.91713Z' fill='%23343434'/%3E%3C/svg%3E%0A");
	background-position: right 14px center;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 4.6rem;
	margin: 0;
}

.ui-range__input {
	margin: 0;
	font-size: 1.5rem;
	line-height: 2.4rem;
	font-weight: 400;
	padding: 1rem 4rem 1rem 1.5rem;
}
/**
	* Swiper 6.8.4
	* Most modern mobile touch slider and framework with hardware accelerated transitions
	* https://swiperjs.com
	*
	* Copyright 2014-2021 Vladimir Kharlampidi
	*
	* Released under the MIT License
	*
	* Released on: August 23, 2021
*/
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	transition-property: transform;
	box-sizing: border-box;
}


.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

/* Auto Height */

/* 3D Effects */

/* CSS Mode */

.swiper-button-prev,
.swiper-button-next {
	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: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 1rem;
	right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 1rem;
	left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	content: "next";
}

/* Common Styles */
/* Bullets */

/* Progress */

/* Scrollbar */
.swiper-scrollbar {
	-ms-touch-action: none;
}

/* Preloader */

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg);
	}
}
/* a11y */

.swiper-scrollbar {
	position: relative;
	margin: 2rem 0 0;
	z-index: 100;
	height: 0.4rem;
	background: #EEF0F3;
}

.swiper-prev, .swiper-next {
	position: absolute;
	top: 0;
	z-index: 100;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 5px;
	width: 8rem;
	height: 100%;
	cursor: pointer;
	transition: background 0.25s;
}
.swiper-prev svg, .swiper-next svg {
	display: block;
}
.swiper-prev:hover, .swiper-next:hover {
	background: rgba(255, 255, 255, 0.05);
}

.swiper-prev {
	left: 0;
}

.swiper-next {
	right: 0;
}

.swiper-products {
	overflow: visible;
}
.swiper-products > .swiper-wrapper {
	z-index: 200;
}
.swiper-products > .swiper-wrapper > .swiper-slide {
	-ms-flex: 0 0 340px;
	flex: 0 0 34rem;
	width: 34rem;
	max-width: 100%;
	height: auto;
	margin: 0 1rem 0 0;
	transition: opacity 0.25s, transform 0.25s;
}
.swiper-products > .swiper-wrapper > .swiper-slide:last-child {
	margin: 0;
}
.swiper-products > .swiper-scrollbar {
	position: relative;
	z-index: 100;
	margin: 3rem 0 0;
}
.swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide {
	margin: 0;
}
@media (min-width: 1200px) {
	.swiper-products {
		margin-left: -10px;
		margin-right: -10px;
	}
	.swiper-products > .swiper-wrapper > .swiper-slide {
		margin: 0;
		padding: 0 1rem;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.swiper-products .swiper-scrollbar {
		margin-left: 10px;
		margin-right: 10px;
	}
	.swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide {
		opacity: 0;
	}
}
@media (min-width: 1200px) {
}

.fancybox-is-hidden {
	left: -999.9rem;
	margin: 0;
	position: absolute !important;
	top: -999.9rem;
	visibility: hidden;
}

/* Fix iOS */

/* Buttons */

/* Fix IE11 */

/* Close button on the top right corner of html content */

/* Navigation arrows */

/* Caption */

/* Loading indicator */

@keyframes fancybox-rotate {
	100% {
		transform: rotate(360deg);
	}
}
/* Transition effects */

/* transitionEffect: slide */

/* transitionEffect: fade */

/* transitionEffect: zoom-in-out */

/* transitionEffect: rotate */

/* transitionEffect: circular */

/* transitionEffect: tube */

/* Styling for Small-Screen Devices */
/* Share */
/*
	.fancybox-is-open .fancybox-bg {
	opacity: 0.5;
	}
*/

/* Ion.RangeSlider, Flat UI Skin
	// css version 2.0.3
	// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */

.intro__item {
	position: relative;
	background: var(--theme-secondary-color);
	border-radius: 5px;
	min-height: 100%;
	color: #fff;
	text-decoration: none;
	height: 100%;
	min-height: 37rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
.intro__item:hover {
	color: #fff;
	text-decoration: none;
}
@media (min-width: 768px) {
	.intro__item {
		padding: 0 8rem;
		text-align: left;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

.products-featured {
	position: relative;
	z-index: 100;
	margin: 0 0 6rem;
}
.products-featured:hover {
	z-index: 200;
}
@media (min-width: 1200px) {
	.products-featured {
		margin: 0 0 8rem;
	}
}

.products-featured__swiper {
	position: relative;
}

.products__item {
	position: relative;
	z-index: 10;
	height: 62rem;
	width: 100%;
	background: #fff;
	border-radius: 10px;
}
.products__item:hover {
	z-index: 20;
}
.products__item:hover .products__item-in:before {
	opacity: 1;
	box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
}

.products__item:hover .products__item-action {
	position: relative;
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
}

.products__item-in {
	position: relative;
	border-radius: 10px;
	padding: 3rem;
	min-height: 100%;
}
.products__item-in:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: inherit;
	background: #fff;
	opacity: 0;
	transition: 0.25s;
}
.products__item-topleft {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	right: 14rem;
	z-index: 100;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}
.products__item-topleft .products__item-badges {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 1.5rem 0 0;
}

.products__item-badges {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	z-index: 100;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	max-width: 100%;
}
.products__item-badges .ui-badge {
	margin: 0 0 0.5rem;
	position: relative;
	top: 0;
	left: 0;
}
.products__item-badges .ui-badge:first-of-type ~ * {
	position: absolute;
}
.products__item-badges .ui-badge:nth-of-type(1) {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.products__item-badges .ui-badge:nth-of-type(2) {
	top: 100%;
}
.products__item-badges .ui-badge:nth-of-type(3) {
	top: 200%;
}
.products__item-badges .ui-badge:nth-of-type(4) {
	top: 300%;
}
.products__item-badges .ui-badge:nth-of-type(5) {
	top: 400%;
}

.products__item-buttons {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	z-index: 100;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	will-change: transform;
}
.products__item-buttons .ui-btn {
	margin: 0 0 0 1rem;
}

.products__item-image {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 33.5rem;
	margin: 0 0 2rem;
	padding: 1rem;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	transition: opacity 0.25s;
	background: #fff;
}
.products__item-image img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	width: auto;
	height: auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.products__item-status {
	display: block;
	margin: 0 1.5rem 1rem 0;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 400;
	float: left;
	position: relative;
	padding: 0 0 0 1.3rem;
}
.products__item-status:before {
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: calc(50% - 0.5rem);
}
.products__item-status--true:before {
	background: #13D154;
}

.products__item-title {
	display: block;
	margin: 0 0 2rem;
	overflow: hidden;
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	height: 7.2rem;
	clear: both;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-decoration: none;
	transition: color 0.25s;
	color: inherit;
}

.products__item-title:hover {
	color: var(--theme-primary-color);
	text-decoration: none;
}

.products__item-price {
	display: block;
	margin: 0 1rem 0 0;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 500;
	white-space: nowrap;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex: 1;
	flex: 1;
}
.products__item-price mark {
	display: block;
	font-size: 1.4rem;
	line-height: 2.8rem;
	font-weight: 500;
	padding: 0 0.9rem;
	background: #F53C3C;
	border-radius: 4px;
	color: #fff;
	margin: 0 1rem 0 0;
}
.products__item-price ins {
	text-decoration: none;
	margin: 0 1rem 0 0;
}
.products__item-price del {
	display: block;
	margin: 0;
	padding: 0 0.2rem;
	position: relative;
	font-size: 1.35rem;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none;
}
.products__item-price del:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 0.2rem;
	background: #F45656;
	margin: -1px 0 0;
}

.products__item-action {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transform: translate(0, 10px);
	transition: 0.25s;
	padding: 2rem 0 0;
}

.blog {
	margin: 0 0 6rem;
}
@media (min-width: 1200px) {
	.blog {
		margin: 0 0 8rem;
	}
}
.video {
	margin: 0 0 6rem;
}
@media (min-width: 1200px) {
	.video {
		margin: 0 0 9rem;
	}
}
/*
	.fancybox-container .sku__slide {
	pointer-events: none;
	}
*/
.sku__badges {
	position: absolute;
	top: 2rem;
	left: 2.5rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	z-index: 99;
}
.sku__badges .ui-badge {
	margin: 0 0 0.5rem;
}
@media (min-width: 1200px) {
	.sku__badges {
		top: 2.5rem;
	}
}

.sku__addto {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.sku__addto > li {
	margin: 0 4rem 0 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sku__addto > li:last-child {
	margin: 0;
}
@media (min-width: 1200px) {
	.sku__addto > li {
		margin: 0 4rem 0 0;
	}
}

.sku__price {
	font-size: 3.7rem;
	line-height: 1.15;
	font-weight: 500;
	white-space: nowrap;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 1.5rem;
	clear: both;
}

.catalog {
	margin: 0 0 6rem;
}
@media (min-width: 1200px) {
	.catalog {
		margin: 0 0 8rem;
	}
}

/* @media (min-width: 1200px) {
	.catalog__content {
	}
	}
*/

.cart {
	margin: 0 0 6rem;
}
@media (min-width: 1200px) {
	.cart {
		margin: 0 0 8rem;
	}
}

.brands {
	margin: 0 0 6rem;
}
@media (min-width: 1200px) {
	.brands {
		margin: 0 0 8rem;
	}
}

.contacts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.contacts__map {
	height: 50rem;
	background: #000;
	-ms-flex-order: 2;
	order: 2;
	width: 100%;
	margin: 0;
}
@media (min-width: 1200px) {
	.contacts__map {
		-ms-flex-order: 1;
		order: 1;
		margin: 0 0 5rem;
	}
}

.contacts__wrapper {
	-ms-flex-order: 1;
	order: 1;
}
@media (min-width: 1200px) {
	.contacts__wrapper {
		-ms-flex-order: 2;
		order: 2;
	}
}

.contacts__data {
	margin: 0 0 6rem;
}
.contacts__data .row {
	margin: 0 -1rem -2rem;
}
.contacts__data .row > [class^=col] {
	padding: 0 1rem 2rem;
}

.compare {
	margin: 0 0 6rem;
	overflow: hidden;
}
@media (min-width: 1200px) {
	.compare {
		margin: 0 0 8rem;
	}
}
/*
	@media (min-width: 1200px) {
	.system {
    padding: 15.2rem 0 22.3rem;
	}
	}
*/

.popup {
	position: relative;
	width: 100%;
	max-width: 46rem;
	background: #FFFFFF;
	border: 1px solid #F0F1F7;
	border-radius: 5px;
	padding: 3rem;
	margin: 0 auto;
}
.popup--search {
	max-width: 87rem;
	vertical-align: top;
	margin-top: -4rem;
}

.popup__title {
	display: block;
	font-size: 2rem;
	line-height: 1.25;
	font-weight: 500;
	margin: 0 0 2rem;
}

.popup__title:first-letter {
	text-transform: uppercase;
}

.popup__form .ui-textarea {
	min-height: 12rem;
	height: 12rem;
}

.popup__form p {
    margin: 0 0 2rem;
}

.footer__title{
	opacity: 0.8;
}

.alert {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: 6rem;
	pointer-events: auto;
	padding: 1rem 6rem 1rem 2rem;
	margin: 0 0 1rem;
	position: relative;
	border-radius: 10px;
	width: 100%;
	animation: alertShow 0.5s forwards;
}
.alert:after {
	content: "";
	min-height: 4rem;
}
@media (min-width: 768px) {
	.alert {
		width: auto;
	}
}
@media (min-width: 1200px) {
	.alert {
		margin: 0 0 2rem;
		padding: 1rem 6rem 1rem 3rem;
	}
}

@keyframes progressBar {
	0% { width: 100%; }
	100% { width: 0; }
}

@keyframes alertShow {
	0% {
		opacity: 0;
		transform: translate(-100px, 0);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes alertHide {
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(-100px, 0);
	}
}

.chat {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	z-index: 1099;
	transition: transform 0.25s;
}

.chat__toggle {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	background: var(--theme-primary-color);
	overflow: hidden;
}
.chat__toggle:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.2);
	transition: opacity 0.25s;
	opacity: 0;
}
.chat__toggle:hover:after {
	opacity: 1;
}
.chat__toggle:active {
	transition: none;
	transform: scale(0.95);
}

.chat__offcanvas {
	position: absolute;
	bottom: 100%;
	right: 0;
	margin: 0 0 2rem;
	width: 49.6rem;
	max-width: calc(100vw - 4rem);
	transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
	opacity: 0;
	visibility: hidden;
}

.chat__menu {
	margin: 0 -1.5px -0.3rem;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.chat--right .chat__menu {
	justify-content: flex-end;
}
.chat__menu > li {
	padding: 0 1.5px 0.3rem;
	-ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%;
	max-width: 33.333%;
}

.chat__link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	background: #fff;
	border-radius: 5px;
	height: 16rem;
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 400;
	color: #343434;
	text-decoration: none;
	transition: color 0.25s, box-shadow 0.25s;
}
.chat__link:hover {
	z-index: 2;
	color: #343434;
	text-decoration: none;
	box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
}

.chat__link-icon {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
}
.chat__link-icon svg {
	display: block;
}
@media (max-width: 1199px) {
	.chat {
		right: 1.5rem;
		bottom: 1.5rem;
	}
	.chat__link {
		height: 13rem;
	}
	.chat__offcanvas {
		margin: 0 0 1.5rem;
	}
}

.personal__action-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.personal__action-menu > li {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	border-bottom: 1px solid #EFF1F7;
	border-right: 1px solid #EFF1F7;
}
.personal__action-menu > li:nth-of-type(2n) {
	border-right: none;
}
.personal__action-menu > li:nth-last-of-type(1) {
	border-bottom: none;
}
.personal__action-menu > li:nth-last-of-type(2) {
	border-bottom: none;
}

@media (min-width: 768px) {
	.personal__order-table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
		border-radius: 0;
		overflow: hidden;
		text-align: left;
		font: 400 1.5rem/1.25 "Roboto", Arial, Helvetica, sans-serif;
	}
}
@media (max-width: 767px) {
	.personal__order-table {
		display: block;
		font: 400 1.5rem/1.25 "Roboto", Arial, Helvetica, sans-serif;
	}
}

.personal__order-table-info {
	margin: -0.6rem -1.2rem;
	padding: 0;
	list-style: none;
	overflow: hidden;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 400;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
}
.personal__order-table-info > li {
	position: relative;
	padding: 0.6rem 1.2rem;
	white-space: nowrap;
}
.personal__order-table-info > li:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -0.2rem;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background: #C4C4C4;
	margin: -0.2rem 0 0 0;
}
.personal__order-table-info > li:last-child:after {
	display: none;
}
@media (max-width: 767px) {
	.personal__order-table-info > li:nth-last-of-type(2):after {
		display: none;
	}
	.personal__order-table-info > li:last-child {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
#content {
    position: relative;
    padding: 0 2.5rem;
}
#content:after {
    content: '';
    background: #fff;
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 0;
    right: 10px;
    bottom: 0;
    border-radius: 10px;
}
@media (max-width: 1199px) {
	#content {
		margin-bottom: 2rem;
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 147rem;
		padding: 0 2.5rem;
	}
}
#content >h1 {
	margin: 2rem 0;
}

.container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}

 .col-xl,
.col-xl-auto, .col-xl-12, .col-md-12, .col-md-6, .col-12, .col-6, .col-5, .col-4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-4 {
	-ms-flex: 0 0 33.3333333333%;
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}

.col-5 {
	-ms-flex: 0 0 41.6666666667%;
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
@media (min-width: 768px) {
	
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 1200px) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	
	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	
	.col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}
* {
	outline: none;
	box-sizing: border-box;
}
*:before, *:after {
	box-sizing: border-box;
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}
@media (min-width: 1200px) and (max-width: 1470px) {
	html {
		font-size: 0.6802721088vw;
	}
}

body {
	font: 400 1.6rem/1.5 "Roboto", Arial, Helvetica, sans-serif;
	background: var(--body-bg);
	color: var(--body-color);
	overflow-x: hidden;
	overflow-y: auto;
}

html:not(.is-loaded) * {
	transition: none !important;
}
html:not(.is-loaded) *:before, html:not(.is-loaded) *:after {
	transition: none !important;
}

.app {
	position: relative;
	min-height: 100%;
	min-width: 32rem;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.container-fluid {
	max-width: 147rem;
	padding: 0 2.5rem;
}

.container-fluid .container-fluid {
	max-width: unset;
	padding: 0;
}
@media (max-width: 1199px) {
	
	.is-header-v8 .header,
	.is-header-v8 .header__mobile-fixed{
		background: #fff;
		color: #343434;
		border-bottom: 1px solid #E4E7F1;
	}
	
	.header__desktop {
		display: none;
	}
	
	.header {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		background: var(--theme-primary-color);
		color: #fff;
		min-height: 7.5rem;
	}
	
	.header__mobile {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 7.5rem;
	}
	.header__mobile-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1100;
		background: var(--theme-primary-color);
		color: #fff;
		padding: 0 2.5rem;
	}
	.header__logo {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		color: inherit;
		text-decoration: none;
		margin: 0 4.5rem;
		font-weight: 500;
		font-size: 2.2rem;
		height: 100%;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.header__logo img, .header__logo svg {
		display: block;
		max-height: calc(100% - 2rem);
		max-width: 20rem;
		width: 100%;
		height: auto;
	}
	.header__logo:hover {
		color: inherit;
		text-decoration: none;
	}
	
	.header__group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex: 1;
		flex: 1;
	}
	.header__group > * {
		margin: 0 0 0 2.4rem;
	}
	
	.header__search-btn,
	.header__cart-btn {
		position: relative;
		width: 2.4rem;
		height: 2.4rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0;
		color: inherit;
		text-decoration: none;
	}
	.header__search-btn:hover,
	.header__cart-btn:hover {
		color: inherit;
		text-decoration: none;
	}
	
	.header__cart-counter {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 0;
		margin: -1rem -1rem 0 0;
	}
	.header__cart-counter mark {
		width: 2rem;
		height: 2rem;
		border-radius: 50%;
		font-size: 1.3rem;
		text-align: center;
		color: #fff;
		background: #F45656;
		line-height: 1.6rem;
		font-weight: 700;
		display: block;
	}
	
	.header__nav-btn {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 7.5rem;
		height: 100%;
		color: inherit;
	}
	.header__nav-btn svg {
		display: block;
		position: relative;
		top: 1px;
	}
	
	.header__nav-offcanvas {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		color: #343434;
		z-index: 2100;
		overflow-x: hidden;
		overflow-y: auto;
		transition: opacity 0.25s, visibility 0.25s;
		opacity: 0;
		visibility: hidden;
	}
	
	.header__nav-head {
		padding: 2rem 3rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.header__nav-close {
		margin: 0 1.5rem 0 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	
	.header__nav-title {
		display: block;
		font-size: 2.5rem;
		line-height: 1;
		font-weight: 500;
	}
	
	.header__nav-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
	}
	.header__nav-group > * {
		margin: 0 0.5rem 0 0;
	}
	.header__nav-group > *:last-child {
		margin: 0;
	}
	.header__nav-group--acc_action_cart {
		padding: 0 3rem 2rem;
		border-bottom: 1px solid #E8EAF3;
	}
	.header__nav-group--currency_language {
		padding: 1.5rem 3rem;
		border-top: 1px solid #E4E7F1;
	}
	.header__nav-group--currency_language > * {
		margin: 0 1.5rem 0 0;
		-ms-flex: 1;
		flex: 1;
	}
	
	.header__nav-menu {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: 400;
	}
	.header__nav-menu > li {
		border-bottom: 1px solid #E8EAF3;
	}
	
	.header__nav-link {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		padding: 1rem 5rem 1rem 3rem;
		min-height: 6rem;
		text-decoration: none;
		position: relative;
		color: #343434;
	}
	.header__nav-link svg.icon-catalog {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin: 0 1rem 0 0;
		width: 1.4rem;
		height: 1.4rem;
	}
	.header__nav-link svg.icon-arrow-right {
		position: absolute;
		top: 50%;
		right: 3rem;
		transform: translate(0, -50%);
	}
	.header__nav-link:hover {
		text-decoration: none;
		color: #343434;
	}
	
	.header__nav-action {
		border: 1px solid #E8EAF3;
		border-radius: 5px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		transition: border-color 0.25s;
		height: 5rem;
	}
	.header__nav-action:hover {
		border-color: #E8EAF3;
	}
	
	.header__nav-action-btn {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 5.4rem;
		height: 5rem;
		padding: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		text-decoration: none;
		color: #343434;
	}
	.header__nav-action-btn:hover {
		color: #343434;
		text-decoration: none;
	}
	
	.header__nav-action-counter {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0;
		background: none;
		color: inherit;
		opacity: 0.4;
		font-size: 1.3rem;
		line-height: 1.2;
		font-weight: 500;
		position: absolute;
		top: 0.8rem;
		right: 0.8rem;
	}
	
	.header__nav-action-line {
		display: block;
		width: 0.2rem;
		height: 3.4rem;
		background: #E8EAF3;
	}
	
	.header__nav-cart-btn {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-radius: 5px;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding: 0.5rem 2rem 0.5rem 1.5rem;
		width: auto;
		height: 5rem;
		border: 1px solid #E8EAF3;
		border-radius: 5px;
		color: #343434;
		text-decoration: none;
		white-space: nowrap;
		transition: border-color 0.25s;
	}
	.header__nav-cart-btn svg {
		margin: 0 1rem 0 0;
		display: block;
	}
	.header__nav-cart-btn:hover {
		border-color: #E8EAF3;
		color: #343434;
		text-decoration: none;
	}
	
	.header__nav-cart-total {
		display: block;
		-ms-flex: 1;
		flex: 1;
		font-size: 1.4rem;
		line-height: 1.2;
		font-weight: 500;
	}
	.header__nav-cart-total mark {
		display: block;
		padding: 0;
		background: none;
		color: inherit;
		font-size: 1.35rem;
		opacity: 0.4;
		margin: 0 0 0.2rem;
	}
	
	.header__nav-support {
		padding: 2rem 3rem 3rem;
	}
	
	.header__nav-social-title {
		display: block;
		margin: 0 0 1rem;
		font-size: 1.5rem;
		line-height: 1.2;
		font-weight: 500;
	}
	
	.header__catalog-offcanvas {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		color: #343434;
		z-index: 1200;
		overflow-x: hidden;
		overflow-y: auto;
		transition: opacity 0.25s, visibility 0.25s;
		opacity: 0;
		visibility: hidden;
	}
	
	.header__catalog-title {
		display: block;
		font-size: 2.5rem;
		line-height: 1;
		font-weight: 500;
	}
	
	.header__catalog-menu {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: 400;
	}
	.header__catalog-menu > li {
		border-bottom: 1px solid #E8EAF3;
	}
	
	.header__catalog-link {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		padding: 1rem 3rem;
		text-decoration: none;
		color: #343434;
		transition: color 0.25s;
		min-height: 6rem;
	}
	.header__catalog-link:hover {
		text-decoration: none;
		color: #343434;
	}
	.header__catalog-link--more {
		font-weight: 500;
	}
	.header__catalog-link-text {
		display: block;
		-ms-flex: 1;
		flex: 1;
	}
	
	.header__catalog-link-arrow {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		top: 50%;
		right: 2rem;
		height: 2rem;
		margin: -1rem 0 0 0;
	}
	.header__catalog-link-arrow svg {
		position: absolute;
		top: 50%;
		right: 3rem;
		transform: translate(0, -50%);
	}
	
	.header__catalog-dropdown {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		background: #fff;
		overflow-x: hidden;
		overflow-y: auto;
		transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
		opacity: 0;
		visibility: hidden;
	}
	
	.header__search-offcanvas {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 3000;
		background: #F7F7FB;
		color: #000;
		transition: opacity 0.25s, visibility 0.25s;
		opacity: 0;
		visibility: hidden;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	.header__search-head {
		padding: 1.5rem 3rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
	}
	
	.header__search-close {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		padding: 0 1.5rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.header__search-close svg.icon-search {
		width: 1.5rem;
		height: 1.5rem;
	}
	
	.header__search-title {
		display: block;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: 500;
	}
	
	.header__search-control {
		margin: 0 1.5rem 1rem;
		position: relative;
	}
	
	.header__search-input {
		display: block;
		width: 100%;
		border: none;
		background: #ECEEF5;
		border-radius: 5px;
		color: #343434;
		font-size: 1.7rem;
		line-height: 2.5rem;
		font-weight: 400;
		padding: 1rem 4rem 1rem 2rem;
	}
	
	.header__search-append {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 5rem;
		color: #C6C8CC;
	}
	.header__search-append svg.icon-search {
		width: 2rem;
		height: 2rem;
	}
	
	.header__search-autocomplete {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		border-top: 1px solid #E4E7F1;
	}
}
@media (min-width: 1200px) {
	.header__mobile {
		display: none;
	}
	
	.is-header-v8 .header {
		background: #fff;
		color: #343434;
		min-height: 6.6rem;
	}
	.is-header-v8 .header__row {
		min-height: 6.6rem;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		padding: 1rem 0;
	}
	.is-header-v8 .header__logo {
		margin: 0 5rem 0 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.is-header-v8 .header__catalog {
		margin: 0 3rem 0 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.is-header-v8 .header__search-compact,
	.is-header-v8 .header__action,
	.is-header-v8 .header__cart {
		margin: 0 0.5rem 0 0;
	}
	.is-header-v8 .header__search-compact:last-child,
	.is-header-v8 .header__action:last-child,
	.is-header-v8 .header__cart:last-child {
		margin: 0;
	}
	.is-header-v8 .header__catalog-btn,
	.is-header-v8 .header__action-btn,
	.is-header-v8 .header__cart-btn,
	.is-header-v8 .header__search-compact-btn {
		border-color: rgba(52, 52, 52, 0.1);
		color: #343434;
	}
	.is-header-v8 .header__catalog-btn:hover,
	.is-header-v8 .header__action-btn:hover,
	.is-header-v8 .header__cart-btn:hover,
	.is-header-v8 .header__search-compact-btn:hover {
		color: #343434;
		border-color: #343434;
	}
	.is-header-v8 .header__action {
		border-color: rgba(52, 52, 52, 0.1);
	}
	.is-header-v8 .header__action:hover {
		color: #343434;
		border-color: #343434;
	}
	.is-header-v8 .header__action-line {
		background: rgba(52, 52, 52, 0.1);
	}
	.is-header-v8 .header__search-input {
		background: #F7F7FB;
		color: #343434;
	}
	.is-header-v8 .header__search-input:-ms-input-placeholder {
		color: #343434;
		opacity: 0.3;
	}
	.is-header-v8 .header__search-input::placeholder {
		color: #343434;
		opacity: 0.3;
	}
	.is-header-v8 .header__search-btn {
		background: var(--theme-secondary-color);
	}
	.is-header-v8 .header__search-btn:hover {
		background: var(--theme-primary-color);
		color: #fff;
	}
	
	.is-header-v8 .header__nav-link:hover {
		color: var(--theme-primary-color);
	}
	.is-header-v8 .priority-nav {
		padding: 0;
		min-width: initial;
	}
	.is-header-v8 .header__nav-link svg.icon-arrow-down {
		display: none;
	}
	.header {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		background: var(--theme-primary-color);
		color: #fff;
		min-height: 13.5rem;
	}
	
	.header__row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
		position: relative;
	}
	.header__row:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		width: 160vw;
		margin: 0 0 0 -80vw;
		background: inherit;
		z-index: -1;
	}
	
	.header__logo {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		height: 4.6rem;
		padding: 0 0.4rem;
		color: inherit;
		text-decoration: none;
		-ms-flex: 0 0 210px;
		flex: 0 0 21rem;
		margin: 0 2rem 0 0;
		font-weight: 500;
		font-size: 2.8rem;
	}
	.header__logo img, .header__logo svg {
		display: block;
		max-height: 100%;
		max-width: 100%;
	}
	.header__logo:hover {
		color: inherit;
		text-decoration: none;
	}
	
	.header__catalog {
		position: relative;
		z-index: 100;
		-ms-flex: 0 0 210px;
		flex: 0 0 21rem;
		margin: 0 2rem 0 0;
	}
	.header__catalog--fullwidth .header__catalog-offcanvas {
		width: auto;
		display: -ms-flexbox;
		display: flex;
	}
	.header__catalog--fullwidth .header__catalog-aside {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 27.8rem;
	}
	.header__catalog--fullwidth .header__catalog-main {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		min-width: 0;
		position: relative;
		margin: -1rem 0;
	}
	.header__catalog--fullwidth .header__catalog-link.is-active {
		color: var(--theme-primary-color);
	}
	.header__catalog--fullwidth .header__catalog-dropdown.is-active {	
		opacity: 1;	
		visibility: visible;	
	}
	.header__catalog--fullwidth .header__catalog-dropdown--fullwidth {
		position: absolute;
		top: 0;
		left: 0;
		transform: none;
		padding: 3rem 4rem;
		border-left: 1px solid #EBECF4;
		width: 78.2rem;
		min-height: 100%;
		margin: 0;
		box-shadow: none;
		border-radius: 0 5px 5px 0;
		transform: none;
	}
	.header__catalog--fullwidth .header__catalog-dropdown--fullwidth .header__catalog-menu > li {
		margin: 0 0 1rem;
	}
	.header__catalog--fullwidth .header__catalog-dropdown--fullwidth .header__catalog-link {
		padding: 0;
	}
	.header__catalog--fullwidth .header__catalog-dropdown--fullwidth.is-active {
		opacity: 1;
		visibility: visible;
		position: relative;
	}
	
	.header__catalog-btn {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 1.3rem;
		line-height: 1.2;
		font-weight: 700;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		border: 1px solid var(--theme-secondary-color);
		color: #fff;
		border-radius: 5px;
		padding: 0 1.6rem;
		height: 3.5rem;
		transition: color 0.25s, background 0.25s, border-color 0.25s;
	}
	.header__catalog-btn svg {
		display: block;
		margin: 0 0.8rem 0 0;
	}
	.header__catalog-btn:hover {
		background: #fff;
		border-color: #fff;
		color: #343434;
	}
	
	.header__catalog-offcanvas {
		position: absolute;
		top: 100%;
		left: 0;
		margin: 0.5rem 0 0 0;
		background: #fff;
		box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
		border-radius: 5px;
		width: 27.8rem;
		padding: 1rem 0;
		transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
		opacity: 0;
		visibility: hidden;
	}
	.header__catalog-offcanvas:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 0.5rem;
	}
	
	.header__catalog-menu {
		margin: 0 0 3rem;
		padding: 0;
		list-style: none;
		font-size: 1.5rem;
		line-height: 2rem;
		font-weight: 400;
	}
	.header__catalog-menu:last-child {
		margin: 0;
	}
	.header__catalog-menu > li {
		position: relative;
		margin: 0 0 0.5rem;
	}
	.header__catalog-menu > li:last-child {
		margin: 0;
	}
	
	.header__catalog-title {
		display: block;
		font-size: 1.6rem;	
		line-height: 1.5;
		font-weight: 500;
		margin: 0 0 1.5rem;
	}
	.header__catalog-title:last-child {
		margin: 0;
	}
	
	.header__catalog-dropdown {
		position: absolute;
		top: -1rem;
		left: 100%;
		margin: 0 0.5rem;
		background: #fff;
		box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
		border-radius: 5px;
		width: 27.8rem;
		padding: 1rem 0;
		transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
		opacity: 0;
		visibility: hidden;
	}
	.header__catalog-dropdown:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 100%;
		width: 0.5rem;
		height: 100%;
	}
	
	.header__catalog-link {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		padding: 0.5rem 3rem 0.5rem 2rem;
		text-decoration: none;
		color: #343434;
		transition: color 0.25s;
	}
	.header__catalog-link:hover {
		text-decoration: none;
		color: var(--theme-primary-color);
	}
	.header__catalog-link--more {
		font-weight: 500;
	}
	.header__catalog-link-text {
		display: block;
		-ms-flex: 1;
		flex: 1;
	}
	
	.header__catalog-link-arrow {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		top: 50%;
		right: 2rem;
		height: 2rem;
		margin: -1rem 0 0 0;
	}
	.header__catalog-link-arrow svg {
		display: block;
		width: 0.6rem;
		height: 1.1rem;
	}
	
	.header__search {
		position: relative;
		-ms-flex: 1;
		flex: 1;
		max-width: 80rem;
		margin: 0 auto 1rem 0;
	}
	
	.header__search-input {
		display: block;
		width: 100%;
		border: 1px solid transparent;
		background: var(--theme-secondary-color);
		border-radius: 5px;
		padding: 1rem 10rem 1rem 2rem;
		font-size: 1.3rem;
		line-height: 2.4rem;
		font-weight: 400;
		height: 4.6rem;
		color: #fff;
		transition: background 0.25s, border-color 0.25s;
	}
	.header__search-input::-webkit-search-cancel-button, .header__search-input::-webkit-search-results-button, .header__search-input::-webkit-search-results-decoration {
		position: relative;
		right: 1rem;
		width: 1.2rem;
		height: 1.2rem;
		display: block;
		background: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.67545 4.49998L0.171021 0.995448C-0.0570411 0.767493 -0.0570411 0.398921 0.171021 0.170966C0.398977 -0.0569888 0.767549 -0.0569888 0.995505 0.170966L4.50004 3.67549L8.00447 0.170966C8.23253 -0.0569888 8.601 -0.0569888 8.82895 0.170966C9.05702 0.398921 9.05702 0.767493 8.82895 0.995448L5.32452 4.49998L8.82895 8.0045C9.05702 8.23246 9.05702 8.60103 8.82895 8.82899C8.71535 8.9427 8.56598 8.99982 8.41671 8.99982C8.26745 8.99982 8.11818 8.9427 8.00447 8.82899L4.50004 5.32446L0.995505 8.82899C0.881794 8.9427 0.732529 8.99982 0.583263 8.99982C0.433998 8.99982 0.284732 8.9427 0.171021 8.82899C-0.0570411 8.60103 -0.0570411 8.23246 0.171021 8.0045L3.67545 4.49998Z' fill='%23fff'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
		background-size: contain;
		cursor: pointer;
	}
	.header__search-input:-ms-input-placeholder {
		color: #fff;
		opacity: 0.3;
		transition: opacity 0.25s;
	}
	.header__search-input::placeholder {
		color: #fff;
		opacity: 0.3;
		transition: opacity 0.25s;
	}
	.header__search-input:focus:-ms-input-placeholder {
		opacity: 0;
	}
	.header__search-input:focus::placeholder {
		opacity: 0;
	}
	
	.header__search-btn {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 9rem;
		height: 3.8rem;
		position: absolute;
		top: 50%;
		right: 0.4rem;
		margin: -1.9rem 0 0;
		border-radius: 5px;
		background: var(--theme-primary-color);
		color: #fff;
		font-size: 1.4rem;
		line-height: 1.2;
		font-weight: 500;
		cursor: pointer;
		transition: background 0.25s, color 0.25s;
	}
	.header__search-btn:hover {
		background: #fff;
		color: #343434;
	}
	
	.header__search-autocomplete {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0.5rem 0 0;
		background: #fff;
		color: #343434;
		border-radius: 10px;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.25s, visibility 0.25s;
		box-shadow: 0px 0px 20px rgb(170 189 206 / 25%);
	}
	
	.header__search-compact-btn {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-radius: 5px;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 4.4rem;
		height: 4.6rem;
		border: 1px solid var(--theme-secondary-color);
		border-radius: 5px;
		color: #fff;
		text-decoration: none;
		transition: border-color 0.25s;
	}
	.header__search-compact-btn:hover {
		text-decoration: none;
		color: #fff;
		border-color: #fff;
	}
	
	.header__action {
		border: 1px solid var(--theme-secondary-color);
		border-radius: 5px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		transition: border-color 0.25s;
		height: 4.6rem;
	}
	.header__action:hover {
		border-color: #fff;
	}
	
	.header__action-btn {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 5.4rem;
		height: 4.6rem;
		padding: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		text-decoration: none;
		color: #fff;
	}
	.header__action-btn:hover {
		color: #fff;
		text-decoration: none;
	}
	
	.header__action-counter {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0;
		background: none;
		color: inherit;
		opacity: 0.4;
		font-size: 1.2rem;
		line-height: 1.2;
		font-weight: 500;
		position: absolute;
		top: 0.8rem;
		right: 0.8rem;
	}
	
	.header__action-line {
		display: block;
		width: 0.2rem;
		height: 3.4rem;
		background: var(--theme-secondary-color);
	}
	
	.header__cart-btn {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-radius: 5px;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding: 0.5rem 2rem 0.5rem 1.5rem;
		width: auto;
		height: 4.6rem;
		border: 1px solid var(--theme-secondary-color);
		border-radius: 5px;
		color: #fff;
		text-decoration: none;
		white-space: nowrap;
		transition: border-color 0.25s;
	}
	.header__cart-btn svg {
		margin: 0 1rem 0 0;
		display: block;
	}
	.header__cart-btn:hover {
		border-color: #fff;
		color: #fff;
		text-decoration: none;
	}
	
	.header__cart-total {
		display: block;
		font-size: 1.4rem;
		line-height: 1.2;
		font-weight: 500;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.header__cart-total mark {
		display: block;
		padding: 0;
		background: none;
		color: inherit;
		font-size: 1.3rem;
		opacity: 0.4;
		margin: 0 0 0.2rem;
	}
	
	.header__cart-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 900;
		background: rgba(0, 0, 0, 0.6);
		transition: opacity 0.25s, visibility 0.25s;
		opacity: 0;
		visibility: hidden;
	}
	
	.header__cart-offcanvas {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		height: 100%;
		width: 52.8rem;
		max-width: 100%;
		background: #F7F7FB;
		color: #343434;
		transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
		opacity: 0;
		visibility: hidden;
		transform: translate(100%, 0);
	}
	
	.header__cart-scrollbar {
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 4rem 2.5rem;
	}
	.header__cart-scrollbar::-webkit-scrollbar {
		display: none;
	}
	
	.header__cart-close {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 4rem;
		height: 4rem;
		margin: 0 0 4rem;
		color: #343434;
		transition: color 0.25s;
		cursor: pointer;
	}
	.header__cart-close svg {
		display: block;
	}
	.header__cart-close:hover {
		color: var(--theme-primary-color);
	}
	
	.header__cart-head {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 0 2rem;
	}
	
	.header__cart-title {
		margin: 0 2rem 0 0;
		display: block;
		-ms-flex: 1;
		flex: 1;
		font-size: 2.5rem;
		line-height: 1.2;
		font-weight: 500;
	}
	
	.header__group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.header__nav {
		padding: 1rem 0 0;
		-ms-flex: 1;
		flex: 1;
	}
	
	.header__nav-menu {
		margin: 0;
		padding: 0;
		list-style: none;
		display: -ms-flexbox;
		display: flex;
		font-size: 1.5rem;
		line-height: 1.2;
		font-weight: 400;
	}
	.header__nav-menu > li {
		margin: 0 3rem 0 0;
		position: relative;
	}
	.header__nav-menu > li:last-child {
		margin: 0;
	}
	
	.header__nav-link {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-decoration: none;
		height: 3.5rem;
		color: inherit;
		white-space: nowrap;
		transition: color 0.25s;
	}
	.header__nav-link svg.icon-arrow-down {
		position: relative;
		top: 1px;
		width: 0.7rem;
		height: 0.7rem;
		margin: 0 0 0 0.4rem;
		display: block;
	}
	.header__nav-link:hover {
		text-decoration: none;
		color: inherit;
	}
	
	.header__nav-offcanvas {
		position: absolute;
		top: 100%;
		left: 0;
		padding: 3rem 4rem;
		background: #FFFFFF;
		box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
		border-radius: 5px;
		width: 78.2rem;
		margin: 0;
		transition: opacity 0.25s, visibility 0.25s;
		opacity: 0;
		visibility: hidden;
	}
	.header__nav-offcanvas .header__catalog-menu > li {
		margin: 0 0 1rem;
	}
	.header__nav-offcanvas .header__catalog-link {
		padding: 0;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
	.header__logo {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 21rem;
	}
	
	.header__search {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}
	
	.header__catalog {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 21rem;
	}
	
	.is-header-v8 .header__logo {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}
	.is-header-v8 .header__catalog {
		width: auto;
	}
	
	.app {
		opacity: 0;
		transition: opacity 0.5s;
	}
}
@media (max-width: 1199px) {
	.header-fixed {
		display: none;
	}
}

@media (min-width: 1200px) {
	
	.is-header-v8 .header__search-input::-webkit-search-cancel-button,
	.is-header-v8 .header__search-input::-webkit-search-results-button,
	.is-header-v8 .header__search-input::-webkit-search-results-decoration {
		background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.67545 4.49998L0.171021 0.995448C-0.0570411 0.767493 -0.0570411 0.398921 0.171021 0.170966C0.398977 -0.0569888 0.767549 -0.0569888 0.995505 0.170966L4.50004 3.67549L8.00447 0.170966C8.23253 -0.0569888 8.601 -0.0569888 8.82895 0.170966C9.05702 0.398921 9.05702 0.767493 8.82895 0.995448L5.32452 4.49998L8.82895 8.0045C9.05702 8.23246 9.05702 8.60103 8.82895 8.82899C8.71535 8.9427 8.56598 8.99982 8.41671 8.99982C8.26745 8.99982 8.11818 8.9427 8.00447 8.82899L4.50004 5.32446L0.995505 8.82899C0.881794 8.9427 0.732529 8.99982 0.583263 8.99982C0.433998 8.99982 0.284732 8.9427 0.171021 8.82899C-0.0570411 8.60103 -0.0570411 8.23246 0.171021 8.0045L3.67545 4.49998Z' fill='%23000'/%3E%3C/svg%3E%0A");
	}
}
@media (min-width: 1200px) {
	.header__priority {
		transition: opacity 0.25s;
		transition-delay: 0.1s;
		opacity: 0;
	}
	
	.priority-nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		width: 0;
		min-width: 147rem;
	}
	.priority-nav > ul {
		
	}
	.priority-nav > ul:last-child {
		margin: 0;
	}
	.priority-nav > ul > li {
		padding: 0 1rem 0 0;
		margin: 0!important;
	}
}

.header__cart-counter .cart-total-text {
	display: none;
}

@media (min-width: 1200px) {
	.header-fixed .header__catalog-offcanvas {
		padding: 0;
	}
	.header-fixed .header__catalog-menu {
		max-height: calc(100vh - 10rem);
		overflow-x: hidden;
		overflow-y: auto;
		padding: 1rem 0;
	}
	.header-fixed .header__catalog-menu::-webkit-scrollbar {
		display: none;
	}
	.header-fixed .header__catalog-menu > li {
		position: static;
	}
	.header-fixed .header__catalog-menu .header__catalog-menu {
		max-height: calc(100vh - 10rem);
	}
	.header-fixed .header__catalog-dropdown:not(.header__catalog-dropdown--fullwidth) {
		padding: 0;
	}
	.header-fixed .header__catalog-dropdown:not(.header__catalog-dropdown--fullwidth) > .header__catalog-menu {
		padding: 1rem 0;
	}
	.header-fixed .header__catalog-dropdown {
		position: absolute;
		top: 0;
		left: 100%;
		transition: opacity 0.25s, visibility 0.25s;
	}
	.header-fixed .header__catalog-dropdown--fullwidth {
		position: absolute;
		top: 0;
		left: 0;
		max-width: calc(100vw - 55.4rem);
		max-height: calc(100vh - 10rem);
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header-fixed .header__catalog-dropdown--fullwidth::-webkit-scrollbar {
		display: none;
	}
	.header-fixed .header__catalog-main {
		margin: 0;
	}
}


.main {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.is-footer-v1 .footer {
	color: #343434;
}
@media (max-width: 1199px) {
	.is-footer-v1 .footer {
		border-top: 1px solid #E4E7F1;
	}
	.is-footer-v1 .footer__desc {
		padding: 3rem 0 4rem;
	}
	.is-footer-v1 .footer__logo {
		margin: 0 0 2rem;
	}
	.is-footer-v1 .footer__copyright {
		margin: 0;
	}
	.is-footer-v1 .footer__nav {
		padding: 0;
	}
	.is-footer-v1 .footer__support {
		margin: 0 0 3rem;
	}
	.is-footer-v1 .footer__bottom {
		padding: 1.5rem 0;
		min-height: auto;
		border: none;
	}
	.is-footer-v1 .footer__bottom:before {
		border-top: 1px solid #E4E7F1;
	}
}

.footer {
	position: relative;
	border-top: 1px solid #E4E7F1;
	padding: 0 0 calc(6.5rem + var(--safe-area-inset-bottom));
}
@media (min-width: 1200px) {
	.footer {
		padding: 0;
		border: none;
	}
}

.footer__nav {
	padding: 4rem 0;
	position: relative;
}
.footer__nav:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 120vw;
	margin: 0 0 0 -60vw;
	z-index: -1;
	background: inherit;
}
.footer__nav .row {
	margin: 0 -1rem -6rem;
}
.footer__nav .row > [class^=col] {
	padding: 0 1rem 6rem;
}
@media (min-width: 1200px) {
	.footer__nav {
		padding: 5rem 0;
	}
}

.footer__nav-title {
	display: block;
	margin: 0 0 2rem;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 500;
}

.footer__nav-menu {
	margin: 0 -1.5rem -1.5rem;
	padding: 0;
	list-style: none;
	font-size: 1.4rem;
	line-height: 1.25;
	font-weight: 400;
}
.footer__nav-menu > li {
	padding: 0 1.5rem 1.5rem;
}
.footer__nav-menu > li:last-child {
	margin: 0;
}

.footer__nav-link {
	text-decoration: none;
	color: inherit;
	transition: opacity 0.25s, color 0.25s;
}
.footer__nav-link:hover {
	text-decoration: none;
	color: var(--theme-primary-color);
}

.footer__logo {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 0 1.2rem;
	color: inherit;
	text-decoration: none;
	max-width: 9rem;
}
.footer__logo img, .footer__logo svg {
	display: block;
	width: 100%;
}
.footer__logo:hover {
	color: inherit;
	text-decoration: none;
}
@media (min-width: 1200px) {
	.footer__logo {
		margin: 0 11rem 0 0;
	}
}

.footer__copyright {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0 0 2rem;
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: 400;
	opacity: 0.4;
	max-width: 50rem;
}
@media (min-width: 1200px) {
	.footer__copyright {
		margin: 0 2rem 0 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}

@media (min-width: 1200px) {
	.footer__support {
		width: 19rem;
	}
}

.footer__support-title {
	display: block;
	margin: 0 2.5rem 1.5rem 0;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 500;
}

.footer__support-phones {
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 500;
}
.footer__support-phones > li {
	margin: 0;
}

.footer__support-link {
	text-decoration: none;
	color: inherit;
	transition: opacity 0.25s, color 0.25s;
}
.footer__support-link--callback {
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: 400;
}
.footer__support-link svg {
	display: block;
	transition: transform 0.25s;
	will-change: transform;
}
.footer__support-link:hover {
	text-decoration: none;
	color: var(--theme-primary-color);
}
.footer__support-link:hover svg {
	transform: scale(1.2);
}

.footer__bottom {
	position: relative;
	padding: 2.5rem 0;
}
.footer__bottom:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 120vw;
	z-index: -1;
	margin: 0 0 0 -60vw;
	background: inherit;
	border-top: 1px solid #DFE8EF;
}
@media (min-width: 1200px) {
	.footer__bottom {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		min-height: 6rem;
		padding: 1.5rem 0;
		border-top: 1px solid #DFE8EF;
	}
	.footer__bottom:before {
		border: none;
	}
	.footer__bottom--right {
		margin-right: 5rem;
	}
}

@media (max-width: 1199px) {
	.footer__copyright,.footer__support-link--callback   {
		font-size: 1.4rem;
	}
}

.text-center {
	text-align: center;
}

@media (max-width: 1199px) {
	.is-xl-visible {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.is-xl-hidden {
		display: none !important;
	}
}



/* additional */
.ui-label.required:before {
    content: '*';
    color: #E92C2C;
    padding-right: .3rem
}
@keyframes alertpopupShow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes alertPopupHide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.popup__link {
    margin: -1.5rem 0 2.5rem;
}
/* svg glyphicon */
input[type=button] {
    cursor: pointer;
}
.agree {
    color: #4791FF;
    text-decoration: none;
    transition: opacity 0.25s, color 0.25s;
}
.agree b {
    font-weight: normal;
}
.agree:hover {
    opacity: 0.7;
	text-decoration: none;
}
.loading {
	display: inline-block;
    clip-path: inset(0 1ch 0 0);
    animation: loading 1s steps(4) infinite;
}

@keyframes loading {
	to {
		clip-path: inset(0 -1ch 0 0)
	}
}

#popupprod .ui-btn--fullwidth,
#popupprod .popup__title {
    display: none;
}
.scroll-to-top  {
	position: fixed;
    bottom: 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #343434;
    text-align: center;
	z-index: 1099;
    opacity: 0;
    visibility: hidden;
	transition: opacity 0.25s, visibility 0.25s;
}
.scroll-to-top.active {
    opacity: 1;
    visibility: visible;
}
.scroll-to-top .icon-arrow-toggle {
    transform: rotate(180deg);
	margin: 1.5rem 0;
	color: #fff;
}
.chat .scroll-to-top {
    position: absolute;
    top: -5rem;
    left: 1rem;
}
.scroll-to-top--left{
    left: 2rem;
}
#column-left .container-fluid, #column-right .container-fluid {
    max-width: unset;
    padding: 0;
}
.cookieagry {
    position: fixed;
    bottom: 0;
    z-index: 9999;
	width: 100%;
}
.cookieagry-alert {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6rem;
    pointer-events: auto;
    padding: 1rem 2rem 1rem 2rem;
    margin: 0 0 1rem;
    position: relative;
    border-radius: 10px;
    animation: alertpopupShow 0.5s forwards;
    background: #343434;
    color: #fff;
    max-width: 109rem;
    margin: 0 auto 2rem auto;
}
.cookieagry__text {
    margin: 0 3rem 0 0;
}
.cookieagry-alert .agree {
    color: #fff;
	border-bottom: 1px solid rgb(255 255 255 / 60%);
}
@media (max-width: 1199px) {
	.cookieagry-alert {
		margin: 2.5rem;
		padding: 2.5rem;
	}
}
@media (max-width: 767px) {
	.cookieagry-alert {
		flex-wrap: wrap;
	}
	.cookieagry__text {
		margin: 0 0 2rem 0;
	}
	.cookieagry__action {
		width: 100%;
	}
	.cookieagry__action .ui-btn {
		width: 100%;
		height: 4.8rem;
	}
}
.btn.active, .btn:active {
    box-shadow: none;
}

/* additional */

/* ocf *
	@media (min-width: 768px) {
	.ocf-container,.ocf-page-list-bottom,.ocf-description-bottom {
	max-width: 90%;
	padding: 0 2.5rem;
	margin: 0 auto;
	}
	#column-left-grid,#column-right-grid,#column-left,#column-right {
	z-index: 21!important;
	}}
	@media (max-width: 767px) {
	.ocf-container,.ocf-page-list-bottom,.ocf-description-bottom {
	padding: 0 2.5rem;
	}}
/* ocf */
@media (max-width: 767px) {
	.ocf-container, .ocf-page-list-bottom, .ocf-description-bottom {
		padding: 0 !important;
	}
}

.bottom-banner-section .custom-order-banner .tip a{
	color: #fff;
}
.bottom-banner-section .custom-order-banner {
    padding: 70px 5vw 70px;
    background: linear-gradient(90deg, #cfecd0, #a0cea7, #9ec0db);
    border-radius: 20px;
    text-align: center;
    color: #FFFFFF;
} 
.bottom-banner-section .custom-order-banner .logo {
    font-size: 100px;
    margin: 0 0 38px;
}  
.bottom-banner-section .custom-order-banner .logo img{width: 150px}
.bottom-banner-section .custom-order-banner .offer-link {
    width: 500px;
    height: 48px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
} 
.bottom-banner-section .custom-order-banner h4 {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 36px;
}
.bottom-banner-section .custom-order-banner .tip-wrapper {
    display: flex;
    justify-content: center;
}
.bottom-banner-section .custom-order-banner .tip {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}
.bottom-banner-section .custom-order-banner .tip .ico {
    font-size: 18px;
    margin-right: 10px;
    margin-bottom: 4px;
}

@media (max-width:600px){

    .bottom-banner-section .custom-order-banner h4{
        font-size: 20px;
    }

    .bottom-banner-section .custom-order-banner .logo {
        font-size: 100px;
        margin: 0 0 10px;
    }
    .bottom-banner-section .custom-order-banner{
        padding: 30px 5vw 30px;
    }
}

.products-featured .swiper-next, .products-featured .swiper-prev{
	z-index: 200;
}

@media (max-width:600px){
	.products-featured .swiper-next, .products-featured .swiper-prev{
		display: none!important;
	}	
}


.big-post-blog__link:before{
	 content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

@media (max-width:768px){
	.products-featured{
		overflow: hidden;
	}
	.footer__bottom:before{
		width: 100vw;
	}
	.products-featured .products__item-image{
		height: 27rem;
	}
}



    @keyframes slideFromBottom {
        from {
            margin-top: 0;
        }
        to {
            margin-top: 30px;
        }
    }