@charset "utf-8";

/* Defaults */
:root {
	/* Inputs and colors */
	--input-color: #777777;
	--input-border: #dddddd;
	--input-background-hover: #f6f6f6;
	--input-background: #fff;
	--input-placeholder: #CBD1DC;
	--input-border-focus: #275EFE;

	--a: #418ad8;
	--a-hover: #2669b1;

	--main: #32739D;
	--dark: #000;

	--text: #000;
	--text-light: #fff;

	--height: 55px;

	/* Flexbox */
	--gutter-width: 16px;
	--outer-margin: 32px;
	--gutter-compensation: calc((var(--gutter-width) * 0.5) * -1);
	--half-gutter-width: calc((var(--gutter-width) * 0.5));
	--xs-min: 0rem;
	--sm-min: 576px;
	--md-min: 768px;
	--lg-min: 992px;
	--xl-min: 1200px;

	--gap: 16px;
	--gap-l: 90px;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-SemiBoldItalic.eot');
	src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
		url('../fonts/OpenSans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-SemiBoldItalic.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-LightItalic.eot');
	src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
		url('../fonts/OpenSans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-LightItalic.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-Bold.eot');
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('../fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot');
	src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
		url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-Light.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url('../fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-Light.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-Italic.eot');
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url('../fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-Italic.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-Regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
		url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-SemiBold.eot');
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
		url('../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-ExtraBold.eot');
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
		url('../fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-BoldItalic.eot');
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
		url('../fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}


.page--box {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

header {
	flex: 0 0 auto;
	height: 100px;
}

/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
header.sticky .header--top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 2000;
	margin: 0;
	padding: 12px 8px;
}

/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
header.sticky .header--top {
	margin-top: 0
}
.header--box {  display: flex  ;  margin-top: 10px;  align-items: center;  }
.header--box.container {padding-left: 0;padding-right: 0}
.sticky .header--box.container {padding-left: 16px;padding-right: 16px}

@media (max-width: 1232px) {
	.sticky .header--box.container {    padding-left: 8px;padding-right: 8px;}
}

@media (max-width: 767px) {
	header {
		height: 76px;
	}
}

main {
	flex: 1 0 auto;
	background-color: #eee;
}

/* 1 flex-grow, 0 flex-shrink, auto flex-basis */
footer {
	flex: 0 0 auto;
}

/* 1 flex-grow, 0 flex-shrink, auto flex-basis */

html,
body,
div,
span,
applet,
object,
iframe,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
button {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

body * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */
/* Remove the margin in all browsers. */
body {
	font-family: 'Open Sans';
	font-size: 14px;
	-webkit-overflow-scrolling: touch;
	color: var(--text)
}

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

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

.site--h1 {
	margin: 90px 0 30px 0
}

@media all and (max-width: 1480px) {

	h1,
	.h1 {
		font-size: 28px;
		line-height: 34px;
	}

	h2,
	.h2 {
		font-size: 24px;
		line-height: 29px;
	}

	.site--h1 {
		margin: 70px 0 30px 0
	}
}

@media all and (max-width: 1152px) {

	h1,
	.h1 {
		font-size: 24px;
		line-height: 28px;
	}

	h2,
	.h2 {
		font-size: 20px;
		line-height: 26px;
	}

	.site--h1 {
		margin: 50px 0 30px 0
	}
}

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

	h1,
	.h1 {
		font-size: 20px;
		line-height: 24px;
	}

	h2,
	.h2 {
		font-size: 18px;
		line-height: 22px;
	}

	p,
	.p,
	li,
	.li {
		font-size: 14px;
		line-height: 20px;
	}

	.site--h1 {
		margin: 30px 0 30px 0
	}
}

/* Grouping content
   ========================================================================== */

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

hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

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

pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */

/* Remove the gray background on active links in IE 10. */
a {
	background-color: transparent;
	color: var(--a);
	text-decoration: none;
}

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

abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

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

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

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
	/* 1 */
	text-transform: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Interactive
   ========================================================================== */

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

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

/* Misc
   ========================================================================== */

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

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

/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
	width: 6px;
	/* ширина для вертикального скролла */
	height: 6px;
	/* высота для горизонтального скролла */
	background-color: #eee;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
	background-color: var(--main);
	border-radius: 0;
	box-shadow: none;
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--main);
}

/* Стрелки */
::-webkit-scrollbar-button:vertical:start:decrement {
	display: none
}

::-webkit-scrollbar-button:vertical:end:increment {
	display: none
}

::-webkit-scrollbar-button:horizontal:start:decrement {
	display: none
}

::-webkit-scrollbar-button:horizontal:end:increment {
	display: none
}

/* Flexboxgrid 6.3.1 */
@custom-media --sm-viewport only screen and (min-width: 576px);
@custom-media --md-viewport only screen and (min-width: 768px);
@custom-media --lg-viewport only screen and (min-width: 992px);
@custom-media --xl-viewport only screen and (min-width: 1200px);

@custom-media --xs-only only screen and (max-width: 575px);
@custom-media --sm-only only screen and (min-width: 576px) and (max-width: 767px);
@custom-media --md-only only screen and (min-width: 768px) and (max-width: 991px);
@custom-media --lg-only only screen and (min-width: 992px) and (max-width: 1199px);
@custom-media --xl-only only screen and (min-width: 1200px);

.container {
	box-sizing: border-box;
	padding-right: 16px;
	padding-left: 16px;
	max-width: 1500px;
	margin: 0 auto;
	width: 100%
}

.container-fluid {
	padding-right: var(--gutter-width, 16px);
	padding-left: var(--gutter-width, 16px);
}

@media (--sm-viewport) {
	.container {
		width: calc(var(--sm-min) - var(--gutter-width));
		max-width: 100%;
	}
}

@media (--md-viewport) {
	.container {
		width: calc(var(--md-min) - var(--gutter-width));
		max-width: 100%;
	}
}

@media (--lg-viewport) {
	.container {
		width: calc(var(--lg-min) - var(--gutter-width));
		max-width: 100%;
	}
}

@media (--xl-viewport) {
	.container {
		width: calc(var(--xl-min) - var(--gutter-width));
		max-width: 100%;
	}
}

.row {
	box-sizing: border-box;
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	flex-wrap: wrap;
	margin-right: var(--gutter-compensation, -08px);
	margin-left: var(--gutter-compensation, -08px);
}

.row.reverse {
	flex-direction: row-reverse;
}

.col.reverse {
	flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-offset-0,
.col-xl-offset-1,
.col-xl-offset-2,
.col-xl-offset-3,
.col-xl-offset-4,
.col-xl-offset-5,
.col-xl-offset-6,
.col-xl-offset-7,
.col-xl-offset-8,
.col-xl-offset-9,
.col-xl-offset-10,
.col-xl-offset-11,
.col-xl-offset-12 {
	box-sizing: border-box;
	flex: 0 0 auto;
	flex-basis: 100%;
	padding-right: var(--half-gutter-width, 8px);
	padding-left: var(--half-gutter-width, 8px);
	max-width: 100%;
}

.col-xs {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
}

.col-xs-1 {
	flex-basis: 8.33333333%;
	max-width: 8.33333333%;
}

.col-xs-2 {
	flex-basis: 16.66666667%;
	max-width: 16.66666667%;
}

.col-xs-3 {
	flex-basis: 25%;
	max-width: 25%;
}

.col-xs-4 {
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
}

.col-xs-5 {
	flex-basis: 41.66666667%;
	max-width: 41.66666667%;
}

.col-xs-6 {
	flex-basis: 50%;
	max-width: 50%;
}

.col-xs-7 {
	flex-basis: 58.33333333%;
	max-width: 58.33333333%;
}

.col-xs-8 {
	flex-basis: 66.66666667%;
	max-width: 66.66666667%;
}

.col-xs-9 {
	flex-basis: 75%;
	max-width: 75%;
}

.col-xs-10 {
	flex-basis: 83.33333333%;
	max-width: 83.33333333%;
}

.col-xs-11 {
	flex-basis: 91.66666667%;
	max-width: 91.66666667%;
}

.col-xs-12 {
	flex-basis: 100%;
	max-width: 100%;
}

.col-xs-offset-0 {
	margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.start-xs {
	justify-content: flex-start;
	text-align: start;
}

.center-xs {
	justify-content: center;
	text-align: center;
}

.end-xs {
	justify-content: flex-end;
	text-align: end;
}

.top-xs {
	align-items: flex-start;
}

.middle-xs {
	align-items: center;
}

.bottom-xs {
	align-items: flex-end;
}

.around-xs {
	justify-content: space-around;
}

.between-xs {
	justify-content: space-between;
}

.first-xs {
	order: -1;
}

.last-xs {
	order: 1;
}

.initial-order-xs {
	order: initial;
}

@media (--sm-viewport) {
	.col-sm {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%;
	}

	.col-sm-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.col-sm-2 {
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.col-sm-3 {
		flex-basis: 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.col-sm-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.col-sm-6 {
		flex-basis: 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.col-sm-8 {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.col-sm-9 {
		flex-basis: 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.col-sm-11 {
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.col-sm-12 {
		flex-basis: 100%;
		max-width: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

	.start-sm {
		justify-content: flex-start;
		text-align: start;
	}

	.center-sm {
		justify-content: center;
		text-align: center;
	}

	.end-sm {
		justify-content: flex-end;
		text-align: end;
	}

	.top-sm {
		align-items: flex-start;
	}

	.middle-sm {
		align-items: center;
	}

	.bottom-sm {
		align-items: flex-end;
	}

	.around-sm {
		justify-content: space-around;
	}

	.between-sm {
		justify-content: space-between;
	}

	.first-sm {
		order: -1;
	}

	.last-sm {
		order: 1;
	}

	.initial-order-sm {
		order: initial;
	}
}

@media (--md-viewport) {

	.col-md,
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-offset-0,
	.col-md-offset-1,
	.col-md-offset-2,
	.col-md-offset-3,
	.col-md-offset-4,
	.col-md-offset-5,
	.col-md-offset-6,
	.col-md-offset-7,
	.col-md-offset-8,
	.col-md-offset-9,
	.col-md-offset-10,
	.col-md-offset-11,
	.col-md-offset-12 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding-right: var(--half-gutter-width, 08px);
		padding-left: var(--half-gutter-width, 08px);
	}

	.col-md {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%;
	}

	.col-md-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.col-md-2 {
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.col-md-3 {
		flex-basis: 25%;
		max-width: 25%;
	}

	.col-md-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.col-md-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.col-md-6 {
		flex-basis: 50%;
		max-width: 50%;
	}

	.col-md-7 {
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.col-md-8 {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.col-md-9 {
		flex-basis: 75%;
		max-width: 75%;
	}

	.col-md-10 {
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.col-md-11 {
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.col-md-12 {
		flex-basis: 100%;
		max-width: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

	.start-md {
		justify-content: flex-start;
		text-align: start;
	}

	.center-md {
		justify-content: center;
		text-align: center;
	}

	.end-md {
		justify-content: flex-end;
		text-align: end;
	}

	.top-md {
		align-items: flex-start;
	}

	.middle-md {
		align-items: center;
	}

	.bottom-md {
		align-items: flex-end;
	}

	.around-md {
		justify-content: space-around;
	}

	.between-md {
		justify-content: space-between;
	}

	.first-md {
		order: -1;
	}

	.last-md {
		order: 1;
	}

	.initial-order-md {
		order: initial;
	}
}

@media (--lg-viewport) {

	.col-lg,
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-offset-0,
	.col-lg-offset-1,
	.col-lg-offset-2,
	.col-lg-offset-3,
	.col-lg-offset-4,
	.col-lg-offset-5,
	.col-lg-offset-6,
	.col-lg-offset-7,
	.col-lg-offset-8,
	.col-lg-offset-9,
	.col-lg-offset-10,
	.col-lg-offset-11,
	.col-lg-offset-12 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding-right: var(--half-gutter-width, 08px);
		padding-left: var(--half-gutter-width, 08px);
	}

	.col-lg {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%;
	}

	.col-lg-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.col-lg-2 {
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.col-lg-3 {
		flex-basis: 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.col-lg-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.col-lg-6 {
		flex-basis: 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.col-lg-8 {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.col-lg-9 {
		flex-basis: 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.col-lg-11 {
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.col-lg-12 {
		flex-basis: 100%;
		max-width: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

	.start-lg {
		justify-content: flex-start;
		text-align: start;
	}

	.center-lg {
		justify-content: center;
		text-align: center;
	}

	.end-lg {
		justify-content: flex-end;
		text-align: end;
	}

	.top-lg {
		align-items: flex-start;
	}

	.middle-lg {
		align-items: center;
	}

	.bottom-lg {
		align-items: flex-end;
	}

	.around-lg {
		justify-content: space-around;
	}

	.between-lg {
		justify-content: space-between;
	}

	.first-lg {
		order: -1;
	}

	.last-lg {
		order: 1;
	}

	.initial-order-lg {
		order: initial;
	}
}

@media (--xl-viewport) {

	.col-xl,
	.col-xl-1,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-offset-0,
	.col-xl-offset-1,
	.col-xl-offset-2,
	.col-xl-offset-3,
	.col-xl-offset-4,
	.col-xl-offset-5,
	.col-xl-offset-6,
	.col-xl-offset-7,
	.col-xl-offset-8,
	.col-xl-offset-9,
	.col-xl-offset-10,
	.col-xl-offset-11,
	.col-xl-offset-12 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding-right: var(--half-gutter-width, 08px);
		padding-left: var(--half-gutter-width, 08px);
	}

	.col-xl {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%;
	}

	.col-xl-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
	}

	.col-xl-2 {
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
	}

	.col-xl-3 {
		flex-basis: 25%;
		max-width: 25%;
	}

	.col-xl-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
	}

	.col-xl-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
	}

	.col-xl-6 {
		flex-basis: 50%;
		max-width: 50%;
	}

	.col-xl-7 {
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
	}

	.col-xl-8 {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
	}

	.col-xl-9 {
		flex-basis: 75%;
		max-width: 75%;
	}

	.col-xl-10 {
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
	}

	.col-xl-11 {
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
	}

	.col-xl-12 {
		flex-basis: 100%;
		max-width: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

	.start-xl {
		justify-content: flex-start;
		text-align: start;
	}

	.center-xl {
		justify-content: center;
		text-align: center;
	}

	.end-xl {
		justify-content: flex-end;
		text-align: end;
	}

	.top-xl {
		align-items: flex-start;
	}

	.middle-xl {
		align-items: center;
	}

	.bottom-xl {
		align-items: flex-end;
	}

	.around-xl {
		justify-content: space-around;
	}

	.between-xl {
		justify-content: space-between;
	}

	.first-xl {
		order: -1;
	}

	.last-xl {
		order: 1;
	}

	.initial-order-xl {
		order: initial;
	}
}

@media (--xs-only) {
	.hidden-xs {
		display: none;
	}
}

@media (--sm-only) {
	.hidden-sm {
		display: none;
	}
}

@media (--md-only) {
	.hidden-md {
		display: none;
	}
}

@media (--lg-only) {
	.hidden-lg {
		display: none;
	}
}

@media (--xl-only) {
	.hidden-xl {
		display: none;
	}
}

.filter--container {
	margin: 0 auto;
}

a,
svg,
.button {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s
}

.selectGroup input {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	-ms-transition: none
}

.button {
	padding: 15px 45px;
}

.svg--stroke svg * {
	stroke: var(--dark);
	stroke-width: 2px;
	fill: transparent
}

.svg--fill svg * {
	fill: var(--dark)
}

.btn {
	font-size: 16px;
	background-color: #fff;
	border: 1px solid var(--main);
	border-radius: 10px;
	min-height: var(--height);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	cursor: pointer;
	transition: background-color .4s;
	color: var(--main)
}

.btn:hover {
	background-color: transparent;
}

.no-wrap {
	white-space: nowrap
}

.btn--fill {
	font-size: 16px;
	background-color: var(--main);
	border: 1px solid var(--main);
	border-radius: 10px;
	min-height: var(--height);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	cursor: pointer;
	transition: background-color .4s;
	color: #fff;
	gap: 10px;
}

.btn--fill.svg--stroke svg * {
	stroke: #fff
}

.btn--fill.svg--stroke.js--album-show svg * {
	stroke: #fff;
	stroke-width: 1;
	transition: .2s
}

.btn--fill.svg--stroke.js--album-show:hover svg * {
	stroke: var(--main);
	fill: #fff
}

.btn--fill.svg--fill svg * {
	fill: #fff
}

.btn--fill:hover {
	background-color: var(--main-hover);
	color: var(--main)
}

.btn--fill:hover svg * {
	fill: var(--main)
}

.btn--fill.svg--stroke:hover svg * {
	stroke: var(--main)
}

.btn--fill.svg--fill:hover svg * {
	fill: var(--main)
}

.btn--fill:active {
	background-color: var(--main-active);
}

.btn--white {
	font-size: 16px;
	background-color: #fff;
	border: 1px solid var(--main);
	border-radius: 12px;
	min-height: var(--height);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 70px;
	cursor: pointer;
	transition: background-color .4s;
	color: var(--a);
	gap: 8px
}

.btn--white span {
	transition: .4s
}

.btn--white svg {
	transition: .4s;
	transform: rotate(90deg);
	stroke: var(--main)
}

.btn--white svg * {
	transition: .4s;
}

.btn--white:hover svg * {
	stroke: #fff;
	fill: transparent;
}

.btn--white:hover {
	background-color: var(--main);
	color: #fff;
	border-color: #fff
}

.btn--white:active {
	background-color: var(--main);
	color: #fff;
	border-color: #fff
}

.btn--gray {
	font-size: 16px;
	background-color: #fff;
	border: 1px solid var(--border);
	border-radius: 12px;
	min-height: var(--height);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	cursor: pointer;
	transition: background-color .4s;
	color: var(--a);
	gap: 8px
}

.btn--gray span {
	transition: .4s
}

.btn--gray svg {
	transition: .4s;
	transform: rotate(90deg)
}

.btn--gray:hover svg {
	/*transform: rotate(-90deg);*/
	fill: #fff
}

.btn--gray:hover {
	background-color: var(--main);
	color: #fff;
	border-color: var(--main)
}

.btn--gray:active {
	background-color: var(--main);
	color: #fff;
	border-color: var(--main)
}

.btn--gray-fill {
	font-size: 16px;
	background-color: #EEE;
	border: 1px solid #EEE;
	border-radius: 12px;
	min-height: var(--height);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	cursor: pointer;
	transition: background-color .4s;
	color: #000;
	gap: 8px
}

.btn--gray-fill span {
	transition: .4s
}

.btn--gray-fill svg {
	transition: .4s;
	transform: rotate(90deg)
}

.btn--gray-fill:hover svg {
	fill: #fff
}

.btn--gray-fill:hover {
	background-color: #fff;
}

.btn--gray-fill:active {
	background-color: #fff;
}

li {
	list-style-type: none
}

li::marker {
	display: none
}

/* Кастомный прелоадер начат*/
.pWrap {
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	display: none !important;
}

.pInner {
	width: 50px;
	height: 50px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Кастомный прелоадер окончен*/

.js--lazy {
	background-size: 24px 24px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

/* 404 начат*/
#notfound {
	position: relative;
	height: 100vh;
}

#notfound .notfound-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url('../img/bg.jpg');
	background-size: cover;
}

#notfound .notfound-bg:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 0, 36, 0.7);
}

#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.notfound {
	max-width: 910px;
	width: 100%;
	line-height: 1.4;
	text-align: center;
}

.notfound .notfound-404 {
	position: relative;
	height: 200px;
}

.notfound .notfound-404 h1 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 220px;
	font-weight: 900;
	margin: 0px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 10px;
}

.notfound h2 {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 15px;
}

.notfound .home-btn,
.notfound .contact-btn {
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
	background-color: transparent;
	border: 2px solid transparent;
	text-transform: uppercase;
	padding: 13px 25px;
	font-size: 18px;
	border-radius: 40px;
	margin: 7px;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.notfound .home-btn:hover,
.notfound .contact-btn:hover {
	opacity: 0.9;
}

.notfound .home-btn {
	color: rgba(255, 0, 36, 0.7);
	background: #fff;
}

.notfound .contact-btn {
	border: 2px solid rgba(255, 255, 255, 0.9);
	color: rgba(255, 255, 255, 0.9);
}

.notfound-social {
	margin-top: 25px;
}

.notfound-social > a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 40px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9);
	margin: 0px 6px;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.notfound-social > a:hover {
	color: rgba(255, 0, 36, 0.7);
	background-color: #fff;
	border-radius: 50%;
}

@media only screen and (max-width: 1680px) {
	.filter--container {
		max-width: 100%
	}
}

@media only screen and (min-width: 1440px) {
	.filter--container {
		width: 96%
	}
}

@media only screen and (max-width: 767px) {
	.notfound .notfound-404 h1 {
		font-size: 182px;
	}
}

@media only screen and (max-width: 480px) {
	.notfound .notfound-404 {
		height: 146px;
	}

	.notfound .notfound-404 h1 {
		font-size: 146px;
	}

	.notfound h2 {
		font-size: 16px;
	}

	.notfound .home-btn,
	.notfound .contact-btn {
		font-size: 14px;
	}
}

/* 404 окончен*/

/* Notes */
#notes {
	position: fixed;
	top: var(--padding);
	right: 0;
	width: 100%;
	cursor: default;
	transition: height 0.45s ease-in-out;
	-webkit-transition: height 0.45s ease-in-out;
	pointer-events: none;
	z-index: 10000;
}

#notes .note-item {
	max-height: 12em;
	opacity: 1;
	will-change: opacity, transform;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	width: 50vw;
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	z-index: 2;
	pointer-events: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: flex-end;
	-ms-flex-line-pack: end;
	align-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
	-webkit-align-content: flex-end;
	-ms-flex-line-pack: end;
	align-content: flex-end;
	max-width: 20em;
	font: inherit;
	line-height: 1.25em;
	color: #fff;
	margin: 0;
	transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	padding: 0.75em 1em;
	margin-left: auto;
	margin-right: 20px;
	margin-top: 10px;
}

@media all and (max-width: 30em) {
	#notes .note-item {
		width: 75vw;
		max-width: none;
	}
}

#notes .note-item[data-show=false] {
	pointer-events: none;
	opacity: 0 !important;
	max-height: 0 !important;
	margin-bottom: 0 !important;
}

#notes .note-item[data-type=info] {
	background-color: rgba(55, 94, 151, 0.72);
}

#notes .note-item[data-type=warn] {
	background-color: rgba(235, 172, 0, 0.72);
	animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	-webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

#notes .note-item[data-type=error] {
	background-color: rgba(153, 0, 0, 1);
	animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	-webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

#notes .note-item[data-type=success] {
	background-color: rgba(63, 104, 28, 0.72);
}

#notes .note-item .note-item-text {
	flex: auto;
	-webkit-flex: auto;
	-moz-flex: auto;
	-ms-flex: auto;
	padding-right: 0.5em;
	max-width: calc(100% - 1.25em);
	max-width: -webkit-calc(100% - 1.25em);
}

#notes .note-item .note-item-btn {
	width: 1.25em;
	height: 1.25em;
	cursor: pointer;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain;
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}

#notes .note-item .note-item-btn:hover {
	opacity: 0.6;
}

@keyframes shake {

	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
		-webkit-transform: translate3d(-1px, 0, 0);
		-ms-transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0);
		-webkit-transform: translate3d(2px, 0, 0);
		-ms-transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
		-webkit-transform: translate3d(-4px, 0, 0);
		-ms-transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4px, 0, 0);
		-webkit-transform: translate3d(4px, 0, 0);
		-ms-transform: translate3d(4px, 0, 0);
	}
}

@-webkit-keyframes shake {

	10%,
	90% {
		-webkit-transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		-webkit-transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		-webkit-transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		-webkit-transform: translate3d(4px, 0, 0);
	}
}

/* Notes End */

/* Hint */
.nTip {
	display: none;
	position: absolute;
	background-color: #2b2b2b;
	padding: 15px;
	color: #fff;
	max-width: 400px;
	min-width: 20px;
	z-index: 99999;
	font-size: 12px;
}

.asteriks {
	cursor: help;
	position: relative
}

.asteriks--help {
	color: #fff;
	background-color: #2b2b2b;
	border-radius: 3px;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px
}

.asteriks--box p {
	margin-top: 0
}

.asteriks--box p:last-child {
	margin-bottom: 0
}

/* Hint End */

.scroll--x::-webkit-scrollbar,
.scroll--y::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #F6F6F6;
}

.scroll--x::-webkit-scrollbar-thumb,
.scroll--y::-webkit-scrollbar-thumb {
	background-color: var(--main);
	border-radius: 0;
	box-shadow: none;
}

.scroll--x::-webkit-scrollbar-thumb:hover,
.scroll--y::-webkit-scrollbar-thumb:hover {
	background-color: var(--main);
}

/* Custom checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before,
.custom-checkbox:not(:disabled):active + label::before,
.custom-checkbox:focus + label::before {
	transition: none
}

/* для элемента input c type="checkbox" */
.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox + label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	text-align: left;
	padding-left: 25px;
	font-size: 12px;
	cursor: pointer;
	position: relative
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox + label::before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #000;
	border-radius: 2px;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	position: absolute;
	top: 3px;
	left: 0;
	transform: translateY(-1px);
	transition: none
}

.d--row.d--checbox-big {
	margin-bottom: 0
}

.d--checbox-big .custom-checkbox + label {
	padding-left: 35px;
	font-family: 'Proxima Nova Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: var(--text-dark);
	margin-bottom: 0
}

.d--checbox-big .custom-checkbox + label::before {
	width: 22px;
	height: 22px;
	top: 0;
	left: 0;
	border-radius: 6px
}

.d--checbox-big .custom-checkbox:checked + label::before {
	border-color: #DBDBDB;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23606060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.d--checbox-big label {
	font-family: 'Proxima Nova Bold';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #4F4F4F;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
	border-color: #000;
}

/* стили для активного чекбокса (при нажатии на него) */
/*.custom-checkbox:not(:disabled):active+label::before {
    background-color: rgba(50, 115, 157, 0.5);
    border-color: rgba(50, 115, 157, 0.5);
}
*/
/* стили для чекбокса, находящегося в фокусе */
/*.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(50, 115, 157, 0.5);
}
*/
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked) + label::before {
	border-color: rgba(50, 115, 157, 0.5);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked + label::before {
	border: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='16' height='16' rx='2.5' stroke='black'/%3e%3crect x='3' y='3' width='11' height='11' rx='1' fill='black'/%3e%3c/svg%3e ");
	background-size: contain;
	width: 19px;
	height: 19px;
}

/*
.custom-checkbox:checked+label::after {
    content:'';
    border-color: #fff;
    background-color: #fff;
    width: 10px;height:10px;
    position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);
}
*/
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
	background-color: #e9ecef;
}

/* Custom radio */
.d--radio .custom-radio + label::before {
	width: 16px;
	height: 16px
}

.custom-radio + label::before,
.custom-radio:not(:disabled):not(:checked) + label:hover::before,
.custom-radio:not(:disabled):active + label::before,
.custom-radio:focus + label::before,
.custom-radio:checked + label::before {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s
}

/* для элемента input c type="radio" */
.custom-radio {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

/* для элемента label связанного с .custom-radio */
.custom-radio + label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	position: relative;
	cursor: pointer;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio + label::before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	border-radius: 50%;
	margin-right: 9px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked) + label:hover::before {
	border-color: rgba(0, 0, 0, 0.5);
}

/* стили для активной радиокнопки (при нажатии на неё) */
/*.custom-radio:not(:disabled):active+label::before {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.5);
}*/
/* стили для радиокнопки, находящейся в фокусе */
/*.custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}*/
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked) + label::before {
	border-color: rgba(0, 0, 0, 0.5);
}

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked + label::before {
	border-color: #000;
	background-color: #000;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled + label::before {
	background-color: #fff;
}

/* Fake List */
.select--list {
	position: relative;
	min-width: 180px
}

.select--list svg {
	width: 14px;
	height: 18px;
	margin-right: 5px
}

.select--list-items {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	background-color: var(--white);
	z-index: 10;
	padding: 15px 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	max-height: 250px;
	overflow-y: auto
}

.select--list-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
	padding: 10px 10px;
	user-select: none
}

.select--list-item:hover {
	background-color: var(--input-background-hover)
}

.select--list-item:last-child {
	margin-bottom: 0;
}

.select--list.opened .select--list-items {
	display: block;
	opacity: 1;
	visibility: visible;
	box-shadow: 0 7px 8px rgba(34, 34, 34, 0.15);
	border-left: 1px solid rgba(0, 0, 0, .5);
	border-right: 1px solid rgba(0, 0, 0, .5);
	border-bottom: 1px solid rgba(0, 0, 0, .5);
}

.select--list.opened .select--list-visible {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select--list.opened {}

.select--list-visible {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 20px;
	background-color: #fff;
	border-radius: 10px;
	cursor: pointer;
	min-height: var(--height);
	line-height: normal;
	transition: .5s;
	border: 1px solid rgba(0, 0, 0, .5);
	user-select: none
}

.select--list-visible svg {
	margin-left: auto;
	transform: rotate(180deg);
	transition: .4s
}

.select--list.opened .select--list-visible svg {
	transform: rotate(0)
}

.select--list.opened .select--list-visible {
	box-shadow: 0 4px 8px rgba(34, 34, 34, 0.25);
}

.select--list-visible:hover {
	box-shadow: 0 4px 4px rgba(34, 34, 34, 0.05);
}

@media all and (max-width: 545px) {
	.d--Inner {
		min-width: 320px;
		max-width: 320px;
		padding: 40px 20px 40px 20px;
	}
}

.article--product-slide {
	text-align: center;
	padding: 10px;
	height: 0;
	line-height: 0;
	padding-top: 75%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer
}

.article--product-slide img {
	display: none
}

/* Ripple Effect */
.--ripple {
	position: relative;
	overflow: hidden;
}

.--is-ripple {
	transform: translate3d(0, 0, 0);
}

.rippleAnimation {
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	transform: scale(0);
	position: absolute;
	opacity: 1;
	animation: ripple .6s linear;
	z-index: 100;
}

@keyframes ripple {
	100% {
		transform: scale(2);
		opacity: 0;
	}
}

.header--top {
	display: flex;
	margin-top: 10px;
	align-items: center
}

.header--buttons {
	display: flex;
	gap: 20px;
}

.header--menu {
	margin-left: auto;
	margin-right: auto;
}

footer {
	background-color: var(--main)
}

.top--menu {
	display: flex;
	gap: 30px;
}

.top--menu a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.top--menu a span {
	font-size: 18px;
	line-height: 22px;
	color: var(--dark);
	transition: color .4s
}

.top--menu a:hover span {
	color: var(--main);
}

.logo--link {
	max-width: 200px
}

.logo--link img {
	max-height: var(--height);
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%;
}

@property --myColor1 {
	syntax: '<color>';
	initial-value: #4687B1;
	inherits: false;
}

@property --myColor2 {
	syntax: '<color>';
	initial-value: #1E5F89;
	inherits: false;
}

.big--menu {
	margin-top: var(--gap-l);
	display: flex;
	--gap: 20px;
	--columns: 4;
	gap: var(--gap);
}

.big--menu-box {
	width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	height: auto;
	display: flex;
	position: relative;
	background: linear-gradient(180deg, var(--myColor1), var(--myColor2));
	align-items: center;
	justify-content: center;
	padding: 46px;
	transition: --myColor1 .4s, --myColor2 .4s;
}

.big--menu-box:hover {
	--myColor1: #32617f;
	--myColor2: #144362;
}

.big--menu-image {
	width: 100%;
	height: 100%;
	max-width: 180px;
	max-height: 180px
}

.big--menu-text {
	z-index: 2;
	display: flex;
	padding-bottom: 80px;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	flex-direction: column;
	color: #fff;
	gap: 20px;
}

.big--menu-text img {
	width: 80%
}

.big--menu-text span {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%)
}

footer {
	padding: 50px 0 0;
}

.footer {
	display: flex;
	padding-bottom: 40px;
	gap: 40px;
	justify-content: space-between;
	padding-right: 200px;
	position: relative
}

.footer--advavntages {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	max-width: 330px;
}

.footer--advavntages li {
	margin-bottom: 5px
}

.footer--advavntages li:before {
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 50%;
	content: '';
	margin-right: 7px;
	display: inline-block;
	transform: translateY(-3px)
}

.footer--bottom {
	padding: 10px 0;
}

.footer--copy {
	font-size: 16px;
	line-height: 20px;
	color: #EEEEEE;
	text-transform: uppercase
}

.footer--col .footer-title,
.footer--col h4 {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 400;
}

.footer--docs {
	max-width: 220px
}

.footer--download {
	min-width: 150px;
	display: flex;
	justify-content: flex-end;
	position: absolute;
	align-items: flex-start;
	top: 0;
	right: 0
}

.footer--download.--opened .footer--popup {
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 3
}

.footer--download-btn {
	cursor: pointer;
	transition: .4s
}

.footer--popup {
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-70%, 100px);
	display: none;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	border: 1px solid #EEEEEE;
	opacity: 0;
	visibility: hidden;
	transition: .4s ease-in-out;
}

.popup--qr {
	margin-bottom: 15px
}

.popup--qr-title {
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 10px
}

.popup--rustore {
	margin-bottom: 10px
}

.popup--rustore,
.popup--appstore {
	text-transform: uppercase
}

.footer__links {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.footer-link {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 7px
}

.footer-link:last-child {
	margin-bottom: 0
}

.footer-link span {
	border-bottom: 1px dashed transparent;
	transition: border-bottom-color .4s
}

.footer__links-title {
	margin-bottom: 20px
}

.footer__links-title .pre--icon {
	display: none
}

.footer-link:hover span {
	border-bottom: 1px dashed #fff;
}

.footer__links-title .pre--icon {
	display: none
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	display: none
}

body .bx-filter-horizontal .bx-filter-popup-result {
	display: none
}

body .leaflet-popup-content-wrapper,
body .leaflet-popup-tip {
	box-shadow: none
}

.leaflet-control-attribution.leaflet-control {
	display: none
}

.l--popup {
	background-color: #fff;
	width: 100%;
	max-width: 280px;
}

.l--image {
	width: 100%;
	height: 140px;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden
}

.l--image img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.l--row {
	max-height: 250px;
	overflow-y: auto;
	margin-top: 20px;
	padding-right: 10px
}

.leaflet-container a.l--url {
	color: rgba(0, 0, 0, 0.70);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 19.2px;
}

.l--title {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.2px;
}

.l--coords {
	position: relative;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.2px;
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	gap: 7px
}

.l--text {
	margin-top: 20px;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.2px;
}

@media all and (max-width: 1680px) {
	:root {
		--gap-l: 70px
	}

	.footer--advavntages {
		font-size: 16px
	}
}

@media all and (max-width: 1440px) {
	.footer {
		flex-wrap: wrap
	}

	.partner--links {
		flex-direction: row
	}

	.logo--link {
		max-width: 150px
	}

	:root {
		--height: 50px;
		--gap-l: 50px
	}

	.top--menu a span {
		font-size: 16px;
		line-height: 20px
	}

	.big--menu-text {
		font-size: 22px;
		line-height: 26px
	}
}

@media all and (max-width: 1280px) {
	.big--menu-text {
		font-size: 18px;
		line-height: 24px
	}

	.aqua--item {
		padding: 16px 24px;
	}

	.aqua--list {
		gap: var(--gap)
	}

	.big--menu-box {
		padding: 24px;
	}
}

@media all and (max-width: 1152px) {
	.footer--col:nth-child(5) {
		width: 100%;
	}

	.footer {
		padding-right: 0;
	}

	.footer--advavntages {
		position: relative;
		padding-right: 100px;
		max-width: 100%
	}

	.footer {
		gap: 20px
	}

	.big--menu-text {
		font-size: 16px;
		line-height: 20px
	}
}

@media all and (min-width: 1024px) {
	.menu--row {
		display: none
	}
}

@media all and (max-width: 1024px) {
	.header--menu {
		display: none !important;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #fff;
		padding: 10px 30px;
		width: 100%;
		justify-content: center;
		z-index: 10;
		text-align: center
	}

	.top--menu {
		display: inline-flex;
		gap: 30px;
		width: auto;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 10px 0;
		justify-content: center
	}

	.menu--row {
		margin-left: 24px
	}

	footer {
		padding: 30px 0 0;
	}

	.big--menu-text {
		font-size: 16px;
		line-height: 20px
	}

	.header--buttons {
		margin-left: auto
	}

	body footer {
		padding-bottom: 100px
	}

	.footer--download {
		display: none
	}

	.footer--col:nth-child(1) {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		width: calc(60% - 10px)
	}

	.footer--col:nth-child(5) {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		width: calc(40% - 10px)
	}

	.footer--col:nth-child(5) h4 {
		display: none
	}

	.footer--col:nth-child(2) {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
		margin-top: 30px
	}

	.footer--col:nth-child(3) {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4;
		margin-top: 30px
	}

	.footer--col:nth-child(4) {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5;
		margin-top: 30px
	}

	.partner--links {
		flex-direction: column
	}

	.footer--bottom {
		border-top: 1px solid #fff
	}
}

@media all and (max-width: 767px) {
	.footer {
		gap: 20px
	}

	.header--buttons span {
		display: none
	}

	.header--buttons {
		gap: 12px;
	}

	.big--menu {
		--columns: 2;
		flex-wrap: wrap
	}

	.header--buttons .btn--fill {
		padding: 0;
		min-width: var(--height)
	}

	.header--mobile-buttons {
		width: var(--height);
		height: var(--height)
	}

	.menu--row {
		margin-left: 12px
	}

	/*
    .footer__links a.footer-link {display: none;opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
    .footer__links {margin-bottom: 0;padding-bottom: 0;border-bottom: 1px solid var(--inp-border)}
    .footer__links-title {position: relative;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0}
    .footer__links-title .pre--icon{display: block;width: 12px;height: 6px;transition: .4s}
    .footer__links-title .pre--icon svg{width: 100%;height: 100%;}
    .footer__links-title .pre--icon *{fill:#fff}
    .foot--menu.--opened .footer__links-title {margin-bottom: 20px}
    .foot--menu.--opened  .pre--icon {transform: rotate(180deg)}
    .foot--menu.--opened .footer__links {padding-bottom: 20px}
    .foot--menu.--opened .footer__links a.footer-link {display: block;opacity: 1;visibility: visible}
    .footer__links {border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 7px}
*/
	.footer--col .footer-title {
		margin-bottom: 0
	}

	.partner--links {
		flex-wrap: wrap
	}

	.footer--advavntages li {
		font-size: 18px
	}

	.footer--advavntages {
		padding-right: 0
	}

}

@media all and (max-width: 640px) {
	.footer--advavntages {
		display: none
	}

	.footer--col:nth-child(5) {
		-webkit-box-ordinal-group: 7;
		-webkit-order: 6;
		-ms-flex-order: 6;
		order: 6;
		width: 100%;
		margin-top: 10px;
	}

	.partner--links {
		flex-direction: row
	}

	.foot--menu {
		max-width: 100%;
	}

	.footer-link {
		font-size: 16px;
	}

	.footer--col:nth-child(2),
	.footer--col:nth-child(3) {
		width: calc(50% - 10px);
		margin-top: 0
	}

	.footer--col:nth-child(4) {
		margin-top: 10px
	}

	.footer {
		padding-bottom: 20px
	}

	.footer__links-title {
		margin-bottom: 15px
	}
}

@media all and (max-width: 500px) {
	.top--menu {
		width: 100%
	}

	.header--menu {
		padding: 10px 15px
	}
}

@media all and (max-width: 440px) {
	.footer--download {
		position: relative;
		top: auto;
		right: auto;
		float: right;
		min-width: unset;
		width: 60px;
		height: 60px
	}

	.footer--advavntages ul {
		float: left;
		width: calc(100% - 70px);
	}

	.footer--advavntages {
		padding-right: 0
	}

	.footer--popup {
		transform: translate(-110%, 100px);
	}

	.big--menu {
		--columns: 1;
		gap: 10px;
	}
}


@media all and (max-width: 400px) {
	.top--menu {
		justify-content: space-between
	}
}

body .cruise--info [download],
body .js--album-show,
body .js--album-show:hover,
body .js--album,
body .js--album:hover,
body .cruise--info [download]:hover,
body .cruise--zakaz [download]:hover {
	background-color: #adadad;
	color: #fff;
	border-color: #adadad;
}

.btn--fill.svg--stroke.js--album-show:hover svg *,
.btn--fill.svg--stroke.js--album-show svg *,
.js--album:hover svg *,
.js--album svg *,
body .cruise--info [download]:hover svg *,
body .cruise--info [download] svg * {
	stroke: #fff !important;
	fill: transparent !important;
}

body .footer--download {
	position: fixed;
	bottom: 15px;
	right: 15px;
	top: auto;
	z-index: 1111
}

body .footer--popup {
	transform: translate(-80%, 0);
}

@media all and (max-width: 640px) {
	body .footer--download {
		bottom: 20px;
		right: 15px;
		display: block;
		min-width: unset
	}

	body .footer--popup {
		transform: translate(-250px, 0px);
	}

	.header--logo-mob {
		margin-right: 15px
	}
}
@media all and (max-width: 440px) {
	body .footer--download {
		bottom: 168px;
		right: 0;
	}
}
.map--big {width: 100%;height:calc(100vh - 100px);}
.map--big iframe{width: 100%;height:100%;}
.catalog--box #map.leaflet-container iframe {width: 100%;height: 100%}

.cruises.page--stop-cruise .bx-filter-block .btn--fill {
	background-color: #EEE;
	border: 1px solid #EEE;
	border-radius: 12px;
	min-height: var(--height);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color .4s;
	gap: 8px;
	color: rgba(0, 0, 0, 0.50);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.42px;
	text-transform: uppercase;
	min-width: 234px;
}
.cruises.page--stop-cruise .bx-filter-block .btn--fill:hover{background-color: #fff;}

@media (min-width: 1200px) {
	body .header--top .header--perconal {width:auto;}
	body .header--top .header--perconal .btn--fill span {display:block}
	body .header--top .header--perconal .btn--fill {width:auto;padding:0 20px}
	body .header--top .top--menu {position:relative;left:auto;top:auto;transform:unset;margin-top:0;}
}

.viewalbum{
	border: 0;
	width: calc(100% - 20px);
	left: 10px;
	position: relative;
	aspect-ratio: 1 / 0.53;
}

@media (max-width: 640px) {
	.system--auth-content {margin-bottom: 20px;}
	.system--auth-box {padding:0 12px;}
}

@media (max-width: 550px) {
	body .map--big {
		height: calc(100dvh - 76px);
		margin-top: 0;
	}
	/*body #bx-panel {display: none !important;}
	body .map--big .map-container__map {
		height: calc(100vh - 76px);
	}*/
}

.footer--download-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.footer--download-wrapper a img {
	width: 47px;
	height: 47px;
	border-radius: 50%;
}
.stops-page .map-overlay--mode-switch, .place .map-overlay--mode-switch, .cruise-page .map-overlay--mode-switch {
	display:none;
}
.stops-page .map-overlay--soc-icon, .place .map-overlay--soc-icon, .cruise-page .map-overlay--soc-icon {
	display:none;
}