@charset "UTF-8";

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

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

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

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

body {
	font-family: 'Mulish', sans-serif;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

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

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	border-bottom: none;
	/* 2 */
}

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

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

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

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

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

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

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

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

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

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

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	/* 2 */
	display: table;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 1 */
	color: inherit;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

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

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

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

/* stylelint-enable */
@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-Regular.woff2") format("woff2"), url("../fonts/Mulish-Regular.woff") format("woff");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-Medium.woff2") format("woff2"), url("../fonts/Mulish-Medium.woff") format("woff");
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-SemiBold.woff2") format("woff2"), url("../fonts/Mulish-SemiBold.woff") format("woff");
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-Bold.woff2") format("woff2"), url("../fonts/Mulish-Bold.woff") format("woff");
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-ExtraBold.woff2") format("woff2"), url("../fonts/Mulish-ExtraBold.woff") format("woff");
	font-weight: 800;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-Black.woff2") format("woff2"), url("../fonts/Mulish-Black.woff") format("woff");
	font-weight: 900;
	font-display: swap;
	font-style: normal;
}

:root {
	/* -- Fonts --*/
	--font-family: "Mulish", sans-serif;
	--system-1: #181818;
	--system-2: #696E72;
	--system-3: #ADB4B8;
	--system-4: #F0F0F0;
	--system-5: #F5F5F5;
	--system-6: #FFFFFF;
	--blue-1: #EDF4FF;
	--blue-2: #CBE0FE;
	--blue-3: #98BEFE;
	--blue-4: #6599FE;
	--blue-5: #3F7AFE;
	--blue-6: #0047FE;
	--blue-7: #0036DA;
	--blue-8: #0028B6;
	--blue-9: #001C93;
	--blue-10: #001479;
	--error-1: #FFEDEF;
	--error-2: #D5061A;
	--error-3: #B80427;
	--error-4: #9A022E;
	--error-5: #7C012F;
	--done-1: #23C301;
	--done-2: #12A801;
	--done-3: #038C00;
	--done-4: #007107;
	--gradient: linear-gradient(180deg, #3F7AFE 0%, #0047FE 100%);
	--color-1: #23C301;
	--color-2: #00EFFE;
	--color-3: #DB00FF;
	--color-4: #EBFF00;
	--comments-max-height: 703px;
}

@font-face {
	font-family: "swiper-icons";
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
	font-weight: 400;
	font-style: normal;
}

:root {
	--swiper-theme-color: #007aff;
}

/* Added styles */
.d-none {
	display: none !important;
}

.input-error {
	border: 1px solid var(--error-2) !important;
}

.text-default {
	color: var(--system-1) !important;
}

.text-light {
	color: var(--blue-1) !important;
}

.text-primary {
	color: var(--blue-6) !important;
}

.text-danger {
	color: var(--error-3) !important;
}

.text-success {
	color: var(--done-1) !important;
}

.text-warning {
	color: var(--color-4) !important;
}

/* Alert messages */
.alert-message {
	bottom: 20px;
	left: 20px;
	position: fixed;
	padding: 20px 30px;
	border: 1px solid var(--blue-7);
	background-color: var(--blue-6);
	color: var(--blue-1);
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
	z-index: 999;

	transform: translateX(-200%);
	-webkit-animation: alert 2s 1 forwards alternate ease-in;
	animation: alert 2s 1 forwards alternate ease-in;
	transition: all 0.5s ease-out;
}

.alert-message.hidden {
	display: none !important;
}

.alert-message.error,
.alert-message.alert-danger {
	border: 1px solid var(--error-3);
	background-color: var(--error-2);
	color: var(--blue-1);
}

.alert-message.warning,
.alert-message.alert-warning {
	border: 1px solid #ffeeba;
	background-color: #fff3cd;
	color: #856404;
}

.alert-message.info,
.alert-message.alert-info {
	border: 1px solid #b8daff;
	background-color: #cce5ff;
	color: #004085;
}

@-webkit-keyframes alert {
	50% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes alert {
	50% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(0);
	}
}

.close {
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
	position: absolute;
	right: 5px;
	top: 0px;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

.flash {
	animation: 0.5s blink steps(1);
	animation-iteration-count: 1;
}

.flash .basket-choosed {
	animation: 0.5s blink steps(1);
	animation-iteration-count: 1;
}

.preview__details-item.flash svg {
	animation: 0.5s blinkFill steps(1);
	animation-iteration-count: 1;
}

@keyframes blink {
	0% {
		text-shadow: 0px 0px 1px #EDF4FF;
		color: var(--blue-5);
	}

	25% {
		text-shadow: 0px 0px 3px #EDF4FF;
		color: var(--blue-6);
	}

	50% {
		text-shadow: 0px 0px 6px #EDF4FF;
		color: var(--blue-7);
	}

	75% {
		text-shadow: 0px 0px 9px #EDF4FF;
		color: var(--blue-8);
	}

	100% {
		text-shadow: 0px 0px 0px #EDF4FF;
		color: var(--system-1);
	}
}

@keyframes blinkFill {
	0% {
		box-shadow: 0px 0px 1px #EDF4FF;
		fill: var(--blue-5);
	}

	25% {
		box-shadow: 0px 0px 3px #EDF4FF;
		fill: var(--blue-6);
	}

	50% {
		box-shadow: 0px 0px 6px #EDF4FF;
		fill: var(--blue-7);
	}

	75% {
		box-shadow: 0px 0px 9px #EDF4FF;
		fill: var(--blue-8);
	}

	100% {
		box-shadow: 0px 0px 0px #EDF4FF;
		fill: var(--system-1);
	}
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

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

.swiper-slide-invisible-blank {
	visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory;
}

@font-face {
	font-family: "lg";
	src: url("../fonts/lg.woff") format("woff"), url("../fonts/lg.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.icon-active {
	color: var(--blue-6);
}

.lg-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "lg" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
	background-color: rgba(0, 0, 0, 0.45);
	border-radius: 2px;
	color: #999;
	cursor: pointer;
	display: block;
	font-size: 22px;
	margin-top: -10px;
	padding: 8px 10px 9px;
	position: absolute;
	top: 50%;
	z-index: 1080;
	outline: none;
	border: none;
	background-color: transparent;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
	color: #FFF;
}

.lg-actions .lg-next {
	right: 20px;
}

.lg-actions .lg-next:before {
	content: "\e095";
}

.lg-actions .lg-prev {
	left: 20px;
}

.lg-actions .lg-prev:after {
	content: "\e094";
}

@-webkit-keyframes lg-right-end {
	0% {
		left: 0;
	}

	50% {
		left: -30px;
	}

	100% {
		left: 0;
	}
}

@keyframes lg-right-end {
	0% {
		left: 0;
	}

	50% {
		left: -30px;
	}

	100% {
		left: 0;
	}
}

@-webkit-keyframes lg-left-end {
	0% {
		left: 0;
	}

	50% {
		left: 30px;
	}

	100% {
		left: 0;
	}
}

@keyframes lg-left-end {
	0% {
		left: 0;
	}

	50% {
		left: 30px;
	}

	100% {
		left: 0;
	}
}

.lg-outer.lg-right-end .lg-object {
	-webkit-animation: lg-right-end 0.3s;
	animation: lg-right-end 0.3s;
	position: relative;
}

.lg-outer.lg-left-end .lg-object {
	-webkit-animation: lg-left-end 0.3s;
	animation: lg-left-end 0.3s;
	position: relative;
}

.lg-toolbar {
	z-index: 1082;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.lg-toolbar .lg-icon {
	color: #999;
	cursor: pointer;
	float: right;
	font-size: 24px;
	height: 47px;
	line-height: 27px;
	padding: 10px 0;
	text-align: center;
	width: 50px;
	text-decoration: none !important;
	outline: medium none;
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
	color: #FFF;
}

.lg-toolbar .lg-close:after {
	content: "\e070";
}

.lg-toolbar .lg-download:after {
	content: "\e0f2";
}

.lg-sub-html {
	background-color: rgba(0, 0, 0, 0.45);
	bottom: 0;
	color: #EEE;
	font-size: 16px;
	left: 0;
	padding: 10px 40px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 1080;
}

.lg-sub-html h4 {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

.lg-sub-html p {
	font-size: 12px;
	margin: 5px 0 0;
}

.lg-toolbar,
.lg-prev,
.lg-next {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
	-webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
	transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-hide-items .lg-prev {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
	opacity: 0;
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	transform: scale3d(0.5, 0.5, 0.5);
	opacity: 0;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	-webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
	transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
	transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-outer .lg-thumb-outer {
	background-color: #0D0A0A;
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1080;
	max-height: 350px;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
	-webkit-transform: translate3d(0, 0%, 0);
	transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
	padding: 10px 0;
	height: 100%;
	margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
	border-radius: 5px;
	cursor: pointer;
	float: left;
	overflow: hidden;
	height: 100%;
	border: 2px solid #FFF;
	border-radius: 4px;
	margin-bottom: 5px;
}

@media (min-width: 1025px) {
	.lg-outer .lg-thumb-item {
		-webkit-transition: border-color 0.25s ease;
		transition: border-color 0.25s ease;
	}
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
	padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
	padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
	-webkit-transition: bottom 0.25s ease;
	transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
	bottom: 100px;
}

.lg-outer .lg-toggle-thumb {
	background-color: #0D0A0A;
	border-radius: 2px 2px 0 0;
	color: #999;
	cursor: pointer;
	font-size: 24px;
	height: 39px;
	line-height: 27px;
	padding: 5px 0;
	position: absolute;
	right: 20px;
	text-align: center;
	top: -39px;
	width: 50px;
	outline: medium none;
	border: none;
}

.lg-outer .lg-toggle-thumb:after {
	content: "\e1ff";
}

.lg-outer .lg-toggle-thumb:hover {
	color: #FFF;
}

.lg-outer .lg-video-cont {
	display: inline-block;
	vertical-align: middle;
	max-width: 70%;
	max-height: 100%;
	width: 100%;
	padding: 0 5px;
}

.lg-outer .lg-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.lg-outer .lg-video .lg-object {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
	width: 84px;
	height: 59px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -42px;
	margin-top: -30px;
	z-index: 1080;
	cursor: pointer;
}

.lg-outer .lg-has-vimeo .lg-video-play {
	background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
	background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
	background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	width: 64px;
	opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
	opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
	background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
	background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
	visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
	display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
	visibility: visible;
}

.lg-progress-bar {
	background-color: #333;
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1083;
	opacity: 0;
	-webkit-transition: opacity 0.08s ease 0s;
	transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
	background-color: #a90707;
	height: 5px;
	width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
	width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
	opacity: 1;
}

.lg-autoplay-button:after {
	content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
	content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
	-webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
	transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#lg-zoom-in:after {
	content: "\e311";
}

#lg-actual-size {
	font-size: 20px;
}

#lg-actual-size:after {
	content: "\e033";
}

#lg-zoom-out {
	opacity: 0.5;
	pointer-events: none;
}

#lg-zoom-out:after {
	content: "\e312";
}

.lg-zoomed #lg-zoom-out {
	opacity: 1;
	pointer-events: auto;
}

.lg-outer .lg-pager-outer {
	bottom: 60px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1080;
	height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
	overflow: visible;
}

.lg-outer .lg-pager-cont {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
	-webkit-box-shadow: 0 0 0 2px white inset;
	box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
	background-color: #fff;
	color: #FFF;
	bottom: 100%;
	height: 83px;
	left: 0;
	margin-bottom: 20px;
	margin-left: -60px;
	opacity: 0;
	padding: 5px;
	position: absolute;
	width: 120px;
	border-radius: 3px;
	-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
	transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
	transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
	transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
	width: 100%;
	height: 100%;
}

.lg-outer .lg-pager {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
	display: block;
	height: 12px;
	-webkit-transition: box-shadow 0.3s ease 0s;
	-webkit-transition: -webkit-box-shadow 0.3s ease 0s;
	transition: -webkit-box-shadow 0.3s ease 0s;
	transition: box-shadow 0.3s ease 0s;
	transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
	width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
	-webkit-box-shadow: 0 0 0 8px white inset;
	box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px dashed;
	bottom: -10px;
	display: inline-block;
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	vertical-align: middle;
	width: 0;
}

.lg-fullscreen:after {
	content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
	content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
	background-color: rgba(0, 0, 0, 0.25);
	bottom: 0;
	cursor: default;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1081;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
	transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	opacity: 1;
	visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
	color: #FFF;
}

.lg-outer .lg-dropdown {
	background-color: #fff;
	border-radius: 2px;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
	-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
	-webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
	transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
	transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
	transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	border: 8px solid transparent;
	border-bottom-color: #FFF;
	right: 16px;
	top: -16px;
}

.lg-outer .lg-dropdown>li:last-child {
	margin-bottom: 0px;
}

.lg-outer .lg-dropdown>li:hover a,
.lg-outer .lg-dropdown>li:hover .lg-icon {
	color: #333;
}

.lg-outer .lg-dropdown a {
	color: #333;
	display: block;
	white-space: pre;
	padding: 4px 12px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
	background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
	display: inline-block;
	line-height: 1;
	margin-top: -3px;
	vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
	color: #333;
	display: inline-block;
	float: none;
	font-size: 20px;
	height: auto;
	line-height: 1;
	margin-right: 8px;
	padding: 0;
	vertical-align: middle;
	width: auto;
}

.lg-outer #lg-share {
	position: relative;
}

.lg-outer #lg-share:after {
	content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
	color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
	content: "\e904";
}

.lg-outer #lg-share-twitter .lg-icon {
	color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
	content: "\e907";
}

.lg-outer #lg-share-googleplus .lg-icon {
	color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
	content: "\e905";
}

.lg-outer #lg-share-pinterest .lg-icon {
	color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
	content: "\e906";
}

.lg-outer .lg-img-rotate {
	position: absolute;
	padding: 0 5px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
	transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
	transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
	transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s, -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left:after {
	content: "\e900";
}

.lg-rotate-right:after {
	content: "\e901";
}

.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
	font-size: 26px;
}

.lg-flip-hor:after {
	content: "\e902";
}

.lg-flip-ver:after {
	content: "\e903";
}

.lg-group {
	*zoom: 1;
}

.lg-group:before,
.lg-group:after {
	display: table;
	content: "";
	line-height: 0;
}

.lg-group:after {
	clear: both;
}

.lg-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	opacity: 0;
	outline: none;
	-webkit-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
}

.lg-outer * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lg-outer.lg-visible {
	opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
	-webkit-transition-duration: inherit !important;
	transition-duration: inherit !important;
	-webkit-transition-timing-function: inherit !important;
	transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
	opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}

.lg-outer .lg {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: 100%;
}

.lg-outer .lg-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}

.lg-outer .lg-item {
	background: url("../img/loading.gif") no-repeat scroll center center transparent;
	display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
	display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
	display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

.lg-outer .lg-img-wrap {
	position: absolute;
	padding: 0 5px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.lg-outer .lg-item.lg-complete {
	background-image: none;
}

.lg-outer .lg-item.lg-current {
	z-index: 1060;
}

.lg-outer .lg-image {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
	opacity: 1;
}

.lg-outer .lg-empty-html {
	display: none;
}

.lg-outer.lg-hide-download #lg-download {
	display: none;
}

.lg-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1040;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
	opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
	-webkit-transition: none 0s ease 0s !important;
	transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
	opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
	opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
	-webkit-transition: opacity 0.1s ease 0s;
	transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
	opacity: 0;
	position: absolute;
	left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
	left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
	left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
	left: 0;
	opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
	-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.select {
	position: relative;
}

.select.is-active .select__icon svg {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

.select.is-active .select__body {
	visibility: visible;
	opacity: 1;
	display: block;
}

.select__icon svg,
.select__body {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

@media screen and (min-width: 576px) {
	.blog__wrapp-categories .select.is-active .select__body {
		display: none;
	}

	.blog__wrapp-categories .select__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: initial;
	}

	.blog__wrapp-categories .select__current {
		border: 1px solid #ADB4B8;
	}
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	overflow-x: hidden;
}

*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*::-webkit-scrollbar {
	width: 3px;
	/* ширина для вертикального скролла */
}

*::-webkit-scrollbar-thumb {
	background-color: #0047FE;
	border-radius: 14px;
}

a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-decoration: none;
	cursor: pointer;
	margin: 0;
}

button {
	background-color: transparent;
	border: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	outline: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	line-height: initial;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
}

picture,
canvas {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

fieldset {
	padding: 0;
	outline: none;
	border: none;
}

input {
	width: 100%;
	outline: none;
	border: none;
}

textarea {
	width: 100%;
	outline: none;
	border: none;
}

label {
	display: block;
	position: relative;
}

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

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

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(100%);
	clip-path: inset(100%);
}

.container {
	width: 100%;
	max-width: 1545px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
}

.container--fluid {
	max-width: 1920px;
}

svg {
	fill: transparent;
}

.body-scroll {
	position: fixed;
	overflow-y: hidden;
}

:root {
	--stars-rate: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4187 2.02185L18.8824 6.99003C19.2184 7.68162 20.1143 8.34498 20.8702 8.47201L25.3357 9.22006C28.1914 9.69994 28.8633 11.7888 26.8055 13.8495L23.3339 17.3498C22.746 17.9426 22.424 19.0858 22.606 19.9045L23.5999 24.2375C24.3838 27.6672 22.578 28.994 19.5683 27.2015L15.3828 24.7033C14.6269 24.2516 13.381 24.2516 12.6111 24.7033L8.42557 27.2015C5.42991 28.994 3.61011 27.6531 4.39402 24.2375L5.38791 19.9045C5.56989 19.0858 5.24793 17.9426 4.65999 17.3498L1.18837 13.8495C-0.8554 11.7888 -0.197472 9.69994 2.65821 9.22006L7.12372 8.47201C7.86564 8.34498 8.76154 7.68162 9.0975 6.99003L11.5612 2.02185C12.9051 -0.67395 15.0888 -0.67395 16.4187 2.02185Z' fill='%23FFD600'/%3E%3C/svg%3E%0A");
	--breadcrumbs-arrow: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3536 4.85355C16.5488 4.65829 16.5488 4.34171 16.3536 4.14645L13.1716 0.964466C12.9763 0.769204 12.6597 0.769204 12.4645 0.964466C12.2692 1.15973 12.2692 1.47631 12.4645 1.67157L15.2929 4.5L12.4645 7.32843C12.2692 7.52369 12.2692 7.84027 12.4645 8.03553C12.6597 8.2308 12.9763 8.2308 13.1716 8.03553L16.3536 4.85355ZM0 5H16V4H0V5Z' fill='%23ADB4B8'/%3E%3C/svg%3E%0A");
	--video-preview: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z' stroke='%230047FE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.5' d='M9.1001 12V10.52C9.1001 8.61001 10.4501 7.84001 12.1001 8.79001L13.3801 9.53001L14.6601 10.27C16.3101 11.22 16.3101 12.78 14.6601 13.73L13.3801 14.47L12.1001 15.21C10.4501 16.16 9.1001 15.38 9.1001 13.48V12Z' stroke='%230047FE' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	--hover-link: url("data:image/svg+xml,%3Csvg width='189' height='83' viewBox='0 0 189 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M96.541 23.3144L113.283 6.57275' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M114.915 14.7399V4.93994H105.115' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M92.459 4.93994H88.3757C78.1673 4.93994 74.084 9.02327 74.084 19.2316V31.4816C74.084 41.6899 78.1673 45.7733 88.3757 45.7733H100.626C110.834 45.7733 114.917 41.6899 114.917 31.4816V27.3983' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.7722 81.8564V69.1664H47.3162C48.7082 69.1664 49.7822 69.4964 50.5382 70.1564C51.3062 70.8164 51.6902 71.7344 51.6902 72.9104C51.6902 73.6904 51.5162 74.3564 51.1682 74.9084C50.8322 75.4604 50.3462 75.8864 49.7102 76.1864C49.0742 76.4744 48.3242 76.6184 47.4602 76.6184L47.7122 76.2764H48.3242C48.8282 76.2764 49.2782 76.4084 49.6742 76.6724C50.0702 76.9364 50.3942 77.3384 50.6462 77.8784L52.5002 81.8564H49.9442L48.0722 77.7344C47.9042 77.3144 47.6462 77.0384 47.2982 76.9064C46.9622 76.7744 46.5542 76.7084 46.0742 76.7084H44.0942V81.8564H41.7722ZM44.0942 74.9984H46.9382C47.7542 74.9984 48.3722 74.8304 48.7922 74.4944C49.2242 74.1464 49.4402 73.6424 49.4402 72.9824C49.4402 72.3224 49.2242 71.8244 48.7922 71.4884C48.3722 71.1524 47.7542 70.9844 46.9382 70.9844H44.0942V74.9984ZM58.3943 82.0364C56.8703 82.0364 55.6763 81.6164 54.8123 80.7764C53.9483 79.9364 53.5163 78.7844 53.5163 77.3204C53.5163 76.3724 53.7023 75.5444 54.0743 74.8364C54.4463 74.1284 54.9623 73.5764 55.6223 73.1804C56.2943 72.7844 57.0743 72.5864 57.9623 72.5864C58.8383 72.5864 59.5703 72.7724 60.1583 73.1444C60.7463 73.5164 61.1903 74.0384 61.4903 74.7104C61.8023 75.3824 61.9583 76.1684 61.9583 77.0684V77.6624H55.3343V76.4744H60.3563L60.0503 76.7264C60.0503 75.8864 59.8703 75.2444 59.5103 74.8004C59.1623 74.3564 58.6523 74.1344 57.9803 74.1344C57.2363 74.1344 56.6603 74.3984 56.2523 74.9264C55.8563 75.4544 55.6583 76.1924 55.6583 77.1404V77.3744C55.6583 78.3584 55.8983 79.0964 56.3783 79.5884C56.8703 80.0684 57.5603 80.3084 58.4483 80.3084C58.9643 80.3084 59.4443 80.2424 59.8883 80.1104C60.3443 79.9664 60.7763 79.7384 61.1843 79.4264L61.8503 80.9384C61.4183 81.2864 60.9023 81.5564 60.3023 81.7484C59.7023 81.9404 59.0663 82.0364 58.3943 82.0364ZM67.3736 82.0364C66.5816 82.0364 65.8856 81.8504 65.2856 81.4784C64.6856 81.0944 64.2176 80.5484 63.8816 79.8404C63.5456 79.1324 63.3776 78.2864 63.3776 77.3024C63.3776 76.3184 63.5456 75.4784 63.8816 74.7824C64.2176 74.0744 64.6856 73.5344 65.2856 73.1624C65.8856 72.7784 66.5816 72.5864 67.3736 72.5864C68.1416 72.5864 68.8136 72.7784 69.3896 73.1624C69.9776 73.5344 70.3676 74.0384 70.5596 74.6744H70.3616L70.5596 72.7664H72.7196C72.6836 73.1384 72.6476 73.5164 72.6116 73.9004C72.5876 74.2844 72.5756 74.6624 72.5756 75.0344V81.8564H70.3436L70.3256 79.9844H70.5416C70.3496 80.6084 69.9596 81.1064 69.3716 81.4784C68.7836 81.8504 68.1176 82.0364 67.3736 82.0364ZM68.0036 80.3084C68.7116 80.3084 69.2816 80.0624 69.7136 79.5704C70.1456 79.0664 70.3616 78.3104 70.3616 77.3024C70.3616 76.2944 70.1456 75.5444 69.7136 75.0524C69.2816 74.5604 68.7116 74.3144 68.0036 74.3144C67.2956 74.3144 66.7256 74.5604 66.2936 75.0524C65.8616 75.5444 65.6456 76.2944 65.6456 77.3024C65.6456 78.3104 65.8556 79.0664 66.2756 79.5704C66.7076 80.0624 67.2836 80.3084 68.0036 80.3084ZM78.5538 82.0364C77.7618 82.0364 77.0598 81.8504 76.4478 81.4784C75.8478 81.0944 75.3798 80.5484 75.0438 79.8404C74.7078 79.1324 74.5398 78.2864 74.5398 77.3024C74.5398 76.3184 74.7078 75.4784 75.0438 74.7824C75.3798 74.0744 75.8478 73.5344 76.4478 73.1624C77.0598 72.7784 77.7618 72.5864 78.5538 72.5864C79.3098 72.5864 79.9758 72.7724 80.5518 73.1444C81.1398 73.5044 81.5298 73.9964 81.7218 74.6204H81.4878V68.6084H83.7378V81.8564H81.5238V79.9304H81.7398C81.5478 80.5784 81.1578 81.0944 80.5698 81.4784C79.9938 81.8504 79.3218 82.0364 78.5538 82.0364ZM79.1838 80.3084C79.8918 80.3084 80.4618 80.0624 80.8938 79.5704C81.3258 79.0664 81.5418 78.3104 81.5418 77.3024C81.5418 76.2944 81.3258 75.5444 80.8938 75.0524C80.4618 74.5604 79.8918 74.3144 79.1838 74.3144C78.4758 74.3144 77.8998 74.5604 77.4558 75.0524C77.0238 75.5444 76.8078 76.2944 76.8078 77.3024C76.8078 78.3104 77.0238 79.0664 77.4558 79.5704C77.8998 80.0624 78.4758 80.3084 79.1838 80.3084ZM94.6373 82.0364C93.8453 82.0364 93.1493 81.8504 92.5493 81.4784C91.9493 81.0944 91.4813 80.5484 91.1453 79.8404C90.8093 79.1324 90.6413 78.2864 90.6413 77.3024C90.6413 76.3184 90.8093 75.4784 91.1453 74.7824C91.4813 74.0744 91.9493 73.5344 92.5493 73.1624C93.1493 72.7784 93.8453 72.5864 94.6373 72.5864C95.4053 72.5864 96.0773 72.7784 96.6533 73.1624C97.2413 73.5344 97.6313 74.0384 97.8233 74.6744H97.6253L97.8233 72.7664H99.9833C99.9473 73.1384 99.9113 73.5164 99.8753 73.9004C99.8513 74.2844 99.8393 74.6624 99.8393 75.0344V81.8564H97.6073L97.5893 79.9844H97.8053C97.6133 80.6084 97.2233 81.1064 96.6353 81.4784C96.0473 81.8504 95.3813 82.0364 94.6373 82.0364ZM95.2673 80.3084C95.9753 80.3084 96.5453 80.0624 96.9773 79.5704C97.4093 79.0664 97.6253 78.3104 97.6253 77.3024C97.6253 76.2944 97.4093 75.5444 96.9773 75.0524C96.5453 74.5604 95.9753 74.3144 95.2673 74.3144C94.5593 74.3144 93.9893 74.5604 93.5573 75.0524C93.1253 75.5444 92.9093 76.2944 92.9093 77.3024C92.9093 78.3104 93.1193 79.0664 93.5393 79.5704C93.9713 80.0624 94.5473 80.3084 95.2673 80.3084ZM102.289 81.8564V68.6084H104.539V81.8564H102.289ZM106.983 81.8564V68.6084H109.233V81.8564H106.983ZM120.504 82.0364C119.424 82.0364 118.608 81.7544 118.056 81.1904C117.504 80.6264 117.228 79.7804 117.228 78.6524V74.4584H115.482V72.7664H117.228V70.4444L119.478 69.8684V72.7664H121.908V74.4584H119.478V78.5084C119.478 79.1324 119.598 79.5704 119.838 79.8224C120.078 80.0744 120.408 80.2004 120.828 80.2004C121.056 80.2004 121.248 80.1824 121.404 80.1464C121.572 80.1104 121.734 80.0624 121.89 80.0024V81.7844C121.686 81.8684 121.458 81.9284 121.206 81.9644C120.966 82.0124 120.732 82.0364 120.504 82.0364ZM127.74 82.0364C126.216 82.0364 125.022 81.6164 124.158 80.7764C123.294 79.9364 122.862 78.7844 122.862 77.3204C122.862 76.3724 123.048 75.5444 123.42 74.8364C123.792 74.1284 124.308 73.5764 124.968 73.1804C125.64 72.7844 126.42 72.5864 127.308 72.5864C128.184 72.5864 128.916 72.7724 129.504 73.1444C130.092 73.5164 130.536 74.0384 130.836 74.7104C131.148 75.3824 131.304 76.1684 131.304 77.0684V77.6624H124.68V76.4744H129.702L129.396 76.7264C129.396 75.8864 129.216 75.2444 128.856 74.8004C128.508 74.3564 127.998 74.1344 127.326 74.1344C126.582 74.1344 126.006 74.3984 125.598 74.9264C125.202 75.4544 125.004 76.1924 125.004 77.1404V77.3744C125.004 78.3584 125.244 79.0964 125.724 79.5884C126.216 80.0684 126.906 80.3084 127.794 80.3084C128.31 80.3084 128.79 80.2424 129.234 80.1104C129.69 79.9664 130.122 79.7384 130.53 79.4264L131.196 80.9384C130.764 81.2864 130.248 81.5564 129.648 81.7484C129.048 81.9404 128.412 82.0364 127.74 82.0364ZM131.753 81.8564L135.983 76.6544V77.6804L131.987 72.7664H134.651L137.261 76.1324H136.451L139.061 72.7664H141.707L137.747 77.6804V76.6544L141.959 81.8564H139.277L136.451 78.2384H137.261L134.417 81.8564H131.753ZM146.924 82.0364C145.844 82.0364 145.028 81.7544 144.476 81.1904C143.924 80.6264 143.648 79.7804 143.648 78.6524V74.4584H141.902V72.7664H143.648V70.4444L145.898 69.8684V72.7664H148.328V74.4584H145.898V78.5084C145.898 79.1324 146.018 79.5704 146.258 79.8224C146.498 80.0744 146.828 80.2004 147.248 80.2004C147.476 80.2004 147.668 80.1824 147.824 80.1464C147.992 80.1104 148.154 80.0624 148.31 80.0024V81.7844C148.106 81.8684 147.878 81.9284 147.626 81.9644C147.386 82.0124 147.152 82.0364 146.924 82.0364Z' fill='white'/%3E%3C/svg%3E%0A");
	--line: url("data:image/svg+xml,%3Csvg width='1920' height='382' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.5'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M408 178c203.2 0 368-35.8 368-80H40c0 44.2 164.8 80 368 80Z' fill='%2300EFFE'/%3E%3C/g%3E%3Cg filter='url(%23b)'%3E%3Cpath d='M960 178c203.2 0 368-35.8 368-80H592c0 44.2 164.8 80 368 80Z' fill='%23EBFF00'/%3E%3C/g%3E%3Cg filter='url(%23c)'%3E%3Cpath d='M1512 178c203.2 0 368-35.8 368-80h-736c0 44.2 164.8 80 368 80Z' fill='%23DB00FF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='-164' y='-106' width='1144' height='488' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='102' result='effect1_foregroundBlur_260_956'/%3E%3C/filter%3E%3Cfilter id='b' x='388' y='-106' width='1144' height='488' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='102' result='effect1_foregroundBlur_260_956'/%3E%3C/filter%3E%3Cfilter id='c' x='940' y='-106' width='1144' height='488' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='102' result='effect1_foregroundBlur_260_956'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
	--line-center: url("data:image/svg+xml,%3Csvg width='1920' height='488' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.4'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M408 284c203.2 0 368-35.8 368-80H40c0 44.2 164.8 80 368 80Z' fill='%2300EFFE'/%3E%3C/g%3E%3Cg filter='url(%23b)'%3E%3Cpath d='M960 284c203.2 0 368-35.8 368-80H592c0 44.2 164.8 80 368 80Z' fill='%23EBFF00'/%3E%3C/g%3E%3Cg filter='url(%23c)'%3E%3Cpath d='M1512 284c203.2 0 368-35.8 368-80h-736c0 44.2 164.8 80 368 80Z' fill='%23DB00FF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='-164' y='0' width='1144' height='488' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='102' result='effect1_foregroundBlur_320_1403'/%3E%3C/filter%3E%3Cfilter id='b' x='388' y='0' width='1144' height='488' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='102' result='effect1_foregroundBlur_320_1403'/%3E%3C/filter%3E%3Cfilter id='c' x='940' y='0' width='1144' height='488' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='102' result='effect1_foregroundBlur_320_1403'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
	--arrow-down: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 6L12.7677 14.2677C11.7955 15.2441 10.2045 15.2441 9.23232 14.2677L1 6' stroke='%23181818' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.title-1 {
	font-family: var(--font-family);
	font-size: 90px;
	line-height: 107%;
	font-weight: 800;
	letter-spacing: -2px;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 1024px) {
	.title-1 {
		font-size: 60px;
		line-height: 117%;
	}
}

@media (max-width: 768px) {
	.title-1 {
		max-width: 663px;
		font-size: 50px;
		line-height: 120%;
	}
}

@media (max-width: 576px) {
	.title-1 {
		font-size: 36px;
		line-height: 122%;
	}
}

.title-2 {
	font-family: var(--font-family);
	font-size: 46px;
	line-height: 120%;
	font-weight: 800;
	font-style: normal;
	color: var(--system-1);
	letter-spacing: -1px;
}

@media (max-width: 1024px) {
	.title-2 {
		font-size: 40px;
		line-height: 115%;
	}
}

@media (max-width: 768px) {
	.title-2 {
		font-size: 32px;
		line-height: 119%;
	}
}

.title-3 {
	font-family: var(--font-family);
	font-size: 32px;
	line-height: 106%;
	font-weight: 800;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 1024px) {
	.title-3 {
		font-size: 26px;
		line-height: 119%;
	}
}

.title-4 {
	font-family: var(--font-family);
	font-size: 24px;
	line-height: 117%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 576px) {
	.title-4 {
		font-size: 14px;
		line-height: 120%;
	}
}

.title-5 {
	font-family: var(--font-family);
	font-size: 18px;
	line-height: 122%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

.sale-text {
	font-family: var(--font-family);
	font-size: 26px;
	line-height: 120%;
	font-weight: 800;
	font-style: italic;
	text-transform: lowercase;
	color: var(--system-1);
}

@media (max-width: 768px) {
	.sale-text {
		font-size: 18px;
		line-height: 122%;
	}
}

.text-headline {
	font-family: var(--font-family);
	font-size: 16px;
	line-height: 150%;
	font-weight: 600;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 768px) {
	.text-headline {
		font-size: 14px;
		line-height: 143%;
	}
}

@media (max-width: 576px) {
	.text-headline {
		font-size: 12px;
		line-height: 150%;
	}
}

.menu-text {
	font-family: var(--font-family);
	font-size: 18px;
	line-height: 125%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

.star-text {
	font-family: var(--font-family);
	font-size: 18px;
	line-height: 125%;
	font-weight: 600;
	font-style: normal;
	color: var(--system-1);
}

.reviews-text {
	font-family: var(--font-family);
	font-size: 16px;
	line-height: 125%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

label,
.text {
	font-family: var(--font-family);
	font-size: 20px;
	line-height: 160%;
	font-weight: 400;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 1024px) {
	.text {
		font-size: 16px;
		line-height: 162%;
	}
}

@media (max-width: 768px) {
	.text {
		font-size: 14px;
		line-height: 171%;
	}
}

.text-body {
	font-family: var(--font-family);
	font-size: 16px;
	line-height: 144%;
	font-weight: 400;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 1024px) {
	.text-body {
		font-size: 14px;
		line-height: 163%;
	}
}

@media (max-width: 768px) {
	.text-body {
		font-size: 13px;
		line-height: 169%;
	}
}

.button-1 {
	font-family: var(--font-family);
	font-size: 18px;
	line-height: 125%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 768px) {
	.button-1 {
		font-size: 16px;
	}
}

.button-2 {
	font-family: var(--font-family);
	font-size: 14px;
	line-height: 128%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

.button-filtr {
	font-family: var(--font-family);
	font-size: 16px;
	line-height: 125%;
	font-weight: 500;
	font-style: normal;
	color: var(--system-1);
}

.text-detail {
	font-family: var(--font-family);
	font-size: 18px;
	line-height: 123%;
	font-weight: 500;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 768px) {
	.text-detail {
		font-size: 14px;
		line-height: 125%;
	}
}

.text-decor {
	font-family: var(--font-family);
	font-size: 13px;
	line-height: 120%;
	font-weight: 900;
	font-style: italic;
	color: var(--system-1);
}

.button-footer {
	font-family: var(--font-family);
	font-size: 16px;
	line-height: 125%;
	font-weight: 500;
	font-style: normal;
	color: var(--system-1);
}

.text-calc-name {
	font-family: var(--font-family);
	font-size: 18px;
	line-height: 125%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 576px) {
	.text-calc-name {
		font-size: 14px;
		line-height: 125%;
	}
}

.text-calc-descr {
	font-family: var(--font-family);
	font-size: 14px;
	line-height: 143%;
	font-weight: 500;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 576px) {
	.text-calc-descr {
		font-size: 12px;
		line-height: 167%;
	}
}

.text-calc-other {
	font-family: var(--font-family);
	font-size: 36px;
	line-height: 139%;
	font-weight: 600;
	font-style: normal;
	color: var(--system-1);
}

.text-calc-other small {
	font-size: 45%;
	color: var(--error-2);
}

@media (max-width: 576px) {
	.text-calc-other {
		font-size: 22px;
		line-height: 115%;
	}
}

.text-calc-btn {
	font-family: var(--font-family);
	font-size: 40px;
	line-height: 120%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

.text-calc-total {
	font-family: var(--font-family);
	font-size: 50px;
	line-height: 100%;
	font-weight: 600;
	font-style: normal;
	color: var(--system-1);
}

.text-basket {
	font-family: var(--font-family);
	font-size: 16px;
	line-height: 125%;
	font-weight: 600;
	font-style: normal;
	color: var(--system-1);
}

.basket-count {
	font-family: var(--font-family);
	font-size: 14px;
	line-height: 125%;
	font-weight: 600;
	font-style: normal;
	color: var(--system-1);
}

.text-town {
	font-family: var(--font-family);
	font-size: 24px;
	line-height: 120%;
	font-weight: 600;
	font-style: normal;
	color: var(--system-1);
}

@media (max-width: 768px) {
	.text-town {
		font-size: 20px;
		line-height: 125%;
	}
}

.basket-copy {
	font-family: var(--font-family);
	font-size: 12px;
	line-height: 115%;
	font-weight: 400;
	font-style: normal;
	color: var(--system-1);
}

.basket-choosed {
	font-family: var(--font-family);
	font-size: 12px;
	line-height: 120%;
	font-weight: 600;
	font-style: normal;
	color: var(--system-2);
}

.urgent-text,
.agreements-text {
	font-family: var(--font-family);
	font-size: 14px;
	line-height: 171%;
	font-weight: 400;
	font-style: normal;
	color: var(--system-1);
}

.basket-tabs-content {
	font-family: var(--font-family);
	font-size: 16px;
	line-height: 125%;
	font-weight: 700;
	font-style: normal;
	color: var(--system-1);
}

.calculate-mobile {
	font-family: var(--font-family);
	font-size: 22px;
	line-height: 127%;
	font-weight: 800;
	font-style: normal;
	color: var(--system-6);
}

.calculate-hover-descr {
	font-family: var(--font-family);
	font-size: 14px;
	line-height: 125%;
	font-weight: 400;
	font-style: normal;
	color: var(--system-2);
}

.calculate-hover {
	font-family: var(--font-family);
	font-size: 13px;
	line-height: 138%;
	font-weight: 400;
	font-style: normal;
	color: var(--system-1);
}

header {
	background-color: var(--system-6);
	min-height: 98px;
	-webkit-box-shadow: 0px 10px 14px rgba(0, 22, 102, 0.05);
	box-shadow: 0px 10px 14px rgba(0, 22, 102, 0.05);
}

@media (max-width: 768px) {
	header {
		min-height: 84px;
	}
}

.header {
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-template-columns: 1fr auto 1fr;
	grid-gap: clamp(10px, 3.125vw, 60px);
	padding: 24px clamp(20px, 5.215vw, 30px);
}

@media (max-width: 1440px) {
	.header {
		grid-gap: clamp(10px, 2.083vw, 30px);
	}
}

@media (max-width: 1300px) {
	.header {
		grid-gap: 40px clamp(10px, 2.083vw, 30px);
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas: "logo btns" "nav nav";
	}
}

@media (max-width: 768px) {
	.header {
		grid-gap: initial;
		padding: 22px clamp(10px, 3.906vw, 30px);
	}
}

.header__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: clamp(126px, 21.745vw, 167px);
	height: clamp(38px, 6.51vw, 50px);
}

@media (max-width: 1300px) {
	.header__logo {
		grid-area: logo;
	}
}

.header__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: clamp(60px, 4.167vw, 80px);
}

@media (max-width: 1440px) {
	.header__nav {
		grid-gap: clamp(20px, 4.167vw, 60px);
	}
}

@media (max-width: 1300px) {
	.header__nav {
		grid-area: nav;
		width: 100%;
		max-width: 665px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 auto;
	}
}

@media (max-width: 768px) {
	.header__nav {
		display: none;
	}
}

.header__nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
	z-index: 0;
}

.header__nav-link--shop {
	color: var(--blue-6);
}

.header__nav-link svg {
	margin-left: 14px;
}

.header__nav-link:hover {
	color: var(--blue-6);
}

.header__nav-link:hover::before {
	background-color: var(--blue-1);
}

@media (max-width: 1620px) {
	.header__nav-link:hover::before {
		left: -20px;
		right: -20px;
	}
}

@media (max-width: 1300px) {
	.header__nav-link:hover::before {
		left: -40px;
		right: -40px;
		top: -25px;
		bottom: -25px;
	}
}

@media (max-width: 768px) {
	.header__nav-link:hover::before {
		left: -40px;
		right: -40px;
		top: -18px;
		bottom: -18px;
	}
}

.header__nav-link::before {
	content: "";
	position: absolute;
	left: -40px;
	right: -40px;
	top: -38px;
	bottom: -37px;
	background-color: transparent;
	z-index: -1;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.header__nav-link.active {
	color: var(--blue-6);
}

.header__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	grid-gap: 16px;
}

@media (max-width: 1300px) {
	.header__btns {
		grid-area: btns;
	}
}

@media (max-width: 768px) {
	.header__btns {
		grid-gap: 10px;
	}
}

.header__lang {
	margin-right: clamp(30px, 2.813vw, 54px);
}

@media (max-width: 1440px) {
	.header__lang {
		margin-right: clamp(20px, 1.389vw, 30px);
	}
}

@media (max-width: 768px) {
	.header__lang {
		display: none;
	}
}

.header__btn {
	border: 1px solid var(--blue-6);
	border-radius: 8px;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.header__btn--basket {
	padding: 10px;
	color: var(--blue-6);
	width: 44px;
	height: 44px;
	position: relative;
}

.header__btn--basket svg {
	stroke: var(--system-1);
}

.header__btn--basket:hover,
.header__btn--basket:hover span {
	background-color: var(--blue-6);
	color: var(--system-6);
}

.header__btn--basket:hover svg {
	stroke: var(--system-6);
}

.header__btn--basket>span {
	position: absolute;
	top: -8px;
	right: -8px;
	border: 1px solid var(--blue-6);
	width: 20px;
	height: 20px;
	border-radius: 5px;
	text-align: center;
	background-color: #fff;
}

@media (max-width: 768px) {
	.header__btn--basket {
		width: 40px;
		height: 40px;
		padding: 8px;
	}
}

.header__btn--sign {
	padding: 10px 31px;
}

.header__btn--sign:hover {
	background: var(--gradient);
	color: var(--system-6);
}

.header__btn--sign:active {
	background: var(--blue-8);
}

@media (max-width: 768px) {
	.header__btn--sign {
		display: none;
	}
}

.header__btn--log {
	padding: 10px 38px;
	background: var(--blue-6);
	color: var(--system-6);
}

.header__btn--log svg {
	margin-right: 14px;
	stroke: var(--system-6);
}

.header__btn--log:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3F7AFE), to(#0047FE));
	background-image: linear-gradient(#3F7AFE 0%, #0047FE 100%);
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.header__btn--log:active {
	background-color: var(--blue-8);
}

@media (max-width: 768px) {
	.header__btn--log {
		display: none;
	}
}

.header__btn--exit {
	padding: 10px 29.5px;
	background-color: #fff;
	color: var(--system-6);
	background: var(--blue-6);
	-webkit-box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
	box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
}

.header__btn--exit svg {
	margin-right: 14px;
	stroke: var(--system-6);
}

.header__btn--exit:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3F7AFE), to(#0047FE));
	background-image: linear-gradient(#3F7AFE 0%, #0047FE 100%);
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.header__btn--exit:active {
	background-color: var(--blue-8);
}

@media (max-width: 768px) {
	.header__btn--exit {
		display: none;
	}
}

.header__btn svg {
	fill: transparent;
}

footer {
	background-color: var(--system-1);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: clamp(40px, 5.208vw, 100px) clamp(20px, 5.215vw, 30px) 28px;
}

.footer__copy {
	color: var(--system-3);
}

.footer__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (max-width: 1240px) {
	.footer__top {
		display: grid;
		grid-template-columns: 400px 1fr;
		grid-gap: clamp(60px, 7.813vw, 80px);
		grid-template-areas: "video info" "nav nav";
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media (max-width: 1024px) {
	.footer__top {
		grid-template-columns: clamp(315px, 35.156vw, 360px) 1fr;
	}
}

@media (max-width: 576px) {
	.footer__top {
		grid-template-columns: 100%;
		grid-template-areas: "video" "info" "nav";
	}
}

.footer__navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: clamp(40px, 3.906vw, 75px);
}

@media (max-width: 1240px) {
	.footer__navigation {
		grid-area: nav;
		grid-gap: min(13.672vw, 140px);
	}
}

@media (max-width: 576px) {
	.footer__navigation {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 60px;
	}
}

.footer__nav li+li {
	margin-top: 24px;
}

.footer__nav li:first-of-type {
	margin-bottom: 30px;
}

.footer__nav-title {
	color: var(--system-2);
}

.footer__nav-link {
	color: var(--system-6);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.footer__nav-link:hover {
	color: var(--blue-6);
}

@media (max-width: 1240px) {
	.footer__info {
		grid-area: info;
	}
}

.footer__info-title {
	max-width: 175px;
	color: var(--system-3);
}

.footer__social {
	margin-bottom: 46px;
}

.footer__socials {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer__socials li+li {
	margin-left: 20px;
}

.footer__socials-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: #2f2f2f;
	border-radius: 10px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.footer__socials-link:hover {
	background-color: var(--blue-6);
}

.footer__socials-link svg {
	fill: var(--system-6);
	opacity: 0.9;
}

.footer__payments {
	margin-top: 32px;
	max-width: 234px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 24px 40px;
}

@media (max-width: 1240px) {
	.footer__payments {
		max-width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.footer__payments-item svg {
	opacity: 0.6;
}

.footer__bot {
	margin-top: 69px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (max-width: 576px) {
	.footer__bot {
		margin-top: 60px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		grid-gap: 20px;
		width: 100%;
	}
}

.footer__policy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 60px;
}

@media (max-width: 576px) {
	.footer__policy {
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		width: 100%;
	}
}

.footer__policy-link {
	color: var(--system-6);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.footer__policy-link:hover {
	color: var(--blue-6);
}

.footer__video {
	width: clamp(325px, 20.833vw, 400px);
	max-height: 192px;
}

@media (max-width: 1240px) {
	.footer__video {
		grid-area: video;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.footer__video {
		max-height: initial;
	}

	.footer__video img,
	.footer__video picture {
		width: 100%;
	}
}

.footer__video-controls {
	width: 90px;
	height: 90px;
}

.footer__video-controls svg {
	height: 33px;
	width: 33px;
}

@media (max-width: 1440px) {
	.footer__video-controls {
		width: 73px;
		height: 73px;
	}

	.footer__video-controls svg {
		height: 29px;
		width: 27px;
	}
}

@media (max-width: 1024px) {
	.footer__video-controls {
		width: 80px;
		height: 80px;
	}

	.footer__video-controls svg {
		height: 32px;
		width: 30px;
	}
}

@media (max-width: 768px) {
	.footer__video-controls {
		width: 70px;
		height: 70px;
	}

	.footer__video-controls svg {
		height: 28px;
		width: 26px;
	}
}

.double-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 36px;
}

.btn {
	height: 56px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 8px;
}

/* .btn-sm {
	height: 50px;
} */

.btn-group-sm>.btn,
.btn-sm {
	height: 32px;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 8px;
}

.btn svg {
	margin-right: 14px;
}

.btn-sm svg {
	margin-right: 0px;
}

.icon {
	width: 66px;
	height: 66px;
	background-color: var(--blue-6);
	-webkit-box-shadow: 0px 0px 32px rgba(0, 71, 254, 0.3);
	box-shadow: 0px 0px 32px rgba(0, 71, 254, 0.3);
	border-radius: 12px;
	padding: 14px;
}

.icon svg {
	stroke: #fff;
}

.block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 60px;
}

.block__center {
	max-width: 605px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	grid-gap: 40px;
}

@media all and (max-width: 1024px) {
	.block__center {
		max-width: 680px;
	}
}

.block__headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	grid-gap: 30px;
}

.block__between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

@media (max-width: 576px) {
	.block__between {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.block__between-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.block__between-head .block__icon {
	margin-right: 40px;
}

@media (max-width: 576px) {
	.block__between-head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		grid-gap: 40px;
		width: 100%;
	}

	.block__between-head .block__icon {
		margin: 0;
	}
}

.head--bg {
	background-color: var(--system-5);
}

.head__inner {
	padding: 40px clamp(20px, 5.215vw, 30px) 0;
}

.head__title {
	margin-top: 60px;
}

.head__descr {
	margin-top: 40px;
	max-width: 743px;
}

@media (max-width: 1024px) {
	.head__descr {
		margin-top: 26px;
		max-width: 679px;
	}
}

@media (max-width: 576px) {
	.head__descr {
		margin-top: 18px;
		max-width: 679px;
	}
}

.breadcrumbs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 56px;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow-x: hidden;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.breadcrumbs__prev {
	color: var(--system-3);
	position: relative;
	white-space: nowrap;
}

.breadcrumbs__prev::before {
	content: "";
	position: absolute;
	background-image: var(--breadcrumbs-arrow);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 10px;
	right: -36px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.breadcrumbs__current {
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.breadcrumbs {
		padding-bottom: 15px;
	}
}

.form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 40px;
}

@media (max-width: 576px) {
	.form {
		grid-gap: 30px;
	}
}

.form__block {
	max-width: 538px;
	width: 100%;
	padding: 40px 23.5px;
}

@media (max-width: 1240px) {
	.form__block {
		margin: 0 auto;
		padding: 0;
	}
}

.form__block-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	grid-gap: 24px;
	margin-bottom: 60px;
}

@media (max-width: 576px) {
	.form__block-head {
		grid-gap: 16px;
		margin-bottom: 20px;
	}
}

.form__btn {
	width: 100%;
	background-color: var(--blue-6);
}

.form__btn svg {
	stroke: var(--blue-1);
}

.form__button-text {
	color: var(--system-6);
}

.form__fieldset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

@media (max-width: 576px) {
	.form__fieldset {
		grid-gap: 16px;
	}
}

.form__fieldset-title {
	color: var(--blue-6);
}

.form__input {
	padding: 11px 14px;
	border: 1px solid var(--system-3);
	border-radius: 6px;
}

.form__input:focus {
	border: 1px solid var(--blue-6);
}

.form__textarea {
	height: 100px;
	resize: none;
	padding: 11px 14px;
	border: 1px solid var(--system-3);
	border-radius: 6px;
	outline: none;
}

.form__textarea:focus {
	border: 1px solid var(--blue-6);
}

.form__show-password {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

.form__show-password svg {
	stroke: #181818;
}

.form__show-password:hover svg {
	stroke: #0047FE;
}

.form__show-password.hide-btn::after {
	content: "";
	border-top: 1px solid #0047FE;
	position: absolute;
	left: 0px;
	top: 11px;
	width: 24px;
	transform: rotate(120deg);
}

.form__show-password.hide-btn svg {
	stroke: #0047FE;
}

/* Address form modal */
.address__form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	text-align: left;
	width: 100%;
}

.address__form .form__fieldset--question {
	grid-column: span 2;
}

.address__form .form__btn {
	grid-column: 1 / -1;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}

.form__divider {
	grid-column: 1 / -1;
	border: none;
	height: 1px;
	background-color: var(--system-4);
	margin: 20px 0;
	width: 100%;
}

.articles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 18px;
	padding: 20px 20px 16px;
	max-width: 100%;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.articles:hover .articles__image::before {
	opacity: 0.6;
	visibility: visible;
}

.articles:hover .articles__image::after {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 1240px) {
	.articles {
		max-width: 100%;
		padding: 16px;
	}
}

.articles__image {
	position: relative;
	min-height: min(15.625vw, 300px);
	background: -webkit-gradient(linear, left top, left bottom, from(#00AEF9), to(#0047FF));
	background: linear-gradient(180deg, #00AEF9 0%, #0047FF 100%);
	border-radius: 12px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.articles__image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 71, 254, 0.6)), to(rgba(0, 71, 254, 0.6))), -webkit-gradient(linear, left top, left bottom, from(#731398), to(#0047FF));
	background-image: linear-gradient(0deg, rgba(0, 71, 254, 0.6), rgba(0, 71, 254, 0.6)), linear-gradient(180deg, #731398 0%, #0047FF 100%);
	z-index: 3;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	border-radius: 12px;
	visibility: hidden;
}

.articles__image::after {
	content: "";
	position: absolute;
	background-image: var(--hover-link);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 189px;
	height: 90px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 5;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	visibility: hidden;
}

.articles__image img {
	font-size: 0;
	border-radius: 12px;
}

.articles__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

.articles__info-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.articles__info-sort svg {
	stroke: var(--blue-6);
}

.articles__pubtime {
	margin-left: 16px;
	color: var(--blue-6);
}

.articles__info-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 12px;
}

.pagination {
	margin-top: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 14px;
}

.pagination__list-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: var(--system-4);
	border-radius: 5px;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.pagination__list-link--active {
	background-color: var(--blue-6);
	color: var(--system-6);
}

.pagination__list-link:hover,
.pagination__list-link:active {
	background-color: var(--blue-6);
	color: var(--system-6);
}

.pagination__list-link--disabled,
.pagination__list-link--disabled:hover {
	background-color: var(--system-4);
	color: var(--system-2);
}

.timer__count-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 13px;
}

.timer__count-item {
	width: 42px;
	height: 42px;
	background-color: var(--blue-6);
	border-radius: 5px;
	color: var(--system-6);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.timer__count-item--innactive {
	background-color: var(--system-3);
}

.timer__count-separator {
	color: var(--blue-6);
}

.timer__count-separator--innactive {
	color: var(--system-3);
}

.mobile {
	display: none;
}

@media (max-width: 768px) {
	.mobile {
		display: block;
	}
}

.mobile__menu {
	position: fixed;
	top: 84px;
	left: 0;
	width: 100vw;
	height: calc(100vh - 82px);
	background-color: var(--system-6);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	visibility: hidden;
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow-y: auto;
	overflow-x: hidden;
}

.mobile__menu.active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
}

.mobile__menu-header {
	width: 100%;
}

.mobile__header-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 10px;
	border: 1px solid var(--blue-6);
	border-radius: 8px;
	padding: 7px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.mobile__header-btn svg {
	stroke: var(--system-1);
}

.mobile__header-btn:hover {
	background-color: var(--blue-6);
}

.mobile__header-btn:hover span {
	color: var(--system-6);
}

.mobile__header-btn:hover .burger-menu span {
	background-color: #fff;
}

.mobile__header-btn:hover svg {
	stroke: var(--system-6);
}

.mobile__menu-wrapp {
	padding: 30px 20px;
	width: 100%;
	/* height: 100%; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
}

.mobile__nav-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 40px;
}

.mobile__menu-bot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
	padding-bottom: 100px;
}

.mobile__bot-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.mobile__bot-btns .header__lang {
	display: block;
}

.mobile__socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 20px;
}

.mobile__socials-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: var(--blue-1);
	border-radius: 10px;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

.mobile__socials-link svg {
	fill: var(--blue-6);
}

.mobile__socials-link:hover {
	background-color: var(--blue-6);
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.mobile__socials-link:hover svg {
	fill: var(--system-6);
}

.mobile__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 11px;
}

.mobile__btns .header__btn--sign,
.mobile__btns .header__btn--log,
.mobile__btns .header__btn--exit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 16px;
}

.lang {
	position: relative;
	width: 44px;
	height: 44px;
	border: 1px solid var(--blue-6);
	border-radius: 8px;
}

.lang__header {
	padding: 13px 10px;
	cursor: pointer;
}

.lang__current {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 2px;
}

.lang__body {
	display: none;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 44px;
	height: auto;
	border: 1px solid var(--blue-6);
	border-radius: 8px;
	padding: 13px 10px;
	background-color: var(--system-6);
	z-index: 5;
}

.lang__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	z-index: 0;
}

.lang__item+.lang__item {
	margin-top: 14px;
}

.lang__item svg {
	pointer-events: none;
}

.lang__item:hover::before {
	background-color: var(--blue-6);
}

.lang__item::before {
	content: "";
	position: absolute;
	left: -11px;
	right: -11px;
	top: -8px;
	bottom: -8px;
	background-color: transparent;
	z-index: -1;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.tabs {
	position: relative;
}

.tabcontent {
	display: none;
}

.tabcontent.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
}

.print-box {
	position: relative;
	height: 182px;
	width: 440px;
}

@media (max-width: 1440px) {
	.print-box {
		width: 360px;
		height: 134px;
	}
}

@media (max-width: 1024px) {
	.print-box {
		width: 268px;
		height: 100px;
	}
}

@media (max-width: 576px) {
	.print-box {
		width: 235px;
		height: 88px;
	}
}

.paper_2 {
	z-index: 18;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	width: 256px;
	height: 0;
	top: 10%;
	border-radius: 16px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: bottom;
	object-position: bottom;
	-webkit-animation: paper_2 6s infinite;
	animation: paper_2 6s infinite;
	-webkit-filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.14));
	filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.14));
	will-change: transform;
}

@media (max-width: 1440px) {
	.paper_2 {
		width: 210px;
	}
}

@media (max-width: 1440px) {
	.paper_2 {
		width: 210px;
		-webkit-animation: paper_2tablet 6s infinite;
		animation: paper_2tablet 6s infinite;
	}
}

@media (max-width: 1024px) {
	.paper_2 {
		width: 155px;
	}
}

@media (max-width: 576px) {
	.paper_2 {
		width: 137px;
		-webkit-animation: paper_2mob 6s infinite;
		animation: paper_2mob 6s infinite;
	}
}

@-webkit-keyframes paper_2 {
	0% {
		opacity: 0;
		top: 10%;
	}

	10% {
		opacity: 1;
	}

	90% {
		top: 30%;
		height: 275px;
		opacity: 1;
	}

	100% {
		top: 35%;
		height: 275px;
		opacity: 0;
	}
}

@keyframes paper_2 {
	0% {
		opacity: 0;
		top: 10%;
	}

	10% {
		opacity: 1;
	}

	90% {
		top: 30%;
		height: 275px;
		opacity: 1;
	}

	100% {
		top: 35%;
		height: 275px;
		opacity: 0;
	}
}

@-webkit-keyframes paper_2tablet {
	0% {
		opacity: 0;
		top: 10%;
	}

	10% {
		opacity: 1;
	}

	90% {
		top: 30%;
		height: 175px;
		opacity: 1;
	}

	100% {
		top: 35%;
		height: 175px;
		opacity: 0;
	}
}

@keyframes paper_2tablet {
	0% {
		opacity: 0;
		top: 10%;
	}

	10% {
		opacity: 1;
	}

	90% {
		top: 30%;
		height: 175px;
		opacity: 1;
	}

	100% {
		top: 35%;
		height: 175px;
		opacity: 0;
	}
}

@-webkit-keyframes paper_2mob {
	0% {
		opacity: 0;
		top: 10%;
	}

	10% {
		opacity: 1;
	}

	90% {
		top: 30%;
		height: 150px;
		opacity: 1;
	}

	100% {
		top: 35%;
		height: 150px;
		opacity: 0;
	}
}

@keyframes paper_2mob {
	0% {
		opacity: 0;
		top: 10%;
	}

	10% {
		opacity: 1;
	}

	90% {
		top: 30%;
		height: 150px;
		opacity: 1;
	}

	100% {
		top: 35%;
		height: 150px;
		opacity: 0;
	}
}

.paper_1 {
	width: 256px;
	height: 135px;
	-webkit-filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.14));
	filter: drop-shadow(0px 4px 52px rgba(0, 0, 0, 0.14));
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 16px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 16;
	top: -62%;
	bottom: 10%;
	opacity: 0;
	-webkit-animation: paper_1 6s infinite;
	animation: paper_1 6s infinite;
	will-change: transform;
}

@media (max-width: 1440px) {
	.paper_1 {
		width: 210px;
	}
}

@media (max-width: 1024px) {
	.paper_1 {
		width: 155px;
		height: 75px;
		-webkit-animation: paper_1tablet 6s infinite;
		animation: paper_1tablet 6s infinite;
	}
}

@media (max-width: 576px) {
	.paper_1 {
		width: 137px;
	}
}

@-webkit-keyframes paper_1 {
	0% {
		top: -62%;
	}

	10% {
		opacity: 1;
	}

	100% {
		top: 20%;
		opacity: 1;
	}
}

@keyframes paper_1 {
	0% {
		top: -62%;
	}

	10% {
		opacity: 1;
	}

	100% {
		top: 20%;
		opacity: 1;
	}
}

@-webkit-keyframes paper_1tablet {
	0% {
		top: -55%;
	}

	10% {
		opacity: 1;
	}

	100% {
		top: 20%;
		opacity: 1;
	}
}

@keyframes paper_1tablet {
	0% {
		top: -55%;
	}

	10% {
		opacity: 1;
	}

	100% {
		top: 20%;
		opacity: 1;
	}
}

.layer-image {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.layer_1 {
	-webkit-clip-path: inset(0 0 calc(100% - 12px) 0);
	clip-path: inset(0 0 calc(100% - 12px) 0);
	z-index: 15;
}

.layer_2 {
	-webkit-clip-path: inset(11px 0 19px 0);
	clip-path: inset(11px 0 19px 0);
	z-index: 20;
}

.layer_3 {
	-webkit-clip-path: inset(calc(100% - 20px) 0 0 0);
	clip-path: inset(calc(100% - 20px) 0 0 0);
	z-index: 18;
}

.animation-phone {
	top: -12%;
	left: 40px;
	width: 380px;
	height: 640px;
	position: fixed;
}

@media (max-width: 1440px) {
	.animation-phone {
		width: 300px;
		height: 506px;
		top: -5%;
	}
}

@media (max-width: 1024px) {
	.animation-phone {
		width: 221px;
		height: 374px;
	}
}

@media (max-width: 768px) {
	.animation-phone {
		display: none;
	}
}

.animation-message {
	position: absolute;
	right: -30px;
	height: 120%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

@media (max-width: 1024px) {
	.animation-message {
		right: -5px;
	}
}

@media (max-width: 576px) {
	.animation-message {
		left: 50%;
		right: initial;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.animation-message img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.animation-message__item {
	-webkit-box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.15);
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animation-message__item--first {
	animation-name: letter-first;
	-moz-animation-name: letter-first;
	-webkit-animation-name: letter-first;
	animation-duration: 10s;
	-moz-animation-duration: 10s;
	-webkit-animation-duration: 10s;
}

.animation-message__item--second {
	animation-name: letter-second;
	-moz-animation-name: letter-second;
	-webkit-animation-name: letter-second;
	animation-duration: 10s;
	-moz-animation-duration: 10s;
	-webkit-animation-duration: 10s;
}

.animation-message__item--third {
	animation-name: letter-third;
	-moz-animation-name: letter-third;
	-webkit-animation-name: letter-third;
	animation-duration: 10s;
	-moz-animation-duration: 10s;
	-webkit-animation-duration: 10s;
}

@media (max-width: 1440px) {
	.animation-message__item {
		width: 308px;
	}
}

@media (max-width: 1024px) {
	.animation-message__item {
		width: 228px;
	}
}

@-webkit-keyframes letter-first {
	0% {
		opacity: 0;
		-webkit-transform: translateY(500%);
		transform: translateY(500%);
	}

	10% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	95% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes letter-first {
	0% {
		opacity: 0;
		-webkit-transform: translateY(500%);
		transform: translateY(500%);
	}

	10% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	95% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes letter-second {
	0% {
		opacity: 0;
		-webkit-transform: translateY(500%);
		transform: translateY(500%);
	}

	35% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	95% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes letter-second {
	0% {
		opacity: 0;
		-webkit-transform: translateY(500%);
		transform: translateY(500%);
	}

	35% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	95% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes letter-third {
	0% {
		opacity: 0;
		-webkit-transform: translateY(150%);
		transform: translateY(150%);
	}

	60% {
		opacity: 0;
	}

	75% {
		opacity: 1;
	}

	90% {
		opacity: 0.5;
	}

	95% {
		opacity: 0.25;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes letter-third {
	0% {
		opacity: 0;
		-webkit-transform: translateY(150%);
		transform: translateY(150%);
	}

	60% {
		opacity: 0;
	}

	75% {
		opacity: 1;
	}

	90% {
		opacity: 0.5;
	}

	95% {
		opacity: 0.25;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.line {
	position: relative;
	z-index: 0;
}

.line::before {
	content: "";
	position: absolute;
	background-image: var(--line);
	background-size: 100% 100%;
	background-position: top;
	background-repeat: no-repeat;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 330px;
	z-index: -1;
}

.line--animate::before {
	-webkit-animation: animation-line 4s linear infinite;
	animation: animation-line 4s linear infinite;
}

@-webkit-keyframes animation-line {
	0% {
		height: 330px;
	}

	50% {
		height: calc(330px - 10%);
	}

	100% {
		height: 330px;
	}
}

@keyframes animation-line {
	0% {
		height: 330px;
	}

	50% {
		height: calc(330px - 10%);
	}

	100% {
		height: 330px;
	}
}

.burger-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	grid-gap: 4px;
	z-index: 10;
	position: relative;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.burger-menu span {
	display: block;
	background-color: var(--system-1);
	width: 18px;
	height: 2px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.burger-menu.active span:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	transform: rotate(45deg) translate(5px, 5px);
}

.burger-menu.active span:nth-child(2) {
	opacity: 0;
}

.burger-menu.active span:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(3px, -4px);
	transform: rotate(-45deg) translate(3px, -4px);
}

.basket__wrapp {
	padding: 0 clamp(20px, 5.215vw, 30px);
	position: relative;
	display: grid;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	grid-template-columns: 1fr clamp(380px, 24.479vw, 470px);
	grid-gap: min(4.167vw, 80px);
}

@media (max-width: 1240px) {
	.basket__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (max-width: 576px) {
	.basket__wrapp {
		padding: 0 10px;
	}
}

.basket__inner {
	padding-top: 30px;
	max-width: 1290px;
	width: 100%;
}

.basket__steps {
	position: relative;
	max-width: 433px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.basket__step {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 8px;
	z-index: 3;
}

.basket__step span {
	color: var(--system-2);
}

.basket__step svg {
	fill: var(--system-2);
	stroke: var(--system-3);
}

.basket__step--active span {
	color: var(--blue-6);
}

.basket__step--active svg {
	fill: var(--blue-6);
	stroke: var(--blue-2);
}

.basket__progressbar {
	position: absolute;
	z-index: 1;
	top: 9px;
	left: 25px;
	right: 35px;
	height: 1px;
	background: var(--system-3);
}

.basket__progressbar--active {
	background: var(--blue-6);
}

.basket__box {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 80px;
}

.basket__order {
	background-color: var(--system-5);
	border-radius: 8px;
}

.basket__order-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: var(--blue-6);
	padding: 10px 40px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

@media (max-width: 576px) {
	.basket__order-head {
		padding: 8px 16px;
	}
}

.basket__order-total {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 12px;
	color: var(--system-6);
}

.basket__order-cancel {
	height: 40px;
	border: 1px solid var(--system-6);
	border-radius: 6px;
	padding: 0 14px;
	color: var(--system-6);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.basket__order-cancel svg {
	stroke: var(--system-6);
	margin-right: 10px;
}

.basket__order-cancel:hover {
	border: 1px solid transparent;
	background-color: var(--error-2);
}

@media (max-width: 576px) {
	.basket__order-cancel {
		padding: 10px;
	}

	.basket__order-cancel span {
		display: none;
	}

	.basket__order-cancel svg {
		margin-right: 0;
	}
}

.basket__order-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 26px;
	padding: 28px 40px 40px;
}

@media (max-width: 576px) {
	.basket__order-details {
		padding: 26px 16px;
	}
}

.basket__details-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 920px;
	width: 100%;
}

.basket__details-top .basket__calculation-items {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	grid-gap: initial;
}

@media (max-width: 576px) {
	.basket__details-top .basket__calculation-items {
		grid-gap: 20px 22px;
	}
}

.basket__order-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 8px;
	grid-gap: 1px;
}

.basket__order-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px;
	border-left: 1px solid var(--blue-6);
	background-color: var(--system-6);
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	grid-gap: 20px;
}

.basket__order-item.hidden {
	opacity: 0;
}

.basket__order-item:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
}

.basket__order-item:first-child .basket__order-choose {
	border-top-right-radius: 4px;
}

.basket__order-item:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: hidden;
}

.basket__order-item .text-town {
	text-align: center;
}

.basket__order-item .text-town small {
	color: var(--system-1);
	font-size: 0.8vw;
	white-space: nowrap;
}

.basket__order-item:hover .basket__order-file {
	color: var(--blue-6);
}

.basket__order-item:hover .basket__order-choose {
	background-color: var(--blue-6);
}

.basket__order-item:hover .basket__settings--edit svg {
	stroke: var(--blue-6);
}

.basket__order-item:hover .basket__settings--delete svg {
	stroke: var(--error-2);
}

@media (max-width: 1240px) {
	.basket__order-item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (max-width: 1024px) {
	.basket__order-item {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media (max-width: 880px) {
	.basket__order-item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (max-width: 576px) {
	.basket__order-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px 16px;
	}
}

.basket__order-file {
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.basket__order-choose {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px;
	background-color: var(--system-3);
	color: var(--system-6);
	border-radius: 0px 0px 0px 4px;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.basket__order-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 16px;
}

.basket__order-choosed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 6px;
	max-width: 505px;
}

.basket__choosed-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 6px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 4px;
	background-color: var(--system-5);
	border-radius: 4px;
}

.basket__choosed-list svg {
	fill: var(--system-2);
}

.basket__order-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: clamp(30px, 3.125vw, 60px);
}

.basket__order-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.basket__count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 30px;
	padding: 0 5px;
}

.basket__count-input {
	text-align: center;
	font-size: inherit;
}

.basket__count-price {
	color: var(--blue-6);
}

.basket__count-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	background-color: var(--blue-1);
	border-radius: 40px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.basket__count-btn svg {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	fill: var(--blue-7);
}

.basket__count-btn:hover {
	background-color: var(--blue-6);
}

.basket__count-btn:hover svg {
	fill: var(--system-6);
}

.basket__count-pages {
	display: flex;
	position: absolute;
	top: 24px;
	right: 0;
	font-size: 12px;
	padding: 4px;
	background-color: #ADB4B8;
	color: #fff;
	border-radius: 0px 9px 0px 4px;
}

.basket__order-settings {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 30px;
}

@media (max-width: 576px) {
	.basket__order-settings {
		width: 100%;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
	}
}

.basket__settings {
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	cursor: pointer;
}

.basket__settings svg {
	stroke: var(--system-1);
	cursor: pointer;
}

.basket__empty {
	padding: 170px 0;
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	grid-gap: 50px;
}

.basket__empty-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 30px;
}

.basket__empty-btn {
	color: var(--system-6);
	background-color: var(--blue-6);
	padding: 16.5px 77px;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.basket__calculation {
	position: sticky;
	top: 20px;
	max-width: 470px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
	padding: 30px 40px;
	background-color: var(--system-5);
	border-radius: 8px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

@media (max-width: 1240px) {
	.basket__calculation {
		position: relative;
		max-width: 100%;
		top: 0;
		margin-top: 40px;
	}
}

@media (max-width: 576px) {
	.basket__calculation {
		padding: 20px 16px;
	}
}

.basket__calculation-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
}

.basket__calculation-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

@media (max-width: 1240px) {
	.basket__calculation-items {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (max-width: 576px) {
	.basket__calculation-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px 22px;
	}
}

.basket__calculation-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 6px;
}

.basket__calculation-item.order__discount .basket__calculation-subtitle {
	color: var(--blue-6);
}

.clr_shipping__commission .basket__calculation-subtitle,
.clr_payment__commission .basket__calculation-subtitle {
	color: var(--error-3);
}

.basket__calculation-total {
	border-top: 1px solid var(--system-3);
	padding-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 8px;
}

.basket__calculation-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

.basket__btn {
	background-color: var(--blue-6);
	color: var(--system-6);
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.basket__btn:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3F7AFE), to(#0047FE));
	background-image: linear-gradient(#3F7AFE 0%, #0047FE 100%);
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.basket__btn:active {
	background-color: var(--blue-8);
}

.basket__btn--empty {
	background-color: var(--system-3) !important;
}

.basket__btn-confirm {
	border: 1px solid #0047FE;
	background-color: #fff;
	border-radius: 6px;
}

.urgent_order--price {
	color: var(--blue-6);
}

.basket__btn-label {
	padding: 14px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.basket__btn-label input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.basket__btn-label input:checked~.basket__btn-checkbox::after {
	opacity: 1;
	background-color: #0047FE;
}

.basket__btn-label input:checked~.basket__btn-checkbox::before {
	background-color: #EDF4FF;
	border: 1px solid #0047FE;
}

.basket__btn-label a {
	word-wrap: break-word;
	color: #0047FE;
	text-decoration: underline;
}

.basket__btn-checkbox {
	position: relative;
	padding-left: 32px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	text-align: left;
	cursor: pointer;
}

.basket__btn-checkbox::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	width: 20px;
	height: 20px;
	border: 1px solid #181818;
	border-radius: 2px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.basket__btn-checkbox::after {
	content: "";
	position: absolute;
	display: block;
	left: 3px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-color: #0047FE;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.basket__btn-checkbox:hover {
	color: #0047FE;
}

.basket__btn-checkbox:hover::before {
	border: 1px solid #0047FE;
}

.basket__copy {
	padding: 80px clamp(20px, 5.215vw, 30px) 24px;
}

.first {
	background-color: var(--system-5);
	position: relative;
	z-index: 1;
	padding: 140px 120px 0;
}

@media (max-width: 1240px) {
	.first {
		padding: 140px 20px 0;
	}
}

.first__wrapp {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	grid-gap: 70px;
}

.first__wrapp-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 34px;
}

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

.first__headline svg {
	margin-right: 16px;
}

.first__descr {
	max-width: 585px;
}

.first__wrapp-order {
	width: 246px;
	background-color: var(--blue-6);
	color: var(--system-6);
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.basket__empty-btn svg,
.first__wrapp-order svg {
	stroke: #fff;
}

.basket__empty-btn:hover,
.first__wrapp-order:hover {
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.first__wrapp-order:active {
	background-color: var(--blue-8);
}

.first__wrapp-watch {
	width: 246px;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.first__wrapp-watch:hover {
	color: var(--blue-6);
}

@media (max-width: 575px) {
	.first__wrapp-bot {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 10px;
		width: 100%;
	}
}

@media (max-width: 575px) {

	.first__wrapp-order,
	.first__wrapp-order {
		width: 100%;
	}
}

.animation {
	max-width: 1526px;
	margin: 0 auto;
	width: 100%;
	height: 500px;
	background: var(--gradient);
	border-radius: 20px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.animation__printing {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
}

.animation__message-list {
	z-index: 10;
}

@media (max-width: 768px) {
	.animation__printing {
		left: 5%;
		-webkit-transform: initial;
		transform: initial;
	}
}

@media (max-width: 576px) {
	.animation__printing {
		z-index: 10;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media (max-width: 1440px) {
	.animation {
		height: 451px;
	}
}

@media (max-width: 1024px) {
	.animation {
		height: 333px;
	}
}

@media (max-width: 768px) {
	.animation {
		height: 307px;
	}
}

.animation__phone-img {
	position: absolute;
	width: 310px;
	height: 566px;
	top: 25px;
	left: 35px;
}

@media (max-width: 1440px) {
	.animation__phone-img {
		width: 243px;
		height: 448px;
	}
}

@media (max-width: 1024px) {
	.animation__phone-img {
		height: 315px;
		width: 170px;
	}
}

@media (max-width: 768px) {
	.animation__phone-img {
		display: none;
	}
}

.description {
	padding: 620px 120px 130px;
}

@media all and (max-width: 1440px) {
	.description {
		padding-top: 450px;
	}
}

@media all and (max-width: 1024px) {
	.description {
		padding: 360px 30px 130px;
	}
}

@media all and (max-width: 768px) {
	.description {
		padding: 320px 9px 100px;
	}
}

.description__wrapp {
	grid-gap: clamp(60px, 4.167vw, 80px);
}

.description__headline {
	text-align: center;
}

.description__video {
	position: relative;
	max-width: 1526px;
	margin: 0 auto;
	width: 100%;
}

.description__video-controls {
	width: 140px;
	height: 140px;
}

.description__video-controls svg {
	height: 56px;
	width: 51px;
}

@media all and (max-width: 1440px) {
	.description__video-controls {
		width: 100px;
		height: 100px;
	}

	.description__video-controls svg {
		height: 40px;
		width: 36px;
	}
}

@media all and (max-width: 1024px) {
	.description__video-controls {
		width: 75px;
		height: 75px;
	}

	.description__video-controls svg {
		height: 30px;
		width: 28px;
	}
}

@media all and (max-width: 768px) {
	.description__video-controls {
		width: 52px;
		height: 52px;
	}

	.description__video-controls svg {
		height: 21px;
		width: 19px;
	}
}

.sale {
	padding-top: 130px;
	pointer-events: none;
}

.sale.line:before {
	background-image: var(--line-center);
	background-position: center;
}

.sale__slider {
	background-color: var(--blue-6);
	overflow: hidden;
}

.sale__wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

.sale__slide {
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 769px) {
	.sale__slide {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		max-width: 335px;
	}
}

.sale__slide-item {
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sale__text {
	color: var(--system-6);
	white-space: nowrap;
}

.sale__cirle {
	margin-left: 60px;
	width: 10px;
	height: 10px;
	background-color: var(--blue-3);
	border-radius: 3px;
}

.calculate {
	padding: 260px clamp(20px, 5.215vw, 30px) 0;
	background-color: var(--system-5);
}

@media (max-width: 1340px) {
	.calculate__block {
		grid-gap: 30px;
	}
}

@media (max-width: 1340px) {
	.calculate__between {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		grid-gap: 40px;
	}
}

.calculate__shipping {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 30px;
	padding: 14px;
	background-color: var(--system-6);
	border-radius: 8px;
}

@media (max-width: 576px) {
	.calculate__shipping {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		grid-gap: 24px;
	}
}

.calculate__timer-description {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 10px;
}

@media (max-width: 576px) {
	.calculate__timer-description {
		width: 100%;
	}
}

.calculate__shipping-text {
	max-width: 300px;
}

@media (max-width: 576px) {
	.calculate__shipping-text {
		max-width: 100%;
	}
}

.calculate__shipping-details {
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.calculate__shipping-details:hover .calculate__details-hover {
	opacity: 1;
	overflow: visible;
	z-index: 5;
}

.calculate__details-hover {
	position: absolute;
	top: 60px;
	left: -295px;
	right: -15px;
	padding: 10px;
	background: var(--system-6);
	-webkit-box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	z-index: -1;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	pointer-events: none;
}

@media (max-width: 576px) {
	.calculate__details-hover {
		left: -245px;
	}
}

.calculate__wrapper {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(440px, 33%) 1fr minmax(300px, 19%);
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	grid-gap: 20px;
}

@media (max-width: 1340px) {
	.calculate__wrapper {
		grid-gap: clamp(15px, 1.563vw, 30px);
	}
}

@media (max-width: 1240px) {
	.calculate__wrapper {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
}

@media (max-width: 768px) {
	.calculate__wrapper {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}
}

.calculate__box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 30px 30px 20px;
	background-color: var(--system-6);
	border-radius: 6px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-bottom: 2px solid #fff;
}

.calculate__box:hover {
	border-bottom: 2px solid #0047FE;
	border-radius: 0px 0px 6px 6px;
}

@media (max-width: 1440px) {
	.calculate__box {
		padding: 30px 20px 20px;
	}
}

.calculate__box--left {
	max-width: 600px;
	width: 100%;
	grid-gap: 30px;
}

@media (max-width: 768px) {
	.calculate__box--left {
		max-width: 100%;
		grid-column: span 2;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

.calculate__box--mid {
	max-width: 840px;
	width: 100%;
	position: relative;
}

.calculate__box--mid .alert--warning {
	padding: 10px;
	background-color: var(--error-1);
	border-radius: 6px;
	color: var(--error-4);
}

.calculate__box--loading {
	align-items: center;
	justify-content: center;
	width: 100%;
	z-index: 9;
}

.calculate__box--loading.active {
	display: flex;
}

.calculate__box--loading .calculate__loading-text {
	color: var(--blue-6);
	margin-bottom: 10px;
	font-size: 1.4em;
}

.calculate__box--loading .calculate__loading-text .count-files {
	font-weight: bold;
	color: var(--system-1);
	font-size: 1.5em;
	padding: 10px;
	display: block;
}

.calculate__box--loading-wrapper {
	text-align: center;
	width: 100%;
	padding: 20px;
	height: 100%;
	overflow: auto;
}

.calculate__box--loading-wrapper .files-uploaded-redirect {
	margin: 14px 0;
	color: var(--color-3);
	font-size: 22px;
	animation: blinking 5s linear infinite;

}

@keyframes blinking {
	0% {
		opacity: 0;
	}

	25% {
		opacity: .8;
	}

	50% {
		opacity: .1;
	}

	75% {
		opacity: .8;
	}

	100% {
		opacity: 0;
	}
}

/* General progress bar */
.calculate__box--loading .progress-bar-container {
	width: 100%;
	height: 28px;
	background-color: var(--blue-1);
	border-radius: 10px;
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 28px;
}

.calculate__box--loading .progress-bar {
	width: 0%;
	height: 100%;
	background-color: var(--blue-6);
	border-radius: 10px;
	color: var(--system-6);
}

.calculate__box--loading .file-progress-container .file-load-error {
	color: var(--error-3);
}

/* File progress bar */
.calculate__box--loading .file-progress-container {
	margin: 10px;
	border-bottom: 1px solid var(--blue-1);
	padding: 10px 0;
}

.calculate__box--loading .file-progress-bar {
	width: 0%;
	height: 20px;
	background-color: var(--blue-2);
	border-radius: 10px;
	margin-bottom: 5px;
	color: var(--system-1);
}

.calculate__box--loading .file-name {
	margin-bottom: 5px;
}

.hidden__box {
	display: none !important;
}

@media (max-width: 768px) {
	.calculate__box--mid {
		min-height: 463px;
		max-width: 100%;
		grid-column: span 2;
	}
}

.calculate__box--right {
	max-width: 360px;
	width: 100%;
	grid-gap: 30px;
}

@media (max-width: 1240px) {
	.calculate__box--right {
		max-width: 100%;
		grid-column: span 2;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

@media (max-width: 576px) {
	.calculate__box--right {
		padding: 10px 20px 20px;
	}
}

.calculate__box-total {
	border: none;
}

.calculate__form {
	height: 100%;
	position: relative;
}

.calculate__btn {
	margin-top: 10px;
	background-color: var(--blue-6);
	color: var(--system-6);
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.calculate__btn:hover {
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.calculate__btn:active {
	background-color: var(--blue-8);
}

.calculate__btn svg {
	stroke: var(--system-6);
}

@media all and (max-width: 1240px) {
	.calculate__btn {
		max-width: 320px;
		width: 100%;
		margin: 0 auto;
	}
}

@media (max-width: 576px) {
	.calculate__btn {
		max-width: 100%;
	}
}

.calculate__steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	position: relative;
	z-index: 1;
}

.calculate__steps-all {
	display: none;
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 20;
}

.calculate__steps-all.show {
	background-color: #fff;
	display: block;
	width: 100%;
}

.calculate__steps-all .calculate-frm {
	height: 100%;
	width: 100%;
	display: inline;
}

.calculate__steps-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.calculate__steps-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 50px;
}

.calculate__steps-btn {
	cursor: pointer;
}

.calculate__steps-btn span {
	color: #0047FE;
}

.calculate__steps-btn--back svg {
	stroke: #0047FE;
}

.calculate__steps-btn--save {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.calculate__steps-btn--save svg {
	margin-right: 0;
	margin-left: 14px;
	stroke: #0047FE;
}

.calculate__steps-btn--delete span {
	color: red;
}

.calculate__steps-btn--delete svg {
	stroke: red;
}

.calculate__steps-btn--add {
	background-color: #0047FE;
	width: 226px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.calculate__steps-btn--add span {
	color: #fff;
}

.calculate__steps-btn--add svg {
	fill: #fff;
}

.calculate__steps-pressed {
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.calculate__steps-pressed.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.calculate__upload-add {
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

.calculate__upload-add:hover {
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.calculate__steps-choosed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 26px;
}

.calculate__choosed-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 16px;
}

.calculate__choosed-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 10px;
}

.calculate__choosed-title span {
	color: #0047FE;
}

.calculate__choosed-title svg {
	fill: #0047FE;
}

.calculate__choosed-alert {
	fill: #ADB4B8;
}

.calculate__hover-alert {
	position: relative;
	cursor: pointer;
}

/* .calculate__hover-alert:hover .calculate__hover-info {
	display: block;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 3;
} */

.calculate__hover-info {
	display: none;
	position: absolute;
	-webkit-filter: drop-shadow(0px 4px 29px rgba(0, 0, 0, 0.15));
	filter: drop-shadow(0px 4px 29px rgba(0, 0, 0, 0.15));
	background: #FFFFFF;
	border-radius: 12px;
}

.calculate__hover--big {
	width: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.calculate__hover--big .calculate__hover-items {
	width: 230px;
}

.calculate__hover-items {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 14px;
	padding: 24px 14px;
	border-bottom: 1px solid var(--system-4);
	text-align: left;
}

.calculate__hover {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 6px 5px;
}

.calculate__hover-items:first-child {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.calculate__hover-items:last-child {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom: none;
}

.calculate__items-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 18px;
}

.calculate__items-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.calculate__items-details {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid var(--system-3);
}

.calculate__choosed-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 6px 5px;
}

.calculate__choosed-label {
	position: relative;
}

.calculate__choosed-input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.calculate__choosed-input:checked~.calculate__choosed-info {
	background-color: #0047FE;
}

.calculate__choosed-input:checked~.calculate__choosed-info span {
	color: #fff;
}

.calculate__choosed-input:checked~.calculate__choosed-info svg {
	fill: #fff;
}

.calculate__choosed-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	width: 200px;
	height: 56px;
	padding: 7px 5px;
	background-color: #EDF4FF;
	border-radius: 6px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.calculate__choosed-info:hover {
	background-color: #CBE0FE;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.calculate__choosed-info:hover .payment__crypto-name::before {
	border: 1px solid #0047FE;
}

.calculate__choosed-info:hover .payment__crypto-name::after {
	background-color: #CBE0FE;
	opacity: 1;
}

.calculate__choosed-info svg {
	fill: #0047FE;
}

.calculate__choosed-info--size {
	width: 130px;
}

.calculate__choosed-info--disabled {
	pointer-events: none;
	background-color: #F0F0F0;
}

.calculate__choosed-info--disabled span {
	color: #696E72;
}

.calculate__choosed-info--row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	grid-gap: 12px;
	text-align: left;
	padding: 7px 8px 7px 12px;
}

.calculate__choosed-info--row svg {
	fill: #fff;
	stroke: #0047FE;
}

.calculate__form-btn {
	background-color: #0047FE;
}

.calculate__form-btn span {
	color: #fff;
}

.calculate__form-btn svg {
	stroke: #fff;
}

.calculate__choosed-description {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media all and (max-width: 1240px) {
	.calculate__box-head {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		grid-gap: 20px;
	}
}

@media all and (max-width: 768px) {
	.calculate__box-head {
		display: grid;
		grid-template-columns: auto 1fr;
	}
}

@media all and (max-width: 576px) {
	.calculate__box-head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media all and (max-width: 1240px) {
	.calculate__box-items {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.calculate__box-items span {
		white-space: nowrap;
	}
}

@media all and (max-width: 992px) {
	.calculate__box-items span {
		white-space: initial;
	}
}

@media all and (max-width: 768px) {
	.calculate__box-items {
		grid-gap: 10px;
	}
}

@media (max-width: 576px) {
	.calculate__box-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		grid-gap: 24px;
		overflow-x: scroll;
	}

	.calculate__box-items::-webkit-scrollbar {
		display: none;
	}

	.calculate__box-items span {
		white-space: nowrap;
	}
}

@media all and (max-width: 1240px) {
	.calculate__box-item {
		width: 100%;
		grid-gap: 0;
	}
}

@media all and (max-width: 768px) {
	.calculate__box-item {
		max-width: 130px;
	}
}

@media all and (max-width: 1240px) {
	.calculate__files {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		max-width: 285px;
		width: 100%;
	}
}

@media all and (max-width: 768px) {
	.calculate__files {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
		max-width: 100%;
		grid-column: span 2;
	}
}

@media all and (max-width: 1240px) {
	.calculate__files-head {
		max-width: 285px;
	}
}

@media all and (max-width: 768px) {
	.calculate__files-head {
		max-width: 100%;
	}
}

@media all and (max-width: 1240px) {
	.calculate__box-total {
		font-size: 36px;
		line-height: 139%;
		padding: 7px;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
		max-width: 144px;
		width: 100%;
		border-top: none;
		background-color: #EDF4FF;
		border-radius: 6px;
		min-height: 83px;
		grid-gap: 0;
	}

	.calculate__box-total span {
		color: #0047FE;
		white-space: nowrap;
	}
}

@media all and (max-width: 768px) {
	.calculate__box-total {
		min-width: 130px;
	}
}

@media all and (max-width: 576px) {
	.calculate__box-total {
		min-width: auto;
		max-width: 90px;
		min-height: initial;
	}
}

@media all and (max-width: 1240px) {
	.calculate__total {
		font-size: 36px;
		line-height: 139%;
		font-weight: 600;
	}
}

@media all and (max-width: 576px) {
	.calculate__total {
		font-size: 22px;
		line-height: 115%;
	}
}

.calculate__files-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
	background: #F5F5F5;
	border-radius: 8px;
}

.calculate__files-head--normal {
	background: #EDF4FF;
}

.calculate__files-head--over {
	background: #FFEDEF;
}

.calculate__files-head--over .payment__content-alert span {
	color: #D5061A;
}

.calculate__files-head--over .payment__content-alert svg {
	fill: #D5061A;
}

.calculate__steps>.calculate__steps-inner {
	overflow: initial;
	max-height: initial;
}

.calculate__steps-inner {
	margin-top: 20px;
	height: 100%;
	max-height: 735px;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	overflow-y: auto;
}

.calculate__steps-inner::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}

.calculate__types {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

.calculate__types-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	max-width: 190px;
}

.calculate__types-image img,
.calculate__types-image picture {
	width: 100%;
}

.calculate__types-item {
	display: grid;
	grid-template-columns: 2fr 1fr;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 7px;
	background-color: rgba(240, 240, 240, 0.5);
	border-radius: 6px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

.calculate__types-item:hover {
	background-color: #0047FE;
}

.calculate__types-item:hover .calculate__types-name {
	color: #fff;
}

.calculate__types-item:hover .calculate__types-descr {
	color: #fff;
}

.calculate__types-item:active {
	background-color: #001C93;
}

.calculate__types-item:active .calculate__types-name {
	color: #fff;
}

.calculate__types-item:active .calculate__types-descr {
	color: #fff;
}

.calculate__types-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 21px 0 21px clamp(15px, 1.563vw, 30px);
	grid-gap: 9px;
}

.calculate__types-name {
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.calculate__types-descr {
	max-width: 300px;
	width: 100%;
	color: #696E72;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

@media all and (max-width: 1440px) {
	.calculate__types-descr {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		max-height: 40px;
	}
}

.calculate__breadcrumbs {
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 20px;
	border-top: 1px solid #F0F0F0;
}

.calculate__breadcrumbs-item {
	color: #ADB4B8;
}

.calculate__breadcrumbs-item--active {
	color: #181818;
}

.calculate__mobile {
	display: none;
}

@media all and (max-width: 576px) {
	.calculate__mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
}

.calculate__mobile-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.calculate__mobile-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 14px;
	padding: 14px;
	background-color: #0047FE;
	border-radius: 8px;
}

.calculate__mobile-link {
	background-color: #fff;
}

.calculate__mobile-link span {
	color: #0047FE;
}

.calculate__mobile-link svg {
	stroke: #0047FE;
}

.calculate__upload {
	position: relative;
	width: 100%;
	height: 100%;
}

.calculate__upload-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.calculate__upload-form {
	height: 100%;
}

.calculate__upload-first {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	height: 100%;
	max-width: 600px;
	margin: 0 auto;
	grid-gap: 40px;
}

@media all and (max-width: 768px) {
	.calculate__upload-first {
		grid-gap: 30px;
	}
}

.calculate__upload-files {
	position: absolute;
	background-color: #fff;
	width: 100%;
	height: calc(100% - 86px);
	bottom: 0;
	left: 0;
	padding: 15px 20px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
	display: none;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	overflow-y: auto;
}

.calculate__upload-files::-webkit-scrollbar {
	display: none;
}

.calculate__upload-files.active {
	display: block;
}

@media (max-width: 1400px) {
	.calculate__upload-files {
		height: calc(100% - 120px);
	}
}

@media (max-width: 576px) {
	.calculate__upload-files {
		background-color: transparent;
		height: calc(100% - 60px);
	}
}

@media (max-width: 576px) {
	.calculate .has-file .calculate__upload-wrapper {
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.calculate .has-file .calculate__upload {
	position: absolute;
	top: -15px;
	right: 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

@media (max-width: 576px) {
	.calculate .has-file .calculate__upload {
		position: relative;
		top: 0;
		width: 100%;
		top: -20px
	}
}

.calculate .has-file .has-file__delete,
.calculate .has-file .has-file__select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.calculate .has-file .has-file__select svg {
	stroke: #000;
}

.calculate .has-file .has-file__delete span {
	white-space: nowrap;
	color: #D5061A;
}

.calculate .has-file .has-file__delete svg {
	stroke: #D5061A;
}

@media (max-width: 576px) {
	.calculate .has-file .has-file__delete {
		width: auto;
		height: auto;
	}

	.calculate .has-file .has-file__delete span {
		display: none;
	}

	.calculate .has-file .has-file__delete svg {
		margin-right: 0;
	}
}

.calculate .has-file .hiden-text {
	display: initial;
}

.calculate .has-file .calculate__upload-first {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* grid-gap: clamp(30px, 3.646vw, 70px); */
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin: 0;
}

@media (max-width: 1400px) {
	.calculate .has-file .calculate__upload-first {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 0;
	}
}

@media (max-width: 576px) {
	.calculate .has-file .calculate__upload-first {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		grid-gap: 20px;
	}
}

.calculate .has-file .calculate__upload-details {
	display: none;
}

.calculate .has-file .calculate__upload-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 14px;
	background-color: #0047FE;
	height: 56px;
	width: auto;
	border-radius: 8px;
	padding: 0 10px;
}

.calculate .has-file .calculate__upload-label svg {
	width: 24px;
	height: 24px;
	fill: #fff;
}

.calculate .has-file .calculate__upload-label span {
	color: #fff;
}

@media (max-width: 576px) {
	.calculate .has-file .calculate__upload-label {
		width: auto;
		height: auto;
		background-color: transparent;
		font-size: 16px;
		line-height: 20px;
		grid-gap: 10px;
	}

	.calculate .has-file .calculate__upload-label span {
		color: #0047FE;
	}

	.calculate .has-file .calculate__upload-label svg {
		fill: #0047FE;
	}
}

.calculate .hiden-text {
	display: none;
}

.calculate .has-file__delete,
.calculate .has-file__select {
	display: none;
}

.calculate__upload-label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	background-color: #EDF4FF;
	border-radius: 24px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.calculate__upload-label:hover,
.calculate__upload-label:active {
	background-color: #0047FE;
}

.calculate__upload-label:hover svg,
.calculate__upload-label:active svg {
	fill: #fff;
}

.calculate__upload-label svg {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	fill: #0047FE;
}

.calculate__upload-label .hiden-text {
	display: none;
}

@media all and (max-width: 768px) {
	.calculate__upload-label {
		width: 120px;
		height: 120px;
	}

	.calculate__upload-label svg {
		width: 66px;
		height: 66px;
	}
}

.calculate__upload-file {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.calculate__upload-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 14px;
}

.calculate__upload-descr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 15px;
}

.advantage {
	padding: 130px clamp(20px, 5.215vw, 30px);
	background-color: var(--system-5);
}

.advantage .container {
	max-width: 1600px;
}

.advantage__info {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: clamp(20px, 5.729vw, 110px);
}

@media all and (max-width: 768px) {
	.advantage__info {
		grid-template-columns: 100%;
		grid-gap: clamp(60px, 10.417vw, 80px);
	}
}

.advantage__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: clamp(20px, 2.083vw, 40px);
}

@media all and (max-width: 1440px) {
	.advantage__item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.advantage__item-info {
	max-width: 320px;
}

@media all and (max-width: 1240px) {
	.advantage__item-title {
		min-height: 56px;
	}
}

@media all and (max-width: 768px) {
	.advantage__item-title {
		min-height: auto;
	}
}

.advantage__item-icon {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding: 23px;
}

.advantage__item-descr {
	margin-top: 11px;
}

.feedback {
	padding: 130px clamp(20px, 5.215vw, 30px);
}

.feedback__info {
	display: grid;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	grid-template-columns: clamp(550px, 30.521vw, 586px) 1fr;
	grid-gap: clamp(30px, 3.125vw, 60px);
	width: 100%;
}

@media (max-width: 1024px) {
	.feedback__info {
		grid-template-columns: 100%;
	}
}

.feedback__all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 40px;
	padding: 40px 40px 30px;
	background-color: var(--blue-6);
	border-radius: 20px;
}

@media (max-width: 1024px) {
	.feedback__all {
		padding: 30px;
	}
}

@media (max-width: 1024px) {
	.feedback__all {
		padding: 40px 45px 30px;
	}
}

@media (max-width: 575px) {
	.feedback__all {
		padding: 20px;
	}
}

.feedback__total {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
}

@media (max-width: 1024px) {
	.feedback__total {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (max-width: 768px) {
	.feedback__total {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.feedback__overall-rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.feedback__overall-rating svg {
	margin-left: 10px;
}

.feedback__overall-numbers {
	color: var(--system-6);
}

.feedback__overall-text {
	color: var(--blue-2);
}

@media (max-width: 1440px) {
	.feedback__overall-text {
		margin-top: 10px;
	}
}

.feedback__btns {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 10px;
}

@media (max-width: 1024px) {
	.feedback__btns {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.feedback__btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

.feedback__btn-add {
	color: var(--system-6);
}

.feedback__btn-add svg {
	stroke: var(--system-6);
}

@media (max-width: 1024px) {
	.feedback__btn-add {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

.feedback__btn-all {
	width: 100%;
	background-color: var(--system-6);
	color: var(--blue-6);
}

.feedback__total-reviews {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 12px;
}

@media (max-width: 1024px) {
	.feedback__total-reviews {
		grid-gap: 24px;
	}
}

@media (max-width: 575px) {
	.feedback__total-reviews {
		display: none;
	}
}

.feedback__reviews {
	max-width: 506px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 10px 12px;
	position: relative;
}

.feedback__reviews::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 71, 254, 0)), to(rgba(0, 71, 254, 0.7)));
	background: linear-gradient(180deg, rgba(0, 71, 254, 0) 0%, rgba(0, 71, 254, 0.7) 100%);
	pointer-events: none;
}

@media (max-width: 1024px) {
	.feedback__reviews {
		max-width: 100%;
	}
}

.feedback__reviews-item {
	padding: 8px;
	background: #FFFFFF;
	border-radius: 5px;
	color: var(--blue-9);
}

.feedback__reviews-number {
	color: var(--blue-9);
}

.feedback__all-comments {
	position: relative;
}

.feedback__comments {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 26px;
	width: 100%;
	height: 100%;
	max-height: var(--comments-max-height);
	overflow-y: auto;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

.feedback__comments::-webkit-scrollbar {
	width: 0;
}

@media (max-width: 1024px) {
	.feedback__comments {
		max-height: 703px;
	}
}

.feedback__comments-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 26px;
	padding: 20px;
	background-color: var(--system-5);
	border-radius: 14px;
}

.feedback__comments-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 13px;
}

.feedback__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.feedback__star-rate {
	position: relative;
}

.feedback__star-rate::before {
	content: "";
	position: absolute;
	background-image: var(--stars-rate);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	left: -30px;
}

.tutorial {
	padding: 130px clamp(20px, 5.215vw, 30px);
}

.tutorial__wrapp {
	grid-gap: clamp(40px, 4.688vw, 90px);
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media all and (max-width: 575px) {
	.tutorial__wrapp {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.tutorial__all {
	color: var(--blue-6);
}

.tutorial__all svg {
	margin-left: 12px;
}

@media all and (max-width: 768px) {
	.tutorial__all {
		display: none;
	}
}

.tutorial__all--mob {
	display: none;
}

@media all and (max-width: 768px) {
	.tutorial__all--mob {
		display: block;
	}
}

.tutorial__videos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: clamp(33px, 2.396vw, 46px);
}

@media all and (max-width: 768px) {
	.tutorial__videos {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 575px) {
	.tutorial__videos {
		grid-template-columns: 100%;
	}
}

.tutorial__videos-item {
	max-width: 480px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 40px;
}

@media all and (max-width: 768px) {
	.tutorial__videos-item:nth-child(n+3) {
		display: none;
	}
}

@media all and (max-width: 575px) {
	.tutorial__videos-item:nth-child(n+2) {
		display: none;
	}
}

@media all and (max-width: 1240px) {
	.tutorial__video-title {
		min-height: 56px;
	}
}

.tutorial__video {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-filter: drop-shadow(0px 16px 30px rgba(0, 22, 102, 0.16));
	filter: drop-shadow(0px 16px 30px rgba(0, 22, 102, 0.16));
	border-radius: 14px;
}

.tutorial__video-image {
	position: relative;
}

.tutorial__video-controls {
	width: 100px;
	height: 100px;
}

.tutorial__video-controls svg {
	height: 40px;
	width: 36px;
}

.tutorial__video-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 12px;
	text-align: center;
}

.tutorial__video-info--reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	text-align: left;
}

.tutorial__video-information {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

.tutorial__video-duration {
	color: var(--system-3);
}

.new {
	padding: 130px clamp(20px, 5.215vw, 30px);
	background-color: var(--system-5);
}

.new__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	grid-gap: 20px;
}

.new__info-top {
	display: grid;
	grid-template-areas: "a b c" "a b d";
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

@media screen and (max-width: 1024px) {
	.new__info-top {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas: "a b " "c d ";
	}
}

@media screen and (max-width: 576px) {
	.new__info-top {
		grid-template-columns: 100%;
		grid-template-areas: "a" "b" "c" "d";
	}
}

.new__top-link {
	position: relative;
	padding: 30px 20px;
	width: 100%;
	z-index: 5;
}

.new__info-img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 2;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.new__top-item {
	position: relative;
	min-height: min(32.639vw, 500px);
	width: 100%;
	border-radius: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.new__top-item:hover .new__info-img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.new__top-item .new__bot-details {
	margin-top: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.new__top-item:nth-last-child(-n+2) {
	min-height: clamp(230px, 12.5vw, 240px);
}

.new__top-item:nth-child(1) {
	grid-area: a;
}

.new__top-item:nth-child(2) {
	grid-area: b;
}

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

	.new__top-item:nth-child(2),
	.new__top-item:nth-child(1) {
		min-height: min(30vw, 372px);
	}
}

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

	.new__top-item:nth-child(2),
	.new__top-item:nth-child(1) {
		min-height: clamp(370px, 45.508vw, 466px);
	}
}

.new__top-item:nth-child(3) {
	grid-area: c;
}

.new__top-item:nth-child(4) {
	grid-area: d;
}

.new__info-bot {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

@media screen and (max-width: 1240px) {
	.new__info-bot {
		grid-template-columns: 100%;
	}
}

.new__info-retail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.new__bot-link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 20px;
	height: 240px;
	padding: 0 60px;
	z-index: 5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
}

@media screen and (max-width: 576px) {
	.new__bot-link {
		height: 230px;
		padding: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
}

.new__bot-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 240px;
	border-radius: 16px;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
}

@media screen and (max-width: 1440px) {
	.new__bot-item .new__info-img {
		-o-object-position: right;
		object-position: right;
	}
}

@media screen and (max-width: 1024px) {
	.new__bot-item {
		height: 225px;
	}
}

.new__bot-item:hover .new__info-img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (max-width: 1240px) {
	.new__bot-item:last-of-type {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}
}

.new__bot-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
}

@media screen and (max-width: 576px) {
	.new__bot-details {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.new__bot-title {
	max-width: 400px;
	color: var(--system-6);
}

@media screen and (max-width: 769px) {
	.new__bot-title {
		max-width: 380px;
	}
}

@media screen and (max-width: 769px) {
	.new__bot-title {
		max-width: 230px;
	}
}

.new__retail-title {
	color: var(--system-6);
	margin-right: 12px;
}

.new__bot-icon svg {
	border-radius: 40px;
}

@media screen and (max-width: 575px) {
	.new__bot-icon {
		display: none;
	}
}

.blogs {
	padding: 130px clamp(20px, 5.215vw, 30px);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), color-stop(0.01%, #F5F5F5), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(180deg, #F0F0F0 0%, #F5F5F5 0.01%, rgba(255, 255, 255, 0) 100%);
}

.blogs__wrapp {
	grid-gap: 80px;
}

@media all and (max-width: 1440px) {
	.blogs__wrapp {
		grid-gap: 60px;
	}
}

@media all and (max-width: 575px) {
	.blogs__wrapp {
		grid-gap: 40px;
	}
}

.blogs__bot {
	width: 100%;
}

.blogs__article {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	grid-gap: 31px;
}

@media all and (max-width: 1440px) {
	.blogs__article {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media all and (max-width: 1024px) {
	.blogs__article {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media all and (max-width: 768px) {
	.blogs__article {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 575px) {
	.blogs__article {
		grid-template-columns: 100%;
	}
}

.blogs__article-link {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.blogs__article-link:hover .blogs__article-preview::before {
	opacity: 1;
}

.blogs__article-link:hover .blogs__article-preview::after {
	opacity: 1;
}

@media all and (max-width: 1440px) {
	.blogs__article-link:nth-child(n+4) {
		display: none;
	}
}

@media all and (max-width: 1024px) {
	.blogs__article-link:nth-child(n+3) {
		display: none;
	}
}

@media all and (max-width: 768px) {
	.blogs__article-link:nth-child(n+4) {
		display: block;
	}
}

@media all and (max-width: 575px) {
	.blogs__article-link:nth-child(n+2) {
		display: none;
	}
}

.blogs__article-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 281px;
	width: 100%;
	grid-gap: 18px;
	padding: 10px;
	background-color: var(--system-6);
	border-radius: 16px;
}

@media all and (max-width: 1440px) {
	.blogs__article-item {
		max-width: 320px;
		padding: 10px 30px;
	}
}

@media all and (max-width: 1024px) {
	.blogs__article-item {
		max-width: 281px;
		padding: 10px;
	}
}

@media all and (max-width: 768px) {
	.blogs__article-item {
		max-width: 100%;
	}
}

.blogs__article-preview {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 12px;
	overflow: hidden;
}

.blogs__article-preview::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 71, 254, 0.6)), to(rgba(0, 71, 254, 0.6)));
	background-image: linear-gradient(0deg, rgba(0, 71, 254, 0.6), rgba(0, 71, 254, 0.6));
	z-index: 3;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	border-radius: 12px;
}

.blogs__article-preview::after {
	content: "";
	position: absolute;
	background-image: var(--hover-link);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 189px;
	height: 90px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	z-index: 5;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.blogs__article-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 16px;
}

.blogs__article-publish {
	color: var(--system-3);
}

.blogs__all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 20px;
	max-height: 360px;
	height: 100%;
	border: 2px solid #0047FE;
	border-radius: 16px;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.blogs__all:hover,
.blogs__all:active {
	background-color: #0047FE;
}

.blogs__all:hover span,
.blogs__all:active span {
	color: #fff;
}

.blogs__all:hover svg,
.blogs__all:active svg {
	stroke: #fff;
}

.blogs__all span {
	color: var(--blue-6);
	white-space: nowrap;
}

.blogs__all svg {
	stroke: #0047FE;
}

@media all and (max-width: 768px) {
	.blogs__all {
		min-height: 49.089vw;
	}
}

@media all and (max-width: 575px) {
	.blogs__all {
		min-height: 23px;
		grid-gap: 12px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		border: none;
	}

	.blogs__all svg {
		width: 20px;
		height: 20px;
	}
}

.about {
	padding: 130px 10px;
}

.about__wrapp {
	grid-gap: 100px;
}

.about__partners {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 60px min(8.115vw, 175px);
}

.about__partners-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 250px;
	height: 75px;
	-webkit-transition: 0.2s all ease-in;
	transition: 0.2s all ease-in;
	opacity: 0.6;
}

@media all and (max-width: 1024px) {
	.about__partners-item {
		width: 160px;
		height: 48px;
	}
}

@media all and (max-width: 575px) {
	.about__partners-item {
		width: 134px;
		height: 40px;
	}
}

.about__partners-item img {
	-webkit-filter: grayscale(100);
	filter: grayscale(100);
}

.about__partners-item:hover {
	opacity: 1;
}

.about__partners-item:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.faq {
	padding: 130px clamp(20px, 5.215vw, 30px) 0;
	position: relative;
	z-index: 1;
}

.faq__accordion {
	margin-bottom: -110px;
	max-width: 900px;
	width: 100%;
	background-color: var(--system-6);
	-webkit-box-shadow: 0px 16px 30px rgba(0, 22, 102, 0.16);
	box-shadow: 0px 16px 30px rgba(0, 22, 102, 0.16);
	border-radius: 16px;
}

.faq__accordion-item {
	background-color: var(--system-6);
	border-bottom: 1px solid var(--system-4);
}

.faq__accordion-item:first-child {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.faq__accordion-item:first-child .faq__accordion-title {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.faq__accordion-item:last-child {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

.faq__accordion-item:last-child .faq__accordion-title {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

.faq__accordion-item:last-child .faq__accordion-title._active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.faq__accordion-title {
	width: 100%;
	padding: 20px;
	position: relative;
	cursor: pointer;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.faq__accordion-title:hover {
	background-color: #EDF4FF;
}

.faq__accordion-title._active {
	background-color: #0047FE;
	color: #fff;
}

.faq__accordion-title._active .faq__accordion-title {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.faq__accordion-title._active::before,
.faq__accordion-title._active::after {
	background-color: #fff;
}

.faq__accordion-title::before,
.faq__accordion-title::after {
	content: "";
	width: 18px;
	height: 2px;
	background-color: var(--system-1);
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.faq__accordion-title::after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.faq__accordion-title._active::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.faq__accordion-title._active::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media (max-width: 575px) {
	.faq__accordion-title {
		padding-right: 50px;
		text-align: left;
	}
}

.faq__accordion-text {
	padding: 20px;
}

.faq__email {
	color: var(--blue-6);
}

.download {
	padding: 368px clamp(20px, 5.215vw, 30px) 100px;
	background-color: var(--system-1);
	overflow: hidden;
}

.download.line::before {
	top: -10%;
}

@media screen and (max-width: 1440px) {
	.download {
		padding: 325px clamp(20px, 5.215vw, 30px) 100px;
	}
}

.download__center {
	max-width: 720px;
}

.download__title {
	color: var(--system-6);
}

.download__descr {
	color: var(--system-4);
}

.download__links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: clamp(20px, 9.766vw, 100px);
}

@media screen and (max-width: 575px) {
	.download__links {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.download__links-item {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

@media screen and (max-width: 575px) {
	.download__links-item:nth-child(2) {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}
}

.download__link {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 5px;
}

.download__link:hover,
.download__link:active {
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.video {
	position: relative;
	cursor: pointer;
}

.video__image {
	position: relative;
	width: 100%;
}

.video__image picture {
	width: 100%;
}

.video__image img {
	border-radius: 14px;
	width: 100%;
}

.video__controls {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video__controls:hover {
	background-color: rgba(0, 71, 254, 0.8);
}

.video__controls {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgba(24, 24, 24, 0.5);
}

.preview {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
	grid-gap: 30px 20px;
}

@media (max-width: 576px) {
	.preview {
		grid-template-columns: 1fr;
		grid-gap: 25px;
	}
}

.preview__card {
	position: relative;
	max-width: 380px;
	width: 100%;
	min-height: 200px;
	border-radius: 9px;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 1;
}

.preview__card.has-error .preview__details-item .alert--warning {
	/* border: 1px solid var(--error-2); */
	-webkit-box-shadow: 0px 0px 5px 0px rgba(213, 6, 26, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(213, 6, 26, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(213, 6, 26, 0.5);
}

.preview__card:hover {
	z-index: 5;
}

.preview__card:hover .preview__card-inner {
	height: calc(100% + 52px);
	background-color: #fff;
	z-index: 10;
	overflow: visible;
	border: 1px solid #0047FE;
}

.preview__card:hover .preview__card-select {
	display: block;
}

.preview__card:hover .preview__print-type {
	background-color: #0047FE;
}

.preview__card:hover .preview__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 576px) {
	.preview__card:hover .preview__btns {
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		grid-gap: 5px;
	}
}

.preview__card-body {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.preview__card-inner {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.1);
	border-radius: 9px;
	border: 1px solid transparent;
}

@media (max-width: 576px) {
	.preview__card-inner {
		padding: 14px;
	}
}

.preview__card-select {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #0047FE;
	background-color: #EDF4FF;
	cursor: pointer;
}

.preview__card-select.selected {
	display: block;
}

.preview__card-select.selected::after {
	content: "\2713";
	font-size: 38px;
	position: absolute;
	left: 5px;
	top: 2px;
	color: var(--blue-6);
}

.preview__print-type {
	position: absolute;
	padding: 4px;
	top: 0%;
	right: 0;
	background-color: #ADB4B8;
	color: #fff;
	border-radius: 0px 9px 0px 4px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.preview__card-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 8px;
}

.preview__details-image {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 180px;
	width: 130px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px 5px;
}

.preview__details-image canvas {
	width: 100%;
}

@media (max-width: 576px) {
	.preview__details-image {
		display: none;
	}
}

.preview__details-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.preview__details-title {
	width: 190px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	margin-bottom: 8px;
}

@media (max-width: 576px) {
	.preview__details-title {
		margin-bottom: 20px;
		margin-left: 40px;
	}
}

.preview__details-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 6px;
	overflow-y: auto;
	max-height: 120px;
}

.preview__details-item {
	padding: 4.5px 4px;
	background-color: #F5F5F5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 6px;
	border-radius: 4px;
}

.preview__details-item span {
	color: #696E72;
}

.preview__details-item svg {
	fill: #696E72;
}

.preview__order-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 20px;
	margin-bottom: 15px;
}

.preview__btns {
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 55px;
}

.preview__btn-delete {
	cursor: pointer;
}

.preview__btn-delete span {
	color: #D5061A;
}

.preview__btn-delete svg {
	stroke: #D5061A;
	margin-right: 10px;
}

.preview__btn-test {
	cursor: pointer;
}

.preview__btn-test span {
	color: #0047FE;
}

.preview__btn-test svg {
	stroke: #0047FE;
	margin-right: 10px;
}

input[type=file] {
	display: none;
}

.preview-info-progress {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #42b983;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: width 0.22s;
	transition: width 0.22s;
}

.blog {
	padding: clamp(40px, 5.208vw, 120px) clamp(20px, 5.215vw, 30px) 260px;
}

.blog.line::before {
	top: initial;
	bottom: 0;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

@media (max-width: 1240px) {
	.blog {
		padding-bottom: 240px;
	}
}

@media (max-width: 768px) {
	.blog {
		padding-bottom: 200px;
	}
}

.blog__wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: clamp(20px, 2.083vw, 40px);
	position: relative;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (max-width: 1240px) {
	.blog__wrapp {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.blog__wrapp-categories {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-height: 955px;
	position: sticky;
	top: 20px;
	width: clamp(305px, 19.271vw, 370px);
	border-right: 1px solid var(--system-3);
}

@media (max-width: 1240px) {
	.blog__wrapp-categories {
		position: initial;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		border-right: none;
	}
}

.blog__categories {
	padding: 14px 20px;
}

.blog__wrapp-articles {
	min-height: auto;
	/* max-width: 1370px; */
	width: 100%;
	z-index: 2;
}

.blog__articles {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
	grid-gap: 100px clamp(10px, 1.563vw, 30px);
}

@media (max-width: 1240px) {
	.blog__articles {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 60px 15px;
	}
}

@media (max-width: 992px) {
	.blog__articles {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.blog__articles {
		grid-template-columns: 100%;
	}
}

.blog__articles-count {
	color: var(--system-3);
}

.filter {
	margin-top: 30px;
}

.filter__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (min-width: 576px) {
	.filter__header {
		display: none;
	}
}

@media (max-width: 576px) {
	.filter__header {
		padding: 0 20px;
		position: relative;
		z-index: 10;
		border-radius: 8px;
		border: 1px solid var(--system-3);
	}

	.filter__header .filter__name--active {
		padding: 0;
		color: var(--blue-6);
		background-color: transparent;
	}

	.filter__header .filter__name--active svg {
		stroke: var(--blue-6);
	}

	.filter__header .filter__name--active:hover {
		background-color: transparent;
	}
}

.filter__body {
	position: absolute;
	top: calc(100% + 10px);
	z-index: 5;
}

@media (max-width: 576px) {
	.filter__body {
		visibility: hidden;
		width: 100%;
		opacity: 0;
	}
}

.filter__wrapp {
	width: 100%;
}

@media (max-width: 1240px) {
	.filter__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		grid-gap: 12px;
	}
}

@media (max-width: 576px) {
	.filter__wrapp {
		grid-gap: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		border: 1px solid var(--system-3);
		border-radius: 6px;
		background-color: var(--system-6);
	}

	.filter__wrapp .filter__name--active {
		color: var(--system-1);
		background-color: var(--system-6);
	}

	.filter__wrapp .filter__name--active svg {
		stroke: var(--system-1);
	}
}

.filter__name {
	padding-left: 20px;
	height: 52px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	border-radius: 8px 0px 0px 8px;
	background-color: var(--system-6);
}

.filter__name svg {
	margin-right: 20px;
	stroke: var(--system-1);
}

.filter__name:hover {
	color: var(--blue-6);
	background-color: var(--blue-1);
}

.filter__name:hover svg {
	stroke: currentColor;
}

.filter__name--active {
	background-color: var(--blue-6);
	color: var(--system-6);
}

.filter__name--active svg {
	stroke: var(--system-6);
}

.filter__name--active:hover {
	background-color: var(--blue-6);
	color: var(--system-6);
}

.filter__name--active:hover svg {
	stroke: currentColor;
}

@media (max-width: 576px) {
	.filter__name--active:hover {
		background-color: var(--blue-1);
		color: var(--blue-6);
	}
}

@media (max-width: 1240px) {
	.filter__name {
		padding: 12px 20px;
		border-radius: 8px;
		background-color: var(--blue-1);
	}

	.filter__name--active {
		background-color: var(--blue-6);
	}
}

@media (max-width: 576px) {
	.filter__name {
		padding: 0 20px;
		border-radius: 0;
		background-color: var(--system-6);
	}
}

.article__image {
	max-height: clamp(203px, 33.229vw, 33.229vw);
	width: 100%;
	text-align: center;
	background-color: var(--blue-5);
	overflow: hidden;
}

@media (max-width: 768px) {
	.article__image {
		max-height: initial;
	}
}

.article__img {
	height: 100%;
	width: 100%;
	text-align: center;
}

.article__inner {
	width: 100%;
	margin-top: 40px;
	padding: 0 clamp(20px, 5.215vw, 30px);
}

.article__wrapper {
	padding-left: calc((100% - 1526px) / 2);
}

.article__wrapp {
	margin-top: 80px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	grid-gap: clamp(80px, 8.021vw, 154px);
}

@media (max-width: 1440px) {
	.article__wrapp {
		grid-gap: 60px;
	}
}

@media (max-width: 1024px) {
	.article__wrapp {
		grid-gap: 0;
		margin-top: 60px;
	}
}

.article__info {
	max-width: 1100px;
}

@media (max-width: 1024px) {
	.article__info {
		max-width: 100%;
		width: 100%;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
}

.article__title {
	margin-bottom: 30px;
}

.article__status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 90px;
}

@media (max-width: 768px) {
	.article__status {
		grid-gap: 55px;
	}
}

.article__status-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.article__status-head svg {
	margin-right: 24px;
	stroke: var(--blue-6);
}

.article__categories-name,
.article__pubtime {
	color: var(--blue-6);
}

.article__content {
	margin-top: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 35px;
}

@media (max-width: 1024px) {
	.article__content {
		margin-top: 40px;
	}
}

.banner {
	position: relative;
	top: 0px;
	max-width: 430px;
	width: 100%;
	background-color: var(--system-5);
	border-radius: 16px;
	padding: 30px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	grid-gap: 30px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
@media (min-width: 1025px) {
	.banner {
		position: sticky;
		top: 20px;
	}
}

@media (max-width: 1440px) {
	.banner {
		max-width: 330px;
	}
}

@media (max-width: 1024px) {
	.article .banner {
		position: static;
		top: auto;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;
		margin-top: 30px;
	}
}


@media (max-width: 576px) {
	.banner {
		position: static;
		top: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 100%;
		width: 100%;
		background-color: var(--blue-6);
		padding: 20px;
		text-align: center;
		margin-top: 24px;
		border-radius: 16px;
	}
}

.banner.hide {
	-webkit-transform: translateX(100vw);
	transform: translateX(100vw);
}

.banner__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	grid-gap: 30px;
}

@media (max-width: 576px) {
	.banner__info {
		grid-gap: 14px;
		text-align: left;
	}
}

@media (max-width: 576px) {
	.banner__text {
		color: var(--system-6);
	}
}

.banner__button {
	color: var(--system-6);
	max-width: 300px;
	width: 100%;
	background-color: var(--blue-6);
}

@media (max-width: 576px) {
	.banner__button {
		height: 24px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
}

.banner__close {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	right: 18.5px;
	top: 18.5px;
	z-index: 5;
	cursor: pointer;
}

.banner__close svg {
	stroke: #181818;
}

@media screen and (min-width: 1025px) {
	.banner__close {
		display: none;
	}
}

@media (max-width: 576px) {
	.banner__close {
		top: -50px;
		right: 10px;
	}
}

@media (max-width: 576px) {
	.banner__image {
		max-width: 125px;
	}
}

.more {
	padding: 260px clamp(20px, 5.215vw, 30px);
	overflow: hidden;
}

@media (max-width: 1024px) {
	.more {
		padding: 240px clamp(20px, 5.215vw, 30px);
	}
}

@media (max-width: 768px) {
	.more {
		padding: 200px clamp(20px, 5.215vw, 30px);
	}
}

.more.line::before {
	top: initial;
	bottom: -5%;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

.more__news {
	position: relative;
	width: 100%;
}

@media (max-width: 1024px) {
	.more__news {
		display: grid;
		grid-gap: 40px;
		grid-template-areas: "slider slider" "left right";
	}
}

.more__slider {
	max-width: min(73.438vw, 1410px);
	width: 100%;
}

@media (max-width: 1024px) {
	.more__slider {
		max-width: 100%;
		grid-area: slider;
	}
}

.more__arrow {
	position: absolute;
	width: 42px;
	height: 42px;
	background: var(--system-4);
	border-radius: 5px;
	cursor: pointer;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.more__arrow svg {
	stroke: var(--system-1);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.more__arrow:hover {
	background-color: var(--blue-6);
}

.more__arrow:hover svg {
	stroke: var(--system-6);
}

@media (max-width: 1024px) {
	.more__arrow {
		top: initial;
		position: relative;
		-webkit-transform: initial;
		transform: initial;
	}
}

.more__arrow--next {
	right: 0;
}

@media (max-width: 1024px) {
	.more__arrow--next {
		grid-area: right;
	}
}

.more__arrow--prev {
	left: 0;
}

@media (max-width: 1024px) {
	.more__arrow--prev {
		margin-left: auto;
		grid-area: left;
	}
}

.tutorials {
	background-color: var(--system-5);
	padding: 80px clamp(20px, 5.215vw, 30px) 0;
	position: relative;
	z-index: 1;
}

@media (max-width: 1024px) {
	.tutorials {
		padding-top: 60px;
	}
}

.tutorials__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 100px;
}

@media (max-width: 1024px) {
	.tutorials__top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 60px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.tutorials__videos {
	max-width: 430px;
	width: 100%;
	padding-top: 40px;
}

@media (max-width: 1024px) {
	.tutorials__videos {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 60px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 0;
		max-width: 695px;
	}
}

@media (max-width: 1024px) {
	.tutorials__videos-item {
		max-width: 100%;
		grid-gap: 34px;
	}
}

.tutorials__videos-all {
	margin-bottom: -150px;
	max-width: 743px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 40px;
	padding: 40px;
	background: var(--system-6);
	border-radius: 8px;
}

@media (max-width: 1024px) {
	.tutorials__videos-all {
		max-width: 100%;
	}
}

@media (max-width: 576px) {
	.tutorials__videos-all {
		padding: 30px 20px;
		grid-gap: 30px;
	}
}

.tutorials__videos-icon {
	margin-right: 22px;
}

@media (max-width: 576px) {
	.tutorials__videos-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid: gap 16px;
	}
}

.tutorials__list {
	border-bottom: 1px solid var(--system-4);
	padding: 20px;
}

@media (max-width: 576px) {
	.tutorials__list {
		padding: 0 0 16px;
	}
}

.tutorials__video-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	padding-left: 36px;
	cursor: pointer;
}

@media (max-width: 576px) {
	.tutorials__video-link {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		grid-gap: 8px;
	}
}

.tutorials__video-link::before {
	content: "";
	position: absolute;
	background-image: var(--video-preview);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	left: 0;
}

.tutorials__bottom {
	padding: 260px clamp(20px, 5.215vw, 30px);
	overflow: hidden;
}

@media (max-width: 1024px) {
	.tutorials__bottom {
		padding: 240px clamp(20px, 5.215vw, 30px);
	}
}

@media (max-width: 768px) {
	.tutorials__bottom {
		padding: 200px clamp(20px, 5.215vw, 30px);
	}
}

.tutorials__bottom.line::before {
	top: initial;
	bottom: -5%;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

.tutorials__block {
	padding-left: calc((100% - 1526px) / 2);
	grid-gap: 100px;
}

@media (max-width: 1024px) {
	.tutorials__block {
		grid-gap: 80px;
	}
}

@media (max-width: 1024px) {
	.tutorials__block {
		grid-gap: 60px;
	}
}

@media (max-width: 1024px) {
	.tutorials__block {
		grid-gap: 40px;
	}
}

.tutorials__block-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 80px;
	width: 100%;
}

@media (max-width: 1024px) {
	.tutorials__block-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.tutorials__accordion {
	max-width: 1056px;
	width: 100%;
}

.tutorials__form {
	max-width: 578px;
}

.contacts {
	padding: 100px clamp(20px, 5.215vw, 30px) 260px;
	overflow: hidden;
}

.contacts.line::before {
	top: -10%;
}

@media (max-width: 1240px) {
	.contacts {
		padding-top: 80px;
		padding-bottom: 240px;
	}
}

@media (max-width: 576px) {
	.contacts {
		padding: 80px 30px 200px;
	}
}

.contacts__download {
	padding: 230px 40px;
}

@media (max-width: 1440px) {
	.contacts__download {
		padding: 140px 40px 130px;
	}
}

@media (max-width: 1240px) {
	.contacts__download {
		padding: 80px 40px 130px;
	}
}

@media (max-width: 786px) {
	.contacts__download {
		padding: 90px 20px;
	}
}

.contacts__download-wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: clamp(30px, 6.25vw, 120px);
}

@media (max-width: 1240px) {
	.contacts__download-wrapp {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.contacts__download-image {
	width: clamp(695px, 38.542vw, 740px);
	height: clamp(630px, 38.542vw, 740px);
}

@media (max-width: 1240px) {
	.contacts__download-image {
		width: clamp(320px, 51.613vw, 640px);
		height: clamp(290px, 46.774vw, 580px);
	}
}

.contacts__download-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media (max-width: 1240px) {
	.contacts__download-details {
		max-width: 1024px;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media (max-width: 768px) {
	.contacts__download-details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.contacts__download-fastlink {
	margin-bottom: 60px;
}

@media (max-width: 1240px) {
	.contacts__download-fastlink {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	.contacts__download-fastlink {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-bottom: 40px;
	}
}

.contacts__download-googlplay {
	margin-bottom: 34px;
}

@media (max-width: 1240px) {
	.contacts__download-googlplay {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	.contacts__download-googlplay {
		margin-bottom: 20px;
	}
}

@media (max-width: 1240px) {
	.contacts__download-appstore {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}
}

.contacts__download-info {
	margin-bottom: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
}

@media (max-width: 1240px) {
	.contacts__download-info {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 100%;
		margin: 0 auto 60px;
		text-align: center;
	}
}

.contacts__info-title {
	color: var(--system-6);
	max-width: 710px;
}

@media (max-width: 1240px) {
	.contacts__info-title {
		max-width: 660px;
		margin: 0 auto;
	}
}

.contacts__info-descr {
	color: var(--system-4);
}

.contacts__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: clamp(102px, 10.313vw, 198px);
}

@media (max-width: 1240px) {
	.contacts__info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 140px;
	}
}

.contacts__info-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 80px;
}

@media (max-width: 1240px) {
	.contacts__info-details {
		max-width: 745px;
	}
}

.contacts__socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 20px;
}

.contacts__socials-link {
	width: 50px;
	height: 50px;
	background-color: var(--blue-2);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.contacts__socials-link svg {
	fill: var(--blue-6);
}

.contacts__socials-link:hover {
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	background-color: var(--blue-6);
}

.contacts__socials-link:hover svg {
	fill: var(--system-6);
}

.contacts__details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: clamp(40px, 7.813vw, 60px);
}

.contacts__details-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: clamp(12px, 1.823vw, 14px);
}

.contacts__details-title {
	color: var(--system-3);
}

.contacts__adress {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 10px;
}

@media (max-width: 576px) {
	.contacts__adress {
		grid-gap: 30px;
	}
}

.contacts__adress-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 576px) {
	.contacts__adress-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		grid-gap: 10px;
	}
}

.contacts__adress-worktime {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 44px;
}

@media (max-width: 576px) {
	.contacts__worktime {
		font-size: 14px;
		line-height: 117%;
	}
}

.order {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.order__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 40px;
}

.order__info-list {
	background-color: var(--system-5);
	border-radius: 8px;
}

.order__accordion {
	max-width: 1290px;
	width: 100%;
	position: relative;
}

.order__accordion-item {
	padding: 30px 40px;
}

@media all and (max-width: 576px) {
	.order__accordion-item {
		padding: 24px 16px;
	}
}

.order__accordion-title {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 16px;
	color: var(--blue-6);
}

.order__accordion-title svg {
	stroke: var(--blue-6);
}

.order__accordion-title::before {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2Z' stroke='%23181818' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5303 13.3599L12.0003 9.83986L8.47027 13.3599' stroke='%23181818' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	right: 0;
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.order__accordion-title._active::before {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.order__accordion-wrapp {
	margin-top: 40px;
}

.order__shipping {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media all and (max-width: 768px) {
	.order__shipping {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.order__shipping-item {
	max-width: 590px;
	width: 100%;
	padding: 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
	background-color: var(--system-6);
	border-radius: 6px;
}

.order__shipping-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.order__adress-add svg,
.order__adress-remove svg,
.order__address-edit svg {
	stroke: var(--system-1);
}

.dropdown__list-card .order__address-edit {
	display: none;
}
.dropdown__list--visible .order__address-edit {
	float: right;
	margin-right: 0px;
	display: flex;
	z-index: 11;
}
.order__shipping-input {
	border: 1px solid #ADB4B8;
	padding: 14px 20px;
	border-radius: 6px;
}

.order__voucher {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 30px;
}

.order__voucher-error {
	color: var(--error-2);
}

@media all and (max-width: 576px) {
	.order__voucher {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.order__voucher-label {
	width: 100%;
}

.order__voucher-input {
	width: 100%;
	border: 1px solid var(--system-3);
	border-radius: 6px;
	padding: 11px 14px;
}

.order__voucher-btn {
	max-width: 390px;
	width: 100%;
	height: 55px;
	color: var(--system-6);
	background-color: var(--blue-6);
}

@media all and (max-width: 576px) {
	.order__voucher-btn {
		max-width: 100%;
	}
}

.order__comment {
	padding: 12px 20px;
	width: 100%;
	height: 80px;
	resize: none;
	background-color: var(--system-6);
	border: 1px solid var(--system-4);
	border-radius: 6px;
	color: var(--system-1);
}

.order__comment::-webkit-input-placeholder {
	color: var(--system-2);
}

.order__comment::-moz-placeholder {
	color: var(--system-2);
}

.order__comment:-ms-input-placeholder {
	color: var(--system-2);
}

.order__comment::-ms-input-placeholder {
	color: var(--system-2);
}

.order__comment::placeholder {
	color: var(--system-2);
}

.order__agreements {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
}

.order__agreements-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

.order__agreements-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 16px;
}

.order__agreements-info {
	height: 160px;
	padding: 12px 2px 12px 20px;
	background-color: var(--system-6);
	border-right: 1px solid var(--system-4);
	border-radius: 6px;
}

.order__agreements-text {
	padding-right: 30px;
	height: 136px;
	overflow-y: auto;
}

.order__agreements-text p+p {
	margin-top: 10px;
}

.order__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 200px;
	padding-left: 40px;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

@media all and (max-width: 576px) {
	.order__btns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 12px;
	}
}

.order__btn--save {
	color: var(--blue-6);
}

.order__btn--save svg {
	stroke: var(--blue-6);
}

.order__btn--delete {
	color: var(--error-2);
}

.order__btn--delete svg {
	stroke: var(--error-2);
}

.dropdown {
	position: relative;
}

.dropdown__button {
	position: relative;
	padding: 14px 20px;
	height: 54px;
	border: 1px solid var(--system-3);
	border-radius: 6px;
	z-index: 5;
	cursor: pointer;
}

.dropdown__button.dropdown__button--active::after {
	-webkit-transform: rotate(180deg) translateY(50%);
	transform: rotate(180deg) translateY(50%);
}

.dropdown__button::after {
	content: "";
	position: absolute;
	background-image: var(--arrow-down);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.dropdown__list {
	border-top: 0;
	display: none;
	left: 0;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	right: 0;
	width: 100%;
	height: auto;
	background: #ffffff;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	padding: 14px 20px;
}

.dropdown__list--visible {
	display: block;
}

.dropdown__list--visible .dropdown__button::after {
	-webkit-transform: rotate(90deg) translateX(180px);
	transform: rotate(90deg) translateX(180px);
}

.dropdown__list-item {
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	padding: 5px 0;
}

.dropdown__list-item .dropdown__list-card {
	color: #0047FE;
}

.dropdown__list-item:hover {
	background-color: #fcfcfc;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.dropdown__input-hidden {
	display: none;
}

.dropdown__list-card {
	color: var(--system-2);
}

.shipping,
.payment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
	padding: 20px clamp(10px, 1.563vw, 30px);
	background-color: var(--system-6);
	border-radius: 6px;
}

@media all and (max-width: 768px) {

	.shipping,
	.payment {
		padding: 20px 30px;
	}
}

@media all and (max-width: 576px) {

	.shipping,
	.payment {
		padding: 16px 12px;
	}
}

.shipping__tabs,
.payment__tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
}

.shipping__tabs-list,
.payment__tabs-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: clamp(15px, 1.563vw, 30px);
}

@media all and (max-width: 768px) {

	.shipping__tabs-list,
	.payment__tabs-list {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
}

@media all and (max-width: 576px) {

	.shipping__tabs-list,
	.payment__tabs-list {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
}

.shipping__item,
.payment__item {
	height: 78px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--system-5);
	border-radius: 6px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.shipping__item.active,
.payment__item.active {
	background-color: var(--blue-6);
}

.shipping__item.active .shipping__btn,
.payment__item.active .payment__btn {
	color: var(--system-6);
}

.shipping__item.active .shipping__btn svg,
.payment__item.active .payment__btn svg {
	stroke: currentColor;
}

.shipping__item:hover,
.payment__item:hover {
	background-color: var(--blue-6);
}

.shipping__item:hover .shipping__btn,
.payment__item:hover .payment__btn {
	color: var(--system-6);
}

.shipping__item:hover .shipping__btn svg,
.payment__item:hover .payment__btn svg {
	stroke: currentColor;
}

.shipping__btn,
.payment__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: clamp(10px, 1.042vw, 20px);
	pointer-events: none;
	white-space: nowrap;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.shipping__btn svg,
.payment__btn svg {
	height: auto;
	width: clamp(20px, 1.979vw, 38px);
	stroke: var(--blue-6);
}

.shipping__content-head,
.payment__content-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
	background: var(--blue-1);
	border-radius: 8px;
}

.shipping__content-head--red,
.payment__content-head--red {
	background-color: #FFEDEF;
}

@media all and (max-width: 576px) {

	.shipping__content-head,
	.payment__content-head {
		width: 100%;
	}
}

.shipping__content-alert,
.payment__content-alert {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 10px;
	color: #0047FE;
}

.shipping__content-alert svg,
.payment__content-alert svg {
	fill: #0047FE;
}

.shipping__content-alert--red,
.payment__content-alert--red {
	color: #D5061A;
}

.shipping__content-alert--red svg,
.payment__content-alert--red svg {
	fill: #D5061A;
}

.payment__cardpay {
	padding: 40px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 60px;
}

.payment__cardpay .payment__card--errors {
	border: 1px solid var(--error-2);
	border-radius: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
	border-radius: 8px;
	display: none;
}

@media all and (max-width: 768px) {
	.payment__cardpay {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
	}
}

.payment__cardpay-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	grid-gap: 24px;
	padding: 20px;
	background-color: var(--blue-1);
}

.payment__cardpay-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 10px;
}

.payment__card-form {
	grid-gap: 30px;
	width: 50%;
}

.payment__card-form #card-element {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--system-3);
	border-radius: 6px;
	margin-bottom: 30px;

	font-family: var(--font-family);
	font-size: 16px;
	line-height: 144%;
	font-weight: 400;
	font-style: normal;
	color: var(--system-1);
}

.payment__card-labels {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 16px;
}

.payment__cardpay-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 5px;
}

.payment__pay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 24px;
}

.payment__wallet {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
	margin: 0 auto;
}

@media all and (max-width: 768px) {
	.payment__wallet {
		width: 100%;
	}

	.payment__card-form {
		grid-gap: 30px;
		width: 100%;
	}
}

@media all and (max-width: 576px) {
	.payment__wallet-head {
		width: 100%;
	}

	.payment__wallet-head svg {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

.payment__wallet-bot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 30px;
}

@media all and (max-width: 768px) {
	.payment__wallet-bot {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.payment__wallet-balance {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 50px;
}

@media all and (max-width: 576px) {
	.payment__wallet-balance {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 20px;
	}
}

.payment__cardpay-total--minus {
	color: #D5061A;
}

.payment__wallet-add {
	padding: 8px 10px;
	color: #0047FE;
	border: 1px solid #0047FE;
	border-radius: 8px;
}

.payment__wallet-add svg {
	margin-right: 10px;
	stroke: #0047FE;
}

.payment__toggle {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.payment__toggle-btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
	color: #FFF;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.payment__toggle-btn--on {
	left: 16px;
	text-align: left;
}

.payment__toggle-btn--off {
	right: 16px;
	text-align: right;
	opacity: 1;
}

.payment .payment__toggle-checkbox:checked~.payment__toggle-btn--on {
	opacity: 1;
}

.payment .payment__toggle-checkbox:checked~.payment__toggle-btn--off {
	opacity: 0;
}

.payment__toggle-checkbox {
	position: relative;
	width: 60px;
	height: 30px;
	background-color: #D5061A;
	border-radius: 5px;
	-webkit-appearance: none;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.payment__toggle-checkbox:checked {
	background-color: #23C301;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.payment__toggle-checkbox:checked::before {
	left: 44px;
}

.payment__toggle-checkbox::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 2px;
	width: 14px;
	height: 26px;
	background: #F5F5F5;
	border-radius: 3px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.payment__crypto {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 30px;
}

@media all and (max-width: 768px) {
	.payment__crypto {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.payment__crypto-label {
	position: relative;
}

.payment__crypto-radio {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.payment__crypto-radio:checked~.payment__crypto-info {
	background-color: #0047FE;
}

.payment__crypto-radio:checked~.payment__crypto-info span {
	color: #fff;
}

.payment__crypto-radio:checked~.payment__crypto-info svg {
	fill: #fff;
}

.payment__crypto-radio:checked~.payment__crypto-info .payment__crypto-name::after {
	opacity: 1;
	background-color: #fff;
}

.payment__crypto-radio:checked~.payment__crypto-info .payment__crypto-name::before {
	border: 1px solid #fff;
	background-color: #0047FE;
}

.payment__crypto-name {
	position: relative;
	display: inline-block;
	padding: 1px 0 1px 32px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.payment__crypto-name::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #181818;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.payment__crypto-name::after {
	content: "";
	position: absolute;
	display: block;
	left: 3px;
	top: 6px;
	width: 14px;
	height: 14px;
	background-color: #0047FE;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.payment__crypto-info {
	position: relative;
	width: 166px;
	background-color: #F5F5F5;
	border-radius: 14px;
	padding: 18px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 10px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.payment__crypto-info:hover {
	background-color: #CBE0FE;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.payment__crypto-info:hover .payment__crypto-name::before {
	border: 1px solid #0047FE;
}

.payment__crypto-info:hover .payment__crypto-name::after {
	background-color: #CBE0FE;
	opacity: 1;
}

.payment__crypto-info svg {
	fill: #0047FE;
}

.calculate-mobile {
	padding: 0;
}

.calculate-mobile .calculate__wrapper {
	padding-bottom: 20px;
}

.calculate-mobile .calculate__block {
	position: relative;
	grid-gap: 0;
}

.calculate-mobile .calculate__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 12px;
	border-radius: 0;
}

.calculate-mobile .calculate__box--mid {
	background-color: transparent;
	border: none;
}

.calculate-mobile .calculate__box--mid .alert--warning {
	font-size: 14px;
}

.calculate-mobile .preview__card-select {
	display: block;
}

.calculate-mobile .calculate__box--left {
	position: relative;
	padding: 0;
}

.calculate-mobile .calculate__shipping {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 10px 20px;
	grid-gap: 14px;
	z-index: 30;
	min-height: 104px;
	position: fixed;
	top: 80px;
	background-color: #0047FE;
	border-radius: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}

.calculate-mobile .calculate__shipping.hide {
	-webkit-transform: translateX(100vw);
	transform: translateX(100vw);
}

.calculate-mobile .calculate__shipping-close {
	position: absolute;
	top: 10px;
	right: 20px;
	height: 34px;
	width: 34px;
	cursor: pointer;
}

.calculate-mobile .calculate__shipping-close svg {
	stroke: #fff;
}

.calculate-mobile .timer__count-content {
	grid-gap: 4px;
}

.calculate-mobile .timer__count-item {
	width: 32px;
	height: 32px;
	background-color: #EDF4FF;
}

.calculate-mobile .timer__count-val {
	color: #0047FE;
}

.calculate-mobile .timer__count-separator {
	color: #EDF4FF;
}

.calculate-mobile .calculate__timer-description {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	width: 100%;
}

.calculate-mobile .calculate__shipping-text {
	max-width: 100%;
	color: #fff;
}

.calculate-mobile .calculate__shipping-details {
	height: 24px;
}

.calculate-mobile .calculate__shipping-details svg {
	fill: #fff;
}

.calculate-mobile .calculate__upload-first {
	grid-gap: 14px;
}

.calculate-mobile .calculate__upload-label {
	width: 84px;
	height: 84px;
	background-color: #fff;
}

.calculate-mobile .calculate__upload-label svg {
	width: 46px;
	height: 46px;
}

.calculate-mobile .calculate__steps-btns {
	grid-gap: 50px;
}

.calculate-mobile .calculate__breadcrumbs {
	padding: 0 20px;
	border-top: none;
	border-bottom: 1px solid #F0F0F0;
}

.calculate-mobile .calculate__steps-inner {
	margin-top: 0;
	padding: 30px 20px;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.calculate-mobile .calculate__steps-head {
	padding: 0 20px;
}

.calculate-mobile .calculate__types-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.calculate-mobile .calculate__types-info {
	position: relative;
	z-index: 2;
	padding: 20px;
}

.calculate-mobile .calculate__types-descr {
	max-width: 230px;
}

.calculate-mobile .calculate__types-image {
	position: absolute;
	z-index: 1;
	right: 0;
}

.calculate-mobile .calculate__choosed-info {
	width: 155px;
}

.calculate-mobile .calculate__choosed-info--size {
	width: 155px;
}

.calculate-mobile__bottom {
	width: 100%;
	display: inline-block;
	/* width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 20; */
}

.authorization {
	padding: 35px 40px;
	width: 100vw;
	height: 100vh;
}

@media (max-width: 1024px) {
	.authorization {
		height: 100%;
	}
}

.authorization__wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 50px;
}

.authorization__back {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: auto;
	grid-gap: 14px;
	background-color: transparent;
	border-radius: initial;
	right: initial;
	top: initial;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

.authorization__back svg {
	stroke: #0047FE;
}

.authorization__back span {
	color: #0047FE;
}

@media (max-width: 768px) {
	.authorization__back {
		top: 0;
		bottom: initial;
	}
}

.authorization__tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 40px;
	width: 100%;
}

.authorization__tabs-content {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.authorization__tabs-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 14px;
}

.authorization__tabs-item {
	max-width: 210px;
	width: 100%;
	background-color: #EDF4FF;
	border-radius: 6px;
	height: 46px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.authorization__tabs-item.active {
	background-color: var(--blue-6);
}

.authorization__tabs-item.active .authorization__tabs-btn {
	color: var(--system-6);
}

.authorization__tabs-item:hover {
	background-color: var(--blue-6);
}

.authorization__tabs-item:hover .authorization__tabs-btn {
	color: var(--system-6);
}

@media (max-width: 576px) {
	.authorization__tabs-item {
		display: none;
	}
}

@media (max-width: 576px) {
	.authorization__tabs-item--mobile.active {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: auto;
		background-color: #CBE0FE;
		padding: 10px 18px;
	}

	.authorization__tabs-item--mobile.active span {
		color: var(--blue-6);
	}
}

.authorization__tabs-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	pointer-events: none;
	white-space: nowrap;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

@media (max-width: 576px) {
	.authorization__tabs-btn {
		display: none;
	}
}

.authorization__tabs-btn--mobile {
	display: none;
}

@media (max-width: 576px) {
	.authorization__tabs-btn--mobile {
		display: block;
	}
}

.authorization__form {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.authorization__form fieldset {
	grid-gap: 16px;
}

.authorization__form--login {
	max-width: 500px;
}

.authorization__form--forgot {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px 42px;
	width: 50%;
}

.authorization__form--sign {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px 42px;
	max-width: 1080px;
}

@media (max-width: 1080px) {
	.authorization__form--forgot {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.authorization__form--forgot {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 25px;
	}

	.authorization__form--sign {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 25px;
	}
}

.authorization__profile-label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.authorization__profile-label input {
	position: absolute;
	width: 40%;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.authorization__profile-label input:checked~.authorization__profile-checkbox::after {
	opacity: 1;
	background-color: #0047FE;
}

.authorization__profile-label input:checked~.authorization__profile-checkbox::before {
	background-color: #EDF4FF;
	border: 1px solid #0047FE;
}

.authorization__profile-label a {
	text-decoration: underline;
}

.authorization__profile-checkbox {
	position: relative;
	padding-left: 32px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
}

.authorization__profile-checkbox::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	width: 20px;
	height: 20px;
	border: 1px solid #181818;
	border-radius: 2px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.authorization__profile-checkbox::after {
	content: "";
	position: absolute;
	display: block;
	left: 2.8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-color: #0047FE;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.authorization__profile-checkbox:hover::before {
	border: 1px solid #0047FE;
}

.authorization__bottom-text {
	position: fixed;
	right: 10px;
	bottom: 90px;
}

@media (max-width: 1024px) {
	.authorization__bottom-text {
		position: relative;
		width: 100%;
		right: 0;
		bottom: 0;
		text-align: right;
	}
}

@media (max-width: 768px) {
	.authorization__bottom-text {
		text-align: center;
	}
}

.authorization__confirm {
	position: fixed;
	right: 10px;
	bottom: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: clamp(20px, 2.604vw, 50px);
}

@media (max-width: 1024px) {
	.authorization__confirm {
		position: relative;
		right: 0;
		bottom: 0;
		margin-top: 50px;
	}
}

@media (max-width: 768px) {
	.authorization__confirm {
		margin-top: 0;
	}
}

@media (max-width: 576px) {
	.authorization__confirm {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

.authorization__confirm a {
	color: #0047FE;
}

.authorization__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 50px;
}

.authorization__bottom-text a {
	color: #0047FE;
	text-decoration: underline;
}

.authorization__full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 100%;
	grid-gap: 50px;
}

.authorization__full-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.authorization__full-btns {
	max-width: 500px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px 10px;
}

@media (max-width: 768px) {
	.authorization__full-btns {
		margin-top: 25px;
	}
}

@media (max-width: 576px) {
	.authorization__full-btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 8px;
	}
}

.authorization__full-btn {
	border: 1px solid #98BEFE;
	width: 100%;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.authorization__full-btn span {
	color: #0047FE;
}

.authorization__full-btn svg {
	fill: #0047FE;
}

.authorization__full-btn:first-child {
	grid-column: span 2;
	background-color: #0047FE;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.authorization__full-btn:first-child span {
	color: #fff;
}

.authorization__full-btn:first-child svg {
	stroke: #fff;
}

@media (max-width: 576px) {
	.authorization__full-btn:first-child {
		margin-bottom: 32px;
	}
}

.authorization__full-btn:first-child:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3F7AFE), to(#0047FE));
	background-image: linear-gradient(180deg, #3F7AFE 0%, #0047FE 100%);
	-webkit-box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
	box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
}

.authorization__full-btn:first-child:hover svg {
	fill: #0047FE;
}

.authorization__full-btn:first-child:active {
	background-color: #0028B6;
	-webkit-box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
	box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
}

.authorization__full-btn:first-child:active svg {
	fill: #0047FE;
}

.authorization__full-btn:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3F7AFE), to(#0047FE));
	background-image: linear-gradient(180deg, #3F7AFE 0%, #0047FE 100%);
}

.authorization__full-btn:hover span {
	color: #fff;
}

.authorization__full-btn:hover svg {
	fill: #fff;
}

.authorization__full-btn:active {
	background-color: #0028B6;
}

.authorization__full-btn:active span {
	color: #fff;
}

.authorization__full-btn:active svg {
	fill: #fff;
}

.modal {
	--transition-time: 0.3s;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(43, 45, 101, 0.6);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	overflow-y: auto;
	overflow-x: hidden;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity var(--transition-time), visibility var(--transition-time);
	transition: opacity var(--transition-time), visibility var(--transition-time);
}

.modal::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.modal.is-open {
	position: fixed;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity var(--transition-time), visibility var(--transition-time);
	transition: opacity var(--transition-time), visibility var(--transition-time);
}

.modal__container {
	position: relative;
	width: auto;
	margin: 50px auto;
	display: none;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 20px;
	cursor: default;
	text-align: center;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	border-radius: 20px;
}

.modal__container.modal-open {
	display: inline-block;
}

.modal__wrapper {
	max-width: 560px;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	padding: 40px;
	background: #FFFFFF;
	border-radius: 20px;
	position: relative;
}

@media screen and (max-width: 1240px) {
	.modal__wrapper {
		width: 90vw;
	}
}

.modal__wrapper--payments {
	max-width: 680px;
	grid-gap: 30px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	text-align: left;
}

.modal__wrapper--profile {
	max-width: 1200px;
	grid-gap: 60px;
}

.modal__wrapper--profile .modal__close {
	right: 36px;
	top: 36px;
}

@media (max-width: 768px) {
	.modal__wrapper--profile {
		grid-gap: 40px;
	}
}

.modal__wrapper--edit,
.modal__wrapper--test {
	max-width: 1200px;
	grid-gap: 40px;
}

.modal__wrapper--edit .modal__close,
.modal__wrapper--test .modal__close {
	right: 36px;
	top: 36px;
}

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

	.modal__wrapper--edit,
	.modal__wrapper--test {
		max-width: 696px;
		padding: 36px 68px;
	}
}

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

	.modal__wrapper--edit,
	.modal__wrapper--test {
		padding: 20px;
	}
}

.modal__close {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	position: absolute;
	right: 23px;
	top: 23px;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}

.modal__close span {
	color: #0047FE;
}

.modal__close svg {
	stroke: #181818;
}

.modal__close:hover,
.modal__close:active {
	background-color: #0047FE;
}

.modal__close:hover svg,
.modal__close:active svg {
	stroke: #fff;
}

.modal__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: 100%;
}

.modal__box-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: #EDF4FF;
}

.modal__box-icon svg {
	fill: #0047FE;
}

.modal__box-title {
	max-width: 460px;
}

.modal__box-description {
	max-width: 470px;
}

.modal__alert {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 22px;
	max-width: 480px;
	padding: 18px;
	background-color: #EDF4FF;
	border-radius: 10px;
	text-align: left;
	width: 100%;
}

.modal__upload-progress .modal__alert,
.modal__upload-progress .calculate__box--loading-wrapper {
	padding: 0;
	background-color: var(--system-6);
}

.modal__alert svg {
	stroke: #0047FE;
}

.modal__btns {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 20px;
	width: 100%;
}

@media (max-width: 576px) {
	.modal__btns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		width: 100%;
	}
}

.modal__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 14px;
	height: 44px;
	max-width: 200px;
	width: 100%;
	background-color: #0047FE;
	border-radius: 8px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.modal__btn span {
	color: #fff;
}

.modal__btn svg {
	stroke: #fff;
}

.modal__btn:hover {
	background-color: linear-gradient(180deg, #3F7AFE 0%, #0047FE 100%);
	-webkit-box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
	box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
	-webkit-filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
	filter: drop-shadow(0px 0px 32px rgba(0, 71, 254, 0.3));
}

.modal__btn:active {
	background-color: #0028B6;
	-webkit-box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
	box-shadow: 0px 0px 22px rgba(21, 33, 155, 0.3);
}

.modal__btn--red {
	background-color: #D5061A;
}

.modal__btn--payments {
	height: 55px;
	max-width: 100%;
}

.modal__btn--profile {
	height: 55px;
	max-width: 500px;
}

.modal__btn--test {
	height: 56px;
	max-width: 100%;
}

@media (max-width: 576px) {
	.modal__btn {
		max-width: 100%;
	}
}

.modal__payments-head {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.modal__payments-head .modal__close {
	position: relative;
	top: inherit;
	right: inherit;
}

.modal__profile-form {
	grid-gap: 46px;
	width: 100%;
	text-align: left;
}

@media (max-width: 768px) {
	.modal__profile-form {
		grid-gap: 20px;
	}
}

.modal__profile-labels {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 46px 40px;
}

.modal__profile-labels fieldset {
	grid-gap: 16px;
}

@media (max-width: 768px) {
	.modal__profile-labels {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-gap: 20px;
	}
}

.modal__profile-divider {
	border-top: 1px solid #ADB4B8;
}

.modal__profile-label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.modal__profile-label input {
	position: absolute;
	width: 40%;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.modal__profile-label input:checked~.modal__profile-checkbox::after {
	opacity: 1;
	background-color: #0047FE;
}

.modal__profile-label input:checked~.modal__profile-checkbox::before {
	background-color: #EDF4FF;
	border: 1px solid #0047FE;
}

.modal__profile-label a {
	text-decoration: underline;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.modal__profile-label a:hover {
	color: #0047FE;
}

.modal__profile-checkbox {
	position: relative;
	padding-left: 32px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
}

.modal__profile-checkbox::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	width: 20px;
	height: 20px;
	border: 1px solid #181818;
	border-radius: 2px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.modal__profile-checkbox::after {
	content: "";
	position: absolute;
	display: block;
	left: 3px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-color: #0047FE;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.modal__profile-checkbox:hover {
	color: #0047FE;
}

.modal__profile-checkbox:hover::before {
	border: 1px solid #0047FE;
}

.modal__edit,
.modal__test {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 60px;
}

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

	.modal__edit,
	.modal__test {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.modal__edit-details,
.modal__test-details {
	max-width: 480px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
	width: 100%;
}

.modal__file-card,
.modal__test-info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 5px;
	position: relative;
	border: 1px solid #0047FE;
	border-radius: 10px;
	padding: 20px;
	text-align: left;
	min-height: 12vw;
	width: 100%;
}

.modal__edit-info {
	position: relative;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}

.element-loading::after {
	position: absolute;
	content: "";
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	--transition-time: 0.3s;
	background: rgba(43, 45, 101, 0.6);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	-webkit-transition: opacity var(--transition-time), visibility var(--transition-time);
	transition: opacity var(--transition-time), visibility var(--transition-time);
	border-radius: 6px;
	z-index: 9;
}

.element-loading::before {
	content: "";
	position: absolute;
	width: 48px;
	height: 48px;
	border: 5px solid #FFF;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
	z-index: 10;
	left: 50%;
	margin-left: -24px;
	top: 50%;
	margin-top: -24px;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

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

	.modal__file-card,
	.modal__test-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.modal__print-type {
	position: absolute;
	padding: 4px;
	top: 0%;
	right: 0;
	background-color: #0047FE;
	color: #fff;
	border-radius: 0px 9px 0px 4px;
}

.modal__details-image {
	width: 200px;
	height: 220px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.modal__details-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 20px;
}

.modal__details-info .preview__order-price {
	margin-bottom: 0px;
}

.modal__details-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 6px;
}

.modal__details-item {
	padding: 4.5px 4px;
	background-color: #0047FE;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-gap: 6px;
	border-radius: 4px;
}

.modal__details-item span {
	color: #fff;
}

.modal__details-item svg {
	fill: #fff;
}

.modal__edit-form,
.modal__test-form {
	grid-gap: 34px;
	max-width: 502px;
	width: 100%;
	text-align: left;
}

.modal__edit-form .form__fieldset,
.modal__test-form .form__fieldset {
	grid-gap: 12px;
}

.modal__edit-details,
.modal__edit-form .calculate__box--left {
	padding: 10px 0px 0px;
}

.modal__test-form .payment__crypto {
	grid-gap: 14px;
}

.modal__test-form .payment__crypto-info {
	width: 124px;
}

.fade {
	opacity: 0;
	-webkit-transition: opacity var(--transition-time);
	transition: opacity var(--transition-time);
}

.fade.animate-open {
	opacity: 1;
	-webkit-transition: opacity var(--transition-time);
	transition: opacity var(--transition-time);
}

.fadeInUp {
	opacity: 0;
	-webkit-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: opacity var(--transition-time), -webkit-transform var(--transition-time);
	transition: opacity var(--transition-time), -webkit-transform var(--transition-time);
	transition: opacity var(--transition-time), transform var(--transition-time);
	transition: opacity var(--transition-time), transform var(--transition-time), -webkit-transform var(--transition-time);
}

.fadeInUp.animate-open {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: opacity var(--transition-time), -webkit-transform var(--transition-time);
	transition: opacity var(--transition-time), -webkit-transform var(--transition-time);
	transition: opacity var(--transition-time), transform var(--transition-time);
	transition: opacity var(--transition-time), transform var(--transition-time), -webkit-transform var(--transition-time);
}

.disable-scroll {
	position: relative;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

/* USER BACKEND */
.container__wrapp {
	padding: 0 clamp(20px, 5.215vw, 30px);
	position: relative;
	display: grid;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	grid-template-columns: 1fr clamp(380px, 24.479vw, 470px);
	grid-gap: min(4.167vw, 80px);
	margin-bottom: 50px;
}

#user-menu-toggle {
	position: absolute;
	background-color: var(--system-6);
	right: 5px;
	top: -45px;
}

@media (max-width: 1080px) {
	.container__wrapp {
		padding: 0;
		display: block;
	}

	aside.dashboard__aside {
		position: absolute;
		padding: 20px;
		max-width: 100%;
	}

	aside .dashboard__menu-wrapp,
	aside .dashboard__menu-wrapp h3 {
		display: none;
	}

	aside .dashboard__menu-wrapp a {
		font-size: 18px;
	}
}

.container__inner {
	padding-top: 30px;
	max-width: 1290px;
	width: 100%;
}

.dashboard__aside {
	position: sticky;
	top: 20px;
	max-width: 470px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-gap: 30px;
	padding: 30px 40px;
	background-color: var(--system-5);
	border-radius: 8px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.dashboard__menu-item {
	margin-bottom: 10px;
}

.dashboard__item-active {
	color: var(--blue-6);
}

/* Order statuses */
.status__btns {
	border: 1px solid var(--system-1);
	border-radius: 8px;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 3px 5px;
}

/* Marging and Padding */
.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.mt-1,
.my-1 {
	margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2,
.my-2 {
	margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3,
.my-3 {
	margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important;
}

.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5,
.my-5 {
	margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
	margin-right: 3rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
	margin-left: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0,
.py-0 {
	padding-top: 0 !important;
}

.pr-0,
.px-0 {
	padding-right: 0 !important;
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1,
.py-1 {
	padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
	padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2,
.py-2 {
	padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
	padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3,
.py-3 {
	padding-top: 1rem !important;
}

.pr-3,
.px-3 {
	padding-right: 1rem !important;
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-4,
.py-4 {
	padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
	padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-5,
.py-5 {
	padding-top: 3rem !important;
}

.pr-5,
.px-5 {
	padding-right: 3rem !important;
}

.pb-5,
.py-5 {
	padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
	padding-left: 3rem !important;
}

/* User BackEnd */
/* Leave feedback */
.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating>button:hover,
.rating>button:hover~button {
	background-color: #efefef;
}

/*# sourceMappingURL=style.css.map */
/* Fix: article layout - stack vertically on mobile */
@media (max-width: 1024px) {
    .article__wrapp {
        flex-direction: column !important;
    }
    .article__wrapp .banner {
        position: static !important;
        top: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-top: 24px;
    }
}

/* Fix: article body anchors must look like links (override global a {} reset that sets color: inherit + text-decoration: none) */
.article__content a {
    display: inline;
    color: #005eff;
    text-decoration: underline;
}
.article__content a:hover {
    color: #0047fe;
    text-decoration: underline;
}