/*#innerbody {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	overflow: hidden;
	backface-visibility: hidden;
	padding-top: 113px;
}
header{
	position: fixed;
	left: 50%;
	margin-left: -960px !important;
	width: 1920px;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
}
header.sticky{
	top: 12px !important;
	margin-left: -948px !important;
	left: calc(50% + 12px) !important;
}*/

/* --- ниже: рабочий вариант --- */

html,
body {
	margin: 0;
	overflow-x: hidden;
}

:root {
	--viewport-base-width: 1920px;
	--viewport-scale: 1;
	--viewport-offset: 0px;
	--viewport-sticky-inset: 12px;
	--viewport-sticky-width: 1896px;
}

@media (max-width: 1200px) {
	:root {
		--viewport-base-width: 1200px;
		--viewport-scale: calc(100vw / 1200px);
		--viewport-sticky-width: 1176px;
	}
}

@media (max-width: 992px) {
	:root {
		--viewport-base-width: 992px;
		--viewport-scale: calc(100vw / 992px);
		--viewport-sticky-width: 968px;
	}
}

@media (max-width: 576px) {
	:root {
		--viewport-base-width: 576px;
		--viewport-scale: calc(100vw / 576px);
		--viewport-sticky-width: 552px;
	}
}

#innerbody {
	box-sizing: border-box;
	position: relative;
	left: var(--viewport-offset);
	width: var(--viewport-base-width);
	margin-bottom: var(--viewport-bottom-compensation, 0);
	transform: scale(var(--viewport-scale));
	transform-origin: top left;
	will-change: transform;
}

.header,
header,
#header {
	position: fixed;
	top: 0;
	left: var(--viewport-offset);
	z-index: 1000;
	box-sizing: border-box;
	width: var(--viewport-base-width);
	max-width: none;
	transform: scale(var(--viewport-scale));
	transform-origin: top left;
	will-change: transform;
}

body header.header.sticky {
	top: calc(var(--viewport-sticky-inset) * var(--viewport-scale));
	left: calc(var(--viewport-offset, 0px) + 12px);
	width: var(--viewport-sticky-width);
	transform: scale(var(--viewport-scale));
	transform-origin: top left;
}

#header-placeholder.active {
	height: 0 !important;
}