.header {width: 100%; top: 0; position: fixed; z-index: 999;}
.header .fix-menu {width: 100%; height: 3.2em;}
.header .fix-menu .container {padding: 0 1em; background-color: var(--bgcolor1); border-bottom: 1px solid rgba(255,255,255,0.1);}
.header .fix-menu .fix-line {left: 0; width: 100%; position: relative; top: 0; height: 2.5em;}
.header .fix-menu .fix-line .flex {flex-direction: row; justify-content: space-between; align-items: center; padding: 0.5em 0 0.3em;}
.header .fix-menu .fix-line .flex figure {width: 4em;}
.header .fix-menu .fix-line .flex a {font-size: 1em; color: #fffbfb; margin: 0 1em;}
.products .container {background-color: var(--bgcolor1);}
.product-content {width: 100%; padding: 0.5em 0 0;}
.product-content .flex {width: 100%; height: 17em; border-radius: 1em;}
.product-content .row {flex-direction: row;}
.product-content .rem {flex-direction: row-reverse;}
.product-content .flex .item {display: flex; flex-direction: column; width: 50%; height: 100%; justify-content: center;}
.product-content .row .item {padding: 0 0 0 4em;}
.product-content .rem .item {padding: 0 3em 0 1em;}
.product-content .flex .item h2 {margin-bottom: 0.25em; color: var(--bgcolor1);}
.product-content .flex .item p {padding: 0 0 0 0.3em;}
.product-content .flex .item .button {width: 50%; margin: 1em 0 0 0.3em;}
.products .container .vievport {width: calc(100% + 10em); padding: 0.5em 0 0; margin: 0.5em 0 0 -5em; background-color: #fffdfb; overflow: hidden; overflow-x: auto;}
.products .container .vievport .flex {position: relative; flex-direction: row; flex-wrap: nowrap;}
.products .container .vievport .flex section {display: flex; flex-direction: column; width: 33.33%; min-width: 33.33%; padding: 0 3em;}
.mainheader {width: 100%; z-index: 999; }
.mainheader .logo-line .container {padding: 0 1em; background-color: var(--bgcolor1); border-bottom: 1px solid rgba(255,255,255,0.1);}
.mainheader .logo-line .flex {flex-direction: row; flex-wrap: nowrap;}
.mainheader .logo-line .flex .item {display: flex; flex-direction: column; width: 100%; padding: 0.5em 0;}
.mainheader .logo-line .flex figure {width: 100%;}
.mainheader .logo-line .flex figure a {display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0.35em 1em; border: 2px solid #fffbfb; border-radius: 1em;}
.mainheader .logo-line .flex figure img {width: 2em; margin: 0 0.5em;}
.mainheader .logo-line .flex figure figcaption {font-size: 1.2em; line-height: 1; text-transform: uppercase; color: #fffbfb; padding-top: 0.3em;}
.mainheader .camera  {margin: 0;}
.mainheader .camera .container {background-color: var(--bgcolor1);}
.mainheader .camera video {width: 100%; margin: 0.5em 0 0; border-radius: 1em;}
.mainheader .camera  h1 {font-family: Mistral; font-size: 4em; line-height: 0.6; left: 0; width: 80%; position: absolute; top: 0; color: #fff; padding: 1em 0 0 1.5em; margin: 0; text-shadow: 1px 1px var(--bgcolor1);}
.mainheader .scroll-menu .container {padding: 0 1em; background-color: var(--bgcolor1); border-bottom: 1px solid rgba(255,255,255,0.1);}
.mainheader .scroll-menu  .scroll-track {width: 100%; position: relative;  overflow: hidden;}
.mainheader .scroll-menu  .scroll-track .scroll-line {height: 3em; flex-direction: row; flex-wrap: nowrap; position: relative; list-style: none; padding: 0.5em 0; }
.mainheader .scroll-menu  .scroll-track .scroll-line li {position: relative; width: 30%; min-width: 30%; padding: 0 0.25em;}
.mainheader .scroll-menu  .scroll-track .scroll-line li a {width: 100%; font-size: 0.8em; line-height: 1; text-align: center; color: #fffbfb; padding: 0.65em 0.5em; border: 2px solid #fffbfb; border-radius: 1em; white-space: nowrap;}
.mainheader .scroll-menu  .scroll-track .scroll-line li a:hover {color: var(--bgcolor1); background-color: #fffbfb;}
.mainheader .fix-menu .container {padding: 0 1em; background-color: var(--bgcolor1); border-bottom: 1px solid rgba(255,255,255,0.1);}
.mainheader .fix-menu .fix-line {left: 0; width: 100%; position: relative; top: 0; }
.mainheader .fix-menu .fix-line .flex {flex-direction: row; justify-content: space-between; padding: 0.5em 0 0.3em;}
.mainheader .fix-menu .fix-line .flex a {font-size: 1em; color: #fffbfb; margin: 0 1em;}

.callbody {width: 100%;}
.callbody .container {background-color: var(--bgcolor1);}
.callbody .flex {flex-direction: column; padding: 2em 0; align-items: center;}
.callbody .button {width: 50%; color: #fffdfd; border-color: #fffdfd;}
.callbody .button:hover {color: var(--bgcolor1); background-color: #fffdfd;}


.procrumbs {width: 100%; padding: 3.3em 0 0;}
.procrumbs .container {background-color: #fffdfd; padding-top: 2em; padding-bottom: 2em;}
.procrumbs nav {font-size: 0.8em;}
.procrumbs nav .separator {margin: 0 0.25em;}
.procrumbs h1 {
	text-align: right;
	margin-top: -0.5em;
	color: var(--bgcolor1);
}
.crumbs .flex .item h1 {
	color: var(--bgcolor1);
}
.procrumbs nav a,
.crumbs nav a {
	color: var(--bgcolor1);
	font-weight: 600;
	text-decoration: none;
}
.procrumbs nav a:hover,
.crumbs nav a:hover {
	color: #0e332b;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}
.procrumbs nav .separator,
.crumbs nav .separator {
	color: rgba(23, 63, 53, 0.45);
}


.contacts .container {background-color: var(--bgcolor3);}
.contacts .head-body {padding: 2em 0 0;}
.contacts .head-body h2 {margin-bottom: 0.5em;}
.contacts ul {list-style: none; padding: 1em 0;}
.contacts ul li {font-size: 0.8em; display: flex; flex-direction: row; margin: 0.25em 0;}
.contacts ul li span {display: flex;}
.contacts ul li span.name {width: 35%; opacity: 0.5;}
.contacts ul li span a {font-weight: 600; color: var(--bgcolor1);}
.contacts ul li span a:hover {color: var(--bgcolorD);}

.for-partners-terms .container {background-color: var(--bgcolor3);}
.for-partners-maintenance-notice {
	margin: 0 0 1.5em;
	padding: 1em 1.15em;
	font-size: 1em;
	line-height: 1.5;
	color: var(--bgcolor1);
	background: rgba(23, 63, 53, 0.09);
	border: 2px solid var(--bgcolor1);
	border-radius: 1em;
}
.for-partners-maintenance-notice strong {display: block; margin-bottom: 0.35em; font-size: 1.05em;}
.for-partners-terms__body {max-width: 52em; margin: 0 auto; padding: 2em 1em 2.5em; font-size: 0.95em; line-height: 1.55;}
.for-partners-terms__body > h2 {margin: 0 0 1.25em; font-size: 1.35em; line-height: 1.3;}
.for-partners-terms__section {margin-bottom: 1.5em;}
.for-partners-terms__section h3 {margin: 0 0 0.65em; font-size: 1.05em; font-weight: normal; line-height: 1.35;}
.for-partners-terms__section p {margin: 0 0 0.75em;}
.for-partners-terms__section ul {margin: 0 0 0.75em; padding-left: 1.25em;}
.for-partners-terms__section li {margin: 0.35em 0;}
.for-partners-terms__closing {margin: 1.75em 0 0; padding-top: 1em; border-top: 1px solid rgba(0,0,0,0.08);}
.for-partners-terms__body a {color: var(--bgcolor1); font-weight: 600;}
.for-partners-terms__body a:hover {color: var(--bgcolorD);}
.for-partners-terms__doc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em;
	margin-top: 0.85em;
	align-items: center;
}
.for-partners-terms__doc-actions .button {
	text-decoration: none;
	text-align: center;
}
.for-partners-terms__doc-hint {
	margin: 0.85em 0 0;
	font-size: 0.9em;
	line-height: 1.45;
	color: rgba(0, 0, 0, 0.65);
}
.for-partners-terms__doc-hint a {font-weight: 600;}

footer {width: 100%; text-align: center; padding: 2em 0 1em;}
footer .flex {flex-direction: column;}
footer .flex .logo figure {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.25em 1em; border: 1px solid var(--bgcolor1); border-radius: 1em;}
footer .flex .logo figure img {width: 2em;}
footer .flex .logo figure figcaption {font-size: 1.2em; text-transform: uppercase; margin-left: 0.5em; padding-top: 0.25em;}
footer .flex .links {font-size: 0.8em; list-style: none; text-transform: lowercase; padding: 1em 0 3em;}
footer .flex .links li {margin: 0.35em 0;}
footer .flex .links a {
	color: var(--bgcolor2);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25em;
}
footer .flex .links a:hover,
footer .flex .links a:focus-visible {
	color: #d4b038;
	outline: none;
}











@media(max-width:760px) {
.header .fix-menu {width: 100%; height: 3.9em;}
.header .fix-menu .fix-line .flex a {font-size: 14px;}
.header .fix-menu .fix-line .flex figure {width: 6em;}
.product-content {padding: 1em 0 0;}
.product-content .flex {height: 23em;}
.product-content .row {background-position: center right;}
.product-content .flex .item {width: 60%;}
.product-content .row .item {padding: 0 0 0 2em;}
.product-content .rem .item {align-items: flex-end; text-align: right; padding: 0 2em 0 0;}
.product-content .flex .item p {padding: 0;}
.product-content .flex .item .button {width: 80%; margin: 1em 0 0 0;}
.products .container .vievport {width: calc(100% + 2em); padding: 1em 0; margin: 0.5em 0 0 -1em;}
.products .container .vievport .flex section {width: 33.33%; min-width: 33.33%; padding: 0 1em;}
.mainheader {font-size: 130%;}
.mainheader .camera .container {padding: 0;}
.mainheader .camera video {margin: 0 0 -0.75em; border-radius:  0;}
.mainheader .camera  h1 {font-size: 40px; width: 90%; padding-left: 0.75em;}
.mainheader .scroll-menu  .scroll-track .scroll-line li {width: 30%; min-width: 37%;}
.mainheader .fix-menu .fix-line .flex a {font-size: 14px;}

.callbody .flex {padding: 3em 0;}
.callbody .button {width: 100%;}


.procrumbs {padding: 4.7em 0 0;}
.procrumbs .container {font-size: 130%;}
.procrumbs nav {font-size: 12px; text-align: center;}
.procrumbs h1 {text-align: center; margin-top: 0.15em;}


.contacts .head-body {padding: 2em 1em 0;}
.contacts ul {font-size: 150%;}
.contacts ul li span.name {width: 50%;}

.for-partners-terms__body {font-size: 1em; padding: 1.5em 1em 2em;}

footer {font-size: 150%;}
footer .flex .links {padding: 1em 0 3em;}
footer p {font-size: 0.8em;}











}

@media(max-width:380px) {
.header .fix-menu .container {padding: 0 0.5em;}
.header .fix-menu .fix-line .flex {padding: 0.5em 0 0.25em;}
.header .fix-menu .fix-line .flex figure {width: 4.4em;}
.header .fix-menu .fix-line .flex nav {display: flex; flex-direction: row; align-items: center;}
.header .fix-menu .fix-line .flex a {font-size: 13px; margin: 0 0.42em;}
}

header .hide-bar.hide-search {position: relative; z-index: 2;}
.site-search-curtain {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  max-height: min(70vh, 28em);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #fffdfb;
  border-radius: 0 0 1em 1em;
  box-shadow: 0 0.5em 1.2em rgba(0,0,0,0.18);
  z-index: 10050;
}
.site-search-curtain-inner {padding: 0.35em 0 0;}
.site-search-curtain-inner .site-search-curtain-list {padding: 0 0.5em 0.5em; gap: 0.35em;}
.site-search-curtain-inner .storecase section {padding: 0.5em 0.65em; margin: 0;}
.site-search-curtain-inner .storecase section figure {width: 22%;}
.site-search-curtain-inner .storecase section .text-item {width: 78%; padding: 0 0 0 0.75em;}
.site-search-curtain-inner .storecase section .text-item h4 {font-size: 0.85em; line-height: 1.2; margin: 0;}
.site-search-curtain-inner .storecase section .text-item .bid {font-size: 0.95em; margin: 0.25em 0;}
.site-search-curtain-inner .storecase section .text-item .but-item .button {font-size: 0.75em; padding: 0.35em 0.5em;}
.site-search-curtain-empty {color: #333; padding: 1em 1.25em; margin: 0; font-size: 0.85em;}
.site-search-curtain-more {margin: 0; padding: 0.5em 1em 0.75em; text-align: center; border-top: 1px solid rgba(0,0,0,0.08);}
.site-search-curtain-more a {color: var(--bgcolor1); font-size: 0.85em;}