:root {
	--bg-color: #ebebeb;
	/*--bg-color: #779FB5;*/
	/*--text-color: #000000;*/
	--text-color: #28546b;

	--page-block-color: #ffffff;

	--main-color-1-1: #28546b;
	--main-color-1-2: #2b4350;
	--main-color-1-3: #0d3246;
	--main-color-1-4: #6097b5;
	--main-color-1-5: #779fb5;

	--main-color-2-1: #03b5a8;
	--main-color-2-2: #248880;
	--main-color-2-3: #01766d;
	--main-color-2-4: #39dace;
	--main-color-2-5: #64dad1;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg-color: #1a1a1a;
		--text-color: #ffffff;
		--page-block-color: #333333;
	}
}

img {
	vertical-align: middle;
}

:root,
button {
	font-family: "JetBrains Mono", serif;
}

* {
	margin: 0;
	/*padding: 0;*/
	scroll-behavior: smooth;
}

html {
	scroll-padding-top: 115px;
}

body,
html {
	margin: 0;
	height: 100%;
	color: var(--text-color);

	background-color: var(--bg-color);
	width: 100%;

	/*filter: blur(8px);*/
	/*-webkit-filter: blur(8px);*/

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

button,
input[type="submit"],
input[type="button"] {
	border: 2px transparent solid;
	font-size: 20px;
	transition-delay: 0.5s;
	transition: 100ms ease-out 50ms;
	color: var(--text-color);
	padding: 5px;
}

.link-button button,
.link-button-dark button {
	background-color: transparent;
	text-align: center;
}

.link-button button {
	color: lightgray;
}

.link-button-dark button {
	color: #6097b5;
}

a {
	text-decoration: none;
	color: #6097b5;
}

a:hover {
	color: #779fb5;
}

.link-button,
.link-button-dark {
	text-align: center;
}

.link-button button:hover {
	color: darkgray;
}

.link-button button:active {
	color: grey;
}

.outline-button button {
	background-color: transparent;
	border-color: var(--main-color-2-4);
	color: var(--main-color-2-4);
}

.outline-button button:hover {
	background-color: var(--main-color-2-4);
	color: white;
}

.outline-button button:active {
	background-color: var(--main-color-2-1);
	border-color: var(--main-color-2-1);
}

.filled-button button,
.filled-button input[type="submit"],
.filled-button input[type="button"] {
	background-color: var(--main-color-1-1);
	border-color: var(--main-color-1-1);
	color: white;
}

.filled-button button:hover,
.filled-button input[type="submit"]:hover,
.filled-button input[type="button"]:hover {
	background-color: var(--main-color-1-2);
	border-color: var(--main-color-1-2);
}

.filled-button button:active,
.filled-button input[type="submit"]:active,
.filled-button input[type="button"]:active {
	background-color: var(--main-color-1-3);
	border-color: var(--main-color-1-3);
}

p {
	font-size: 18px;
	word-wrap: break-word;
}

.bg {
	margin: 0;
}

.additional-contents {
	/*margin: 10px;*/
	/*margin-bottom: 20px;*/
}

/*a.about-section-anchor {*/
/*    display: block;*/
/*    position: relative;*/
/*    top: 250px;*/
/*    visibility: hidden;*/
/*}*/

.additional-contents div {
	/*background-color: red;*/

	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	/*flex-flow: row nowrap;*/

	/* margin-left: 200px; */
	margin-right: 200px;
	/* width: calc(100% - 2 * 200px); */
	width: 100%;
}

.row-reverse-desktop-only {
	flex-flow: row-reverse nowrap;
}

.additional-contents > div:not(.row-reverse-desktop-only) {
	flex-flow: row nowrap;
}

.additional-contents div * {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.additional-contents div div {
	margin: 10px;
}

.additional-contents > div > *:not(.contents-full) {
	width: 100%;
}

.additional-contents div .contents-text {
	width: 50%;
	/*background-color: blue;*/
}

.additional-contents div .contents-image {
	width: 50%;
	/*background-color: green;*/
}

.additional-contents div .contents-image img {
	/*height: 300px;*/
	margin: 0;
	width: 100%;
}

/* УБРАТЬ */

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

.contents-full {
	width: 100%;
}

.contents-full * {
	width: 100%;
}

/* .text {
} */

.main-about-div .main h1 {
	font-size: 70px;
}

.main-about-div .main p {
	font-size: 26px;
}

.additional-contents div div h1 {
	color: #03b5aa;
}

.avn-h1 {
	color: #03b5aa;
}

.not-main-page-contents {
	padding-top: 125px;
	margin-left: 200px;
	margin-right: 200px;
}

.main-page-contents {
	/* padding-top: 125px; */
	margin-left: 200px;
	margin-right: 200px;
}

.center-h {
	width: 100%;
}

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

body {
	min-height: 100vh;
	margin: 0;
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

main {
	flex: 1;
	width: 100vw;
}

footer a {
	color: #64dad1;
}

footer a:hover {
	color: #03b5a8;
}

.not-main-page-contents h1 {
	margin-top: 30px;
	margin-bottom: 10px;
}

.contents-image-img,
.contents-image-img * {
	width: calc(100% - 2 * 10px);
}

.contents-image-alt,
.contents-image-alt * {
	width: 100%;
	color: #779fb5;
	font-weight: 200;
	font-size: 14px;
}

.kit-description-h {
	margin-top: 10px;
}

.catalogue-price-and-buttons {
	margin-top: 10px;
}

.catalogue-list {
	display: flex;
	flex-flow: column;
}

.catalogue-item {
	/*background-color: #64DAD1;*/
	border: solid #64dad1 2px;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
}

.catalogue-item-img-div {
	width: 50%;
	margin: 0;
	padding: 0;
}

.catalogue-item-img-div img {
	width: 100%;
	margin: 0;
	padding: 0;
	/*border-radius: 2px;*/
}

.catalogue-row {
	display: flex;
	flex-flow: row nowrap;
}

.catalogue-h {
	height: auto;
}

.catalogue-item-details-div {
	margin: 10px;
	width: 50%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.catalogue-item-button-row {
	margin-top: 15px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.catalogue-item-button {
	margin: 10px;
}

.catalogue-item-text-row {
	display: block;
}

.catalogue-item-price p {
	color: #01766d;
	font-size: 24px;
}

.order-submit-button-div {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	margin-top: 30px;
	margin-bottom: 10px;
}

.order-submit-button-div div {
	display: block;
}

@media only screen and (max-width: 1200px) {
	.not-main-page-contents {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 30px);
	}

	.additional-contents div,
	.main-page-contents {
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 2 * 10px);
	}

	.catalogue-row {
		flex-flow: column;
	}

	.catalogue-item-img-div {
		width: 100%;
	}

	.catalogue-item-details-div {
		width: 100%;
	}
}

.header-notify-div {
	/* left: 50%;
	transform: translate(-50%, 0); */
	position: fixed;
	text-align: center;
}

@media only screen and (min-width: 700px) {
	.header-notify-div {
		left: 50%;
		transform: translate(-50%, 0);
		/* position: fixed;
		text-align: center; */
	}
}

.header-notify-div div {
	display: flex;
	width: auto;
	justify-content: space-around;
}

.header-notify-div div p {
	/* --c-1: 234, 101, 17;
	--c-2: 231, 54, 44;
	--c-3: 204, 17, 44; */
	--c-1: 255, 255, 255;
	--c-2: 0, 54, 167;
	--c-3: 214, 39, 24;

	padding: 15px;
	border-width: 6px;
	border-style: solid;
	border-image: linear-gradient(
			rgb(var(--c-1)),
			rgb(var(--c-2)),
			rgb(var(--c-3))
		)
		1;
	background-image: linear-gradient(
		rgba(var(--c-1), 0.5),
		rgba(var(--c-2), 0.5),
		rgba(var(--c-3), 0.5)
	);
	color: white;
}

@media only screen and (max-width: 700px) {
	.header-div {
		flex-flow: column;
	}

	.header-notify-div {
		position: static;
	}

	html {
		/* scroll-padding-top: 175px; */
		scroll-padding-top: 245px;
	}

	.not-main-page-contents {
		/* padding-top: 175px; */
		padding-top: 245px;
	}

	.additional-contents {
		width: calc(100% - 20px);
	}

	.additional-contents div:not(.row-reverse-desktop-only),
	.row-reverse-desktop-only {
		flex-flow: column;
	}

	.additional-contents div .contents-text {
		width: 100%;
	}

	.additional-contents div .contents-image {
		width: 100%;
	}

	.additional-contents > div > *:not(.contents-full) {
		width: calc(100% - 20px);
	}
}