/* retina custom media */
:root {
	/* colors */
	--black-1: #000000;
	--black-2: #242424;
	--black-3: #090909;
	--blue-1: #2fc2f0;
	--blue-2: #008aff;
	--blue-3: #f4fcff;
	--blue-4: #eff5fb;
	--blue-5: #effbfe;
	--green: #71d625;
	--grey-1: #585858;
	--grey-2: #415464;
	--grey-3: #1c1c1c;
	--grey-4: #8598a8;
	--grey-5: #858585;
	--grey-6: #b9bec8;
	--grey-7: #7e7e7e;
	--grey-8: #dbe4ec;
	--grey-9: #e4e9ec;
	--grey-10: #bdcad5;
	--grey-11: #202020;
	--grey-12: #b3dae8;
	--orange: #f0582f;
	--purple-1: #394b9f;
	--purple-2: #e7f5fb;
	--purple: #394b9f;
	--white: #ffffff;
	--yellow-1: #f0c92f;
	--yellow-2: #fff6d1;
	--red-1: #ff5d5d;

	--mainTextColor: var(--grey-4);
	--mainTitleColor: var(--grey-3);
	--mainMenuColor: var(--grey-2);
	--mainSubmenuColor: var(--blue-1);

	/*gradient*/
	--mainGradient: linear-gradient(248deg, #ecfbff 0%, #dae4f5 100%);
	--productGradient: linear-gradient(180deg, var(--white) 0%, #eaf9fe 100%);

	/* fonts */
	--system: -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu,
		Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;

	--roboto: "Roboto", sans-serif;
}
/* container */
/* typograpy */
.title {
	display: block;
	margin-top: 0;
	margin-bottom: 15px;
	color: var(--blue-2);
	font-family: var(--roboto);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1.6px;
	line-height: 1.5;
}
h1 {
	display: block;
	margin-top: 30px;
	margin-bottom: 20px;
	color: var(--blue-1);
	font-family: var(--roboto);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
}
.visually-hidden,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	clip: rect(1px, 1px, 1px, 1px);
}
body {
	display: flex;
	flex-direction: column;
	min-width: 320px;
	min-height: 100vh;
	margin: 0;
	background-color: var(--light);
}
*,
::before,
::after {
	box-sizing: border-box;
}
.site-main {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.container,
.containerMini {
	width: 100%;
	max-width: var(--containerMaxWidth);
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--containerPaddingHorizontal);
	padding-left: var(--containerPaddingHorizontal);
}
.containerFluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.ttu {
	text-transform: uppercase !important;
}
.modal {display: none;}
.modal[aria-hidden="true"] {display: none;}
.modal.is-open {display: block;}
@keyframes mmslideIn {
	from {
		transform: translateY(15px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes mmslideOut {
	from {
		transform: translateY(0);
		opacity: 1;
	}
	to {
		transform: translateY(15px);
		opacity: 0;
	}
}
.modal .modal__overlay {
	outline: none !important;
}
.modal[aria-hidden="false"] .modal__container {animation: mmslideIn .5s;}
.modal[aria-hidden="true"] .modal__container {animation: mmslideOut .5s;}
.modal .modal__container,.modal .modal__overlay {will-change: opacity, transform;}
.modal-is-open {
	padding-right: calc(var(--scrollWidthShift) * -2);
}
.modal-is-open .site-main, .modal-is-open .site-footer, .modal-is-open .size-table, .modal-is-open .back-to-top {
		display: none;
	}
.modal {
	padding-top: 0;
	padding-bottom: 0;
	-webkit-overflow-scrolling: touch;
}
.modal__overlay {
		z-index: 101;
		position: fixed;
		top: 0;
		left: 0;
		align-items: flex-start;
		justify-content: center;
		width: 100%;
		height: 100%;
		max-height: 100vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
.modal__container {
		box-sizing: border-box;
		position: relative;
		width: 100%;
		padding: 40px 0;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}
.modal__header {
		display: flex;
		align-items: center;
		width: 100%;
	}
.modal__title {
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-3);
		font-family: var(--roboto);
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
	}
.modal__close {
		position: relative;
		width: 40px;
		height: 40px;
		padding: 0;
		border: 0;
		border-radius: 25px;
		outline: none;
		background: transparent;
		background-color: transparent;
		cursor: pointer;
		transition: background-color .5s;
		will-change: background-color;
	}
.modal__close:hover, .modal__close:focus {
			background-color: var(--blue-1);
		}
.modal__close-cross {
		display: block;
		position: absolute;
		top: calc(50% - 10px);
		left: calc(50% - 10px);
		width: 20px;
		height: 20px;
		transform: rotate(45deg);
		transform-origin: center center;
		opacity: 0.7;
		pointer-events: none;
		transition: transform .5s, background-color .5s;
		will-change: transform, background-color;
	}
.modal__close-cross::before,.modal__close-cross::after {
			display: block;
			position: absolute;
			background-color: var(--blue-1);
			content: "";
		}
.modal__close-cross::before {
			top: 9px;
			left: 0;
			width: 20px;
			height: 2px;
		}
.modal__close-cross::after {
			top: 0;
			left: 9px;
			width: 2px;
			height: 20px;
		}
.modal__close:hover .modal__close-cross, .modal__close:focus .modal__close-cross {
		transform: rotate(225deg);
	}
.modal__close:hover .modal__close-cross::before, .modal__close:hover .modal__close-cross::after, .modal__close:focus .modal__close-cross::before, .modal__close:focus .modal__close-cross::after {
			background-color: white;
		}
.modal__content {
	width: 100%;
	min-height: 100%;
}
.modal-cart-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.modal-cart-content__buttons {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
.modal-cart-content__message {
		display: flex;
		align-items: center;
		max-width: 100%;
		padding: 30px;
	}
.modal-cart-content__message p {
			margin-top: 0;
			margin-bottom: 0;
			line-height: normal;
		}
.modal-cart-content__message--alert {
			width: 540px;
			border: 1px solid #f0582f;
			border-radius: 2px;
		}
.modal-cart-content__message--alert p {
				color: var(--grey-3);
				font-family: var(--roboto);
				font-size: 18px;
				font-weight: 400;
			}
.modal-cart-content__message--info {
			position: relative;
			width: 670px;
			border-radius: 36px 0;
			background-color: var(--blue-5);
		}
.modal-cart-content__message--info::before {
				display: block;
				position: absolute;
				right: 0;
				bottom: 100%;
				width: 46px;
				height: 24px;
				background-color: var(--blue-5);
				-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
				        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
				content: "";
			}
.modal-cart-content__message--info p {
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 14px;
			}
.modal-cart-content svg {
		flex-shrink: 0;
	}
.modal-cart-content__text {
		margin-left: 40px;
	}
.modal-contact__block {
	margin-bottom: 20px;
}
.modal-contact__block h3 {
		margin-top: 0;
		margin-bottom: 10px;
		color: var(--grey-3);
		font-family: var(--roboto);
		font-weight: 400;
		text-align: center;
		text-transform: uppercase;
	}
.modal-contact__block p {
		margin-top: 0;
		margin-bottom: 20px;
		color: var(--grey-4);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 400;
		text-align: center;
	}
.modal-contact__block ul {
		display: grid;
		grid-gap: 10px;
		justify-content: center;
		justify-items: center;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		list-style: none;
	}
.modal-contact__block dl {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 0;
		margin-bottom: 0;
	}
.modal-contact__block dt {
		width: 100%;
		margin-bottom: 10px;
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 700;
		text-align: center;
	}
.modal-contact__block dd {
		width: 100%;
		margin-left: 0;
	}
.modal-contact__block dd a {
			border-bottom: 1px solid transparent;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 400;
			line-height: 2;
			text-decoration: none;
			transition: border-bottom-color .3s;
			will-change: border-bottom-color;
		}
.modal-contact__block dd a:hover, .modal-contact__block dd a:focus {
		border-bottom-color: currentColor;
	}
.modal-contact__footer {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 25px;
	border: 1px solid var(--blue-1);
}
.modal-contact__footer p {
		margin-top: 0;
		margin-bottom: 0;
		color: var(--black-1);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 400;
		text-align: center;
	}
.modal-contact__footer p a {
			border-bottom: 1px solid transparent;
			color: var(--blue-1);
			font-weight: 400;
			text-decoration: none;
			transition: border-bottom-color .3s;
			will-change: border-bottom-color;
		}
.modal-contact__footer p a:hover, .modal-contact__footer p a:focus {
		border-bottom-color: currentColor;
	}
.modal-mail-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.modal-mail-content h3 {
		bottom: 30px;
		width: 100%;
		margin-top: 0;
		color: var(--grey-1);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		text-align: center;
	}
.modal-mail-content img {
		max-width: 100%;
	}
.modal-subscription-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.modal-subscription-content h3 {
		bottom: 30px;
		width: 100%;
		margin-top: 0;
		color: var(--grey-1);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		text-align: center;
	}
.modal-subscription-content img {
		max-width: 100%;
	}
.testimonial-form {
	display: grid;
	grid-gap: 15px;
	width: 100%;
	max-width: 970px;
	margin-right: auto;
	margin-left: auto;
}
.testimonial-form section {
		width: 100%;
	}
.testimonial-form [type='text'],
	.testimonial-form [type=email],
	.testimonial-form textarea {
		width: 100%;
		padding: 5px 15px;
		border: 1px solid #bdcad5;
		background-color: var(--white);
		color: var(--grey-4);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
	}
.testimonial-form [type='text']:focus, .testimonial-form [type=email]:focus, .testimonial-form textarea:focus {
			outline: none;
			box-shadow: 0 0 1px 3px #d4eff9;
		}
.testimonial-form [type='text'].has-error, .testimonial-form [type=email].has-error, .testimonial-form textarea.has-error {
			border-color: #f0582f;
		}
.testimonial-form [type='text'],
	.testimonial-form [type=email] {
		height: 44px;
	}
.testimonial-form textarea {
		min-height: 180px;
		resize: vertical;
	}
.testimonial-form label.error-message,
	.testimonial-form span.error-message {
		display: block;
		width: 100%;
		padding: 10px 24px;
		color: #f0582f;
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: 21px;
	}
.testimonial-form__uploadedFiles {
		display: flex;
		grid-column: 1/-1;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
.testimonial-form__uploadedFile {
		display: flex;
		align-items: center;
		min-width: 200px;
		height: 44px;
		padding-right: 12px;
		padding-left: 12px;
		border: 1px solid #b6e0ef;
		border-radius: 40px;
		background-color: #d4eff9;
	}
.testimonial-form__uploadedFile span {
			margin-right: auto;
			margin-left: 12px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			line-height: 24px;
		}
.testimonial-form__uploadedFile button {
			position: relative;
			min-width: 24px;
			margin-left: 12px;
			padding: 0;
			border: none;
			background-color: transparent;
			background-image: none;
			cursor: pointer;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.testimonial-form__uploadedFile button:focus {
				outline: none;
			}
.testimonial-form__uploadedFile button:focus::before {
					border-color: #b6e0ef;
					box-shadow: 0 0 1px 3px #d4eff9;
				}
.testimonial-form__uploadedFile button::before {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 44px;
				height: 44px;
				transform: translate(-50%, -50%);
				border: 1px solid transparent;
				border-radius: 50%;
				content: "";
				transition: box-shadow .3s, border-color .3s;
				will-change: box-shadow, border-color;
			}
.testimonial-form__file {
		display: flex;
		position: relative;
		grid-column: 1/-1;
		align-items: center;
		justify-content: center;
		justify-content: center;
		border: 2px dashed #b1d9e8;
		background-color: #f2fbff;
		cursor: pointer;
		transition: border-color .3s, background-color .3s;
		will-change: border-color, background-color;
	}
.testimonial-form__file:hover, .testimonial-form__file:focus {
			border-color: var(--blue-1);
			background-color: white;
		}
.testimonial-form__file input {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			cursor: pointer;
			opacity: 0;
		}
.testimonial-form__file-title {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 25px 15px;
	}
.dz-started .testimonial-form__file-title {
			display: none !important;
		}
.testimonial-form__file-title h3 {
			margin-top: 0;
			margin-bottom: 5px;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 500;
			line-height: 24px;
		}
.testimonial-form__file-title strong {
			margin-bottom: 0;
			color: #689bab;
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 700;
			line-height: 18px;
		}
.testimonial-form__file-title p {
			margin-top: 0;
			margin-bottom: 0;
			color: #689bab;
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			line-height: 18px;
		}
.testimonial-form__rate {
		display: flex;
		position: relative;
		grid-column: 1/-1;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding-top: 10px;
		padding-bottom: 30px;
	}
.testimonial-form__rate .rate-title {
			margin-right: 20px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			line-height: 24px;
		}
.testimonial-form__rate .rate-title.has-error {
				color: #f0582f;
			}
.testimonial-form__rate .rate-input {
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
		}
.testimonial-form__rate label.error-message,
		.testimonial-form__rate span.error-message {
			position: absolute;
			bottom: 10px;
			left: 0;
			width: 100%;
			background-image: none;
			text-align: center;
		}
.testimonial-form__rate .rate-value {
			margin-left: 10px;
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			line-height: 18px;
		}
.testimonial-form__rate .rate-value:not(:empty) {
				min-width: 130px;
			}
.testimonial-form__rate input {
			position: absolute;
			opacity: 0;
			pointer-events: none;
		}
.testimonial-form__rate label {
			width: 25px;
			height: 18px;
			margin-bottom: 0;
			padding-right: 7px;
			float: right;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23cdd6de' d='M11.9 4.88c.69 1.47 6.39.12 6.1 2.39-.08.6-.3.5-3.57 3.93-1.12 1.14 1.83 6.4-.3 6.78-.56.1-.54-.14-4.67-2.33-1.39-.77-5.26 3.8-6.27 1.8-.27-.53 0-.58.68-5.36C4 11.18 3.23 11 .29 7.85a1 1 0 0 1 .54-1.72c4.1-.76 4.88-.42 5.27-1.25C7.7 2.07 8-.62 9.43.13c.51.26.36.44 2.47 4.75z'/%3E%3C/svg%3E");
			background-position: center;
			background-repeat: no-repeat; 
			cursor: pointer;
		}
.testimonial-form__rate input:checked ~ label,
		.testimonial-form__rate input.is-painted ~ label {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23f0c92f' d='M11.9 4.88c.69 1.47 6.39.12 6.1 2.39-.08.6-.3.5-3.57 3.93-1.12 1.14 1.83 6.4-.3 6.78-.56.1-.54-.14-4.67-2.33-1.39-.77-5.26 3.8-6.27 1.8-.27-.53 0-.58.68-5.36C4 11.18 3.23 11 .29 7.85a1 1 0 0 1 .54-1.72c4.1-.76 4.88-.42 5.27-1.25C7.7 2.07 8-.62 9.43.13c.51.26.36.44 2.47 4.75z'/%3E%3C/svg%3E");
		}
.testimonial-form__rate label.error-message {
			text-align: center;
		}
.testimonial-form__submit {
		display: flex;
		align-items: center;
		justify-content: center;
	}
.testimonial-loader {
	grid-column: span 2;
}
.site-footer {
	width: 100%;
}
.footer-wrapper {
	display: block;
	width: 100%;
	background-image: var(--mainGradient);
}
.footerMain {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	padding-top: 25px;
}
.footerCopy {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 320px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0;
}
.footerCopy span {
		color: var(--grey-7);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 400;
		line-height: 1.7;
		text-align: center;
	}
.footerInfo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.footerNavigation {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.footerMenu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 10px;
}
.footerMenu h4 {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-4);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 1.6px;
		line-height: 1.5;
		text-transform: uppercase;
		opacity: 0.57;
	}
.footerMenu >ul {
		width: 100%;
		max-width: 190px;
		margin: 0;
		padding-left: 0;
		list-style: none;
	}
.footerMenu >ul li {
			display: flex;
			width: 100%;
		}
.footerMenu >ul a {
			width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 15px;
			font-weight: 300;
			line-height: 1.6;
			text-decoration: none;
			transition: color .3s;
			will-change: color;
		}
.footerMenu >ul a:hover,
			.footerMenu >ul a.active,
			.footerMenu >ul a:focus {
				color: var(--blue-1);
			}
.footerSocial {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.footerSocial__list {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		margin: 0;
		padding-left: 0;
		list-style: none;
	}
.footerSocial__icon {
		display: flex;
		width: auto;
	}
.footerSocial__icon:not(:last-child) {
			margin-right: 15px;
		}
.footerSocial__icon a {
			text-decoration: none;
			transition: opacity .3s;
			will-change: opacity;
		}
.footerSocial__icon a:hover, .footerSocial__icon a:focus {
				opacity: .8;
			}
.footerSocial__icon img {
			display: block;
			width: 40px;
			height: 40px;
		}
.footerSubscription {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	max-width: 330px;
	margin-bottom: 15px;
}
.footerSubscription__form {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		width: 100%;
		max-width: 100%;
	}
.footerSubscription__email {
		width: 290px;
		max-width: 100%;
		height: 40px;
		padding: 10px;
		border: none;
		outline: transparent;
		background-color: white;
		color: var(--grey-4);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.footerSubscription__submit {
		flex-shrink: 0;
		width: 40px;
		height: 40px;
		border: none;
		outline: transparent;
		background-color: var(--blue-1);
		background-image: url(../img/arrow-white.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 11px 19px;
		font-size: 0;
		cursor: pointer;
		transition: opacity .3s;
		will-change: opacity;
	}
.footerSubscription__submit:hover, .footerSubscription__submit:focus {
			opacity: .8;
		}
.aboutTextBlock {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.aboutTextBlock__wrapper {
		display: flex;
		position: relative;
		width: 100%;
	}
.aboutTextBlock__wrapper::before, .aboutTextBlock__wrapper::after {
			display: block;
			z-index: 1;
			position: absolute;
			left: 0;
			width: calc(100% - 4px);
			height: 30px;
			content: "";
			pointer-events: none;
			
		}
.aboutTextBlock__wrapper::before {
			top: -5px;
			background: linear-gradient(to top, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.04068) 5.79%, hsla(0, 0%, 100%, 0.1088) 10.88%, hsla(0, 0%, 100%, 0.19844) 15.63%, hsla(0, 0%, 100%, 0.3037) 20.37%, hsla(0, 0%, 100%, 0.41869) 25.46%, hsla(0, 0%, 100%, 0.5375) 31.25%, hsla(0, 0%, 100%, 0.65422) 38.08%, hsla(0, 0%, 100%, 0.76296) 46.3%, hsla(0, 0%, 100%, 0.85781) 56.25%, hsla(0, 0%, 100%, 0.93287) 68.29%, hsla(0, 0%, 100%, 0.98223) 82.75%, hsl(0, 0%, 100%));
		}
.aboutTextBlock__wrapper::after {
			bottom: -1px;
			background: linear-gradient(to bottom, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.04068) 5.79%, hsla(0, 0%, 100%, 0.1088) 10.88%, hsla(0, 0%, 100%, 0.19844) 15.63%, hsla(0, 0%, 100%, 0.3037) 20.37%, hsla(0, 0%, 100%, 0.41869) 25.46%, hsla(0, 0%, 100%, 0.5375) 31.25%, hsla(0, 0%, 100%, 0.65422) 38.08%, hsla(0, 0%, 100%, 0.76296) 46.3%, hsla(0, 0%, 100%, 0.85781) 56.25%, hsla(0, 0%, 100%, 0.93287) 68.29%, hsla(0, 0%, 100%, 0.98223) 82.75%, hsl(0, 0%, 100%));
		}
.aboutTextBlock__title {
		display: block;
		margin-top: 0;
		margin-bottom: 10px;
		color: var(--grey-3);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 1.8px;
		line-height: normal;
		text-align: left;
	}
.aboutTextBlock--about > h2 {
		display: block;
		margin-top: 0;
		margin-bottom: 5px;
		color: var(--blue-1);
		font-family: var(--roboto);
		font-size: 20px;
		font-weight: 700;
		line-height: normal;
	}
.aboutTextBlock--about > h2 span {
			display: block;
			margin-top: 5px;
			color: var(--black-3);
			font-size: 16px;
		}
.aboutTextBlock__text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		max-height: 365px;
		margin-top: 7px;
		padding-top: 5px;
		padding-right: 40px;
		padding-bottom: 15px;
		overflow-y: auto;
	}
.aboutTextBlock__text p {
			display: block;
			margin-top: 0;
			margin-bottom: 15px;
			color: var(--grey-1);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: 1.5;
		}
.aboutTextBlock__text::-webkit-scrollbar {
			width: 4px;
		}
.aboutTextBlock__text::-webkit-scrollbar-track {
			background-color: rgba(133, 152, 168, .3);
		}
.aboutTextBlock__text::-webkit-scrollbar-thumb {
			background-color: var(--grey-4);
		}
.accordion {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.accordion li {
	position: relative;
	width: 100%;
	background-color: white;
}
.accordion li::after {
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
	width: 40px;
	height: 40px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4wMSIgaGVpZ2h0PSI1LjcxIiB2aWV3Qm94PSIwIDAgMTAuMDEgNS43MSI+CiAgPHBhdGggZmlsbD0iIzg1OThhOCIgZD0iTTQuNTEgNS41TC4yMSAxLjJhLjY5LjY5IDAgMCAxIDAtMSAuNjkuNjkgMCAwIDEgMSAwTDUgNCA4LjgxLjIxYS42OS42OSAwIDAgMSAxIDAgLjY5LjY5IDAgMCAxIDAgMUw1LjUgNS41YS42OS42OSAwIDAgMS0xIDB6Ii8+Cjwvc3ZnPg==);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 10px;
	content: "";
	pointer-events: none;
	transition: transform .3s, opacity .5s;
	will-change: transform, opacity;
}
.accordion li.active::after {
	transform: rotateX(180deg);
}
.accordion-toggle {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	text-decoration: none;
}
.accordion-inner {
	display: none;
	overflow: hidden;
	text-decoration: none;
}
.back-to-top {
	display: flex;
	visibility: hidden;
	z-index: 10;
	position: fixed;
	right: 20px;
	bottom: 20px;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	background-color: #7481bc;
	opacity: 0;
	transition: background-color 0.3s;
	will-change: background-color;
}
.back-to-top:hover, .back-to-top:focus {
		background-color: var(--purple-1);
	}
.back-to-top svg {
		display: block;
		width: 20px;
		height: 20px;
		color: hsl(0, 0%, 100%);
	}
.blockData {
	display: flex;
	position: relative;
	align-items: center;
	width: 100%;
	min-height: 320px;
	margin-bottom: 30px;
	padding: 50px 20px;
	overflow: hidden;
	border-radius: 64px 0;
	background-color: var(--yellow-1);
}
.blockData__background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.blockData__decor {
		position: absolute;
		border-radius: 50%;
	}
.blockData__decor--blue {
			background-color: var(--blue-1);
		}
.blockData__decor--yellow {
			background-color: rgba(244, 252, 255, .32);
		}
.blockData__decor:nth-of-type(1) {
			top: -43px;
			left: 103px;
			width: 60px;
			height: 60px;
		}
.blockData__decor:nth-of-type(2) {
			top: 27px;
			left: 50px;
			width: 27px;
			height: 27px;
		}
.blockData__decor:nth-of-type(3) {
			bottom: -66px;
			left: -23px;
			width: 99px;
			height: 99px;
		}
.blockData__decor:nth-of-type(4) {
			right: -23px;
			bottom: -29px;
			width: 137px;
			height: 137px;
		}
.blockData__decor:nth-of-type(5) {
			top: 130px;
			left: 20px;
			width: 26px;
			height: 26px;
		}
.blockData__decor:nth-of-type(6) {
			top: 300px;
			right: 25px;
			width: 33px;
			height: 33px;
		}
.blockData__decor:nth-of-type(7) {
			top: 170px;
			right: 75px;
			width: 23px;
			height: 23px;
		}
.blockData__decor:nth-of-type(8) {
			top: 64px;
			right: -4px;
			width: 26px;
			height: 26px;
		}
.blockData__decor:nth-of-type(9) {
			bottom: 115px;
			left: 146px;
			width: 17px;
			height: 17px;
		}
.blockData__decor:nth-of-type(10) {
			right: 229px;
			bottom: 70px;
			width: 28px;
			height: 28px;
		}
.blockData__list {
		display: grid;
		z-index: 1;
		position: relative;
		grid-template-columns: 200px;
		justify-content: center;
		justify-items: center;
		width: 100%;
	}
.blockData__item + .blockData__item {
		margin-top: 50px;
	}
.blockData__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}
.blockData__item span,
		.blockData__item p,
		.blockData__item small {
			display: block;
			margin-top: 0;
			color: var(--white);
			font-family: var(--roboto);
			text-align: center;
		}
.blockData__item span {
			margin-bottom: 5px;
			font-size: 20px;
			font-weight: 300;
			letter-spacing: 1px;
			line-height: normal;
		}
.blockData__item p {
			margin-bottom: 5px;
			font-size: 30px;
			font-weight: 700;
			letter-spacing: 1.5px;
			line-height: 1;
		}
.blockData__item small {
			margin-bottom: 0;
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 0.6px;
			line-height: normal;
		}
.blogCard {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	max-width: 100%;
	border-radius: 2px;
	background-color: var(--white);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.blogCard a {
		width: 100%;
		text-decoration: none;
		transition: opacity .3s;
		will-change: opacity;
	}
.blogCard a:hover, .blogCard a:focus {
			opacity: 0.8;
		}
.blogCard picture,
	.blogCard img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
.blogCard__text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		padding: 25px;
	}
.blogCard__heading {
		display: block;
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2;
	}
.blogCard__heading a {
			color: var(--blue-1);
			font-family: var(--roboto);
			text-decoration: none;
			transition: opacity .3s;
			will-change: opacity;
		}
.blogCard__heading a:hover, .blogCard__heading a:focus {
			opacity: .8;
		}
.blogCard__meta {
		display: flex;
		align-items: baseline;
		justify-content: flex-start;
		width: 100%;
		margin-bottom: 15px;
	}
.blogCard__views,
	.blogCard__date {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
	}
.blogCard__views {
		position: relative;
		margin-right: 7px;
		padding-left: 35px;
	}
.blogCard__views::before {
			display: block;
			position: absolute;
			top: -1px;
			left: 0;
			width: 24px;
			height: 17px;
			background-image: url(../img/views.svg);
			content: "";
		}
.blogCard__date {
		margin-left: 7px;
	}
.blogCard__divider {
		width: 1px;
		height: 17px;
		transform: translateY(3px);
		background-color: var(--grey-10);
	}
.blogCard__annotation {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
	}
.blogCard__annotation p {
			display: block;
			margin-top: 0;
			margin-bottom: 0;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 20px;
			font-weight: 400;
			line-height: normal;
		}
.button-blue {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 214px;
	height: 36px;
	margin: 10px;
	border: 1px solid var(--blue-1);
	border-radius: 30px;
	font-family: var(--roboto);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: color .3s, background-color .3s;
	will-change: color, background-color;
}
.button-blue:focus {
		outline: none;
		box-shadow: 0 0 5px var(--blue-1);
	}
.button-blue:not(.button-blue--inverted) {
		background-color: var(--blue-1);
		color: var(--white);
	}
.button-blue:not(.button-blue--inverted):hover, .button-blue:not(.button-blue--inverted):focus {
			background-color: var(--white);
			color: var(--blue-1);
		}
.button-blue.button-blue--inverted {
		background-color: var(--white);
		color: var(--blue-1);
	}
.button-blue.button-blue--inverted:hover, .button-blue.button-blue--inverted:focus {
			background-color: var(--blue-1);
			color: var(--white);
		}
.catalogCard {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	background-color: var(--white);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	transition: box-shadow .3s;
	will-change: box-shadow;
}
.catalogCard:hover, .catalogCard:focus {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
	}
.catalogCard__img {
		display: block;
		position: relative;
		width: 100%;
		margin-bottom: 20px;
	}
.catalogCard__img picture,
		.catalogCard__img img {
			display: block;
			width: 100%;
			max-width: 100%;
		}
.catalogCard__name,
	.catalogCard__art,
	.catalogCard__material,
	.catalogCard__presence {
		padding-left: 15px;
	}
.catalogCard__name {
		display: block;
		margin-top: 0;
		margin-bottom: 10px;
		color: var(--blue-1);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.4;
		text-decoration: none;
		text-transform: uppercase;
	}
.catalogCard__art {
		display: block;
		margin-top: 0;
		margin-bottom: 10px;
		color: var(--grey-5);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 300;
		letter-spacing: 0.7px;
	}
.catalogCard__material {
		display: block;
		margin-top: 0;
		margin-bottom: 10px;
		color: var(--grey-3);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.7px;
	}
.catalogCard__presence {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: var(--presence, black);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.7px;
	}
.catalogCard__presence--present {
			--presence: var(--green);
		}
.catalogCard__presence--little {
			--presence: var(--yellow-1);
		}
.catalogCard__presence--no {
			--presence: var(--red-1);
		}
.catalogCard__info {
		flex-grow: 1;
		width: 100%;
		margin-top: 15px;
		padding-bottom: 5px;
		background-color: var(--blue-3);
	}
.catalogCard__details {
		display: grid;
		grid-template-columns: 1fr 70px 1fr;
		align-items: center;
		justify-content: center;
		justify-items: center;
		width: 100%;
		padding-top: 4px;
		padding-bottom: 4px;
	}
.catalogCard__details input {
			width: 62px;
			height: 32px;
			padding-left: 10px;
			border: 1px solid var(--grey-8);
		}
.catalogCard__details--title {
		margin-bottom: 5px;
		padding: 8px 15px;
		border-bottom: 1px solid var(--grey-9);
	}
.catalogCard__details--title span {
			color: var(--black-2);
			font-family: var(--roboto);
			font-size: 12px;
			font-weight: 400;
			letter-spacing: 0.7px;
			line-height: 1;
		}
.catalogCard__details--title span:nth-child(2) {
			padding-left: 2px;
		}
.catalogCard__details--title span:nth-child(3) {
			justify-self: start;
			padding-left: 20px;
		}
.catalogCard__details--info span {
			color: var(--black-2);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 0.7px;
			line-height: 1;
		}
.catalogCard__details--title span {
		text-align: center;
	}
.catalogCard__details--info span {
		text-align: center;
	}
.catalogCard__details--info input {
		max-width: 62px;
		padding-left: 5px;
		border-radius: 0;
		box-shadow: none;
		font-size: 20px;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.catalogCard__buttoms {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin-top: auto;
	}
.catalogCard__readMore,
	.catalogCard__buy {
		display: flex;
		flex-basis: 50%;
		justify-content: center;
		padding-top: 10px;
		padding-bottom: 10px;
		text-decoration: none;
		text-transform: uppercase;
	}
.catalogCard__readMore span, .catalogCard__buy span {
			border-bottom: 1px solid transparent;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 1.2px;
			line-height: 1.3;
			text-align: center;
			transition: border-bottom-color .3s;
			will-change: border-bottom-color;
		}
.catalogCard__readMore:hover span, .catalogCard__buy:hover span, .catalogCard__readMore:focus span, .catalogCard__buy:focus span {
			border-bottom-color: currentColor;
		}
.catalogCard__readMore {
		background-color: var(--white);
	}
.catalogCard__readMore span {
			color: var(--blue-1);
		}
.catalogCard__buy {
		background-color: rgba(47, 194, 240, .87);
	}
.catalogCard__buy span {
			color: var(--white);
		}
.custom-slider__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.custom-slider__wrapper header {
		margin-bottom: 0;
	}
.custom-slider__slider {
	width: 292px;
	max-height: 440px;
	margin-right: -10px;
	margin-left: -10px;
	opacity: 0;
	transition: opacity .5s;
	will-change: opacity;
}
.custom-slider__slider.slick-initialized {
		opacity: 1;
	}
/* overflow: hidden auto; */
.custom-slider .slick-track, .custom-slider .slick-list {
		display: flex;
	}
.custom-slider .slick-slide,
	.custom-slider .slick-slide > div {
		height: 100%;
	}
.custom-slider .slick-slide > div > figure {
		height: calc(100% - 10px);
	}
.custom-slider .slick-arrow {
		z-index: 1;
		position: absolute;
		top: calc(50% - 5px);
		width: 44px;
		height: 44px;
		padding: 0;
		border: none;
		outline: transparent;
		background-color: transparent;
		background-image: none;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 14px 24px;
		color: transparent;
		font-size: 0;
		cursor: pointer;
		opacity: 1;
		transition: opacity .3s;
		will-change: opacity;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.custom-slider .slick-arrow:hover:not(.slick-disabled), .custom-slider .slick-arrow:focus:not(.slick-disabled) {
			opacity: .8;
		}
.custom-slider .slick-arrow.slick-disabled {
			opacity: .6;
		}
.custom-slider .slick-prev {
		left: -45px;
		transform: translateY(-50%) rotate(-180deg);
		background-image: url(../img/arrow-blue.svg);
	}
.custom-slider .slick-next {
		right: -45px;
		transform: translateY(-50%);
		background-image: url(../img/arrow-blue.svg);
	}
.detailsInformation {
	display: flex;
	position: relative;
	width: 100%;
	margin-top: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: var(--mainGradient);
}
.detailsInformation::before {
		display: block;
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color:rgba(255, 255, 255, .5);
		content: "";
	}
.detailsInformation__wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
	}
.detailsInformation__wrapper >ul {
			display: grid;
			z-index: 1;
			grid-gap: 15px;
			align-content: center;
			justify-content: center;
			width: 100%;
			margin: 0;
			padding-left: 0;
			list-style: none;
		}
.detailsInformation__wrapper >ul li {width: 100%;}
.detailsInformation__wrapper >ul a {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-start;
				width: 100%;
				text-decoration: none;
			}
.detailsInformation__wrapper >ul a svg {
					display: block;
					width: 60px;
					height: 60px;
					margin-bottom: 15px;
					transition: transform .3s;
					will-change: transform;
				}
.detailsInformation__wrapper >ul a:hover svg, .detailsInformation__wrapper >ul a:focus svg {
					transform: scale(1.2);
				}
.detailsInformation__wrapper >ul a span {
					color: var(--blue-1);
					font-family: var(--roboto);
					font-size: 14px;
					font-weight: 400;
					letter-spacing: 1.4px;
					line-height: normal;
					text-align: center;
					text-decoration: underline;
					-webkit-text-decoration-color: transparent;
					        text-decoration-color: transparent;
					text-transform: uppercase;
					transition: -webkit-text-decoration-color .3s;
					transition: text-decoration-color .3s;
					transition: text-decoration-color .3s, -webkit-text-decoration-color .3s;
					will-change: text-decoration-color;
				}
.detailsInformation__wrapper >ul a:hover span, .detailsInformation__wrapper >ul a:focus span {
					-webkit-text-decoration-color: currentColor;
					        text-decoration-color: currentColor;
				}
header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
header p {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
	}
.heading {
	display: block;
	margin-top: 0;
	margin-bottom: 15px;
	color: var(--grey-3);
	font-family: var(--roboto);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
}
.titleBlock,
.text .titleBlock {
	display: block;
	margin-top: 0;
	margin-bottom: 35px;
	color: var(--grey-11);
	font-family: var(--roboto);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.link {
	padding: 15px 25px;
	border-radius: 31px;
	font-family: var(--roboto);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity .3s;
	will-change: opacity;
}
.link:hover, .link:focus {
		opacity: 0.8;
	}
.link--blue {
	background-color: var(--blue-1);
	color: var(--white);
}
.link--white {
	border: 1px solid var(--blue-1);
	color: var(--blue-1);
}
.labels {
	display: flex;
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.labels__label {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 48px;
		margin: 0;
		padding-left: 0;
	}
.labels__text {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 7px 10px;
		color: var(--white);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 1.4px;
		line-height: 1;
	}
.labels__label--sale .labels__text {
		background-color: var(--red-1);
	}
.labels__label--new .labels__text {
		background-color: var(--green);
	}
.labels__label--premium .labels__text {
		background-color: var(--yellow-1);
	}
.labels__discount {
		display: flex;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		margin-right: 10px;
		border-radius: 50%;
		background-color: var(--blue-1);
		color: var(--white);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 1.4px;
		line-height: 1;
	}
nav {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 30px;
}
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.pagination__item {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin-right: 8px;
		margin-left: 8px;
		border: 1px solid var(--blue-1);
		border-radius: 50%;
	}
.pagination__item--previous,
		.pagination__item--next {
			width: auto;
			border-radius: 41px;
		}
.pagination__item--previous a, .pagination__item--next a {
				padding: 15px 25px;
			}
.pagination__link {
		width: 100%;
		color: var(--blue-1);
		font-family: var(--roboto);
		font-size: 20px;
		font-weight: 400;
		line-height: 44px;
		text-align: center;
		text-decoration: none;
		transition: opacity .3s;
		will-change: opacity;
	}
.pagination__link:hover, .pagination__link:focus {
			opacity: .6;
		}
.pagination__link--is-disabled {
			color: var(--grey-4);
			pointer-events: none;
		}
.pagination__item--is-active {
		border-color: var(--grey-4);
	}
.pagination__item--is-active .pagination__link {
		color: var(--grey-4);
		pointer-events: none;
	}
.productCard {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 280px !important;
	margin: 0 6px 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	transition: box-shadow 0.3s;
	will-change: box-shadow;
}
.productCard:hover, .productCard:focus {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
	}
.productCard__img {
		display: flex;
		position: relative;
		width: 100%;
		text-decoration: none;
	}
.productCard__img picture,
		.productCard__img img {
			display: block;
			width: 100%;
		}
.productCard__text {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		padding: 15px;
		background-color: var(--white);
	}
.productCard__name {
		display: block;
		margin-top: 0;
		margin-bottom: auto;
		padding-bottom: 10px;
		color: var(--blue-1);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 700;
		line-height: normal;
		text-decoration: none;
		text-transform: uppercase;
	}
.productCard__price {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		margin-bottom: 10px;
	}
.productCard__price:last-child {
			margin-bottom: 0;
		}
.productCard__oldPrice,
	.productCard__newPrice {
		display: block;
		margin-top: 0;
		font-family: var(--roboto);
		font-size: 14px;
	}
.productCard__oldPrice {
		margin-bottom: 5px;
		color: var(--grey-4);
		font-weight: 400;
	}
.productCard__newPrice {
		margin-bottom: 0;
		color: var(--black-1);
		font-weight: 700;
	}
.productCard__size {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-5);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.8px;
	}
.productCard__size span {
			font-size: 14px;
			font-weight: 300;
		}
.productsSale {
	padding-bottom: 35px;
}
.page--index .productsSale {
	z-index: 1;
	position: relative;
}
.page--index .productsSale::before {
		display: block;
		z-index: -1;
		position: absolute;
		bottom: 0;
		left: 0;
		width: calc(100vw + (2 * var(--scrollWidthShift)));
		height: 100%;
		background-image: var(--productGradient);
		content: "";
	}
.size-table {
	z-index: 100;
	position: fixed;
	transition: transform .3s;
	will-change: transform;
}
.size-table__list {
		margin-top: 0;
		margin-bottom: 0;
		padding: 15px 40px 15px 15px;
		background-color: white;
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		list-style: none;
	}
.size-table__toggler {
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		align-items: center;
		justify-content: center;
		height: 40px;
		padding: 0;
		border: none;
		border-radius: 2px 2px 0 0;
		background-color: var(--yellow-1);
		background-image: none;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.size-table__toggler span {
			margin-left: 15px;
			color: var(--white);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			letter-spacing: 0.8px;
		}
.size-table__close {
		display: flex;
		position: absolute;
		top: 0;
		right: 0;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: none;
		background-color: transparent;
		background-image: none;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.spinner {
	display: flex;
	grid-column: 1/-1;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height .3s, opacity .1s;
	will-change: max-height, opacity;

}
.spinner.is-active {
		max-height: 50px;
		opacity: 1;
	}
.spinner__element,
	.spinner__element::before,
	.spinner__element::after {
		width: 2.5em;
		height: 2.5em;
		border-radius: 50%;
		animation: spinner-animation 1.8s infinite ease-in-out;
		animation-fill-mode: both;
	}
.spinner__element {
		position: relative;
		margin: 0 auto 24px;
		transform: translateZ(0) translateY(-24px);
		color: var(--blue-1);
		font-size: 10px;
		text-indent: -9999em;
		animation-delay: -0.16s;
	}
.spinner__element::before, .spinner__element::after {
			position: absolute;
			top: 0;
			content: '';
		}
.spinner__element::before {
			left: -3.5em;
			animation-delay: -0.32s;
		}
.spinner__element::after {
			left: 3.5em;
		}
@keyframes spinner-animation {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
.text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.text ul:not(.accordion) {
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 45px;
		list-style: none;
	}
.text ol:not(.accordion) {
		margin: 0;
		list-style: none;
		counter-reset: olCounter;
	}
.text ol:not(.accordion) > li {
		position: relative;
	}
.text ol:not(.accordion) > li::before {
			display: block;
			position: absolute;
			top: 1px;
			left: -30px;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 700;
			line-height: normal;
			content: counter(olCounter);
			counter-increment: olCounter;
		}
.text ol:not(.accordion) > li:nth-child(odd)::before {
			color: var(--blue-1);
		}
.text ol:not(.accordion) > li:nth-child(even)::before {
			color: var(--yellow-1);
		}
.text ul:not(.accordion) li,
	.text ol:not(.accordion) li {
		padding-bottom: 30px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 400;
		line-height: 1.3;
	}
.text ul:not(.accordion) > li {
		position: relative;
	}
.text ul:not(.accordion) > li::before {
			display: block;
			position: absolute;
			top: 1px;
			left: -43px;
			width: 24px;
			height: 18px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 24px 18px;
			content: "";
		}
.text ul:not(.accordion) > li:nth-child(odd)::before {
			background-image: url(../img/checked-blue.svg);
		}
.text ul:not(.accordion) > li:nth-child(even)::before {
			background-image: url(../img/checked-yellow.svg);
		}
.text > h1 {
		justify-content: center;
		width: 100%;
		text-align: center;
	}
.text h2 {
		display: block;
		margin-top: 0;
		margin-bottom: 15px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 700;
		line-height: 1.3;
	}
.text h3 {
		display: block;
		margin-top: 0;
		margin-bottom: 15px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.3;
	}
.text h4 {
		display: block;
		margin-top: 0;
		margin-bottom: 15px;
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.3;
	}
.text p {
		display: block;
		width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 400;
		line-height: 1.3;
		word-break: break-word;
	}
.text img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto !important;
		max-height: 1000px;
		margin-right: auto;
		margin-bottom: 30px;
		margin-left: auto;
	}
.text blockquote {
		margin: 0 0 30px;
		padding: 35px;
		border-radius: 36px 0;
		background-color: var(--blue-5);
	}
.text blockquote p {
			display: block;
			margin-top: 0;
			margin-bottom: 0;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 14px;
			font-style: italic;
			line-height: 1.7;
		}
.text blockquote p b {
				font-weight: 500;
			}
.text blockquote p + p {
			margin-top: 5px;
		}
.text blockquote.top-triangle {
			position: relative;
		}
.text blockquote.top-triangle::after {
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				width: 46px;
				height: 24px;
				transform: translateY(-100%);
				background-color: var(--blue-5);
				-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
				        clip-path: polygon(0 100%, 100% 100%, 100% 0);
				content: "";
			}
.text blockquote.alert {
			position: relative;
			padding: 30px 30px 30px 70px;
		}
.text blockquote.alert::before {
				display: block;
				position: absolute;
				top: calc(50% - 25px);
				left: 30px;
				width: 10px;
				height: 50px;
				background-image: url(../img/alert--light-blue.svg);
				background-repeat: no-repeat;
				background-size: 10px 50px;
				content: "";
			}
.text blockquote.alert p {
				font-style: normal;
				font-weight: 500;
				line-height: 32px;
			}
.text a {
		color: var(--blue-1);
		font-weight: 500;
		text-decoration: underline;
		-webkit-text-decoration-color: transparent;
		        text-decoration-color: transparent;
		transition: -webkit-text-decoration-color .3s;
		transition: text-decoration-color .3s;
		transition: text-decoration-color .3s, -webkit-text-decoration-color .3s;
		will-change: text-decoration-color;
	}
.text a:hover, .text a:focus {
		-webkit-text-decoration-color: var(--blue-1);
		        text-decoration-color: var(--blue-1);
	}
.text .iframe-wrapper {
		position: relative;
		width:100%;
		margin-bottom: 45px;
		overflow: hidden;
	}
.text .iframe-wrapper::after {
			display: block;
			padding-top: 56.25%;
			content: '';
		}
.text .iframe-wrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
.top-banner {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	background-color: var(--blue-1);
}
.top-banner__text {
		display: flex;

	}
.top-banner__text p {
			margin-top: 0;
			margin-bottom: 0;
			color: var(--white);
			font-family: var(--roboto);
			font-weight: 400;
			line-height: 26px;
		}
.top-banner__text a {
			color: var(--yellow-2);
			font-family: var(--roboto);
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 1.2px;
			line-height: 26px;
			text-decoration: none;
			text-decoration: underline;
			-webkit-text-decoration-color: transparent;
			        text-decoration-color: transparent;
			transition: -webkit-text-decoration-color .3s;
			transition: text-decoration-color .3s;
			transition: text-decoration-color .3s, -webkit-text-decoration-color .3s;
			will-change: text-decoration-color;
		}
.top-banner__text a:hover, .top-banner__text a:focus {
		-webkit-text-decoration-color: var(--yellow-2);
		        text-decoration-color: var(--yellow-2);
	}
.top-banner__button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		padding: 0;
		border: none;
		border-radius: 3px;
		background-color: transparent;
		background-image: none;
		color: white;
		cursor: pointer;
		transition: color .3s, background-color .3s;
		will-change: color, background-color;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.top-banner__button:hover {
			background-color: white;
			color: var(--blue-1);
		}
.top-banner__button:hover,.top-banner__button:focus {
			outline-color: white;
		}
.youtube-video  {
	order: 1;
	width: 100%;
	max-width: 100%;
	margin: 0 auto 35px;
	box-shadow: 0 15px 32px rgba(0, 0, 0, 0.16);
}
.youtube-video .ytWrapper {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
.youtube-video .youtube {
		position: relative;
		padding-top: 56.25%;
		overflow: hidden;
		background-color: var(--blue-1);
		cursor: pointer;
	}
.youtube-video .youtube img {
		top: 45%;
		left: 0;
		width: 100%;
		transform: translateY(-50%) scale(1.2);
		opacity: 0.8;
	}
.youtube-video .youtube .play-button {
		display: flex;
		z-index: 1;
		align-items: center;
		justify-content: center;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, .9);
		transition: background-color .3s;
		will-change: background-color;
	}
.youtube-video .youtube .play-button svg {
			width: 39px;
			height: 45px;
			margin-left: 9px;
		}
.youtube-video .youtube .play-button svg path {
				transition: fill .3s;
			}
.youtube-video .youtube .play-button:hover, .youtube-video .youtube .play-button:focus {
		background-color: rgba(255, 255, 255, .8);
	}
.youtube-video .youtube .play-button:hover path, .youtube-video .youtube .play-button:focus path {
			fill: rgba(47, 194, 240, .8);
		}
.youtube-video .youtube img,
	.youtube-video .youtube .play-button {
		cursor: pointer;
	}
.youtube-video .youtube img,
	.youtube-video .youtube iframe,
	.youtube-video .youtube .play-button {
		position: absolute;
	}
.youtube-video .youtube .play-button {
		top: 50%;
		left: 50%;
		transform: translate3d( -50%, -50%, 0 );
	}
.youtube-video .youtube iframe {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.page404Image {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}
.page404Image img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
	}
.page404Info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.page404Info__logo-wrapper {
		display: flex;
		align-items: center;
		width: 100%;
		transition: opacity .3s;
		will-change: opacity;
	}
.page404Info__logo-wrapper:hover, .page404Info__logo-wrapper:focus {
			opacity: 0.7;
		}
.page404Info__title {
		margin-left: 20px;
	}
.page404Info h2 {
		display: block;
		margin-top: 0;
		margin-bottom: 20px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 24px;
		font-weight: 700;
		line-height: normal;
		text-align: center;
	}
.page404Info p {
		display: block;
		margin-top: 0;
		margin-bottom: 25px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 400;
		line-height: 1.3;
		text-align: center;
	}
.page404Info__link {
		padding: 15px 25px;
		border-radius: 31px;
		background-color: var(--blue-1);
		color: var(--white);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.2px;
		line-height: 1;
		text-decoration: none;
		text-transform: uppercase;
		transition: opacity .3s;
		will-change: opacity;
	}
.page404Info__link:hover, .page404Info__link:focus {
			opacity: 0.8;
		}
.page404 {
	display: grid;
	grid-row-gap: 50px;
	grid-template-columns: 1fr;
	padding-top: 50px;
	padding-bottom: 50px;
}
.site-header-is-fixed .site-header__bottom {
		background-image: none;
	}
.site-header-is-fixed .nav-expand-link {
	position: relative;
}
.site-header-is-fixed .nav-expand-link:hover::before, .site-header-is-fixed .nav-expand-link:focus::before {
		position: absolute;
		top: 0;
		left: -10px;
		width: 100%;
		height: 100px;
		content: "";
	}
@keyframes headerSlide {
	from {transform: translateY(-100%);}
	to {transform: translateY(0);}
}
@keyframes headerShadow {
	from {box-shadow: 0 18px 14px rgba(0, 0, 0, 0.0);}
	to {box-shadow: 0 18px 14px rgba(0, 0, 0, 0.16);}
}
.site-header {
	margin-bottom: 0;
}
.site-header__top {
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
	}
.site-header__top-wrapper {
		display: flex;
		align-items: center;
		width: 100%;
	}
.site-header__logo-block {
		display: flex;
		align-items: center;
		justify-content: center;
	}
.site-header__icons-block {
		display: flex;
		align-items: center;
		justify-content: center;
	}
.site-header__bottom {
		position: relative;
		width: 100%;
		height: 44px;
		background-image: linear-gradient(180deg, #ecfbff 0%, #dae4f5 100%);
	}
.modal-is-open .site-header__bottom {
			display: none;
		}
.site-header__bottom-wrapper {
		display: flex;
		align-items: center;
		width: 100%;
	}
.header-cart {
	display: flex;
	align-items: center;
	height: 44px;
	margin-left: 5px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #eff5fb;
	text-decoration: none;
}
.header-cart__qty {
		margin-right: 12px;
		color: var(--grey-4);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 700;
	}
.site-header:not(.site-header-is-fixed) .header-catalog__logo {
			display: none;
		}
.catalog-menu-is-toggled {
	height: 100vh;
	overflow: hidden;
}
.header-catalog__button {
		display: flex;
		align-items: center;
		height: 44px;
		padding: 0;
		border: none;
		background-color: transparent;
		background-image: none;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.header-catalog__button figure {
			display: flex;
			flex-direction: column;
			justify-content: center;
			width: 24px;
			margin: 0;
		}
.header-catalog__button figure span {
				width: 24px;
				height: 2px;
				border-radius: 50px;
				background-color: var(--grey-4);
			}
/* 				transition: transform .3s;
				transform-origin: center;
				.catalog-menu-is-toggled & {
					&:nth-child(1) {
						transform: translateY(6px) rotate(45deg);
					}
					&:nth-child(2) {
						transform: rotateY(90deg);
					}
					&:nth-child(3) {
						transform: translateY(-6px) rotate(-45deg);
					}
				} */
.header-catalog__button figure span + span {
					margin-top: 4px;
				}
.header-catalog__title {
		margin-left: 16px;
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 700;
	}
.header-currency {
	display: flex;
	z-index: 1;
	position: relative;
	width: 92px;
	height: 44px;
}
.header-currency__trigger {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		border: none;
		border: 1px solid var(--grey-6);
		border-radius: 24px;
		background-color: white;
		background-image: none;
		cursor: pointer;
		transition: background-color .3s;
		will-change: background-color;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.header-currency__trigger.is-open, .header-currency__trigger:hover {
			background-color: var(--purple-2);
		}
.header-currency__trigger:focus {
			outline: none !important;
			background-color: #dbe6f6;
		}
.header-currency__current {
		display: flex;
		align-items: center;
		color: var(--black-1);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 400;
	}
.header-currency__current::after {
			display: block;
			z-index: 1;
			width: 11px;
			height: 6px;
			margin-left: 5px;
			background-image: url(../img/arrow-black.svg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: 11px 6px;
			content: "";
			pointer-events: none;
			transition: transform .3s;
			will-change: transform;
		}
.header-currency__content {
		z-index: -1;
		position: absolute;
		top: calc(100% - 40px);
		left: 0;
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		overflow: hidden;
		transform: translateY(10px);
		border: 1px solid var(--grey-6);
		border-radius: 24px;
		background-color: white;
		list-style: none;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s, transform .3s;
		will-change: opacity, transform;
	}
.header-currency__content li:first-child a {
			height: 83px;
			padding-top: 43px;
		}
.header-currency__content a {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 40px;
			color: var(--black-1);
			font-family: var(--roboto);
			font-size: 12px;
			font-weight: 400;
			text-align: center;
			text-decoration: underline;
			-webkit-text-decoration-color: transparent;
			        text-decoration-color: transparent;
			transition: -webkit-text-decoration-color .3s;
			transition: text-decoration-color .3s;
			transition: text-decoration-color .3s, -webkit-text-decoration-color .3s;
			will-change: text-decoration-color;
		}
.header-currency__content a:focus {
				outline: none !important;
			}
.header-currency__content a:hover {
				-webkit-text-decoration-color: currentColor;
				        text-decoration-color: currentColor;
			}
.header-currency__trigger.is-open + .header-currency__content {
		transform: translateY(0);
		opacity: 1;
		pointer-events: all;
	}
.header-search {
	margin-left: auto;
}
.header-search__button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: none;
		background-color: transparent;
		background-image: none;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.header-search__content {
		z-index: 1000;
		position: fixed;
		top: 0;
		right: 0;
		width: 384px;
		max-width: 100%;
		height: 100%;
		pointer-events: none;
	}
.search-offcanvas-sidebar {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	transform: translateX(100%);
	pointer-events: all;
	transition: transform .3s;
	will-change: transform;
}
.search-is-toggled .search-offcanvas-sidebar {
		transform: translateX(0);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}
.search-offcanvas-sidebar__header {
		display: flex;
		align-items: center;
		width: 100%;
		height: 44px;
		padding-right: 20px;
		padding-left: 20px;
		background-image: linear-gradient(180deg, #ecfbff 0%, #dae4f5 100%);
	}
.search-offcanvas-sidebar__header button {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 44px;
			padding: 0;
			border: none;
			background-color: transparent;
			background-image: none;
			cursor: pointer;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.search-offcanvas-sidebar__header span {
			margin-left: 5px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 700;
			line-height: 24px;
		}
.search-offcanvas-sidebar__main {
		flex-grow: 1;
		width: 100%;
		padding: 40px 15px;
		background-color: var(--white);
	}
.search-offcanvas-sidebar .header-search-form {
		display: flex;
		align-items: center;
		width: 100%;
		border-bottom: 1px solid var(--grey-4);
	}
.search-offcanvas-sidebar .header-search-form input[type=text] {
			flex-grow: 1;
			height: 44px;
			padding-left: 10px;
			border: none;
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.search-offcanvas-sidebar .header-search-form button {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 44px;
			padding: 0;
			border: none;
			background-color: transparent;
			background-image: none;
			cursor: pointer;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.header-logo {
	transition: opacity .3s;
	will-change: opacity;
}
.header-logo:hover,.header-logo:focus {
		opacity: 0.7;
	}
.header-logo:focus {
		outline: none !important;
	}
.header-social {
	display: flex;
	align-items: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.header-social li {
		transition: opacity .3s;
		will-change: opacity;
	}
.header-social li:hover, .header-social li:focus {
			opacity: 0.7;
		}
.header-social a {
		display: flex;
	}
.header-social a:focus {
			outline: none !important;
		}
.header-social a img {
			border-radius: 50%;
		}
.header-social a:focus img {
			filter: drop-shadow(0 0 1px #023775);
		}
.header-title {
	margin-left: 25px;
	transition: opacity .3s;
	will-change: opacity;
}
.header-title:hover,.header-title:focus {
		opacity: 0.7;
	}
.header-title:focus {
		outline: none !important;
	}
.header-tel {
	display: flex;
	padding: 0;
	border: none;
	background-color: transparent;
	background-image: none;
	cursor: pointer;
	cursor: pointer;
	transition: opacity .3s;
	will-change: opacity;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.header-tel:hover,.header-tel:focus {
		opacity: 0.7;
	}
.header-tel:focus {
		outline: none !important;
	}
.header-tel img {
		border-radius: 50%;
	}
.header-tel:focus img {
		filter: drop-shadow(0 0 1px #023775);
	}
.aboutAdvantages {
	display: grid;
	position: relative;
	grid-gap: 20px;
	grid-template-columns: 1fr;
	justify-content: center;
	justify-items: center;
	width: 100%;
	margin-bottom: 40px;
	overflow: hidden;
}
.aboutAdvantages__item {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: 100%;
	}
.aboutAdvantages__item:last-of-type {
		position: relative;
	}
.aboutAdvantages__text {
		flex-basis: calc(100% - 65px);
		width: calc(100% - 65px);
		max-width: 350px;
		margin-left: 15px;
	}
.aboutAdvantages__text h3 {
			display: block;
			margin-top: 0;
			margin-bottom: 5px;
			color: var(--black-3);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 700;
			line-height: 1.2;
		}
.aboutAdvantages__text p {
			display: block;
			margin-top: 0;
			margin-bottom: 0;
			color: var(--black-3);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			line-height: 1.3;
		}
.aboutAdvantages__img {
		display: flex;
		flex-basis: 65px;
		align-items: flex-end;
		justify-content: center;
		width: 65px;
	}
.aboutInfo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 30px;
}
.aboutInfo .youtube-video {
		order: -1;
		margin-right: 0;
		margin-left: 0;
	}
.aboutInfo .aboutTextBlock__text {
			max-height: 180px;
		}
.aboutText {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 80px;
}
.aboutText p {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 25px;
		color: var(--black-3);
		font-family: var(--roboto);
		font-size: 20px;
		font-weight: 300;
		line-height: 1.6;
	}
.aboutText p b {
			font-weight: 400;
		}
.aboutText p:last-of-type {
		position: relative;
		border-bottom: 1px solid rgba(133, 152, 168, .53);
	}
.aboutText p:last-of-type::before {
			display: block;
			position: absolute;
			bottom: -50px;
			left: 0;
			width: 238px;
			height: 25px;
			background-image: url(../img/text.svg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: 238px 25px;
			content: "";
		}
.articleCards {
	padding-top: 25px;
	padding-bottom: 30px;
	background-color: var(--blue-4);
}
.articleCards__wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}
.articleCards__title {
		display: block;
		margin-top: 0;
		margin-bottom: 25px;
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 24px;
		font-weight: 700;
		line-height: normal;
		text-align: center;
	}
.articleCards__cards {
		display: grid;
		grid-template-columns: var(--articleCardsTemplate, 280px);
		justify-content: center;
		justify-items: center;
		width: 100%;
	}
.articleDetails {
	display: flex;
	align-items: baseline;
	justify-content: center;
	width: 100%;
	margin-bottom: 25px;
}
.articleDetails__views,
	.articleDetails__date {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
	}
.articleDetails__views {
		position: relative;
		margin-right: 7px;
		padding-left: 35px;
	}
.articleDetails__views::before {
			display: block;
			position: absolute;
			top: -1px;
			left: 0;
			width: 24px;
			height: 17px;
			background-image: url(../img/views.svg);
			content: "";
		}
.articleDetails__date {
		margin-left: 7px;
	}
.articleDetails__divider {
		width: 1px;
		height: 17px;
		transform: translateY(3px);
		background-color: var(--grey-10);
	}
.articleSocial {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: var(--white);
}
.articleSocial::before {
		display: block;
		z-index: 0;
		position: absolute;
		top: 0;
		left: calc(50% - 50vw);
		width: calc(100vw + var(--scrollWidthShift));
		height: 100%;
		border-radius: 2px;
		background-color: var(--white);
		box-shadow: 0 6px 6px rgba(133, 152, 168, 0.2);
		content: "";
	}
.articleSocial h3 {
		display: block;
		z-index: 1;
		margin-top: 0;
		margin-right: 30px;
		margin-bottom: 20px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 700;
		line-height: normal;
	}
.cart-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	max-width: 570px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.cart-form__fieldset {
		width: 100%;
		margin-bottom: 20px;
		padding: 0;
		border: none;
	}
.cart-form legend {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0;
		padding-left: 0;
	}
.cart-form legend.aifs {
			align-items: flex-start;
		}
.cart-form legend b {
			margin-bottom: 5px;
			color: var(--grey-11);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 700;
			line-height: 21px;
			text-align: center;
		}
.cart-form legend span {
			color: var(--grey-11);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: 21px;
			text-align: center;
		}
.cart-form section {
		margin-bottom: 15px;
	}
.cart-form .this-form-delete {
		display: flex;
		position: absolute;
		top: -10px;
		right: 0;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: none;
		background-color: transparent;
		background-image: none;
		color: #f0582f;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.cart-form [type='text'],
	.cart-form [type='email'],
	.cart-form [type='tel'],
	.cart-form textarea {
		width: 100%;
		padding: 12px 24px;
		border: 1px solid #bdcad5;
		background-color: transparent;
		background-color: var(--white);
		background-image: none;
		box-shadow: none;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.cart-form [type='text']:focus, .cart-form [type='email']:focus, .cart-form [type='tel']:focus, .cart-form textarea:focus {
			outline: none;
			box-shadow: 0 0 1px 3px #d4eff9;
		}
.cart-form [type='text'].has-error, .cart-form [type='email'].has-error, .cart-form [type='tel'].has-error, .cart-form textarea.has-error {
			border-color: #f0582f;
		}
.cart-form [type='text'],
	.cart-form [type='email'],
	.cart-form [type='tel'] {
		border-radius: 82px;
	}
.cart-form textarea {
		min-height: 100px;
		border-radius: 22px;
		resize: vertical;
	}
.cart-form .error-message {
		display: block;
		width: 100%;
		padding: 10px 24px;
		border-color: #f0582f;
		color: #f0582f;
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: 21px;
	}
.cart-form .cart-form-checkbox {
		display: flex;
		align-items: center;
		width: 100%;
		cursor: pointer;
	}
.cart-form .cart-form-checkbox input {
			position: absolute;
			opacity: 0;
		}
.cart-form .cart-form-checkbox span {
			position: relative;
			padding-left: 40px;
			color: var(--grey-11);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 500;
			line-height: 24px;
			-webkit-user-select: none;
			    -ms-user-select: none;
			        user-select: none;
		}
.cart-form .cart-form-checkbox span::before {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 24px;
				height: 24px;
				border: 1px solid #d5dde4;
				background-color: var(--white);
				content: "";
			}
.cart-form .cart-form-checkbox span::after {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 24px;
				height: 24px;
				background-image: url(../img/checked-blue.svg);
				background-position: center;
				background-repeat: no-repeat;
				background-size: 11px 9px;
				content: "";
				opacity: 0;
				transition: opacity .3s;
				will-change: opacity;
			}
.cart-form .cart-form-checkbox input:checked + span::after {
			opacity: 1;
		}
.cart-form .cart-form-radio {
		display: flex;
		align-items: center;
		width: 100%;
		margin-bottom: 10px;
		cursor: pointer;
	}
.cart-form .cart-form-radio input {
			position: absolute;
			opacity: 0;
		}
.cart-form .cart-form-radio span {
			position: relative;
			padding-left: 40px;
			color: var(--grey-11);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 500;
			line-height: 24px;
			-webkit-user-select: none;
			    -ms-user-select: none;
			        user-select: none;
		}
.cart-form .cart-form-radio span::before {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 24px;
				height: 24px;
				border: 1px solid #d5dde4;
				border-radius: 12px;
				background-color: var(--white);
				content: "";
			}
.cart-form .cart-form-radio span::after {
				display: block;
				position: absolute;
				top: 7px;
				left: 7px;
				width: 10px;
				height: 10px;
				border-radius: 5px;
				background-color: var(--blue-1);
				content: "";
				opacity: 0;
				transition: opacity .3s;
				will-change: opacity;
			}
.cart-form .cart-form-radio input:checked + span::after {
			opacity: 1;
		}
.cart-form .cart-form-add-client {
		width: 300px;
		height: 44px;
		margin: -10px auto 30px;
	}
.cart-form .cart-form-submit {
		width: 160px;
		height: 44px;
		margin-left: 0;
		border-radius: 22px;
	}
.cart-form .is-hidden {
		display: none;
	}
.cart-form #this-form-delete-1 {
		display: none;
	}
.cart-info {
	margin-bottom: 20px;
	background-color: var(--white);
	box-shadow: 0 4px 8px rgba(65, 84, 100, 0.29);
}
.cart-info__wrapper {
		display: grid;
	}
.cart-info__title {
		color: var(--blue-1);
		font-family: var(--roboto);
		font-weight: 400;
		line-height: 24px;
	}
.cart-info__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-right: 5px;
		padding-left: 5px;
	}
.cart-info__item span {
			color: var(--grey-11);
			font-family: var(--roboto);
			font-weight: 400;
			line-height: 1.5;
			text-align: center;
			white-space: nowrap;
		}
.cart-info__item b {
			color: var(--grey-11);
			font-family: var(--roboto);
			font-weight: 700;
			line-height: 1.5;
			text-align: center;
			white-space: nowrap;
		}
.cart-table {
	margin-bottom: 20px;
}
.cart-table__wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;

	}
.cart-table__item-wrapper {
		width: 100%;
		margin-bottom: 30px;
		overflow-x: auto;
	}
.cart-table__button {
		width: 300px;
		height: 44px;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 1.6px;
	}
.cart-table__alert {
		display: flex;
		justify-content: center;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: rgba(240, 88, 47, 0.07);
		color: #f0582f;
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1.6px;
		line-height: 18px;
		text-align: center;
	}
.cart-table-item {
	display: flex;
	width: 100%;
	/* min-width: 700px; */
	border-radius: 2px;
	background-color: var(--blue-3);
}
.cart-table-item__details {
		display: flex;
		flex-direction: column;
	}
.cart-table-item__details-row {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		background-color: transparent;
		transition: background-color .3s;
		will-change: background-color;
	}
.cart-table-item__details-row:first-child > div {
				position: relative;
			}
.cart-table-item__details-row > div {
			display: flex;
			flex-grow: 1;
			align-items: center;
			justify-content: center;
			height: 52px;
			padding: 10px;
		}
.cart-table-item__details-row > div span {
				color: var(--black-2);
				font-family: var(--roboto);
				letter-spacing: 0.75px;
				white-space: nowrap;
			}
.cart-table-item__color-select {
		position: relative;
		width: 100%;
		height: 36px;
		border: 1px solid #d5dde4;
		background-color: white;
	}
.cart-table-item__color-select::before {
			display: block;
			position: absolute;
			top: 1px;
			right: 1px;
			width: 32px;
			height: 32px;
			background: url(../img/arrow-gray--bottom.svg), linear-gradient(to right, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.04068) 5.79%, hsla(0, 0%, 100%, 0.1088) 10.88%, hsla(0, 0%, 100%, 0.19844) 15.63%, hsla(0, 0%, 100%, 0.3037) 20.37%, hsla(0, 0%, 100%, 0.41869) 25.46%, hsla(0, 0%, 100%, 0.5375) 31.25%, hsla(0, 0%, 100%, 0.65422) 38.08%, hsla(0, 0%, 100%, 0.76296) 46.3%, hsla(0, 0%, 100%, 0.85781) 56.25%, hsla(0, 0%, 100%, 0.93287) 68.29%, hsla(0, 0%, 100%, 0.98223) 82.75%, hsl(0, 0%, 100%));
			background-position: center;
			background-repeat: no-repeat;
			background-size: 12px 7px,cover;
			content: "";
			pointer-events: none;
		}
.cart-table-item__color-select select {
			width: 100%;
			height: 100%;
			padding: 5px 10px;
			border: none;
			border-radius: 0;
			background-color: transparent;
			box-shadow: none;
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.cart-table-item__qty {
		display: flex;
		align-items: center;
		margin-right: 0;
		margin-left: auto;
	}
.cart-table-item__qty button {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 36px;
			height: 36px;
			padding: 0;
			border: none;
			background-color: transparent;
			background-image: none;
			color: var(--black-2);
			cursor: pointer;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.cart-table-item__qty button:active {
				color: black;
			}
.cart-table-item__qty input {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 36px;
			border: none;
			outline: none;
			background-color: white;
			color: var(--black-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			text-align: center;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.cart-table-item__photo-and-name {
		display: flex;
	}
.cart-table-item__photo {
		transition: opacity .3s;
		will-change: opacity;
	}
.cart-table-item__photo:hover, .cart-table-item__photo:focus {
			opacity: 0.7;
		}
.cart-table-item__photo a {
			display: flex;
			text-decoration: none;
		}
.cart-table-item__photo a picture, .cart-table-item__photo a img {
				display: block;
			}
.cart-table-item__name {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
.cart-table-item__name a {
			border-bottom: 1px solid transparent;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 400;
			line-height: 24px;
			text-decoration: none;
			transition: border-bottom-color .3s;
			will-change: border-bottom-color;
		}
.cart-table-item__name a:hover, .cart-table-item__name a:focus {
		border-bottom-color: currentColor;
	}
.cart-table-item__name span {
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 1.4px;
		}
.cart-table-item__name button {
			padding: 0;
			border: none;
			background-color: transparent;
			background-image: none;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 0.75px;
			cursor: pointer;
			transition: color .3s;
			will-change: color;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.cart-table-item__name button:hover, .cart-table-item__name button:focus {
				outline: none;
				color: var(--red-1);
			}
.empty-cart-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-bottom: auto;
	padding-bottom: 40px;
}
.empty-cart-content h1 {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
		color: var(--grey-3);
		font-family: var(--roboto);
		font-size: 20px;
		font-weight: 400;
	}
.blogCards {
	display: grid;
	grid-row-gap: var(--blogCardsRowGap, 20px);
	justify-content: center;
	justify-items: center;
	width: 100%;
	margin-bottom: 30px;
}
.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 32px;
	padding-bottom: 24px;
	padding-left: 0;
	list-style: none;
	text-align: center;
}
.breadcrumbs li:not(:last-child) {
		position: relative;
		margin-right: 10px;
	}
.breadcrumbs li:not(:last-child) a {
			border-bottom: 1px solid transparent;
			color: var(--blue-1);
			font-weight: 700;
			transition: border-bottom-color .3s;
			will-change: border-bottom-color;
		}
.breadcrumbs li:not(:last-child) a:hover, .breadcrumbs li:not(:last-child) a:focus {
		border-bottom-color: currentColor;
	}
.breadcrumbs li:not(:last-child)::after {
			display: block;
			position: absolute;
			top: calc(50% - 5px);
			right: -16px;
			width: 6px;
			height: 10px;
			background-image: url(../img/arrow-blue--small.svg);
			background-size: 6px 10px;
			content: "";
		}
.breadcrumbs li:not(:first-child) {
		margin-left: 16px;
	}
.breadcrumbs li:last-child a {
			color: var(--grey-3);
		}
.breadcrumbs a {
		font-family: var(--roboto);
		font-size: 14px;
		letter-spacing: 1.4px;
		text-decoration: none;
	}
.catalog-content {
	display: grid;
	grid-row-gap: 40px;
	grid-template-columns: repeat(var(--catalog-card-qty), var(--catalog-card-width));
	--catalog-card-qty: 1;
	--catalog-card-width: 280px;
}
.filter-content__main {
	width: 100%;
}
.filter-content__main ol {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		list-style: none;
	}
.filter-content__main details {
		position: relative;
		width: 100%;
		margin-bottom: 15px;
	}
.filter-content__main details::after {
			display: block;
			position: absolute;
			top: 19px;
			right: 0;
			width: 10px;
			height: 6px;
			background-image: url(../img/arrow-blue--small--down.svg);
			background-size: 10px 6px;
			content: "";
			pointer-events: none;
			transition: transform .3s;
			will-change: transform;
		}
.filter-content__main details[open]::after {
			transform: rotate(180deg);
		}
.filter-content__main details summary {
			border-bottom: 1px solid transparent;
			color: var(--black-1);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 400;
			letter-spacing: 1.6px;
			line-height: 44px;
			list-style: none;
			cursor: pointer;
			transition: border-bottom-color .3s;
			will-change: border-bottom-color;
			-webkit-user-select: none;
			    -ms-user-select: none;
			        user-select: none;
		}
.filter-content__main details summary:hover, .filter-content__main details summary:focus {
				border-bottom-color: var(--blue-1);
				outline: none;
			}
.filter-content__main details summary::-webkit-details-marker {
				display: none;
			}
.filter-content__main details ul {
			margin-top: 15px;
			margin-bottom: 15px;
			padding-left: 0;
			list-style: none;
		}
.filter-content__main details li:not(:last-child) {
			margin-bottom: 10px;
		}
.filter-content__main details label {
			display: flex;
			align-items: center;
			width: 100%;
			cursor: pointer;
		}
.filter-content__main details label input {
				position: absolute;
				opacity: 0;
			}
.filter-content__main details label span {
				position: relative;
				padding-left: 32px;
				color: var(--black-1);
				font-family: var(--roboto);
				font-size: 18px;
				font-weight: 300;
				letter-spacing: 1.6px;
				line-height: 26px;
				-webkit-user-select: none;
				    -ms-user-select: none;
				        user-select: none;
			}
.filter-content__main details label span::before {
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 24px;
					height: 24px;
					border: 1px solid #d5dde4;
					background-color: var(--white);
					content: "";
					pointer-events: none;
				}
.filter-content__main details label span::after {
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 24px;
					height: 24px;
					background-image: url(../img/checked-blue.svg);
					background-position: center;
					background-repeat: no-repeat;
					background-size: 11px 9px;
					content: "";
					opacity: 0;
					transition: opacity .3s;
					will-change: opacity;
				}
.filter-content__main details label input:checked + span::after,
			.filter-content__main details label span.checked::after {
				opacity: 1;
			}
.filter-content__main details label a {
				display: flex;
				position: relative;
				color: currentColor;
				text-decoration: none;
			}
.filter-content__main details label a::before {
					z-index: 1;
					position: absolute;
					top: 0;
					left: -40px;
					width: 40px;
					width: 40px;
					height: 100%;
					content: "";
				}
.category-nav__current-category {
		color: var(--black-1);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 400;
		letter-spacing: 1.6px;
		line-height: 44px;
		text-decoration: none;
	}
.category-nav__list {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		list-style: none;
	}
.category-nav__list li {
			visibility: hidden;
			position: absolute;
			pointer-events: none;
		}
.category-nav__list li:nth-of-type(-n+5) {
				visibility: visible;
				position: static;
				pointer-events: all;
			}
.category-nav__list.js-open li {
			visibility: visible;
			position: static;
			pointer-events: all;
		}
.category-nav__list a {
			display: flex;
			padding-right: 15px;
			padding-left: 15px;
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: 2;
			text-decoration: none;
			transition: backround-color .3s;
		}
.category-nav__list a:hover, .category-nav__list a:focus {
				background-color: var(--blue-3);
			}
.category-nav__current-subcategory a {
			background-color: var(--blue-3);
			color: var(--blue-1);
			font-weight: 500;
		}
.category-nav__toggler {
		display: flex;
		align-items: center;
		width: 100%;
		height: 44px;
		padding: 0;
		border: none;
		background-color: transparent;
		background-image: none;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.category-nav__toggler:focus {
			outline: none !important;
		}
.category-nav__toggler:focus span {
				text-decoration: underline;
			}
.category-nav__toggler span {
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: 18px;
		}
.price-range {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding: 50px 16px 10px;
}
.price-range__button {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 140px;
		height: 44px;
		margin-top: 20px;
		margin-left: -16px;
		padding: 5px 10px;
		border: 1px solid #d5dde4;
		border-radius: 30px;
		background: #fff;
		color: #000;
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 1.2px;
		text-align: center;
		text-transform: uppercase;
		white-space: nowrap;
		cursor: pointer;
		transition: border-color .3s, background-color .3s, color .3s;
		will-change: border-color, background-color, color;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.price-range__button:hover, .price-range__button:focus {
			border-color: var(--blue-1);
			outline: none;
		}
.price-range__button:active {
			background-color: var(--blue-1);
			color: white;
		}
.price-range .noUi-horizontal {
		width: 100%;
		height: 12px;
	}
.price-range .noUi-target {
		position: relative;
		border: none;
		background-color: transparent;
		box-shadow: none;
	}
.price-range .noUi-target::before {
			display: block;
			position: absolute;
			left: -16px;
			width: calc(100% + 32px);
			height: 12px;
			border-radius: 40px;
			background-color: #bdcad5;
			content: "";
		}
.price-range .noUi-connect {
		background-color: var(--blue-1);
	}
.price-range .noUi-origin:focus {
			outline: none;
		}
.price-range .noUi-horizontal .noUi-handle {
		position: relative;
		width: 22px;
		height: 22px;
		border: none;
		border-radius: 50%;
		background-color: var(--yellow-1);
		box-shadow: none;
		cursor: pointer;
	}
.price-range .noUi-horizontal .noUi-handle:focus {
			outline: none;
		}
.price-range .noUi-horizontal .noUi-handle.noUi-handle-upper {
			right: -11px;
			left: auto;
		}
.price-range .noUi-horizontal .noUi-handle.noUi-handle-lower {
			left: 0;
		}
.price-range .noUi-horizontal .noUi-handle::before {
			display: block;
			top: -11px;
			left: -11px;
			width: 44px;
			height: 44px;
			background: none;
			content: "";
		}
.price-range .noUi-horizontal .noUi-handle::after {
			display: none;
			content: none;
		}
.price-range .noUi-tooltip {
		font-family: var(--roboto);
		transition: border-color .3s, background-color .3s, color .3s;
		will-change: border-color, background-color, color;
	}
.price-range .noUi-horizontal .noUi-handle:hover .noUi-tooltip, .price-range .noUi-horizontal .noUi-handle:focus .noUi-tooltip {
		border-color: var(--blue-1);
	}
.price-range .noUi-horizontal .noUi-handle:active .noUi-tooltip {
		background-color: var(--blue-1);
		color: white;
	}
.sorting {
	position: relative;
	width: 100%;
	height: 44px;
	border: 1px solid #d5dde4;
	background-color: white;
}
.sorting::before {
		display: block;
		position: absolute;
		top: 1px;
		right: 1px;
		width: 40px;
		height: 40px;
		background: url(../img/arrow-gray--bottom.svg), linear-gradient(to right, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.04068) 5.79%, hsla(0, 0%, 100%, 0.1088) 10.88%, hsla(0, 0%, 100%, 0.19844) 15.63%, hsla(0, 0%, 100%, 0.3037) 20.37%, hsla(0, 0%, 100%, 0.41869) 25.46%, hsla(0, 0%, 100%, 0.5375) 31.25%, hsla(0, 0%, 100%, 0.65422) 38.08%, hsla(0, 0%, 100%, 0.76296) 46.3%, hsla(0, 0%, 100%, 0.85781) 56.25%, hsla(0, 0%, 100%, 0.93287) 68.29%, hsla(0, 0%, 100%, 0.98223) 82.75%, hsl(0, 0%, 100%));
		background-position: center;
		background-repeat: no-repeat;
		background-size: 12px 7px,cover;
		content: "";
		pointer-events: none;
	}
.sorting select {
		width: 100%;
		height: 100%;
		padding: 5px 10px;
		border: none;
		border-radius: 0;
		background-color: transparent;
		box-shadow: none;
		color: var(--grey-4);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.catalogWrapper {
	display: grid;
	align-items: start;
	justify-content: center;
}
.categoryBanner {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 35px;
	background-color: var(--white);
	box-shadow: 0 8px 16px rgba(133, 152, 168, 0.2);
}
.categoryBanner__info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 30px;
		text-align: center;
	}
.categoryBanner__title {
		display: block;
		margin-top: 0;
		margin-bottom: 15px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 700;
		line-height: normal;
	}
.categoryBanner__subtitle {
		display: block;
		margin-top: 0;
		margin-bottom: 15px;
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
	}
.categoryBanner__link {
		padding: 10px 15px;
		border: 1px solid var(--blue-1);
		border-radius: 31px;
		color: var(--blue-1);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.2px;
		line-height: normal;
		text-decoration: none;
		text-transform: uppercase;
	}
.categoryBanner__img {
		display: flex;
		position: relative;
		width: 100%;
	}
.categoryBanner__img picture,
		.categoryBanner__img img {
			display: block;
			width: 100%;
			max-width: 100%;
			height: auto;
		}
.categoryBanner__img-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.categoryCard {
	display: flex;
	flex-direction: column;
	width: 280px;
	max-width: 100%;
	margin: 0;
	background-color: var(--white);
	box-shadow: 0 4px 8px rgba(65, 84, 100, 0.11);
}
.categoryCard__img {
		display: flex;
		text-decoration: none;
		transition: opacity .3s;
		will-change: opacity;
	}
.categoryCard__img:hover, .categoryCard__img:focus {
			opacity: 0.8;
		}
.categoryCard__img picture,
		.categoryCard__img img {
			display: block;
			width: 100%;
			max-width: 100%;
			height: auto;
		}
.categoryCard__text {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
.categoryCard__text a {
			padding: 15px;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 700;
			line-height: normal;
			text-align: center;
			text-decoration: none;
		}
.categoryCards {
	display: grid;
	grid-gap: 20px 12px;
	grid-template-columns: repeat( var(--categoryCardsQty, 1), 280px);
	justify-content: center;
	justify-items: center;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}
.contactsAccordion {
	display: block;
	width: 100%;
	margin-bottom: 25px;
}
.contactsAccordion .accordion-toggle {
		padding: 25px 55px 25px 25px;
		background-color: var(--blue-3);
	}
.contactsAccordion .accordion-toggle span {
			display: block;
			margin-top: 0;
			margin-bottom: 5px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 1.6px;
			line-height: normal;
			text-transform: uppercase;
		}
.contactsAccordion .accordion-toggle small {
			display: block;
			margin-top: 0;
			margin-bottom: 0;
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: normal;
		}
.contactsAccordion .accordion li.active .accordion-toggle {
		border-bottom: 1px solid var(--grey-12);
		background-color: var(--purple-2);
	}
.contactsAccordion .accordion-inner {
		padding: 25px;
		background-color: var(--purple-2);
	}
.contactsAccordion .accordion-inner p {
			display: flex;
			flex-wrap: wrap;
			margin-top: 0;
			color: var(--black-1);
			font-family: var(--roboto);
			font-size: 18px;
			line-height: normal;
		}
.contactsAccordion .accordion-inner p > a {
				border-bottom: 1px solid transparent;
				color: var(--blue-1);
				font-family: var(--roboto);
				font-size: 18px;
				font-weight: 400;
				line-height: 1.5;
				text-decoration: none;
				transition: border-color .3s;
				will-change: border-color;
			}
.contactsAccordion .accordion-inner p > a:hover, .contactsAccordion .accordion-inner p > a:focus {
					border-color: var(--blue-1);
				}
.contactsAccordion .accordion-inner p > a:not(:last-of-type):not(:only-child) {
				margin-right: 15px;
			}
.contactsAccordion .accordion-inner p:not(:last-of-type) {
			margin-bottom: 15px;
		}
.contactsAccordion .accordion-inner p:last-of-type {
			margin-bottom: 0;
		}
.contactsTitle {
	
}
.contactsInfo {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
	margin-bottom: 30px;
}
.contactsInfo__text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		margin-bottom: 25px;
	}
.contactsInfo__text h2 {
			display: block;
			margin-top: 0;
			margin-bottom: 25px;
			color: var(--black-1);
			font-family: var(--roboto);
			font-size: 20px;
			font-weight: 700;
			line-height: normal;
		}
.contactsInfo__text p {
			display: block;
			margin-top: 0;
			margin-bottom: 25px;
			color: var(--black-1);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 400;
			line-height: 1.8;
		}
.contactsInfo__text small {
			display: block;
			margin-top: 0;
			margin-bottom: 0px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-style: italic;
			font-weight: 900;
			letter-spacing: 1.6px;
			line-height: normal;
		}
.contactsInfo__info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		padding: 25px;
		background-color: var(--white);
		box-shadow: 0 4px 8px rgba(65, 84, 100, 0.33);
	}
.contactsInfo__info h2 {
			display: block;
			margin-top: 0;
			margin-bottom: 25px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 20px;
			font-weight: 700;
			line-height: normal;
			text-align: center;
		}
.contactsInfo__form {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}
.contactsInfo .form-group {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
.contactsInfo .form-group > input,
		.contactsInfo .form-group > textarea {
			width: 100%;
			padding-right: 25px;
			padding-left: 25px;
			border: 1px solid #bdcad5;
			background-color: var(--white);
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.contactsInfo .form-group > input:focus, .contactsInfo .form-group > textarea:focus {
				outline: none;
				box-shadow: 0 0 1px 3px #d4eff9;
			}
.contactsInfo .form-group > input.has-error, .contactsInfo .form-group > textarea.has-error {
				border-color: #f0582f;
			}
.contactsInfo .form-group > input {
			height: 44px;
			border-radius: 82px;
		}
.contactsInfo .form-group > textarea {
			min-height: 120px;
			padding-top: 13px;
			border-radius: 22px;
			resize: none;
		}
.contactsInfo .form-group label.error-message,
		.contactsInfo .form-group span.error-message {
			display: block;
			width: 100%;
			margin-top: -25px;
			padding: 10px 24px;
			color: #f0582f;
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: 21px;
		}
.contactsInfo__btn {
		width: 100%;
		height: 44px;
		height: 44px;
		border: none;
		border-radius: 22px;
		border-radius: 22px;
		background-color: var(--blue-1);
		box-shadow: none;
		color: var(--white);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 1.6px;
		line-height: 1;
		text-transform: uppercase;
		cursor: pointer;
	}
.contactsInfo__btn:focus {
			outline: none;
			box-shadow: 0 0 5px var(--blue-1);
		}
.deliveryCities {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.deliveryCities .accordion li.active {
		position: relative;
		overflow: visible;
	}
.deliveryCities .accordion li.active::before {
			display: block;
			position: absolute;
			top: 75px;
			left: calc(50% - 50vw);
			width: calc(100vw + var(--scrollWidthShift));
			height: calc(100% - 75px);
			background-color: rgba(189, 202, 213, .13);
			content: "";
		}
.deliveryCities .accordion-inner {
		padding-top: 25px;
		padding-bottom: 25px;
	}
.deliveryCities .accordion-toggle {
		padding-top: 25px;
		padding-bottom: 25px;
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 2px;
		line-height: 1.2;
	}
.deliveryCities .accordion-toggle:hover, .deliveryCities .accordion-toggle:focus {
			-webkit-text-decoration-color: var(--grey-2);
			        text-decoration-color: var(--grey-2);
		}
.deliveryCities .accordion-list {
		width: 100%;
	}
.deliveryCities .accordion-item {
		width: 100%;
		margin-bottom: 30px;
	}
.deliveryCities .accordion-item h2 {
			display: block;
			margin-top: 0;
			margin-bottom: 20px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 400;
			letter-spacing: 1.8px;
			line-height: normal;
		}
.deliveryCities .accordion-item ul {
			display: grid;
			width: 100%;
			margin: 0;
			padding-left: 0;
		}
.deliveryCities .accordion-item ul > li {
			padding-bottom: 20px;
			background-color: transparent;
		}
.deliveryCities .accordion-item ul > li a {
				border-bottom: 1px solid transparent;
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 13px;
				font-weight: 700;
				letter-spacing: 1.3px;
				line-height: normal;
				text-decoration: none;
				transition: border-bottom-color .3s;
				will-change: border-bottom-color;
			}
.deliveryCities .accordion-item ul > li a:hover, .deliveryCities .accordion-item ul > li a:focus {
					border-bottom-color: var(--grey-2);
				}
.deliveryCities .accordion-item ul > li::before,
		.deliveryCities .accordion-item ul > li::after {
			display: none;
		}
.deliveryList {
	display: grid;
	grid-row-gap: 10px;
	grid-template-columns: 1fr;
	width: 100%;
	margin-bottom: 30px;
}
.deliveryList__item {
		display: grid;
		grid-row-gap: 20px;
		grid-template-columns: 1fr;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 25px;
		border: 1px solid var(--blue-1);
		background-color: var(--white);
	}
.deliveryList__text {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
.deliveryList__text p {
			display: block;
			margin-top: 0;
			margin-bottom: 5px;
			color: var(--grey-11);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 700;
			line-height: normal;
		}
.deliveryList__text a {
			border-bottom: 1px solid transparent;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 12px;
			font-weight: 700;
			line-height: normal;
			text-decoration: none;
			transition: border-bottom-color .3s;
			will-change: border-bottom-color;
		}
.deliveryList__text a:hover, .deliveryList__text a:focus {
				border-bottom-color: var(--blue-1);
			}
.deliveryList__img {
		display: flex;
		align-items: center;
		justify-content: center;
	}
.deliveryList__img--nova-poshta img {
			max-width: 95px;
		}
.deliveryList__img--logo-ukrposhta img {
			max-width: 130px;
		}
.deliveryList__img img {
			display: block;
			width: auto;
			height: auto;
			margin-bottom: 0;
		}
.galleryContent {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(2, minmax(130px, 140px));
	justify-content: center;
	justify-items: center;
	width: 100%;
	margin-bottom: 30px;
}
.galleryContent a {
		text-decoration: none;
		transition: opacity .3s;
		will-change: opacity;
	}
.galleryContent a:hover, .galleryContent a:focus {
			opacity: 0.8;
		}
.galleryContent picture {
		display: block;
	}
.galleryContent img {
		display: block;
		width: 100%;
		max-width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position:center;
		   object-position:center;
	}
.dropShipperConditions {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 35px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.dropShipperConditions::before {
		display: block;
		z-index: -1;
		position: absolute;
		top: 0;
		left: -20px;
		width: calc(100vw + var(--scrollWidthShift));
		height: 100%;
		background-image: var(--productGradient);
		content: "";
	}
.dropShipperConditions__text {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		text-align: center;
	}
.dropShipperConditions__text h2 {
			display: block;
			margin-top: 0;
			margin-bottom: 25px;
			color: var(--grey-11);
			font-family: var(--roboto);
			font-size: 20px;
			font-weight: 700;
			line-height: normal;
		}
.dropShipperConditions__text p {
			display: block;
			margin-top: 0;
			margin-bottom: 25px;
			color: var(--grey-1);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 400;
			line-height: 1.3;
		}
.dropShipperInfo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 10px;
}
.dropShipperInfo__scheme {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		margin-bottom: 25px;
	}
.dropShipperInfo__scheme ol {
			position: relative;
			width: 100%;
			margin: 0 0 30px;
			padding-left: 40px;
			list-style: none;
			counter-reset: olCounter;
		}
.dropShipperInfo__scheme ol li {
				display: flex;
				position: relative;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				color: var(--grey-11);
				font-family: var(--roboto);
				font-size: 14px;
				font-weight: 400;
				line-height: 1.3;
			}
.dropShipperInfo__scheme ol li:not(:last-of-type) {
				padding-bottom: 30px;
			}
.dropShipperInfo__scheme ol li:nth-of-type(1)::after {
					bottom: 40px;
					left: -26px;
					width: 390px;
					height: 31px;
					background-image: url(../img/scheme-line-1.svg);
					background-size: 390px 31px;
				}
.dropShipperInfo__scheme ol li:nth-of-type(2)::after {
					top: -16px;
					right: 2px;
					width: 370px;
					height: 15px;
					background-image: url(../img/scheme-line-2.svg);
					background-size: 370px 15px;
				}
.dropShipperInfo__scheme ol li:nth-of-type(3)::after {
					top: -12px;
					left: -26px;
					width: 210px;
					height: 125px;
					background-image: url(../img/scheme-line-3.svg);
					background-size: 210px 125px;
				}
.dropShipperInfo__scheme ol li:nth-of-type(4)::after {
					top: -36px;
					left: -66px;
					width: 215px;
					height: 145px;
					background-image: url(../img/scheme-line-4.svg);
					background-size: 215px 145px;
				}
.dropShipperInfo__scheme ol li::after {
				display: block;
				z-index: -1;
				position: absolute;
				background-position: center;
				background-repeat: no-repeat;
				content: "";
			}
.dropShipperInfo__scheme ol li::before {
				display: flex;
				position: absolute;
				top: -5px;
				left: -40px;
				align-items: center;
				justify-content: center;
				width: 30px;
				height: 30px;
				border-radius: 50%;
				background-color: var(--yellow-1);
				color: var(--white);
				font-family: var(--roboto);
				font-size: 18px;
				font-weight: 500;
				line-height: 1.5;
				content: counter(olCounter);
				counter-increment: olCounter;
			}
.dropShipperInfo__scheme svg {
			display: block;
			align-self: center;
			width: auto;
			max-width: 100%;
			margin-top: 20px;
			margin-right: 40px;
		}
.dropShipperInfo__scheme li:nth-of-type(1) svg {
			width: 93px;
		}
.dropShipperInfo__scheme li:nth-of-type(2) svg {
			width: 90px;
		}
.dropShipperInfo__scheme li:nth-of-type(3) svg {
			width: 105px;
		}
.dropShipperInfo__scheme p {
			display: block;
			margin-top: 0;
			margin-bottom: 0;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 18px;
			font-weight: 700;
			line-height: 1.3;
			text-align: center;
		}
.dropShipperText {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 15px;
}
.dropShipperText p {
		display: block;
		margin-top: 0;
		margin-bottom: 20px;
		color: var(--grey-1);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}
.blockData--drop-shipper {
		margin-bottom: 0 !important;
	}
.indexAbout {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}
.indexAbout__graphics {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 260px;
		max-width: 100%;
		margin-bottom: 50px;
	}
.indexAbout__image {
		width: 260px;
		height: 260px;
		margin-right: auto;
		margin-left: auto;
	}
.indexAbout__image picture,
		.indexAbout__image img {
			display: block;
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			-o-object-position: center;
			   object-position: center;
			border-radius: 50%;
		}
.indexAbout__link {
		display: flex;
		position: absolute;
		right: -25px;
		bottom: 15px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background-color: var(--purple-1);
		text-decoration: none;
		transition: transform .3s;
		will-change: none;
	}
.indexAbout__link:hover, .indexAbout__link:focus {
			transform: scale(1.2);
		}
.indexAbout__link span {
			margin-top: 5px;
			margin-bottom: 5px;
			color: var(--white);
			font-family: var(--roboto);
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 1.8px;
			line-height: 1;
			text-transform: uppercase;
		}
.indexAbout__link svg {
			display: block;
		}
.indexAdditionalBanners {
	display: grid;
	grid-template-columns: auto;
	width: 100%;
	max-width: 100%;
	margin-bottom: 30px;
}
.indexAdditionalBanners.containerFluid {max-width: 1440px;}
.indexAdditionalBanners__item {
		position: relative;
		transition: opacity .3s;
		will-change: opacity;
	}
.indexAdditionalBanners__item:hover, .indexAdditionalBanners__item:focus {opacity: 0.8;}
.indexAdditionalBanners picture,
	.indexAdditionalBanners img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}
.indexAdditionalBanners a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.indexPhotos {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 30px;
}
.indexPhotos__link {
		border-bottom: 1px solid transparent;
		color: var(--blue-1);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 1.4px;
		line-height: normal;
		text-decoration: none;
		text-transform: uppercase;
		transition: border-bottom-color .3s;
		will-change: border-bottom-color;
	}
.indexPhotos__link:hover, .indexPhotos__link:focus {
			border-bottom-color: var(--blue-1);
		}
.indexPhotos header {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}
.indexPhotos__list {
		display: grid;
		grid-gap: 14px;
		grid-template-columns: 290px;
		align-items: start;
		justify-content: center;
		width: 100%;
	}
.indexPhotos__list picture {
			display: block;
		}
.indexPhotos__list a {
			transition: opacity .3s;
			will-change: opacity;
		}
.indexPhotos__list a:hover, .indexPhotos__list a:focus {
				opacity: 0.8;
			}
.indexPhotos__list img {
			display: block;
			width: 100%;
			max-width: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			-o-object-position:center;
			   object-position:center;
		}
.fancybox-show-caption .fancybox-caption {
	font-family: var(--roboto);
	letter-spacing: 1px;
}
.indexBanner {
	display: flex;
	position: relative;
	width: 100%;
	max-width: 100%;
	transition: opacity .3s;
	will-change: opacity;
}
.indexBanner:hover, .indexBanner:focus {opacity: 0.8;}
.indexBanner.containerFluid {max-width: 1440px;}
.indexBanner picture,
	.indexBanner img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}
.indexBanner a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.productsNew {
	margin-bottom: 25px;
}
.item-details {
	display: grid;
	grid-row-gap: 20px;
	grid-template-columns: 100%;
	grid-template-rows: auto 1fr auto;
	width: 100%;
}
.item-details__button {
		align-items: center;
		justify-self: center;
		width: 280px;
		max-width: 100%;
		height: 44px;
	}
.item-details__button span {
			margin-left: 15px;
		}
.item-details__table {
		display: flex;
		flex-direction: column;
		overflow-x: auto;
		border-radius: 2px;
		background-color: var(--blue-3);
	}
.item-details__details-row {
		/* min-width: 570px; */
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		background-color: transparent;
		transition: background-color .3s;
		will-change: background-color;
	}
.item-details__details-row:first-child > div {
				position: relative;
			}
.item-details__details-row > div {
			display: flex;
			flex-grow: 1;
			align-items: center;
			justify-content: center;
			height: 52px;
			padding: 10px;
		}
.item-details__details-row > div span {
				display: flex;
				flex-direction: column;
				align-items: center;
				color: var(--black-2);
				font-family: var(--roboto);
				letter-spacing: 0.75px;
				white-space: nowrap;
			}
.item-details__details-row > div strike {
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 10px;
				font-weight: 400;
				letter-spacing: 0.56px;
			}
.item-details__details-row > div mark {
				background-color: transparent;
				color: #f0582f;
				font-family: var(--roboto);
				font-size: 12px;
				font-weight: 500;
				letter-spacing: 0.67px;
			}
.item-details__color-select {
		position: relative;
		width: 100%;
		height: 36px;
		border: 1px solid #d5dde4;
		background-color: white;
	}
.item-details__color-select::before {
			display: block;
			position: absolute;
			top: 1px;
			right: 1px;
			width: 32px;
			height: 32px;
			background: url(../img/arrow-gray--bottom.svg), linear-gradient(to right, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.04068) 5.79%, hsla(0, 0%, 100%, 0.1088) 10.88%, hsla(0, 0%, 100%, 0.19844) 15.63%, hsla(0, 0%, 100%, 0.3037) 20.37%, hsla(0, 0%, 100%, 0.41869) 25.46%, hsla(0, 0%, 100%, 0.5375) 31.25%, hsla(0, 0%, 100%, 0.65422) 38.08%, hsla(0, 0%, 100%, 0.76296) 46.3%, hsla(0, 0%, 100%, 0.85781) 56.25%, hsla(0, 0%, 100%, 0.93287) 68.29%, hsla(0, 0%, 100%, 0.98223) 82.75%, hsl(0, 0%, 100%));
			background-position: center;
			background-repeat: no-repeat;
			background-size: 12px 7px,cover;
			content: "";
			pointer-events: none;
		}
.item-details__color-select select {
			width: 100%;
			height: 100%;
			padding: 5px 10px;
			border: none;
			border-radius: 0;
			background-color: transparent;
			box-shadow: none;
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.item-details__qty {
		display: flex;
		align-items: center;
		margin-right: 0;
		margin-left: auto;
	}
.item-details__qty button {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 36px;
			height: 36px;
			padding: 0;
			border: none;
			background-color: transparent;
			background-image: none;
			color: var(--black-2);
			cursor: pointer;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.item-details__qty button:active {
				color: black;
			}
.item-details__qty input {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 36px;
			border: none;
			outline: none;
			background-color: white;
			color: var(--black-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			text-align: center;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.item-details__text {
		display: grid;
		grid-row-gap: 10px;
		grid-template-columns: 100%;
		width: 100%;
	}
.item-details__art {
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 1.4px;
	}
.item-details__name {
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 2px;
	}
.item-details__presence {
		position: relative;
		padding-left: 25px;
		color: var(--presence, black);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 1.4px;
		line-height: 20px;
	}
.item-details__presence::before {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background-color: var(--presence, black);
			text-align: center;
			content: "";
		}
.item-details__presence::after {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 18px;
			height: 18px;
			background-size: 18px 18px;
			text-align: center;
			content: "";
		}
.item-details__presence--present {
			--presence: var(--green);
		}
.item-details__presence--present::after {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='none' d='M0 0h18v18H0z'/%3E%3Cpath fill='%23fff' d='M7.85 12a.63.63 0 0 1-.44-.19L5.17 9.49a.69.69 0 0 1 0-.94.63.63 0 0 1 .84 0l1.79 1.87 4-4.19a.62.62 0 0 1 .9-.07.68.68 0 0 1 .07.93l-.06.06-4.41 4.66a.64.64 0 0 1-.45.19z'/%3E%3C/svg%3E");
			}
.item-details__presence--little {
			--presence: var(--yellow-1);
		}
.item-details__presence--no {
			--presence: var(--red-1);
		}
.item-details__material {
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.14px;
	}
.item-main {
	display: grid;
	grid-gap: 20px;
	align-items: start;
	justify-items: center;
	width: 100%;
	padding-bottom: 30px;
}
.item-slider {
	width: 100%;
	max-width: 570px;
}
.item-slider__wrapper {
		width: 100%;
	}
.item-slider__large {
		position: relative;
		width: 100%;
		margin-bottom: 5px;
	}
.item-slider__large .labels {
			z-index: 1;
		}
.item-slider__large .slick-slide {
			display: flex;
			height: auto;
		}
.item-slider__large .slick-slide div {
				display: flex;
			}
.item-slider__large picture,
		.item-slider__large img {
			display: block;
			width: 100%;
			height: auto;
		}
.item-slider__large .slick-arrow {
			z-index: 1;
			position: absolute;
			top: calc(50% - 22px);
			flex-shrink: 0;
			width: 44px;
			height: 44px;
			padding: 0;
			border: 2px solid transparent;
			border-radius: 0;
			background-color: rgb(244 252 255 / 20%);
			background-image: url(../img/arrow-blue--small.svg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: 12px 20px;
			font-size: 0;
			cursor: pointer;
			transition: background-color 0.3s;
			will-change: background-color;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
		}
.item-slider__large .slick-arrow:hover, .item-slider__large .slick-arrow:focus {
				background-color: rgb(244 252 255 / 60%);
			}
.item-slider__large .slick-arrow:active {
				border-color: var(--blue-1);
				background-color: rgb(244 252 255 / 100%);
			}
.item-slider__large .slick-arrow.slick-prev {
				left: 0;
				transform: rotate(180deg);
			}
.item-slider__large .slick-arrow.slick-next {
				right: 0;
			}
.share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding-top: 20px;
}
.share span {
		margin-right: 15px;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 700;
		line-height: 24px;
	}
#st-1 {
	z-index: 1 !important;
}
.item-slider__thumbnails {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
.item-slider__thumbnails .slick-slide {
			display: flex;
			margin: 5px;
			cursor: pointer;
			transition: opacity 0.3s;
			will-change: opacity;
		}
.item-slider__thumbnails .slick-slide.slick-current {
				box-shadow: 0px 0px 0px 2px var(--blue-1);
			}
.item-slider__thumbnails .slick-slide:hover, .item-slider__thumbnails .slick-slide:focus {
				opacity: 0.8;
			}
.item-slider__thumbnails .slick-slide div {
				display: flex;
			}
.item-slider__thumbnails .slick-track {
			display: flex !important;
			flex-wrap: wrap;
			justify-content: center;
			width: 100% !important;
			transform: none !important;
		}
.item-slider__thumbnails-img-wrapper picture,
		.item-slider__thumbnails-img-wrapper img {
			display: block;
			width: 100%;
			height: auto;
		}
.item-suggest {
	z-index: 1;
	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
}
.item-suggest::before {
		display: block;
		z-index: -1;
		position: absolute;
		bottom: 0;
		left: 0;
		width: calc(100vw + (2 * var(--scrollWidthShift)));
		height: 100%;
		background-image: var(--productGradient);
		content: "";
	}
.item-tabs {
	position: relative;
	width: 100%;
}
.item-tabs__wrapper {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
input[type=radio]:not(:checked) + label + .item-tabs__content {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
	}
input[type=radio]:checked + label + .item-tabs__content {
		max-height: none;
		opacity: 1;
	}
.item-tabs__content {
		display: flex;
		flex-basis: 100%;
		order: 1;
		width: 100%;
		transition: opacity .3s;
		will-change: opacity;
	}
.item-tabs__tab-wrapper {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
.item-tabs__tab-wrapper--sizes h2 {
				margin-bottom: 10px;
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 14px;
				font-weight: 700;
				letter-spacing: 1.4px;
				line-height: 24px;
			}
.item-tabs__tab-wrapper--sizes h3 {
				margin-top: 0;
				margin-bottom: 20px;
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 18px;
				font-weight: 700;
				letter-spacing: 1.8px;
				line-height: 24px;
			}
.item-tabs__tab-wrapper .tables-wrapper {
			display: grid;
			grid-gap: 20px;
			align-items: flex-start;
			width: 100%;
		}
.item-tabs__tab-wrapper .tables-instance {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			width: 100%;
		}
.item-tabs__tab-wrapper .table {
			width: 100%;
			padding-bottom: 12px;
			overflow-x: auto;
			overflow-y: hidden;
		}
.item-tabs__tab-wrapper .table::-webkit-scrollbar {
				width: 12px;
				height: 12px;
			}
.item-tabs__tab-wrapper .table::-webkit-scrollbar-track {
				background-color: #D4EFF9;
			}
.item-tabs__tab-wrapper .table::-webkit-scrollbar-thumb {
				border-radius: 0;
				background-color: #2fc2f0;
			}
.item-tabs__tab-wrapper .table::-webkit-scrollbar-thumb:hover, .item-tabs__tab-wrapper .table::-webkit-scrollbar-thumb:focus {
				background-color: var(--grey-1);
			}
.item-tabs__tab-wrapper .table table {
				width: calc(100% - 1px);
				min-width: 540px;
				border-collapse: collapse;
			}
.item-tabs__tab-wrapper .table th, .item-tabs__tab-wrapper .table td {
				text-align: left;
			}
.item-tabs__tab-wrapper .table thead th {
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 12px;
				font-weight: 700;
				letter-spacing: 1.2px;
				line-height: 24px;
			}
.item-tabs__tab-wrapper .table tbody th, .item-tabs__tab-wrapper .table tbody td {
					padding: 10px;
					border: 1px solid #D4EFF9;
					color: var(--grey-2);
					font-family: var(--roboto);
					font-size: 14px;
					font-weight: 400;
					letter-spacing: 1.4px;
					line-height: 24px;
				}
.item-tabs__tab-wrapper .item-testimonials-wrapper {
			display: grid;
			grid-row-gap: 30px;
			grid-template-columns: 1fr;
			width: 100%;
		}
.item-tabs input {
		position: absolute;
		opacity: 0;
	}
.item-tabs label {
		display: inline-flex;
		z-index: 1;
		align-items: center;
		justify-content: center;
		height: 40px;
		padding-right: 20px;
		padding-left: 20px;
		border: 1px solid var(--blue-1);
		transition: background-color .3s, color .3s;
		will-change: background-color, color;
		-webkit-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
	}
.item-tabs label:not(:last-of-type) {
			margin-right: 15px;
		}
.item-tabs label h2 {
			margin-top: 0;
			margin-bottom: 0;
			color: var(--blue-1);
			font-family: var(--roboto);
			font-size: 10px;
			font-weight: 500;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
.item-tabs input[type=radio]:not(:checked) + label {
		cursor: pointer;
	}
.item-tabs input[type=radio]:checked + label {
		background-color: var(--blue-3);
	}
.searchInfo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.searchInfo p {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-3);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 400;
		line-height: normal;
	}
.searchInfo p:not(:only-child) {
		margin-bottom: 30px;
	}
.searchCards {
	display: grid;
	grid-gap: 20px 12px;
	grid-template-columns: repeat( var(--searchCardsQty, 1), 280px);
	justify-content: center;
	justify-items: center;
	width: 100%;
	margin-bottom: 40px;
}
.testimonials-alert {
	display: flex;
	grid-area: talert;
	align-items: center;
	border: 1px solid #f0582f;
	border-radius: 2px;
}
.testimonials-alert svg {
		flex-shrink: 0;
	}
.testimonials-alert__text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
.testimonials-alert__text p {
			margin-top: 0;
			color: var(--grey-3);
			font-family: var(--roboto);
			font-size: 18px;
		}
.testimonials-alert__text p:not(:last-child) {
				margin-bottom: 15px;
			}
.testimonials-alert__text p:last-child {
				margin-bottom: 0;
			}
.testimonials-alert__text p a {
				color: var(--blue-1);
				font-weight: 500;
				-webkit-text-decoration-color: transparent;
				        text-decoration-color: transparent;
				transition: -webkit-text-decoration-color .3s;
				transition: text-decoration-color .3s;
				transition: text-decoration-color .3s, -webkit-text-decoration-color .3s;
				will-change: text-decoration-color;
			}
.testimonials-alert__text p a:hover, .testimonials-alert__text p a:focus {
					-webkit-text-decoration-color: currentColor;
					        text-decoration-color: currentColor;
				}
.overall-qty {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.overall-qty b {
		margin-bottom: 8px;
		color: var(--grey-3);
		font-family: var(--roboto);
		font-size: 24px;
		font-weight: 700;
	}
.overall-qty span {
		color: var(--grey-3);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 400;
	}
.testimonials-info__social {
		display: grid;
		justify-content: center;
		width: 100%;
	}
.social-btn {
	display: flex;
	align-items: center;
	height: 36px;
	border-radius: 2px;
	background-color: var(--social-btn, darkgray);
	text-decoration: none;
	transition: opacity .3s;
	will-change: opacity;
}
.social-btn--fb {
		--social-btn: #1175d8;
	}
.social-btn--g {
		--social-btn: #e84545;
	}
.social-btn:hover, .social-btn:focus {
		opacity: 0.7;
	}
.social-btn span {
		width: calc(100% - 36px);
		padding-right: 15px;
		padding-left: 15px;
		background-color: rgba(255, 255, 255, 0.2);
		color: var(--white);
		font-family: var(--roboto);
		font-size: 16px;
		font-weight: 700;
		line-height: 36px;
	}
.overall-rate {
	display: flex;
}
.overall-rate__number {
		color: var(--grey-3);
		font-family: var(--roboto);
		font-size: 24px;
		font-weight: 700;
	}
.overall-rate__figure {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 6px;
	}
.overall-rate__figure > span {
			color: var(--grey-3);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
		}
.overall-rate__stars {
		display: flex;
		margin-bottom: 8px;
	}
.overall-rate__stars .rate-star {
			width: 26px;
			height: 26px;
			margin-right: 4px;
			margin-left: 4px;
		}
.rate-star {
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.rate-star--checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23f0c92f' d='M11.9 4.88c.69 1.47 6.39.12 6.1 2.39-.08.6-.3.5-3.57 3.93-1.12 1.14 1.83 6.4-.3 6.78-.56.1-.54-.14-4.67-2.33-1.39-.77-5.26 3.8-6.27 1.8-.27-.53 0-.58.68-5.36C4 11.18 3.23 11 .29 7.85a1 1 0 0 1 .54-1.72c4.1-.76 4.88-.42 5.27-1.25C7.7 2.07 8-.62 9.43.13c.51.26.36.44 2.47 4.75z'/%3E%3C/svg%3E");
}
.rate-star--unchecked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23cdd6de' d='M11.9 4.88c.69 1.47 6.39.12 6.1 2.39-.08.6-.3.5-3.57 3.93-1.12 1.14 1.83 6.4-.3 6.78-.56.1-.54-.14-4.67-2.33-1.39-.77-5.26 3.8-6.27 1.8-.27-.53 0-.58.68-5.36C4 11.18 3.23 11 .29 7.85a1 1 0 0 1 .54-1.72c4.1-.76 4.88-.42 5.27-1.25C7.7 2.07 8-.62 9.43.13c.51.26.36.44 2.47 4.75z'/%3E%3C/svg%3E");
}
.testimonials-info {
	display: grid;
	grid-area: tinfo;
	grid-gap: 24px 16px;
	justify-items: center;
	width: 100%;
	padding: 24px;
	border-radius: 2px;
	background-color: var(--white);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.testimonials-list {
	display: grid;
	grid-area: tlist;
	grid-row-gap: 40px;
	width: 100%;
}
.testimonials-list__more-testimonials-button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 320px;
		max-width: calc(100vw - 40px);
		height: 44px;
		margin: 0 auto 40px;
		padding: 0;
		border: 1px solid var(--grey-6);
		border-radius: 54px;
		background-color: transparent;
		background-image: none;
		color: var(--grey-4);
		font-family: var(--roboto);
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 1.4px;
		text-transform: uppercase;
		cursor: pointer;
		transition: color .3s, background-color .3s;
		will-change: color, background-color;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.testimonials-list__more-testimonials-button:hover, .testimonials-list__more-testimonials-button:focus {
			background-color: var(--grey-6);
			color: white;
		}
.customer-message {
	display: grid;
	grid-gap: 20px 25px;
	width: 100%;
}
.customer-message__name {
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 700;
	}
.customer-message__rate {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
.customer-message__rate > span {
			color: var(--grey-4);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			line-height: 18px;
		}
.customer-message__rate-stars {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 120px;
		margin-bottom: 10px;
	}
.customer-message__rate-stars .rate-star {
			width: 18px;
			height: 18px;
		}
.customer-message__meta {
		display: flex;
		align-items: center;
	}
.customer-message__meta b,.customer-message__meta p {
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			line-height: 14px;
		}
.customer-message__meta b {
			color: var(--grey-2);
		}
.customer-message__meta p {
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 10px;
			padding-left: 10px;
			border-left: 1px solid var(--grey-4);
			color: var(--grey-4);
		}
.customer-message__content p {
			margin-top: 0;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
		}
.customer-message__content p:not(:last-child) {
				margin-bottom: 15px;
			}
.customer-message__content p:last-child {
				margin-bottom: 0;
			}
.customer-message__content img {
			max-width: 100%;
			height: auto;
			border: 5px solid var(--white);
			box-shadow: 0 6px 17px rgba(0, 0, 0, 0.16);
		}
.support-message {
	display: grid;
	position: relative;
	grid-gap: 20px 25px;
	width: 100%;
	padding: 25px;
	border-radius: 36px 0;
	background-color: var(--blue-5);
}
.support-message::after {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 46px;
		height: 24px;
		transform: translateY(-100%);
		background-color: var(--blue-5);
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
		        clip-path: polygon(0 100%, 100% 100%, 100% 0);
		content: "";
	}
.support-message__logo {
		color: var(--grey-2);
		font-family: var(--roboto);
		font-size: 18px;
		font-weight: 700;
	}
.support-message__meta {
		display: flex;
		align-items: center;
	}
.support-message__meta b,.support-message__meta p {
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 400;
			line-height: 14px;
		}
.support-message__meta b {
			color: var(--grey-2);
		}
.support-message__meta p {
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 10px;
			padding-left: 10px;
			border-left: 1px solid var(--grey-4);
			color: var(--grey-4);
		}
.support-message__content p {
			margin-top: 0;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
		}
.support-message__content p:not(:last-child) {
				margin-bottom: 15px;
			}
.support-message__content p:last-child {
				margin-bottom: 0;
			}
.support-message__content p b {
				font-weight: 500;
			}
.support-message__content img {
			max-width: 100%;
			height: auto;
			border: 5px solid var(--white);
			box-shadow: 0 6px 17px rgba(0, 0, 0, 0.16);
		}
.testimonials-wrapper {
	display: grid;
	grid-row-gap: 30px;
	grid-template-columns: 1fr;
	width: 100%;
}
.testimonials-sidebar {
	grid-area: tsidebar;
	width: 100%;

}
.testimonials-sidebar__table {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
.testimonials-sidebar__table > span {
			margin-bottom: 15px;
			color: var(--black-1);
			font-family: var(--roboto);
			font-size: 14px;
			font-weight: 500;
		}
.testimonials-sidebar__table ul {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			width: 100%;
			margin-top: 0;
			margin-bottom: 0;
			padding-left: 0;
			list-style: none;
		}
.testimonials-sidebar__table ul li {
				display: grid;
				grid-column-gap: 15px;
				grid-template-columns: 120px 35px 1fr;
				width: 100%;
			}
.testimonials-sidebar__table ul li > b {
					color: var(--grey-2);
					font-family: var(--roboto);
					font-size: 14px;
					font-weight: 500;
					line-height: 2;
				}
.testimonials-sidebar__table ul li > span {
					color: var(--grey-2);
					font-family: var(--roboto);
					font-size: 14px;
					font-weight: 300;
					line-height: 2;
					text-align: right;
				}
.testimonials-sidebar__rate-stars {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 120px;
	}
.testimonials-sidebar__rate-stars .rate-star {
			width: 18px;
			height: 18px;
		}
.testimonials-sidebar__text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
.testimonials-sidebar__text p {
			margin-top: 0;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			line-height: 22px;
		}
.testimonials-sidebar__text p:not(:last-child) {
				margin-bottom: 15px;
			}
.testimonials-sidebar__text p:last-child {
				margin-bottom: 0;
			}
.testimonials-sidebar__button-wrapper {
		display: grid;
		grid-gap: 15px;
		width: 100%;
	}
.testimonials-sidebar__button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 36px;
		padding: 0;
		border: none;
		border: 1px solid var(--blue-1);
		border-radius: 2px;
		background-color: var(--blue-1);
		background-image: none;
		color: var(--white);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.2px;
		line-height: 32px;
		text-transform: uppercase;
		cursor: pointer;
		transition: background-color .3s, color .3s;
		will-change: background-color, color;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}
.testimonials-sidebar__button:hover, .testimonials-sidebar__button:focus {
			background-color: var(--white);
			color: var(--blue-1);
		}
.testimonials-sidebar__link {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 36px;
		border: 1px solid var(--blue-1);
		border-radius: 2px;
		background-color: var(--white);
		color: var(--blue-1);
		font-family: var(--roboto);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.2px;
		line-height: 32px;
		text-decoration: none;
		text-transform: uppercase;
		transition: background-color .3s, color .3s;
		will-change: background-color, color;
	}
.testimonials-sidebar__link:hover, .testimonials-sidebar__link:focus {
			background-color: var(--blue-1);
			color: var(--white);
		}
.testimonials-title {
	grid-area: ttitle;
}
.testimonials-title h1 {
		margin-bottom: 10px;
	}
.thanksSocial {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 30px;
}
.thanksSocial__text {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		max-width: 660px;
	}
.thanksSocial__list {
		display: grid;
		grid-row-gap: 15px;
		grid-template-columns: 1fr;
		justify-content: center;
		justify-items: center;
		width: 100%;
	}
.thanksSocial__item {
		display: flex;
		justify-content: center;
		width: 100%;
	}
.thanksInfo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 30px;
}
.thanksInfo p {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: var(--grey-11);
		font-family: var(--roboto);
		font-size: 20px;
		font-weight: 400;
		line-height: 1.2;
		text-align: center;
	}
@media (min-width: 360px) {
:root {
		--containerPaddingHorizontal: 35px
}
.footerCopy {
		max-width: 350px
}
.header-social {
		margin-right: 8px;
		margin-left: 8px
}
.header-social li {
			margin-right: 8px;
			margin-left: 8px
	}
.galleryContent {
		grid-gap: 16px;
		grid-template-columns: repeat(2, 140px)
}
.dropShipperConditions::before {
			left: -35px
	}}
@media (min-width: 360px) and (max-width: 479px) {
.customer-message {
		max-width: calc(100vw - 70px)
}
.support-message {
		max-width: calc(100vw - 70px)
}}
@media (min-width: 480px) {
.modal-contact__block ul {
			grid-template-columns: repeat( auto-fit, minmax(180px, -webkit-max-content) );
			grid-template-columns: repeat( auto-fit, minmax(180px, max-content) )
	}
.footerMain {
		padding-bottom: 20px
}
.back-to-top--is-visible {
			visibility: visible;
			opacity: 1
	}
.blockData__decor:nth-of-type(2) {
				top: 65px
		}
.blockData__decor:nth-of-type(3) {
				bottom: -16px;
				left: -13px
		}
.blockData__decor:nth-of-type(4) {
				right: 27px;
				bottom: -9px
		}
.blockData__decor:nth-of-type(5) {
				top: 190px;
				left: 80px
		}
.blockData__decor:nth-of-type(6) {
				top: auto;
				right: auto;
				bottom: 250px;
				left: 272px
		}
.blockData__decor:nth-of-type(7) {
				top: -1px
		}
.blockData__decor:nth-of-type(8) {
				top: 123px;
				right: -7px
		}
.blockData__decor:nth-of-type(9) {
				bottom: 125px;
				left: 120px
		}
.blockData__decor:nth-of-type(10) {
				bottom: 11px
		}
.size-table {
		right: 0;
		transform: translateX(100%)
}
		.size-table-is-toggled .size-table {
			transform: translateX(0);
		}
.size-table-is-toggled .size-table__list {
				box-shadow: 0 4px 13px 0 rgba(50,50,50,.5)
		}
.size-table__toggler {
			width: 240px;
			transform: rotate(-90deg) translate(-100%,-100%);
			transform-origin: 0 0
	}
.page404Image {
		padding-right: 0;
		padding-left: 0
}
.page404Image img {
			max-width: 360px
	}
.cart-table-item__details-row:hover, .cart-table-item__details-row:focus {
				background-color: #d4eff9
		}
.cart-table-item__details-row:first-child {
				border-top: 2px solid #d8ebf2
		}
.cart-table-item__details-row:first-child > div::before {
						position: absolute;
						top: -25px;
						left: 0;
						width: 100%;
						padding-right: 10px;
						padding-left: 10px;
						transform: translateY(-50%);
						color: var(--grey-2);
						font-family: var(--roboto);
						font-size: 16px;
						font-weight: 400;
						text-align: center;
						text-transform: uppercase;
						white-space: nowrap;
						content: attr(aria-label)
				}
.cart-table-item__details-row > div span {
					font-size: 12px;
					font-weight: 500
			}
.galleryContent {
		grid-template-columns: repeat(3, 140px)
}
.indexAbout__graphics {
			width: 365px
	}
.indexAbout__image {
			width: 365px;
			height: 365px
	}
.indexAbout__link {
			right: -40px;
			bottom: 25px;
			width: 126px;
			height: 126px
	}
.indexAbout__link span {
				margin-top: 10px;
				margin-bottom: 10px;
				font-size: 18px
		}
.indexAbout__link svg {
				width: 20px;
				height: 20px
		}
.indexPhotos__list {
			grid-template-columns: auto auto
	}
.indexPhotos__list a:first-child {
				grid-column: 1 / 3
		}
.item-details__table {
			padding-top: 50px
	}
.item-details__details-row:hover, .item-details__details-row:focus {
				background-color: #d4eff9
		}
.item-details__details-row:first-child {
				border-top: 2px solid #d8ebf2
		}
.item-details__details-row:first-child > div::before {
						position: absolute;
						top: -25px;
						left: 0;
						width: 100%;
						padding-right: 10px;
						padding-left: 10px;
						transform: translateY(-50%);
						color: var(--grey-2);
						font-family: var(--roboto);
						font-size: 16px;
						font-weight: 400;
						text-align: center;
						text-transform: uppercase;
						white-space: nowrap;
						content: attr(aria-label)
				}
.item-details__details-row > div span {
					font-size: 12px;
					font-weight: 500
			}
.testimonials-alert {
		padding: 30px
}
.testimonials-alert__text {
			margin-left: 40px
	}
.testimonials-list__more-testimonials-button {
			font-size: 14px
	}
.customer-message {
		grid-template-columns: 140px 1fr
}
.customer-message__name {
			grid-area: 1/1/2/2
	}
.customer-message__rate {
			grid-area: 2/1/3/2
	}
.customer-message__meta {
			grid-area: 1/2/2/3
	}
.customer-message__content {
			grid-area: 2/2/3/3
	}
.support-message {
		grid-template-columns: 115px 1fr
}
.support-message__logo {
			grid-area: 1/1/3/2
	}
.support-message__meta {
			grid-area: 1/2/2/3
	}
.support-message__content {
			grid-area: 2/2/3/3
	}}
@media (min-width: 480px) and (max-width: 639px) {
.cart-table-item__details-row:first-child > div::before {
						padding-right: 5px;
						padding-left: 5px;
						font-size: 12px;
						white-space: normal
				}
.item-details__details-row:first-child > div::before {
						padding-right: 5px;
						padding-left: 5px;
						font-size: 12px;
						white-space: normal
				}
.testimonials-sidebar__button-wrapper .testimonials-sidebar__button,
		.testimonials-sidebar__button-wrapper .testimonials-sidebar__link {
				letter-spacing: 0
		}}
@media (min-width: 480px) and (max-width: 767px) {
.size-table {
		top: 310px
}
.articleCards__cards {
			--articleCardsTemplate: 410px
	}
.blogCards {
		--blogCardsColumns: 410px
}}
@media (min-width: 480px) and (max-width: 1023px) {
.testimonials-sidebar {
		display: grid;
		grid-gap: 25px;
		grid-template-columns: 235px 1fr

}
.testimonials-sidebar__table {
			grid-area: 1/1/2/2
	}
.testimonials-sidebar__text {
			grid-area: 1/2/2/3
	}
.testimonials-sidebar__button-wrapper {
			grid-area: 2/1/3/3;
			grid-template-columns: 1fr 1fr
	}
			.testimonials-sidebar__button-wrapper .testimonials-sidebar__button {
				grid-area: 1/1/2/2;
			}
.testimonials-sidebar__button {
			grid-area: 2/1/3/3
	}
.testimonials-sidebar.testimonials-sidebar--item .testimonials-sidebar__text {
			grid-area: 1/1/2/3
	}}
@media (min-width: 480px) and (max-width: 1439px) {
.cart-table-item__details {
			padding-top: 50px
	}}
@media (min-width: 640px) {
.container,
.containerMini {
		padding-right: 0;
		padding-left: 0
}
.mb-30-max639-40-min640 {
		margin-bottom: 40px
}
.modal-cart-content__message {
			margin-top: 80px
	}
.footerCopy {
		max-width: none
}
.footerInfo {
		flex-direction: row;
		align-items: flex-end
}
.footerNavigation {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between
}
.footerMenu {
		flex-basis: 33%;
		margin-bottom: 0
}
.footerMenu {
		flex-basis: 190px
}
.footerSubscription {
		max-width: none;
		margin-right: 20px;
		margin-bottom: 0
}
.footerSubscription__email {
			width: 100%
	}
.blockData__decor:nth-of-type(2) {
				top: 27px;
				right: 154px;
				left: auto
		}
.blockData__decor:nth-of-type(5) {
				top: 90px;
				left: 9px
		}
.blockData__decor:nth-of-type(6) {
				top: 36px;
				bottom: auto
		}
.blockData__decor:nth-of-type(9) {
				bottom: 65px
		}
.blockData__list {
			grid-gap: 50px 60px;
			grid-template-columns: repeat(2, 180px)
	}
.blockData__item + .blockData__item {
			margin-top: 0
	}
.custom-slider__slider {
		width: 584px;
		margin-right: 0;
		margin-left: 0
}
.detailsInformation__wrapper >ul {
				grid-template-columns: repeat(2, 300px)
		}
.top-banner {
		padding: 8px 15px
}
.top-banner__text {
			align-items: baseline;
			justify-content: center

	}
.top-banner__text p {
				font-size: 18px
		}
.top-banner__text a {
				margin-left: 40px
		}
.top-banner__button {
			position: absolute;
			top: calc(50% - 20px);
			right: 15px
	}
.page404Image img {
			max-width: 360px;
			margin-top: -50px
	}
.page404Info__logo-wrapper {
			margin-bottom: 50px
	}
.page404Info h2 {
			font-size: 30px
	}
.aboutAdvantages {
		grid-template-columns: repeat(2, 1fr)
}
.cart-table-item__details-row > div {
				min-width: 120px
		}
.cart-table-item__size {
			min-width: 85px !important
	}
.sorting {
		grid-area: 1/1/2/2
}
.catalogWrapper {
		grid-row-gap: 40px
}
.categoryBanner {
		display: grid;
		grid-template-columns: calc(50% + 10px) 1fr
}
.categoryBanner__info {
			align-items: flex-start;
			height: 100%;
			padding-top: 20px;
			padding-right: 20px;
			padding-bottom: 20px;
			padding-left: calc((100vw - 610px) / 2);
			text-align: left
	}
.deliveryList__item {
			grid-column-gap: 25px;
			grid-template-columns: 1fr 1fr
	}
.deliveryList__text {
			align-items: flex-start
	}
.deliveryList__img {
			justify-content: flex-end
	}
.galleryContent {
		grid-template-columns: repeat(4, 140px)
}
.dropShipperConditions::before {
			left: calc(50% - 50vw)
	}
.dropShipperInfo__scheme ol {
				display: grid;
				grid-template-areas:
				"one one"
				"two two"
				"three four";
				grid-template-columns: 1fr 1fr;
				padding-right: 70px;
				padding-left: 70px
		}
.dropShipperInfo__scheme ol li:nth-of-type(1) {
					grid-area: one;
					justify-self: center;
					max-width: 345px;
					padding-bottom: 60px
			}
.dropShipperInfo__scheme ol li:nth-of-type(2)::before {
						top: -25px;
						right: -25px;
						left: auto
				}
.dropShipperInfo__scheme ol li:nth-of-type(2) {
					grid-area: two;
					justify-self: center;
					width: 350px
			}
.dropShipperInfo__scheme ol li:nth-of-type(3)::before {
						top: -24px
				}
.dropShipperInfo__scheme ol li:nth-of-type(3) {
					grid-area: three;
					max-width: 115px
			}
.dropShipperInfo__scheme ol li:nth-of-type(4)::before {
						top: auto;
						bottom: 0;
						left: -132px
				}
.dropShipperInfo__scheme ol li:nth-of-type(4) {
					grid-area: four;
					justify-self: end;
					max-width: 115px;
					text-align: right
			}
.dropShipperInfo__scheme svg {
				position: absolute;
				margin: 0
		}
.dropShipperInfo__scheme li:nth-of-type(1) svg {
				bottom: -5px;
				left: -130px
		}
.dropShipperInfo__scheme li:nth-of-type(2) svg {
				right: -130px;
				bottom: 43px
		}
.dropShipperInfo__scheme li:nth-of-type(3) svg {
				bottom: 55px;
				left: 180px
		}
.indexAbout__graphics {
			width: 400px;
			margin-bottom: 70px
	}
.indexAbout__image {
			width: 400px;
			height: 400px
	}
.indexAdditionalBanners {
		grid-template-columns: 1fr 1fr
}
.indexBanner {
		margin-bottom: 4px
}
.item-details__table {
			width: 100%
	}
.item-details__details-row > div {
				min-width: 120px
		}
.item-details__size {
			min-width: 85px !important
	}}
@media (min-width: 640px) and (max-width: 767px) {
.custom-slider .slick-arrow {
			display: none !important
	}}
@media (min-width: 640px) and (max-width: 1023px) {
:root {
		--containerMaxWidth: 610px
}
.catalog-content {
		grid-area: 2/1/3/2;
		grid-column-gap: 20px
}
.filter {
		grid-area: 1/2/2/3
}
.catalogWrapper {
		grid-column-gap: 20px;
		grid-template-columns: repeat(2, 280px)
}
.categoryCards {
		--categoryCardsQty: 2
}
.searchCards {
		--searchCardsQty: 2
}}
@media (min-width: 640px) and (max-width: 1279px) {
.footerSubscription {
		width: calc(50% - 30px)
}
.catalog-content {
		--catalog-card-qty: 2
}}
@media (min-width: 640px) and (max-width: 1439px) {
.indexAdditionalBanners {
		grid-column-gap: 4px
}}
@media (min-width: 768px) {
.modal__header {
			flex-direction: row;
			justify-content: center;
			margin-bottom: 40px
	}
.modal__title {
			font-size: 24px;
			letter-spacing: 2.4px
	}
.modal__close {
			margin-left: 10px
	}
.modal-contact__block h3 {
			font-size: 20px;
			letter-spacing: 2px
	}
.testimonial-form {
		grid-template-columns: 1fr 1fr
}
.testimonial-form__additional-info {
			grid-column: span 2
	}
.testimonial-form__rate .rate-input {
				margin-top: -3px
		}
.testimonial-form__submit {
			grid-column: span 2
	}
			.testimonial-form__submit::before,
			.testimonial-form__submit::after {
				flex-grow: 1;
				height: 1px;
				background-color: var(--blue-1);
				content: "";
			}
.footerSubscription {
		margin-right: 40px
}
.heading:only-child {
		margin-bottom: 25px
}
.size-table {
		top: 240px
}
.site-header__icons-block {
			margin-left: auto
	}
.articleCards__cards {
			grid-column-gap: 10px
	}
.articleSocial {
		flex-direction: row;
		align-items: center;
		justify-content: center
}
.articleSocial h3 {
			margin-bottom: 0
	}
.blogCards {
		--blogCardsColumns: 570px
}
.catalog h1 {
			margin-top: 0
	}
.catalogWrapper {
		margin-bottom: 50px
}
.categoryBanner {
		grid-template-columns: calc(50% + 10px) 1fr
}
.item-tabs::before {
			display: block;
			position: absolute;
			top: 39px;
			left: 0;
			width: 100%;
			height: 388px;
			max-height: 100%;
			border-top: 1px solid var(--blue-1);
			background-image: linear-gradient(180deg, var(--blue-3) 0%, var(--white) 100%);
			content: ""
	}
.item-tabs input[type=radio]:checked + label {
			border-bottom-color: var(--blue-3)
	}}
@media (min-width: 768px) and (max-width: 1023px) {
.header-title {
		margin-left: 15px
}
.articleCards__cards {
			--articleCardsTemplate: repeat(2, 1fr)
	}
.cart-info__wrapper {
			grid-template-columns: repeat(4, 1fr);
			grid-template-rows: 1fr auto
	}}
@media (min-width: 768px) and (max-width: 1279px) {
.site-header .container {
			padding-right: 30px;
			padding-left: 30px
	}}
@media (min-width: 1024px) {
h1 {
		font-size: 24px
}
.footerMenu {
		flex-basis: 210px
}
.footerMenu h4 {
			font-size: 18px
	}
.footerMenu >ul {
			min-width: 210px
	}
.footerMenu >ul a {
				font-size: 18px
		}
.aboutTextBlock__text {
			max-height: 280px
	}
.blockData {
		min-height: 195px;
		margin-bottom: 40px;
		padding-right: 50px;
		padding-left: 50px
}
.blockData__decor:nth-of-type(1) {
				top: -27px;
				left: 132px;
				width: 78px;
				height: 78px
		}
.blockData__decor:nth-of-type(2) {
				top: 15px;
				right: 200px;
				width: 35px;
				height: 35px
		}
.blockData__decor:nth-of-type(3) {
				bottom: -77px;
				left: -17px;
				width: 128px;
				height: 128px
		}
.blockData__decor:nth-of-type(4) {
				right: 50px;
				bottom: -100px;
				width: 177px;
				height: 177px
		}
.blockData__decor:nth-of-type(5) {
				top: 48px;
				left: 20px;
				width: 27px;
				height: 27px
		}
.blockData__decor:nth-of-type(6) {
				top: 22px;
				left: 352px;
				width: 42px;
				height: 42px
		}
.blockData__decor:nth-of-type(7) {
				top: -7px;
				right: 95px
		}
.blockData__decor:nth-of-type(8) {
				top: 33px
		}
.blockData__decor:nth-of-type(9) {
				bottom: 28px;
				left: 188px;
				width: 23px;
				height: 23px
		}
.blockData__decor:nth-of-type(10) {
				right: 296px;
				bottom: -12px;
				width: 36px;
				height: 36px
		}
.blockData__list {
			grid-gap: 20px;
			grid-template-columns: repeat(4, 160px);
			justify-content: space-between
	}
.custom-slider__slider {
		width: calc(100% + 6px);
		margin-right: -3px;
		margin-left: -3px
}
.detailsInformation__wrapper >ul {
				grid-template-columns: repeat(4, 1fr)
		}
.productCard {
		width: 253px !important
}
.youtube-video  {
		width: 386px;
		margin-bottom: 0
}
.page404Info {
		align-items: flex-start
}
.page404Info h2 {
			text-align: left
	}
.page404Info p {
			margin-bottom: 30px;
			text-align: left
	}
.page404 {
		grid-column-gap: 70px;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		justify-content: center;
		justify-items: center;
		padding-top: 100px
}
.site-header-is-fixed {
		display: flex;
		z-index: 10;
		position: fixed;
		top: 0;
		left: 0;
		align-items: center;
		width: 100%;
		transform: translateY(-100%);
		background-color: var(--white);
		animation: headerSlide .3s forwards, headerShadow .3s .3s forwards
}
		.navigation-menu-is-toggled .site-header-is-fixed,
		.language-menu-is-toggled .site-header-is-fixed {
			transform: translateY(0);
			animation-duration: 0s;
			animation-delay: 0s;
		}
.site-header-is-fixed .site-header__top {
			display: none
	}
.site-header-is-fixed .site-header__bottom-wrapper {
			align-items: center
	}
.site-header-is-fixed .header-catalog {
			display: flex;
			align-items: center;
			width: 100%
	}
.site-header-is-fixed .header-search {
			display: none
	}
.site-header-is-fixed + .site-main {
		margin-top: var(--siteHeaderFixedIndent)
}
.site-header__bottom-wrapper {
			align-items: flex-start;
			justify-content: space-between
	}
.header-catalog {
		width: 100%
}
.header-catalog__content {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			width: 100%
	}
.header-catalog__button {
			display: none
	}
.header-catalog-menu__main {
		display: flex;
		width: 100%
}

		.header-catalog-menu__main .nav-items {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			margin-top: 0;
			margin-bottom: 0;
			padding-right: 50px;
			padding-left: 0;
			list-style: none;
		}

		.header-catalog-menu__main .nav-item--mobile {
			display: none;
		}

		.header-catalog-menu__main .nav-link {
			display: flex;
			align-items: center;
			height: 44px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 700;
			line-height: 24px;
			text-decoration: none;
			transition: color 0.3s;
			will-change: color;
			-webkit-user-select: none;
			    -ms-user-select: none;
			        user-select: none;
		}
			.header-catalog-menu__main .nav-link--accent {
				color: #f0582f;
			}
			.header-catalog-menu__main .nav-link:hover,
			.header-catalog-menu__main .nav-link:focus,
			.header-catalog-menu__main .nav-link--active {
				color: var(--blue-1);
			}
			.header-catalog-menu__main .nav-link:focus {
				outline: none !important;
			}
			.header-catalog-menu__main .nav-link:focus:not(:hover), .header-catalog-menu__main .nav-link:focus:not(:focus) {
				color: var(--grey-2);
			}

		.header-catalog-menu__main .nav-items > .nav-item:hover > .nav-link, .header-catalog-menu__main .nav-items > .nav-item:focus > .nav-link {
			color: var(--blue-1);
		}

		.header-catalog-menu__main .nav-expand-link {
			padding-right: 20px;
		}
			.header-catalog-menu__main .nav-expand-link::after {
				display: block;
				width: 12px;
				height: 7px;
				margin-left: 7px;
				background-image: url(../img/arrow-gray--bottom.svg);
				content: "";
			}

		.header-catalog-menu__main .nav-expand-content-wrapper {
			display: flex;
			z-index: 2;
			position: absolute;
			top: 100%;
			left: 0;
			align-items: flex-start;
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding: 25px;
			background-color: var(--blue-3);
			box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
			opacity: 0;
			pointer-events: none;
			transition: opacity 0.5s 0.25s;
			will-change: opacity;
		}

		.header-catalog-menu__main .nav-expand-content {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(180px, -webkit-max-content));
			grid-template-columns: repeat(auto-fit, minmax(180px, max-content));
			justify-items: start;
			order: -1;
			padding-right: 0;
		}
			.header-catalog-menu__main .nav-expand-content .nav-item:first-child {
				display: none;
			}
			.header-catalog-menu__main .nav-expand-content a {
				font-weight: 400;
			}

		.header-catalog-menu__main .nav-expand:hover .nav-expand-content-wrapper,
		.header-catalog-menu__main .nav-expand-link:focus + .nav-expand-content-wrapper,
		.header-catalog-menu__main .nav-expand-content-wrapper:focus-within,
		.header-catalog-menu__main .nav-expand:focus .nav-expand-content-wrapper {
			opacity: 1;
			pointer-events: all;
			transition-delay: 0s;
		}

		.header-catalog-menu__main .nav-back-link {
			display: none;
		}

		.header-catalog-menu__main .nav-link-title {
			display: none;
		}

		.header-catalog-menu__main .menu-promo-link {
			/* flex-grow: 1; */
			display: flex;
			transition: opacity 0.3s;
			will-change: opacity;
		}
			.header-catalog-menu__main .menu-promo-link:hover, .header-catalog-menu__main .menu-promo-link:focus {
				opacity: 0.7;
			}
			.header-catalog-menu__main .menu-promo-link picture,
			.header-catalog-menu__main .menu-promo-link img {
				display: block;
			}
.header-catalog-menu {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		margin-bottom: 0
}
.header-catalog-menu__header {
			display: none
	}
.aboutAdvantages::before {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background-image: url(../img/line.svg);
			background-position: center;
			background-repeat: repeat-x;
			content: ""
	}
.aboutAdvantages {
		grid-gap: 25px 15px;
		grid-template-columns: repeat(3, 1fr);
		padding-right: 10px;
		padding-bottom: 20px
}
.aboutAdvantages__item:last-of-type::before,
		.aboutAdvantages__item:last-of-type::after {
				display: block;
				position: absolute;
				right: -10px;
				background-position: center;
				content: ""
		}
.aboutAdvantages__item:last-of-type::before {
				top: -10px;
				width: 790px;
				height: 1px;
				background-image: url(../img/line.svg);
				background-repeat: repeat-x
		}
.aboutAdvantages__item:last-of-type::after {
				bottom: -20px;
				width: 1px;
				height: calc(100% + 30px);
				background-image: url(../img/line-2.svg);
				background-repeat: repeat-y
		}
.aboutAdvantages__text {
			margin-left: 20px
	}
.aboutAdvantages__img {
			align-self: flex-end
	}
.aboutInfo {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 40px
}
.aboutInfo .youtube-video {
			flex-basis: calc(50% - 8px);
			flex-direction: row;
			flex-shrink: 0;
			width: calc(50% - 8px)
	}
.aboutInfo .aboutTextBlock{
			flex-basis: calc(50% - 8px)
	}
.aboutInfo .aboutTextBlock__text {
				max-height: 160px
		}
.aboutText {
		display: block;
		margin-bottom: 30px;
		column-gap: 20px;
		column-count: 2
}
.aboutText p:last-of-type::before {
				right: 0;
				left: auto
		}
.articleCards__cards {
			--articleCardsTemplate: repeat(3, 1fr)
	}
.cart-info__wrapper {
			align-items: center
	}
.cart-info__title {
			padding-right: 20px;
			text-align: right
	}
.cart-info__item {
			padding-top: 10px;
			padding-bottom: 20px
	}
.blogCards {
		grid-column-gap: 20px;
		grid-template-columns: repeat(2, 1fr)
}
.catalog-content {
		grid-area: 1/2/3/3;
		grid-column-gap: 15px
}
.filter {
		grid-area: 2/1/3/2
}
.filter__content {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			width: 100%
	}
.filter__button {
			display: none
	}
.filter-content {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		margin-bottom: 0
}
.filter-content__header {
			display: none
	}
.filter-content__main ol {
			padding-left: 0
	}
.filter-content__main details::after {
				right: 5px
		}
.category-nav {
		display: flex;
		flex-direction: column;
		align-items: flex-start

}
.catalogWrapper {
		grid-template-columns: 1fr auto;
		grid-template-rows: 44px auto;
		width: 100%
}
.categoryBanner {
		grid-template-columns: 1fr 1fr
}
.categoryBanner__info {
			padding-left: calc((100vw - 790px) / 2)
	}
.categoryBanner__title {
			font-size: 24px
	}
.categoryBanner__subtitle {
			margin-bottom: 30px;
			font-size: 18px
	}
.contactsAccordion .accordion-toggle {
			flex-direction: row;
			flex-wrap: wrap;
			align-items: baseline;
			justify-content: flex-start
	}
.deliveryList {
		grid-column-gap: 15px;
		grid-template-columns: 1fr 1fr
}
.deliveryList__item {
			grid-template-columns: auto 1fr
	}
.galleryContent {
		grid-template-columns: repeat(4, 185px)
}
.dropShipperConditions {
		padding-top: 35px;
		padding-bottom: 35px
}
.dropShipperConditions__text {
			margin-bottom: 10px
	}
.dropShipperConditions__text h2 {
				margin-bottom: 35px;
				font-size: 24px
		}
.dropShipperInfo {
		margin-bottom: 15px
}
.dropShipperInfo__scheme {
			max-width: 670px;
			margin-right: auto;
			margin-bottom: 35px;
			margin-left: auto
	}
.dropShipperInfo__scheme ol li {
					font-size: 16px;
					line-height: 1.5
			}
.dropShipperInfo__scheme ol li:nth-of-type(1)::before {
						top: 0;
						left: -18px
				}
.dropShipperInfo__scheme ol li:nth-of-type(1)::after {
						bottom: 43px;
						left: -2px;
						width: 420px;
						height: 34px;
						background-size: 420px 35px
				}
.dropShipperInfo__scheme ol li:nth-of-type(1) {
					max-width: 415px;
					padding-left: 25px
			}
.dropShipperInfo__scheme ol li:nth-of-type(2)::before {
						right: -20px
				}
.dropShipperInfo__scheme ol li:nth-of-type(2)::after {
						top: -14px;
						right: 10px;
						width: 400px;
						background-size: 400px 15px
				}
.dropShipperInfo__scheme ol li:nth-of-type(2) {
					width: 390px
			}
.dropShipperInfo__scheme ol li:nth-of-type(3)::before {
						top: -20px
				}
.dropShipperInfo__scheme ol li:nth-of-type(3)::after {
						top: 5px;
						left: -26px;
						width: 230px;
						height: 140px;
						background-size: 230px 135px
				}
.dropShipperInfo__scheme ol li:nth-of-type(3) {
					max-width: 150px
			}
.dropShipperInfo__scheme ol li:nth-of-type(4)::before {
						bottom: -2px;
						left: -137px
				}
.dropShipperInfo__scheme ol li:nth-of-type(4)::after {
						top: -16px;
						left: -62px;
						width: 235px;
						height: 155px;
						background-size: 235px 155px
				}
.dropShipperInfo__scheme ol li:nth-of-type(4) {
					max-width: 145px
			}
.dropShipperInfo__scheme ol li::before {
					width: 32px;
					height: 32px
			}
.dropShipperInfo__scheme li:nth-of-type(1) svg {
				width: 102px
		}
.dropShipperInfo__scheme li:nth-of-type(2) svg {
				right: -140px;
				bottom: 50px;
				width: 99px
		}
.dropShipperInfo__scheme li:nth-of-type(3) svg {
				bottom: 70px;
				left: 205px;
				width: 115px
		}
.dropShipperInfo__scheme p {
				font-size: 20px
		}
.indexAbout {
		flex-direction: row;
		align-items: flex-start
}
.indexAbout__graphics {
			flex-basis: 400px;
			width: 100%;
			margin-right: 60px;
			margin-bottom: 0
	}
.indexAbout__image {
			width: 350px;
			height: 350px
	}
.indexAbout__link {
			width: 110px;
			height: 110px
	}
.indexPhotos {
		margin-bottom: 50px
}
.indexPhotos__list {
			grid-gap: 16px;
			grid-template-columns: 388px auto auto
	}
.indexPhotos__list a:first-child {
				grid-column: 1 / 2;
				grid-row: 1 / 3
		}
.productsNew {
		margin-bottom: 30px
}
.item-tabs__tab-wrapper .item-testimonials-wrapper {
				position: relative;
				grid-template-areas:
				"tlist tsidebar";
				align-items: start
		}
.searchInfo {
		margin-top: 40px;
		margin-bottom: 40px
}
.searchInfo p {
			font-size: 20px
	}
.testimonials-info__social {
			grid-gap: 8px 24px
	}
.testimonials-info {
		align-items: center;
		justify-content: space-between
}
.testimonials-wrapper {
		position: relative;
		grid-template-areas:
		"ttitle ttitle"
		"tinfo tinfo"
		"talert talert"
		"tlist tsidebar";
		align-items: start
}
.testimonials-sidebar {
		display: flex;
		position: -webkit-sticky;
		position: sticky;
		top: 120px;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40px

}
		.testimonials-sidebar--item {
			top: 100px;
		}
.testimonials-sidebar__text {
			margin-top: 20px
	}
.testimonials-sidebar__button-wrapper {
			grid-template-columns: 100%
	}
.testimonials-sidebar__button {
			margin-bottom: 20px
	}
.thanksSocial__list {
			grid-column-gap: 15px;
			grid-template-columns: 1fr 1fr
	}}
@media (min-width: 1024px) and (max-width: 1279px) {
:root {
		--containerMaxWidth: 790px
}
.site-header-is-fixed .header-catalog__logo {
			display: none
	}
		.header-catalog-menu__main .nav-link {
			font-size: 14px;
		}
.catalogWrapper {
		grid-column-gap: 25px
}
.categoryCards {
		--categoryCardsQty: 3
}
.searchCards {
		--searchCardsQty: 3
}
.testimonials-info {
		grid-template-columns: repeat(3, 1fr)
}}
@media (min-width: 1024px) and (max-width: 1439px) {
.cart-info__wrapper {
			grid-template-columns: minmax(150px,1fr) repeat(4, 1fr)
	}
.cart-info__title {
			margin-top: 0;
			margin-right: 10px;
			margin-bottom: 0;
			border-right: 1px solid #c6cbd0
	}
.item-tabs__tab-wrapper .item-testimonials-wrapper {
				grid-column-gap: 15px;
				grid-template-columns: 1fr 250px
		}
.testimonials-wrapper {
		grid-column-gap: 15px;
		grid-template-columns: 1fr 250px
}}
@media (min-width: 1280px) {
:root {
		--containerMaxWidth: 1160px
}
h1 {
		margin-top: 40px;
		margin-bottom: 40px;
		font-size: 30px
}
.containerMini {
		max-width: 970px
}
.footerMain {
		flex-direction: row;
		justify-content: space-between
}
.footerInfo {
		flex-basis: 300px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start
}
.footerNavigation {
		flex-basis: calc(100% - 400px)
}
.footerSubscription {
		margin-right: 0;
		margin-bottom: 20px
}
.aboutTextBlock--about > h2 {
			font-size: 30px
	}
.aboutTextBlock--about > h2 span {
				font-size: 20px
		}
.aboutTextBlock__text {
			max-height: 365px
	}
.accordion li::after {
		top: 19px;
		right: 15px
}
.blockData {
		min-height: 290px;
		padding-right: 55px;
		padding-left: 55px
}
.blockData__decor:nth-of-type(1) {
				top: -39px;
				left: 196px;
				width: 114px;
				height: 114px
		}
.blockData__decor:nth-of-type(2) {
				top: 25px;
				right: 295px;
				width: 50px;
				height: 50px
		}
.blockData__decor:nth-of-type(3) {
				bottom: -115px;
				left: -26px;
				width: 189px;
				height: 189px
		}
.blockData__decor:nth-of-type(4) {
				right: 60px;
				bottom: -155px;
				width: 260px;
				height: 260px
		}
.blockData__decor:nth-of-type(5) {
				top: 70px;
				left: 30px;
				width: 38px;
				height: 38px
		}
.blockData__decor:nth-of-type(6) {
				top: 30px;
				left: 50%;
				width: 60px;
				height: 60px
		}
.blockData__decor:nth-of-type(7) {
				top: -9px;
				right: 141px;
				width: 33px;
				height: 33px
		}
.blockData__decor:nth-of-type(8) {
				top: 49px;
				right: -9px;
				width: 38px;
				height: 38px
		}
.blockData__decor:nth-of-type(9) {
				bottom: 40px;
				left: 278px;
				width: 32px;
				height: 32px
		}
.blockData__decor:nth-of-type(10) {
				right: 440px;
				bottom: -17px;
				width: 52px;
				height: 52px
		}
.blockData__list {
			grid-template-columns: repeat(4, auto)
	}
.blockData__item p {
				font-size: 52px;
				letter-spacing: 2.6px
		}
.blockData__item small {
				font-size: 18px;
				letter-spacing: 0.9px
		}
.custom-slider__slider {
		width: calc(100% + 16px);
		margin-right: -8px;
		margin-left: -8px
}
header {
		margin-bottom: 40px
}
header p {
			font-size: 18px
	}
.productCard {
		width: 280px !important;
		margin: 0 7px 10px
}
.page404Image img {
			width: 510px;
			max-width: 510px
	}
.page404Info {
		padding-left: 65px
}
.page404 {
		grid-column-gap: 10px;
		grid-template-columns: 1fr 630px;
		align-items: center;
		justify-content: center;
		justify-items: center
}
.site-header-is-fixed .site-header__bottom {
			height: 84px
	}
.site-header-is-fixed .header-catalog__logo {
			display: block;
			margin-right: 20px
	}
.site-header-is-fixed .header-cart {
			height: 84px
	}
		.header-catalog-menu__main .nav-expand-content {
			margin-left: calc(
				50vw + var(--scrollWidthShift, 0) - (var(--containerMaxWidth) / 2) -
					25px
			);
		}
			.header-catalog-menu__main .nav-expand-content:only-child {
				width: var(--containerMaxWidth);
			}
			.header-catalog-menu__main .nav-expand-content:not(:only-child) {
				flex-grow: 1;
				justify-content: start;
				/* width: max-content; */
				max-width: calc(
					100% - (340px + (50vw - (var(--containerMaxWidth) / 2)))
				);
			}
.aboutAdvantages {
		grid-gap: 45px 50px
}
.aboutAdvantages__item:last-of-type::before {
				top: -30px;
				width: 1160px
		}
.aboutAdvantages__item:last-of-type::after {
				height: calc(100% + 50px)
		}
.aboutAdvantages__text h3 {
				font-size: 20px
		}
.aboutAdvantages__text p {
				font-size: 16px
		}
.aboutInfo {
		margin-bottom: 50px
}
.aboutInfo .youtube-video {
			flex-basis: calc(50% - 16px);
			width: calc(50% - 16px)
	}
.aboutInfo .aboutTextBlock{
			flex-basis: calc(50% - 16px)
	}
.aboutInfo .aboutTextBlock__text {
				max-height: 250px
		}
.aboutText {
		column-gap: 15px
}
.aboutText p:last-of-type::before {
				bottom: -70px;
				width: 365px;
				height: 46px;
				background-size: 365px 46px
		}
.articleDetails {
		margin-bottom: 35px
}
.blogCards {
		--blogCardsRowGap: 25px
}
.catalog-content {
		--catalog-card-qty: 3
}
.price-range .noUi-origin {
			right: -8px !important
	}
.catalogWrapper {
		grid-column-gap: 15px
}
.categoryBanner__info {
			padding-left: calc((100vw - 1175px) / 2)
	}
.categoryBanner__title {
			margin-bottom: 25px;
			font-size: 30px
	}
.categoryBanner__subtitle {
			margin-bottom: 40px
	}
.categoryCards {
		--categoryCardsQty: 4
}
.contactsAccordion {
		margin-bottom: 40px
}
.contactsAccordion .accordion-toggle span {
				margin-right: 20px;
				font-size: 16px
		}
.contactsAccordion .accordion-toggle small {
				font-size: 18px
		}
.contactsInfo {
		grid-column-gap: 100px;
		grid-template-columns: 1fr 575px;
		align-items: start;
		justify-content: space-between;
		margin-bottom: 40px
}
.deliveryCities .accordion-item ul {
				grid-template-columns: repeat(5, 1fr)
		}
.deliveryList {
		grid-template-columns: 1fr 1fr
}
.deliveryList__text p {
				font-size: 18px
		}
.deliveryList__text a {
				font-size: 16px
		}
.deliveryList__img--nova-poshta img {
				max-width: 170px
		}
.deliveryList__img--logo-ukrposhta img {
				max-width: 225px
		}
.galleryContent {
		grid-template-columns: repeat(6, 180px)
}
.dropShipperInfo {
		display: grid;
		grid-column-gap: 115px;
		grid-template-columns: 670px 1fr;
		align-items: start;
		margin-bottom: 40px
}
.dropShipperInfo__scheme {
			margin-bottom: 0
	}
.indexAbout__graphics {
			flex-basis: 500px;
			margin-right: 100px
	}
.indexAbout__image {
			width: 400px;
			height: 400px
	}
.indexAbout__link {
			width: 126px;
			height: 126px
	}
.indexPhotos__list {
			grid-template-columns: 572px auto auto
	}
.item-details__name {
			text-align: left
	}
.breadcrumbs--item {
		justify-content: flex-start
}
.item-main {
		grid-template-columns: repeat(2, calc(50% - 10px))
}
.item-tabs__tab-wrapper--description {
				display: grid;
				grid-column-gap: 30px;
				grid-template-columns: 1fr 460px;
				align-items: flex-start
		}
.item-tabs__tab-wrapper--description .youtube-video {
					width: 100%
			}
					.item-tabs__tab-wrapper--description .text:only-child {
						grid-column: span 2;
					}
.item-tabs__tab-wrapper .tables-wrapper {
				grid-template-columns: repeat(2, 1fr)
		}
.searchCards {
		--searchCardsQty: 4
}
.testimonials-info__social {
			grid-template-columns: repeat(2, 226px)
	}
.testimonials-info {
		grid-template-columns: repeat(3, auto)
}
.thanksSocial {
		display: grid;
		grid-column-gap: 15px;
		grid-template-columns: 1fr 2fr;
		align-items: start;
		justify-content: center;
		justify-items: center
}
.thanksInfo {
		margin-bottom: 50px
}}
@media (min-width: 1440px) {
.cart-info__wrapper {
			grid-template-columns: minmax(310px,1fr) repeat(4, 1fr)
	}
.cart-info__title {
			font-size: 20px
	}
.cart-info__item span {
				font-size: 16px
		}
.cart-info__item b {
				font-size: 18px
		}
.cart-table {
		margin-top: 20px
}
.cart-table-item {
		flex-direction: row;
		padding-top: 50px
}
.cart-table-item__details {
			flex-grow: 1
	}
.cart-table-item__photo-and-name {
			width: 400px;
			padding: 24px;
			border-top: 2px solid #d8ebf2;
			border-right: 2px solid #d8ebf2
	}
.cart-table-item__photo {
			position: relative
	}
.cart-table-item__photo::before {
				position: absolute;
				top: -60px;
				left: 0;
				width: 100%;
				padding-right: 10px;
				padding-left: 10px;
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 16px;
				font-weight: 400;
				text-align: center;
				text-transform: uppercase;
				white-space: nowrap;
				content: attr(aria-label)
		}
.cart-table-item__name {
			position: relative;
			margin-left: 24px
	}
.cart-table-item__name::before {
				position: absolute;
				top: -60px;
				left: 0;
				width: 100%;
				padding-right: 10px;
				padding-left: 10px;
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 16px;
				font-weight: 400;
				text-align: center;
				text-transform: uppercase;
				white-space: nowrap;
				content: attr(aria-label)
		}
.cart-table-item__name button {
				height: 30px;
				margin-top: auto
		}
.categoryBanner {
		grid-template-columns: calc(((100vw - 1160px) / 2) + 395px) 1fr
}
.indexAdditionalBanners__item {
			outline: 2px solid white
	}
.indexBanner {
		margin-bottom: 2px
}
.item-tabs__tab-wrapper .item-testimonials-wrapper {
				grid-column-gap: 50px;
				grid-template-columns: 1fr 280px
		}
.testimonials-wrapper {
		grid-column-gap: 50px;
		grid-template-columns: 1fr 280px
}}
@media (min-width: 1800px) {}
@media (min-width: 1920px) {
.containerFluid {
		max-width: 1920px
}
.categoryBanner {
		grid-template-columns: 775px 1fr
}
.categoryBanner__info {
			padding-left: calc((1920px - 1175px) / 2)
	}}
@media (max-width: 1919px) {}
@media (max-width: 1799px) {}
@media (max-width: 1439px) {
.cart-info__title {
			font-size: 16px
	}
.cart-info__item span {
				font-size: 13px
		}
.cart-info__item b {
				font-size: 15px
		}
.cart-table__wrapper {
			position: relative

	}
.cart-table-item {
		flex-direction: column
}
.cart-table-item__photo-and-name {
			padding: 16px;
			border-bottom: 2px solid #d8ebf2
	}
.cart-table-item__name {
			margin-left: 16px
	}
.cart-table-item__name button {
				position: absolute;
				top: 5px;
				right: 16px;
				height: 44px
		}}
@media (max-width: 1279px) {
.site-header .container {
			max-width: 100%
	}
.cart-table-item__size::before {
				flex-grow: 0 !important;
				white-space: normal !important
		}
.deliveryCities .accordion-item ul {
				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
		}
.item-details__size::before {
				flex-grow: 0 !important;
				white-space: normal !important
		}
.item-details__text {
			justify-items: center
	}
.breadcrumbs--item {
		justify-content: center
}
.item-main {
		grid-template-columns: 100%
}
.item-tabs__tab-wrapper .tables-wrapper {
				grid-template-columns: 100%
		}
.testimonials-info__social {
			grid-template-columns: repeat(auto-fit, minmax(208px, 226px))
	}}
@media (max-width: 1023px) {
.page404Info__logo-wrapper {
			justify-content: center
	}
.header-catalog__content {
			z-index: 1000;
			position: fixed;
			top: 0;
			left: 0;
			width: 384px;
			max-width: 100vw;
			height: 100%;
			pointer-events: none
	}
		.header-catalog-menu .nav-items {
			display: flex;
			position: absolute;
			top: 0;
			left: 0;
			flex-direction: column;
			align-items: flex-start;
			width: 100%;
			min-height: calc(100% + 140px);
			margin-top: 0;
			margin-bottom: 0;
			padding: 20px 25px 20px 30px;
			list-style: none;
		}
		.header-catalog-menu .nav-expand-content {
			visibility: hidden;
			z-index: 1;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			min-height: 100%;
			padding: 20px 25px 20px 30px;
			transform: translateX(100%);
			background-color: white;
			transition: transform 0.3s;
			will-change: transform;
		}
		.header-catalog-menu .nav-expand:not(.active) .nav-expand-content {
			height: 0;
			overflow: hidden;
		}
		.header-catalog-menu .nav-expand.active .nav-expand-content {
			visibility: visible;
			transform: translateX(0);
		}

		.header-catalog-menu .menu-promo-link {
			display: none;
		}

		.header-catalog-menu .nav-item {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			width: 100%;
		}

		.header-catalog-menu .nav-link {
			display: flex;
			width: 100%;
			padding-top: 15px;
			padding-right: 15px;
			padding-bottom: 15px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 700;
			line-height: 24px;
			text-decoration: none;
		}
			.header-catalog-menu .nav-link--accent {
				color: #f0582f;
			}

		.header-catalog-menu .nav-expand-link {
			position: relative;
		}
			.header-catalog-menu .nav-expand-link::after {
				display: block;
				position: absolute;
				top: calc(50% - 6px);
				right: 0;
				width: 7px;
				height: 12px;
				background-image: url(../img/arrow-gray--right.svg);
				content: "";
			}

		.header-catalog-menu .nav-back-link {
			position: relative;
			padding-right: 0;
			padding-left: 25px;
			color: var(--grey-4);
		}
			.header-catalog-menu .nav-back-link::before {
				display: block;
				position: absolute;
				top: calc(50% - 6px);
				left: 0;
				width: 7px;
				height: 12px;
				background-image: url(../img/arrow-gray--left.svg);
				content: "";
			}
			.header-catalog-menu .nav-back-link::after {
				display: block;
				position: absolute;
				bottom: 0;
				left: -30px;
				width: calc(100% + 55px);
				height: 1px;
				background-color: rgba(133, 152, 168, 0.33);
				content: "";
			}

		.header-catalog-menu .nav-link-title {
			padding-top: 15px;
			padding-bottom: 15px;
			color: var(--grey-2);
			font-family: var(--roboto);
			font-size: 16px;
			font-weight: 400;
			letter-spacing: 1.6px;
			line-height: 24px;
			text-transform: uppercase;
		}
.header-catalog-menu {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		min-height: 100vh;
		transform: translateX(-100%);
		pointer-events: all;
		transition: transform .3s;
		will-change: transform
}
		.catalog-menu-is-toggled .header-catalog-menu {
			transform: translateX(0);
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		}
.header-catalog-menu__header {
			display: flex;
			align-items: center;
			width: 100%;
			height: 44px;
			padding-right: 20px;
			padding-left: 20px;
			background-image: linear-gradient(180deg, #ecfbff 0%, #dae4f5 100%)
	}
			.header-catalog-menu__header button {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 44px;
				height: 44px;
				padding: 0;
				border: none;
				background-color: transparent;
				background-image: none;
				cursor: pointer;
				-webkit-appearance: none;
				   -moz-appearance: none;
				        appearance: none;
			}
			.header-catalog-menu__header span {
				margin-left: 5px;
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 16px;
				font-weight: 700;
				line-height: 24px;
			}
.header-catalog-menu__main {
			position: relative;
			flex-grow: 1;
			width: 100%;
			overflow-x: hidden;
			overflow-y: auto;
			background-color: var(--white);
			-webkit-overflow-scrolling: touch
	}
.articleCards .blogCard:nth-child(3) {
			display: none
	}
.cart-info__wrapper {
			padding-bottom: 20px
	}
.cart-info__title {
			grid-area: 1/1/2/-1;
			margin-top: 10px;
			margin-bottom: 10px;
			text-align: center
	}
.blogCards {
		grid-template-columns: var(--blogCardsColumns, 280px)
}
.filter__content {
			z-index: 1000;
			position: fixed;
			top: 0;
			left: 0;
			width: 384px;
			max-width: 100vw;
			height: 100%;
			pointer-events: none
	}
.filter__button {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			height: 44px;
			padding: 5px 15px;
			border: 1px solid var(--blue-1);
			background-color: var(--blue-1);
			background-image: none;
			color: white;
			cursor: pointer;
			transition: color .3s, background-color .3s;
			will-change: color, background-color;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none
	}
			.filter-content-is-toggled .filter__button {
				background-color: white;
				color: var(--blue-1);
			}
			.filter__button span {
				color: currentColor;
				font-family: var(--roboto);
				font-size: 18px;
				font-weight: 400;
			}
.filter-content {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		min-height: 100vh;
		transform: translateX(-100%);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		pointer-events: all;
		transition: transform .3s;
		will-change: transform
}
		.filter-content-is-toggled .filter-content {
			transform: translateX(0);
		}
.filter-content__header {
			display: flex;
			align-items: center;
			width: 100%;
			height: 44px;
			padding-right: 20px;
			padding-left: 20px;
			background-image: linear-gradient(180deg, #ecfbff 0%, #dae4f5 100%)
	}
			.filter-content__header button {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 44px;
				height: 44px;
				padding: 0;
				border: none;
				background-color: transparent;
				background-image: none;
				cursor: pointer;
				-webkit-appearance: none;
				   -moz-appearance: none;
				        appearance: none;
			}
			.filter-content__header span {
				margin-left: 5px;
				color: var(--grey-2);
				font-family: var(--roboto);
				font-size: 16px;
				font-weight: 700;
				line-height: 24px;
			}
.filter-content__main {
			position: relative;
			flex-grow: 1;
			width: 100%;
			overflow-x: hidden;
			overflow-y: auto;
			background-color: var(--white);
			-webkit-overflow-scrolling: touch
	}
.filter-content__main ol {
			position: absolute;
			top: 0;
			left: 0;
			padding: 20px 25px 20px 30px
	}
.filter-content__main ol > li:last-child {
				margin-bottom: 60px
		}
.filter-content__main details::after {
				right: 0
		}
.category-nav {
		display: none

}
.price-range .noUi-origin {
			right: -13px !important
	}
.item-tabs__tab-wrapper .item-testimonials-wrapper {
				grid-template-areas:
				"tsidebar"
				"tlist"
		}
.testimonials-info__social {
			grid-column: 1 / -1;
			grid-gap: 15px
	}
.testimonials-info {
		grid-template-columns: repeat(auto-fit, minmax(208px, 226px));
		justify-content: center
}
.testimonials-wrapper {
		grid-template-areas:
		"ttitle"
		"tinfo"
		"talert"
		"tsidebar"
		"tlist"
}}
@media (max-width: 767px) {
.modal__header {
			flex-direction: column;
			margin-bottom: 20px
	}
.modal__title {
			font-size: 18px;
			letter-spacing: 1.8px
	}
.modal__close {
			order: -1;
			margin-bottom: 20px
	}
.modal-contact__block h3 {
			font-size: 18px;
			letter-spacing: 1.8px
	}
.testimonial-form {
		grid-template-columns: 100%
}
.testimonial-form__rate {
			flex-wrap: wrap;
			max-width: 270px;
			margin-right: auto;
			margin-left: auto
	}
.testimonial-form__rate .rate-title {
				width: 100%;
				margin-left: 20px;
				text-align: center
		}
.testimonial-form__rate .rate-input {
				margin-top: 5px;
				margin-bottom: 10px
		}
.testimonial-form__rate .rate-value {
				width: 100%;
				margin-right: 10px;
				text-align: center
		}
.testimonial-form__submit .testimonial-submit {
				width: 100%;
				max-width: 300px
		}
.site-header .container {
			padding-right: 15px;
			padding-left: 15px
	}
.site-header__top-wrapper {
			flex-direction: column
	}
.site-header__logo-block {
			width: 100%;
			margin-bottom: 25px
	}
.site-header__icons-block {
			width: 100%
	}
.cart-info__wrapper {
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: auto 1fr 1fr
	}
.breadcrumbs {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		border: 0;
		white-space: nowrap;
		-webkit-clip-path: inset(50%);
		        clip-path: inset(50%);
		clip: rect(1px, 1px, 1px, 1px)
}
.catalogWrapper {
		margin-bottom: 30px
}
.item-main {
		padding-top: 40px
}
.item-tabs {
		margin-top: 30px
}
.item-tabs label:not(:last-of-type) {
				margin-bottom: 15px
		}}
@media (max-width: 639px) {
:root {
		--containerMaxWidth: 100%
}
.mb-30-max639-40-min640 {
		margin-bottom: 30px
}
.modal-cart-content__message {
			margin-top: 25px
	}
.footerSocial__icon {
			margin-bottom: 15px
	}
.pagination__item:not(.pagination__item--previous):not(.pagination__item--next) {
			display: none
	}
.top-banner {
		justify-content: space-between;
		padding: 15px
}
.top-banner__text {
			flex-direction: column;
			align-items: flex-start

	}
.top-banner__text p {
				font-size: 12px
		}
.page404Info__logo-wrapper {
			margin-bottom: 30px
	}
.page404Info__title {
			display: none
	}
.cart-form {
		padding-right: 10px;
		padding-left: 10px
}
.cart-table__wrapper {
			padding-right: 0;
			padding-left: 0

	}
.cart-table-item__size {
			min-width: 60px !important
	}
.catalog-content {
		--catalog-card-width: minmax(280px,344px);
		width: 100%
}
.catalogWrapper {
		grid-row-gap: 20px;
		/* width: 280px; */
		width: 100%;
		margin-right: auto;
		margin-left: auto
}
.deliveryList__text p {
				text-align: center
		}
.dropShipperInfo__scheme ol li::after {
					display: none
			}
.indexAdditionalBanners__item {
			margin-top: 2px
	}
.item-details__table {
			width: calc(100% + 70px);
			margin-right: -35px;
			margin-left: -35px
	}
.item-details__size {
			min-width: 60px !important
	}
.item-slider__large {
			max-width: 410px;
			margin-right: auto;
			margin-left: auto
	}}
@media (max-width: 479px) {
.footerMain {
		padding-bottom: 5px
}
.footerCopy {
		padding-bottom: 50px
}
.custom-slider .slick-arrow {
			display: none !important
	}
.titleBlock,
.text .titleBlock {
		text-align: center
}
.size-table {
		bottom: 0;
		left: 0;
		width: 100%;
		transform: translateY(100%)
}
		.size-table-is-toggled .size-table {
			transform: translateY(0);
		}
.size-table__toggler {
			width: 100%;
			transform: translateY(-100%)
	}
.header-logo {
		max-width: 50%
}
		.header-logo svg {
			width: 100%;
			height: auto;
		}
.header-title {
		max-width: calc(50% - 25px)
}
		.header-title svg {
			width: 100%;
			height: auto;
		}
.cart-table-item__details-row {
			flex-direction: column;
			align-items: flex-start;
			border-bottom: 2px solid #d8ebf2
	}
.cart-table-item__details-row:hover, .cart-table-item__details-row:focus {
				background-color: white
		}
.cart-table-item__details-row > div {
				position: relative;
				justify-content: flex-start;
				width: calc(100% - 150px);
				margin-left: 150px;
				border-left: 1px solid #d8ebf2;
				text-align: left
		}
				.cart-table-item__details-row > div:not(:last-child) {
					border-bottom: 1px solid #d8ebf2;
				}
				.cart-table-item__details-row > div::before {
					display: flex;
					position: absolute;
					left: 0;
					left: -150px;
					align-items: center;
					justify-content: flex-end;
					width: 100%;
					width: 150px;
					height: 52px;
					padding-right: 10px;
					padding-left: 10px;
					color: var(--grey-2);
					font-family: var(--roboto);
					font-size: 16px;
					font-weight: 400;
					text-align: center;
					text-transform: uppercase;
					white-space: nowrap;
					content: attr(aria-label);
				}
				.cart-table-item__details-row > div:first-child span {
					font-weight: 500;
				}
				.cart-table-item__details-row > div:first-child::before {
					font-weight: 500;
				}
				.cart-table-item__details-row > div:not(:last-child)::before {
					border-bottom: 1px solid #d8ebf2;
				}
.cart-table-item__details-row > div span {
					font-size: 16px;
					font-weight: 400
			}
.cart-table-item__name {
			max-width: calc(100% - 150px)
	}
.indexAbout__link svg {
				width: 14px;
				height: 14px
		}
.item-details__details-row {
			flex-direction: column;
			align-items: flex-start;
			border-bottom: 2px solid #d8ebf2
	}
.item-details__details-row:hover, .item-details__details-row:focus {
				background-color: white
		}
.item-details__details-row > div {
				position: relative;
				justify-content: flex-start;
				width: calc(100% - 150px);
				margin-left: 150px;
				border-left: 1px solid #d8ebf2;
				text-align: left
		}
				.item-details__details-row > div:not(:last-child) {
					border-bottom: 1px solid #d8ebf2;
				}
				.item-details__details-row > div::before {
					display: flex;
					position: absolute;
					left: 0;
					left: -150px;
					align-items: center;
					justify-content: flex-end;
					width: 100%;
					width: 150px;
					height: 52px;
					padding-right: 10px;
					padding-left: 10px;
					color: var(--grey-2);
					font-family: var(--roboto);
					font-size: 16px;
					font-weight: 400;
					text-align: center;
					text-transform: uppercase;
					white-space: nowrap;
					content: attr(aria-label);
				}
				.item-details__details-row > div:first-child span {
					font-weight: 500;
				}
				.item-details__details-row > div:first-child::before {
					font-weight: 500;
				}
				.item-details__details-row > div:not(:last-child)::before {
					border-bottom: 1px solid #d8ebf2;
				}
.item-details__details-row > div span {
					font-size: 16px;
					font-weight: 400
			}
.testimonials-alert {
		padding: 20px 15px
}
.testimonials-alert__text {
			margin-left: 20px
	}
.testimonials-list__more-testimonials-button {
			font-size: 12px
	}
.customer-message {
		grid-template-columns: 100%
}
.support-message {
		grid-template-columns: 100%
}
.testimonials-sidebar {
		display: flex;
		flex-direction: column;
		align-items: flex-start

}
.testimonials-sidebar__text {
			margin-top: 20px
	}
.testimonials-sidebar__button-wrapper {
			grid-template-columns: 100%
	}
.testimonials-sidebar__button {
			margin-bottom: 20px
	}}
@media (max-width: 375px) {
.item-slider__large {
			max-width: 305px
	}}
@media (max-width: 359px) {
:root {
		--containerPaddingHorizontal: 20px
}
.footerSocial {
		width: 100%
}
.footerSocial__list {
			max-width: calc(100vw - 30px)
	}
.site-header__top {
			max-width: calc(100vw - 30px);
			padding-bottom: 15px
	}
.site-header__icons-block {
			flex-wrap: wrap
	}
			.site-header__icons-block > * {
				padding-bottom: 10px;
			}
.header-social {
		margin-right: 4px;
		margin-left: 4px
}
.header-social li {
			margin-right: 4px;
			margin-left: 4px
	}
.price-range .noUi-origin {
			right: -2vw !important
	}
.customer-message {
		max-width: calc(100vw - 40px)
}
.support-message {
		max-width: calc(100vw - 40px)
}}
@media (min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi) {}
@media (min-device-pixel-ratio: 3),(-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx) {}
@media (min-device-pixel-ratio: 4),(-webkit-min-device-pixel-ratio: 4),(min-resolution: 4dppx) {}
@media (pointer: coarse) {
		.modal-is-open .site-header {
			display: none;
		}
.modal__container {
			min-height: 100vh;
			margin-top: 0
	}
	}
@media (pointer: fine) {
.modal__container {
			min-height: calc(100vh - var(--modalTopPosition));
			margin-top: var(--modalTopPosition)
	}
		}
@media (pointer: coarse) and (orientation: landscape) {
.size-table {
		top: calc(50% - 120px)
}
	}
/*# sourceMappingURL=styles.css.map */
@media (min-width: 1280px)
.aboutText p:last-of-type::before {
    bottom: -70px;
    width: 365px;
    height: 76px;
    background-size: 365px 76px;
}