/* ---------------------- Основной отступ --------------------- */

	.header {
		flex: 0 0 auto;
		width: 100%;
		z-index: 999;
		overflow: hidden;
		}

		@media only screen and (max-width: 900px) { .content-margin-top { padding-top: 50px; } }

	/* ----------------------- Верхнее меню ----------------------- */

	.menu-header-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 0 2rem;
		width: 100%;
		height: 70px;
		text-align: center;
		border-bottom: none;
		background-color: #FFF; /* основной фон */
		-webkit-tap-highlight-color: transparent;
		}

		@media only screen and (max-width: 900px) { .menu-header-container { display: none; } }

		.menu-header-container > .menu-header-ft { display: flex; align-items: center; height: inherit; }
		.menu-header-container > .menu-header-rt  { display: flex; align-items: center; height: inherit; }

			.menu-header-ft > .logo-ft { position: relative; margin-top: 5px; width: 138px; }
			.menu-header-rt > .logo-rt { position: relative; margin-top: 2px; width: 170px; }

		.menu-header { display: flex; justify-content: center; align-items: center; margin-left: 31px; width: 100%; height: inherit; }

			.menu-header a {
				display: inline-block;
				margin-top: 1px;
				font-size: 0.75em;
				font-weight: 500;
				letter-spacing: 0.045rem;
				line-height: 70px;
				text-transform: uppercase;
				text-decoration: none;
				color: #999;
				transition: all ease-in-out .07s;
				cursor: pointer;
				-webkit-tap-highlight-color: transparent;
				user-select: none;
				}

				@media only screen and (max-width: 1200px) { .menu-header a { margin-top: 2px; font-size: 0.7em; } }

				.menu-header a:hover,
				.menu-header a.active { color: #CCC; background-color: transparent; }

					ul.menu-header > li { display: inline-block; list-style: none; }
					ul.menu-header > li:before { content: '|'; padding: 0 1.35em; font-size: 1em; font-weight: 400; color: #CCC; }
					ul.menu-header > li:first-child:before { content: ''; content: none; }

					@media only screen and (max-width: 1200px) { ul.menu-header > li:before { padding: 0 1.15em; } }

	/* --------------------------- Меню --------------------------- */

	.menu-container {
		width: 100%;
		height: 50px;
		text-align: center;
		border-bottom: none;
		background-color: #333; /* основной фон */
		-webkit-tap-highlight-color: transparent;
		}

		.menu-container.fixed { position: fixed; top: 0; left: 0; border: 0; text-align: left; }

		@media only screen and (max-width: 900px) { .menu-container { position: fixed; top: 0; left: 0; border: 0; text-align: left; } }

		.menu-container > .menu-logo-ft { position: fixed; top: 0; left: 1rem; display: none; /* display: flex; */ justify-content: flex-start; align-items: center; width: 140px; height: inherit; }
		.menu-container > .menu-logo-rt  { position: fixed; top: 0; right: 1rem; display: none; /* display: flex; */ justify-content: flex-end; align-items: center; width: 150px; height: inherit; }

			@media only screen and (max-width: 900px) { .menu-container > .menu-logo-ft { display: flex; } }

			.menu-logo-ft > .logo-ft { position: relative; margin-top: 3px; width: 100%; }
			.menu-logo-rt > .logo-rt { position: relative; margin-top: 6px; width: 70%; }

				@media only screen and (max-width: 500px) { .menu-logo-ft > .logo-ft { width: 90%; } }
				@media only screen and (max-width: 350px) { .menu-logo-ft > .logo-ft { width: 80%; } }
				@media only screen and (max-width: 250px) { .menu-logo-ft > .logo-ft { width: 75%; } }
				@media only screen and (max-width: 200px) { .menu-logo-ft > .logo-ft { width: 50%; } }
				@media only screen and (max-width: 150px) { .menu-logo-ft > .logo-ft { width: 40%; } }

		.menu { display: flex; justify-content: center; align-items: center; margin-left: 8px; width: 100%; height: inherit; }

			@media only screen and (max-width: 900px) { .menu { display: none; margin-left: 0; height: auto; background-color: #333; /* основной фон */ } }

		.menu a {
			display: inline-block;
			padding: 1px 2em 0 2em;
			margin-right: 15px;
			font-size: 1em;
			font-weight: 500;
			letter-spacing: 0.065rem;
			line-height: 49px;
			text-transform: uppercase;
			text-decoration: none;
			color: #eaeaea;
			/* border-top: 4px solid transparent; */ /* полоса снизу */
			/* border-bottom: 4px solid transparent; */ /* полоса снизу */
			transition: all ease-in-out .07s;
			cursor: pointer;
			-webkit-tap-highlight-color: transparent;
			user-select: none;
			}

			@media only screen and (max-width: 1100px) { .menu a { padding: 1px 1.35em 0 1.35em; } }
			@media only screen and (max-width: 1000px) { .menu a { padding: 1px 1em 0 1em; } }
			@media only screen and (max-width: 900px)  { .menu a { width: 100%; padding: 0 16px; margin-right: 0; font-weight: 400; line-height: 50px; color: #FFF; } }
			@media only screen and (max-width: 500px)  { .menu a { line-height: 50px; } }

			.menu a:hover  { color: #FFF; background-color: #d52b3f; /* border-bottom: 4px solid #00b0ff; */ /* полоса снизу */ }
			.menu a.active { color: #FFF; background-color: #d52b3f; /* border-bottom: 4px solid #00b0ff; */ /* полоса снизу */ }

				@media only screen and (max-width: 900px) { .menu a:hover  { background-color: rgba(255,255,255, 0.25); /* полоса снизу */ } }
				@media only screen and (max-width: 900px) { .menu a.active { background-color: rgba(255,255,255, 0.25); /* полоса снизу */ } }

				ul.menu > li {
					display: inline-block;
					list-style: none;
					}

					@media only screen and (max-width: 900px) {
						ul.menu > li { display: block; vertical-align: middle; border-bottom: 1px solid rgba(255,255,255, 0.25); }
						ul.menu > li:before      { content: ''; }
						ul.menu > li:first-child { border-top: 1px solid rgba(255,255,255, 0.25); }
						}

		.menu-toggle {
			display: none;
			height: inherit;
			font-size: 2.35em;
			text-align: right;
			cursor: pointer;
			color: #FFF;
			}

			@media only screen and (max-width: 900px) { .menu-toggle { display: flex; justify-content: flex-end; align-items: center; } }

			.menu-toggle > .hamburger-menu {
				padding-right: 15px;
				padding-left: 5%; /* зона клика слева */
				float: right;
				}

				.hamburger-menu .line {
					display: block;
					width: 32px;
					height: 2px;
					margin: 8px 0;
					border-radius: 2px;
					background-color: #ecf0f1;
					-webkit-tap-highlight-color: transparent;
					transition: all ease-in-out 0.3s;
					cursor: pointer;
					}

					@media only screen and (max-width: 350px) { .hamburger-menu .line { width: 28px; height: 2px; margin: 8px 0; border-radius: 2px; } }

				.menu-toggle > .hamburger-menu:hover { cursor: pointer; }

					.menu-toggle > #hamburger-1-click.is-active .line:nth-child(2) { opacity: 0; }

					.menu-toggle > #hamburger-1-click.is-active .line:nth-child(1) {
						-webkit-transform: translateY(10px) rotate(45deg);
						-ms-transform: translateY(10px) rotate(45deg);
						-o-transform: translateY(10px) rotate(45deg);
						transform: translateY(10px) rotate(45deg);
						}

					.menu-toggle > #hamburger-1-click.is-active .line:nth-child(3) {
						-webkit-transform: translateY(-10px) rotate(-45deg);
						-ms-transform: translateY(-10px) rotate(-45deg);
						-o-transform: translateY(-10px) rotate(-45deg);
						transform: translateY(-10px) rotate(-45deg);
						}