/*---------------------------------------*/
/*--------   Table of contents   --------*/
/*---------------------------------------*/
/*
1. Variables
2. External module
	2.1 Bootstrap
3. Normalize
4. Typography
5. Layout
	5.1 Header
	5.2 Main
	5.3 Footer
6. Footer
7. Pages
7. Components
8. Main Slider
9. Form
10. Blog


---------------------------------------*/
@font-face {
	font-family: "Ethnocentric";
	src: url("../fonts/EthnocentricRg-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Ethnocentric";
	src: url("../fonts/EthnocentricRg-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

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

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

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

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

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

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

@font-face {
	font-family: "ClashDisplay";
	src: url("../fonts/ClashDisplay-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "ClashDisplay.";
	src: url("../fonts/ClashDisplay-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "ClashDisplay";
	src: url("../fonts/ClashDisplay-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "ClashDisplay.";
	src: url("../fonts/ClashDisplay-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "ClashDisplay";
	src: url("../fonts/ClashDisplay-Extralight.woff") format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "ClashDisplay.";
	src: url("../fonts/ClashDisplay-Extralight.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

/*---------------------------------------*/
/*----       1. Variables              --*/
/*---------------------------------------*/
/*
	Theme variables
*/
/* font */
/* color*/
/* default speed animation*/
/*
	Bootstrap variables
*/
/*---------------------------------------*/
/*--------   2. External module  --------*/
/*---------------------------------------*/
/*-------  2.1 Bootstrap  --------*/
/*!
 * Bootstrap Reboot v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-link-color: #0d6efd;
	--bs-link-hover-color: #0a58ca;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
}

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

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}

body {
	margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: var(--bs-body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	border-top: 1px solid;
	opacity: 0.25;
}

h6, h5, h4, h3, h2, h1 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}

h1 {
	font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
	h1 {
		font-size: 2.5rem;
	}
}

h2 {
	font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
	h2 {
		font-size: 2rem;
	}
}

h3 {
	font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
	h3 {
		font-size: 1.75rem;
	}
}

h4 {
	font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
	h4 {
		font-size: 1.5rem;
	}
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}

ol,
ul {
	padding-left: 2rem;
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: 0.5rem;
	margin-left: 0;
}

blockquote {
	margin: 0 0 1rem;
}

b,
strong {
	font-weight: bolder;
}

small {
	font-size: 0.875em;
}

mark {
	padding: 0.1875em;
	background-color: var(--bs-highlight-bg);
}

sub,
sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

a {
	color: var(--bs-link-color);
	text-decoration: underline;
}

a:hover {
	color: var(--bs-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

pre,
code,
kbd,
samp {
	font-family: var(--bs-font-monospace);
	font-size: 1em;
}

pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	font-size: 0.875em;
}

pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}

code {
	font-size: 0.875em;
	color: var(--bs-code-color);
	word-wrap: break-word;
}

a > code {
	color: inherit;
}

kbd {
	padding: 0.1875rem 0.375rem;
	font-size: 0.875em;
	color: var(--bs-body-bg);
	background-color: var(--bs-body-color);
	border-radius: 0.25rem;
}

kbd kbd {
	padding: 0;
	font-size: 1em;
}

figure {
	margin: 0 0 1rem;
}

img,
svg {
	vertical-align: middle;
}

table {
	caption-side: bottom;
	border-collapse: collapse;
}

caption {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #6c757d;
	text-align: left;
}

th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

label {
	display: inline-block;
}

button {
	border-radius: 0;
}

button:focus:not(:focus-visible) {
	outline: 0;
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
select {
	text-transform: none;
}

[role=button] {
	cursor: pointer;
}

select {
	word-wrap: normal;
}

select:disabled {
	opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
	display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer;
}

::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

textarea {
	resize: vertical;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 0.5rem;
	font-size: calc(1.275rem + 0.3vw);
	line-height: inherit;
}

@media (min-width: 1200px) {
	legend {
		font-size: 1.5rem;
	}
}

legend + * {
	clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
	padding: 0;
}

::-webkit-inner-spin-button {
	height: auto;
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
	padding: 0;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

::file-selector-button {
	font: inherit;
	-webkit-appearance: button;
}

output {
	display: inline-block;
}

iframe {
	border: 0;
}

summary {
	display: list-item;
	cursor: pointer;
}

progress {
	vertical-align: baseline;
}

[hidden] {
	display: none !important;
}

/*!
 * Bootstrap Grid v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-link-color: #0d6efd;
	--bs-link-hover-color: #0a58ca;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container-sm, .container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container-md, .container-sm, .container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container-lg, .container-md, .container-sm, .container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1320px;
	}
}

.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-top: var(--bs-gutter-y);
}

.col {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
}

.row-cols-auto > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
}

.row-cols-1 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
}

.row-cols-2 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%;
}

.row-cols-3 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.row-cols-4 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 25%;
}

.row-cols-5 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20%;
}

.row-cols-6 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 16.6666666667%;
}

.col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
}

.offset-1 {
	margin-left: 8.33333333%;
}

.offset-2 {
	margin-left: 16.66666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.33333333%;
}

.offset-5 {
	margin-left: 41.66666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.33333333%;
}

.offset-8 {
	margin-left: 66.66666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.33333333%;
}

.offset-11 {
	margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
	--bs-gutter-x: 0;
}

.g-0,
.gy-0 {
	--bs-gutter-y: 0;
}

.g-1,
.gx-1 {
	--bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
	--bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
	--bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
	--bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
	--bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
	--bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
	--bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
	--bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
	--bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
	--bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
	.col-sm {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-sm-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-sm-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-sm-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-sm-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-sm-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-sm-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-sm-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-sm-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-sm-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-sm-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-sm-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-sm-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-sm-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.col-sm-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-sm-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-sm-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-sm-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-sm-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-sm-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.33333333%;
	}

	.offset-sm-2 {
		margin-left: 16.66666667%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.33333333%;
	}

	.offset-sm-5 {
		margin-left: 41.66666667%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.33333333%;
	}

	.offset-sm-8 {
		margin-left: 66.66666667%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.33333333%;
	}

	.offset-sm-11 {
		margin-left: 91.66666667%;
	}

	.g-sm-0,
	.gx-sm-0 {
		--bs-gutter-x: 0;
	}

	.g-sm-0,
	.gy-sm-0 {
		--bs-gutter-y: 0;
	}

	.g-sm-1,
	.gx-sm-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-sm-1,
	.gy-sm-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-sm-2,
	.gx-sm-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-sm-2,
	.gy-sm-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-sm-3,
	.gx-sm-3 {
		--bs-gutter-x: 1rem;
	}

	.g-sm-3,
	.gy-sm-3 {
		--bs-gutter-y: 1rem;
	}

	.g-sm-4,
	.gx-sm-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-sm-4,
	.gy-sm-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-sm-5,
	.gx-sm-5 {
		--bs-gutter-x: 3rem;
	}

	.g-sm-5,
	.gy-sm-5 {
		--bs-gutter-y: 3rem;
	}
}

@media (min-width: 768px) {
	.col-md {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-md-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-md-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-md-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-md-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-md-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-md-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-md-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-md-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-md-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-md-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-md-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-md-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-md-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-md-0 {
		margin-left: 0;
	}

	.offset-md-1 {
		margin-left: 8.33333333%;
	}

	.offset-md-2 {
		margin-left: 16.66666667%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.33333333%;
	}

	.offset-md-5 {
		margin-left: 41.66666667%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.33333333%;
	}

	.offset-md-8 {
		margin-left: 66.66666667%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.33333333%;
	}

	.offset-md-11 {
		margin-left: 91.66666667%;
	}

	.g-md-0,
	.gx-md-0 {
		--bs-gutter-x: 0;
	}

	.g-md-0,
	.gy-md-0 {
		--bs-gutter-y: 0;
	}

	.g-md-1,
	.gx-md-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-md-1,
	.gy-md-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-md-2,
	.gx-md-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-md-2,
	.gy-md-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-md-3,
	.gx-md-3 {
		--bs-gutter-x: 1rem;
	}

	.g-md-3,
	.gy-md-3 {
		--bs-gutter-y: 1rem;
	}

	.g-md-4,
	.gx-md-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-md-4,
	.gy-md-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-md-5,
	.gx-md-5 {
		--bs-gutter-x: 3rem;
	}

	.g-md-5,
	.gy-md-5 {
		--bs-gutter-y: 3rem;
	}
}

@media (min-width: 992px) {
	.col-lg {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-lg-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-lg-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-lg-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-lg-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-lg-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-lg-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-lg-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-lg-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-lg-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-lg-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-lg-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-lg-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-lg-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-lg-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	.offset-lg-1 {
		margin-left: 8.33333333%;
	}

	.offset-lg-2 {
		margin-left: 16.66666667%;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: 33.33333333%;
	}

	.offset-lg-5 {
		margin-left: 41.66666667%;
	}

	.offset-lg-6 {
		margin-left: 50%;
	}

	.offset-lg-7 {
		margin-left: 58.33333333%;
	}

	.offset-lg-8 {
		margin-left: 66.66666667%;
	}

	.offset-lg-9 {
		margin-left: 75%;
	}

	.offset-lg-10 {
		margin-left: 83.33333333%;
	}

	.offset-lg-11 {
		margin-left: 91.66666667%;
	}

	.g-lg-0,
	.gx-lg-0 {
		--bs-gutter-x: 0;
	}

	.g-lg-0,
	.gy-lg-0 {
		--bs-gutter-y: 0;
	}

	.g-lg-1,
	.gx-lg-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-lg-1,
	.gy-lg-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-lg-2,
	.gx-lg-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-lg-2,
	.gy-lg-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-lg-3,
	.gx-lg-3 {
		--bs-gutter-x: 1rem;
	}

	.g-lg-3,
	.gy-lg-3 {
		--bs-gutter-y: 1rem;
	}

	.g-lg-4,
	.gx-lg-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-lg-4,
	.gy-lg-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-lg-5,
	.gx-lg-5 {
		--bs-gutter-x: 3rem;
	}

	.g-lg-5,
	.gy-lg-5 {
		--bs-gutter-y: 3rem;
	}
}

@media (min-width: 1200px) {
	.col-xl {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-xl-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-xl-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-xl-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-xl-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-xl-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-xl-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-xl-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-xl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-xl-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-xl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-xl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.col-xl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-xl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-xl-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-xl-0 {
		margin-left: 0;
	}

	.offset-xl-1 {
		margin-left: 8.33333333%;
	}

	.offset-xl-2 {
		margin-left: 16.66666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.33333333%;
	}

	.offset-xl-5 {
		margin-left: 41.66666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.33333333%;
	}

	.offset-xl-8 {
		margin-left: 66.66666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.33333333%;
	}

	.offset-xl-11 {
		margin-left: 91.66666667%;
	}

	.g-xl-0,
	.gx-xl-0 {
		--bs-gutter-x: 0;
	}

	.g-xl-0,
	.gy-xl-0 {
		--bs-gutter-y: 0;
	}

	.g-xl-1,
	.gx-xl-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-xl-1,
	.gy-xl-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-xl-2,
	.gx-xl-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-xl-2,
	.gy-xl-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-xl-3,
	.gx-xl-3 {
		--bs-gutter-x: 1rem;
	}

	.g-xl-3,
	.gy-xl-3 {
		--bs-gutter-y: 1rem;
	}

	.g-xl-4,
	.gx-xl-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-xl-4,
	.gy-xl-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-xl-5,
	.gx-xl-5 {
		--bs-gutter-x: 3rem;
	}

	.g-xl-5,
	.gy-xl-5 {
		--bs-gutter-y: 3rem;
	}
}

@media (min-width: 1400px) {
	.col-xxl {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-xxl-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-xxl-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-xxl-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-xxl-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-xxl-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-xxl-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-xxl-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-xxl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-xxl-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xxl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.66666667%;
	}

	.col-xxl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xxl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-xxl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xxl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.col-xxl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xxl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-xxl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xxl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.col-xxl-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xxl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-xxl-0 {
		margin-left: 0;
	}

	.offset-xxl-1 {
		margin-left: 8.33333333%;
	}

	.offset-xxl-2 {
		margin-left: 16.66666667%;
	}

	.offset-xxl-3 {
		margin-left: 25%;
	}

	.offset-xxl-4 {
		margin-left: 33.33333333%;
	}

	.offset-xxl-5 {
		margin-left: 41.66666667%;
	}

	.offset-xxl-6 {
		margin-left: 50%;
	}

	.offset-xxl-7 {
		margin-left: 58.33333333%;
	}

	.offset-xxl-8 {
		margin-left: 66.66666667%;
	}

	.offset-xxl-9 {
		margin-left: 75%;
	}

	.offset-xxl-10 {
		margin-left: 83.33333333%;
	}

	.offset-xxl-11 {
		margin-left: 91.66666667%;
	}

	.g-xxl-0,
	.gx-xxl-0 {
		--bs-gutter-x: 0;
	}

	.g-xxl-0,
	.gy-xxl-0 {
		--bs-gutter-y: 0;
	}

	.g-xxl-1,
	.gx-xxl-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-xxl-1,
	.gy-xxl-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-xxl-2,
	.gx-xxl-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-xxl-2,
	.gy-xxl-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-xxl-3,
	.gx-xxl-3 {
		--bs-gutter-x: 1rem;
	}

	.g-xxl-3,
	.gy-xxl-3 {
		--bs-gutter-y: 1rem;
	}

	.g-xxl-4,
	.gx-xxl-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-xxl-4,
	.gy-xxl-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-xxl-5,
	.gx-xxl-5 {
		--bs-gutter-x: 3rem;
	}

	.g-xxl-5,
	.gy-xxl-5 {
		--bs-gutter-y: 3rem;
	}
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-grid {
	display: grid !important;
}

.d-table {
	display: table !important;
}

.d-table-row {
	display: table-row !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-inline-flex {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

.d-none {
	display: none !important;
}

.flex-fill {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
}

.flex-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.flex-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.flex-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
}

.flex-grow-0 {
	-webkit-box-flex: 0 !important;
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important;
}

.flex-grow-1 {
	-webkit-box-flex: 1 !important;
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	-ms-flex-negative: 0 !important;
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	-ms-flex-negative: 1 !important;
	flex-shrink: 1 !important;
}

.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.flex-nowrap {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important;
}

.justify-content-start {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

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

.justify-content-between {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}

.justify-content-evenly {
	-webkit-box-pack: space-evenly !important;
	-ms-flex-pack: space-evenly !important;
	justify-content: space-evenly !important;
}

.align-items-start {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}

.align-items-end {
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}

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

.align-items-baseline {
	-webkit-box-align: baseline !important;
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
}

.align-items-stretch {
	-webkit-box-align: stretch !important;
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}

.align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important;
}

.align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important;
}

.align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important;
}

.align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important;
}

.align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important;
}

.align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important;
}

.align-self-auto {
	-ms-flex-item-align: auto !important;
	align-self: auto !important;
}

.align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
}

.align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

.align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important;
}

.align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important;
}

.order-first {
	-webkit-box-ordinal-group: 0 !important;
	-ms-flex-order: -1 !important;
	order: -1 !important;
}

.order-0 {
	-webkit-box-ordinal-group: 1 !important;
	-ms-flex-order: 0 !important;
	order: 0 !important;
}

.order-1 {
	-webkit-box-ordinal-group: 2 !important;
	-ms-flex-order: 1 !important;
	order: 1 !important;
}

.order-2 {
	-webkit-box-ordinal-group: 3 !important;
	-ms-flex-order: 2 !important;
	order: 2 !important;
}

.order-3 {
	-webkit-box-ordinal-group: 4 !important;
	-ms-flex-order: 3 !important;
	order: 3 !important;
}

.order-4 {
	-webkit-box-ordinal-group: 5 !important;
	-ms-flex-order: 4 !important;
	order: 4 !important;
}

.order-5 {
	-webkit-box-ordinal-group: 6 !important;
	-ms-flex-order: 5 !important;
	order: 5 !important;
}

.order-last {
	-webkit-box-ordinal-group: 7 !important;
	-ms-flex-order: 6 !important;
	order: 6 !important;
}

.m-0 {
	margin: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}

.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mt-auto {
	margin-top: auto !important;
}

.me-0 {
	margin-right: 0 !important;
}

.me-1 {
	margin-right: 0.25rem !important;
}

.me-2 {
	margin-right: 0.5rem !important;
}

.me-3 {
	margin-right: 1rem !important;
}

.me-4 {
	margin-right: 1.5rem !important;
}

.me-5 {
	margin-right: 3rem !important;
}

.me-auto {
	margin-right: auto !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ms-0 {
	margin-left: 0 !important;
}

.ms-1 {
	margin-left: 0.25rem !important;
}

.ms-2 {
	margin-left: 0.5rem !important;
}

.ms-3 {
	margin-left: 1rem !important;
}

.ms-4 {
	margin-left: 1.5rem !important;
}

.ms-5 {
	margin-left: 3rem !important;
}

.ms-auto {
	margin-left: auto !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}

.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pt-1 {
	padding-top: 0.25rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pt-4 {
	padding-top: 1.5rem !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pe-0 {
	padding-right: 0 !important;
}

.pe-1 {
	padding-right: 0.25rem !important;
}

.pe-2 {
	padding-right: 0.5rem !important;
}

.pe-3 {
	padding-right: 1rem !important;
}

.pe-4 {
	padding-right: 1.5rem !important;
}

.pe-5 {
	padding-right: 3rem !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.ps-0 {
	padding-left: 0 !important;
}

.ps-1 {
	padding-left: 0.25rem !important;
}

.ps-2 {
	padding-left: 0.5rem !important;
}

.ps-3 {
	padding-left: 1rem !important;
}

.ps-4 {
	padding-left: 1.5rem !important;
}

.ps-5 {
	padding-left: 3rem !important;
}

@media (min-width: 576px) {
	.d-sm-inline {
		display: inline !important;
	}

	.d-sm-inline-block {
		display: inline-block !important;
	}

	.d-sm-block {
		display: block !important;
	}

	.d-sm-grid {
		display: grid !important;
	}

	.d-sm-table {
		display: table !important;
	}

	.d-sm-table-row {
		display: table-row !important;
	}

	.d-sm-table-cell {
		display: table-cell !important;
	}

	.d-sm-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.d-sm-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}

	.d-sm-none {
		display: none !important;
	}

	.flex-sm-fill {
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-sm-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-sm-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-sm-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-sm-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-sm-grow-0 {
		-webkit-box-flex: 0 !important;
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-sm-grow-1 {
		-webkit-box-flex: 1 !important;
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-sm-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-sm-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.flex-sm-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-sm-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-sm-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

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

	.justify-content-sm-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-sm-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.justify-content-sm-evenly {
		-webkit-box-pack: space-evenly !important;
		-ms-flex-pack: space-evenly !important;
		justify-content: space-evenly !important;
	}

	.align-items-sm-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-sm-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

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

	.align-items-sm-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-sm-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-sm-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-sm-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-sm-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-sm-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-sm-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-sm-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-sm-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-sm-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-sm-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-sm-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-sm-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	.order-sm-first {
		-webkit-box-ordinal-group: 0 !important;
		-ms-flex-order: -1 !important;
		order: -1 !important;
	}

	.order-sm-0 {
		-webkit-box-ordinal-group: 1 !important;
		-ms-flex-order: 0 !important;
		order: 0 !important;
	}

	.order-sm-1 {
		-webkit-box-ordinal-group: 2 !important;
		-ms-flex-order: 1 !important;
		order: 1 !important;
	}

	.order-sm-2 {
		-webkit-box-ordinal-group: 3 !important;
		-ms-flex-order: 2 !important;
		order: 2 !important;
	}

	.order-sm-3 {
		-webkit-box-ordinal-group: 4 !important;
		-ms-flex-order: 3 !important;
		order: 3 !important;
	}

	.order-sm-4 {
		-webkit-box-ordinal-group: 5 !important;
		-ms-flex-order: 4 !important;
		order: 4 !important;
	}

	.order-sm-5 {
		-webkit-box-ordinal-group: 6 !important;
		-ms-flex-order: 5 !important;
		order: 5 !important;
	}

	.order-sm-last {
		-webkit-box-ordinal-group: 7 !important;
		-ms-flex-order: 6 !important;
		order: 6 !important;
	}

	.m-sm-0 {
		margin: 0 !important;
	}

	.m-sm-1 {
		margin: 0.25rem !important;
	}

	.m-sm-2 {
		margin: 0.5rem !important;
	}

	.m-sm-3 {
		margin: 1rem !important;
	}

	.m-sm-4 {
		margin: 1.5rem !important;
	}

	.m-sm-5 {
		margin: 3rem !important;
	}

	.m-sm-auto {
		margin: auto !important;
	}

	.mx-sm-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.mx-sm-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.mx-sm-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.mx-sm-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.mx-sm-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.mx-sm-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.mx-sm-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-sm-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.my-sm-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.my-sm-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.my-sm-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.my-sm-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.my-sm-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.my-sm-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}

	.mt-sm-0 {
		margin-top: 0 !important;
	}

	.mt-sm-1 {
		margin-top: 0.25rem !important;
	}

	.mt-sm-2 {
		margin-top: 0.5rem !important;
	}

	.mt-sm-3 {
		margin-top: 1rem !important;
	}

	.mt-sm-4 {
		margin-top: 1.5rem !important;
	}

	.mt-sm-5 {
		margin-top: 3rem !important;
	}

	.mt-sm-auto {
		margin-top: auto !important;
	}

	.me-sm-0 {
		margin-right: 0 !important;
	}

	.me-sm-1 {
		margin-right: 0.25rem !important;
	}

	.me-sm-2 {
		margin-right: 0.5rem !important;
	}

	.me-sm-3 {
		margin-right: 1rem !important;
	}

	.me-sm-4 {
		margin-right: 1.5rem !important;
	}

	.me-sm-5 {
		margin-right: 3rem !important;
	}

	.me-sm-auto {
		margin-right: auto !important;
	}

	.mb-sm-0 {
		margin-bottom: 0 !important;
	}

	.mb-sm-1 {
		margin-bottom: 0.25rem !important;
	}

	.mb-sm-2 {
		margin-bottom: 0.5rem !important;
	}

	.mb-sm-3 {
		margin-bottom: 1rem !important;
	}

	.mb-sm-4 {
		margin-bottom: 1.5rem !important;
	}

	.mb-sm-5 {
		margin-bottom: 3rem !important;
	}

	.mb-sm-auto {
		margin-bottom: auto !important;
	}

	.ms-sm-0 {
		margin-left: 0 !important;
	}

	.ms-sm-1 {
		margin-left: 0.25rem !important;
	}

	.ms-sm-2 {
		margin-left: 0.5rem !important;
	}

	.ms-sm-3 {
		margin-left: 1rem !important;
	}

	.ms-sm-4 {
		margin-left: 1.5rem !important;
	}

	.ms-sm-5 {
		margin-left: 3rem !important;
	}

	.ms-sm-auto {
		margin-left: auto !important;
	}

	.p-sm-0 {
		padding: 0 !important;
	}

	.p-sm-1 {
		padding: 0.25rem !important;
	}

	.p-sm-2 {
		padding: 0.5rem !important;
	}

	.p-sm-3 {
		padding: 1rem !important;
	}

	.p-sm-4 {
		padding: 1.5rem !important;
	}

	.p-sm-5 {
		padding: 3rem !important;
	}

	.px-sm-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.px-sm-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.px-sm-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.px-sm-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.px-sm-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.px-sm-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-sm-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.py-sm-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.py-sm-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.py-sm-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.py-sm-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.py-sm-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.pt-sm-0 {
		padding-top: 0 !important;
	}

	.pt-sm-1 {
		padding-top: 0.25rem !important;
	}

	.pt-sm-2 {
		padding-top: 0.5rem !important;
	}

	.pt-sm-3 {
		padding-top: 1rem !important;
	}

	.pt-sm-4 {
		padding-top: 1.5rem !important;
	}

	.pt-sm-5 {
		padding-top: 3rem !important;
	}

	.pe-sm-0 {
		padding-right: 0 !important;
	}

	.pe-sm-1 {
		padding-right: 0.25rem !important;
	}

	.pe-sm-2 {
		padding-right: 0.5rem !important;
	}

	.pe-sm-3 {
		padding-right: 1rem !important;
	}

	.pe-sm-4 {
		padding-right: 1.5rem !important;
	}

	.pe-sm-5 {
		padding-right: 3rem !important;
	}

	.pb-sm-0 {
		padding-bottom: 0 !important;
	}

	.pb-sm-1 {
		padding-bottom: 0.25rem !important;
	}

	.pb-sm-2 {
		padding-bottom: 0.5rem !important;
	}

	.pb-sm-3 {
		padding-bottom: 1rem !important;
	}

	.pb-sm-4 {
		padding-bottom: 1.5rem !important;
	}

	.pb-sm-5 {
		padding-bottom: 3rem !important;
	}

	.ps-sm-0 {
		padding-left: 0 !important;
	}

	.ps-sm-1 {
		padding-left: 0.25rem !important;
	}

	.ps-sm-2 {
		padding-left: 0.5rem !important;
	}

	.ps-sm-3 {
		padding-left: 1rem !important;
	}

	.ps-sm-4 {
		padding-left: 1.5rem !important;
	}

	.ps-sm-5 {
		padding-left: 3rem !important;
	}
}

@media (min-width: 768px) {
	.d-md-inline {
		display: inline !important;
	}

	.d-md-inline-block {
		display: inline-block !important;
	}

	.d-md-block {
		display: block !important;
	}

	.d-md-grid {
		display: grid !important;
	}

	.d-md-table {
		display: table !important;
	}

	.d-md-table-row {
		display: table-row !important;
	}

	.d-md-table-cell {
		display: table-cell !important;
	}

	.d-md-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.d-md-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}

	.d-md-none {
		display: none !important;
	}

	.flex-md-fill {
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-md-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-md-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-md-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-md-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-md-grow-0 {
		-webkit-box-flex: 0 !important;
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-md-grow-1 {
		-webkit-box-flex: 1 !important;
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-md-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-md-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.flex-md-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-md-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-md-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-md-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

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

	.justify-content-md-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-md-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.justify-content-md-evenly {
		-webkit-box-pack: space-evenly !important;
		-ms-flex-pack: space-evenly !important;
		justify-content: space-evenly !important;
	}

	.align-items-md-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-md-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

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

	.align-items-md-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-md-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-md-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-md-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-md-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-md-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-md-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-md-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-md-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-md-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-md-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-md-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-md-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-md-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	.order-md-first {
		-webkit-box-ordinal-group: 0 !important;
		-ms-flex-order: -1 !important;
		order: -1 !important;
	}

	.order-md-0 {
		-webkit-box-ordinal-group: 1 !important;
		-ms-flex-order: 0 !important;
		order: 0 !important;
	}

	.order-md-1 {
		-webkit-box-ordinal-group: 2 !important;
		-ms-flex-order: 1 !important;
		order: 1 !important;
	}

	.order-md-2 {
		-webkit-box-ordinal-group: 3 !important;
		-ms-flex-order: 2 !important;
		order: 2 !important;
	}

	.order-md-3 {
		-webkit-box-ordinal-group: 4 !important;
		-ms-flex-order: 3 !important;
		order: 3 !important;
	}

	.order-md-4 {
		-webkit-box-ordinal-group: 5 !important;
		-ms-flex-order: 4 !important;
		order: 4 !important;
	}

	.order-md-5 {
		-webkit-box-ordinal-group: 6 !important;
		-ms-flex-order: 5 !important;
		order: 5 !important;
	}

	.order-md-last {
		-webkit-box-ordinal-group: 7 !important;
		-ms-flex-order: 6 !important;
		order: 6 !important;
	}

	.m-md-0 {
		margin: 0 !important;
	}

	.m-md-1 {
		margin: 0.25rem !important;
	}

	.m-md-2 {
		margin: 0.5rem !important;
	}

	.m-md-3 {
		margin: 1rem !important;
	}

	.m-md-4 {
		margin: 1.5rem !important;
	}

	.m-md-5 {
		margin: 3rem !important;
	}

	.m-md-auto {
		margin: auto !important;
	}

	.mx-md-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.mx-md-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.mx-md-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.mx-md-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.mx-md-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.mx-md-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.mx-md-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-md-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.my-md-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.my-md-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.my-md-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.my-md-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.my-md-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.my-md-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}

	.mt-md-0 {
		margin-top: 0 !important;
	}

	.mt-md-1 {
		margin-top: 0.25rem !important;
	}

	.mt-md-2 {
		margin-top: 0.5rem !important;
	}

	.mt-md-3 {
		margin-top: 1rem !important;
	}

	.mt-md-4 {
		margin-top: 1.5rem !important;
	}

	.mt-md-5 {
		margin-top: 3rem !important;
	}

	.mt-md-auto {
		margin-top: auto !important;
	}

	.me-md-0 {
		margin-right: 0 !important;
	}

	.me-md-1 {
		margin-right: 0.25rem !important;
	}

	.me-md-2 {
		margin-right: 0.5rem !important;
	}

	.me-md-3 {
		margin-right: 1rem !important;
	}

	.me-md-4 {
		margin-right: 1.5rem !important;
	}

	.me-md-5 {
		margin-right: 3rem !important;
	}

	.me-md-auto {
		margin-right: auto !important;
	}

	.mb-md-0 {
		margin-bottom: 0 !important;
	}

	.mb-md-1 {
		margin-bottom: 0.25rem !important;
	}

	.mb-md-2 {
		margin-bottom: 0.5rem !important;
	}

	.mb-md-3 {
		margin-bottom: 1rem !important;
	}

	.mb-md-4 {
		margin-bottom: 1.5rem !important;
	}

	.mb-md-5 {
		margin-bottom: 3rem !important;
	}

	.mb-md-auto {
		margin-bottom: auto !important;
	}

	.ms-md-0 {
		margin-left: 0 !important;
	}

	.ms-md-1 {
		margin-left: 0.25rem !important;
	}

	.ms-md-2 {
		margin-left: 0.5rem !important;
	}

	.ms-md-3 {
		margin-left: 1rem !important;
	}

	.ms-md-4 {
		margin-left: 1.5rem !important;
	}

	.ms-md-5 {
		margin-left: 3rem !important;
	}

	.ms-md-auto {
		margin-left: auto !important;
	}

	.p-md-0 {
		padding: 0 !important;
	}

	.p-md-1 {
		padding: 0.25rem !important;
	}

	.p-md-2 {
		padding: 0.5rem !important;
	}

	.p-md-3 {
		padding: 1rem !important;
	}

	.p-md-4 {
		padding: 1.5rem !important;
	}

	.p-md-5 {
		padding: 3rem !important;
	}

	.px-md-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.px-md-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.px-md-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.px-md-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.px-md-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.px-md-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-md-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.py-md-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.py-md-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.py-md-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.py-md-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.py-md-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.pt-md-0 {
		padding-top: 0 !important;
	}

	.pt-md-1 {
		padding-top: 0.25rem !important;
	}

	.pt-md-2 {
		padding-top: 0.5rem !important;
	}

	.pt-md-3 {
		padding-top: 1rem !important;
	}

	.pt-md-4 {
		padding-top: 1.5rem !important;
	}

	.pt-md-5 {
		padding-top: 3rem !important;
	}

	.pe-md-0 {
		padding-right: 0 !important;
	}

	.pe-md-1 {
		padding-right: 0.25rem !important;
	}

	.pe-md-2 {
		padding-right: 0.5rem !important;
	}

	.pe-md-3 {
		padding-right: 1rem !important;
	}

	.pe-md-4 {
		padding-right: 1.5rem !important;
	}

	.pe-md-5 {
		padding-right: 3rem !important;
	}

	.pb-md-0 {
		padding-bottom: 0 !important;
	}

	.pb-md-1 {
		padding-bottom: 0.25rem !important;
	}

	.pb-md-2 {
		padding-bottom: 0.5rem !important;
	}

	.pb-md-3 {
		padding-bottom: 1rem !important;
	}

	.pb-md-4 {
		padding-bottom: 1.5rem !important;
	}

	.pb-md-5 {
		padding-bottom: 3rem !important;
	}

	.ps-md-0 {
		padding-left: 0 !important;
	}

	.ps-md-1 {
		padding-left: 0.25rem !important;
	}

	.ps-md-2 {
		padding-left: 0.5rem !important;
	}

	.ps-md-3 {
		padding-left: 1rem !important;
	}

	.ps-md-4 {
		padding-left: 1.5rem !important;
	}

	.ps-md-5 {
		padding-left: 3rem !important;
	}
}

@media (min-width: 992px) {
	.d-lg-inline {
		display: inline !important;
	}

	.d-lg-inline-block {
		display: inline-block !important;
	}

	.d-lg-block {
		display: block !important;
	}

	.d-lg-grid {
		display: grid !important;
	}

	.d-lg-table {
		display: table !important;
	}

	.d-lg-table-row {
		display: table-row !important;
	}

	.d-lg-table-cell {
		display: table-cell !important;
	}

	.d-lg-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.d-lg-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}

	.d-lg-none {
		display: none !important;
	}

	.flex-lg-fill {
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-lg-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-lg-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-lg-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-lg-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-lg-grow-0 {
		-webkit-box-flex: 0 !important;
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-lg-grow-1 {
		-webkit-box-flex: 1 !important;
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-lg-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-lg-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.flex-lg-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-lg-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-lg-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

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

	.justify-content-lg-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-lg-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.justify-content-lg-evenly {
		-webkit-box-pack: space-evenly !important;
		-ms-flex-pack: space-evenly !important;
		justify-content: space-evenly !important;
	}

	.align-items-lg-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-lg-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

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

	.align-items-lg-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-lg-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-lg-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-lg-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-lg-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-lg-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-lg-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-lg-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-lg-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-lg-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-lg-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-lg-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-lg-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	.order-lg-first {
		-webkit-box-ordinal-group: 0 !important;
		-ms-flex-order: -1 !important;
		order: -1 !important;
	}

	.order-lg-0 {
		-webkit-box-ordinal-group: 1 !important;
		-ms-flex-order: 0 !important;
		order: 0 !important;
	}

	.order-lg-1 {
		-webkit-box-ordinal-group: 2 !important;
		-ms-flex-order: 1 !important;
		order: 1 !important;
	}

	.order-lg-2 {
		-webkit-box-ordinal-group: 3 !important;
		-ms-flex-order: 2 !important;
		order: 2 !important;
	}

	.order-lg-3 {
		-webkit-box-ordinal-group: 4 !important;
		-ms-flex-order: 3 !important;
		order: 3 !important;
	}

	.order-lg-4 {
		-webkit-box-ordinal-group: 5 !important;
		-ms-flex-order: 4 !important;
		order: 4 !important;
	}

	.order-lg-5 {
		-webkit-box-ordinal-group: 6 !important;
		-ms-flex-order: 5 !important;
		order: 5 !important;
	}

	.order-lg-last {
		-webkit-box-ordinal-group: 7 !important;
		-ms-flex-order: 6 !important;
		order: 6 !important;
	}

	.m-lg-0 {
		margin: 0 !important;
	}

	.m-lg-1 {
		margin: 0.25rem !important;
	}

	.m-lg-2 {
		margin: 0.5rem !important;
	}

	.m-lg-3 {
		margin: 1rem !important;
	}

	.m-lg-4 {
		margin: 1.5rem !important;
	}

	.m-lg-5 {
		margin: 3rem !important;
	}

	.m-lg-auto {
		margin: auto !important;
	}

	.mx-lg-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.mx-lg-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.mx-lg-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.mx-lg-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.mx-lg-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.mx-lg-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.mx-lg-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-lg-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.my-lg-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.my-lg-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.my-lg-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.my-lg-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.my-lg-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.my-lg-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}

	.mt-lg-0 {
		margin-top: 0 !important;
	}

	.mt-lg-1 {
		margin-top: 0.25rem !important;
	}

	.mt-lg-2 {
		margin-top: 0.5rem !important;
	}

	.mt-lg-3 {
		margin-top: 1rem !important;
	}

	.mt-lg-4 {
		margin-top: 1.5rem !important;
	}

	.mt-lg-5 {
		margin-top: 3rem !important;
	}

	.mt-lg-auto {
		margin-top: auto !important;
	}

	.me-lg-0 {
		margin-right: 0 !important;
	}

	.me-lg-1 {
		margin-right: 0.25rem !important;
	}

	.me-lg-2 {
		margin-right: 0.5rem !important;
	}

	.me-lg-3 {
		margin-right: 1rem !important;
	}

	.me-lg-4 {
		margin-right: 1.5rem !important;
	}

	.me-lg-5 {
		margin-right: 3rem !important;
	}

	.me-lg-auto {
		margin-right: auto !important;
	}

	.mb-lg-0 {
		margin-bottom: 0 !important;
	}

	.mb-lg-1 {
		margin-bottom: 0.25rem !important;
	}

	.mb-lg-2 {
		margin-bottom: 0.5rem !important;
	}

	.mb-lg-3 {
		margin-bottom: 1rem !important;
	}

	.mb-lg-4 {
		margin-bottom: 1.5rem !important;
	}

	.mb-lg-5 {
		margin-bottom: 3rem !important;
	}

	.mb-lg-auto {
		margin-bottom: auto !important;
	}

	.ms-lg-0 {
		margin-left: 0 !important;
	}

	.ms-lg-1 {
		margin-left: 0.25rem !important;
	}

	.ms-lg-2 {
		margin-left: 0.5rem !important;
	}

	.ms-lg-3 {
		margin-left: 1rem !important;
	}

	.ms-lg-4 {
		margin-left: 1.5rem !important;
	}

	.ms-lg-5 {
		margin-left: 3rem !important;
	}

	.ms-lg-auto {
		margin-left: auto !important;
	}

	.p-lg-0 {
		padding: 0 !important;
	}

	.p-lg-1 {
		padding: 0.25rem !important;
	}

	.p-lg-2 {
		padding: 0.5rem !important;
	}

	.p-lg-3 {
		padding: 1rem !important;
	}

	.p-lg-4 {
		padding: 1.5rem !important;
	}

	.p-lg-5 {
		padding: 3rem !important;
	}

	.px-lg-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.px-lg-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.px-lg-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.px-lg-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.px-lg-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.px-lg-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-lg-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.py-lg-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.py-lg-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.py-lg-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.py-lg-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.py-lg-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.pt-lg-0 {
		padding-top: 0 !important;
	}

	.pt-lg-1 {
		padding-top: 0.25rem !important;
	}

	.pt-lg-2 {
		padding-top: 0.5rem !important;
	}

	.pt-lg-3 {
		padding-top: 1rem !important;
	}

	.pt-lg-4 {
		padding-top: 1.5rem !important;
	}

	.pt-lg-5 {
		padding-top: 3rem !important;
	}

	.pe-lg-0 {
		padding-right: 0 !important;
	}

	.pe-lg-1 {
		padding-right: 0.25rem !important;
	}

	.pe-lg-2 {
		padding-right: 0.5rem !important;
	}

	.pe-lg-3 {
		padding-right: 1rem !important;
	}

	.pe-lg-4 {
		padding-right: 1.5rem !important;
	}

	.pe-lg-5 {
		padding-right: 3rem !important;
	}

	.pb-lg-0 {
		padding-bottom: 0 !important;
	}

	.pb-lg-1 {
		padding-bottom: 0.25rem !important;
	}

	.pb-lg-2 {
		padding-bottom: 0.5rem !important;
	}

	.pb-lg-3 {
		padding-bottom: 1rem !important;
	}

	.pb-lg-4 {
		padding-bottom: 1.5rem !important;
	}

	.pb-lg-5 {
		padding-bottom: 3rem !important;
	}

	.ps-lg-0 {
		padding-left: 0 !important;
	}

	.ps-lg-1 {
		padding-left: 0.25rem !important;
	}

	.ps-lg-2 {
		padding-left: 0.5rem !important;
	}

	.ps-lg-3 {
		padding-left: 1rem !important;
	}

	.ps-lg-4 {
		padding-left: 1.5rem !important;
	}

	.ps-lg-5 {
		padding-left: 3rem !important;
	}
}

@media (min-width: 1200px) {
	.d-xl-inline {
		display: inline !important;
	}

	.d-xl-inline-block {
		display: inline-block !important;
	}

	.d-xl-block {
		display: block !important;
	}

	.d-xl-grid {
		display: grid !important;
	}

	.d-xl-table {
		display: table !important;
	}

	.d-xl-table-row {
		display: table-row !important;
	}

	.d-xl-table-cell {
		display: table-cell !important;
	}

	.d-xl-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.d-xl-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}

	.d-xl-none {
		display: none !important;
	}

	.flex-xl-fill {
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-xl-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-xl-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-xl-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-xl-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-xl-grow-0 {
		-webkit-box-flex: 0 !important;
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-xl-grow-1 {
		-webkit-box-flex: 1 !important;
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-xl-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-xl-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.flex-xl-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xl-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-xl-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

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

	.justify-content-xl-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-xl-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.justify-content-xl-evenly {
		-webkit-box-pack: space-evenly !important;
		-ms-flex-pack: space-evenly !important;
		justify-content: space-evenly !important;
	}

	.align-items-xl-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-xl-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

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

	.align-items-xl-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-xl-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-xl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-xl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-xl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-xl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-xl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-xl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-xl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-xl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-xl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-xl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-xl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	.order-xl-first {
		-webkit-box-ordinal-group: 0 !important;
		-ms-flex-order: -1 !important;
		order: -1 !important;
	}

	.order-xl-0 {
		-webkit-box-ordinal-group: 1 !important;
		-ms-flex-order: 0 !important;
		order: 0 !important;
	}

	.order-xl-1 {
		-webkit-box-ordinal-group: 2 !important;
		-ms-flex-order: 1 !important;
		order: 1 !important;
	}

	.order-xl-2 {
		-webkit-box-ordinal-group: 3 !important;
		-ms-flex-order: 2 !important;
		order: 2 !important;
	}

	.order-xl-3 {
		-webkit-box-ordinal-group: 4 !important;
		-ms-flex-order: 3 !important;
		order: 3 !important;
	}

	.order-xl-4 {
		-webkit-box-ordinal-group: 5 !important;
		-ms-flex-order: 4 !important;
		order: 4 !important;
	}

	.order-xl-5 {
		-webkit-box-ordinal-group: 6 !important;
		-ms-flex-order: 5 !important;
		order: 5 !important;
	}

	.order-xl-last {
		-webkit-box-ordinal-group: 7 !important;
		-ms-flex-order: 6 !important;
		order: 6 !important;
	}

	.m-xl-0 {
		margin: 0 !important;
	}

	.m-xl-1 {
		margin: 0.25rem !important;
	}

	.m-xl-2 {
		margin: 0.5rem !important;
	}

	.m-xl-3 {
		margin: 1rem !important;
	}

	.m-xl-4 {
		margin: 1.5rem !important;
	}

	.m-xl-5 {
		margin: 3rem !important;
	}

	.m-xl-auto {
		margin: auto !important;
	}

	.mx-xl-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.mx-xl-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.mx-xl-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.mx-xl-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.mx-xl-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.mx-xl-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.mx-xl-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-xl-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.my-xl-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.my-xl-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.my-xl-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.my-xl-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.my-xl-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.my-xl-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}

	.mt-xl-0 {
		margin-top: 0 !important;
	}

	.mt-xl-1 {
		margin-top: 0.25rem !important;
	}

	.mt-xl-2 {
		margin-top: 0.5rem !important;
	}

	.mt-xl-3 {
		margin-top: 1rem !important;
	}

	.mt-xl-4 {
		margin-top: 1.5rem !important;
	}

	.mt-xl-5 {
		margin-top: 3rem !important;
	}

	.mt-xl-auto {
		margin-top: auto !important;
	}

	.me-xl-0 {
		margin-right: 0 !important;
	}

	.me-xl-1 {
		margin-right: 0.25rem !important;
	}

	.me-xl-2 {
		margin-right: 0.5rem !important;
	}

	.me-xl-3 {
		margin-right: 1rem !important;
	}

	.me-xl-4 {
		margin-right: 1.5rem !important;
	}

	.me-xl-5 {
		margin-right: 3rem !important;
	}

	.me-xl-auto {
		margin-right: auto !important;
	}

	.mb-xl-0 {
		margin-bottom: 0 !important;
	}

	.mb-xl-1 {
		margin-bottom: 0.25rem !important;
	}

	.mb-xl-2 {
		margin-bottom: 0.5rem !important;
	}

	.mb-xl-3 {
		margin-bottom: 1rem !important;
	}

	.mb-xl-4 {
		margin-bottom: 1.5rem !important;
	}

	.mb-xl-5 {
		margin-bottom: 3rem !important;
	}

	.mb-xl-auto {
		margin-bottom: auto !important;
	}

	.ms-xl-0 {
		margin-left: 0 !important;
	}

	.ms-xl-1 {
		margin-left: 0.25rem !important;
	}

	.ms-xl-2 {
		margin-left: 0.5rem !important;
	}

	.ms-xl-3 {
		margin-left: 1rem !important;
	}

	.ms-xl-4 {
		margin-left: 1.5rem !important;
	}

	.ms-xl-5 {
		margin-left: 3rem !important;
	}

	.ms-xl-auto {
		margin-left: auto !important;
	}

	.p-xl-0 {
		padding: 0 !important;
	}

	.p-xl-1 {
		padding: 0.25rem !important;
	}

	.p-xl-2 {
		padding: 0.5rem !important;
	}

	.p-xl-3 {
		padding: 1rem !important;
	}

	.p-xl-4 {
		padding: 1.5rem !important;
	}

	.p-xl-5 {
		padding: 3rem !important;
	}

	.px-xl-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.px-xl-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.px-xl-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.px-xl-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.px-xl-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.px-xl-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-xl-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.py-xl-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.py-xl-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.py-xl-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.py-xl-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.py-xl-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.pt-xl-0 {
		padding-top: 0 !important;
	}

	.pt-xl-1 {
		padding-top: 0.25rem !important;
	}

	.pt-xl-2 {
		padding-top: 0.5rem !important;
	}

	.pt-xl-3 {
		padding-top: 1rem !important;
	}

	.pt-xl-4 {
		padding-top: 1.5rem !important;
	}

	.pt-xl-5 {
		padding-top: 3rem !important;
	}

	.pe-xl-0 {
		padding-right: 0 !important;
	}

	.pe-xl-1 {
		padding-right: 0.25rem !important;
	}

	.pe-xl-2 {
		padding-right: 0.5rem !important;
	}

	.pe-xl-3 {
		padding-right: 1rem !important;
	}

	.pe-xl-4 {
		padding-right: 1.5rem !important;
	}

	.pe-xl-5 {
		padding-right: 3rem !important;
	}

	.pb-xl-0 {
		padding-bottom: 0 !important;
	}

	.pb-xl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pb-xl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pb-xl-3 {
		padding-bottom: 1rem !important;
	}

	.pb-xl-4 {
		padding-bottom: 1.5rem !important;
	}

	.pb-xl-5 {
		padding-bottom: 3rem !important;
	}

	.ps-xl-0 {
		padding-left: 0 !important;
	}

	.ps-xl-1 {
		padding-left: 0.25rem !important;
	}

	.ps-xl-2 {
		padding-left: 0.5rem !important;
	}

	.ps-xl-3 {
		padding-left: 1rem !important;
	}

	.ps-xl-4 {
		padding-left: 1.5rem !important;
	}

	.ps-xl-5 {
		padding-left: 3rem !important;
	}
}

@media (min-width: 1400px) {
	.d-xxl-inline {
		display: inline !important;
	}

	.d-xxl-inline-block {
		display: inline-block !important;
	}

	.d-xxl-block {
		display: block !important;
	}

	.d-xxl-grid {
		display: grid !important;
	}

	.d-xxl-table {
		display: table !important;
	}

	.d-xxl-table-row {
		display: table-row !important;
	}

	.d-xxl-table-cell {
		display: table-cell !important;
	}

	.d-xxl-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.d-xxl-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}

	.d-xxl-none {
		display: none !important;
	}

	.flex-xxl-fill {
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-xxl-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-xxl-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-xxl-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-xxl-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-xxl-grow-0 {
		-webkit-box-flex: 0 !important;
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-xxl-grow-1 {
		-webkit-box-flex: 1 !important;
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-xxl-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-xxl-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.flex-xxl-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-xxl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-xxl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xxl-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-xxl-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

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

	.justify-content-xxl-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-xxl-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.justify-content-xxl-evenly {
		-webkit-box-pack: space-evenly !important;
		-ms-flex-pack: space-evenly !important;
		justify-content: space-evenly !important;
	}

	.align-items-xxl-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-xxl-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

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

	.align-items-xxl-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-xxl-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-xxl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-xxl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-xxl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-xxl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-xxl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-xxl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-xxl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-xxl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-xxl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-xxl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-xxl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-xxl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	.order-xxl-first {
		-webkit-box-ordinal-group: 0 !important;
		-ms-flex-order: -1 !important;
		order: -1 !important;
	}

	.order-xxl-0 {
		-webkit-box-ordinal-group: 1 !important;
		-ms-flex-order: 0 !important;
		order: 0 !important;
	}

	.order-xxl-1 {
		-webkit-box-ordinal-group: 2 !important;
		-ms-flex-order: 1 !important;
		order: 1 !important;
	}

	.order-xxl-2 {
		-webkit-box-ordinal-group: 3 !important;
		-ms-flex-order: 2 !important;
		order: 2 !important;
	}

	.order-xxl-3 {
		-webkit-box-ordinal-group: 4 !important;
		-ms-flex-order: 3 !important;
		order: 3 !important;
	}

	.order-xxl-4 {
		-webkit-box-ordinal-group: 5 !important;
		-ms-flex-order: 4 !important;
		order: 4 !important;
	}

	.order-xxl-5 {
		-webkit-box-ordinal-group: 6 !important;
		-ms-flex-order: 5 !important;
		order: 5 !important;
	}

	.order-xxl-last {
		-webkit-box-ordinal-group: 7 !important;
		-ms-flex-order: 6 !important;
		order: 6 !important;
	}

	.m-xxl-0 {
		margin: 0 !important;
	}

	.m-xxl-1 {
		margin: 0.25rem !important;
	}

	.m-xxl-2 {
		margin: 0.5rem !important;
	}

	.m-xxl-3 {
		margin: 1rem !important;
	}

	.m-xxl-4 {
		margin: 1.5rem !important;
	}

	.m-xxl-5 {
		margin: 3rem !important;
	}

	.m-xxl-auto {
		margin: auto !important;
	}

	.mx-xxl-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.mx-xxl-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.mx-xxl-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.mx-xxl-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.mx-xxl-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.mx-xxl-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.mx-xxl-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-xxl-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.my-xxl-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.my-xxl-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.my-xxl-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.my-xxl-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.my-xxl-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.my-xxl-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}

	.mt-xxl-0 {
		margin-top: 0 !important;
	}

	.mt-xxl-1 {
		margin-top: 0.25rem !important;
	}

	.mt-xxl-2 {
		margin-top: 0.5rem !important;
	}

	.mt-xxl-3 {
		margin-top: 1rem !important;
	}

	.mt-xxl-4 {
		margin-top: 1.5rem !important;
	}

	.mt-xxl-5 {
		margin-top: 3rem !important;
	}

	.mt-xxl-auto {
		margin-top: auto !important;
	}

	.me-xxl-0 {
		margin-right: 0 !important;
	}

	.me-xxl-1 {
		margin-right: 0.25rem !important;
	}

	.me-xxl-2 {
		margin-right: 0.5rem !important;
	}

	.me-xxl-3 {
		margin-right: 1rem !important;
	}

	.me-xxl-4 {
		margin-right: 1.5rem !important;
	}

	.me-xxl-5 {
		margin-right: 3rem !important;
	}

	.me-xxl-auto {
		margin-right: auto !important;
	}

	.mb-xxl-0 {
		margin-bottom: 0 !important;
	}

	.mb-xxl-1 {
		margin-bottom: 0.25rem !important;
	}

	.mb-xxl-2 {
		margin-bottom: 0.5rem !important;
	}

	.mb-xxl-3 {
		margin-bottom: 1rem !important;
	}

	.mb-xxl-4 {
		margin-bottom: 1.5rem !important;
	}

	.mb-xxl-5 {
		margin-bottom: 3rem !important;
	}

	.mb-xxl-auto {
		margin-bottom: auto !important;
	}

	.ms-xxl-0 {
		margin-left: 0 !important;
	}

	.ms-xxl-1 {
		margin-left: 0.25rem !important;
	}

	.ms-xxl-2 {
		margin-left: 0.5rem !important;
	}

	.ms-xxl-3 {
		margin-left: 1rem !important;
	}

	.ms-xxl-4 {
		margin-left: 1.5rem !important;
	}

	.ms-xxl-5 {
		margin-left: 3rem !important;
	}

	.ms-xxl-auto {
		margin-left: auto !important;
	}

	.p-xxl-0 {
		padding: 0 !important;
	}

	.p-xxl-1 {
		padding: 0.25rem !important;
	}

	.p-xxl-2 {
		padding: 0.5rem !important;
	}

	.p-xxl-3 {
		padding: 1rem !important;
	}

	.p-xxl-4 {
		padding: 1.5rem !important;
	}

	.p-xxl-5 {
		padding: 3rem !important;
	}

	.px-xxl-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.px-xxl-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.px-xxl-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.px-xxl-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.px-xxl-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.px-xxl-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-xxl-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.py-xxl-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.py-xxl-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.py-xxl-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.py-xxl-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.py-xxl-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.pt-xxl-0 {
		padding-top: 0 !important;
	}

	.pt-xxl-1 {
		padding-top: 0.25rem !important;
	}

	.pt-xxl-2 {
		padding-top: 0.5rem !important;
	}

	.pt-xxl-3 {
		padding-top: 1rem !important;
	}

	.pt-xxl-4 {
		padding-top: 1.5rem !important;
	}

	.pt-xxl-5 {
		padding-top: 3rem !important;
	}

	.pe-xxl-0 {
		padding-right: 0 !important;
	}

	.pe-xxl-1 {
		padding-right: 0.25rem !important;
	}

	.pe-xxl-2 {
		padding-right: 0.5rem !important;
	}

	.pe-xxl-3 {
		padding-right: 1rem !important;
	}

	.pe-xxl-4 {
		padding-right: 1.5rem !important;
	}

	.pe-xxl-5 {
		padding-right: 3rem !important;
	}

	.pb-xxl-0 {
		padding-bottom: 0 !important;
	}

	.pb-xxl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pb-xxl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pb-xxl-3 {
		padding-bottom: 1rem !important;
	}

	.pb-xxl-4 {
		padding-bottom: 1.5rem !important;
	}

	.pb-xxl-5 {
		padding-bottom: 3rem !important;
	}

	.ps-xxl-0 {
		padding-left: 0 !important;
	}

	.ps-xxl-1 {
		padding-left: 0.25rem !important;
	}

	.ps-xxl-2 {
		padding-left: 0.5rem !important;
	}

	.ps-xxl-3 {
		padding-left: 1rem !important;
	}

	.ps-xxl-4 {
		padding-left: 1.5rem !important;
	}

	.ps-xxl-5 {
		padding-left: 3rem !important;
	}
}

@media print {
	.d-print-inline {
		display: inline !important;
	}

	.d-print-inline-block {
		display: inline-block !important;
	}

	.d-print-block {
		display: block !important;
	}

	.d-print-grid {
		display: grid !important;
	}

	.d-print-table {
		display: table !important;
	}

	.d-print-table-row {
		display: table-row !important;
	}

	.d-print-table-cell {
		display: table-cell !important;
	}

	.d-print-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.d-print-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}

	.d-print-none {
		display: none !important;
	}
}

/*---------------------------------------*/
/*--------   3. Normalize       --------*/
/*---------------------------------------*/
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers.
 *
 */
html, body {
	border: 0;
	font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

div, span, object, iframe, img, table, caption, thead, tbody,
tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,
nav, footer, header, section, summary, mark, audio, video {
	border: 0;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address code,
del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,
ol, ul, li, fieldset, legend, label {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

table caption, table th, table td {
	text-align: left;
	vertical-align: middle;
}

a img {
	border: 0;
}

:focus {
	outline: 0;
}

a {
	display: inline-block;
	text-decoration: none;
}

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

/*---------------------------------------*/
/*--------   4. Typography       --------*/
/*---------------------------------------*/
/*
	Typography
*/
html.touch-device {
	overflow-x: hidden;
	height: 100%;
}

body {
	font-family: "ClashDisplay", sans-serif;
	color: #FFFFFF;
	background: #000000;
	margin: 0;
	overflow-x: hidden;
}

body p {
	font-family: "ClashDisplay", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	body p {
		font-size: 18px;
	}
}

a.link__underline {
	position: relative;
	display: inline-block;
}

a.link__underline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #BDBDBD;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

a.link__underline:hover::after {
	width: 0;
}

a.hyperlink {
	font-family: "ClashDisplay", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	color: #00FFFF;
}

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

h1 {
	font-family: "Ethnocentric", sans-serif;
}

h1 {
	font-weight: 700;
	font-size: 42px;
	line-height: 1.15;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}

@media screen and (min-width: 380px) {
	h1 {
		font-size: 42px;
	}
}

@media (min-width: 992px) {
	h1 {
		font-size: 80px;
	}
}

h2 {
	font-weight: 400;
	font-size: 28px;
	line-height: 1.38;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	h2 {
		font-size: 42px;
	}
}

h3 {
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	h3 {
		font-size: 18px;
	}
}

.title-svg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 10px;
}

.title-svg span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 8px;
}

.title-svg.column {
	-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;
}

@media (min-width: 992px) {
	.title-svg.column {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
	}
}

.title-svg.column span {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (min-width: 992px) {
	.title-svg img {
		height: 38px;
		vertical-align: baseline;
	}
}

/*---------------------------------------*/
/*--------   5. Layout         --------*/
/*---------------------------------------*/
/*--------  5.1 Header  --------*/
.header {
	position: absolute;
	width: 100%;
	z-index: 11;
}

.header.fixed {
	position: fixed;
	background: #0d0d0d;
	border-bottom: 1px solid #2E2E2E;
	z-index: 11;
	opacity: 0;
	-webkit-animation: header-fixed 0.6s both;
	animation: header-fixed 0.6s both;
}

@media (min-width: 992px) {
	.header.line-bottom {
		border-bottom: 1px solid #2E2E2E;
	}
}

@media (min-width: 768px) {
	.header__logo {
		width: 120px;
	}
}

@media (min-width: 992px) {
	.header__logo {
		width: 160px;
	}
}

.header__wrapper {
	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;
	margin: 0 auto;
	max-width: calc(1500px + var(--bs-gutter-x, 1.5rem));
	padding: 30px var(--bs-gutter-x, 1.5rem);
	-webkit-transition: all 1s;
	transition: all 1s;
}

@media (min-width: 992px) {
	.header__wrapper {
		padding: 0 var(--bs-gutter-x, 2rem);
	}
}

@media (min-width: 1200px) {
	.header__wrapper {
		grid-column-gap: 20px;
	}
}

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

@media (min-width: 1200px) {
	.header__inner {
		grid-column-gap: 30px;
	}
}

@media screen and (min-width: 1400px) {
	.header__inner {
		grid-column-gap: 90px;
	}
}

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

.header__links a, .header__links button {
	position: relative;
	border: none;
	background-color: inherit;
	padding: 0;
	width: 24px;
	height: 24px;
	text-align: center;
}

.header__links span {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	overflow: hidden;
	top: 0;
	right: 0;
	background-color: #00FFFF;
	color: #2E2E2E;
	font-family: "ClashDisplay", sans-serif;
	font-weight: 400;
	font-size: 8px;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-align: center;
}

.header__btn.btn {
	padding: 10px 30px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	color: #FFFFFF;
	background: initial;
	border-radius: 50px;
	border: 1px solid #00FFFF;
	font-size: 12px;
	line-height: 1.25;
}

@media screen and (min-width: 1400px) {
	.header__btn.btn {
		padding: 10px 50px;
	}
}

@media (max-width: 991.98px) {
	.no-scroll .header__wrapper {
		background-color: #0d0d0d;
	}
}

@-webkit-keyframes header-fixed {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes header-fixed {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*---------------------------------------*/
/*--------   5.2. Main         --------*/
/*---------------------------------------*/
main .container {
	max-width: 100vw;
	padding: 2rem var(--bs-gutter-x, 2rem);
	padding: 3rem var(--bs-gutter-x, 2rem);
}

@media (min-width: 992px) {
	main .container {
		max-width: calc(1260px + var(--bs-gutter-x, 1.5rem));
		padding: 4.5rem var(--bs-gutter-x, 2rem);
	}
}

@media screen and (min-width: 1600px) {
	main .container {
		max-width: calc(1500px + var(--bs-gutter-x, 1.5rem));
	}
}

/*---------------------------------------*/
/*--------   5.3. Footer         --------*/
/*---------------------------------------*/
#footer {
	background: url(../images/homepage/page-bg.png), rgba(0, 0, 0, 0.3);
	background: url(../images/section_bg.png), rgba(0, 0, 0, 0.6);
	background-size: 200%;
	background-repeat: repeat;
	background-blend-mode: overlay;
}

@media (min-width: 992px) {
	#footer {
		background-size: 100%;
	}
}

#footer .container {
	max-width: 100vw;
	padding: 0;
}

@media (min-width: 992px) {
	#footer .container {
		max-width: calc(1260px + var(--bs-gutter-x, 1.5rem));
		padding: 0 var(--bs-gutter-x, 2rem) 80px;
	}
}

@media screen and (min-width: 1600px) {
	#footer .container {
		max-width: calc(1500px + var(--bs-gutter-x, 1.5rem));
	}
}

#footer .footer__wrapper {
	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;
	border: 2px solid #2E2E2E;
}

@media (min-width: 992px) {
	#footer .footer__wrapper {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}
}

@media (min-width: 992px) {
	#footer .footer__inner.mobile {
		display: none;
	}
}

@media screen and (min-width: 390px) {
	#footer .footer__inner.mobile .footer__logo {
		width: 144px;
	}
}

#footer .footer__inner.desktop {
	display: none;
}

@media (min-width: 992px) {
	#footer .footer__inner.desktop {
		display: block;
		width: 100%;
	}
}

#footer .footer__socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-column-gap: 2rem;
	padding: 2rem 0;
	border-top: 2px solid #2E2E2E;
	border-bottom: 2px solid #2E2E2E;
}

@media (min-width: 992px) {
	#footer .footer__socials {
		padding: 0;
		border: none;
	}
}

#footer .footer__socials a {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border: 1px solid #00FFFF;
	width: 48px;
	height: 48px;
}

@media (min-width: 992px) {
	#footer .footer__socials a {
		width: 56px;
		height: 56px;
	}
}

#footer .footer__socials a img {
	max-width: 20px;
}

#footer .footer__content {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media (min-width: 992px) {
	#footer .footer__content {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (max-width: 991.98px) {
	#footer .footer__content::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1px;
		height: 100%;
		background-color: #2E2E2E;
	}

	#footer .footer__content::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		height: 1px;
		background-color: #2E2E2E;
	}
}

#footer .footer__box {
	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;
	padding: 2rem 20px;
	min-height: 250px;
}

#footer .footer__box:nth-child(odd) {
	padding-left: 18px;
	padding-right: 19px;
}

#footer .footer__box:nth-child(even) {
	padding-right: 18px;
	padding-left: 19px;
}

@media (min-width: 992px) {
	#footer .footer__box {
		padding: 3rem 40px;
		min-height: 500px;
	}

	#footer .footer__box:not(:last-child) {
		border-right: 2px solid #2E2E2E;
	}
}

#footer .footer__box ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 12px;
}

@media (min-width: 992px) {
	#footer .footer__box ul {
		grid-row-gap: 24px;
	}
}

#footer .footer__box ul a {
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	#footer .footer__box ul a {
		font-size: 18px;
	}
}

#footer .footer__copy {
	font-family: "ClashDisplay", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #585858;
}

#footer .footer__made {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 15px;
	font-family: "ClashDisplay", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #585858;
}

#footer .footer__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 2rem 40px;
	border-top: 2px solid #2E2E2E;
}

/*---------------------------------------*/
/*--------   5.4. Footer         --------*/
/*---------------------------------------*/
section {
	background: url(../images/homepage/page-bg.png);
	background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(0.5%, rgb(0, 0, 0))), url(../images/homepage/page-bg.png);
	background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 0.5%), url(../images/homepage/page-bg.png);
	background: url(../images/homepage/page-bg.png), rgba(0, 0, 0, 0.3);
	background: url(../images/section_bg.png), rgba(0, 0, 0, 0.6);
	background-size: 200%;
	background-repeat: repeat;
	background-blend-mode: overlay;
}

@media (min-width: 992px) {
	section {
		background-size: 100%;
	}
}

section .section__text {
	display: grid;
	grid-row-gap: 20px;
	margin-top: 20px;
}

@media (min-width: 992px) {
	section .section__text {
		grid-row-gap: 40px;
		margin-top: 40px;
	}
}

section.bg__primary {
	background: #151515;
}

section.bg__primary--img .section__wrapper {
	position: relative;
	overflow: hidden;
}

section.bg__primary--img .section__wrapper::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 400px;
	background: url(../images/homepage/section_bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

@media (min-width: 992px) {
	section.bg__primary--circle::before {
		content: "";
		position: absolute;
		right: -10%;
		width: 800px;
		height: 800px;
		-webkit-transform: translate(0%, -10%);
		transform: translate(0%, -10%);
		border-radius: 63% 37% 62% 38%/67% 33% 67% 33%;
		background: #34cffd;
		opacity: 0.2;
		-webkit-filter: blur(137px);
		filter: blur(137px);
	}
}

section.bg__primary.bg__secondary {
	background: #F2F2F2;
}

section.bg__primary.bg__white {
	background: #FFFFFF;
}

section.bg__secondary {
	background: #F2F2F2;
}

section.bg__white {
	background: #FFFFFF;
}

section.bg__white h2 {
	color: #2E2E2E;
}

section.col_2 .section__wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 20px;
	padding: 50px 25px;
	background: #FFFFFF;
	border-radius: 30px;
}

@media (min-width: 992px) {
	section.col_2 .section__wrapper {
		grid-template-columns: 300px 1fr;
		grid-column-gap: 100px;
		padding: 80px 60px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media (min-width: 1200px) {
	section.col_2 .section__wrapper {
		grid-column-gap: 120px;
		padding: 160px 140px 180px;
	}
}

@media screen and (min-width: 1660px) {
	section.col_2 .section__wrapper {
		grid-column-gap: 150px;
	}
}

section.col_2 .section__link {
	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;
	grid-row-gap: 20px;
	z-index: 2;
}

@media (min-width: 992px) {
	section.col_2 .section__link {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		grid-column-gap: 20px;
	}
}

section.col_2 .section__box--left img {
	width: 30%;
	min-width: 150px;
}

@media (min-width: 992px) {
	section.col_2 .section__box--left img {
		width: 100%;
	}
}

section.col_2 .section__box--right {
	width: 100%;
}

section.line-top {
	position: relative;
}

@media (min-width: 992px) {
	section.line-top::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #2E2E2E;
	}
}

/*---------------------------------------*/
/*--------  6. Components  --------*/
/*---------------------------------------*/
/*--------  6.1 Button --------*/
.btn {
	font-family: "ClashDisplay", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.02em;
	color: #000000;
}

@media (min-width: 1200px) {
	.btn {
		font-size: 18px;
	}
}

.btn__main {
	position: relative;
	padding: 1rem 2rem;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	height: 62px;
	border: none;
	border: 1px solid #00FFFF;
	background-color: #00FFFF;
	color: #000000;
	outline: none;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

@media (min-width: 1200px) {
	.btn__main {
		padding: 20px 40px;
	}
}

.btn__wrapper {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 20px, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 20px, 100% 100%, 0% 100%);
	overflow: hidden;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.btn__wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	right: -8px;
	width: 57px;
	height: 1px;
	margin-right: 0;
	background-color: #00FFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn__wrapper:hover .btn__main {
	background: inherit;
	color: #00FFFF;
}

.btn__wrapper.btn__wrapper--arrow {
	width: 100%;
}

.btn__wrapper.btn__wrapper--arrow button, .btn__wrapper.btn__wrapper--arrow a {
	min-width: 100%;
	cursor: pointer;
}

@media (min-width: 992px) {
	.btn__wrapper.btn__wrapper--arrow button, .btn__wrapper.btn__wrapper--arrow a {
		padding-left: 2rem;
		text-align: start;
	}
}

.btn__wrapper.btn__wrapper--arrow button svg, .btn__wrapper.btn__wrapper--arrow a svg {
	display: none;
}

@media (min-width: 992px) {
	.btn__wrapper.btn__wrapper--arrow button svg, .btn__wrapper.btn__wrapper--arrow a svg {
		display: block;
		position: absolute;
		top: 50%;
		right: 2rem;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		fill: black;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}
}

.btn__wrapper.btn__wrapper--arrow button span, .btn__wrapper.btn__wrapper--arrow a span {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0.02em;
}

@media (min-width: 992px) {
	.btn__wrapper.btn__wrapper--arrow button span, .btn__wrapper.btn__wrapper--arrow a span {
		font-size: 18px;
	}
}

.btn__wrapper.btn__wrapper--arrow button .desk, .btn__wrapper.btn__wrapper--arrow a .desk {
	display: none;
}

@media (min-width: 992px) {
	.btn__wrapper.btn__wrapper--arrow button .desk, .btn__wrapper.btn__wrapper--arrow a .desk {
		display: inline;
	}
}

@media (min-width: 992px) {
	.btn__wrapper.btn__wrapper--arrow button .mob, .btn__wrapper.btn__wrapper--arrow a .mob {
		display: none;
	}
}

.btn__wrapper.btn__wrapper--arrow:hover svg {
	fill: #00FFFF;
}

/*---------------------------------------*/
/*--------  6.2 Navigation --------*/
.navigation ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.navigation ul a {
	color: #FFFFFF;
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
}

.navigation ul a:hover {
	color: #00FFFF;
}

.navigation__item {
	position: relative;
}

.navigation__item.active > .navigation__link a {
	color: #00FFFF;
}

.navigation__item.active > .navigation__link a svg {
	fill: #00FFFF;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

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

.navigation__link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navigation__link svg {
	fill: #FFFFFF;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.navigation a {
	padding: 0 20px;
}

@media (min-width: 992px) {
	ul.navigation__list--first > li a {
		font-weight: 400;
		font-size: 18px;
		line-height: 1.4;
		text-transform: none;
		padding: 55px 20px 40px;
	}
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
	ul.navigation__list--first > li a {
		font-weight: 500;
		font-size: 16px;
	}
}

ul.navigation__list--second {
	position: absolute;
	left: -125px;
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	grid-column-gap: 30px;
	padding: 0 40px;
	width: 800px;
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	background: #0d0d0d;
	-webkit-clip-path: polygon(100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%, 0 0);
	-webkit-transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

@media screen and (min-width: 1200px) {
	ul.navigation__list--second {
		left: -70px;
		padding: 0 70px;
		grid-column-gap: 80px;
		width: 900px;
	}
}

ul.navigation__list--second::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #2E2E2E;
	-webkit-clip-path: polygon(calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 80px), calc(100% - 80px) calc(100% - 2px), 2px 100%, 2px 2px);
	clip-path: polygon(calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 80px), calc(100% - 80px) calc(100% - 2px), 2px 100%, 2px 2px);
}

ul.navigation__list--second.is-open {
	visibility: visible;
	overflow: visible;
	max-height: 1000px;
	-webkit-transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

ul.navigation__list--second > li {
	padding: 30px 0;
}

@media screen and (min-width: 1200px) {
	ul.navigation__list--second > li {
		padding: 60px 0;
	}
}

ul.navigation__list--second li:not(:first-child) a {
	padding-top: 25px;
}

ul.navigation__list--second li:not(:last-child) a {
	padding-bottom: 25px;
	border-bottom: 1px solid;
	border-color: rgba(255, 255, 255, 0.1);
}

ul.navigation__list--second a {
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
}

ul.navigation__list--second a:hover {
	color: #00FFFF;
}

ul.navigation__list--second h3 {
	position: relative;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

ul.navigation__list--second ul.navigation__list--third,
ul.navigation__list--second :last-of-type ul.navigation__list--third {
	display: grid;
}

ul.navigation__list--second ul.navigation__list--third.grid-col-2,
ul.navigation__list--second :last-of-type ul.navigation__list--third {
	grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 1400px) {
	ul.navigation__list--second ul.navigation__list--third.grid-col-2,
	ul.navigation__list--second :last-of-type ul.navigation__list--third {
		grid-column-gap: 50px;
	}
}

ul.navigation__list--second ul.navigation__list--third.grid-col-2 li a,
ul.navigation__list--second :last-of-type ul.navigation__list--third li a {
	padding-left: 0;
}

ul.navigation__list--second ul.navigation__list--third li a {
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
	border: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	text-transform: none;
}

ul.navigation__list--second ul.navigation__list--third .icon {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*---------------------------------------*/
/*--------  6.3 Monkey --------*/
@media (min-width: 992px) {
	.monkey__title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		grid-column-gap: 50px;
	}
}

.monkey__title p {
	margin: 0;
	padding-top: 10px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

.monkey h2 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

@media (min-width: 992px) {
	.monkey h2 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		text-align: left;
	}
}

.monkey__wrapper {
	margin-top: 25px;
}

@media (min-width: 992px) {
	.monkey__wrapper {
		margin-top: 4rem;
		display: grid;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		grid-template-columns: 415px 1fr;
		grid-column-gap: 50px;
	}
}

@media (min-width: 992px) {
	.monkey__inner {
		padding-top: 25px;
		padding-right: 75px;
	}
}

.monkey__inner h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.monkey__inner h3 {
		font-size: 20px;
	}
}

.monkey__inner span {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	color: #aeaeae;
}

@media (min-width: 992px) {
	.monkey__inner span {
		font-size: 18px;
	}
}

.monkey__inner p {
	margin: 15px 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.monkey__inner p {
		margin: 35px 0;
		font-size: 18px;
	}
}

.monkey__sub {
	position: relative;
	margin-top: 35px;
	padding-left: 76px;
}

@media (min-width: 992px) {
	.monkey__sub {
		margin-top: 0;
		padding: 0;
	}
}

.monkey__sub:before {
	content: "";
	position: absolute;
	left: 0;
	width: 52px;
	height: 52px;
	background-image: url(../images/homepage/photo.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (min-width: 992px) {
	.monkey__sub:before {
		left: -75px;
		width: 50px;
		height: 50px;
	}
}

.monkey a {
	position: relative;
	display: inline-block;
}

.monkey a:hover:after {
	right: -45px;
}

.monkey a:after {
	position: absolute;
	content: "";
	top: 50%;
	right: -35px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../images/svg/arrow-right-fill.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.monkey__img {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

@media (min-width: 992px) {
	.monkey__img {
		width: 100%;
	}
}

.monkey__img img {
	width: 100%;
	min-height: 400px;
	-o-object-fit: cover;
	object-fit: cover;
}

/*---------------------------------------*/
/*--------  6.4 Menu --------*/
body.no-scroll {
	overflow: hidden;
}

.menu {
	position: absolute;
	top: 142px;
	opacity: 0;
	padding-bottom: 200px;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	min-height: 100vh;
	-webkit-transition: all 1s;
	transition: all 1s;
	background-color: #0d0d0d;
	visibility: hidden;
	z-index: -1;
}

.menu.visible {
	opacity: 1;
	max-height: 100%;
	overflow-y: scroll;
	visibility: visible;
	z-index: 10;
}

.menu__header {
	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;
	margin: 0 auto;
	max-width: calc(1500px + var(--bs-gutter-x, 1.5rem));
	padding: 30px 20px;
}

.menu__logo {
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
}

.menu__navigation {
	padding: 0 15px;
}

@media (min-width: 992px) {
	.menu__navigation {
		padding: 0 30px;
	}
}

.menu .menu__socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-column-gap: 2rem;
	margin-top: 60px;
}

.menu .menu__socials a {
	padding: 15px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border: 1px solid #00FFFF;
}

.menu__list--first li .menu__link a {
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 2px solid #2E2E2E;
	font-size: 18px;
}

.menu__list--first li .menu__link a svg {
	position: absolute;
	right: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	stroke: #FFFFFF;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.menu__list--first li:last-child .menu__link a {
	border-bottom: 2px solid #2E2E2E;
}

.menu__list--first .menu__item.menu__active .menu__link a {
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 2px solid;
	border-color: rgba(255, 255, 255, 0.1);
	color: #00FFFF;
}

.menu__list--first .menu__item.menu__active .menu__link a svg {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	stroke: #00FFFF;
}

.menu__list--first .menu__item.menu__active ul.menu__list--second {
	overflow: visible;
	visibility: visible;
	padding: 0 0 30px 0;
	max-height: 1500px;
	-webkit-transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
}

.menu__list--first .menu__item.menu__active ul.menu__list--third {
	opacity: 1;
	overflow: visible;
	visibility: visible;
	max-height: 1000px;
	-webkit-transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.menu__action {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 8px;
}

.menu__action p {
	line-height: 1;
}

.menu__search {
	margin-top: 20px;
	padding: 0 15px;
}

.menu__search.active .menu__search-label {
	border: 2px solid #000000;
	background-color: #2E2E2E;
}

.menu__search.active .menu__search-btn {
	border: 2px solid #00FFFF;
	background-color: #00FFFF;
}

.menu__search.active .menu__search-btn svg {
	fill: #00FFFF;
	stroke: #000000;
}

.menu__search.active .menu__search-list {
	max-height: 800px;
	visibility: visible;
	border: 2px solid #000000;
	border-top: none;
}

.menu__search-label {
	width: 100%;
	position: relative;
}

.menu__search-input {
	width: 100%;
	padding: 20px 0 20px 20px;
	color: #FFFFFF;
	background: inherit;
	border: none;
	font-family: "ClashDisplay", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 21.6px */
	letter-spacing: 0.36px;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.menu__search-input::-webkit-input-placeholder {
	padding-left: 0;
	color: #BDBDBD;
	font-family: "ClashDisplay", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 21.6px */
	letter-spacing: 0.36px;
}

.menu__search-input::-moz-placeholder {
	padding-left: 0;
	color: #BDBDBD;
	font-family: "ClashDisplay", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 21.6px */
	letter-spacing: 0.36px;
}

.menu__search-input:-ms-input-placeholder {
	padding-left: 0;
	color: #BDBDBD;
	font-family: "ClashDisplay", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 21.6px */
	letter-spacing: 0.36px;
}

.menu__search-input::-ms-input-placeholder {
	padding-left: 0;
	color: #BDBDBD;
	font-family: "ClashDisplay", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 21.6px */
	letter-spacing: 0.36px;
}

.menu__search-input::placeholder {
	padding-left: 0;
	color: #BDBDBD;
	font-family: "ClashDisplay", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 21.6px */
	letter-spacing: 0.36px;
}

.menu__search-btn {
	position: absolute;
	padding: 10px;
	top: 6px;
	right: 8px;
	width: 48px;
	border: none;
	background-color: inherit;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.menu__search-btn svg {
	stroke: white;
	fill: #0d0d0d;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.menu__search-list {
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	background-color: #2E2E2E;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.menu__search-item:not(:last-child) {
	border-bottom: 0.5px solid #585858;
}

.menu__search-link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 20px;
	padding: 12px 2rem 12px 20px;
}

.menu__search-link:hover h3, .menu__search-link:focus h3 {
	color: #00FFFF;
}

.menu__search-link h3 {
	color: #BDBDBD;
	font-family: "ClashDisplay", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

.menu__search-link svg {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 16px;
	stroke: #4d4d4d;
	fill: #4d4d4d;
}

.menu a {
	width: 100%;
	color: #FFFFFF;
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
	text-transform: capitalize;
	font-family: "ClashDisplay", sans-serif;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.04em;
}

.menu a:hover {
	color: #00FFFF;
}

.menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media (min-width: 1200px) {
	.menu ul {
		grid-column-gap: 20px;
	}
}

@media screen and (min-width: 1600px) {
	.menu ul {
		grid-column-gap: 60px;
	}
}

.menu ul.menu__list--second {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 60px;
	margin-left: 30px;
	padding: 0;
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
}

@media screen and (min-width: 1400px) {
	.menu ul.menu__list--second {
		padding: 25px 30px;
	}
}

.menu ul.menu__list--second.is-open {
	visibility: visible;
	max-height: 600px;
}

.menu ul.menu__list--second li:not(:first-child) a {
	padding-top: 25px;
}

.menu ul.menu__list--second li:not(:last-child) a {
	padding-bottom: 25px;
	border-bottom: 1px solid;
	border-color: rgba(255, 255, 255, 0.1);
}

.menu ul.menu__list--second a {
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
}

.menu ul.menu__list--second a:hover {
	color: #00FFFF;
}

.menu ul.menu__list--second h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.menu ul.menu__list--second ul.menu__list--third {
	margin-top: 40px;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.menu ul.menu__list--second ul.menu__list--third .menu__icon {
	margin-right: 15px;
}

.menu ul.menu__list--second ul.menu__list--third li a {
	border: none;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
}

@media screen and (max-width: 991px) {
	.menu ul.menu__list--second ul.menu__list--third li a {
		text-transform: none;
	}
}

/*---------------------------------------*/
/*--------  6.5 App --------*/
.app {
	background-color: #F2F2F2;
}

.app__wrapper {
	position: relative;
	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;
	padding: 30px;
	background-color: #FFFFFF;
	border-radius: 30px;
	overflow: hidden;
}

.app__wrapper::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1000px;
	height: 530px;
	background: url(../images/homepage/app_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}

@media (min-width: 992px) {
	.app__wrapper {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 120px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 200px;
	}
}

.app__inner {
	display: grid;
	grid-row-gap: 30px;
}

@media (min-width: 992px) {
	.app__inner {
		grid-row-gap: 40px;
	}
}

.app__content {
	display: grid;
	grid-row-gap: 30px;
}

@media (min-width: 992px) {
	.app__content {
		grid-row-gap: 40px;
	}
}

.app__text {
	display: grid;
	grid-row-gap: 10px;
	font-family: "Ethnocentric", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.44;
}

@media (min-width: 992px) {
	.app__text {
		grid-row-gap: 20px;
		font-size: 18px;
	}
}

.app__links {
	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;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	z-index: 2;
}

.app__video {
	margin: 0 auto 40px;
}

@media (min-width: 992px) {
	.app__video {
		position: absolute;
		right: 0;
		-webkit-transform: translateX(38%);
		transform: translateX(38%);
		z-index: 1;
	}
}

@media (min-width: 992px) {
	.app__video img {
		width: 55vw;
		max-width: 700px;
	}
}

/*---------------------------------------*/
/*--------  6.6 Product --------*/
.product-page .reviews__wrapper {
	padding-bottom: 4.5rem;
}

@media (min-width: 992px) {
	.product-page .reviews__wrapper {
		padding-bottom: 9rem;
	}
}

@media (min-width: 992px) {
	.product-page .best__wrapper .container {
		padding-top: 40px;
	}
}

.product-page .product {
	padding-top: 145px;
}

@media (min-width: 992px) {
	.product-page .product {
		padding-top: 170px;
	}
}

.product-page .product__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 30px;
}

@media (min-width: 992px) {
	.product-page .product__wrapper {
		display: grid;
		grid-template-columns: 45ch auto;/*grid-template-columns: 1fr 874px;*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		grid-column-gap: 62px;
	}
}
.product-page .product__img {
	width: 100%;
	display: block;
	max-width: 540px;
	border: none;
}
.product-page .product__img .slider-for {
	max-width: 100%;
	border: 2px solid #2E2E2E;
}
.product-page .product__img .slider-for img {
	width: 100%;
	max-width: 375px;
	height: auto;
	display: block;
}

@media (min-width: 992px) {
	.product-page .product__img .slider-for img {
		max-width: 100%;
	}
}
.product-page .product__img .slider-for .slick-dots {
	bottom: -50px;
}
.product-page .product__img .slider-for .slick-dots li button:before {
	color: #00FFFF;
	font-size: 12px;
}

.product-page .product__inner {
	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;
}

@media (min-width: 992px) {
	.product-page .product__inner {
		grid-row-gap: 0;
		margin: 0;
		text-align: start;
	}
}

.product-page .product__inner .faq__list {
	margin-top: 0;
}

.product-page .product__title {
	text-align: left;
}

.product-page .product__upper-title {
	margin-bottom: 15px;
	font-size: 12px;
	color: #585858;
}

.product-page .product__rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 15px;
}

.product-page .product h1 {
	font-family: "ClashDisplay", sans-serif;
	font-size: 28px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0.02em;
}

@media (min-width: 992px) {
	.product-page .product h1 {
		font-size: 24px;
		line-height: 1.2;
	}
}

.product-page .product__price {
	margin-top: 20px;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.product-page .product__price .woocommerce-Price-currencySymbol {
	text-transform: lowercase;
}

.product-page .product__additional-short-description {
	margin-top: 25px;
}

.product-page .product__benefits {
	display: flex;
	flex-direction: column;
	margin: 10px 0;
}
.product-page .product__benefit {
	display: flex;
	margin: 10px 0;
}
.product-page .product__benefit img {
	max-width: 30px;
	margin-right: 10px;
}
.product-page .product__benefit .description {
	display: flex;
	align-items: center;
}

@media (min-width: 992px) {
	.product-page .product__price {
		margin-top: 30px;
		font-weight: 200;
		font-size: 42px;
		line-height: 1.2;
		letter-spacing: 0.02em;
	}
}

.product-page .product__price--weight {
	font-weight: 600;
}

@media (min-width: 992px) {
	.product-page .product__price--weight {
		font-weight: 400;
	}
}

.product-page .product__price-old {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #585858;
}

@media (min-width: 992px) {
	.product-page .product__price-old {
		font-size: 18px;
		color: #6f6f6f;
	}
}

.product-page .product__price-old .price-old {
	text-decoration: line-through;
}

.product-page .product__price-old .price-discount {
	color: #ff00c2;
}

@media (min-width: 992px) {
	.product-page .product__price-old .price-discount {
		color: #ff0000;
	}
}

.product-page .product__quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 10px;
	margin-top: 30px;
}

.product-page .product__quantity {
	display: flex;
	flex-direction: row;
}

@media (min-width: 992px) {
	.product-page .product__quantity {
		grid-column-gap: 25px;
		margin-top: 55px;
	}
}

.product-page .product__heard {
	cursor: pointer;
}

.product-page .product__heard p {
	position: relative;
	margin-top: 1.25rem;
	padding-left: 2rem;
	font-size: 16px;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.product-page .product__heard p {
		margin-top: 1.5rem;
		font-size: 18px;
	}
}

.product-page .product__heard p::before {
	content: "";
	position: absolute;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(../images/product/heart.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.product-page .product .faq {
	text-align: left;
}

@media (min-width: 992px) {
	.product-page .product .faq p {
		padding: 30px 30px 10px 0;
	}
}

@media (min-width: 992px) {
	.product-page .product-calc .container {
		padding-top: 0;
		padding-bottom: 50px;
	}
}

.product-page .product-calc h2 {
	font-size: 28px;
	line-height: 1.3;
	letter-spacing: 0.02em;
}

@media (min-width: 992px) {
	.product-page .product-calc h2 {
		font-size: 42px;
		line-height: 1.2;
		text-transform: initial;
	}
}

.product-page .product-calc__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-column-gap: 2.375rem;
	grid-row-gap: 2.375rem;
	padding: 2.25rem 20px;
	border: 1px solid #00FFFF;
}

@media (min-width: 992px) {
	.product-page .product-calc__wrapper {
		padding: 3.5rem;
	}
}

@media (min-width: 1200px) {
	.product-page .product-calc__wrapper {
		grid-column-gap: 4.5rem;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media screen and (min-width: 1920px) {
	.product-page .product-calc__wrapper {
		display: grid;
		grid-template-columns: 1fr 0.75fr;
	}
}

@media (min-width: 1200px) {
	.product-page .product-calc__inner.right {
		width: 100%;
	}
}

.product-page .product-calc__images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 35px;
	margin-top: 2rem;
}

@media (min-width: 992px) {
	.product-page .product-calc__images {
		grid-column-gap: 4rem;
		margin-top: 84px;
	}
}

.product-page .product-calc__img {
	position: relative;
}

.product-page .product-calc__img img {
	width: 50px;
}

@media screen and (min-width: 390px) {
	.product-page .product-calc__img img {
		width: 80px;
	}
}

@media (min-width: 992px) {
	.product-page .product-calc__img img {
		width: 160px;
	}
}

.product-page .product-calc__img:not(:last-child):after {
	content: "";
	position: absolute;
	top: 50%;
	right: -18px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-image: url(../images/svg/icon-plus.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media (min-width: 992px) {
	.product-page .product-calc__img:not(:last-child):after {
		right: -35px;
		width: 24px;
		height: 24px;
	}
}

.product-page .product-calc__form {
	display: grid;
	grid-row-gap: 1.75rem;
}

@media (min-width: 992px) {
	.product-page .product-calc__form {
		grid-row-gap: 3rem;
	}
}

.product-page .product-calc__form .form__checkbox {
	display: grid;
	grid-row-gap: 10px;
}

@media (min-width: 992px) {
	.product-page .product-calc__form .form__checkbox {
		grid-row-gap: 15px;
	}
}

.product-page .product-calc__form .form__text {
	display: grid;
	grid-row-gap: 5px;
}

@media (min-width: 992px) {
	.product-page .product-calc__form .form__text {
		grid-row-gap: 10px;
	}
}

.product-page .product-calc__form .product-calc__total {
	font-size: 22px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.product-page .product-calc__form .product-calc__total {
		font-size: 28px;
		line-height: 1.2;
	}
}

.product-page .product-calc__form .product-calc__total span {
	font-weight: 600;
	font-size: 22px;
	line-height: 155%;
}

@media (min-width: 992px) {
	.product-page .product-calc__form .product-calc__total span {
		font-weight: 400;
		font-size: 42px;
		line-height: 1.2;
	}
}

.product-page .product-calc__form .product-calc__price {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #585858;
}

@media (min-width: 992px) {
	.product-page .product-calc__form .product-calc__price {
		font-size: 18px;
		line-height: 1.2;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		color: #6f6f6f;
	}
}

.product-page .product-calc__form .product-calc__price-old {
	text-decoration: line-through;
}

.product-page .product-calc__form .product-calc__price-discount {
	color: #ff00c2;
}

.product-page .product-calc__form input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.product-page .product-calc__form label {
	position: relative;
	padding-left: 25px;
	font-family: "ClashDisplay", sans-serif;
	display: block;
	font-weight: 200;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.04em;
	cursor: pointer;
}

@media screen and (min-width: 390px) {
	.product-page .product-calc__form label {
		font-size: 14px;
	}
}

@media (min-width: 992px) {
	.product-page .product-calc__form label {
		padding-left: 30px;
		font-size: 18px;
		line-height: 1.55;
	}
}

.product-page .product-calc__form label span {
	font-weight: 400;
}

.product-page .product-calc__form label:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-color: transparent;
	border: 1px solid #BDBDBD;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.product-page .product-calc__form input:checked + label:before {
	border-color: #00FFFF;
}

@media (min-width: 992px) {
	.product-page .product-calc__form input:checked + label:before {
		border-color: #00FFFF;
		background-color: #00FFFF;
	}
}

.product-page .product-calc__form input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 4px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-image: url(../images/svg/icon-ok.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (min-width: 992px) {
	.product-page .product-calc__form input:checked + label:after {
		width: 7px;
		height: 7px;
		background-image: url(../images/svg/icon-ok-fill.svg);
	}
}

.quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.quantity input {
	display: block;
	background-color: inherit;
	color: #00FFFF;
	width: 50px;
	height: 62px;
	font-family: "ClashDisplay", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	border-left: none;
	border-right: none;
	border-top: 1px solid #00FFFF;
	border-bottom: 1px solid #00FFFF;
	text-align: center;
}

@media (min-width: 992px) {
	.quantity input {
		font-size: 18px;
	}
}

.quantity input:focus {
	outline: 0;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}
.quantity-button {
	position: relative;
	cursor: pointer;
	border: 1px solid #00FFFF;
	color: #00FFFF;
	width: 35px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	height: 62px;
}


@media (min-width: 992px) {
	.quantity-button::before {
		width: 16px;
		height: 10px;
	}
}

.quantity-button.quantity-down {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-right: none;
}
.quantity-button.quantity-up {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-left: none;
}

@media (max-width: 991.98px) {
	.homepage .product .container {
		padding-left: 0;
		padding-right: 0;
	}
}

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

@media (min-width: 992px) {
	.homepage .product__wrapper {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

@media (min-width: 1200px) {
	.homepage .product__wrapper {
		padding: 0 110px;
	}
}

.homepage .product__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 24px;
	margin-bottom: 2rem;
	text-align: center;
}

@media (max-width: 991.98px) {
	.homepage .product__inner {
		padding: 0 var(--bs-gutter-x, 2rem);
	}
}

@media (min-width: 992px) {
	.homepage .product__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-row-gap: 25px;
		margin-bottom: 0;
		text-align: start;
	}
}

@media (min-width: 992px) {
	.homepage .product__inner h2.title-svg {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

.homepage .product__inner p {
	font-family: "ClashDisplay", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	color: #aeaeae;
}

@media (min-width: 992px) {
	.homepage .product__inner p {
		font-size: 18px;
	}
}

.homepage .product__list.splide__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-row-gap: 50px;
	grid-column-gap: 50px;
}

@media (min-width: 992px) {
	.homepage .product__list.splide__list {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 2rem;
		grid-column-gap: 2rem;
	}
}

.homepage .product__item {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	width: 230px;
	min-width: 230px;
	height: 230px;
}

@media (min-width: 992px) {
	.homepage .product__item {
		width: 160px;
		min-width: 160px;
		height: 160px;
	}
}

.homepage .product__item::before {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 230px;
	height: 230px;
	background-image: url(../images/homepage/prod_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}

@media (min-width: 992px) {
	.homepage .product__item::before {
		left: 0;
		-webkit-transform: none;
		transform: none;
		width: 160px;
		height: 160px;
	}
}

.homepage .product__icon {
	position: absolute;
	width: 90px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
	.homepage .product__icon {
		width: auto;
	}
}

.homepage .product__icon-text {
	width: 210px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	transform: translate(-50%, -50%) rotate(0deg);
	-webkit-animation: rotatetext 30s infinite linear;
	animation: rotatetext 30s infinite linear;
}

@media (min-width: 992px) {
	.homepage .product__icon-text {
		width: 142px;
	}
}

@-webkit-keyframes rotatetext {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(720deg);
		transform: translate(-50%, -50%) rotate(720deg);
	}
}

@keyframes rotatetext {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(720deg);
		transform: translate(-50%, -50%) rotate(720deg);
	}
}

/*---------------------------------------*/
/*--------  6.7 Faq --------*/
.faq .container {
	padding: 2rem var(--bs-gutter-x, 2rem) 4.5rem;
}

@media (min-width: 992px) {
	.faq .container {
		padding: 4.5rem var(--bs-gutter-x, 2rem) 9rem;
	}
}

@media (min-width: 992px) {
	.faq h2.title-svg {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.faq__list {
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 2.25rem;
	border: 2px solid #2E2E2E;
}

@media (min-width: 992px) {
	.faq__list {
		margin-top: 4.5rem;
	}
}

.faq__item {
	padding: 20px;
	opacity: 1;
	cursor: pointer;
	display: flex;
	flex-direction: column;
}

@media (min-width: 992px) {
	.faq__item {
		padding: 40px 32px;
	}
}

.faq__item:not(:last-child) {
	border-bottom: 2px solid #2E2E2E;
}

.faq__item.active svg {
	fill: #2E2E2E;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.faq__item.active h3:after {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.faq__title {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.faq__title h3 {
	position: relative;
	padding-right: 30px;
	width: 100%;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.faq__title h3 {
		font-size: 28px;
	}
}

.faq__title h3:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 17px;
	height: 1px;
	background-color: #FFFFFF;
}

@media (min-width: 992px) {
	.faq__title h3:before {
		width: 26px;
	}
}

.faq__title h3:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 17px;
	background-color: #FFFFFF;
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

@media (min-width: 992px) {
	.faq__title h3:after {
		right: 12px;
		height: 26px;
	}
}

.faq__content {
	overflow: hidden;
	/*max-height: 0;*/
	-webkit-transition: max-height 0.6s;
	transition: max-height 0.6s;
}

.faq__content ol {
	margin: 0;
	padding: 0 0 0 20px;
}

.faq__content ul {
	list-style: disc;
	margin: 0;
	padding: 0 0 0 20px;
}

.faq__item.active .faq__content {
	/*max-height: 500px;*/
}

.faq__content p {
	padding-top: 1rem;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	.faq__content p {
		padding: 1.5rem 140px 0 0;
		font-size: 18px;
	}
}

.faq__content p .link__underline {
	display: inline-block;
	color: #00FFFF;
}

.faq__content p .link__underline::after {
	background: #00FFFF;
}

/*---------------------------------------*/
/*--------  6.8 Form --------*/
.partner__form {
	max-width: 500px;
	color: #FFFFFF;
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
}

@media (min-width: 992px) {
	.partner__form {
		font-size: 18px;
		line-height: 24px;
	}
}

.partner__form .form__wrapper {
	display: grid;
	grid-row-gap: 45px;
}

.partner__form textarea {
	resize: none;
}

.partner__form label {
	width: 100%;
}

.partner__form input,
.partner__form textarea {
	width: 100%;
	padding-bottom: 15px;
	background: inherit;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.partner__form input,
	.partner__form textarea {
		font-size: 18px;
		line-height: 24px;
	}
}

.partner__form input::-webkit-input-placeholder, .partner__form textarea::-webkit-input-placeholder {
	color: #FFFFFF;
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
}

.partner__form input::-moz-placeholder, .partner__form textarea::-moz-placeholder {
	color: #FFFFFF;
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
}

.partner__form input:-ms-input-placeholder, .partner__form textarea:-ms-input-placeholder {
	color: #FFFFFF;
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
}

.partner__form input::-ms-input-placeholder, .partner__form textarea::-ms-input-placeholder {
	color: #FFFFFF;
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
}

.partner__form input::placeholder,
.partner__form textarea::placeholder {
	color: #FFFFFF;
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
}

@media (min-width: 992px) {
	.partner__form input::-webkit-input-placeholder, .partner__form textarea::-webkit-input-placeholder {
		font-size: 18px;
		line-height: 24px;
	}

	.partner__form input::-moz-placeholder, .partner__form textarea::-moz-placeholder {
		font-size: 18px;
		line-height: 24px;
	}

	.partner__form input:-ms-input-placeholder, .partner__form textarea:-ms-input-placeholder {
		font-size: 18px;
		line-height: 24px;
	}

	.partner__form input::-ms-input-placeholder, .partner__form textarea::-ms-input-placeholder {
		font-size: 18px;
		line-height: 24px;
	}

	.partner__form input::placeholder,
	.partner__form textarea::placeholder {
		font-size: 18px;
		line-height: 24px;
	}
}

.partner__form input,
.partner__form textarea {
	padding: 10px 20px;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #2E2E2E;
	font-weight: 600;
	color: #2E2E2E;
	background: transparent;
}

.partner__form input::-webkit-input-placeholder, .partner__form textarea::-webkit-input-placeholder {
	font-weight: 400;
	color: #2E2E2E;
}

.partner__form input::-moz-placeholder, .partner__form textarea::-moz-placeholder {
	font-weight: 400;
	color: #2E2E2E;
}

.partner__form input:-ms-input-placeholder, .partner__form textarea:-ms-input-placeholder {
	font-weight: 400;
	color: #2E2E2E;
}

.partner__form input::-ms-input-placeholder, .partner__form textarea::-ms-input-placeholder {
	font-weight: 400;
	color: #2E2E2E;
}

.partner__form input::placeholder,
.partner__form textarea::placeholder {
	font-weight: 400;
	color: #2E2E2E;
}

/*---------------------------------------*/
/*--------  6.9 Partner --------*/
.partner {
	position: relative;
	color: #FFFFFF;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 992px) {
	.partner::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1px;
		height: 100%;
		background: rgba(255, 255, 255, 0.1);
	}
}

.partner__wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 70px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

@media (min-width: 992px) {
	.partner__wrapper {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 300px;
	}
}

.partner__col {
	display: grid;
	grid-row-gap: 20px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

@media (min-width: 992px) {
	.partner__col {
		grid-row-gap: 30px;
	}
}

/*---------------------------------------*/
/*--------  6.10 Pop-up --------*/
body.show-modal {
	overflow-y: clip;
}

body.show-modal .backdrop {
	opacity: 1;
	visibility: visible;
	pointer-events: initial;
}

.backdrop {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	z-index: 12;
	overflow-y: scroll;
}

.pop-up__wrapper {
	position: relative;
	padding: 20px;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
	-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;
	width: 100%;
	max-width: 350px;
	height: 900px;
}

@media (min-width: 992px) {
	.pop-up__wrapper {
		top: 10%;
		padding: 50px;
		width: 850px;
		height: 650px;
	}
}

.pop-up__wrapper.visible {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-height: 90vh;
	z-index: 11;
}

.pop-up__wrapper[data-popup="1"] {
	padding: 20px;
	width: 440px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="1"] {
		padding: 40px;
		width: 800px;
	}
}

@media (min-width: 1200px) {
	.pop-up__wrapper[data-popup="1"] {
		width: 900px;
	}
}

.pop-up__wrapper[data-popup="1"] .delivery__form-block {
	padding: 0;
}

.pop-up__wrapper[data-popup="2"], .pop-up__wrapper[data-popup="3"], .pop-up__wrapper[data-popup="4"] {
	padding: 20px;
	max-width: 600px;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="2"], .pop-up__wrapper[data-popup="3"], .pop-up__wrapper[data-popup="4"] {
		padding: 0;
		width: 800px;
		overflow: visible;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		max-height: initial;
	}
}

@media (min-width: 1200px) {
	.pop-up__wrapper[data-popup="2"], .pop-up__wrapper[data-popup="3"], .pop-up__wrapper[data-popup="4"] {
		width: 900px;
	}
}

@media screen and (min-width: 992px) and (max-height: 1000px) {
	.pop-up__wrapper[data-popup="2"], .pop-up__wrapper[data-popup="3"], .pop-up__wrapper[data-popup="4"] {
		padding-bottom: 100px;
	}
}

@media screen and (min-width: 1200px) and (max-height: 1000px) {
	.pop-up__wrapper[data-popup="2"], .pop-up__wrapper[data-popup="3"], .pop-up__wrapper[data-popup="4"] {
		padding-bottom: 150px;
	}
}

@media screen and (max-width: 389px) {
	.pop-up__wrapper[data-popup="2"] .contactus__form-line.form-col-2, .pop-up__wrapper[data-popup="3"] .contactus__form-line.form-col-2, .pop-up__wrapper[data-popup="4"] .contactus__form-line.form-col-2 {
		grid-template-columns: 1fr;
		grid-row-gap: 1rem;
	}
}

.pop-up__wrapper[data-popup="2"] h2, .pop-up__wrapper[data-popup="3"] h2, .pop-up__wrapper[data-popup="4"] h2 {
	margin-bottom: 3rem;
	font-size: 24px;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="2"] h2, .pop-up__wrapper[data-popup="3"] h2, .pop-up__wrapper[data-popup="4"] h2 {
		font-size: 28px;
	}
}

.pop-up__wrapper[data-popup="2"] .btn__wrapper:hover svg, .pop-up__wrapper[data-popup="3"] .btn__wrapper:hover svg, .pop-up__wrapper[data-popup="4"] .btn__wrapper:hover svg {
	fill: #00FFFF;
}

.pop-up__wrapper[data-popup="2"] .btn__wrapper .btn__main, .pop-up__wrapper[data-popup="3"] .btn__wrapper .btn__main, .pop-up__wrapper[data-popup="4"] .btn__wrapper .btn__main {
	text-align: left;
}

.pop-up__wrapper[data-popup="2"] .btn__wrapper span, .pop-up__wrapper[data-popup="3"] .btn__wrapper span, .pop-up__wrapper[data-popup="4"] .btn__wrapper span {
	font-size: 18px;
	letter-spacing: 0.36px;
}

@media screen and (min-width: 390px) {
	.pop-up__wrapper[data-popup="2"] .btn__wrapper svg, .pop-up__wrapper[data-popup="3"] .btn__wrapper svg, .pop-up__wrapper[data-popup="4"] .btn__wrapper svg {
		display: block;
		position: absolute;
		top: 50%;
		right: 2rem;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		fill: black;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}
}

.pop-up__wrapper[data-popup="2"] label, .pop-up__wrapper[data-popup="3"] label, .pop-up__wrapper[data-popup="4"] label {
	pointer-events: none;
}

.pop-up__wrapper[data-popup="2"] .contactus__form-radio label, .pop-up__wrapper[data-popup="2"] .contactus__form-checkbox label, .pop-up__wrapper[data-popup="3"] .contactus__form-radio label, .pop-up__wrapper[data-popup="3"] .contactus__form-checkbox label, .pop-up__wrapper[data-popup="4"] .contactus__form-radio label, .pop-up__wrapper[data-popup="4"] .contactus__form-checkbox label {
	pointer-events: visible;
}

.pop-up__wrapper[data-popup="2"] .contactus__form-line.contactus__form-checkbox label, .pop-up__wrapper[data-popup="3"] .contactus__form-line.contactus__form-checkbox label, .pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox label {
	padding-left: 28px;
	color: #FFFFFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

.pop-up__wrapper[data-popup="2"] .contactus__form-line.contactus__form-checkbox label:before, .pop-up__wrapper[data-popup="3"] .contactus__form-line.contactus__form-checkbox label:before, .pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox label:before {
	top: 0;
}

.pop-up__wrapper[data-popup="2"] .contactus__form-line.contactus__form-checkbox input:checked + label:before, .pop-up__wrapper[data-popup="3"] .contactus__form-line.contactus__form-checkbox input:checked + label:before, .pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox input:checked + label:before {
	border-color: #00ffff;
	background-color: #00ffff;
}

.pop-up__wrapper[data-popup="2"] .contactus__form-line.contactus__form-checkbox input:checked + label:after, .pop-up__wrapper[data-popup="3"] .contactus__form-line.contactus__form-checkbox input:checked + label:after, .pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	background-image: url(../images/svg/icon-ok-fill.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

.pop-up__wrapper[data-popup="4"] .delivery__form-block {
	display: none;
	margin: 0;
}

.pop-up__wrapper[data-popup="4"] .delivery__form-block.active {
	display: block;
}

.pop-up__wrapper[data-popup="4"] .delivery__form-block.active .pop-up__switch button.active {
	border-bottom: 1px solid #00FFFF;
	color: #00FFFF;
}

.pop-up__wrapper[data-popup="4"] .pop-up__switch {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 3rem;
}

.pop-up__wrapper[data-popup="4"] .pop-up__switch button {
	padding: 1rem;
	background-color: inherit;
	border: none;
	border-bottom: 1px solid #BDBDBD;
	color: #BDBDBD;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox {
	padding-bottom: 24px;
}

.pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox label {
	font-size: 14px;
	font-weight: 400;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.72px;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox label {
		font-size: 18px;
	}
}

.pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox label:before {
	top: 4px;
	border-color: #0ff;
}

.pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox input:checked + label:before {
	border-color: #0ff;
	background-color: inherit;
}

.pop-up__wrapper[data-popup="4"] .contactus__form-line.contactus__form-checkbox input:checked + label:after {
	top: 8px;
	left: 4px;
	width: 9px;
	height: 9px;
	background-image: url(../images/svg/icon-ok.svg);
}

.pop-up__wrapper[data-popup="4"] .btn__wrapper.btn__wrapper--arrow {
	margin-top: 1.5rem;
}

.pop-up__wrapper[data-popup="4"] .pop-up__recovery {
	margin-top: 1.5rem;
	color: #FF00C2;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
	text-decoration: none;
}

.pop-up__wrapper[data-popup="4"] .pop-up__recovery:hover, .pop-up__wrapper[data-popup="4"] .pop-up__recovery:focus {
	color: #FF00C2;
	text-decoration: none;
}

.pop-up__wrapper[data-popup="4"] .pop-up__socials {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1.5rem;
}

.pop-up__wrapper[data-popup="4"] .pop-up__socials button, .pop-up__wrapper[data-popup="4"] .pop-up__socials a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-column-gap: 0.5rem;
	padding: 1rem 1.5rem;
	background-color: inherit;
	border: 2px solid #2E2E2E;
	text-decoration: none;
}

.pop-up__wrapper[data-popup="4"] .pop-up__socials button:hover, .pop-up__wrapper[data-popup="4"] .pop-up__socials button:focus, .pop-up__wrapper[data-popup="4"] .pop-up__socials a:hover, .pop-up__wrapper[data-popup="4"] .pop-up__socials a:focus {
	color: inherit;
	text-transform: none;
}

.pop-up__wrapper[data-popup="4"] .pop-up__socials p {
	color: #FFFFFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

.pop-up__wrapper[data-popup="5"] {
	top: 42px;
	max-height: -webkit-fit-content;
	max-height: -moz-fit-content;
	max-height: fit-content;
	max-width: 390px;
	height: auto;
	padding: 0;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] {
		max-width: 420px;
		width: auto;
		top: 160px;
		right: 70px;
		left: auto;
		-webkit-transform: none;
		transform: none;
		margin-left: auto;
	}
}

.pop-up__wrapper[data-popup="5"] .pop-up {
	padding: 0;
	border: none;
}

.pop-up__wrapper[data-popup="5"] .header__basket {
	position: relative;
	display: grid;
	grid-row-gap: 40px;
	padding: 1.75rem 0;
	border: 1px solid #2E2E2E;
	background-color: #0d0d0d;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] .header__basket {
		padding: 40px 0;
		background-color: #2E2E2E;
	}
}

.pop-up__wrapper[data-popup="5"] .header__basket-title {
	padding: 0 1.25rem;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%; /* 21.6px */
	letter-spacing: 0.36px;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] .header__basket-title {
		padding: 0 2.5rem;
		font-size: 20px;
		font-weight: 600;
		line-height: 155%; /* 31px */
		letter-spacing: 0.8px;
	}
}

.pop-up__wrapper[data-popup="5"] .header__basket-icon {
	position: absolute;
	top: 1.75rem;
	right: 1.25rem;
	border: none;
	background: inherit;
}

.pop-up__wrapper[data-popup="5"] .header__basket-icon span {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	overflow: hidden;
	top: 0;
	right: 0;
	background-color: #00FFFF;
	color: #2E2E2E;
	font-family: "ClashDisplay", sans-serif;
	font-weight: 400;
	font-size: 8px;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-align: center;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] .header__basket-icon {
		display: none;
	}
}

.pop-up__wrapper[data-popup="5"] .header__basket-list {
	display: grid;
	grid-row-gap: 20px;
	padding: 0 1.25rem;
	max-height: 260px;
	overflow-y: scroll;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] .header__basket-list {
		padding: 0 2.5rem;
	}
}

.pop-up__wrapper[data-popup="5"] .header__basket-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pop-up__wrapper[data-popup="5"] .header__basket-img {
	padding: 10px;
	width: 100px;
	height: 100px;
	border: 1px solid;
}

.pop-up__wrapper[data-popup="5"] .header__basket-img.cyan {
	border-color: #00FFFF;
}

.pop-up__wrapper[data-popup="5"] .header__basket-img.pink {
	border-color: #FF00C2;
}

.pop-up__wrapper[data-popup="5"] .header__basket-img.purple {
	border-color: #8400ff;
}

.pop-up__wrapper[data-popup="5"] .header__basket-img.green {
	border-color: #8df700;
}

.pop-up__wrapper[data-popup="5"] .header__basket-img img {
	width: 100%;
	height: 100%;
}

.pop-up__wrapper[data-popup="5"] .header__basket-content h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
}

.pop-up__wrapper[data-popup="5"] .header__basket-quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.pop-up__wrapper[data-popup="5"] .header__basket-delete {
	background-color: inherit;
	border: none;
	color: #BDBDBD;
	font-size: 12px;
	font-weight: 400;
	line-height: 120%; /* 14.4px */
	letter-spacing: 0.48px;
}

.pop-up__wrapper[data-popup="5"] .header__basket-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pop-up__wrapper[data-popup="5"] .header__basket-box p, .pop-up__wrapper[data-popup="5"] .header__basket-box span {
	font-size: 14px;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

.pop-up__wrapper[data-popup="5"] .header__basket-block {
	padding: 0 1.25rem;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] .header__basket-block {
		padding: 0 2.5rem;
	}
}

.pop-up__wrapper[data-popup="5"] .header__basket-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 12px;
	margin: 0.5rem 0;
}

.pop-up__wrapper[data-popup="5"] .header__basket-price span {
	font-size: 14px;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	text-decoration: line-through;
}

.pop-up__wrapper[data-popup="5"] .header__basket-price p {
	color: #FF00C2;
	font-size: 16px;
	font-weight: 500;
	line-height: 140%; /* 22.4px */
}

.pop-up__wrapper[data-popup="5"] .header__basket .btn__wrapper {
	height: 52px;
	width: 100%;
	min-width: 100%;
}

@media (min-width: 1200px) {
	.pop-up__wrapper[data-popup="5"] .header__basket .btn__wrapper {
		height: 62px;
	}
}

.pop-up__wrapper[data-popup="5"] .header__basket .btn__wrapper .btn {
	min-width: 100%;
}

.pop-up__wrapper[data-popup="5"] .header__basket .order__total {
	padding: 0 1.25rem;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] .header__basket .order__total {
		padding: 0 2.5rem;
	}
}

.pop-up__wrapper[data-popup="5"] .header__basket .order__total p {
	font-size: 14px;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] .header__basket .order__total p {
		font-size: 16px;
		font-weight: 500;
	}
}

.pop-up__wrapper[data-popup="5"] .header__basket .order__total p span {
	color: #BDBDBD;
	font-size: 12px;
	font-weight: 400;
	line-height: 120%; /* 14.4px */
	letter-spacing: 0.48px;
}

.pop-up__wrapper[data-popup="5"] .header__basket .order__total span {
	font-size: 14px;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="5"] .header__basket .order__total span {
		font-size: 16px;
		font-weight: 500;
	}
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="6"] {
		top: 120px;
		right: 100px;
		left: auto;
		-webkit-transform: none;
		transform: none;
		padding: 0;
		margin-left: auto;
	}
}

.pop-up__wrapper[data-popup="6"] .menu__search {
	margin-top: 20px;
	padding: 0 15px;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="6"] .menu__search {
		margin: 0;
	}
}

.pop-up__wrapper[data-popup="6"] .menu__search.desk {
	display: none;
	min-width: 350px;
	padding: 0;
}

@media (min-width: 992px) {
	.pop-up__wrapper[data-popup="6"] .menu__search.desk {
		display: block;
	}

	.pop-up__wrapper[data-popup="6"] .menu__search.desk .menu__search-label {
		border: 2px solid #000000;
		background-color: #2E2E2E;
	}

	.pop-up__wrapper[data-popup="6"] .menu__search.desk .menu__search-btn {
		border: 2px solid #00FFFF;
		background-color: #00FFFF;
	}

	.pop-up__wrapper[data-popup="6"] .menu__search.desk .menu__search-btn svg {
		fill: #00FFFF;
		stroke: #000000;
	}
}

.pop-up {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 20px;
	width: 100%;
	padding: 3rem 20px;
	border: 2px solid #2E2E2E;
	background-color: #0d0d0d;
}

@media (min-width: 992px) {
	.pop-up {
		border: none;
		padding: 0;
		max-width: 600px;
	}
}

.pop-up__title {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	color: #FFFFFF;
	text-transform: none;
}

@media (min-width: 992px) {
	.pop-up__title {
		font-size: 28px;
		text-align: start;
	}
}

.pop-up__content {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.pop-up__content {
		font-size: 24px;
		line-height: 29px;
	}
}

.pop-up__content span {
	font-weight: 700;
}

.btn--close {
	position: absolute;
	top: 6rem;
	right: 40px;
	width: 24px;
	height: 24px;
	padding: 0;
	background: initial;
	border: none;
	z-index: 10;
}

@media (min-width: 992px) {
	.btn--close {
		top: 3.5rem;
	}
}

/*---------------------------------------*/
/*--------  6.10 Contactus--------*/
.contactus {
	position: relative;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 100vh;
	padding: 60px 0;
	overflow: hidden;
}

@media (min-width: 992px) {
	.contactus {
		min-height: auto;
		padding: 0;
	}
}

.contactus__col {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 50px;
}

@media (min-width: 992px) {
	.contactus__col {
		grid-row-gap: 60px;
	}
}

.contactus__col--first {
	margin-bottom: 80px;
}

@media (min-width: 768px) {
	.contactus__col--first {
		margin-bottom: 100px;
	}
}

@media (min-width: 992px) {
	.contactus__col--first {
		margin-bottom: 0;
		padding-top: 25px;
	}
}

@media (min-width: 992px) {
	.contactus__col--height {
		height: 100%;
	}
}

@media (min-width: 992px) {
	.contactus__col--flex {
		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%;
		grid-row-gap: initial;
	}
}

.contactus__form {
	display: grid;
	grid-template-columns: 1fr;
	padding: 1.75rem 20px;
	background: #0d0d0d;
}

@media (min-width: 992px) {
	.contactus__form {
		padding: 50px 40px;
	}
}

.contactus__form-head h3 {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.3;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.contactus__form-head h3 {
		margin-bottom: 3rem;
		font-size: 28px;
		line-height: 120%;
	}
}

.contactus__form-line,
.contactus__form .form-col {
	position: relative;
	min-height: 56px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 992px) {
	.contactus__form-line::after,
	.contactus__form .form-col::after {
		content: "";
		position: absolute;
		opacity: 0;
		right: 30px;
		top: 20px;
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		background-size: 100%;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
		pointer-events: none;
	}
}

.contactus__form-line.input-valid,
.contactus__form .form-col.input-valid {
	margin-bottom: 1.65rem;
}

@media (min-width: 992px) {
	.contactus__form-line.input-valid,
	.contactus__form .form-col.input-valid {
		margin-bottom: 1.5rem;
	}
}

.contactus__form-line.input-valid .success-message,
.contactus__form .form-col.input-valid .success-message {
	opacity: 1;
}

.contactus__form-line.input-valid .success-message::after,
.contactus__form .form-col.input-valid .success-message::after {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	width: 9px;
	height: 9px;
	background: url(../images/svg/icon-check.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (min-width: 992px) {
	.contactus__form-line.input-valid .success-message::after,
	.contactus__form .form-col.input-valid .success-message::after {
		width: 15px;
		height: 15px;
		left: -20px;
	}
}

.contactus__form-line.input-valid::after,
.contactus__form .form-col.input-valid::after {
	opacity: 1;
	background: url(../images/svg/icon-check.svg);
}

@media (min-width: 992px) {
	.contactus__form-line.input-valid::after,
	.contactus__form .form-col.input-valid::after {
		content: "";
	}
}

.contactus__form-line.input-invalid,
.contactus__form .form-col.input-invalid {
	margin-bottom: 1.65rem;
}

@media (min-width: 992px) {
	.contactus__form-line.input-invalid,
	.contactus__form .form-col.input-invalid {
		margin-bottom: 1.5rem;
	}
}

.contactus__form-line.input-invalid .error-message,
.contactus__form .form-col.input-invalid .error-message {
	opacity: 1;
}

.contactus__form-line.input-invalid .error-message::after,
.contactus__form .form-col.input-invalid .error-message::after {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	width: 9px;
	height: 9px;
	background: url(../images/svg/icon-error.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (min-width: 992px) {
	.contactus__form-line.input-invalid .error-message::after,
	.contactus__form .form-col.input-invalid .error-message::after {
		width: 15px;
		height: 15px;
		left: -20px;
	}
}

.contactus__form-line.input-invalid::after,
.contactus__form .form-col.input-invalid::after {
	content: "";
	background: url(../images/svg/icon-error.svg);
	opacity: 1;
}

@media (min-width: 992px) {
	.contactus__form-line.input-invalid::after,
	.contactus__form .form-col.input-invalid::after {
		content: "";
	}
}

.contactus__form-line.form-col-2,
.contactus__form .form-col.form-col-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 12px;
}

.contactus__form-line .form-col,
.contactus__form .form-col .form-col {
	position: relative;
}

.contactus__form-line.pass.visible::before,
.contactus__form .form-col.pass.visible::before {
	content: "";
	position: absolute;
	top: 26px;
	right: 22px;
	width: 24px;
	height: 2px;
	background-color: #585858;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
	pointer-events: none;
}

.contactus__form-line.pass::after,
.contactus__form .form-col.pass::after {
	content: none;
}

.contactus__form-line.pass button,
.contactus__form .form-col.pass button {
	position: absolute;
	right: 16px;
	top: 8px;
	padding: 6px;
	border: none;
	background: inherit;
}

.contactus__form-line.pass button img,
.contactus__form .form-col.pass button img {
	pointer-events: none;
}

.contactus__form-body {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1rem;
}

@media (min-width: 992px) {
	.contactus__form-body {
		grid-row-gap: 1.5rem;
	}
}

.contactus__form-text {
	margin-top: 1rem;
	font-size: 8px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #bdbdbd;
}

@media (min-width: 992px) {
	.contactus__form-text {
		margin-top: 1.5rem;
		font-size: 14px;
		line-height: 120%;
		letter-spacing: 0.07em;
	}
}

.contactus__form-line.contactus__form-checkbox::after, .contactus__form-line.contactus__form-radio::after {
	content: none;
}

.contactus__form-line.contactus__form-checkbox input, .contactus__form-line.contactus__form-radio input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.contactus__form-line.contactus__form-checkbox label, .contactus__form-line.contactus__form-radio label {
	position: relative;
	top: 0;
	left: 0;
	padding-left: 28px;
	font-family: "ClashDisplay", sans-serif;
	display: block;
	font-weight: 200;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.04em;
	cursor: pointer;
}

@media screen and (min-width: 390px) {
	.contactus__form-line.contactus__form-checkbox label, .contactus__form-line.contactus__form-radio label {
		font-size: 14px;
	}
}

@media (min-width: 992px) {
	.contactus__form-line.contactus__form-checkbox label, .contactus__form-line.contactus__form-radio label {
		font-size: 18px;
		line-height: 1.55;
	}
}

.contactus__form-line.contactus__form-checkbox label span, .contactus__form-line.contactus__form-radio label span {
	font-weight: 400;
}

.contactus__form-line.contactus__form-checkbox label:before, .contactus__form-line.contactus__form-radio label:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: 1px solid #BDBDBD;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.contactus__form-line.contactus__form-checkbox input:checked + label:before, .contactus__form-line.contactus__form-radio input:checked + label:before {
	border-color: #00FFFF;
}

.contactus__form-line.contactus__form-checkbox input:checked + label:after, .contactus__form-line.contactus__form-radio input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 4px;
	width: 8px;
	height: 8px;
	background-image: url(../images/svg/icon-ok.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

.contactus__form-line.contactus__form-checkbox label {
	padding-left: 22px;
}

@media (min-width: 992px) {
	.contactus__form-line.contactus__form-checkbox label {
		padding-left: 28px;
	}
}

.contactus__form-line.contactus__form-radio input:checked + label:before {
	border-color: #00FFFF;
	background-color: #00FFFF;
}

.contactus__form-line.contactus__form-radio input:checked + label:after {
	background-image: url(../images/svg/icon-ok-fill.svg);
}

.contactus__form label {
	width: 100%;
	position: absolute;
	top: 20px;
	left: 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #585858;
	cursor: text;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.contactus__form label:focus-visible {
	border: none;
	outline: none;
}

.contactus__form .focused label {
	top: 8px;
	font-size: 8px;
	line-height: 1.5;
	letter-spacing: 0.04em;
	-webkit-transform: none;
	transform: none;
}

@media (min-width: 992px) {
	.contactus__form input:-webkit-autofill ~ label {
		font-size: 12px;
		line-height: 1.2;
		top: 5px;
	}
	.contactus__form .focused label {
		font-size: 12px;
		line-height: 1.2;
		top: 5px;
	}
}

.contactus__form small {
	position: absolute;
	left: 15px;
	bottom: -20px;
	opacity: 0;
	font-size: 8px;
	line-height: 120%;
	letter-spacing: 0.04em;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

@media (min-width: 992px) {
	.contactus__form small {
		font-size: 12px;
		left: 20px;
	}
}

.contactus__form .success-message {
	color: #8df700;
}

.contactus__form .error-message {
	color: #e02b1d;
}

.contactus__form .info-message {
	color: #585858;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.48px;
}

.contactus__form input {
	height: 56px;
}

.contactus__form textarea {
	height: 200px;
	resize: none;
}

.contactus__form input,
.contactus__form textarea,
.contactus__form select {
	padding: 25px 10px 8px 20px;
	width: 100%;
	border: 2px solid #2E2E2E;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #BDBDBD;
	background: inherit;
}

@media (min-width: 992px) {
	.contactus__form input,
	.contactus__form textarea,
	.contactus__form select {
		font-size: 16px;
		line-height: 155%;
	}
}

.contactus__form input:focus-visible,
.contactus__form textarea:focus-visible,
.contactus__form select:focus-visible {
	border-color: #BDBDBD;
}

.contactus__form button[type=submit] {
	display: block;
	margin: 0 auto;
	padding: 0 35px;
}

.contactus__form-footer {
	margin-top: 1rem;
}

@media (min-width: 992px) {
	.contactus__form-footer {
		margin-top: 1.5rem;
	}
}

.contactus__content {
	height: 350px;
}

@media (min-width: 992px) {
	.contactus__content {
		height: 220px;
	}
}

.contactus__img {
	position: relative;
	left: 25%;
	z-index: 3;
}

@media (min-width: 576px) {
	.contactus__img {
		position: relative;
		left: 40%;
		top: -60px;
	}
}

@media (min-width: 992px) {
	.contactus__img {
		left: 50%;
		top: auto;
		bottom: -75%;
		width: 60%;
	}
}

.contactus__img img {
	max-width: 100%;
}

/*---------------------------------------*/
/*--------  6.11 Hero--------*/
section#hero {
	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-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	height: 100vh;
	color: #FFFFFF;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

section#hero .container {
	position: relative;
	padding: 186px 20px;
	z-index: 1;
}

@media (min-width: 992px) {
	section#hero .container {
		padding: 230px var(--bs-gutter-x, 2rem) 175px;
		padding-bottom: 0;
	}
}

section#hero .hero__wrapper {
	display: grid;
	grid-row-gap: 25px;
}

@media (min-width: 992px) {
	section#hero .hero__wrapper {
		grid-template-columns: 2fr 1.75fr;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

section#hero .hero__box-left p {
	margin: 20px 0 2rem;
	line-height: 1.4;
	font-size: 18px;
}

@media (min-width: 992px) {
	section#hero .hero__box-left p {
		margin: 32px 0 42px;
		line-height: 1.2;
		font-size: 28px;
		letter-spacing: 0.02em;
	}
}

section#hero .hero__img {
	position: absolute;
	right: 0;
	bottom: -5%;
	max-width: 0;
	height: 90vh;
	width: 90vw;
	width: 100vw;
	opacity: 0;
	-webkit-transform: none;
	transform: none;
	overflow: hidden;
	-webkit-animation: 1s ban-1 0.2s linear forwards;
	animation: 1s ban-1 0.2s linear forwards;
}

@media (min-width: 992px) {
	section#hero .hero__img {
		bottom: 0;
		max-width: 0;
		height: 90vh;
		width: 90vw;
		opacity: 0;
		-webkit-transform: none;
		transform: none;
		overflow: hidden;
		-webkit-animation: 1s ban-3 0.2s linear forwards;
		animation: 1s ban-3 0.2s linear forwards;
	}
}

section#hero .hero__img .test {
	height: 90vh;
	width: 90vw;
	background-size: 100vw;
	background-repeat: no-repeat;
	-webkit-transform: rotate(336deg) translateX(27%);
	transform: rotate(336deg) translateX(27%);
}

section#hero .hero__img img {
	position: absolute;
	bottom: -140px;
	width: auto;
	left: 0px;
}

@media (min-width: 992px) {
	section#hero .hero__img img {
		right: 0;
		bottom: 0;
		left: auto;
		max-width: -webkit-fit-content;
		max-width: -moz-fit-content;
		max-width: fit-content;
		height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		width: 90vw;
	}
}

section#hero .hero__btn.btn__secondary {
	margin-top: 20px;
	padding: 20px;
	background-color: #00FFFF;
	color: #FFFFFF;
}

section#hero .hero__btn.btn__main {
	position: relative;
	margin-left: 60px;
}

@media (min-width: 1200px) {
	section#hero .hero__btn.btn__main {
		margin-left: 90px;
		position: relative;
		z-index: 10;
	}
}

section#hero .hero__btn.btn__main svg {
	position: relative;
	top: 25%;
	left: 50%;
	-webkit-transform: translate(-50%) rotate(90deg);
	transform: translate(-50%) rotate(90deg);
	fill: #d9d9d9;
}

.homepage section#hero, .errorpage section#hero {
	background: url(../images/homepage/hero_bg-mobile.png);
	background-position-y: 40px;
	background-position-x: 70%;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (min-width: 992px) {
	.homepage section#hero, .errorpage section#hero {
		background: url(../images/homepage/hero_bg.png);
		background-position-x: 35%;
		background-size: cover;
	}
}

.homepage section#hero .btn.btn__main, .errorpage section#hero .btn.btn__main {
	height: 52px;
}

@media (min-width: 992px) {
	.homepage section#hero .btn.btn__main, .errorpage section#hero .btn.btn__main {
		height: 62px;
	}
}

.homepage section#hero .hero__next, .errorpage section#hero .hero__next {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 55px;
}

@media (min-width: 992px) {
	.homepage section#hero .hero__next, .errorpage section#hero .hero__next {
		display: none;
	}
}

.homepage section#hero .hero__next a, .errorpage section#hero .hero__next a {
	position: relative;
	text-transform: uppercase;
	font-family: "ClashDisplay", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: #FFFFFF;
}

.homepage section#hero .hero__next a:hover, .errorpage section#hero .hero__next a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.homepage section#hero .hero__next a::after, .errorpage section#hero .hero__next a::after {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -20px;
	width: 7px;
	height: 14px;
	background: url(../images/svg/right.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

section#hero.second {
	height: 100%;
}

/*
@media (min-width: 992px) {
	section#hero.second {
		height: 100vh;
	}
}
*/

@media screen and (max-width: 991px) and (max-height: 660px) {
	section#hero.second {
		height: 100%;
	}
}

@media (max-width: 991.98px) {
	section#hero.second .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (min-width: 992px) {
	section#hero.second .breadcrumbs {
		padding: 0;
	}
}

@media (min-width: 992px) {
	section#hero.second .hero__wrapper {
		position: relative;
		/*
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		*/
	}
}

@media screen and (min-width: 992px) and (max-height: 800px) {
	section#hero.second .hero__wrapper {
		padding-top: 2rem;
	}
}

@media (max-width: 991.98px) {
	section#hero.second .hero__box-left {
		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: start;
	}
}

@media (min-width: 992px) {
	section#hero.second .hero__box-left {
		max-width: 630px;
	}
}

section#hero.second h1 {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	font-family: "ClashDisplay", sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 130%; /* 36.4px */
	letter-spacing: 0.56px;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	section#hero.second h1 {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		font-size: 42px;
		line-height: 120%; /* 50.4px */
		letter-spacing: 0.84px;
	}

	section#hero.second h1 span {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		grid-row-gap: 14px;
	}
}

section#hero.second p {
	margin: 1.5rem 0 3rem;
	color: #aeaeae;
	font-size: 16px;
	font-weight: 400;
	line-height: 155%; /* 24.8px */
	letter-spacing: 0.64px;
}

@media (min-width: 992px) {
	section#hero.second p {
		margin: 1.5rem 0 0;
		font-size: 20px;
		letter-spacing: 0.8px;
	}
}

section#hero.second .hero__img {
	position: relative;
	margin: 0 auto;
	height: 280px;
	width: 280px;
}

@media screen and (min-width: 390px) {
	section#hero.second .hero__img {
		height: 350px;
		width: 350px;
	}
}

@media (min-width: 992px) {
	section#hero.second .hero__img {
		position: absolute;
		top: 50%;
		right: 10%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: 0;
		width: 420px;
		height: 420px;
	}
}

@media screen and (min-width: 1600px) and (min-height: 1000px) {
	section#hero.second .hero__img {
		width: 620px;
		height: 625px;
	}
}

section#hero.second .hero__img img {
	position: relative;
	top: 0;
	bottom: auto;
	width: 100%;
	height: 100%;
}

@media (min-width: 992px) {
	section#hero.second .hero__img img {
		position: absolute;
		bottom: -140px;
	}
}

@-webkit-keyframes ban-1 {
	0% {
		max-width: 0;
		-webkit-filter: blur(50px);
		filter: blur(50px);
	}
	100% {
		max-width: 80vw;
		max-width: 100vw;
		opacity: 1;
	}
}

@keyframes ban-1 {
	0% {
		max-width: 0;
		-webkit-filter: blur(50px);
		filter: blur(50px);
	}
	100% {
		max-width: 80vw;
		max-width: 100vw;
		opacity: 1;
	}
}

@-webkit-keyframes ban-3 {
	0% {
		max-width: 0;
		-webkit-filter: blur(50px);
		filter: blur(50px);
	}
	100% {
		max-width: 80vw;
		opacity: 1;
	}
}

@keyframes ban-3 {
	0% {
		max-width: 0;
		-webkit-filter: blur(50px);
		filter: blur(50px);
	}
	100% {
		max-width: 80vw;
		opacity: 1;
	}
}

/*---------------------------------------*/
/*--------  6.12 Characteristics-------*/
.characteristics {
	background: #F2F2F2;
	border-radius: 15px;
	margin: 20px 20px 0;
	overflow: hidden;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.characteristics h2.title--s-2 {
		font-size: 30px;
	}
}

@media (max-width: 991.98px) {
	.characteristics .is-open {
		padding: 0;
		margin: 0;
		opacity: 0;
		max-height: 0;
		visibility: hidden;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}

	.characteristics .is-open.ok {
		opacity: 1;
		max-height: 200px;
		visibility: visible;
		padding: 20px 0;
	}
}

.characteristics .invisibile {
	padding: 0;
	display: none;
	max-height: 0;
	visibility: hidden;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

@media (min-width: 992px) {
	.characteristics__wrapper {
		display: grid;
		grid-template-columns: 1fr 1.5fr;
		grid-column-gap: 40px;
	}
}

@media screen and (min-width: 1400px) {
	.characteristics__wrapper {
		grid-column-gap: 200px;
	}
}

.characteristics__inner {
	position: relative;
	z-index: 1;
}

.characteristics h2 {
	position: relative;
}

@media (min-width: 992px) {
	.characteristics h2:before {
		content: "";
		position: absolute;
		top: 150%;
		width: 400px;
		height: 400px;
		-webkit-transform: translate(-22%, -36%);
		transform: translate(-22%, -36%);
		border-radius: 800px 600px;
		background: #34cffd;
		opacity: 0.35;
		-webkit-filter: blur(137px);
		filter: blur(137px);
		z-index: -1;
	}
}

.characteristics__img {
	width: 100%;
	margin: 40px auto;
}

@media (min-width: 992px) {
	.characteristics__img {
		margin: 0;
	}
}

.characteristics__img img {
	display: block;
	width: 100%;
	max-width: 300px;
}

@media (min-width: 992px) {
	.characteristics__img img {
		margin: 0;
		max-width: 500px;
	}
}

.characteristics__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-row-gap: 5px;
	padding: 20px 0;
	border-bottom: 1px solid #d6dcde;
	font-family: "Ethnocentric", sans-serif;
	font-size: 16px;
	line-height: 1.375;
}

.characteristics__item:first-child {
	border-top: 1px solid #d6dcde;
}

@media (min-width: 992px) {
	.characteristics__item {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-column-gap: 70px;
		padding: 30px 0;
		font-size: 19px;
	}
}

.characteristics__item h3 {
	font-weight: 400;
}

.characteristics__item p {
	font-weight: 700;
}

.characteristics__price {
	width: 100%;
	max-width: 100%;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 15px;
	background-color: #2E2E2E;
	border-color: inherit;
	color: #ffffff;
	font-family: "ClashDisplay", sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}

@media (min-width: 992px) {
	.characteristics__price {
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 18px;
	}
}

.characteristics__price.is-open.ok {
	margin-top: 30px;
}

.characteristics__action {
	font-family: "Ethnocentric", sans-serif;
	font-size: 16px;
	line-height: 22px;
	border: none;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
}

.characteristics button[data-char] {
	position: relative;
	font-weight: 700;
	margin-left: 30px;
}

.characteristics button[data-char]:before {
	content: "";
	position: absolute;
	left: -30px;
	top: 50%;
	width: 16px;
	height: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../images/svg/icon-arrow-char.svg);
	background-repeat: no-repeat;
}

.characteristics button[data-char].is-open.ok {
	margin-top: 40px;
	padding: 0;
}

.characteristics button[data-char=close]:before {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}

/*---------------------------------------*/
/*--------  6.13 Document-------*/
.document .container {
	padding: 30px var(--bs-gutter-x, 2rem);
}

@media (min-width: 992px) {
	.document .container {
		padding: 80px var(--bs-gutter-x, 2rem);
	}
}

.document__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-row-gap: 10px;
}

@media (min-width: 992px) {
	.document__list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		border: 1px solid #d6dcde;
		border-radius: 30px;
		overflow: hidden;
	}
}

.document__item {
	padding: 40px 45px;
	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-row-gap: 30px;
	background-color: #FFFFFF;
	border: 1px solid #d6dcde;
	border-radius: 15px;
	text-align: center;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

@media (min-width: 992px) {
	.document__item {
		position: relative;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border: none;
		border-radius: initial;
		z-index: 1;
	}

	.document__item:hover, .document__item:focus {
		background-color: #151515;
	}

	.document__item:hover svg, .document__item:focus svg {
		fill: #FFFFFF;
	}

	.document__item:hover h3, .document__item:focus h3 {
		color: #FFFFFF;
	}

	.document__item:hover .document__btn, .document__item:focus .document__btn {
		border: 1px solid #FFFFFF;
	}

	.document__item:hover::before, .document__item:focus::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 160px;
		background: url(../images/homepage/prod_bg.png);
		background-size: cover;
		background-repeat: no-repeat;
		z-index: -1;
	}
}

.document__item h3 {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

@media (min-width: 992px) {
	.document__item h3 {
		font-size: 18px;
		line-height: 22px;
	}
}

.document__item svg {
	fill: #00FFFF;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.document__btn {
	padding: 10px 50px;
	background-color: #FFFFFF;
	border: 1px solid #00FFFF;
	border-radius: 50px;
	font-family: "ClashDisplay", sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

/*---------------------------------------*/
/*--------  6.15 Draggable-------*/
.draggable h2 {
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.draggable h2 {
		margin-bottom: 4.5rem;
	}
}

.draggable__slider-item {
	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-row-gap: 30px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	border: 1px solid #2E2E2E;
	overflow: hidden;
	cursor: pointer;
}

.draggable__slider-item.swiper-slide {
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.draggable__slider-img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}

.draggable__slider-img a {
	height: 100%;
	display: flex;
}

/*@media (min-width: 992px) {
  .draggable__slider-img {
    padding: 25px 0;
    max-width: 265px;
  }
}*/
.draggable__slider-img img {
	width: 100%;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

.draggable__slider-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 15px;
	padding: 10px;
	width: 100%;
	background-color: #2E2E2E;
}

@media (min-width: 992px) {
	.draggable__slider-content {
		padding: 25px;
	}
}

@media (min-width: 992px) {
	.draggable__btn {
		min-width: 300px;
	}
}

.draggable__cursor {
	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;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-weight: 300;
	font-size: 12px;
	line-height: 15px;
	opacity: 0;
	background-color: #FFFFFF;
	visibility: hidden;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
	pointer-events: none;
	z-index: 1;
}

.draggable__cursor::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(calc(-50% + 15px), -50%);
	transform: translate(calc(-50% + 15px), -50%);
	width: 18px;
	height: 12px;
	background: url(../images/svg/arrow-blue.svg);
	background-repeat: no-repeat;
}

.draggable__cursor::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(calc(-50% - 15px), -50%) rotate(180deg);
	transform: translate(calc(-50% - 15px), -50%) rotate(180deg);
	width: 18px;
	height: 12px;
	background: url(../images/svg/arrow-blue.svg);
	background-repeat: no-repeat;
}

@media (min-width: 992px) {
	.draggable__cursor {
		width: 130px;
		height: 130px;
		font-size: 20px;
		line-height: 32px;
	}
}

.draggable__cursor.visible {
	opacity: 1;
	visibility: visible;
}

.best.swiper {
	padding: 0 var(--bs-gutter-x, 2rem);
}

@media (min-width: 992px) {
	.best.swiper {
		padding: 0;
	}
}

.best .draggable__slider-item.swiper-slide {
	grid-row-gap: 0;
}

.best__wrapper {
	padding: 0;
}

.best__wrapper .container {
	padding-right: 0;
	padding-left: 0;
}

@media (min-width: 992px) {
	.best__wrapper .container {
		padding-top: 4.5rem;
		padding-left: 30px;
	}
}

@media (min-width: 1200px) {
	.best__wrapper .container {
		padding-right: 30px;
	}
}

.best__wrapper h2 {
	padding: 0 var(--bs-gutter-x, 2rem);
}

@media (max-width: 991.98px) {
	.best__wrapper h2 {
		margin-bottom: 0;
	}
}

@media (min-width: 992px) {
	.best__wrapper h2 {
		margin-bottom: 4.5rem;
		padding: 0;
		text-align: center;
	}
}

.best__wrapper .swiper-button-next {
	top: 175px;
	right: 18px;
	margin: 0;
	color: #000000;
	background: #FFFFFF;
	width: 36px;
	height: 36px;
}

@media (min-width: 1200px) {
	.best__wrapper .swiper-button-next {
		right: -18px;
	}
}

.best__wrapper .swiper-button-next::after {
	font-size: 15px;
}

.best__wrapper .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-color: #2E2E2E;
}

.best__wrapper .swiper-button-next.swiper-button-disabled::after {
	color: #000000;
}

.best__wrapper .swiper-button-prev {
	top: 175px;
	left: -18px;
	margin: 0;
	color: #000000;
	background: #FFFFFF;
	width: 36px;
	height: 36px;
}

.best__wrapper .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-color: #2E2E2E;
}

.best__wrapper .swiper-button-prev.swiper-button-disabled::after {
	color: #000000;
}

.best__wrapper .swiper-button-prev::after {
	font-size: 15px;
}

.best__inner {
	position: relative;
	margin-top: 1.5rem;
}

@media (min-width: 992px) {
	.best__inner {
		margin: 0;
	}
}

.best__link {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: inline-block;
	margin: 65px 0 0;
	padding-right: 40px;
	font-size: 16px;
	line-height: 1.4;
}

.best__link:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../images/svg/arrow-right-fill.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.best__link:hover {
	color: #00FFFF;
	text-decoration: none;
}

.best__link:hover:after {
	right: 0;
}

.best__link.desk {
	display: none;
}

@media (min-width: 992px) {
	.best__link.desk {
		display: inline-block;
	}
}

@media (max-width: 991.98px) {
	.best__link.mobile {
		left: 0;
		-webkit-transform: none;
		transform: none;
		margin: 0.75rem 0 0;
		padding-left: var(--bs-gutter-x, 2rem);
	}
}

@media (min-width: 992px) {
	.best__link.mobile {
		display: none;
	}
}

.best .draggable__slider-content {
	position: relative;
	text-align: start;
	grid-row-gap: 1rem;
}

.best__icon {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: block;
	z-index: 1;

}

@media (max-width: 991px) {
	.best__icon {
		width: 20px;
	}
}

.best h3 {
	position: relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	.best h3 {
		font-size: 18px;
	}
}

@media (max-width: 991.98px) {
	.best h3 span {
		position: relative;
		display: inline-block;
		word-wrap: break-word;
		overflow: hidden;
		max-height: 3.1em; /* (Number of lines you want visible) * (line-height) */
		line-height: 1.55em;
	}
}

@media (max-width: 991.98px) {
	.best h3 {
		line-height: 0.5;
	}

	.best h3::after {
		content: "...";
		position: absolute;
		right: 0;
		bottom: 7px;
	}
}

.best a {
	position: relative;
	font-family: "ClashDisplay", sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: inherit;
}

@media (min-width: 992px) {
	.best a {
		font-size: 20px;
	}
}

.best a:hover {
	color: inherit;
	text-decoration: none;
}

.best a:hover:after {
	right: 0;
}

.best a:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../images/svg/arrow-right.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.best .swiper-slide:hover .best__btn {
	opacity: 1;
	cursor: pointer;
}

.best__btn {
	display: none;
	position: absolute;
	opacity: 0;
	left: 0;
	top: -50px;
	z-index: -10;
	width: 100%;
	padding: 15px 5px;
	border: none;
	background-color: #00FFFF;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #000000;
	-webkit-transition: opacity 0.6s, z-index 0.6s;
	transition: opacity 0.6s, z-index 0.6s;
	z-index: 2;
}

@media (min-width: 992px) {
	.best__btn {
		display: block;
	}
}

.reviews .draggable__slider-item.swiper-slide {
	border: 2px solid #2E2E2E;
	border-radius: 0;
	grid-row-gap: 20px;
}

@media (min-width: 992px) {
	.reviews .draggable__slider-item.swiper-slide {
		grid-row-gap: 40px;
	}
}

.reviews__content {
	text-align: start;
	padding: 20px 1rem 0;
}

@media (min-width: 992px) {
	.reviews__content {
		padding: 40px 2rem 0;
	}
}

.reviews__content h3 {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	.reviews__content h3 {
		font-weight: 600;
		font-size: 20px;
	}
}

.reviews__content p {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	.reviews__content p {
		font-size: 18px;
	}
}

.reviews .draggable__slider-content {
	padding: 12px;
}

@media (min-width: 992px) {
	.reviews .draggable__slider-content {
		padding: 20px 30px;
	}
}

.reviews .draggable__slider-content a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #FFFFFF;
}

.reviews .draggable__slider-content a h3 {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	text-align: start;
}

@media (min-width: 992px) {
	.reviews .draggable__slider-content a h3 {
		font-weight: 500;
		font-size: 16px;
	}
}

.reviews__wrapper {
	padding-bottom: 2.25rem;
}

@media (min-width: 992px) {
	.reviews__wrapper {
		padding-bottom: 4.5rem;
	}
}

.reviews__wrapper .container {
	padding: 2rem var(--bs-gutter-x, 2rem) 2.25rem;
}

@media (min-width: 992px) {
	.reviews__wrapper .container {
		padding: 50px var(--bs-gutter-x, 2rem) 4.5rem;
	}
}

.reviews__wrapper h2 {
	text-align: center;
	margin: 0;
}

.reviews .splide__list {
	grid-column-gap: 15px;
}

@media (min-width: 992px) {
	.reviews .splide__list {
		grid-column-gap: 50px;
	}
}

@media (min-width: 992px) {
	.reviews .splide__slide {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
}

@media (min-width: 992px) {
	.reviews .splide__slide:nth-child(2n) {
		margin-top: 150px;
	}
}

/*---------------------------------------*/
/*--------  6.16 Proffer-slider-------*/
#proffer {
	display: none;
	color: #FFFFFF;
}

@media (min-width: 992px) {
	#proffer {
		display: block;
		margin: 20px;
		border-radius: 30px;
	}
}

#proffer .container {
	padding-bottom: 0;
}

#proffer h2 {
	font-size: 28px;
}

#proffer h3 {
	font-weight: 400;
	font-size: 19px;
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
}

#proffer p {
	font-size: 19px;
	line-height: 1.37;
}

#proffer .proffer__slider-first .proffer__item {
	position: relative;
}

#proffer .proffer__slider-first .proffer__item::before {
	content: "";
	position: absolute;
	top: -100px;
	left: -125px;
	width: 950px;
	height: 600px;
	background-image: url(../images/product/pattern.png);
	background-size: 100%;
	z-index: 0;
}

#proffer .proffer__slider-first .proffer__inner {
	display: grid;
	grid-template-columns: 350px 1fr;
	grid-column-gap: 70px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

@media (min-width: 1200px) {
	#proffer .proffer__slider-first .proffer__inner {
		grid-template-columns: 450px 1fr;
		grid-column-gap: 275px;
	}
}

#proffer .proffer__slider-first .proffer__content {
	display: grid;
	grid-row-gap: 20px;
}

#proffer .proffer__slider-first .proffer__img {
	margin: 0 auto;
}

#proffer .proffer__slider-first .proffer__img img {
	max-width: 350px;
}

#proffer .proffer__slider-first ol {
	display: grid;
	margin: 30px 0;
	padding-left: 20px;
	grid-row-gap: 12px;
	list-style-type: decimal;
	font-family: "Ethnocentric", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.27;
	color: #ffffff;
}

@media (min-width: 1200px) {
	#proffer .proffer__slider-first ol {
		font-size: 19px;
		grid-row-gap: 0;
		margin: 10px 0 50px;
	}
}

#proffer .proffer__slider-first ol span {
	color: #00FFFF;
}

@media (min-width: 1200px) {
	#proffer .proffer__slider-first ol span {
		text-decoration: underline;
	}
}

#proffer .proffer__slider-first button.btn {
	width: 100%;
	max-width: 280px;
}

#proffer .proffer__slider-second {
	margin-top: 80px;
}

#proffer .proffer__slider-second .proffer__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#proffer .proffer__slider-second .swiper-pagination-progressbar {
	background-color: rgba(255, 255, 255, 0.1);
	height: 1px;
}

#proffer .proffer__slider-second .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #00FFFF;
}

#proffer .proffer__slider-second .proffer__item {
	padding: 70px 30px;
	height: auto;
	max-height: 400px;
	cursor: pointer;
}

@media screen and (min-width: 1440px) {
	#proffer .proffer__slider-second .proffer__item {
		padding: 70px 50px;
	}
}

@media screen and (min-width: 1920px) {
	#proffer .proffer__slider-second .proffer__item {
		padding: 70px 110px;
	}
}

#proffer .proffer__slider-second .proffer__item p {
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
	text-align: center;
}

#proffer .proffer__slider-second .proffer__item.swiper-slide-thumb-active p {
	color: #00FFFF;
}

#proffer .proffer__slider-second .proffer__item:not(:last-child) {
	border-right: 1px solid;
	border-color: rgba(255, 255, 255, 0.1);
}

#proffer.shopping-slider {
	margin: 0;
	padding-bottom: 180px;
	background-color: #f2f2f2;
	border-radius: 0;
}

#proffer.shopping-slider .container {
	background: #2E2E2E;
	border-radius: 30px;
}

/*---------------------------------------*/
/*--------  6.17 Sticky --------*/
.sticky {
	position: relative;
	background: #0E0E0E;
}

.sticky::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100%;
	background: -webkit-gradient(linear, right top, left top, color-stop(44.71%, #0d0d0d), color-stop(95.17%, rgba(14, 14, 14, 0)));
	background: linear-gradient(270deg, #0d0d0d 44.71%, rgba(14, 14, 14, 0) 95.17%);
}

.sticky__wrapper {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 992px) {
	.sticky__wrapper {
		grid-template-columns: 0.75fr 1fr;
		grid-column-gap: 100px;
	}
}

@media (min-width: 1200px) {
	.sticky__wrapper {
		grid-template-columns: 1fr 1fr;
	}
}

.sticky h2 {
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.sticky h2 {
		position: sticky;
		top: 160px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}

	.sticky h2::before {
		content: "";
		position: absolute;
		width: 400px;
		height: 400px;
		-webkit-transform: translate(-22%, -36%);
		transform: translate(-22%, -36%);
		border-radius: 800px 600px;
		background: #00FFFF;
		/* background-image: url(../images/svg/ellipse_1.svg); */
		/* background-repeat: no-repeat; */
		/* background-size: 100% 100%; */
		opacity: 0.35;
		-webkit-filter: blur(137px);
		filter: blur(137px);
		z-index: -1;
	}

	.sticky h2::after {
		content: "";
		position: absolute;
		top: -180px;
		left: -300px;
		width: 100vw;
		height: 500px;
		background-image: url(../images/homepage/hero_2.png);
		background-size: contain;
		background-position: top;
		background-repeat: no-repeat;
		opacity: 0.35;
		z-index: -2;
	}
}

.sticky__list {
	display: grid;
	grid-row-gap: 20px;
	margin-top: 40px;
}

@media (min-width: 992px) {
	.sticky__list {
		position: relative;
		grid-row-gap: 30px;
	}
}

.sticky__list li {
	display: grid;
	grid-row-gap: 15px;
	padding: 60px 40px;
	border: 1px solid rgba(119, 119, 119, 0.4);
	border-radius: 30px;
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.sticky__list li {
		grid-template-columns: 60px 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 20px;
		padding: 40px 80px;
	}
}

@media (min-width: 1200px) {
	.sticky__list li {
		grid-column-gap: 50px;
		padding: 60px 100px;
	}
}

.sticky__list li svg {
	fill: #00FFFF;
}

@media (min-width: 992px) {
	.sticky__list li svg {
		margin-top: 50px;
	}
}

.sticky__box {
	display: grid;
	grid-row-gap: 15px;
}

@media (min-width: 992px) {
	.sticky__box {
		grid-row-gap: 20px;
	}
}

.sticky__box span {
	opacity: 0.3;
	color: #00FFFF;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.2;
}

@media (min-width: 992px) {
	.sticky__box span {
		font-size: 14px;
	}
}

/*---------------------------------------*/
/*--------  6.18 Distributors --------*/
.distributors {
	background-color: #F2F2F2;
}

.distributors__list {
	display: grid;
	grid-row-gap: 20px;
	margin-top: 30px;
}

@media (min-width: 992px) {
	.distributors__list {
		margin-top: 80px;
	}
}

.distributors__item {
	display: grid;
	grid-row-gap: 30px;
	padding: 30px 25px;
	border-radius: 15px;
	background-color: #FFFFFF;
}

@media (min-width: 992px) {
	.distributors__item {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		grid-template-columns: 210px 1fr 1fr 1fr;
		grid-column-gap: 30px;
		padding: 35px 20px 45px;
		border-radius: 30px;
	}
}

@media screen and (min-width: 1300px) {
	.distributors__item {
		grid-template-columns: 1fr 1fr auto 1fr;
		grid-column-gap: 60px;
		padding: 55px 40px 65px;
	}
}

@media (min-width: 1400px) {
	.distributors__item {
		grid-column-gap: 100px;
	}
}

@media screen and (min-width: 1660px) {
	.distributors__item {
		padding: 55px 80px 65px;
		grid-column-gap: 120px;
	}
}

.distributors__logo {
	padding-bottom: 30px;
	border-bottom: 1px solid #d6dcde;
}

@media (min-width: 992px) {
	.distributors__logo {
		padding: 0;
		margin: 0 auto;
		border: none;
	}
}

.distributors__link {
	padding-bottom: 30px;
	border-bottom: 1px solid #d6dcde;
}

@media (min-width: 992px) {
	.distributors__link {
		padding: 0;
		border: none;
	}
}

@media screen and (min-width: 1300px) {
	.distributors__link {
		position: relative;
	}

	.distributors__link::before {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: -30px;
		width: 1px;
		height: 100px;
		background-color: #d6dcde;
	}

	.distributors__link::after {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: -30px;
		width: 1px;
		height: 100px;
		background-color: #d6dcde;
	}
}

@media (min-width: 1400px) {
	.distributors__link::before {
		left: -50px;
	}

	.distributors__link::after {
		right: -50px;
	}
}

@media screen and (min-width: 1660px) {
	.distributors__link::before {
		left: -60px;
	}

	.distributors__link::after {
		right: -60px;
	}
}

.distributors__link h3 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.distributors__link h3 {
		font-size: 18px;
	}
}

.distributors__link a.link__underline {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 19px;
}

.distributors__link a.link__underline:after {
	background-color: #00FFFF;
}

.distributors__tel {
	padding-bottom: 30px;
}

@media (min-width: 992px) {
	.distributors__tel {
		margin: 0 auto;
		padding: 0;
	}
}

@media screen and (min-width: 1300px) {
	.distributors__tel {
		margin: 0;
		position: relative;
	}

	.distributors__tel::before {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: -30px;
		width: 1px;
		height: 100px;
		background-color: #d6dcde;
	}
}

@media (min-width: 1400px) {
	.distributors__tel::before {
		right: -50px;
	}
}

@media screen and (min-width: 1660px) {
	.distributors__tel::before {
		right: -60px;
	}
}

.distributors__tel a {
	color: #2E2E2E;
}

/*---------------------------------------*/
/*--------  6.18 Shopping --------*/
#shopping__second {
	background-color: #F2F2F2;
}

#shopping__second.col_2 .container {
	padding-top: 30px;
	padding-bottom: 0;
}

@media (min-width: 992px) {
	#shopping__second.col_2 .container {
		padding-top: 80px;
	}
}

#shopping__second.col_2 .section__wrapper {
	position: relative;
	grid-row-gap: 30px;
	background: #0e0e0e;
	color: #FFFFFF;
	z-index: 2;
}

@media (min-width: 992px) {
	#shopping__second.col_2 .section__wrapper {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 100px;
	}
}

#shopping__second.col_2 .section__box--right {
	position: relative;
	margin-top: 0;
	grid-row-gap: 30px;
}

@media (min-width: 992px) {
	#shopping__second.col_2 .section__box--right {
		margin-top: 0;
	}
}

#shopping__second.col_2 .section__box--right::before {
	content: "";
	position: absolute;
	right: -30%;
	top: 50%;
	width: 800px;
	height: 800px;
	-webkit-transform: translate(0%, -10%);
	transform: translate(0%, -10%);
	border-radius: 63% 37% 62% 38%/67% 33% 67% 33%;
	background: #34cffd;
	opacity: 0.2;
	-webkit-filter: blur(137px);
	filter: blur(137px);
	z-index: -1;
}

section.col_2 .section__wrapper.section__wrapper--position img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 55%;
	min-width: 260px;
}

@media (min-width: 992px) {
	section.col_2 .section__wrapper.section__wrapper--position {
		grid-template-columns: 1fr 0.8fr;
	}

	section.col_2 .section__wrapper.section__wrapper--position img {
		position: absolute;
		top: 50%;
		left: -15%;
		max-width: 65%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

#install__select {
	background-color: #F2F2F2;
	position: relative;
	z-index: 0;
}

#install__select.col_2 .container {
	padding-top: 30px;
	padding-bottom: 0;
}

@media (min-width: 992px) {
	#install__select.col_2 .container {
		padding-top: 80px;
	}
}

#install__select.col_2 h2 {
	font-size: 18px;
}

@media (min-width: 992px) {
	#install__select.col_2 h2 {
		text-align: end;
	}
}

#install__select.col_2 .section__wrapper {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #0e0e0e;
	color: #FFFFFF;
	z-index: 2;
}

@media (min-width: 992px) {
	#install__select.col_2 .section__wrapper {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 50px;
		padding-top: 80px;
		padding-bottom: 80px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#install__select.col_2 .section__wrapper::before {
		content: "";
		position: absolute;
		left: 20%;
		top: 0;
		width: 400px;
		height: 400px;
		-webkit-transform: translate(0%, -10%);
		transform: translate(0%, -10%);
		border-radius: 63% 37% 62% 38%/67% 33% 67% 33%;
		background: #34cffd;
		opacity: 0.2;
		-webkit-filter: blur(137px);
		filter: blur(137px);
		z-index: -1;
	}
}

#install__select.col_2 .section__box--right {
	position: relative;
	margin-top: 0;
	grid-row-gap: 30px;
}

@media (min-width: 992px) {
	#install__select.col_2 .section__box--right {
		margin-top: 0;
	}
}

/*---------------------------------------*/
/*--------  6.19 Select --------*/
.select {
	width: 100%;
}

.select.select--opened .select__wrapper {
	border-color: #BDBDBD;
	z-index: 1000;
}

.select.select--opened .select__list {
	max-height: 600px;
}

.select.select--opened .select__trigger:after {
	background-color: #000000;
}

.select.select--opened svg {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.select__wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #0d0d0d;
	color: #2E2E2E;
	border: 2px solid #2E2E2E;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	z-index: 10;
}

.select__trigger {
	position: relative;
	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;
	margin: 0;
	padding: 1rem 20px;
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	background: inherit;
	cursor: text;
}

.select__trigger:focus-visible, .select__trigger:hover, .select__trigger:active {
	border-color: #BDBDBD;
}

.select__trigger p {
	font-family: "ClashDisplay", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
}

.select__trigger span {
	pointer-events: none;
}

.select__trigger svg {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	fill: #BDBDBD;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.select__list {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.select__item {
	padding: 10px 20px;
	color: #BDBDBD;
	font-family: "ClashDisplay", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	cursor: pointer;
}

@media (min-width: 992px) {
	.select__item {
		font-size: 18px;
		line-height: 155%;
	}
}

.select__item:last-child {
	padding-bottom: 20px;
}

.select__phone-wrap {
	display: grid;
	grid-template-columns: 95px 1fr;
	grid-column-gap: 15px;
}

@media (min-width: 992px) {
	.select__phone-wrap {
		grid-template-columns: 130px 1fr;
	}
}

.select__phone-code .select__wrapper {
	width: 95px;
}

@media (min-width: 992px) {
	.select__phone-code .select__wrapper {
		width: 130px;
	}
}

.select__phone-number {
	position: relative;
	width: 100%;
	position: relative;
	min-height: 56px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.select__phone-number::after {
	content: "";
	position: absolute;
	opacity: 0;
	right: 30px;
	top: 20px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	pointer-events: none;
}

.select__phone-number.input-valid {
	margin-bottom: 1.65rem;
}

@media (min-width: 992px) {
	.select__phone-number.input-valid {
		margin-bottom: 1.5rem;
	}
}

.select__phone-number.input-valid .success-message {
	opacity: 1;
}

.select__phone-number.input-valid .success-message::after {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	width: 9px;
	height: 9px;
	background: url(../images/svg/icon-check.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (min-width: 992px) {
	.select__phone-number.input-valid .success-message::after {
		width: 15px;
		height: 15px;
		left: -20px;
	}
}

.select__phone-number.input-valid::after {
	opacity: 1;
	background: url(../images/svg/icon-check.svg);
}

@media (min-width: 992px) {
	.select__phone-number.input-valid::after {
		content: "";
	}
}

.select__phone-number.input-invalid {
	margin-bottom: 1.65rem;
}

@media (min-width: 992px) {
	.select__phone-number.input-invalid {
		margin-bottom: 1.5rem;
	}
}

.select__phone-number.input-invalid .error-message {
	opacity: 1;
}

.select__phone-number.input-invalid .error-message::after {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	width: 9px;
	height: 9px;
	background: url(../images/svg/icon-error.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (min-width: 992px) {
	.select__phone-number.input-invalid .error-message::after {
		width: 15px;
		height: 15px;
		left: -20px;
	}
}

.select__phone-number.input-invalid::after {
	content: "";
	background: url(../images/svg/icon-error.svg);
	opacity: 1;
}

@media (min-width: 992px) {
	.select__phone-number.input-invalid::after {
		content: "";
	}
}

/*---------------------------------------*/
/*--------  6.20 About --------*/
/*---------------------------------------*/
/*--------  6.21 Video --------*/
#video__section {
	margin: 30px 20px 40px;
	color: white;
	border-radius: 15px;
}

#video__section .video__captions {
	margin-top: 60px;
	text-align: start;
}

@media (min-width: 992px) {
	#video__section .video__captions {
		margin-top: 0;
	}
}

#video__section .video__content {
	display: none;
	grid-row-gap: 20px;
}

#video__section .video__content.active {
	display: grid;
}

.video-header {
	display: none;
}

.video-header.active {
	display: block;
}

.upper-content__video img {
	width: 100%;
}

.video__full {
	margin-bottom: 30px;
}

.video__full .upper-content__video {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.video__full .btn__play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: none;
}

@media (min-width: 992px) {
	.video__full .btn__play {
		width: 55px;
		height: 55px;
	}
}

.video__full img {
	width: auto;
	max-height: 400px;
	margin: 0 auto;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 15px;
	overflow: hidden;
}

@media (min-width: 992px) {
	.video__full img {
		max-height: 560px;
		height: 560px;
	}
}

.video__full-item {
	position: relative;
	display: none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	height: 400px;
	opacity: 0;
	border-radius: 15px;
	overflow: hidden;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

@media (min-width: 992px) {
	.video__full-item {
		height: 560px;
	}
}

.video__full-item.swiper-slide-active {
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

.video__full-item.active {
	display: block;
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

@media (min-width: 992px) {
	.video__wrapper {
		display: grid;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		grid-template-columns: 40% 40%;
		grid-column-gap: 100px;
	}
}

@media (min-width: 992px) {
	.video__col {
		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;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (min-width: 992px) {
	.video__slider.swiper {
		margin: 0;
		padding-top: 60px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
}

.video__slider-item {
	position: relative;
	width: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	width: fit-content !important;
	border-radius: 15px;
	overflow: hidden;
	cursor: pointer;
}

@media (min-width: 992px) {
	.video__slider-item img {
		width: 80px;
		height: 80px;
	}
}

.video__slider-item::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(19, 43, 50, 0.5)), to(rgba(19, 43, 50, 0.5)));
	background: linear-gradient(0deg, rgba(19, 43, 50, 0.5), rgba(19, 43, 50, 0.5));
	background-repeat: no-repeat;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.video__slider-item::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
	background: url(../images/btn-circle.png);
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.video__slider-item:hover::before {
	opacity: 1;
}

.video__slider-item:hover::after {
	opacity: 1;
}

.video__section .proffer__slider-first .proffer__item {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.video__section .proffer__slider-first .proffer__item img {
	height: 50%;
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.23 Marquee --------*/
.marquee {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100vw;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 42px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #2E2E2E;
}

.marquee__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: marquee 20s linear infinite;
	animation: marquee 20s linear infinite;
}

.marquee__content:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

.marquee__content p {
	/*width: 370px;*/
	width: 270px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 20px;
	padding: 0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-family: "ClashDisplay", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #BDBDBD;
}

@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
	}
}

@keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
	}
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.23 Solution --------*/
.solution .container {
	padding-top: 4rem;
}

@media (min-width: 992px) {
	.solution .container {
		padding-top: 120px;
	}
}

.solution h2 {
	text-align: left;
}

@media (min-width: 992px) {
	.solution h2 {
		text-align: center;
	}
}

.solution__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-row-gap: 15px;
	margin-top: 25px;
}

@media (min-width: 992px) {
	.solution__list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		margin-top: 4.5rem;
		grid-column-gap: 20px;
	}
}

.solution__item {
	position: relative;
	overflow: hidden;
	height: 110px;
	cursor: pointer;
}

@media (min-width: 992px) {
	.solution__item {
		height: auto;
		min-height: 405px;
	}

	.solution__item .solution__content img {
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}

	.solution__item:hover .solution__content img {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

.solution__bg {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 0 20%;
	object-position: 0 20%;
}

@media (min-width: 992px) {
	.solution__bg {
		-o-object-position: center;
		object-position: center;
	}
}

.solution__content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-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%;
	padding: 0 20px;
}

@media (min-width: 992px) {
	.solution__content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
		grid-row-gap: 20px;
		height: 100%;
		padding-bottom: 2rem;
	}
}

.solution__content h3 {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.solution__content h3 {
		font-size: 24px;
		text-align: center;
	}
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.24 Products --------*/
.products {
	padding-top: 145px;
}

@media (min-width: 992px) {
	.products {
		position: relative;
		padding-top: 170px;
	}
}

.products h1 {
	font-family: "ClashDisplay", sans-serif;
	font-size: 28px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.products h1 {
		line-height: 1.2;
	}
}

.products__subtitle {
	display: none;
	margin-top: 10px;
	color: #aeaeae;
}

@media (min-width: 992px) {
	.products__subtitle {
		display: block;
	}
}

.products.swiper {
	padding: 0 var(--bs-gutter-x, 2rem);
}

@media (min-width: 992px) {
	.products.swiper {
		padding: 0;
	}
}

.products__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 1.5rem;
	margin-top: 1.5rem;
}

@media (min-width: 992px) {
	.products__wrapper {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 4rem;
		grid-column-gap: 60px;
	}
}

.products__inner {
	position: relative;
}

.products__sort {
	display: none;
}

@media (min-width: 992px) {
	.products__sort {
		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: end;
		grid-column-gap: 20px;
		margin-bottom: 15px;
	}
}

.products__sort p {
	font-size: 20px;
	line-height: 1.35;
}

.products__sort svg {
	fill: white;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.products__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 26px;
}

@media (min-width: 1200px) {
	.products__list {
		grid-template-columns: 1fr 1fr 1fr;
		grid-row-gap: 2rem;
	}
}

.products__item {
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	border: 1px solid #2E2E2E;
	overflow: hidden;
	cursor: pointer;
}
@media (min-width: 992px) {
	.products__item:hover .products__btn {
		opacity: 1;
		z-index: 10;
		cursor: pointer;
	}
}

.products__img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	/*padding: 14px 16px;*/
	padding: 0;
}

/*@media (min-width: 992px) {
  .products__img {
    padding: 1.5rem 0;
  }
}*/
.products__img img {
	width: 100%;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

.products__img a {
	height: 100%;
}

.products__content {
	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;
	grid-row-gap: 15px;
	padding: 10px;
	width: 100%;
	background-color: #2E2E2E;
	text-align: start;
}

@media (min-width: 992px) {
	.products__content {
		padding: 25px;
	}
}

.products__content a {
	position: relative;
	font-family: "ClashDisplay", sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: inherit;
}

@media (min-width: 992px) {
	.products__content a {
		font-size: 20px;
	}
}

.products__content a:hover {
	color: inherit;
	text-decoration: none;
}

.products__content a:hover:after {
	right: 0;
}

.products__content a:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../images/svg/arrow-right.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.products__icon {
	display: none;
}

@media (min-width: 992px) {
	.products__icon {
		position: absolute;
		top: 1rem;
		right: 1rem;
		display: block;
	}
}

.products h3 {
	position: relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	.products h3 {
		font-size: 18px;
	}
}

@media (max-width: 991.98px) {
	.products h3 span {
		position: relative;
		display: inline-block;
		word-wrap: break-word;
		overflow: hidden;
		max-height: 3.1em; /* (Number of lines you want visible) * (line-height) */
		line-height: 1.55em;
	}
}

@media (max-width: 991.98px) {
	.products h3 {
		line-height: 0.5;
	}

	.products h3::after {
		content: "...";
		position: absolute;
		right: 0;
		bottom: 7px;
	}
}

.products__btn {
	position: absolute;
	opacity: 0;
	left: 0;
	top: -50px;
	z-index: -10;
	width: 100%;
	padding: 15px;
	border: none;
	background-color: #00FFFF;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #000000;
	-webkit-transition: opacity 0.6s, z-index 0.6s;
	transition: opacity 0.6s, z-index 0.6s;
}

.products__btn--mobile {
	position: relative;
	padding: 20px 1rem;
	background: initial;
	color: #BDBDBD;
	border: 1px solid #2E2E2E;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-align: left;
}

@media (min-width: 992px) {
	.products__btn--mobile {
		display: none;
	}
}

.products__btn--mobile:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(../images/svg/icon-interface.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

@media (max-width: 991.98px) {
	.products__filter {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		padding: 25px 20px 200px;
		width: 100%;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		min-height: 100vh;
		-webkit-transition: all 1s;
		transition: all 1s;
		background-color: #0d0d0d;
		z-index: -1;
	}

	.products__filter.visible {
		position: fixed;
		opacity: 1;
		max-height: 100%;
		overflow-y: scroll;
		z-index: 999999;
	}
}

@media (min-width: 992px) {
	.products__filter {
		position: relative;
	}
}

@media (max-width: 991.98px) {
	.products__filter-caption {
		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;
		padding-bottom: 10px;
		border-bottom: 1px solid #2E2E2E;
	}
}

.products__filter-clean {
	background-color: initial;
	border: none;
	color: #00FFFF;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

@media (min-width: 992px) {
	.products__filter-clean {
		display: none;
	}
}

.products__filter-list {
	display: grid;
	grid-row-gap: 40px;
	margin-top: 42px;
}

@media (min-width: 992px) {
	.products__filter-list {
		margin-top: 2rem;
		grid-row-gap: 2rem;
	}
}

.products__filter-item.open svg {
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.products__filter-inner {
	position: relative;
}

.products__filter-inner svg {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	right: 0;
	fill: #FFFFFF;
	-webkit-transition: -webkit-transform 0.6s;
	transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	transition: transform 0.6s, -webkit-transform 0.6s;
	pointer-events: none;
}

.products__filter h2 {
	position: relative;
	padding-left: 45px;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #BDBDBD;
	cursor: pointer;
}

.products__filter h2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background-image: url(../images/svg/arrow-left.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

@media (min-width: 992px) {
	.products__filter h2 {
		padding-left: 0px;
		color: #FFFFFF;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.2;
	}

	.products__filter h2::before {
		content: none;
	}
}

.products__filter h3.products__filter-title::after {
	content: none;
}

.products__filter h3 {
	position: relative;
	padding: 12px 0;
	border-bottom: 1px solid #2E2E2E;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	cursor: pointer;
}

@media (min-width: 992px) {
	.products__filter h3 {
		letter-spacing: 0.04em;
	}
}

@media (min-width: 992px) {
	.products__filter {
		min-width: 265px;
	}
}

.products__checkbox {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.open .products__checkbox {
	max-height: 400px;
	opacity: 1;
}

.products__checkbox ul {
	display: grid;
	grid-row-gap: 12px;
	padding-top: 1rem;
}

.products__checkbox li input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.products__checkbox li label {
	position: relative;
	padding-left: 1.5rem;
	font-family: "ClashDisplay", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.02em;
	cursor: pointer;
}

@media (min-width: 992px) {
	.products__checkbox li label {
		font-size: 16px;
		line-height: 1.4;
	}
}

.products__checkbox li label:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-color: transparent;
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.products__checkbox li input:checked + label:before {
	border-color: #00FFFF;
	background-color: #00FFFF;
}

.products__checkbox li input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 4px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	background-image: url(../images/svg/icon-ok-fill.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.25 Breadcrumbs --------*/
.breadcrumbs {
	display: none;
}

.breadcrumbs.container {
	padding-top: 150px;
	padding-bottom: 40px;
	border-bottom: 1px solid #2E2E2E;
}

@media (min-width: 992px) {
	.breadcrumbs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		grid-row-gap: 15px;
		grid-column-gap: 12px;
		padding-bottom: 42px;
	}
}

.breadcrumbs__item {
	position: relative;
	font-weight: 400;
	font-family: "ClashDisplay", sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: #FFFFFF;
}

a.breadcrumbs__item {
	font-weight: 500;
	color: #585858;
	padding-right: 19px;
}

a.breadcrumbs__item:after {
	content: "/";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 100%;
	color: #585858;
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.26 Burgermenu --------*/
.burgermenu {
	width: 16px;
	height: 12px;
	margin: 6px 4px;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

.burgermenu span {
	display: block;
	position: absolute;
	height: 1px;
	width: 16px;
	background: white;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.burgermenu span:nth-child(1) {
	top: 0px;
}

.burgermenu span:nth-child(2), .burgermenu span:nth-child(3) {
	top: 6px;
}

.burgermenu span:nth-child(4) {
	top: 12px;
}

.open .burgermenu span:nth-child(1) {
	top: 12px;
	width: 0%;
	left: 50%;
}

.open .burgermenu span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .burgermenu span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .burgermenu span:nth-child(4) {
	top: 0px;
	width: 0%;
	left: 50%;
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.27 Privacy --------*/
.privacy {
	padding-top: 147px;
}

@media (min-width: 992px) {
	.privacy {
		padding-top: 170px;
	}
}
.isApp .privacy {
	padding-top: 0;
}

.privacy__date {
	margin-top: 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.04em;
	color: #585858;
}

@media (min-width: 992px) {
	.privacy__date {
		margin-top: 20px;
		font-weight: 500;
		font-size: 16px;
		line-height: 1.4;
	}
}

.privacy__box {
	display: grid;
	grid-row-gap: 2rem;
	margin-top: 2rem;
}

@media (min-width: 992px) {
	.privacy__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		grid-column-gap: 60px;
		margin-top: 54px;
	}
}

.privacy__box ol {
	display: grid;
	grid-row-gap: 10px;
	list-style: auto;
	padding-left: 15px;
}

.privacy__box p,
.privacy__box li {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	.privacy__box p,
	.privacy__box li {
		font-size: 18px;
		line-height: 1.55;
	}
}

.privacy__block {
	margin-top: 1rem;
}

@media (min-width: 992px) {
	.privacy__block {
		margin-top: 2rem;
	}
}

@media (min-width: 992px) {
	.privacy__contents {
		min-width: 375px;
	}
}

@media (min-width: 992px) {
	.privacy__contents li {
		font-weight: 500;
		font-size: 16px;
		line-height: 1.4;
	}
}

.privacy__content {
	display: grid;
	grid-row-gap: 2rem;
}

@media (min-width: 992px) {
	.privacy__content {
		grid-row-gap: 54px;
	}
}

.privacy h1 {
	font-family: "ClashDisplay", sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.privacy h1 {
		font-size: 42px;
		line-height: 1.2;
	}
}

.privacy h2 {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.privacy h2 {
		margin-bottom: 20px;
		font-size: 24px;
		text-transform: inherit;
	}
}

@media (min-width: 992px) {
	.privacy h2.title-weight {
		font-weight: 400;
		font-size: 22px;
		line-height: 1.4;
		letter-spacing: 0.04em;
	}
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.28 Contacts --------*/
.contacts {
	position: relative;
	overflow: hidden;
	padding-top: 145px;
}

@media (min-width: 992px) {
	.contacts {
		padding-top: 170px;
	}
}

.contacts h2 {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.contacts h2 {
		margin-bottom: 12px;
		font-weight: 600;
		font-size: 20px;
		line-height: 155%;
		letter-spacing: 0.04em;
	}
}

.contacts__address-wrap {
	margin-top: 40px;
	padding-bottom: 60px;
}

@media (min-width: 992px) {
	.contacts__address-wrap {
		margin: 0;
		padding-top: 95px;
	}
}

.contacts__address-wrap .contacts__policy {
	background-color: #0d0d0d;
	border: 2px solid #2E2E2E;
	padding: 20px 20px;
	margin-top: 40px;
	color: #BDBDBD;
	font-size: 13px;
	line-height: 1.7;
	text-align: justify;
	position: relative;
	z-index: 2;
}

.contacts__address-wrap .contacts__img {
	overflow: visible;
	width: 400px;
	height: 400px;
	top: auto;
	right: -240px;
	bottom: 35px;
}

@media (min-width: 992px) {
	.contacts__address-wrap .contacts__img {
		display: none;
		top: 50%;
		left: 0;
		right: auto;
		height: 90vh;
		width: 90vw;
	}
}

.contacts__address-wrap .contacts__img img {
	width: 50vw;
	min-width: 500px;
	top: 0;
}

@media (min-width: 992px) {
	.contacts__address-wrap .contacts__img img {
		height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		width: 90vw;
		max-width: -webkit-fit-content;
		max-width: -moz-fit-content;
		max-width: fit-content;
		left: 0;
		bottom: 0;
	}
}

.contacts__form-wrap {
	border: 2px solid #2E2E2E;
}

.contacts__form-wrap form {
	position: relative;
	z-index: 1;
}

.contacts__form-wrap .contacts__img {
	overflow: visible;
	-webkit-animation: 2s ban-1 0.8s linear forwards;
	animation: 2s ban-1 0.8s linear forwards;
}

@media (min-width: 992px) {
	.contacts__form-wrap .contacts__img {
		right: 0;
		top: 25%;
		max-width: 0;
		height: 90vh;
		width: 90vw;
		opacity: 0;
		-webkit-transform: none;
		transform: none;
		overflow: hidden;
		-webkit-animation: 2s ban-2 0.8s linear forwards;
		animation: 2s ban-2 0.8s linear forwards;
	}
}

.contacts__form-wrap .contacts__img img {
	width: 150vw;
	max-height: 700px;
	top: 0;
}

@media (min-width: 992px) {
	.contacts__form-wrap .contacts__img img {
		height: 100%;
		max-height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		width: 90vw;
	}
}

@media screen and (min-width: 1920px) {
	.contacts__form-wrap .contacts__img img {
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.contacts__img {
	position: absolute;
	right: 0;
	top: 10%;
	max-width: 0;
	height: 90vh;
	width: 90vw;
	opacity: 0;
	-webkit-transform: none;
	transform: none;
	overflow: visible;
	-webkit-animation: 2s ban-1 0.8s linear forwards;
	animation: 2s ban-1 0.8s linear forwards;
}

@media (min-width: 992px) {
	.contacts__img {
		bottom: 0;
		max-width: 0;
		height: 90vh;
		width: 90vw;
		opacity: 0;
		-webkit-transform: none;
		transform: none;
		overflow: hidden;
		-webkit-animation: 2s ban-1 0.8s linear forwards;
		animation: 2s ban-1 0.8s linear forwards;
	}
}

.contacts__img img {
	position: absolute;
	width: 150vw;
	max-height: 700px;
	right: 0;
	top: 0;
}

@media (min-width: 992px) {
	.contacts__img img {
		height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		width: 90vw;
	}
}

.contacts address {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 12px;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #BDBDBD;
}

@media (min-width: 992px) {
	.contacts address {
		font-size: 20px;
		line-height: 155%;
	}
}

.contacts address a {
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #BDBDBD;
	text-decoration: none;
}

@media (min-width: 992px) {
	.contacts address a {
		font-size: 20px;
		line-height: 155%;
	}
}

.contacts__wrapper {
	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;
}

@media (min-width: 992px) {
	.contacts__wrapper {
		display: grid;
		grid-template-columns: 300px 1fr;
		grid-column-gap: 100px;
	}
}

@-webkit-keyframes ban-2 {
	0% {
		max-width: 0;
		opacity: 0;
		-webkit-filter: blur(50px);
		filter: blur(50px);
	}
	100% {
		max-width: 100vw;
		opacity: 1;
	}
}

@keyframes ban-2 {
	0% {
		max-width: 0;
		opacity: 0;
		-webkit-filter: blur(50px);
		filter: blur(50px);
	}
	100% {
		max-width: 100vw;
		opacity: 1;
	}
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.29 Basket --------*/
.basket__quantity {
	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;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	grid-row-gap: 12px;
	padding-bottom: 8px;
}

@media (min-width: 992px) {
	.basket__quantity {
		-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;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		grid-column-gap: 25px;
		margin-top: 55px;
		padding-bottom: 0;
	}
}

.basket__list {
	display: grid;
	grid-row-gap: 12px;
}

.basket__item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 1rem;
	padding: 12px;
	border: 1px solid #2E2E2E;
}

@media (min-width: 992px) {
	.basket__item {
		display: grid;
		grid-template-columns: 170px 1fr;
		grid-column-gap: 2.5rem;
		padding: 20px;
	}
}

.basket__img {
	padding: 0;
	border: 1px solid #2E2E2E;
}

@media screen and (min-width: 390px) {
	.basket__img {
		width: auto;
		min-width: 120px;
	}
}

@media (min-width: 992px) {
	.basket__img {
		width: auto;
	}
}

.basket__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.basket__wrap {
	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-row-gap: 12px;
}

@media (min-width: 992px) {
	.basket__wrap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.basket__inner h2 {
	position: relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	.basket__inner h2 {
		font-size: 28px;
		line-height: 1.2;
		letter-spacing: 0.02em;
	}
}

@media (max-width: 991.98px) {
	.basket__inner h2 span {
		position: relative;
		display: inline-block;
		word-wrap: break-word;
		overflow: hidden;
		max-height: 3.1em; /* (Number of lines you want visible) * (line-height) */
		line-height: 1.55em;
	}
}

@media (max-width: 991.98px) {
	.basket__inner h2 {
		line-height: 0.5;
	}
}

.basket__inner-top {
	margin-bottom: 4px;
}

@media (min-width: 992px) {
	.basket__inner-top {
		margin-bottom: 12px;
	}
}

.basket__inner-top span {
	position: relative;
	color: #BDBDBD;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.04em;
}

@media (min-width: 992px) {
	.basket__inner-top span {
		font-size: 14px;
		line-height: 1.2;
		letter-spacing: 0.07em;
	}
}

.basket__total {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 6px;
}

@media (min-width: 992px) {
	.basket__total {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: end;
	}
}

.basket__total h3 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.55;
}

@media (min-width: 992px) {
	.basket__total h3 {
		font-size: 24px;
		font-weight: 400;
		line-height: 1.2;
	}
}

.basket__total span {
	color: #585858;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: line-through;
}

.basket__dump {
	position: absolute;
	right: 12px;
	bottom: 20px;
	width: 24px;
	height: 24px;
	padding: 0;
	background-color: inherit;
	border: none;
	outline: none;
}

@media (min-width: 992px) {
	.basket__dump {
		top: 20px;
		right: 20px;
	}
}

@media (min-width: 992px) {
	.basket__dump img {
		width: 24px;
	}
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.30 Order --------*/
section.order {
	padding-top: 145px;
}

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

@media (min-width: 1200px) {
	.order__wrapper {
		display: grid;
		grid-template-columns: 1fr 520px;
		grid-column-gap: 20px;
	}
}

.order__top .btn__wrapper {
	width: 100%;
	max-width: 360px;
}

.order__top .btn.btn__main {
	height: 52px;
	max-width: 360px;
	width: 100%;
}

.order h1 {
	font-family: "ClashDisplay", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 22.4px */
	letter-spacing: 0.64px;
	text-transform: none;
}

@media (min-width: 992px) {
	.order h1 {
		margin-bottom: 3rem;
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.2;
		text-transform: uppercase;
	}
}

.order__bottom {
	margin-top: 1.5rem;
}

.order__subcaption {
	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;
	margin: 30px 0 1.5rem;
}

.order__subcaption p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}

.order__subcaption span {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.55;
}

.order__progress {
	margin-bottom: 42px;
	grid-column-gap: 164px;
}

.order__progress p {
	position: relative;
	font-weight: 400;
	line-height: 1.4;
	color: #BDBDBD;
}

.order__progress p:not(:last-child):after {
	content: "";
	position: absolute;
	width: 100px;
	height: 1px;
	top: 50%;
	right: -132px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #BDBDBD;
}

.order__progress p.active {
	font-weight: 500;
	color: #FFFFFF;
}

.order__delivery {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

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

@media (min-width: 992px) {
	.order__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-row-gap: 12px;
	}
}

@media (min-width: 992px) {
	.order__inner.basket .order__total {
		padding: 0;
		grid-row-gap: 1.75rem;
	}
}

.order__inner.basket .order__total-discount {
	margin: 1rem 0 1.25rem;
}

.order__inner.basket .order__discount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px 0 12px;
	border-top: 1px solid #BDBDBD;
	cursor: pointer;
}

@media (min-width: 992px) {
	.order__inner.basket .order__discount {
		padding: 3rem 2.5rem;
		border-color: #2E2E2E;
	}
}

.order__inner.basket .order__discount-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;
	width: 100%;
}

.order__inner.basket .order__discount-header span {
	font-size: 14px;
	line-height: 150%;
	font-weight: 400;
	letter-spacing: 0.56px;
	pointer-events: none;
}

@media (min-width: 992px) {
	.order__inner.basket .order__discount-header span {
		font-size: 18px;
	}
}

.order__inner.basket .order__discount-header svg {
	fill: #ffffff;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	pointer-events: none;
}

.order__inner.basket .order__discount.active .order__discount-header svg {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.order__inner.basket .order__discount.active .order__discount-form {
	padding-top: 2rem;
	max-height: 300px;
	visibility: visible;
}

@media (min-width: 992px) {
	.order__inner.basket .order__discount.active .order__discount-form {
		padding-top: 1rem;
	}
}

.order__inner.basket .order__discount-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-row-gap: 0.75rem;
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.order__inner.basket .order__discount-form label {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

@media (min-width: 992px) {
	.order__inner.basket .order__discount-form label {
		font-size: 14px;
	}
}

.order__inner.basket .order__discount-form input {
	padding: 10px 10px 10px 20px;
	width: 100%;
	height: 56px;
	border: 2px solid #2e2e2e;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #bdbdbd;
	background: inherit;
}

@media (min-width: 992px) {
	.order__inner.basket .order__discount-form input {
		font-size: 16px;
		line-height: 155%;
	}
}

.order__inner.basket .order__discount-form .btn__wrapper {
	margin-top: 1rem;
}

@media (min-width: 992px) {
	.order__inner.basket .order__discount-form .btn__wrapper {
		margin-top: 1.5rem;
	}
}

.order__inner.basket .order__total-paid {
	padding: 0;
}

.order__summary h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.55;
	text-transform: capitalize;
}

@media (min-width: 992px) {
	.order__summary h2 {
		font-size: 28px;
		font-weight: 400;
		line-height: 1.2;
		text-transform: uppercase;
	}
}

@media (min-width: 992px) {
	.order__summary {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		grid-row-gap: 3rem;
		padding: 3rem 2.5rem;
		border: 2px solid #2E2E2E;
	}
}

@media (min-width: 992px) {
	.order__discount {
		padding: 3rem 2.5rem;
		border: 2px solid #2E2E2E;
	}
}

.order__link-back {
	position: relative;
	display: inline-block;
	margin: 0;
	padding-left: 2rem;
	font-size: 16px;
	line-height: 1.4;
}

.order__link-back:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
	width: 14px;
	height: 14px;
	background: url(../images/svg/arrow-right-fill.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.order__link-back:hover {
	color: #00FFFF;
	text-decoration: none;
}

.order__link-back:hover:after {
	left: -5px;
}

.order__list {
	display: grid;
	margin-top: 20px;
	grid-row-gap: 12px;
}

@media (min-width: 992px) {
	.order__list {
		margin: 0;
		padding-bottom: 28px;
		border-bottom: 1px solid #2E2E2E;
	}
}

.order__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 1rem;
	padding: 12px;
	border: 1px solid #2E2E2E;
}

@media (min-width: 992px) {
	.order__item {
		grid-column-gap: 2.5rem;
		padding: 0;
		border: none;
	}
}

.order__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-row-gap: 28px;
	padding: 20px 0 0;
}

@media (min-width: 992px) {
	.order__total {
		grid-row-gap: 12px;
		padding: 20px 0 0;
	}
}

.order__total p {
	font-size: 12px;
	line-height: 150%; /* 21px */
	letter-spacing: 0.56px;
}

@media screen and (min-width: 390px) {
	.order__total p {
		font-size: 14px;
	}
}

@media (min-width: 992px) {
	.order__total p {
		font-size: 18px;
		line-height: 155%;
	}
}

.order__total span {
	font-size: 12px;
	font-weight: 600;
	line-height: 155%; /* 24.8px */
	letter-spacing: 0.64px;
}

@media screen and (min-width: 390px) {
	.order__total span {
		font-size: 16px;
	}
}

@media (min-width: 992px) {
	.order__total span {
		font-size: 18px;
		font-weight: 600;
		line-height: 155%;
	}
}

.order__total-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.order__total-delivery {
	padding: 16px 0 20px;
	border-bottom: 1px solid #BDBDBD;
}

@media (min-width: 992px) {
	.order__total-delivery {
		padding: 0.5rem 0;
		border: none;
	}
}

@media (min-width: 992px) {
	.order__total-discount {
		border-bottom: 1px solid #2E2E2E;
		padding-bottom: 28px;
	}
}

.order__total-discount span {
	color: #ff00c2;
}

.order__total-paid {
	padding-top: 12px;
}

@media (min-width: 992px) {
	.order__total-paid {
		padding: 24px 0 20px;
	}
}

.order__total-paid span {
	font-size: 12px;
	font-weight: 600;
	line-height: 155%; /* 34.1px */
	letter-spacing: 0.88px;
	text-transform: uppercase;
}

@media screen and (min-width: 390px) {
	.order__total-paid span {
		font-size: 22px;
	}
}

@media (min-width: 992px) {
	.order__total-paid span {
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 0.72px;
	}
}

.order__total-checkbox.contactus__form-checkbox {
	padding-bottom: 1rem;
	display: none;
}

.order__total-checkbox.contactus__form-checkbox label:before {
	top: 6px;
}

.order__total-checkbox.contactus__form-checkbox input:checked + label:after {
	top: 10px;
}

@media (min-width: 992px) {
	.order__total-checkbox.contactus__form-checkbox {
		display: block;
	}
}

.order-privacy {
	display: none;
}

@media (min-width: 992px) {
	.order-privacy {
		display: block;
		margin-top: 48px;
		max-height: 200px;
		overflow-y: scroll;
	}
}

.order-privacy p:not(:last-child) {
	margin-bottom: 2rem;
}

.order__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-row-gap: 12px;
}

@media (min-width: 992px) {
	.order__wrap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.order__img {
	padding: 0 16px;
	border: 1px solid #2E2E2E;
}

@media screen and (min-width: 390px) {
	.order__img {
		width: 120px;
	}
}

@media (min-width: 992px) {
	.order__img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 80px;
		height: 80px;
		padding: 0;
	}
}

.order__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

@media (min-width: 992px) {
	.order__img img {
		max-width: 54px;
	}
}

.order__content {
	padding: 8px 0;
}

@media (min-width: 992px) {
	.order__content {
		padding: 0;
	}
}

.order__content--top p {
	margin-bottom: 3px;
	color: #BDBDBD;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 18px */
	letter-spacing: 0.48px;
}

@media (min-width: 992px) {
	.order__content--top p {
		display: none;
	}
}

.order__content--top h2 {
	font-size: 14px;
	font-weight: 400;
	line-height: 150%; /* 21px */
	letter-spacing: 0.56px;
}

@media (min-width: 992px) {
	.order__content--top h2 {
		font-size: 16px;
		font-weight: 500;
		line-height: 140%; /* 22.4px */
	}
}

.order__quantity {
	display: none;
}

@media (min-width: 992px) {
	.order__quantity {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 4px;
	}

	.order__quantity p, .order__quantity span {
		max-width: 120px;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 16.8px */
		letter-spacing: 0.98px;
	}
}

.order__item-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 6px;
	margin-top: 12px;
}

@media (min-width: 992px) {
	.order__item-price {
		grid-column-gap: 12px;
	}
}

.order__item-price h3 {
	font-size: 16px;
	font-weight: 600;
	line-height: 155%; /* 24.8px */
	letter-spacing: 0.64px;
}

@media (min-width: 992px) {
	.order__item-price h3 {
		font-size: 18px;
		font-weight: 400;
		letter-spacing: 0.72px;
	}
}

.order__item-price span {
	color: #585858;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2; /* 24.8px */
	letter-spacing: 0.64px;
	text-decoration: line-through;
}

@media (min-width: 992px) {
	.order__confirmation {
		padding: 3rem 2.5rem;
		border: 2px solid #2E2E2E;
	}
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.30 Stars --------*/
.rating {
	--dir: right;
	--fillbg: #BDBDBD;
	--star: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.89986 0L12.84 7.03015L19.7997 10L12.84 12.9698L9.89986 20L6.95975 12.9698L0 10L6.95975 7.03015L9.89986 0Z"/></svg>');
	--stars: 5;
	--starsize: 20px;
	--symbol: var(--star);
	--value: 1;
	--w: calc(var(--stars) * var(--starsize));
	--x: calc(100% * (var(--value) / var(--stars)));
	background: inherit;
	block-size: var(--starsize);
	inline-size: var(--w);
	position: relative;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-appearance: none;
}

[dir=rtl] .rating {
	--dir: left;
}

.rating::-moz-range-track {
	background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
	block-size: 100%;
	mask: repeat left center/var(--starsize) var(--symbol);
}

.rating::-webkit-slider-runnable-track {
	background: -webkit-gradient(linear,, color-stop(0, var(--fill)), color-stop(0, var(--fillbg)));
	background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
	block-size: 100%;
	mask: repeat left center/var(--starsize) var(--symbol);
	-webkit-mask: repeat left center/var(--starsize) var(--symbol);
}

.rating::-moz-range-thumb {
	height: var(--starsize);
	opacity: 0;
	width: var(--starsize);
}

.rating::-webkit-slider-thumb {
	height: var(--starsize);
	opacity: 0;
	width: var(--starsize);
	-webkit-appearance: none;
}

.rating, .rating-label {
	display: block;
	font-family: ui-sans-serif, system-ui, sans-serif;
}

/* NO JS */
.rating--nojs::-moz-range-progress {
	background: var(--fill);
	background: inherit;
	block-size: 100%;
	mask: repeat left center/var(--starsize) var(--star);
}

.rating--nojs::-webkit-slider-thumb {
	background-color: var(--fill);
	background-color: inherit;
	-webkit-box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
	box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
	opacity: 1;
	width: 1px;
}

[dir=rtl] .rating--nojs::-webkit-slider-thumb {
	-webkit-box-shadow: var(--w) 0 0 var(--w) var(--fill);
	box-shadow: var(--w) 0 0 var(--w) var(--fill);
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------  6.30 Delivery --------*/
.delivery__form {
	padding: 0;
	background: inherit;
}

.delivery__form h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}

.delivery__form .contactus__form {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.delivery__form .contactus__form-text {
	margin-top: 0;
}

.delivery__form .contactus__form-radio.contactus__form-radio--customer {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-column-gap: 3rem;
}

.delivery__form .contactus__form-radio.contactus__form-radio--customer label {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.delivery__form .contactus__form-radio.contactus__form-radio--customer label:before {
	border-radius: 50%;
	background-color: inherit;
	border: 1px solid #FFFFFF;
}

.delivery__form .contactus__form-radio.contactus__form-radio--customer input:checked + label:before {
	border-color: #FFFFFF;
	background-color: inherit;
}

.delivery__form .contactus__form-radio.contactus__form-radio--customer input:checked + label:after {
	border-radius: 50%;
	background: none;
	background-color: #FFFFFF;
}

.delivery__form-head--grid {
	display: grid;
	grid-template-columns: 1fr 150px 1fr;
	grid-column-gap: 8px;
}

.delivery__form-head--grid span {
	position: relative;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: 0.5px;
	background-color: #BDBDBD;
}

.delivery__form-head h3 {
	position: relative;
	padding: 20px 0;
	margin: 0;
	color: #BDBDBD;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-transform: lowercase;
	text-align: center;
}

.delivery__form .contactus__form-radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 8px;
	padding-top: 8px;
	padding-bottom: 24px;
	margin-bottom: 0;
}

.delivery__form .contactus__form-radio label {
	color: #FFFFFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5; /* 21px */
}

.delivery__form-block {
	padding: 1.5rem;
	border: 2px solid #2E2E2E;
}

@media (min-width: 992px) {
	.delivery__form-block {
		padding: 3rem 2.5rem;
	}
}

@media (max-width: 991.98px) {
	.delivery__form-block:first-child {
		border: none;
		padding: 1.5rem 0;
	}
}

.delivery__form-block:not(:first-child) {
	margin-top: 1.5rem;
}

@media (min-width: 992px) {
	.delivery__form-block:not(:first-child) {
		margin-top: 12px;
	}
}

.delivery__form-block.radio--payment, .delivery__form-block.radio--delivery {
	grid-row-gap: 20px;
}

.delivery__form-block.radio--payment h3, .delivery__form-block.radio--delivery h3 {
	margin-bottom: 1.5rem;
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: 0.64px;
}

@media (min-width: 992px) {
	.delivery__form-block.radio--payment h3, .delivery__form-block.radio--delivery h3 {
		margin-bottom: 3rem;
		font-size: 28px;
		font-weight: 400;
		line-height: 120%;
		letter-spacing: 0.56px;
		text-transform: uppercase;
	}
}

.delivery__form-block.radio--payment .contactus__form-radio, .delivery__form-block.radio--delivery .contactus__form-radio {
	padding-top: 0;
	padding-bottom: 0;
}

.delivery__form-block.radio--payment .contactus__form-radio label, .delivery__form-block.radio--delivery .contactus__form-radio label {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.delivery__form-block.radio--payment .contactus__form-radio label:before, .delivery__form-block.radio--delivery .contactus__form-radio label:before {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: inherit;
	border: 1px solid #FFFFFF;
}

.delivery__form-block.radio--payment .contactus__form-radio input:checked + label:before, .delivery__form-block.radio--delivery .contactus__form-radio input:checked + label:before {
	border-color: #00FFFF;
	background-color: inherit;
}

.delivery__form-block.radio--payment .contactus__form-radio input:checked + label:after, .delivery__form-block.radio--delivery .contactus__form-radio input:checked + label:after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background: none;
	background-color: #00FFFF;
}

@media (min-width: 992px) {
	.delivery__form-block.radio--delivery .contactus__form-radio {
		grid-row-gap: 12px;
	}
}

.delivery__form-block.radio--delivery .contactus__form-radio label {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.delivery__form-block.radio--delivery span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column-gap: 12px;
	color: #8df700;
}

.delivery__form-block.radio--delivery img {
	display: none;
}

@media (min-width: 992px) {
	.delivery__form-block.radio--delivery img {
		display: inline-block;
	}
}

@media (min-width: 992px) {
	.delivery__form-block.radio--payment .contactus__form-radio {
		grid-row-gap: 20px;
	}
}

.delivery__form-block.radio--payment .contactus__form-radio label {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.delivery__form-block.radio--payment .contactus__form-radio img {
	display: none;
}

@media (min-width: 992px) {
	.delivery__form-block.radio--payment .contactus__form-radio img {
		display: inline-block;
	}
}

.delivery__form-block.radio--payment .encryption {
	display: none;
}

@media (min-width: 992px) {
	.delivery__form-block.radio--payment .encryption {
		display: block;
		margin-top: 2rem;
		padding: 12px 24px;
		border: 1px solid var(--colors-addons-odprenie, #8df700);
		background: rgba(2, 167, 118, 0.1);
	}
}

.delivery__form-block.radio--payment .encryption p {
	position: relative;
	padding-left: 34px;
	color: #8df700;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.98px;
}

.delivery__form-block.radio--payment .encryption p::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(../images/shield-tick.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.delivery__form-second {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 16px;
	padding: 0;
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
}

.delivery__form-second.is-open {
	visibility: visible;
	max-height: 1500px;
	-webkit-transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	transition: max-height 0.8s, visibility 0.8s, overflow 0.8s;
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
	padding-bottom: 1.5rem;
}

.delivery__form-second.is-open.mt_2 {
	padding-top: 2rem;
}

@media (min-width: 992px) {
	.delivery__form-second.is-open.mt_2 {
		padding-top: 1.75rem;
	}
}

.delivery__form-second .contactus__form-head h3 {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 140%; /* 22.4px */
	letter-spacing: 0.64px;
}

@media (min-width: 992px) {
	.delivery__form-second .contactus__form-head h3 {
		font-size: 28px;
		font-weight: 400;
		line-height: 120%; /* 33.6px */
		letter-spacing: 0.56px;
	}
}

.delivery__form-second h3 {
	text-transform: capitalize;
}

@media (min-width: 992px) {
	.delivery__form-second h3 {
		text-transform: uppercase;
	}
}

.delivery__btn {
	display: none;
}

@media (min-width: 992px) {
	.delivery__btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		grid-column-gap: 12px;
		width: 100%;
		padding: 1rem 1.75rem;
		background-color: inherit;
		border: 1px solid #0ff;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}
}

.delivery__btn:hover, .delivery__btn:focus {
	background-color: #0ff;
}

.delivery__btn:hover p, .delivery__btn:focus p {
	color: #2E2E2E;
}

.delivery__btn:hover svg, .delivery__btn:focus svg {
	stroke: #2E2E2E;
	fill: #0ff;
}

.delivery__btn p {
	color: #0ff;
	font-size: 14px;
	font-weight: 400;
	line-height: 100%; /* 16.8px */
	letter-spacing: 0.98px;
	text-align: center;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.delivery__btn svg {
	stroke: #0ff;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

/*---------------------------------------*/
/*--------  6.30 Scrollbar --------*/
#scrollbar-style::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #2E2E2E;
}

#scrollbar-style::-webkit-scrollbar {
	width: 3px;
	background-color: #2E2E2E;
}

#scrollbar-style::-webkit-scrollbar-thumb {
	background-color: #fff;
}

/*---------------------------------------*/
/*--------  6.30 Confirmation --------*/
.confirmation__status {
	display: block;
	margin: 0 0 1.5rem;
	padding: 12px 1rem;
	border: 1px solid var(--colors-addons-odprenie, #8df700);
	background: rgba(2, 167, 118, 0.1);
}

.confirmation__status p {
	position: relative;
	color: #8df700;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

.confirmation__status p span {
	font-weight: 400;
}

.confirmation__orders {
	display: none;
}

@media (min-width: 992px) {
	.confirmation__orders {
		display: block;
	}
}

.confirmation__orders p {
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; /* 18px */
	letter-spacing: 0.48px;
}

.confirmation__orders p span {
	font-size: 14px;
	font-weight: 500;
	line-height: 155%; /* 21.7px */
	letter-spacing: 0.56px;
}

@media (min-width: 992px) {
	.confirmation__orders p span {
		letter-spacing: 0.72px;
	}
}

@media (min-width: 992px) {
	.confirmation__orders p {
		font-size: 18px;
		line-height: 155%; /* 27.9px */
		letter-spacing: 0.72px;
	}
}

.confirmation__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-row-gap: 12px;
	margin-top: 26px;
}

@media (min-width: 992px) {
	.confirmation__details {
		grid-row-gap: 1.5rem;
		margin-top: 3rem;
	}
}

.confirmation__img {
	display: none;
}

@media (min-width: 992px) {
	.confirmation__img {
		display: inline-block;
		margin-left: 8px;
	}
}

.confirmation__delivery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 12px;
}

.confirmation__link.link__underline {
	font-weight: 500;
	color: #0ff;
	text-decoration: none;
}

@media (min-width: 992px) {
	.confirmation__link.link__underline {
		color: #FFFFFF;
	}
}

.confirmation__link.link__underline::after {
	content: none;
	bottom: 3px;
}

@media (min-width: 992px) {
	.confirmation__link.link__underline::after {
		content: "";
	}
}

.confirmation__bottom {
	display: none;
	text-align: end;
}

@media (min-width: 992px) {
	.confirmation__bottom {
		display: block;
		margin-top: 12px;
	}
}

.confirmation__link-back {
	position: relative;
	display: inline-block;
	margin: 0;
	padding-right: 2rem;
	font-size: 16px;
	line-height: 1.4;
}

.confirmation__link-back:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../images/svg/arrow-right-fill.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.confirmation__link-back:hover {
	color: #00FFFF;
	text-decoration: none;
}

.confirmation__link-back:hover:after {
	right: 0;
}

.confirmation__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.confirmation__block h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 155%; /* 21.7px */
	letter-spacing: 0.56px;
}

@media (min-width: 992px) {
	.confirmation__block h3 {
		margin-bottom: 0.5rem;
		line-height: 150%; /* 21px */
	}
}

.confirmation__block p {
	color: #BDBDBD;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 18px */
	letter-spacing: 0.48px;
}

@media (min-width: 992px) {
	.confirmation__block p {
		color: #FFFFFF;
		font-weight: 400;
	}

	.confirmation__block p span {
		font-size: 14px;
		font-weight: 500;
		line-height: 150%; /* 21px */
		letter-spacing: 0.56px;
	}
}

.confirmation__block address {
	margin: 0;
	color: #BDBDBD;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; /* 18px */
	letter-spacing: 0.48px;
}

@media (min-width: 992px) {
	.confirmation__block address {
		color: #FFFFFF;
		font-size: 14px;
		letter-spacing: 0.56px;
	}
}

/*---------------------------------------*/
/*--------  6.30 Office --------*/
.office .container {
	padding-top: 182px;
}

.office__wrapper {
	position: relative;
}

@media (min-width: 992px) {
	.office__wrapper {
		display: grid;
		grid-template-columns: 305px 1fr;
		grid-column-gap: 20px;
		padding-top: 3.5rem;
	}
}

@media (min-width: 992px) {
	.office__inner {
		padding: 3.5rem 40px;
		max-width: 740px;
		border: 2px solid #2E2E2E;
	}
}

.office__subtitle {
	margin-bottom: 3rem;
}

.office__subtitle h2 {
	padding-bottom: 1.5rem;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 33.6px */
	letter-spacing: 0.56px;
	text-transform: uppercase;
	border-bottom: 1px solid #2E2E2E;
}

@media (min-width: 992px) {
	.office__subtitle h2 {
		font-size: 28px;
	}
}

.office__title {
	display: none;
}

@media (min-width: 992px) {
	.office__title {
		display: block;
		padding-bottom: 42px;
		font-family: "ClashDisplay", sans-serif;
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.56px;
		text-transform: uppercase;
	}
}

.office__navigation--mobile {
	margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
	.office__navigation--mobile {
		display: none;
	}
}

.office__navigation--desk {
	display: none;
}

@media (min-width: 992px) {
	.office__navigation--desk {
		display: block;
	}
}

.office__navigation .select {
	height: 57px;
}

.office__navigation .select--opened .select__title {
	color: #585858;
}

.office__navigation .select__wrapper {
	border: none;
}

.office__navigation .select__title {
	font-family: "ClashDisplay", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 25.2px */
	letter-spacing: 0.72px;
	text-transform: inherit;
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
}

@media (min-width: 992px) {
	.office__navigation .select__title {
		display: none;
	}
}

.office__navigation .select__trigger {
	background-color: #2E2E2E;
}

.office__navigation .select__list {
	background-color: #2E2E2E;
}

.office__navigation .select__item a {
	color: #FFFFFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 25.2px */
	letter-spacing: 0.72px;
}

.office__navigation .select__item a:hover {
	text-decoration: none;
}

.office__navigation .nav__item a, .office__navigation .nav__item p {
	padding: 12px 0 12px 1rem;
	color: #FFFFFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 30.8px */
	letter-spacing: 0.88px;
}

.office__navigation .nav__item p {
	font-weight: 500;
	background-color: #2E2E2E;
}

.office__logout {
	margin-top: 4rem;
	padding: 0 0 12px 1rem;
	color: #FFFFFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 30.8px */
	letter-spacing: 0.88px;
	text-decoration: none;
}

.office__logout:hover {
	color: #FFFFFF;
}

/*---------------------------------------*/
/*--------  6.30 Perosnal --------*/
.personal .contactus__form-checkbox {
	margin: 1.5rem 0;
}

.personal .contactus__form-checkbox input:checked + label::after {
	top: 4px;
}

.personal .contactus__form-checkbox label {
	color: #FFFFFF;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

.personal .contactus__form-checkbox label::before {
	top: 0;
}

.personal .contactus__form-checkbox .info-message {
	display: inline-block;
	padding-left: 28px;
}

.personal__form-block {
	padding-bottom: 2rem;
}

@media (min-width: 992px) {
	.personal__form-block {
		padding-bottom: 1.5rem;
	}
}

.personal .contactus__form-radio--customer {
	padding: 0;
	margin-bottom: 1.5rem;
	min-height: -webkit-fit-content;
	min-height: -moz-fit-content;
	min-height: fit-content;
}

.personal .contactus__form-body {
	grid-row-gap: 1.5rem;
}

.personal .contactus__form-footer {
	margin-top: 2rem;
}

@media (min-width: 992px) {
	.personal .contactus__form-footer {
		margin-top: 3rem;
	}
}

.personal__btn-delete {
	position: relative;
	display: inline-block;
	padding: 0;
	color: #FFFFFF;
	border: none;
	background-color: inherit;
}

.personal__btn-delete::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #BDBDBD;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.personal__btn-delete:hover::after {
	width: 0;
}

/*---------------------------------------*/
/*--------  6.30 Addresses --------*/
.addresses__wrapper.grid {
	display: grid;
	grid-row-gap: 1.5rem;
}

.addresses__wrapper.grid .btn__wrapper--arrow {
	max-width: 412px;
}

.addresses__wrapper .office__inner {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.addresses__empty {
	max-width: 333px;
}

.addresses__content p {
	margin-top: 1.5rem;
	padding: 1.5rem 0 1rem;
	border-top: 1px solid #2E2E2E;
	font-size: 22px;
	line-height: 140%; /* 30.8px */
	letter-spacing: 0.88px;
}

.addresses__content span {
	color: #585858;
	font-size: 14px;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

.addresses__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-column-gap: 3.5rem;
	grid-row-gap: 1.5rem;
}

@media (max-width: 991.98px) {
	.addresses__list {
		border: 2px solid #2E2E2E;
		padding: 20px;
	}
}

.addresses__list h3 {
	margin-bottom: 0.5rem;
	font-size: 22px;
	line-height: 140%; /* 30.8px */
	letter-spacing: 0.88px;
}

.addresses__list address {
	margin-bottom: 2rem;
	color: #585858;
	font-size: 16px;
	font-weight: 400;
	line-height: 155%; /* 24.8px */
	letter-spacing: 0.64px;
}

.addresses__buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-column-gap: 0.5rem;
}

.addresses__buttons button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1rem;
	grid-column-gap: 0.25rem;
	border: 1px solid #585858;
	background-color: inherit;
}

.addresses__buttons button p {
	color: #BDBDBD;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
}

/*---------------------------------------*/
/*--------  6.30 Orders --------*/
.orders__wrapper {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.orders__wrapper.grid {
	display: grid;
	grid-row-gap: 1.5rem;
}

@media (min-width: 992px) {
	.orders__wrapper.grid {
		width: 100%;
	}
}

.orders__wrapper.grid .btn__wrapper--arrow {
	max-width: 412px;
}

.orders__wrapper .office__inner {
	width: 100%;
	max-width: 100%;
}

.orders__empty {
	max-width: 333px;
	display: grid;
	grid-row-gap: 1.5rem;
}

@media (min-width: 992px) {
	.orders__empty {
		grid-row-gap: 3rem;
	}
}

.orders__content p {
	font-size: 22px;
	line-height: 140%; /* 30.8px */
	letter-spacing: 0.88px;
}

.orders__content span {
	color: #585858;
	font-size: 14px;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.98px;
}

.orders__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-row-gap: 1.5rem;
}

@media (min-width: 992px) {
	.orders__list {
		grid-row-gap: 3rem;
	}
}

.orders__item {
	padding-bottom: 3rem;
	border-bottom: 1px solid #2E2E2E;
}

.orders .order__inner {
	margin-bottom: 3rem;
}

.orders .order__list {
	padding: 0;
	border: none;
}

.orders .order__item {
	padding: 0;
	grid-column-gap: 20px;
	border: none;
}

.orders .order__summary {
	padding: 0;
	border: none;
}

.orders__caption {
	font-size: 18px;
	font-weight: 400;
	line-height: 155%;
	letter-spacing: 0.72px;
}

.orders__caption span {
	font-weight: 500;
}

.orders__details {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 1.5rem 0 3.5rem;
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
}

@media (min-width: 992px) {
	.orders__details {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.orders__block h3 {
	font-size: 14px;
	font-weight: 500;
	line-height: 150%; /* 21px */
	letter-spacing: 0.56px;
}

@media (min-width: 992px) {
	.orders__block h3 {
		margin-bottom: 0.5rem;
	}
}

.orders__block p, .orders__block address {
	color: #BDBDBD;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%; /* 21px */
	letter-spacing: 0.56px;
}

.orders__link {
	width: 100%;
	max-width: 400px;
	padding: 1rem;
	grid-column-gap: 0.25rem;
	border: 1px solid #585858;
	background-color: inherit;
	text-align: center;
}

.orders__link p {
	color: #BDBDBD;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

@media (min-width: 992px) {
	.orders__link {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
}

/*---------------------------------------*/
/*--------  6.30 Logo --------*/
.logo {
	position: relative;
	overflow: hidden;
	height: 100vh;
}

@media (min-width: 992px) {
	.logo {
		min-height: 900px;
	}
}

@media (min-width: 992px) {
	.logo__wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 992px) {
	.logo .container {
		position: relative;
	}
}

.logo__img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}

@media (min-width: 992px) {
	.logo__img {
		position: relative;
		left: 0;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		-webkit-transform: none;
		transform: none;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media (min-width: 992px) {
	.logo__img img {
		width: 580px;
	}
}

.logo__bg {
	position: relative;
	left: -270px;
}

@media (min-width: 992px) {
	.logo__bg {
		left: 0;
		max-height: 750px;
	}
}

@media (min-width: 992px) {
	.logo__bg img {
		width: 1470px;
	}
}

/*---------------------------------------*/
/*---------------------------------------*/
/*--------   5.2. Main         --------*/
/*---------------------------------------*/
/*---------------------------------------*/
/*--------   7. Pages   --------*/
/*---------------------------------------*/
/*--------  7.8 About --------*/
.about .goal__list {
	display: grid;
	grid-row-gap: 1.75rem;
	grid-column-gap: 1.75rem;
}

@media (min-width: 992px) {
	.about .goal__list {
		grid-template-columns: repeat(4, 1fr);
	}
}

.about .goal__item {
	padding: 2rem 1.75rem;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border: 2px solid #2E2E2E;
}

.about .goal__item h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 155%; /* 31px */
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.about .goal__item p {
	margin: 0.75rem 0 1rem;
	color: #aeaeae;
	font-size: 18px;
	font-weight: 400;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.72px;
}

.about .advantages__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-row-gap: 3.5rem;
}

@media (min-width: 992px) {
	.about .advantages__list {
		grid-row-gap: 4.5rem;
	}
}

.about .advantages__item {
	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;
}

@media (min-width: 992px) {
	.about .advantages__item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		grid-column-gap: 6.5rem;
	}
}

@media (min-width: 992px) {
	.about .advantages__item:nth-child(2n) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}
}

.about .advantages__content {
	margin-top: 2rem;
}

@media (min-width: 992px) {
	.about .advantages__content {
		max-width: 580px;
	}
}

.about .advantages__content h3 {
	margin-bottom: 0.75rem;
	font-family: "Ethnocentric", sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 115%; /* 25.3px */
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.about .advantages__content h3 {
		font-size: 42px;
	}
}

.about .advantages__content p {
	color: #aeaeae;
	line-height: 150%; /* 21px */
	letter-spacing: 0.56px;
}

@media (min-width: 992px) {
	.about .advantages__content p {
		font-size: 18px;
		line-height: 155%; /* 27.9px */
		letter-spacing: 0.72px;
	}
}

.about .advantages__img {
	width: 100%;
}

@media (min-width: 992px) {
	.about .advantages__img {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
}

.about .advantages__img img {
	width: 100%;
}

@media (min-width: 992px) {
	.about .advantages__img img {
		width: 520px;
	}
}

/*---------------------------------------*/
/*--------  7.9 Works-------*/
.works h1.title-svg {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 992px) {
	.works h1.title-svg img {
		height: 48px;
	}
}

.works .advantages__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-row-gap: 3.5rem;
}

@media (min-width: 992px) {
	.works .advantages__list {
		grid-row-gap: 4.5rem;
	}
}

.works .advantages__item {
	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;
}

@media (min-width: 992px) {
	.works .advantages__item {
		-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: start;
		-ms-flex-pack: start;
		justify-content: start;
		grid-column-gap: 6.5rem;
	}
}

@media (min-width: 992px) {
	.works .advantages__item:nth-child(2n) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}
}

.works .advantages__content {
	margin-top: 2rem;
}

@media (min-width: 992px) {
	.works .advantages__content {
		max-width: 580px;
	}
}

.works .advantages__content h3 {
	margin-bottom: 0.75rem;
	font-size: 28px;
	line-height: 130%; /* 36.4px */
	letter-spacing: 0.56px;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.works .advantages__content h3 {
		margin-bottom: 1.5rem;
		font-size: 42px;
		line-height: 120%; /* 50.4px */
		letter-spacing: 0.84px;
	}
}

.works .advantages__content h3 img {
	display: none;
}

@media (min-width: 992px) {
	.works .advantages__content h3 img {
		display: inline-block;
		height: 48px;
	}
}

.works .advantages__content p {
	color: #aeaeae;
	line-height: 150%; /* 21px */
	letter-spacing: 0.56px;
}

@media (min-width: 992px) {
	.works .advantages__content p {
		font-size: 18px;
		line-height: 155%; /* 27.9px */
		letter-spacing: 0.72px;
	}
}

.works .advantages__img {
	width: 100%;
}

@media (min-width: 992px) {
	.works .advantages__img {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
}

.works .advantages__img img {
	width: 100%;
}

@media (min-width: 992px) {
	.works .advantages__img img {
		width: 520px;
	}
}

@media (min-width: 992px) {
	.works .start__wrapper {
		padding: 0 6.5rem;
	}
}

.works .start__wrapper p {
	color: #aeaeae;
	font-size: 18px;
	font-weight: 400;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.72px;
}

.works .start__list {
	display: grid;
	grid-row-gap: 1.75rem;
	margin: 40px 0;
}

@media (min-width: 1200px) {
	.works .start__list {
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 1.75rem;
		margin: 4.5rem 0 6rem;
	}
}

.works .start__list li {
	padding: 2rem 1.75rem;
	border: 2px solid #2E2E2E;
}

@media (min-width: 992px) {
	.works .start__list li {
		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: start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 40px;
	}
}

.works .start__list h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 155%; /* 31px */
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.works .start__list p {
	margin: 0.75rem 0 0;
}

.works .start__list a {
	position: relative;
	display: inline-block;
	margin-top: 1.75rem;
}

.works .start__list a:hover:after {
	right: -45px;
}

.works .start__list a:after {
	position: absolute;
	content: "";
	top: 50%;
	right: -35px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../images/svg/arrow-right-fill.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.works .start__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-row-gap: 1.75rem;
}

@media (min-width: 992px) {
	.works .start__inner {
		-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;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.works .start__inner h3 {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 400;
	line-height: 120%; /* 33.6px */
	letter-spacing: 0.56px;
	text-transform: uppercase;
}

.works .start__inner .btn__main {
	height: 52px;
}

@media (min-width: 1200px) {
	.works .start__inner .btn__main {
		height: 62px;
	}
}

@media (min-width: 992px) {
	.works .start__footer {
		max-width: 630px;
	}
}

.use__wrapper {
	overflow: hidden;
}

@media (min-width: 992px) {
	.use__wrapper {
		padding: 0 80px;
	}
}

.use__inner {
	position: relative;
}

.use__category {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto 3rem;
	border: 2px solid #2E2E2E;
	overflow-x: scroll;
	width: 100%;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.use__category::-webkit-scrollbar {
	display: none;
}

@media (min-width: 992px) {
	.use__category {
		margin: 0 auto 4.5rem;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		overflow: visible;
	}
}

.use__category button {
	padding: 0.75rem 20px;
	background-color: inherit;
	border: none;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.72px;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (min-width: 992px) {
	.use__category button {
		font-size: 20px;
		letter-spacing: 0.8px;
	}
}

.use__category button:not(:last-child) {
	border-right: 2px solid #2E2E2E;
}

.use__category button.active {
	background-color: #2E2E2E;
}

.use__block {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

@media (min-width: 992px) {
	.use__block {
		display: grid;
		grid-template-columns: 420px 1fr;
		grid-column-gap: 150px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.use__block.active {
	opacity: 1;
	max-height: 2000px;
	visibility: visible;
	-webkit-transition: all 2s 0.8s;
	transition: all 2s 0.8s;
}

.use__list {
	display: grid;
	grid-row-gap: 3.5rem;
}

.use__list li {
	position: relative;
	counter-increment: number;
	padding-top: 84px;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.72px;
	text-align: center;
}

.use__list li::before {
	content: counter(number);
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #FF00C2;
	font-family: "Ethnocentric", sans-serif;
	font-size: 96px;
	font-style: normal;
	font-weight: 400;
	line-height: 64px;
	letter-spacing: 3.84px;
}

@media (min-width: 992px) {
	.use__list li {
		padding: 0;
		text-align: left;
		z-index: 2;
	}

	.use__list li::before {
		top: 50%;
		left: auto;
		right: 100%;
		-webkit-transform: translate(1rem, -50%);
		transform: translate(1rem, -50%);
		z-index: -1;
	}
}

.use__img {
	display: none;
}

@media (min-width: 992px) {
	.use__img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		/*width: 420px;
    height: 440px;
    padding: 30px 0;*/
		padding: 0;
		width: 100%;
		height: auto;
		border: 1px solid #585858;
	}

	.use__img img {
		width: 100%;
		height: auto;
	}
}

/*---------------------------------------*/
/*--------  7.10 Orders --------*/
@media screen and (max-width: 991px) and (max-height: 660px) {
	.errorpage section#hero {
		height: 100%;
	}
}

@media (max-width: 991.98px) {
	.errorpage section#hero .container {
		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;
		padding: 132px 20px;
	}
}

@media (min-width: 992px) {
	.errorpage section#hero .container {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media (max-width: 991.98px) {
	.errorpage section#hero .hero__box-left {
		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;
	}
}

@media (min-width: 992px) {
	.errorpage section#hero .hero__box-left {
		max-width: 420px;
	}
}

.errorpage section#hero h1 {
	font-family: "ClashDisplay", sans-serif;
	font-size: 90px;
	font-weight: 700;
	line-height: 115%; /* 103.5px */
	text-transform: uppercase;
	text-align: center;
}

@media (min-width: 992px) {
	.errorpage section#hero h1 {
		font-size: 130px;
		text-align: left;
	}
}

.errorpage section#hero p {
	margin-top: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 155%; /* 31px */
	letter-spacing: 0.8px;
	text-align: center;
}

@media (min-width: 992px) {
	.errorpage section#hero p {
		text-align: left;
	}
}

.errorpage section#hero .hero__img {
	position: relative;
	height: 166px;
	width: 165px;
}

@media (min-width: 992px) {
	.errorpage section#hero .hero__img {
		position: absolute;
		top: 50%;
		right: 10%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 520px;
		height: 525px;
	}
}

@media screen and (min-width: 1200px) and (min-height: 1000px) {
	.errorpage section#hero .hero__img {
		width: 820px;
		height: 825px;
	}
}

.errorpage section#hero .hero__img img {
	position: relative;
	top: 0;
	bottom: auto;
	width: 100%;
	height: 100%;
}

@media (min-width: 992px) {
	.errorpage section#hero .hero__img img {
		position: absolute;
		bottom: -140px;
	}
}

.errorpage section#hero .btn.btn__main {
	height: 52px;
}

@media (min-width: 1200px) {
	.errorpage section#hero .btn.btn__main {
		height: 62px;
	}
}

.errorpage #errorpage__img {
	margin: 0 auto 2.5rem;
}

/*---------------------------------------*/
/*---------------------------------------*/
@media screen and (max-width: 991px) and (max-height: 660px) {
	.errorpage section#hero {
		height: 100%;
	}
}

@media (max-width: 991.98px) {
	.errorpage section#hero .container {
		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;
		padding: 132px 20px;
	}
}

@media (min-width: 992px) {
	.errorpage section#hero .container {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media (max-width: 991.98px) {
	.errorpage section#hero .hero__box-left {
		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;
	}
}

@media (min-width: 992px) {
	.errorpage section#hero .hero__box-left {
		max-width: 420px;
	}
}

.errorpage section#hero h1 {
	font-family: "ClashDisplay", sans-serif;
	font-size: 90px;
	font-weight: 700;
	line-height: 115%; /* 103.5px */
	text-transform: uppercase;
	text-align: center;
}

@media (min-width: 992px) {
	.errorpage section#hero h1 {
		font-size: 130px;
		text-align: left;
	}
}

.errorpage section#hero p {
	margin-top: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 155%; /* 31px */
	letter-spacing: 0.8px;
	text-align: center;
}

@media (min-width: 992px) {
	.errorpage section#hero p {
		text-align: left;
	}
}

.errorpage section#hero .hero__img {
	position: relative;
	height: 166px;
	width: 165px;
}

@media (min-width: 992px) {
	.errorpage section#hero .hero__img {
		position: absolute;
		top: 50%;
		right: 10%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 520px;
		height: 525px;
	}
}

@media screen and (min-width: 1200px) and (min-height: 1000px) {
	.errorpage section#hero .hero__img {
		width: 820px;
		height: 825px;
	}
}

.errorpage section#hero .hero__img img {
	position: relative;
	top: 0;
	bottom: auto;
	width: 100%;
	height: 100%;
}

@media (min-width: 992px) {
	.errorpage section#hero .hero__img img {
		position: absolute;
		bottom: -140px;
	}
}

.errorpage section#hero .btn.btn__main {
	height: 52px;
}

@media (min-width: 1200px) {
	.errorpage section#hero .btn.btn__main {
		height: 62px;
	}
}

.errorpage #errorpage__img {
	margin: 0 auto 2.5rem;
}

/*---------------------------------------*/
/*--------          8. Form      --------*/
/*---------------------------------------*/
.isApp .container {
	padding-top: 30px !important;
}
.isApp #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
	display: none !important;
}

.grecaptcha-badge {
	z-index: 3;
}