:root { --bn-accent: #008c35; --bn-ink: #504435; --bn-paper: #f5ebde; --bn-sand: #dfccb3; --bn-white: #ffffff; --bn-black: #000000; }
@font-face { font-family: Onest; src: url("/assets/fonts/Onest-Medium-0f06e771bb.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Onest; src: url("/assets/fonts/Onest-Bold-e67307bdeb.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-gutter: stable; }
body { margin: 0px; color: var(--bn-ink); background: var(--bn-white); font-family: Onest, Arial, sans-serif; font-size: 16px; font-weight: 500; font-synthesis: none; }
h1, h2, h3, p, figure { margin: 0px; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: var(--bn-accent) solid 2px; outline-offset: 4px; }
img { max-width: 100%; vertical-align: middle; }
button { border: 0px; }
dialog { color: inherit; border: 0px; padding: 0px; }
dialog:not([open]), [hidden] { display: none !important; }
dialog::backdrop { background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(5px); }
body.modal-open { overflow: hidden; }
.sr-only, .spam-trap {
  clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; overflow: hidden !important;
}
.layout-section { position: relative; isolation: isolate; overflow: clip; width: 100%; }
.visual-item { position: absolute; }
.visual-content { width: 100%; height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; }
.visual-content img { width: 100%; height: 100%; object-fit: contain; }
.visual-content a { color: inherit; }
.decoration { pointer-events: none; }
.visual-item.text { z-index: 2; }
.visual-item.button { z-index: 3; }
.button-face { gap: 10px; }
.button-face[href] { transition: background-color 0.2s, color 0.2s; }
.button-face[href]:hover { filter: brightness(0.94); }
.button-icon { display: block; width: 32px; height: 32px; flex: 0 0 auto; background-position: center center; background-size: contain; background-repeat: no-repeat; }
.hero-currency .button-icon { width: 38px; height: 38px; }
.header-address .button-icon { width: 32px; height: 32px; }
.header-menu, .header-menu .visual-content { cursor: pointer; }
.header .visual-item { z-index: 4; }
.contacts-decoration-1 { z-index: 1; }
.contacts-text-20, .contacts-form-21, .contacts .form { z-index: 3; }
.header-logo img { object-position: left center; }
.photo-ribbon { height: 120px; overflow: hidden; position: relative; }
.photo-track { display: flex; width: max-content; }
.photo-set { display: flex; flex-shrink: 0; animation: 65s linear 0s infinite normal none running ribbon; }
.photo { padding: 0px; margin: 0px 10px; width: 160px; height: 120px; background: none; flex: 0 0 auto; }
.photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.photo-ribbon:hover .photo-set, .photo-ribbon:focus-within .photo-set { animation-play-state: paused; }
@keyframes ribbon { 
  100% { transform: translateX(-100%); }
}
.faq { padding: 0px 20px 120px; background: var(--bn-paper); }
.faq-list { max-width: 1360px; margin: auto; }
.faq-item { background: var(--bn-sand); border-bottom: 2px solid var(--bn-paper); }
.faq-item:last-child { border-bottom: 0px; }
.faq-item h3 { font: inherit; }
.faq-item button {
  display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; padding: 27px 20px 27px 30px; text-align: left; background: transparent; color: var(--bn-ink); font-size: 24px; font-weight: 700; line-height: 1.35; min-height: 82px;
}
.faq-plus { width: 40px; height: 40px; border-radius: 50%; background: var(--bn-ink); position: relative; flex-shrink: 0; transition: background 0.2s, transform 0.3s; }
.faq-plus::before, .faq-plus::after { content: ""; position: absolute; left: 8px; right: 8px; top: 19px; height: 2px; background: white; }
.faq-plus::after { transform: rotate(90deg); }
.faq-item button:hover .faq-plus { background: var(--bn-accent); }
.faq-answer { padding: 0px 30px 30px; font-size: 16px; line-height: 1.55; }
.green-button, .outline-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 24px; background: var(--bn-accent); border-radius: 100px; color: white; font-size: 16px; font-weight: 500; line-height: 1.4; text-align: center; transition: background 0.2s;
}
.green-button:hover { background: rgb(0, 119, 45); }
.outline-button { border: 1px solid var(--bn-accent); background: transparent; color: var(--bn-accent); }
.enquiry-form { --form-unit: 1px; width: 100%; position: relative; }
.form-field { display: block; position: relative; margin-bottom: calc(12 * var(--form-unit)); }
.form-field input, .form-field textarea {
  border: 0px; border-radius: 0px; width: 100%; display: block; height: calc(56 * var(--form-unit)); padding: 0 calc(20 * var(--form-unit)); background: var(--bn-paper); color: var(--bn-ink); font-size: calc(16 * var(--form-unit)); font-weight: 500;
}
.form-field textarea { height: calc(85 * var(--form-unit)); padding-top: calc(17 * var(--form-unit)); resize: vertical; }
.form-field input::placeholder, .form-field textarea::placeholder { color: var(--bn-ink); opacity: 0.5; }
.phone-field input { padding-left: calc(62 * var(--form-unit)); }
.phone-country {
  position: absolute; left: calc(20 * var(--form-unit)); top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: calc(6 * var(--form-unit)); font-size: calc(14 * var(--form-unit)); color: rgb(153, 153, 153);
}
.russian-flag {
  display: inline-block; width: calc(18 * var(--form-unit)); height: calc(12 * var(--form-unit)); box-shadow: rgb(119, 119, 119) 0px 0px 4px; background: linear-gradient(white 33.33%, rgb(0, 85, 173) 33.33%, rgb(0, 85, 173) 66.66%, rgb(230, 36, 36) 66.66%);
}
.consent {
  display: flex; align-items: flex-start; gap: calc(10 * var(--form-unit)); font-size: calc(14 * var(--form-unit)); line-height: 1.2; color: rgba(80, 68, 53, 0.5); min-height: calc(52 * var(--form-unit)); margin-bottom: calc(36 * var(--form-unit));
}
.consent input {
  appearance: none; margin: 0px; width: calc(20 * var(--form-unit)); height: calc(20 * var(--form-unit)); border: calc(2 * var(--form-unit)) solid #50443580; flex-shrink: 0; border-radius: 0px;
}
.consent input:checked::after { content: "✓"; font-size: calc(16 * var(--form-unit)); display: block; line-height: 1; color: var(--bn-ink); }
.consent a { text-decoration: underline; }
.enquiry-form .green-button { font-size: calc(16 * var(--form-unit)); min-height: calc(46 * var(--form-unit)); padding: calc(12 * var(--form-unit)) calc(28 * var(--form-unit)); }
.form-status { font-size: 15px; line-height: 1.4; background: rgba(255, 255, 255, 0.267); padding: 12px; margin: 10px 0px; color: rgb(128, 39, 39); }
.quote-dialog { width: 552px; padding: 40px; background: var(--bn-sand); max-width: calc(100% - 40px); max-height: calc(100dvh - 50px); overflow: auto; }
.quote-dialog h2 { font-size: 24px; line-height: 28.8px; font-weight: 700; }
.quote-description { font-size: 16px; line-height: 24px; margin: 6px 0px 24px; }
.dialog-close {
  position: fixed; right: 15px; top: 9px; padding: 0px; background: none; color: white; font-family: Arial, sans-serif; font-weight: 300; font-size: 46px; line-height: 1; z-index: 5; width: 40px; height: 40px;
}
.quote-dialog .consent { margin-bottom: 36px; }
.menu-dialog { margin: 0px 0px 0px auto; height: 100dvh; max-height: 100dvh; width: 300px; max-width: 100%; padding: 80px 30px; background: var(--bn-paper); }
.menu-dialog nav { display: flex; flex-direction: column; gap: 28px; }
.menu-dialog nav > a { font-size: 20px; }
.menu-dialog .dialog-close { color: var(--bn-ink); }
.menu-dialog .green-button { font-size: 16px; }
.photo-dialog { position: fixed; inset: 0px; max-width: 100%; max-height: 100%; width: 100%; height: 100dvh; margin: 0px; background: var(--bn-white); overflow: hidden; }
.photo-dialog::backdrop { background: white; backdrop-filter: none; }
.photo-dialog figure { height: 100%; display: flex; align-items: center; justify-content: center; padding: 50px 70px 70px; }
.photo-dialog figure img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; cursor: zoom-in; }
.photo-dialog.zoomed figure { overflow: auto; display: block; padding: 0px; }
.photo-dialog.zoomed figure img { max-width: none; max-height: none; min-height: 100%; margin: auto; cursor: zoom-out; }
.photo-dialog figcaption { position: absolute; bottom: 26px; left: 80px; right: 80px; text-align: center; font-size: 14px; color: rgb(119, 119, 119); }
.photo-dialog .dialog-close { color: rgb(34, 34, 34); }
.photo-previous, .photo-next, .photo-zoom { position: absolute; background: transparent; color: rgb(51, 51, 51); z-index: 2; }
.photo-previous, .photo-next { top: 50%; font: 56px / 1 Arial; width: 60px; height: 70px; transform: translateY(-50%); }
.photo-previous { left: 5px; }
.photo-next { right: 5px; }
.photo-zoom { right: 70px; top: 15px; font-size: 30px; }
.photo-counter { position: absolute; bottom: 24px; left: 25px; color: rgb(119, 119, 119); font-size: 14px; }
.cookie-banner {
  position: fixed; bottom: 34px; right: 34px; background: var(--bn-paper); width: 600px; padding: 22px 20px 20px; z-index: 30; box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 15px; font-size: 14px; line-height: 1.55;
}
.cookie-banner a { color: var(--bn-accent); }
.cookie-buttons { display: flex; justify-content: space-between; gap: 15px; margin-top: 20px; }
.cookie-buttons button { min-height: 36px; padding: 8px 15px; font-size: 14px; line-height: 20px; }
.back-to-top {
  position: fixed; bottom: 30px; left: 30px; border-radius: 50%; background: var(--bn-ink); color: white; width: 44px; height: 44px; text-align: center; line-height: 44px; font-size: 24px; z-index: 20;
}
.legal-content { padding: 90px 20px 105px; max-width: 1200px; margin: auto; }
.legal-section { max-width: 1160px; margin: 0px auto 30px; font-size: 18px; line-height: 1.55; }
.legal-section:first-child { margin-bottom: 60px; }
.legal-section a { color: var(--bn-accent); }
[data-pulse].active { animation: 3.5s linear 0s infinite normal none running map-pulse; }
[data-pulse="500"].active { animation-delay: 0.5s; animation-duration: 3s; }
[data-pulse="1500"].active { animation-delay: 1.5s; animation-duration: 4s; }
@keyframes map-pulse { 
  0%, 100% { transform: scale(1); }
  28.57%, 57.14% { transform: scale(1.6); }
}
[data-conveyor].active { animation: 10s linear 0s infinite normal none running conveyor; }
@keyframes conveyor { 
  100% { transform: translateX(-367px); }
}
[data-reveal].waiting { opacity: 0; transform: translateX(-100px); }
[data-reveal] { transition: opacity 1s, transform 1s; }
[data-reveal].revealed { opacity: 1; transform: none; }
.footer { background-image: url("/assets/img/crumpled-torn-paper--8e19a1467c.webp"); background-size: cover; background-position: center center; }
.faq-item button { display: block; position: relative; padding: 25px 80px 25px 30px; min-height: 0px; }
.faq-plus { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.faq-item button { padding: 25px 30px; font-size: 24px; }
.faq-title { padding-right: 30px; }
.footer { background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("/assets/img/crumpled-torn-paper--8e19a1467c.webp"); }
.menu-dialog { width: 280px; padding: 40px 25px 25px; background: rgb(38, 33, 27); color: var(--bn-white); }
.menu-dialog nav { height: 100%; gap: 24px; }
.menu-dialog nav > a { font-size: 22px; line-height: 1.2; }
.menu-dialog .green-button { margin-top: auto; font-size: 16px; min-height: 50px; }
.menu-dialog .dialog-close { color: white; position: absolute; right: 8px; top: 8px; font-size: 28px; }
.legal-section ul { margin: 0px 0px 10px; padding-left: 20px; }
[data-pulse="500"].active { animation: 3s linear 0s infinite normal none running map-pulse-500; }
[data-pulse="1500"].active { animation: 4s linear 0s infinite normal none running map-pulse-1500; }
@keyframes map-pulse-500 { 
  0%, 16.6667%, 100% { transform: scale(1); }
  50% { transform: scale(1.6); }
}
@keyframes map-pulse-1500 { 
  0%, 37.5%, 100% { transform: scale(1); }
  62.5% { transform: scale(1.6); }
}
.error-page { position: relative; overflow: clip; }
.error-page > * { position: absolute; text-align: center; }
.error-number { font-weight: 700; }
.error-page { height: 600px; }
.error-number { left: calc(50% - 290px); top: 90px; width: 580.203px; height: 360px; font-size: 300px; line-height: 360px; }
.error-description { left: calc(50% - 231.5px); top: 397.5px; width: 465px; height: 44px; font-size: 16px; line-height: 22px; }
.error-link { left: calc(50% - 125px); top: 474px; width: 250px; height: 46px; font-size: 16px; line-height: 22.4px; }
  position: fixed; inset: auto 34px 34px auto; margin: 0px; padding: 0px; width: 400px; max-width: calc(100% - 20px); max-height: calc(100dvh - 30px); overflow: auto; background: white; box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 15px; z-index: 40; font-size: 16px; line-height: 1.55;
}
.cookie-back {
  height: 48px; width: 100%; padding: 0px 20px; text-align: left; font: 28px / 1 Arial; color: rgb(184, 179, 172); background: white; box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 8px;
}
.cookie-settings-body { padding: 26px 20px 30px; }
.cookie-types { margin-top: 30px; }
.cookie-types > details, .cookie-type-row { border-top: 1px solid rgb(214, 214, 214); position: relative; }
.cookie-types > :last-child { border-bottom: 1px solid rgb(214, 214, 214); }
.cookie-types summary { list-style: none; cursor: pointer; padding: 14px 0px 14px 22px; line-height: 25px; position: relative; }
.cookie-types summary::before { content: "+"; position: absolute; left: 0px; top: 14px; font-weight: 300; }
.cookie-types summary::-webkit-details-marker { display: none; }
.cookie-types details p { padding: 0px 0px 18px; font-size: 14px; line-height: 21px; }
.cookie-always { position: absolute; right: 0px; font-size: 11px; color: rgb(36, 103, 255); }
  position: absolute; right: 0px; top: 14px; display: flex; align-items: center; gap: 14px; margin: 0px; font-size: 11px; color: rgb(153, 153, 153); line-height: 24px;
}
.cookie-toggle input { appearance: none; width: 48px; height: 24px; border-radius: 20px; background: rgb(204, 204, 204); margin: 0px; position: relative; cursor: pointer; }
.cookie-toggle input::before {
  content: ""; width: 20px; height: 20px; position: absolute; left: 2px; top: 2px; border-radius: 50%; background: rgb(244, 244, 244); box-shadow: rgb(85, 85, 85) 0px 0px 2px; transition: transform 0.2s;
}
.cookie-toggle input:checked { background: var(--bn-accent); }
.cookie-toggle input:checked::before { transform: translateX(24px); }
.cookie-settings-footer { padding: 16px 20px; box-shadow: rgba(0, 0, 0, 0.02) 0px -3px 8px; }
.cookie-settings-footer .green-button { font-size: 14px; min-height: 36px; padding: 8px 15px; }
.cookie-type-row summary { padding-right: 125px; white-space: nowrap; }
.legal-section { transition: opacity 0.5s; }
.legal-waiting { opacity: 0; }
.back-to-top { left: auto; right: 20px; bottom: 20px; background: transparent; width: 50px; height: 50px; line-height: 1; }
.back-to-top svg { display: block; }
.menu-dialog nav { gap: 15px; }
.menu-dialog nav > a { line-height: normal; }
.menu-dialog::backdrop { background: rgba(0, 0, 0, 0.5); backdrop-filter: none; }
.dialog-close { font-size: 0px; }
.dialog-close::before, .dialog-close::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 26px; height: 1px; background: currentcolor; transform: translate(-50%, -50%) rotate(45deg);
}
.dialog-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.menu-dialog .dialog-close { right: 5px; top: 5px; font-size: 0px; }
.photo-dialog figure { padding: 15px 5vw; }
.photo-dialog figcaption, .photo-counter { display: none; }
.photo-previous, .photo-next, .photo-zoom, .photo-dialog .dialog-close {
  width: 40px; height: 40px; border: 1px solid rgb(238, 238, 238); border-radius: 50%; background: rgba(255, 255, 255, 0.8); font-size: 0px;
}
.photo-previous, .photo-next { top: 50%; bottom: auto; transform: translateY(-50%); }
.photo-previous { left: 10px; }
.photo-next { right: 10px; }
.photo-previous::after, .photo-next::after {
  content: ""; position: absolute; left: 17px; top: 14px; width: 9px; height: 9px; border-top: 1px solid; border-left: 1px solid; transform: rotate(-45deg);
}
.photo-next::after { left: 12px; transform: rotate(135deg); }
.photo-dialog .dialog-close { right: 10px; top: 10px; }
.photo-dialog .dialog-close::before, .photo-dialog .dialog-close::after { width: 16px; }
.photo-zoom { right: 60px; top: 10px; }
.photo-zoom::before { content: ""; position: absolute; left: 10px; top: 9px; width: 13px; height: 13px; border: 1px solid; border-radius: 50%; }
.photo-zoom::after { content: "+"; position: absolute; left: 13px; top: 7px; font: 15px Arial; }
.photo-zoom {
  background-image: linear-gradient(45deg, transparent 46%, rgb(51, 51, 51) 46%, rgb(51, 51, 51) 53%, transparent 53%); background-size: 9px 9px; background-position: 23px 22px; background-repeat: no-repeat;
}
[data-pulse="short"].active { animation: 2.5s linear 0s infinite normal none running map-pulse-short; }
@keyframes map-pulse-short { 
  0%, 100% { transform: scale(1); }
  40% { transform: scale(1.6); }
}
.phone-country { height: calc(24 * var(--form-unit)); }
.phone-country-select { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.phone-country:focus-within { outline: var(--bn-accent) solid 2px; outline-offset: 3px; }
.russian-flag { width: 18px; height: 13px; background-image: url("/assets/img/phone-flags.webp"); background-position: -285px -281px; box-shadow: none; flex: 0 0 auto; }
.green-button:hover { background: rgb(1, 109, 41); }
.button-face[href]:hover { filter: none; }
.button-face > span:last-child { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: inherit; }
.header { background-color: rgb(245, 244, 243); }
.header-logo > .visual-content {
  opacity: 1; color: rgb(255, 133, 98); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.header-materials-link > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.header-materials-link > .button-face[href]:hover { color: var(--bn-accent); }
.header-materials-link > .button-face, .header-conditions-link > .button-face, .header-steps-link > .button-face, .header-contacts-link > .button-face, .header-phone > .button-face {
  gap: 10px;
}
.header-conditions-link > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.header-conditions-link > .button-face[href]:hover { color: var(--bn-accent); }
.header-steps-link > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.header-steps-link > .button-face[href]:hover { color: var(--bn-accent); }
.header-contacts-link > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.header-contacts-link > .button-face[href]:hover { color: var(--bn-accent); }
.header-phone-icon > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.header-phone > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.header-phone > .button-face[href]:hover { color: var(--bn-accent); }
.header-address > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.header-address > .button-face[href]:hover { color: var(--bn-accent); }
.header-address > .button-face { gap: 12px; }
.header-address > .button-face, .hero-phone > .button-face { flex-direction: row-reverse; }
.header-menu > .visual-content {
  opacity: 1; color: rgb(255, 133, 98); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.hero { background-color: var(--bn-white); }
.hero-paper > .visual-content {
  opacity: 0.4; color: var(--bn-black); background-image: url("/assets/img/crumpled-torn-paper--f7edcff0c2.webp"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.hero-title > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 42px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: start; display: block;
}
.hero-description > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; text-align: start; display: block;
}
.hero-quote > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-quote > .button-face[href]:hover { background-color: rgb(1, 109, 41); }
.hero-quote > .button-face { gap: 10px; }
.hero-phone > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-phone > .button-face[href]:hover { color: var(--bn-accent); }
.hero-phone > .button-face { gap: 12px; }
.hero-map > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.hero-kohma-dot > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 3000px; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.hero-kohma > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; white-space: nowrap; display: block;
}
.hero-furmanov-dot > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 3000px; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.hero-furmanov > .visual-content, .hero-teikovo-dot > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; white-space: nowrap; display: block;
}
.hero-teikovo > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 3000px; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.hero-ivanovo-dot > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; white-space: nowrap; display: block;
}
.hero-ivanovo > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 3000px; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.hero-paper-weight > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-paper-weight > .button-face, .hero-paper-pickup > .button-face, .hero-film-weight > .button-face, .hero-film-pickup > .button-face { gap: 10px; }
.hero-paper-pickup > .visual-content {
  opacity: 1; color: var(--bn-ink); background-color: var(--bn-paper); background-position: 50% 50%; border-width: 1px; border-style: solid; border-color: var(--bn-ink); font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-film-weight > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-film-pickup > .visual-content {
  opacity: 1; color: var(--bn-ink); background-color: var(--bn-paper); background-position: 50% 50%; border-width: 1px; border-style: solid; border-color: var(--bn-ink); font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-currency > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-currency > .button-face { gap: 0px; }
.hero-payment > .visual-content {
  opacity: 1; color: var(--bn-ink); background-color: var(--bn-paper); background-position: 50% 50%; border-width: 1px; border-style: solid; border-color: var(--bn-ink); font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-payment > .button-face, .materials-button-12 > .button-face, .materials-button-16 > .button-face, .materials-button-20 > .button-face, .materials-button-24 > .button-face, .steps-button-22 > .button-face, .business-button-15 > .button-face, .footer-button-3 > .button-face, .footer-button-4 > .button-face, .footer-button-5 > .button-face, .footer-button-6 > .button-face, .footer-button-7 > .button-face, .footer-button-8 > .button-face {
  gap: 10px;
}
.hero-line > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: rgb(217, 217, 217); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-intro { background-color: var(--bn-white); }
.materials-intro-text-1 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 42px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: start; display: block;
}
.materials-intro-text-2 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; text-align: start; display: block;
}
.materials { background-color: var(--bn-white); }
.materials-decoration-1 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-sand); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-decoration-2 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-paper); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-decoration-3 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-ink); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-decoration-4 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-paper); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-decoration-5 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-sand); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-decoration-6 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-paper); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-decoration-7 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-ink); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-decoration-8 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-paper); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-text-9 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.materials-text-10 > .visual-content, .materials-text-11 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.materials-button-12 > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.materials-button-12 > .button-face[href]:hover { background-color: rgb(1, 109, 41); }
.materials-image-13 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-text-14 > .visual-content {
  opacity: 1; color: var(--bn-white); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.materials-text-15 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.materials-button-16 > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.materials-button-16 > .button-face[href]:hover { background-color: rgb(1, 109, 41); }
.materials-image-17 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-text-18 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.materials-text-19 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.materials-button-20 > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.materials-button-20 > .button-face[href]:hover { background-color: rgb(1, 109, 41); }
.materials-image-21 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.materials-text-22 > .visual-content {
  opacity: 1; color: var(--bn-white); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.materials-text-23 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.materials-button-24 > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.materials-button-24 > .button-face[href]:hover { background-color: rgb(1, 109, 41); }
.materials-image-25 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.conditions { background-color: var(--bn-white); }
.conditions-text-1 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 42px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: start; display: block;
}
.conditions-image-2 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.conditions-text-3 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; display: block;
}
.conditions-text-4 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.conditions-image-5 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.conditions-text-6 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; display: block;
}
.conditions-text-7 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.conditions-image-8 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.conditions-text-9 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; display: block;
}
.conditions-text-10 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.conditions-image-11 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.conditions-text-12 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; display: block;
}
.conditions-text-13 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.conditions-image-14 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.conditions-shape-15 > .visual-content, .conditions-shape-16 > .visual-content, .conditions-shape-17 > .visual-content, .conditions-shape-18 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: rgb(217, 217, 217); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps { background-color: var(--bn-paper); }
.steps-decoration-1 > .visual-content, .steps-decoration-2 > .visual-content, .steps-decoration-3 > .visual-content, .steps-decoration-4 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-sand); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-image-5 > .visual-content, .steps-image-6 > .visual-content, .steps-image-7 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-text-8 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 700; line-height: 22px; text-transform: uppercase; text-align: start; display: block;
}
.steps-image-9 > .visual-content, .steps-image-10 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-text-11 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 700; line-height: 22px; text-transform: uppercase; text-align: start; display: block;
}
.steps-image-12 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-shape-13 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-sand); background-image: url("/assets/img/Gemini_Generated_Ima-60956d979b.webp"); background-size: 100% auto; background-repeat: no-repeat; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-shape-14 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-sand); background-image: url("/assets/img/Frame_54-2df25e8cf2.webp"); background-size: 104.106% auto; background-position: 99.947% 0%; background-repeat: no-repeat; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-image-15 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-text-16 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 700; line-height: 22px; text-transform: uppercase; text-align: start; display: block;
}
.steps-image-17 > .visual-content, .steps-image-18 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-text-19 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 700; line-height: 22px; text-transform: uppercase; text-align: start; display: block;
}
.steps-image-20 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.steps-text-21 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 42px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: center; display: block;
}
.steps-button-22 > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.steps-button-22 > .button-face[href]:hover { background-color: rgb(1, 109, 41); }
.business { background-color: var(--bn-white); }
.business-decoration-1 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-white); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-text-2 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 42px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: start; display: block;
}
.business-shape-3 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 3000px; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-text-4 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.business-shape-5 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: rgb(217, 217, 217); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-shape-6 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 3000px; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-text-7 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.business-shape-8 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: rgb(217, 217, 217); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-shape-9 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 3000px; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-text-10 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.business-shape-11 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: rgb(217, 217, 217); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-shape-12 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 3000px; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-text-13 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.business-shape-14 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: rgb(217, 217, 217); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-button-15 > .visual-content {
  opacity: 1; color: var(--bn-white); background-color: var(--bn-accent); background-position: 50% 50%; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22.4px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.business-button-15 > .button-face[href]:hover { background-color: rgb(1, 109, 41); }
.business-image-16 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.business-text-17 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.faq-heading { background-color: var(--bn-paper); }
.faq-heading-text-1 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 42px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.contacts { background-color: var(--bn-white); }
.contacts-decoration-1 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-sand); font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.contacts-shape-2 > .visual-content, .contacts-shape-3 > .visual-content, .contacts-shape-4 > .visual-content, .contacts-shape-5 > .visual-content, .contacts-shape-6 > .visual-content, .contacts-shape-7 > .visual-content {
  opacity: 1; color: var(--bn-black); background-image: url("/assets/img/Frame_155-ffc17b4b16.webp"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.contacts-shape-8 > .visual-content, .contacts-shape-9 > .visual-content {
  opacity: 1; color: var(--bn-black); background-color: var(--bn-white); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.contacts-image-10 > .visual-content {
  opacity: 1; color: var(--bn-black); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.contacts-text-11 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 42px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: start; display: block;
}
.contacts-text-12 > .visual-content {
  opacity: 0.5; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; white-space: nowrap; display: block;
}
.contacts-text-13 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.contacts-text-14 > .visual-content {
  opacity: 0.5; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; white-space: nowrap; display: block;
}
.contacts-text-15 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.contacts-text-16 > .visual-content {
  opacity: 0.5; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; white-space: nowrap; display: block;
}
.contacts-text-17 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.contacts-text-18 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 700; line-height: 22px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.contacts-text-19 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 700; line-height: 22px; text-align: start; display: block;
}
.contacts-text-20 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 24px; font-weight: 700; line-height: 26px; text-transform: uppercase; text-align: start; white-space: nowrap; display: block;
}
.footer { background-color: var(--bn-white); }
.footer-image-1 > .visual-content {
  opacity: 1; color: rgb(255, 133, 98); background-position: 50% 50%; font-family: "Times New Roman"; font-size: 16px; font-weight: 400; line-height: normal; text-align: start;
}
.footer-text-2 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; font-size: 16px; font-weight: 500; line-height: 22px; text-align: start; display: block;
}
.footer-button-3 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.footer-button-3 > .button-face[href]:hover { color: var(--bn-accent); }
.footer-button-4 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.footer-button-4 > .button-face[href]:hover { color: var(--bn-accent); }
.footer-button-5 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.footer-button-5 > .button-face[href]:hover { color: var(--bn-accent); }
.footer-button-6 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.footer-button-6 > .button-face[href]:hover { color: var(--bn-accent); }
.footer-button-7 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.footer-button-7 > .button-face[href]:hover { color: var(--bn-accent); }
.footer-button-8 > .visual-content {
  opacity: 1; color: var(--bn-ink); background-position: 50% 50%; border-radius: 30px; font-size: 16px; font-weight: 500; line-height: 24.8px; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.footer-button-8 > .button-face[href]:hover { color: var(--bn-accent); }
.footer-text-9 > .visual-content {
  opacity: 1; color: rgb(1, 109, 41); background-position: 50% 50%; font-size: 14px; font-weight: 400; line-height: 14px; text-align: start; white-space: nowrap; display: block;
}
.visual-content img, .image > a.visual-content { display: block; }
.business-decoration-1 { z-index: 1; }
.contacts-image-10 { z-index: 2; }
.contacts .shape, .contacts-image-10 { translate: 0 var(--form-extra,0px); }
.form-field textarea { resize: none; }
.menu-dialog { transform: translateX(100%); transition: transform 0.3s ease-in-out; }
.menu-dialog.is-visible { transform: translateX(0px); }
.menu-dialog::backdrop { background: var(--bn-black); opacity: 0; backdrop-filter: none; transition: opacity 0.3s ease-in-out; }
.menu-dialog.is-visible::backdrop { opacity: 0.6; }
.phone-enhanced { display: flex; align-items: center; padding: 0 calc(20 * var(--form-unit)); background: var(--bn-paper); }
.phone-enhanced .phone-country { position: static; transform: none; height: auto; flex: 0 0 auto; }
.phone-enhanced input[type="tel"] { flex: 1 1 0%; min-width: 0px; width: 0px; padding: 0px; margin-left: calc(5 * var(--form-unit)); background: transparent; }
.phone-enhanced input[type="hidden"] { display: none; }
.phone-country-button {
  display: flex; align-items: center; gap: calc(6 * var(--form-unit)); padding: 0px; background: transparent; color: var(--bn-ink); font-size: calc(16 * var(--form-unit)); font-weight: 500; white-space: nowrap; min-height: calc(36 * var(--form-unit));
}
.phone-country-arrow {
  width: 0px; height: 0px; border-left: calc(3.5 * var(--form-unit)) solid transparent; border-right: calc(3.5 * var(--form-unit)) solid transparent; border-top: calc(4.5 * var(--form-unit)) solid #9a9a9a;
}
.phone-country-code { margin-left: calc(4 * var(--form-unit)); }
.phone-country-button .russian-flag {
  width: calc(18 * var(--form-unit)); height: calc(13 * var(--form-unit)); background-size: calc(390 * var(--form-unit)) calc(368 * var(--form-unit)); box-shadow: 0 0 calc(5 * var(--form-unit)) #0005;
}
.phone-country-list {
  position: fixed; inset: auto; margin: 0px; width: 412px; max-width: 100%; max-height: 212px; overflow-y: scroll; overscroll-behavior: contain; background: white; border: 1px solid rgb(238, 238, 238); padding: 5px 0px; box-shadow: rgba(0, 0, 0, 0.133) 0px 0px 1px; z-index: 100; font: 14px / 16px Arial, sans-serif; color: rgb(51, 51, 51); text-align: left; scrollbar-width: auto;
}
.phone-country-option { display: flex; align-items: center; gap: 8px; padding: 8px 10px; cursor: pointer; }
.phone-country-option:hover, .phone-country-option.active { background: rgb(241, 241, 241); }
.phone-country-option[aria-selected="true"] { font-weight: 400; }
.phone-option-code { margin-left: auto; padding-left: 10px; color: rgb(153, 153, 153); white-space: nowrap; }
.phone-country-list .russian-flag { box-shadow: rgba(0, 0, 0, 0.333) 0px 0px 5px; }
.quote-dialog { max-height: calc(100dvh - 20px); }
.quote-dialog::backdrop { background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); }
.quote-dialog .dialog-close { width: 43px; height: 43px; right: 10px; top: 10px; }
.quote-dialog h2 { line-height: 26px; }
.quote-description { line-height: 22px; margin: 8px 0px 24px; }
.quote-dialog .consent { min-height: 51.9844px; }
.header { height: 131px; }
.header-logo { left: calc(50% - 680px); top: 40px; width: 128px; height: 41px; display: block; }
.header-logo > .visual-content { font-size: 16px; border-radius: 0px; }
.header-materials-link { left: calc(50% - 405px); top: 56px; width: 121px; height: 25px; display: block; }
.header-materials-link > .visual-content, .header-conditions-link > .visual-content, .header-steps-link > .visual-content, .header-contacts-link > .visual-content {
  font-size: 16px; line-height: 24.8px; border-radius: 30px;
}
.header-conditions-link { left: calc(50% - 244px); top: 56px; width: 64px; height: 25px; display: block; }
.header-steps-link { left: calc(50% - 140px); top: 56px; width: 76px; height: 25px; display: block; }
.header-contacts-link { left: calc(50% - 24px); top: 56px; width: 73px; height: 25px; display: block; }
.header-phone-icon { left: calc(50% + 196px); top: 56px; width: 24px; height: 24px; display: block; }
.header-phone-icon > .visual-content { font-size: 16px; border-radius: 0px; }
.header-phone { left: calc(50% + 228px); top: 56px; width: 147px; height: 25px; display: block; }
.header-phone > .visual-content { font-size: 16px; line-height: 24.8px; border-radius: 30px; }
.header-address { left: calc(50% + 522px); top: 49px; width: 230.641px; height: 32px; display: block; }
.header-address > .visual-content { font-size: 16px; line-height: 22.4px; border-radius: 100px; }
.header-menu { left: 0px; top: 0px; width: 0px; height: 0px; display: none; }
.header-menu > .visual-content, .hero-paper > .visual-content { font-size: 16px; border-radius: 0px; }
.hero { height: 700px; }
.hero-paper { left: 0px; top: 0px; width: calc(0px + 100vw); height: 700px; display: block; }
.hero-title { left: calc(50% - 680px); top: 89px; width: 582px; height: 100px; display: block; }
.hero-title > .visual-content { font-size: 42px; line-height: 50px; border-radius: 0px; }
.hero-description { left: calc(50% - 680px); top: 205px; width: 373px; height: 72px; display: block; }
.hero-description > .visual-content { font-size: 16px; line-height: 24px; border-radius: 0px; }
.hero-quote { left: calc(50% - 680px); top: 345px; width: 256px; height: 46px; display: block; }
.hero-quote > .visual-content, .hero-phone > .visual-content { font-size: 16px; line-height: 22.4px; border-radius: 100px; }
.hero-phone { left: calc(50% - 404px); top: 352px; width: 192.672px; height: 32px; display: block; }
.hero-map { left: calc(50% - 18px); top: 63px; width: 491px; height: 365.859px; display: block; }
.hero-map > .visual-content { font-size: 16px; border-radius: 0px; }
.hero-kohma-dot { left: calc(50% + 299px); top: 285px; width: 8px; height: 8px; display: block; }
.hero-kohma-dot > .visual-content { font-size: 16px; border-radius: 3000px; }
.hero-kohma { left: calc(50% + 319px); top: 278px; width: 48.0938px; height: 22px; display: block; }
.hero-kohma > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.hero-furmanov-dot { left: calc(50% + 243px); top: 155px; width: 8px; height: 8px; display: block; }
.hero-furmanov-dot > .visual-content { font-size: 16px; border-radius: 3000px; }
.hero-furmanov { left: calc(50% + 263px); top: 148px; width: 80.0625px; height: 22px; display: block; }
.hero-furmanov > .visual-content, .hero-teikovo-dot > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.hero-teikovo-dot { left: calc(50% - 10px); top: 267px; width: 63.5938px; height: 22px; display: block; }
.hero-teikovo { left: calc(50% + 65.5938px); top: 274px; width: 8px; height: 8px; display: block; }
.hero-teikovo > .visual-content { font-size: 16px; border-radius: 3000px; }
.hero-ivanovo-dot { left: calc(50% + 150px); top: 228px; width: 66.75px; height: 22px; display: block; }
.hero-ivanovo-dot > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.hero-ivanovo { left: calc(50% + 228.75px); top: 235px; width: 8px; height: 8px; display: block; }
.hero-ivanovo > .visual-content { font-size: 16px; border-radius: 3000px; }
.hero-paper-weight { left: calc(50% - 94px); top: 349px; width: 98px; height: 38px; display: block; }
.hero-paper-weight > .visual-content { font-size: 16px; line-height: 24.8px; border-radius: 30px; }
.hero-paper-pickup { left: calc(50% + 4px); top: 349px; width: 167px; height: 38px; display: block; }
.hero-paper-pickup > .visual-content { font-size: 16px; line-height: 24.8px; border-radius: 0px; }
.hero-film-weight { left: calc(50% + 187px); top: 349px; width: 98px; height: 38px; display: block; }
.hero-film-weight > .visual-content { font-size: 16px; line-height: 24.8px; border-radius: 30px; }
.hero-film-pickup { left: calc(50% + 285px); top: 349px; width: 128px; height: 38px; display: block; }
.hero-film-pickup > .visual-content { font-size: 16px; line-height: 24.8px; border-radius: 0px; }
.hero-currency { left: calc(50% + 429px); top: 349px; width: 38px; height: 38px; display: block; }
.hero-currency > .visual-content { font-size: 16px; line-height: 24.8px; border-radius: 30px; }
.hero-payment { left: calc(50% + 467px); top: 349px; width: 204px; height: 38px; display: block; }
.hero-payment > .visual-content { font-size: 16px; line-height: 24.8px; border-radius: 0px; }
.hero-line { left: calc(50% - 680px); top: 42px; width: 1360px; height: 1px; display: block; }
.hero-line > .visual-content { font-size: 16px; border-radius: 0px; }
.materials-intro { height: 216px; }
.materials-intro-text-1 { left: calc(50% - 680px); top: 80px; width: 670px; height: 50px; display: block; }
.materials-intro-text-1 > .visual-content { font-size: 42px; line-height: 50px; border-radius: 0px; }
.materials-intro-text-2 { left: calc(50% + 10px); top: 80px; width: 562px; height: 96px; display: block; }
.materials-intro-text-2 > .visual-content { font-size: 16px; line-height: 24px; border-radius: 0px; }
.materials { height: 292px; }
.materials-decoration-1 { left: calc(50% - 680px); top: 32px; width: 325px; height: 62px; display: block; }
.materials-decoration-1 > .visual-content, .materials-decoration-2 > .visual-content, .materials-decoration-3 > .visual-content, .materials-decoration-4 > .visual-content, .materials-decoration-5 > .visual-content, .materials-decoration-6 > .visual-content, .materials-decoration-7 > .visual-content, .materials-decoration-8 > .visual-content {
  font-size: 16px; border-radius: 0px;
}
.materials-decoration-2 { left: calc(50% - 680px); top: 94px; width: 325px; height: 198.391px; display: block; }
.materials-decoration-3 { left: calc(50% - 335px); top: 32.1875px; width: 325px; height: 62px; display: block; }
.materials-decoration-4 { left: calc(50% - 335px); top: 94.1875px; width: 325px; height: 198px; display: block; }
.materials-decoration-5 { left: calc(50% + 10px); top: 32.1875px; width: 325px; height: 62px; display: block; }
.materials-decoration-6 { left: calc(50% + 10px); top: 94.1875px; width: 325px; height: 198px; display: block; }
.materials-decoration-7 { left: calc(50% + 355px); top: 32.1875px; width: 325px; height: 62px; display: block; }
.materials-decoration-8 { left: calc(50% + 355px); top: 94.1875px; width: 325px; height: 198px; display: block; }
.materials-text-9 { left: calc(50% - 660px); top: 52px; width: 164.078px; height: 26px; display: block; }
.materials-text-9 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.materials-text-10 { left: calc(50% - 660px); top: 114px; width: 285px; height: 44px; display: block; }
.materials-text-10 > .visual-content, .materials-text-11 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.materials-text-11 { left: calc(50% - 660px); top: 166px; width: 285px; height: 44px; display: block; }
.materials-button-12 { left: calc(50% - 660px); top: 234px; width: 173.672px; height: 38.3906px; display: block; }
.materials-button-12 > .visual-content { font-size: 16px; line-height: 22.4px; border-radius: 100px; }
.materials-image-13 { left: calc(50% - 407px); top: -2px; width: 40px; height: 85px; display: block; }
.materials-image-13 > .visual-content { font-size: 16px; border-radius: 0px; }
.materials-text-14 { left: calc(50% - 315px); top: 52.1875px; width: 99.0313px; height: 26px; display: block; }
.materials-text-14 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.materials-text-15 { left: calc(50% - 315px); top: 114.188px; width: 285px; height: 66px; display: block; }
.materials-text-15 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.materials-button-16 { left: calc(50% - 315px); top: 233.797px; width: 222.875px; height: 38.3906px; display: block; }
.materials-button-16 > .visual-content { font-size: 16px; line-height: 22.4px; border-radius: 100px; }
.materials-image-17 { left: calc(50% - 62px); top: -1.8125px; width: 40px; height: 85px; display: block; }
.materials-image-17 > .visual-content { font-size: 16px; border-radius: 0px; }
.materials-text-18 { left: calc(50% + 30px); top: 52.1875px; width: 100.5px; height: 26px; display: block; }
.materials-text-18 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.materials-text-19 { left: calc(50% + 30px); top: 114.188px; width: 285px; height: 44px; display: block; }
.materials-text-19 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.materials-button-20 { left: calc(50% + 30px); top: 233.797px; width: 136.594px; height: 38.3906px; display: block; }
.materials-button-20 > .visual-content { font-size: 16px; line-height: 22.4px; border-radius: 100px; }
.materials-image-21 { left: calc(50% + 283px); top: -1.8125px; width: 40px; height: 85px; display: block; }
.materials-image-21 > .visual-content { font-size: 16px; border-radius: 0px; }
.materials-text-22 { left: calc(50% + 375px); top: 52.1875px; width: 116.812px; height: 26px; display: block; }
.materials-text-22 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.materials-text-23 { left: calc(50% + 375px); top: 114.188px; width: 285px; height: 66px; display: block; }
.materials-text-23 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.materials-button-24 { left: calc(50% + 375px); top: 233.797px; width: 144.406px; height: 38.3906px; display: block; }
.materials-button-24 > .visual-content { font-size: 16px; line-height: 22.4px; border-radius: 100px; }
.materials-image-25 { left: calc(50% + 628px); top: -1.8125px; width: 40px; height: 85px; display: block; }
.materials-image-25 > .visual-content { font-size: 16px; border-radius: 0px; }
.conditions { height: 776px; }
.conditions-text-1 { left: calc(50% - 680px); top: 120px; width: 671px; height: 100px; display: block; }
.conditions-text-1 > .visual-content { font-size: 42px; line-height: 50px; border-radius: 0px; }
.conditions-image-2 { left: calc(50% + 43px); top: 120px; width: 48px; height: 48px; display: block; }
.conditions-image-2 > .visual-content { font-size: 16px; border-radius: 0px; }
.conditions-text-3 { left: calc(50% + 115px); top: 120px; width: 562px; height: 26px; display: block; }
.conditions-text-3 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.conditions-text-4 { left: calc(50% + 115px); top: 162px; width: 450px; height: 44px; display: block; }
.conditions-text-4 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.conditions-image-5 { left: calc(50% + 43px); top: 270px; width: 48px; height: 48px; display: block; }
.conditions-image-5 > .visual-content { font-size: 16px; border-radius: 0px; }
.conditions-text-6 { left: calc(50% + 115px); top: 270px; width: 562px; height: 26px; display: block; }
.conditions-text-6 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.conditions-text-7 { left: calc(50% + 115px); top: 312px; width: 450px; height: 44px; display: block; }
.conditions-text-7 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.conditions-image-8 { left: calc(50% + 43px); top: 420px; width: 48px; height: 48px; display: block; }
.conditions-image-8 > .visual-content { font-size: 16px; border-radius: 0px; }
.conditions-text-9 { left: calc(50% + 115px); top: 420px; width: 562px; height: 26px; display: block; }
.conditions-text-9 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.conditions-text-10 { left: calc(50% + 115px); top: 462px; width: 450px; height: 44px; display: block; }
.conditions-text-10 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.conditions-image-11 { left: calc(50% + 43px); top: 570px; width: 48px; height: 48px; display: block; }
.conditions-image-11 > .visual-content { font-size: 16px; border-radius: 0px; }
.conditions-text-12 { left: calc(50% + 115px); top: 570px; width: 562px; height: 26px; display: block; }
.conditions-text-12 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.conditions-text-13 { left: calc(50% + 115px); top: 612px; width: 450px; height: 44px; display: block; }
.conditions-text-13 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.conditions-image-14 { left: calc(50% - 717px); top: 248px; width: 696px; height: 521.5px; display: block; }
.conditions-image-14 > .visual-content, .conditions-shape-15 > .visual-content, .conditions-shape-16 > .visual-content, .conditions-shape-17 > .visual-content, .conditions-shape-18 > .visual-content, .steps-decoration-1 > .visual-content, .steps-decoration-2 > .visual-content, .steps-decoration-3 > .visual-content, .steps-decoration-4 > .visual-content, .steps-image-5 > .visual-content, .steps-image-6 > .visual-content, .steps-image-7 > .visual-content {
  font-size: 16px; border-radius: 0px;
}
.conditions-shape-15 { left: calc(50% + 11px); top: 537px; width: 669px; height: 1px; display: block; }
.conditions-shape-16 { left: calc(50% + 11px); top: 387px; width: 669px; height: 1px; display: block; }
.conditions-shape-17 { left: calc(50% + 11px); top: 237px; width: 669px; height: 1px; display: block; }
.conditions-shape-18 { left: calc(50% + 10px); top: 120px; width: 1px; height: 563px; display: block; }
.steps { height: 848px; }
.steps-decoration-1 { left: calc(50% - 508px); top: 290px; width: 325px; height: 166px; display: block; }
.steps-decoration-2 { left: calc(50% - 164px); top: 290px; width: 325px; height: 166px; display: block; }
.steps-decoration-3 { left: calc(50% - 164px); top: 476px; width: 325px; height: 166px; display: block; }
.steps-decoration-4 { left: calc(50% + 180px); top: 476px; width: 325px; height: 166px; display: block; }
.steps-image-5 { left: 0px; top: 0px; width: 611px; height: 682px; display: block; }
.steps-image-6 { left: calc(-605px + 100vw); top: 8px; width: 605px; height: 839.875px; display: block; }
.steps-image-7 { left: calc(50% - 488px); top: 310px; width: 48px; height: 48px; display: block; }
.steps-text-8 { left: calc(50% - 488px); top: 370px; width: 285px; height: 44px; display: block; }
.steps-text-8 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.steps-image-9 { left: calc(50% - 249px); top: 245px; width: 43px; height: 91.0469px; display: block; }
.steps-image-9 > .visual-content, .steps-image-10 > .visual-content { font-size: 16px; border-radius: 0px; }
.steps-image-10 { left: calc(50% - 144px); top: 310px; width: 48px; height: 48px; display: block; }
.steps-text-11 { left: calc(50% - 144px); top: 370px; width: 285px; height: 66px; display: block; }
.steps-text-11 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.steps-image-12 { left: calc(50% + 97px); top: 246px; width: 43px; height: 91.0469px; display: block; }
.steps-image-12 > .visual-content, .steps-shape-13 > .visual-content, .steps-shape-14 > .visual-content, .steps-image-15 > .visual-content { font-size: 16px; border-radius: 0px; }
.steps-shape-13 { left: calc(50% + 180px); top: 290px; width: 325px; height: 165px; display: block; }
.steps-shape-14 { left: calc(50% - 508px); top: 476px; width: 325px; height: 165px; display: block; }
.steps-image-15 { left: calc(50% - 144px); top: 496px; width: 48px; height: 48px; display: block; }
.steps-text-16 { left: calc(50% - 144px); top: 556px; width: 285px; height: 66px; display: block; }
.steps-text-16 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.steps-image-17 { left: calc(50% + 97px); top: 434px; width: 43px; height: 91.0469px; display: block; }
.steps-image-17 > .visual-content, .steps-image-18 > .visual-content { font-size: 16px; border-radius: 0px; }
.steps-image-18 { left: calc(50% + 200px); top: 496px; width: 48px; height: 48px; display: block; }
.steps-text-19 { left: calc(50% + 200px); top: 556px; width: 285px; height: 44px; display: block; }
.steps-text-19 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.steps-image-20 { left: calc(50% + 441px); top: 435px; width: 43px; height: 91.0469px; display: block; }
.steps-image-20 > .visual-content { font-size: 16px; border-radius: 0px; }
.steps-text-21 { left: calc(50% - 306px); top: 130px; width: 612px; height: 100px; display: block; }
.steps-text-21 > .visual-content { font-size: 42px; line-height: 50px; border-radius: 0px; }
.steps-button-22 { left: calc(50% - 129px); top: 682px; width: 258px; height: 46px; display: block; }
.steps-button-22 > .visual-content { font-size: 16px; line-height: 22.4px; border-radius: 100px; }
.business { height: 751px; }
.business-decoration-1 { left: calc(50% + 35px); top: 479px; width: 321px; height: 128px; display: block; }
.business-decoration-1 > .visual-content { font-size: 16px; border-radius: 0px; }
.business-text-2 { left: calc(50% - 680px); top: 133px; width: 671px; height: 100px; display: block; }
.business-text-2 > .visual-content { font-size: 42px; line-height: 50px; border-radius: 0px; }
.business-shape-3 { left: calc(50% - 680px); top: 332px; width: 12px; height: 12px; display: block; }
.business-shape-3 > .visual-content { font-size: 16px; border-radius: 3000px; }
.business-text-4 { left: calc(50% - 656px); top: 325px; width: 278.953px; height: 26px; display: block; }
.business-text-4 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.business-shape-5 { left: calc(50% - 680px); top: 367px; width: 671px; height: 1px; display: block; }
.business-shape-5 > .visual-content { font-size: 16px; border-radius: 0px; }
.business-shape-6 { left: calc(50% - 680px); top: 391px; width: 12px; height: 12px; display: block; }
.business-shape-6 > .visual-content { font-size: 16px; border-radius: 3000px; }
.business-text-7 { left: calc(50% - 656px); top: 384px; width: 303.734px; height: 26px; display: block; }
.business-text-7 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.business-shape-8 { left: calc(50% - 680px); top: 426px; width: 671px; height: 1px; display: block; }
.business-shape-8 > .visual-content { font-size: 16px; border-radius: 0px; }
.business-shape-9 { left: calc(50% - 680px); top: 450px; width: 12px; height: 12px; display: block; }
.business-shape-9 > .visual-content { font-size: 16px; border-radius: 3000px; }
.business-text-10 { left: calc(50% - 656px); top: 443px; width: 202.828px; height: 26px; display: block; }
.business-text-10 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.business-shape-11 { left: calc(50% - 680px); top: 485px; width: 671px; height: 1px; display: block; }
.business-shape-11 > .visual-content { font-size: 16px; border-radius: 0px; }
.business-shape-12 { left: calc(50% - 680px); top: 509px; width: 12px; height: 12px; display: block; }
.business-shape-12 > .visual-content { font-size: 16px; border-radius: 3000px; }
.business-text-13 { left: calc(50% - 656px); top: 502px; width: 299.312px; height: 26px; display: block; }
.business-text-13 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.business-shape-14 { left: calc(50% - 680px); top: 544px; width: 671px; height: 1px; display: block; }
.business-shape-14 > .visual-content { font-size: 16px; border-radius: 0px; }
.business-button-15 { left: calc(50% - 680px); top: 585px; width: 258px; height: 46px; display: block; }
.business-button-15 > .visual-content { font-size: 16px; line-height: 22.4px; border-radius: 100px; }
.business-image-16 { left: calc(50% + 11px); top: 120px; width: 668px; height: 510.938px; display: block; }
.business-image-16 > .visual-content { font-size: 16px; border-radius: 0px; }
.business-text-17 { left: calc(50% + 55px); top: 499px; width: 281px; height: 88px; display: block; }
.business-text-17 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.faq-heading { height: 210px; }
.faq-heading-text-1 { left: calc(50% - 680px); top: 120px; width: 408.828px; height: 50px; display: block; }
.faq-heading-text-1 > .visual-content { font-size: 42px; line-height: 50px; border-radius: 0px; }
.contacts { height: 861px; }
.contacts-decoration-1 { left: calc(50% + 127px); top: 120px; width: 552px; height: 700.984px; display: block; }
.contacts-decoration-1 > .visual-content, .contacts-shape-2 > .visual-content, .contacts-shape-3 > .visual-content, .contacts-shape-4 > .visual-content, .contacts-shape-5 > .visual-content, .contacts-shape-6 > .visual-content, .contacts-shape-7 > .visual-content, .contacts-shape-8 > .visual-content, .contacts-shape-9 > .visual-content, .contacts-image-10 > .visual-content {
  font-size: 16px; border-radius: 0px;
}
.contacts-shape-2 { left: calc(50% - 657px); top: 654px; width: 331px; height: 111px; display: block; }
.contacts-shape-3 { left: calc(50% + 441px); top: 654px; width: 331px; height: 111px; display: block; }
.contacts-shape-4 { left: calc(50% + 807px); top: 654px; width: 331px; height: 111px; display: block; }
.contacts-shape-5 { left: calc(50% + 1173px); top: 654px; width: 331px; height: 111px; display: block; }
.contacts-shape-6 { left: calc(50% + 75px); top: 654px; width: 331px; height: 111px; display: block; }
.contacts-shape-7 { left: calc(50% - 291px); top: 654px; width: 331px; height: 111px; display: block; }
.contacts-shape-8 { left: calc(50% + 679px); top: 662px; width: 2081px; height: 100px; display: block; }
.contacts-shape-9 { left: calc(50% - 2451px); top: 662px; width: 2081px; height: 100px; display: block; }
.contacts-image-10 { left: calc(50% - 704px); top: 570px; width: 422px; height: 316px; display: block; }
.contacts-text-11 { left: calc(50% - 680px); top: 120px; width: 675px; height: 100px; display: block; }
.contacts-text-11 > .visual-content { font-size: 42px; line-height: 50px; border-radius: 0px; }
.contacts-text-12 { left: calc(50% - 680px); top: 312px; width: 48.5469px; height: 22px; display: block; }
.contacts-text-12 > .visual-content, .contacts-text-13 > .visual-content, .contacts-text-14 > .visual-content, .contacts-text-15 > .visual-content, .contacts-text-16 > .visual-content, .contacts-text-17 > .visual-content, .contacts-text-18 > .visual-content, .contacts-text-19 > .visual-content {
  font-size: 16px; line-height: 22px; border-radius: 0px;
}
.contacts-text-13 { left: calc(50% - 680px); top: 342px; width: 210px; height: 22px; display: block; }
.contacts-text-14 { left: calc(50% - 680px); top: 396px; width: 66.3438px; height: 22px; display: block; }
.contacts-text-15 { left: calc(50% - 680px); top: 426px; width: 210px; height: 22px; display: block; }
.contacts-text-16 { left: calc(50% - 680px); top: 480px; width: 46.7813px; height: 22px; display: block; }
.contacts-text-17 { left: calc(50% - 680px); top: 510px; width: 210px; height: 22px; display: block; }
.contacts-text-18 { left: calc(50% - 334px); top: 342px; width: 87.4063px; height: 22px; display: block; }
.contacts-text-19 { left: calc(50% - 161.594px); top: 342px; width: 37.5938px; height: 22px; display: block; }
.contacts-text-20 { left: calc(50% + 167px); top: 160px; width: 464.641px; height: 26px; display: block; }
.contacts-text-20 > .visual-content { font-size: 24px; line-height: 26px; border-radius: 0px; }
.contacts-form-21 { left: calc(50% + 167px); top: 210px; width: 472px; height: 570.984px; display: block; }
.footer-image-1 > .visual-content { font-size: 16px; border-radius: 0px; }
.footer { height: 390px; }
.footer-image-1 { left: calc(50% - 680px); top: 180px; width: 128px; height: 41px; display: block; }
.footer-text-2 { left: calc(50% - 680px); top: 241px; width: 307px; height: 44px; display: block; }
.footer-text-2 > .visual-content { font-size: 16px; line-height: 22px; border-radius: 0px; }
.footer-button-3 { left: calc(50% - 255.5px); top: 241px; width: 121px; height: 25px; display: block; }
.footer-button-3 > .visual-content, .footer-button-4 > .visual-content, .footer-button-5 > .visual-content, .footer-button-6 > .visual-content, .footer-button-7 > .visual-content, .footer-button-8 > .visual-content {
  font-size: 16px; line-height: 24.8px; border-radius: 30px;
}
.footer-button-4 { left: calc(50% - 94.5px); top: 241px; width: 64px; height: 25px; display: block; }
.footer-button-5 { left: calc(50% + 9.5px); top: 241px; width: 76px; height: 25px; display: block; }
.footer-button-6 { left: calc(50% + 125.5px); top: 241px; width: 73px; height: 25px; display: block; }
.footer-button-7 { left: calc(50% + 349.609px); top: 241px; width: 330.391px; height: 24.7969px; display: block; }
.footer-button-8 { left: calc(50% + 320.781px); top: 273.797px; width: 359.219px; height: 24.7969px; display: block; }
.footer-text-9 { left: calc(50% - 680px); top: 318.594px; width: 193.266px; height: 14px; display: block; }
.footer-text-9 > .visual-content { font-size: 14px; line-height: 14px; border-radius: 0px; }
.legal-content { padding: 0px; max-width: none; margin: 0px; }
.legal-section { margin: 0px; max-width: none; }
.legal-section:first-child { margin-bottom: 0px; }
.legal-section > div { margin: auto; }
.policy-page .legal-section-1 { padding: 68px 20px 36px; font-size: 42px; font-weight: 700; line-height: 1.2; color: var(--bn-ink); text-align: start; text-transform: uppercase; }
.policy-page .legal-section-1 > div, .policy-page .legal-section-2 > div, .policy-page .legal-section-3 > div, .policy-page .legal-section-4 > div, .policy-page .legal-section-5 > div, .policy-page .legal-section-6 > div, .policy-page .legal-section-7 > div, .policy-page .legal-section-8 > div, .policy-page .legal-section-9 > div, .policy-page .legal-section-10 > div, .policy-page .legal-section-11 > div, .policy-page .legal-section-12 > div, .policy-page .legal-section-13 > div, .soglasie-page .legal-section-1 > div, .soglasie-page .legal-section-2 > div, .soglasie-page .legal-section-3 > div, .soglasie-page .legal-section-4 > div, .soglasie-page .legal-section-5 > div, .soglasie-page .legal-section-6 > div, .soglasie-page .legal-section-7 > div, .soglasie-page .legal-section-8 > div, .soglasie-page .legal-section-9 > div {
  max-width: 760px;
}
.policy-page .legal-section-2, .policy-page .legal-section-3, .policy-page .legal-section-4, .policy-page .legal-section-5, .policy-page .legal-section-6, .policy-page .legal-section-7, .policy-page .legal-section-8, .policy-page .legal-section-9, .policy-page .legal-section-10, .policy-page .legal-section-11, .policy-page .legal-section-12 {
  padding: 8px 20px 36px; font-size: 16px; font-weight: 500; line-height: 1.55; color: var(--bn-ink); text-align: start; text-transform: none;
}
.policy-page .legal-section-13 { padding: 8px 20px 66px; font-size: 16px; font-weight: 500; line-height: 1.55; color: var(--bn-ink); text-align: start; text-transform: none; }
.soglasie-page .legal-section-1 { padding: 68px 20px 36px; font-size: 42px; font-weight: 700; line-height: 1.2; color: var(--bn-ink); text-align: start; text-transform: uppercase; }
.soglasie-page .legal-section-2, .soglasie-page .legal-section-3, .soglasie-page .legal-section-4, .soglasie-page .legal-section-5, .soglasie-page .legal-section-6, .soglasie-page .legal-section-7, .soglasie-page .legal-section-8 {
  padding: 8px 20px 36px; font-size: 16px; font-weight: 500; line-height: 1.55; color: var(--bn-ink); text-align: start; text-transform: none;
}
.soglasie-page .legal-section-9 { padding: 8px 20px 66px; font-size: 16px; font-weight: 500; line-height: 1.55; color: var(--bn-ink); text-align: start; text-transform: none; }

.enquiry-captcha-row { width: 100%; min-width: 0; flex-basis: 100%; clear: both; margin: 20px 0; }
.enquiry-captcha { width: 300px; min-width: 300px; min-height: 100px; }
.enquiry-captcha button { cursor: pointer; text-decoration: underline; }

.faq-item button[aria-expanded="true"] .faq-plus { transform: translateY(-50%) rotate(45deg); }

.cookie-types details[open] > summary::before { content: "−"; }




.enquiry-success { box-sizing: border-box; width: 460px; max-width: calc(100% - 32px); max-height: calc(100% - 32px); margin: auto; padding: 32px; border: 1px solid var(--bn-accent); border-radius: 16px; background: var(--bn-paper); color: var(--bn-ink); font: 16px/1.5 Onest, sans-serif; text-align: center; }
.enquiry-success::backdrop { background: #0009; }
.enquiry-success h2 { margin: 0 0 16px; font: inherit; font-size: 24px; font-weight: 700; line-height: 1.25; }
.enquiry-success p { margin: 0 0 24px; }
.enquiry-success button { padding: 12px 24px; border: 0; border-radius: 30px; background: var(--bn-accent); color: var(--bn-white); font: inherit; cursor: pointer; }
.enquiry-success button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }